@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

.wallet-adapter-button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
    border-radius: 4px
}

.wallet-adapter-button-trigger {
    background-color: #512da8
}

.wallet-adapter-button:not([disabled]):focus-visible {
    outline-color: #fff
}

.wallet-adapter-button:not([disabled]):hover {
    background-color: #1a1f2e
}

.wallet-adapter-button[disabled] {
    background: #404144;
    color: #999;
    cursor: not-allowed
}

.wallet-adapter-button-end-icon,
.wallet-adapter-button-end-icon img,
.wallet-adapter-button-start-icon,
.wallet-adapter-button-start-icon img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.wallet-adapter-button-end-icon {
    margin-left: 12px
}

.wallet-adapter-button-start-icon {
    margin-right: 12px
}

.wallet-adapter-collapse {
    height: 0px;
    transition: height 250ms ease-out ;
    width: 100%;
    
}
#popup {
    opacity: 0;
    transition: visibility 0.3s linear, opacity 0.3s linear;

}
.wallet-adapter-collapse {
    transition: ;
}
.wallet-adapter-modal-list-more {

}

.wallet-adapter-dropdown {
    position: relative;
    display: inline-block
}

.wallet-adapter-dropdown-list {
    position: absolute;
    z-index: 99;
    display: grid;
    grid-template-rows: 1fr;
    grid-row-gap: 10px;
    padding: 10px;
    top: 100%;
    right: 0;
    margin: 0;
    list-style: none;
    background: #2c2d30;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .6);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}

.wallet-adapter-dropdown-list-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px)
}

.wallet-adapter-dropdown-list-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    color: #fff
}

.wallet-adapter-dropdown-list-item:not([disabled]):hover {
    background-color: #1a1f2e
}

.wallet-adapter-modal-collapse-button svg {
    align-self: center;
    fill: #999
}

.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg {
    transform: rotate(180deg);
    transition: transform .15s ease-in
}

.wallet-adapter-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity .15s linear;
    background: rgba(0, 0, 0, .5);
    z-index: 1040;
    overflow-y: auto
}

.wallet-adapter-modal.wallet-adapter-modal-fade-in {
    opacity: 1
}

.wallet-adapter-modal-button-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 12px;
    cursor: pointer;
    background: #1a1f2e;
    border: none;
    border-radius: 50%
}

.wallet-adapter-modal-button-close:focus-visible {
    outline-color: #fff
}

.wallet-adapter-modal-button-close svg {
    fill: #777;
    transition: fill .2s ease 0s
}

.wallet-adapter-modal-button-close:hover svg {
    fill: #fff
}

.wallet-adapter-modal-overlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.wallet-adapter-modal-container {
    display: flex;
    margin: 3rem;
    min-height: calc(100vh - 6rem);
    align-items: center;
    justify-content: center
}

@media (max-width:480px) {
    .wallet-adapter-modal-container {
        margin: 1rem;
        min-height: calc(100vh - 2rem)
    }
}

.wallet-adapter-modal-wrapper {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 1050;
    max-width: 400px;
    border-radius: 10px;
    background: #10141f;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .6);
    font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    flex: 1 1
}

.wallet-adapter-modal-wrapper .wallet-adapter-button {
    width: 100%
}

.wallet-adapter-modal-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin: 0;
    padding: 64px 48px 48px;
    text-align: center;
    color: #fff
}

@media (max-width:374px) {
    .wallet-adapter-modal-title {
        font-size: 18px
    }
}

.wallet-adapter-modal-list {
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
    list-style: none;
    transition: all 0.2s ease-out;
}



.wallet-adapter-collapse {
    transition: all 0.2s ease-out;
}

.wallet-adapter-modal-list .wallet-adapter-button {
    font-weight: 400;
    border-radius: 0;
    font-size: 18px
}

.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
    width: 28px;
    height: 28px
}

.wallet-adapter-modal-list .wallet-adapter-button span {
    margin-left: auto;
    font-size: 14px;
    opacity: .6
}

.wallet-adapter-modal-list-more {
    cursor: pointer;
    border: none;
    padding: 12px 24px 24px 12px;
    align-self: flex-end;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: #fff;

}

.wallet-adapter-modal-list-more svg {
    transition: all .1s ease;
    fill: #fff;
    margin-left: .5rem
}

.wallet-adapter-modal-list-more .wallet-adapter-collapse {
    transition: height 1s ease;
}

.wallet-adapter-modal-list-more-icon-rotate {
    transform: rotate(180deg)
}

.wallet-adapter-modal-middle {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px 24px;
    box-sizing: border-box
}

.wallet-adapter-modal-middle-button {
    display: block;
    cursor: pointer;
    margin-top: 48px;
    width: 100%;
    background-color: #512da8;
    padding: 12px;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    color: #fff
}

.spinnyboy_loader__w_31R {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #000;
    background: linear-gradient(to right, var(--main-colour) 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: spinnyboy_load3__sxLgy 1.4s linear infinite;
    animation: spinnyboy_load3__sxLgy 1.4s linear infinite;
    transform: translateZ(0)
}

.spinnyboy_loader__w_31R:before {
    width: 50%;
    height: 50%;
    background: var(--main-colour);
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.spinnyboy_loader__w_31R:after {
    background: var(--bg-dialog);
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes spinnyboy_load3__sxLgy {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinnyboy_load3__sxLgy {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-Results-list,
.ais-ToggleRefinement-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-reset,
.ais-SearchBox-submit,
.ais-VoiceSearch-button {
    padding: 0;
    overflow: visible;
    font: inherit;
    line-height: normal;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-reset[disabled],
.ais-SearchBox-submit[disabled],
.ais-VoiceSearch-button[disabled] {
    cursor: default
}

.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    overflow-anchor: none
}

.ais-Breadcrumb-item,
.ais-Breadcrumb-list,
.ais-Pagination-list,
.ais-PoweredBy,
.ais-RangeInput-form,
.ais-RatingMenu-link {
    display: flex;
    align-items: center
}

.ais-GeoSearch,
.ais-GeoSearch-map {
    height: 100%
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    margin-left: 1em
}

.ais-PoweredBy-logo {
    display: block;
    height: 1.2em;
    width: auto
}

.ais-RatingMenu-starIcon {
    display: block;
    width: 20px;
    height: 20px
}

.ais-SearchBox-input::-ms-clear,
.ais-SearchBox-input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
    display: none
}

.ais-RangeSlider .rheostat {
    overflow: visible;
    margin-top: 40px;
    margin-bottom: 40px
}

.ais-RangeSlider .rheostat-background {
    height: 6px;
    top: 0;
    width: 100%
}

.ais-RangeSlider .rheostat-handle {
    margin-left: -12px;
    top: -7px
}

.ais-RangeSlider .rheostat-background {
    position: relative;
    background-color: #fff;
    border: 1px solid #aaa
}

.ais-RangeSlider .rheostat-progress {
    position: absolute;
    top: 1px;
    background-color: #333
}

.rheostat-handle {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #333;
    border-radius: 50%;
    cursor: -webkit-grab;
    cursor: grab
}

.rheostat-marker {
    margin-left: -1px;
    position: absolute;
    width: 1px;
    height: 5px;
    background-color: #aaa
}

.rheostat-marker--large {
    height: 9px
}

.rheostat-value {
    padding-top: 15px
}

.rheostat-tooltip,
.rheostat-value {
    margin-left: 50%;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.rheostat-tooltip {
    top: -22px
}

[class^=ais-] {
    box-sizing: border-box
}

.ais-VoiceSearch-button:disabled,
[class^=ais-][class$="--disabled"],
[class^=ais-][class$="--disabled"] * {
    cursor: not-allowed
}

.ais-ClearRefinements-button,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-Pagination-link,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-VoiceSearch-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff, #fcfcfd);
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
    color: #23263b;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 400;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 1rem;
    place-items: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    height: 1.5rem
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    margin-top: 1rem
}

.ais-ClearRefinements-button:hover,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:hover,
.ais-HierarchicalMenu-showMore:hover,
.ais-InfiniteHits-loadMore:hover,
.ais-InfiniteHits-loadPrevious:hover,
.ais-Menu-showMore:hover,
.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,
.ais-RangeInput-submit:hover,
.ais-RefinementList-showMore:hover,
.ais-VoiceSearch-button:hover {
    background-image: linear-gradient(-180deg, #fff, #f5f5fa);
    border-color: #d6d6e7
}

.ais-ClearRefinements-button:focus,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-reset:focus,
.ais-HierarchicalMenu-showMore:focus,
.ais-InfiniteHits-loadMore:focus,
.ais-InfiniteHits-loadPrevious:focus,
.ais-Menu-showMore:focus,
.ais-RangeInput-submit:focus,
.ais-RefinementList-showMore:focus,
.ais-VoiceSearch-button:focus {
    background-image: linear-gradient(-180deg, #fff, #f5f5fa);
    border-color: #3c4fe0;
    box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 1px rgba(35, 38, 59, .05);
    outline: medium none currentcolor
}

.ais-ClearRefinements-button:active,
.ais-GeoSearch-redo:active,
.ais-GeoSearch-reset:active,
.ais-HierarchicalMenu-showMore:active,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadPrevious:active,
.ais-Menu-showMore:active,
.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-link:active,
.ais-RefinementList-showMore:active,
.ais-VoiceSearch-button:active {
    border-color: #d6d6e7;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4), inset 0 1px 1px 0 rgba(119, 122, 175, .4), 0 1px 0 0 rgba(35, 38, 59, .05)
}

.ais-ClearRefinements-button:disabled[disabled],
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-InfiniteHits-loadMore:disabled[disabled],
.ais-InfiniteHits-loadPrevious:disabled[disabled],
.ais-Pagination-item--disabled .ais-Pagination-link,
.ais-VoiceSearch-button:disabled {
    background-image: linear-gradient(-180deg, #fff, #f5f5fa);
    border-color: #efeff5;
    box-shadow: none;
    color: #b6b7d5
}

.ais-HierarchicalMenu-showMore--disabled[disabled],
.ais-Menu-showMore--disabled[disabled],
.ais-RefinementList-showMore--disabled[disabled] {
    display: none
}

.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-NumericMenu-label,
.ais-RatingMenu-item,
.ais-RefinementList-item,
.ais-ToggleRefinement-label {
    display: block;
    font-size: .875rem;
    line-height: 1.75rem
}

.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap
}

.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link {
    color: inherit;
    text-decoration: none
}

.ais-Breadcrumb-link:hover {
    text-decoration: underline
}

.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link>.ais-HierarchicalMenu-label,
.ais-Menu-item--selected .ais-Menu-label,
.ais-RatingMenu-item--selected,
.ais-RefinementList-item--selected {
    font-weight: 600
}

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
    background: #f5f5fa none repeat scroll 0 0;
    border: 1px solid #b6b7d5;
    border-radius: 99999px;
    color: #23263b;
    display: inline-flex;
    flex-shrink: 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    margin-left: .5rem;
    overflow: hidden;
    padding: 0 .25rem
}

.ais-HierarchicalMenu-noResults,
.ais-Menu-noResults,
.ais-RefinementList-noResults {
    color: #5a5e9a;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 1rem
}

.ais-HitsPerPage-select,
.ais-MenuSelect-select,
.ais-SortBy-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #fcfcfd);
    background-position: right 1rem center, 0 0;
    background-repeat: no-repeat;
    background-size: 10px, auto;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
    color: #23263b;
    cursor: pointer;
    font: inherit;
    height: 2.5rem;
    outline: medium none currentcolor;
    padding: 0 2.5rem 0 1rem;
    position: relative;
    width: 100%
}

.ais-HitsPerPage-select:-moz-focusring,
.ais-HitsPerPage-select::-moz-focus-inner,
.ais-SortBy-select:-moz-focusring,
.ais-SortBy-select::-moz-focus-inner {
    color: transparent;
    outline: medium none currentcolor
}

.ais-HitsPerPage-select>option:not(:checked),
.ais-SortBy-select>option:not(:checked) {
    color: #23263b
}

.ais-HitsPerPage-select>option:disabled,
.ais-SortBy-select>option:disabled {
    color: #b6b7d5
}

.ais-HitsPerPage-select:hover,
.ais-SortBy-select:hover {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
    border-color: #d6d6e7
}

.ais-HitsPerPage-select:focus,
.ais-SortBy-select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
    border-color: #3c4fe0;
    box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 0 rgba(35, 38, 59, .05)
}

.ais-HitsPerPage-select:disabled,
.ais-SortBy-select:disabled {
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23b6b7d5" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
    border-color: #efeff5;
    box-shadow: none;
    color: #b6b7d5;
    cursor: not-allowed
}

.ais-Panel {
    margin-bottom: 2rem
}

.ais-Panel-header {
    margin-bottom: 1rem;
    text-transform: uppercase
}

.ais-Panel-footer,
.ais-Panel-header {
    color: #5a5e9a;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

.ais-Panel-footer {
    margin-top: 1rem
}

.ais-Panel--collapsible {
    position: relative
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
    display: none
}

.ais-SearchBox-form {
    background-color: #fff;
    display: flex;
    font-size: .875rem;
    height: 2.5rem;
    line-height: 1.25rem;
    position: relative;
    width: 100%
}

.ais-SearchBox-form:before {
    background: transparent url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0 0;
    content: "";
    height: 1rem;
    left: 1rem;
    margin-top: -.5rem;
    position: absolute;
    top: 50%;
    width: 1rem
}

.ais-SearchBox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
    caret-color: #5a5e9a;
    color: #23263b;
    flex: 1 1;
    font: inherit;
    max-width: 100%;
    padding-left: 2.5rem
}

.ais-SearchBox-input:-ms-input-placeholder {
    color: #5a5e9a
}

.ais-SearchBox-input::-moz-placeholder {
    color: #5a5e9a
}

.ais-SearchBox-input::placeholder {
    color: #5a5e9a
}

.ais-SearchBox-input:focus {
    border-color: #3c4fe0;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
    outline: medium none currentcolor
}

.ais-SearchBox-input:disabled {
    background: transparent linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0 0;
    border-color: #efeff5;
    box-shadow: none;
    cursor: not-allowed
}

.ais-SearchBox-input:disabled:-ms-input-placeholder {
    color: #b6b7d5;
    pointer-events: none
}

.ais-SearchBox-input:disabled::-moz-placeholder {
    color: #b6b7d5;
    pointer-events: none
}

.ais-SearchBox-input:disabled::placeholder {
    color: #b6b7d5;
    pointer-events: none
}

.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
    align-items: center;
    border-radius: 50%;
    display: flex;
    fill: #484c7a;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.ais-SearchBox-reset:focus {
    background: #b6b7d5;
    fill: #fff;
    outline: 0
}

.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,
.ais-RefinementList-searchBox .ais-SearchBox-reset {
    right: .5rem
}

.ais-SearchBox-loadingIndicator[hidden],
.ais-SearchBox-reset[hidden],
.ais-SearchBox-submit {
    display: none
}

.ais-Menu-searchBox,
.ais-RefinementList-searchBox {
    margin-bottom: .5rem
}

.ais-Menu-searchBox .ais-SearchBox-form,
.ais-RefinementList-searchBox .ais-SearchBox-form {
    height: 2rem
}

.ais-Menu-searchBox .ais-SearchBox-form:before,
.ais-RefinementList-searchBox .ais-SearchBox-form:before {
    left: .5rem
}

.ais-Menu-searchBox .ais-SearchBox-input,
.ais-RefinementList-searchBox .ais-SearchBox-input {
    padding-left: 2rem
}

.ais-VoiceSearch-button {
    color: #5a5e9a;
    height: 48px;
    width: 48px
}

.ais-VoiceSearch-button svg {
    color: currentcolor
}

.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
    background-color: rgba(84, 104, 255, .1);
    color: #5468ff;
    font-style: normal
}

.ais-Hits-item,
.ais-InfiniteHits-item {
    align-items: center;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15);
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    padding: 1.5rem
}

.ais-Hits-item:first-of-type,
.ais-InfiniteHits-item:first-of-type {
    border-radius: 3px 3px 0 0
}

.ais-Hits-item:last-of-type,
.ais-InfiniteHits-item:last-of-type {
    border-radius: 0 0 3px 3px
}

.ais-Hits-item:only-of-type,
.ais-InfiniteHits-item:only-of-type {
    border-radius: 3px
}

.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious {
    display: flex;
    margin: 1rem auto
}

.ais-GeoSearch {
    position: relative
}

.ais-GeoSearch-control {
    left: 3.75rem;
    position: absolute;
    top: 1rem
}

.ais-GeoSearch-label {
    align-items: center;
    background-color: #f5f5fa;
    border: 1px solid #b6b7d5;
    border-radius: 3px;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    line-height: 1.5;
    min-height: 1.5rem;
    padding: .25rem .5rem
}

.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
    white-space: nowrap
}

.ais-GeoSearch-reset {
    bottom: 1.25rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.ais-GeoSearch-input,
.ais-RefinementList-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-size: 180%;
    border: 1px solid;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4);
    color: #d6d6e7;
    cursor: inherit;
    height: 1rem;
    margin: 0 .5rem 0 0;
    min-width: 1rem
}

.ais-GeoSearch-input:checked,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-size: 14px;
    border-color: currentcolor;
    box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, .05);
    color: #3c4fe0
}

.ais-GeoSearch-input:focus,
.ais-RefinementList-checkbox:focus {
    outline: medium none currentcolor
}

.ais-GeoSearch-input:checked:focus,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus {
    box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, .05), 0 0 0 1px currentcolor
}

.ais-NumericMenu-label {
    align-items: center;
    cursor: pointer;
    display: flex
}

.ais-NumericMenu-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 50%;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
    height: 16px;
    margin: 0 .5rem 0 0;
    outline: 0;
    position: relative;
    width: 16px
}

.ais-NumericMenu-radio:checked,
.ais-NumericMenu-radio:focus {
    border-color: #3c4fe0;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05)
}

.ais-NumericMenu-radio:focus {
    box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 rgba(35, 38, 59, .05)
}

.ais-NumericMenu-radio:checked:after {
    background: #3c4fe0;
    border-radius: 50%;
    bottom: 4px;
    content: "";
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    margin-left: 1.5rem
}

.ais-HierarchicalMenu-link:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1rem
}

.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link:before {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")
}

.ais-RatingMenu-starIcon {
    margin-right: .25rem;
    fill: #5a5e9a;
    position: relative;
    width: 16px
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
    fill: #b6b7d5
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
    color: #b6b7d5
}

.ais-ClearRefinements-button {
    width: 100%
}

.ais-CurrentRefinements-list {
    display: inline-grid;
    gap: 1rem;
    grid-auto-flow: column
}

.ais-CurrentRefinements-item {
    align-items: center;
    background-color: #f5f5fa;
    border: 1px solid #b6b7d5;
    border-radius: 3px;
    display: flex;
    display: inline-flex;
    font-size: .875rem;
    line-height: 1.5;
    min-height: 1.5rem;
    padding: .05rem .5rem
}

.ais-CurrentRefinements-category {
    display: flex;
    margin-left: .5rem
}

.ais-CurrentRefinements-delete {
    color: #9698c3;
    height: 100%;
    margin-left: .25rem;
    outline-width: 0
}

.ais-ToggleRefinement-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.ais-ToggleRefinement-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(65, 66, 71, .08);
    background: #f5f5fa;
    border-radius: 9999px;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4);
    height: 18px;
    pointer-events: none;
    position: relative;
    width: 32px
}

.ais-ToggleRefinement-checkbox:checked {
    background: #3c4fe0;
    box-shadow: inset 0 1px 4px 0 rgba(35, 38, 59, .1)
}

.ais-ToggleRefinement-checkbox:focus {
    outline: 0
}

.ais-ToggleRefinement-checkbox:after {
    background: linear-gradient(-180deg, #fff, #f5f5fa);
    border-radius: 9999px;
    box-shadow: 1px 1px 1px 0 rgba(35, 38, 59, .05);
    content: "";
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: all .1s ease-in-out;
    width: 16px
}

.ais-ToggleRefinement-checkbox:checked:after {
    transform: translateX(14px)
}

.ais-RangeInput-input {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d6d6e7;
    border-radius: 3px;
    box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
    caret-color: #5a5e9a;
    color: #23263b;
    cursor: text;
    display: flex;
    flex: 1 1;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    min-width: 0;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

.ais-RangeInput-input:focus {
    border-color: #3c4fe0;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
    outline: 0
}

.ais-RangeInput-separator {
    margin: 0 .5rem
}

.ais-RangeInput-submit {
    margin-left: .5rem
}

.ais-RangeSlider .rheostat {
    margin: 40px 6px
}

.ais-RangeSlider .rheostat-horizontal {
    cursor: pointer;
    width: calc(100% - 15px)
}

.ais-RangeSlider .rheostat-background {
    background-color: transparent;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1), 0 .5px 0 0 hsla(0, 0%, 100%, .05);
    height: 4px
}

.ais-RangeSlider .rheostat-progress {
    background-color: #3c4fe0;
    border-radius: 3px;
    height: 4px;
    max-width: 100%;
    top: 0
}

.ais-RangeSlider .rheostat-tooltip {
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ais-RangeSlider .rheostat-handle {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff, #fcfcfd);
    border: 1px solid #d6d6e7;
    border-radius: 2px;
    box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
    height: 24px;
    margin-left: -6px;
    top: -11px;
    width: 12px
}

.ais-RangeSlider .rheostat-handle:after,
.ais-RangeSlider .rheostat-handle:before {
    background-color: #d6d6e7;
    content: "";
    height: 12px;
    position: absolute;
    top: 6px;
    width: 1px
}

.ais-RangeSlider .rheostat-handle:before {
    left: 4px
}

.ais-RangeSlider .rheostat-handle:after {
    right: 4px
}

.ais-RangeSlider .rheostat-marker {
    background-color: #d6d6e7
}

.ais-Pagination-item:first-child>.ais-Pagination-link {
    border-radius: 3px 0 0 3px
}

.ais-Pagination-item+.ais-Pagination-item>.ais-Pagination-link {
    border-radius: 0;
    margin-left: -1px
}

.ais-Pagination-item:last-child>.ais-Pagination-link {
    border-radius: 0 3px 3px 0
}

.ais-Pagination-item {
    display: inline-block
}

.ais-Pagination-item--selected .ais-Pagination-link {
    font-weight: 700
}

.ais-Breadcrumb-link,
.ais-Breadcrumb-separator {
    color: #5a5e9a
}

.ais-Breadcrumb-separator {
    display: flex;
    margin: 0 .5rem
}

.ais-Breadcrumb-item--selected {
    font-weight: 600
}

.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator {
    font-weight: 400
}

@media (max-width:767px) {

    .ais-RangeInput-input,
    .ais-SearchBox-input {
        font-size: 1rem
    }
}

.SearchBar_searchbarContainer__34v6M {
    display: flex;
    border: 1px solid var(--main-colour);
    background-color: var(--bg-second);
    border-radius: .5rem;
    padding: .4rem .6rem !important;
    text-align: middle;
    margin-right: auto;
    padding: .3rem
}

.SearchBar_seachbarIcon__qDFaV {
    color: #abb2bd
}

.SearchBar_searchbarButton__c9kVM:hover,
.SearchBar_searchbarInput__Rk6ep {
    outline: none;
    border: none;
    box-shadow: none
}

.SearchBar_searchbarInput__Rk6ep {
    padding: 0 0 0 .2rem !important;
    color: var(--text-primary);
    width: 100%;
    background-color: var(--bg-second)
}

.SearchBar_hitsContainer__ZAbZM {
    padding: .8rem;
    width: 420px;
    background-color: var(--bg-second)
}

.SearchBar_hits__JKyiJ {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--bg-second);
    padding: .5rem 0;
    width: 100%
}

.SearchBar_hitsCollectionImage__qIer1 {
    width: 32px;
    height: 32px;
    padding: .4rem;
    border-radius: .3rem
}

.SearchBar_hitsImageContainer__hcXWT {
    display: flex;
    padding: 0 .2rem
}

.SearchBar_networkLogoContainer__Wrynh,
.SearchBar_networkLogo__PUkwn {
    height: 16px !important;
    width: 16px !important;
    max-height: 16px !important;
    max-width: 16px !important;
    min-height: 16px !important;
    min-width: 16px !important
}

.SearchBar_networkLogoContainer__Wrynh {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .4rem 0 auto
}

.SearchBar_collectionTitle__74QHK {
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 12px;
    color: var(--text-primary)
}

@media(min-width:0px)and (max-width:360px) {
    .SearchBar_searchbarContainer__34v6M {
        margin-left: 0;
        width: 300px
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 300px
    }
}

@media(min-width:360px)and (max-width:480px) {
    .SearchBar_searchbarContainer__34v6M {
        margin-left: 0;
        width: 300px
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 300px
    }
}

@media(min-width:480px)and (max-width:768px) {
    .SearchBar_searchbarContainer__34v6M {
        margin-left: 0;
        width: 430px
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 430px
    }
}

@media(min-width:768px)and (max-width:992px) {
    .SearchBar_searchbarContainer__34v6M {
        margin-left: 0;
        width: 650px
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 650px
    }
}

@media(min-width:992px)and (max-width:1200px) {
    .SearchBar_searchbarContainer__34v6M {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 300px
    }
}

@media(min-width:1200px)and (max-width:1274px) {
    .SearchBar_searchbarContainer__34v6M {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 300px
    }
}

@media(min-width:1275px)and (max-width:1400px) {
    .SearchBar_searchbarContainer__34v6M {
        width: 360px;
        margin-left: auto;
        margin-right: auto
    }

    .SearchBar_hitsContainer__ZAbZM {
        width: 360px
    }
}

@media(min-width:1400px)and (max-width:1600px) {

    .SearchBar_hitsContainer__ZAbZM,
    .SearchBar_searchbarContainer__34v6M {
        width: 450px
    }
}

@media(min-width:1600px)and (max-width:1920px) {

    .SearchBar_hitsContainer__ZAbZM,
    .SearchBar_searchbarContainer__34v6M {
        width: 550px
    }
}

@media(min-width:1920px) {

    .SearchBar_hitsContainer__ZAbZM,
    .SearchBar_searchbarContainer__34v6M {
        width: 650px
    }
}

.NavBar_header__6Cinf {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6
}

.NavBar_navContainer__cyOmm {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 36px 8vw 28px;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-primary)
}

.NavBar_logo__G3y3g {
    background: linear-gradient(0deg, var(--main-colour) 0, var(--second-colour) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.NavBar_linkContainer__8j2BY {
    display: none
}

.NavBar_navLink__McBK6 {
    margin: 0 1rem 0 0;
    align-self: center;
    font-size: 14px;
    cursor: pointer;
    color: var(--text-primary);
    font-weight: 700
}

.NavBar_navbarCollapse__dO9Ai {
    display: flex;
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1;
    margin-right: auto !important;
    flex-direction: column;
    list-style: none;
    padding-left: 0
}

.NavBar_navLinkMobile__O3l8v {
    padding-bottom: 1rem;
    color: var(--text-primary)
}

.NavBar_searchbarMobileContainer__JfqQL {
    padding: 1rem 0
}

@media(min-width:0px)and (max-width:360px) {
    .NavBar_navLinkMobile__O3l8v {
        font-size: 14px;
        font-weight: 600
    }

    .NavBar_logoContainer___fb92 {
        width: 125px;
        height: auto
    }

    .NavBar_navContainer__cyOmm {
        padding: 48px 4vw 16px
    }

    .NavBar_menuIcon___YCMt {
        height: 32px;
        width: 32px
    }
}

@media(min-width:360px)and (max-width:480px) {
    .NavBar_navLinkMobile__O3l8v {
        font-size: 15px;
        font-weight: 600
    }

    .NavBar_logoContainer___fb92 {
        width: 125px;
        height: auto
    }

    .NavBar_navContainer__cyOmm {
        padding: 48px 4vw 16px
    }

    .NavBar_menuIcon___YCMt {
        height: 32px;
        width: 32px
    }
}

@media(min-width:480px)and (max-width:768px) {
    .NavBar_navLinkMobile__O3l8v {
        font-size: 16px;
        font-weight: 600
    }

    .NavBar_logoContainer___fb92 {
        width: 125px;
        height: auto
    }

    .NavBar_navContainer__cyOmm {
        padding: 48px 5vw 16px
    }

    .NavBar_menuIcon___YCMt {
        height: 36px;
        width: 36px
    }
}

@media(min-width:768px)and (max-width:992px) {
    .NavBar_navLinkMobile__O3l8v {
        font-size: 16px;
        font-weight: 600
    }

    .NavBar_navContainer__cyOmm {
        padding: 32px 5vw 16px
    }

    .NavBar_menuIcon___YCMt {
        height: 36px;
        width: 36px
    }
}

@media(min-width:992px)and (max-width:1200px) {
    .NavBar_menuIcon___YCMt {
        display: none
    }

    .NavBar_navContainer__cyOmm {
        padding: 36px 2vw 26px
    }

    .NavBar_linkContainer__8j2BY {
        display: flex
    }

    .NavBar_navLink__McBK6:last-of-type {
        margin-right: 2rem
    }
}

@media(min-width:1200px)and (max-width:1400px) {
    .NavBar_menuIcon___YCMt {
        display: none
    }

    .NavBar_linkContainer__8j2BY {
        display: flex
    }

    .NavBar_navLink__McBK6 {
        margin: 0 1.2rem 0 0
    }

    .NavBar_navLink__McBK6:last-of-type {
        margin-right: 2rem
    }
}

@media(min-width:1400px)and (max-width:1600px) {
    .NavBar_menuIcon___YCMt {
        display: none
    }

    .NavBar_linkContainer__8j2BY {
        display: flex
    }

    .NavBar_navLink__McBK6 {
        margin: 0 1.2rem 0 0
    }

    .NavBar_navLink__McBK6:last-of-type {
        margin-right: 2rem
    }
}

@media(min-width:1600px)and (max-width:1920px) {
    .NavBar_menuIcon___YCMt {
        display: none
    }

    .NavBar_linkContainer__8j2BY {
        display: flex
    }

    .NavBar_navLink__McBK6 {
        margin: 0 1.2rem 0 0
    }

    .NavBar_navLink__McBK6:last-of-type {
        margin-right: 2rem
    }
}

@media(min-width:1920px) {
    .NavBar_menuIcon___YCMt {
        display: none
    }

    .NavBar_linkContainer__8j2BY {
        display: flex
    }

    .NavBar_navLink__McBK6 {
        margin: 0 1.2rem 0 0
    }

    .NavBar_navLink__McBK6:last-of-type {
        margin-right: 2rem
    }
}

.Footer_footer__itD3r {
    height: 210px;
    display: flex;
    align-items: center;
    padding: 2.5rem 0;
    margin: 0 8vw
}

.Footer_logo___YpO_ {
    background: linear-gradient(0deg, var(--main-colour) 0, var(--second-colour) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.Footer_footerLeft__qXpSn {
    flex: 1 1;
    height: 100%
}

.Footer_leftHeading__5erRy {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary)
}

.Footer_leftSubHeading__8VdPZ {
    font-size: .8rem;
    padding: .3rem 0;
    color: var(--text-second)
}

.Footer_emailContainer__V5oLf {
    display: flex;
    min-height: 30px;
    margin: .5rem 0 0;
    border: 1px solid #e8f2ff;
    border-radius: .5rem;
    width: 300px;
    padding: .2rem .2rem .2rem .4rem
}

.Footer_emailInput___sWmu {
    font-size: .7rem;
    border: none;
    width: 100%
}

.Footer_emailInput___sWmu:focus {
    outline: none;
    box-shadow: none;
    border: none
}

.Footer_emailButton__pNKh8 {
    background-color: #1b77f3;
    border: none;
    font-size: .6rem;
    border-radius: .4rem;
    color: #fff;
    padding: .2rem 1rem
}

.Footer_emailButton__pNKh8:hover {
    background-color: #1562c5
}

.Footer_emailButton__pNKh8:active {
    background-color: #1f569e
}

.Footer_socialLinks__6f66f {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    flex-direction: row;
    align-items: center
}

.Footer_socialIcon__593lr {
    color: #1da1f2;
    fill: #1da1f2;
    height: 28px;
    margin-bottom: 10px;
    width: 28px;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.Footer_socialIcon__593lr:hover {
    color: #1b77f3;
    fill: #1b77f3
}

.Footer_socialIcon__593lr:first-of-type {
    width: 22px;
    min-width: 22px;
    height: auto !important
}

.Footer_footerCenter__RIeT_ {
    flex: 1 1;
    display: flex;
    justify-content: center;
    gap: 2rem;
    height: 100%
}

.Footer_footerCenterColumn__XRMvR {
    display: flex;
    padding: 0 .5rem;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

.Footer_footerCenterColumn__XRMvR:first-of-type {
    padding: 0 .5rem 0 0
}

.Footer_columnTitle__a0L3K {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-main)
}

.Footer_columnLink___qy_I {
    font-size: .8rem;
    padding: .6rem 0 0;
    color: var(--text-second)
}

.Footer_footerRight__1JLHd {
    flex: 1 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end
}

.Footer_copyright___GrSu {
    font-size: 10px;
    margin-top: 16px
}

@media(min-width:0px)and (max-width:360px) {
    .Footer_footer__itD3r {
        flex-direction: column;
        height: auto;
        padding: 3rem 0
    }

    .Footer_socialLinks__6f66f {
        padding: 1rem 0 0
    }

    .Footer_footerLeft__qXpSn {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .Footer_footerCenter__RIeT_ {
        padding: 2rem 0
    }

    .Footer_footerRight__1JLHd {
        align-items: center
    }
}

@media(min-width:360px)and (max-width:480px) {
    .Footer_footer__itD3r {
        flex-direction: column;
        height: auto;
        padding: 3rem 0
    }

    .Footer_socialLinks__6f66f {
        padding: 1rem 0 0
    }

    .Footer_footerLeft__qXpSn {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .Footer_footerCenter__RIeT_ {
        width: 100%;
        padding: 2rem 0;
        justify-content: space-around
    }

    .Footer_footerRight__1JLHd {
        align-items: center
    }
}

@media(min-width:480px)and (max-width:768px) {
    .Footer_footer__itD3r {
        flex-direction: column;
        height: auto;
        padding: 3rem 0
    }

    .Footer_socialLinks__6f66f {
        padding: 1rem 0 0
    }

    .Footer_footerLeft__qXpSn {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .Footer_footerCenter__RIeT_ {
        width: 100%;
        padding: 2rem 0;
        justify-content: space-around
    }

    .Footer_footerRight__1JLHd {
        align-items: center
    }
}

@media(min-width:768px)and (max-width:992px) {
    .Footer_footer__itD3r {
        padding: 3rem 5rem;
        flex-direction: column;
        height: auto
    }

    .Footer_emailContainer__V5oLf {
        width: 300px
    }

    .Footer_footerLeft__qXpSn {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .Footer_footerCenter__RIeT_ {
        width: 100%;
        padding: 2rem 1rem;
        justify-content: space-around;
        flex: 0 0 50%
    }

    .Footer_footerRight__1JLHd {
        flex: 0 0 10%;
        align-items: center
    }
}

@media(min-width:992px)and (max-width:1200px) {
    .Footer_footer__itD3r {
        padding: 2.5rem 5rem
    }

    .Footer_footerCenter__RIeT_ {
        flex: 0 0 50%
    }
}

@media(min-width:1400px)and (max-width:1600px) {
    .Footer_footerCenter__RIeT_ {
        flex: 0 0 50%
    }
}

@media(min-width:1600px)and (max-width:1920px) {
    .Footer_footerCenter__RIeT_ {
        flex: 0 0 50%
    }
}

@media(min-width:1920px) {
    .Footer_footer__itD3r {
        height: 200px
    }

    .Footer_leftHeading__5erRy {
        font-size: 1.2rem
    }

    .Footer_leftSubheading__ny9ls {
        font-size: .9rem
    }

    .Footer_footerCenter__RIeT_ {
        height: 100%;
        flex: 0 0 50%;
        align-items: flex-start
    }

    .Footer_columnTitle__a0L3K {
        font-size: 1.1rem
    }

    .Footer_columnLink___qy_I {
        font-size: .8rem
    }

    .Footer_copyright___GrSu {
        font-size: 10px
    }
}

.SignInButton_signinButton__h9UOn {
    background-color: #fff;
    border: 2px solid #1b77f3;
    border-radius: .8rem;
    padding: .4rem .9rem;
    color: #1b77f3;
    cursor: pointer;
    font-weight: 600
}

.SignInButton_signinButton__h9UOn:hover {
    background-color: #448dec;
    border: 2px solid #448dec;
    color: #fff
}

.SignInButton_walletTitle__Y51wD {
    text-align: center;
    padding: 1.5rem 1.5rem 0;
    font-weight: 600;
    color: #fff
}

.SignInButton_walletColumn__wuzAG {
    width: 400px;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column
}

.SignInButton_metamaskIcon__kimKu {
    width: 32px;
    height: 32px;
    margin-left: auto
}

.SignInButton_container__Lniu_ {
    padding: 0 20px 20px
}

.SignInButton_dialogContainer__zZV0B {
    background: #2c2d30
}

.SignInButton_dialogTitle__8Hap5 {
    font-weight: 600;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 27px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: Heebo, sans-serif
}

.SignInButton_walletRow__9udxA {
    border: none;
    border-radius: .4rem;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    cursor: pointer;
    margin-top: 12px;
    background-color: #404144;
    color: #fff
}

@media(min-width:0px)and (max-width:360px) {
    .SignInButton_walletColumn__wuzAG {
        width: 250px
    }
}

@media(min-width:360px)and (max-width:480px) {
    .SignInButton_walletColumn__wuzAG {
        width: 300px
    }
}

.LaunchCard_phCard__RJkn1 {
    overflow: hidden;
    background-color: var(--main-colour);
    background-image: radial-gradient(at 78% 93%, var(--main-colour) 0, transparent 50%), radial-gradient(at 99% 25%, var(--second-colour) 0, transparent 50%), radial-gradient(at 0 91%, var(--second-colour) 0, transparent 50%), radial-gradient(at 27% 18%, var(--main-colour) 0, transparent 50%), radial-gradient(at 75% 74%, var(--main-colour) 0, transparent 50%), radial-gradient(at 25% 83%, var(--second-colour) 0, transparent 50%), radial-gradient(at 98% 5%, var(--second-colour) 0, transparent 50%);
    width: 100%;
    color: var(--main-colour);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.step1_formContainer__SuSQ_ {
    gap: 5px;
    flex-direction: column;
    align-items: center;
    background-color: var(--bg-second);
    border-radius: 10px
}

.step1_formContainer__SuSQ_,
.step1_formRow__1M6ms {
    display: flex;
    width: 100%;
    justify-content: flex-start
}

.step1_formRow__1M6ms {
    gap: 24px;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 30px;
    height: 100%
}

.step1_detailsContainer__Nz7H_ {
    display: flex;
    gap: 16px;
    flex-direction: column;
    height: 378px;
    padding: 20px 24px;
    border-radius: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: var(--bg-third)
}

.Step1_generateInputContainer__tO_7l:first-of-type {
    width: 200px
}

.Step1_generateInputContainer__tO_7l {
    flex: 0 0 10%
}

.Step1_inputContainer__ATLcC {
    display: flex;
    justify-content: space-around
}

.Step1_layerContainer__4WsKv {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 64px;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}

.NFTCard_nftCard__fk_Z9 {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-dialog);
    color: var(--main-colour);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--main-colour)
}

.NFTCard_nftCardImage__P70jP {
    display: block;
    width: 100%;
    height: auto;
    flex: 1 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 1/1
}

.StxNFTCard_nftCard__gCnlI {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-dialog);
    color: var(--main-colour);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--main-colour)
}

.StxNFTCard_nftCardImage__u1ucf {
    display: block;
    width: 100%;
    height: auto;
    flex: 1 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 1/1
}

.SolanaNFTCard_nftCard__nomnC {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-dialog);
    color: var(--main-colour);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    overflow: hidden;
    cursor: pointer;
    border: 1px solid var(--main-colour)
}

.SolanaNFTCard_nftCardImage__rmZ3W {
    display: block;
    width: 100%;
    height: auto;
    flex: 1 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 1/1
}

.SolanaNFTCard_nftImageContainer__0d36A {
    display: flex;
    flex: 1 0 auto;
    overflow: hidden
}

body,
html {
    padding: 0;
    margin: 0;
    font-family: Heebo, sans-serif
}

a {
    color: inherit;
    text-decoration: none
}

* {
    box-sizing: border-box;
    font-family: Heebo, sans-serif;
    scrollbar-width: thin;
    scrollbar-color: 90 transparent
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: #949494;
    border-radius: 20px;
    border: 3px solid transparent
}

main {
    margin: 64px 8vw
}

body,
body[data-theme=dark] {
    --text-primary: #e3e3e3;
    --text-second: #a0a0a0;
    --text-third: #b3b3b3;
    --bg-primary: #000;
    --bg-second: #1a1a1a;
    --bg-third: #333;
    --bg-dialog: #222;
    --gradient-main: linear-gradient(160deg, var(--main-colour) 0%, var(--second-colour) 100%);
    --input-bg: #3b3f44
}

body[data-theme=light] {
    --text-primary: #242029;
    --text-second: #6c7786;
    --text-third: #00000090;
    --bg-primary: #fff;
    --bg-second: #f8fbfe;
    --bg-third: #f1f5fa;
    --bg-dialog: #fcfcfc;
    --input-bg: #fdfeff
}

body,
body[data-colour=Reef] {
    --main-colour: #1978f3;
    --second-colour: #00b4ff
}

body[data-colour="Deep Ocean"] {
    --main-colour: #3700ff;
    --second-colour: #1978f3
}

body[data-colour="Vice City"] {
    --main-colour: #ec6ead;
    --second-colour: #3494e6
}

body[data-colour=Quepal] {
    --main-colour: #11998e;
    --second-colour: #38ef7d
}

body[data-colour="Ibiza Sunset"] {
    --main-colour: #ee0979;
    --second-colour: #ff6a00
}

body[data-colour=Sunrise] {
    --main-colour: #ff512f;
    --second-colour: #f09819
}

body {
    background: var(--bg-primary);
    font-family: Heebo, sans-serif;
    transition: background .25s ease-in-out
}

body,
h1,
p {
    color: var(--text-primary)
}

.logo {
    background: linear-gradient(90deg, var(--main-colour) 0, var(--second-colour) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700
}

#notistack-snackbar {
    width: 100%
}

/* .MuiModal-root {
    z-index: 1000000;
    visibility: hidden;
    background-size: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.MuiDialog-container {

    margin: auto;

} */


.css-126xj0f {
    position: fixed;
    z-index: 1300;
    inset: 0px;
}

.css-919eu4 {
    position: fixed;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    z-index: -1;
}

.SignInButton_walletTitle__Y51wD {
    text-align: center;
    padding: 1.5rem 1.5rem 0;
    font-weight: 600;
    color: #fff;
}
* {
    box-sizing: border-box;
    font-family: Heebo,sans-serif;
    scrollbar-width: thin;
    scrollbar-color: 90 transparent;
}
user agent stylesheet
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
<style>
 .css-uhb5lp {
     background-color: rgb(255, 255, 255);
     color: rgba(0, 0, 0, 0.87);
     transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 4px;
     box-shadow: rgb(0 0 0 / 20%) 0px 11px 15px -7px, rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px;
     margin: 32px;
     position: relative;
     overflow-y: auto;
     display: flex;
     flex-direction: column;
     max-height: calc(100% - 64px);
     max-width: 600px;
 }
body, body[data-colour=Reef] {
    --main-colour: #1978f3;
    --second-colour: #00b4ff;
}
body, body[data-theme=dark] {
    --text-primary: #e3e3e3;
    --text-second: #a0a0a0;
    --text-third: #b3b3b3;
    --bg-primary: #000;
    --bg-second: #1a1a1a;
    --bg-third: #333;
    --bg-dialog: #222;
    --gradient-main: linear-gradient(160deg,var(--main-colour) 0%,var(--second-colour) 100%);
    --input-bg: #3b3f44;
}
body, h1, p {
    color: var(--text-primary);
}
body {
    background: var(--bg-primary);
    font-family: Heebo,sans-serif;
    transition: background .25s ease-in-out;
}
body, html {
    padding: 0;
    margin: 0;
    font-family: Heebo,sans-serif;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #949494;
    border-radius: 20px;
    border: 3px solid transparent;
}
::-webkit-scrollbar-track {
    background: transparent;
}


.css-ohyacs {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    padding: 16px 24px;
    flex: 0 0 auto;
}


.css-ekeie0 {
    height: 100%;
    outline: initial initial 0px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-uhb5lp {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgb(0 0 0 / 20%) 0px 11px 15px -7px, rgb(0 0 0 / 14%) 0px 24px 38px 3px, rgb(0 0 0 / 12%) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 600px;
}

.MuiModal-root {
    font-family: Heebo, sans-serif;
    z-index: 1000000;

    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*padding-top: 117px;*/
    /*padding-left: 480px;*/

    /*margin: auto;*/
    background: rgba(0, 0, 0, .8);
    

}

.MuiDialog-container {
    /* margin: auto; */
    position: absolute;
}

.css-ohyacs {
    margin: 0px;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.0075em;
    padding: 16px 24px;
    flex: 0 0 auto;
}

.SignInButton_walletTitle__Y51wD {
    text-align: center;
    padding: 1.5rem 1.5rem 0;
    font-weight: 600;
    color: #fff;
}

.css-uhb5lp {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
    margin: 32px;
    position: relative;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 64px);
    max-width: 600px;
}

body {
    background: var(--bg-primary);
    font-family: Heebo, sans-serif;
    transition: background .25s ease-in-out;
    
}

div .SignInButton_walletRow__9udxA:hover {
    background-color: rgb(68, 141, 236);
}

.MuiModal-root {
    /* width: 1000000px; */
/* width: 100%; */
    /* height: 100%; */
    /* background-attachment: fixed; */
     
    background-size: 100%;
}

/* .SignInButton_walletRow__9udxA:hover {
    background-color: #EF5E2F;
} */

/* .SignInButton_walletRow__9udxA:hover::after {
background-color: #FFF;
} */
.SignInButton_walletRow__9udxA {
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

/* #full_solana_selector {
   -webkit-transition: visibility 300ms linear;
            -moz-transition: visibility 300ms linear;
            -o-transition: visibility 300ms linear;
            -ms-transition: visibility 300ms linear;
            transition: visibility 300ms linear;
} */

#wallet-adapter-modal-collapse {
    transition: all 0.9s;
}

#rotatot {
    z-index: 1;
    background: rgba(0, 0, 0, .8);
}
 
#rot_ful {
    background: rgba(0, 0, 0, .8);
    visibility: hidden;
}

#fulan_rot {
    transition: all 0.9s;
    visibility: hidden;
}

#sol_eth_ful_blo {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}

#srednaya {
    left: 33%;
}