@charset "UTF-8";

@font-face {
    font-family: lg;
    src: url(data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==) format("woff2"), url(/assets/lg-22b72ba5.ttf?io9a6k) format("truetype"), url(/assets/lg-fefc5c0d.woff?io9a6k) format("woff"), url(/assets/lg-f2fe1c00.svg?io9a6k#lg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.lg-icon {
    font-family: lg !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-container {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.lg-next,
.lg-prev {
    background-color: #00000073;
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1084;
    outline: none;
    border: none
}

.lg-next.disabled,
.lg-prev.disabled {
    opacity: 0 !important;
    cursor: default
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
    color: #fff
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
    display: none
}

.lg-next {
    right: 20px
}

.lg-next:before {
    content: ""
}

.lg-prev {
    left: 20px
}

.lg-prev:after {
    content: ""
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    to {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    to {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lg-media-overlap .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4))
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    will-change: color;
    transition: color .2s linear;
    background: none;
    border: none;
    box-shadow: none
}

.lg-toolbar .lg-icon.lg-icon-18 {
    font-size: 18px
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: ""
}

.lg-toolbar .lg-maximize {
    font-size: 22px
}

.lg-toolbar .lg-maximize:after {
    content: ""
}

.lg-toolbar .lg-download:after {
    content: ""
}

.lg-sub-html {
    color: #eee;
    font-size: 16px;
    padding: 10px 40px;
    text-align: center;
    z-index: 1080;
    opacity: 0;
    transition: opacity .2s ease-out 0s
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

.lg-sub-html a {
    color: inherit
}

.lg-sub-html a:hover {
    text-decoration: underline
}

.lg-media-overlap .lg-sub-html {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .6))
}

.lg-item .lg-sub-html {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.lg-error-msg {
    font-size: 14px;
    color: #999
}

.lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    height: 47px;
    vertical-align: middle
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
    opacity: 0;
    transition: transform .08 cubic-bezier(0, 0, .25, 1) 0s, opacity .08 cubic-bezier(0, 0, .25, 1) 0s, color .08 linear
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
    will-change: transform, opacity;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) !important
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
    opacity: 1;
    transform: scaleZ(1)
}

.lg-icon:focus-visible {
    color: #fff;
    border-radius: 3px;
    outline: 1px dashed rgba(255, 255, 255, .6)
}

.lg-toolbar .lg-icon:focus-visible {
    border-radius: 8px;
    outline-offset: -5px
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-container {
    display: none;
    outline: none
}

.lg-on {
    scroll-behavior: unset
}

.lg-overlay-open {
    overflow: hidden
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    will-change: transform, opacity;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s, opacity .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,
.lg-show-in.lg-hide-sub-html .lg-sub-html {
    opacity: 1
}

.lg-show-in .lg-hide-items .lg-prev {
    opacity: 0;
    transform: translate3d(-10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-next {
    opacity: 0;
    transform: translate3d(10px, 0, 0)
}

.lg-show-in .lg-hide-items .lg-toolbar {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
    opacity: 0;
    transform: translate3d(0, 20px, 0)
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: .001;
    outline: none;
    will-change: auto;
    overflow: hidden;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    box-sizing: border-box
}

.lg-outer.lg-zoom-from-image,
.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
    transition-duration: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.lg-outer .lg-inner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transition: opacity 0s;
    white-space: nowrap
}

.lg-outer .lg-item {
    display: none !important
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
    background: url(/assets/loading-298ad3ff.gif) no-repeat scroll center center transparent
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.lg-outer .lg-img-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    font-size: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-object {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
    display: none
}

.lg-outer.lg-hide-download .lg-download {
    opacity: .75;
    pointer-events: none
}

.lg-outer .lg-first-slide .lg-dummy-img {
    position: absolute;
    top: 50%;
    left: 50%
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
    transform: translateZ(0);
    opacity: 1
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
    opacity: 1;
    transition: opacity .2s ease-out .15s
}

.lg-outer .lg-media-cont {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.lg-outer .lg-media-cont .lg-object {
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-has-iframe .lg-media-cont {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    will-change: auto;
    transition: opacity 333ms ease-in 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    transition: opacity .1s ease 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
    transition: transform 1s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transform: translateZ(0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-container {
    display: none
}

.lg-container.lg-show {
    display: block
}

.lg-container.lg-dragging-vertical .lg-backdrop {
    transition-duration: 0s !important
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
    transition-duration: 0s !important;
    opacity: 1
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
    position: absolute
}

.lg-inline .lg-backdrop {
    z-index: 1
}

.lg-inline .lg-outer {
    z-index: 2
}

.lg-inline .lg-maximize:after {
    content: ""
}

.lg-components {
    transform: translate3d(0, 100%, 0);
    will-change: transform;
    transition: transform .35s ease-out 0s;
    z-index: 1080;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:where(button, input) {
    border-radius: 0
}

html {
    font-family: Inter, sans-serif
}

@media (min-width: 1024px) {
    @media not all and (min-width: 1560px) {
        html {
            font-size: 1.026vw
        }
    }
}

body {
    background-color: #161b2e;
    font-size: .8125rem;
    color: #fff;
    background-image: url(../img/snow-bg-2024.webp);
    background-repeat: repeat;
    background-size: 500px 500px
}

body:has(#restricted-auth-page) {
    background: none
}

* {
    outline-color: #fff;
    outline-width: 1px;
    outline-offset: 2px
}

[hidden] {
    display: none !important
}

:where(svg) {
    height: auto;
    width: auto
}

* {
    background-repeat: no-repeat;
    --scrollbar-mt: ;
    --scrollbar-mb:
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: .25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "“" "”" "‘" "’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding: .1875em .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(.prose>ul>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>*:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>*:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-left: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-right: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.btn:disabled {
    cursor: not-allowed
}

.btn--blue,
.btn--light-blue,
.btn--gold,
.btn--green,
.btn--primary,
.btn--gray,
.btn--red,
.btn--purple {
    background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    color: #161628;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover: hover) and (pointer: fine) {

    .btn--blue:hover,
    .btn--light-blue:hover,
    .btn--gold:hover,
    .btn--green:hover,
    .btn--primary:hover,
    .btn--gray:hover,
    .btn--red:hover,
    .btn--purple:hover {
        --tw-brightness: brightness(1.1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

.btn--blue:active,
.btn--light-blue:active,
.btn--gold:active,
.btn--green:active,
.btn--primary:active,
.btn--gray:active,
.btn--red:active,
.btn--purple:active {
    --tw-brightness: brightness(.95);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn--blue {
    --from: #89f7fe;
    --to: #66a6ff
}

.btn--light-blue {
    --from: #93D8FF;
    --to: #66B6FF
}

.btn--green {
    color: #212944;
    --from: #a1ffda;
    --to: #73fff3
}

.btn--primary {
    --from: #a2feff;
    --to: #4ecfd0
}

.btn--purple {
    color: #413b76;
    --from: #d3c2ff;
    --to: #b9b0ff
}

.btn-close {
    display: flex;
    aspect-ratio: 1 / 1;
    width: 2.125rem;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background-color: #242c48;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    color: #ff7474;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --from: #f0576533;
    --to: #6632460a;
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    .btn-close:hover {
        background-color: #293252
    }
}

.btn-close:active {
    --tw-brightness: brightness(.95);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn-close--sm {
    width: 1.5rem;
    border-radius: .5rem
}

.dialog-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: grid;
    overflow: auto;
    background-color: #161b2efc;
    padding: .5rem
}

.dialog-backdrop[data-state=closed] {
    animation: var(--animation-overlay-hide)
}

.dialog-backdrop[data-state=open] {
    animation: var(--animation-overlay-show)
}

.dialog {
    position: relative;
    z-index: 1;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

.dialog[data-state=closed] {
    animation: var(--animation-overlay-hide)
}

.dialog[data-state=open] {
    animation: var(--animation-content-show)
}

.dialog:where(:not(.dialog--no-overflow)) {
    overflow: hidden
}

.dialog:where(:not(.dialog--base)) {
    width: 100%;
    max-width: 38.25rem;
    border-radius: 1.25rem;
    background-color: #1c233a;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    padding: 1.5rem 1rem 1rem;
    --from: #232c48;
    --to: #1c233a
}

@media (min-width: 540px) {
    .dialog:where(:not(.dialog--base)) {
        padding: 1.75rem 1.25rem 1.25rem
    }
}

.dialog-light {
    position: absolute;
    top: -4.75rem;
    left: -2.5rem;
    z-index: -1;
    aspect-ratio: 2;
    width: 12.5rem;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    background-color: #252e48;
    --tw-blur: blur(2rem);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.dialog-close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    z-index: 2
}

.dialog:where([data-dialog-name=auth-modal]) {
    padding: 1.625rem 1.25rem 1.25rem;
    max-width: 26.5rem
}

.dialog:where([data-dialog-name=bonus-subscribe]) {
    padding: 1.625rem 1.25rem 1.25rem;
    max-width: 26.875rem
}

.dialog:where([data-dialog-name=wallets]) {
    max-width: 30rem;
    background-color: #1c233a;
    background-image: none
}

.dialog:where([data-dialog-name=choose-team]) {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem
}

@media (min-width: 540px) {
    .dialog:where([data-dialog-name=choose-team]) {
        padding: 1.625rem 1.875rem 1.875rem
    }
}

.dialog:where([data-dialog-name=choose-team]) {
    max-width: 50rem
}

.dialog:where([data-dialog-name=choose-team]) .dialog-close {
    right: .75rem;
    top: .75rem
}

@media (min-width: 540px) {
    .dialog:where([data-dialog-name=choose-team]) .dialog-close {
        right: 1.25rem;
        top: 1.25rem
    }
}

.dialog:where([data-dialog-name=confirm]) {
    padding: 1.625rem 1.875rem 1.875rem;
    max-width: 22rem;
    background-image: linear-gradient(to top, #2a466c, #1f273f 80%)
}

.drop {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    border-radius: .75rem;
    background-color: #242c48;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    padding-bottom: .75rem;
    text-align: left;
    font-size: .6875rem;
    color: var(--color);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover: hover) and (pointer: fine) {
    .drop:hover {
        background-color: #293252
    }
}

@media (min-width: 450px) {
    .drop {
        font-size: .75rem
    }
}

@media (min-width: 1024px) {
    .drop {
        font-size: .8125rem
    }
}

.drop :where(>*) {
    pointer-events: none
}

.drop {
    aspect-ratio: 100/128
}

@media (min-width: 1024px) {
    .inventory-mini-list .drop {
        aspect-ratio: 140/154
    }
}

.drop__freebet {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-direction: column;
    gap: .25rem;
    overflow: hidden;
    padding-top: 2rem;
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--color);
    opacity: .2
}

@media (min-width: 540px) {
    .drop__freebet {
        font-size: 2rem
    }
}

.drop__freebet span:last-child {
    margin-left: auto
}

.drop__selected-border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border-width: 1px;
    border-color: var(--bg);
    opacity: 0;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.drop[aria-selected=true] .drop__selected-border {
    opacity: .3
}

.drop :where(img) {
    margin: auto;
    aspect-ratio: 1 / 1;
    width: 80%;
    -o-object-fit: contain;
    object-fit: contain
}

.drop__header {
    position: absolute;
    left: .375rem;
    right: .375rem;
    top: .625rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .drop__header {
        left: .625rem;
        right: .625rem
    }
}

.drop__quality {
    margin-left: -.125rem;
    display: flex;
    height: 1.25rem;
    align-items: center;
    border-radius: .5rem;
    border-width: 1px;
    border-color: var(--border);
    padding-left: .25rem;
    padding-right: .25rem;
    font-size: .55rem;
    text-transform: uppercase
}

@media (min-width: 450px) {
    .drop__quality {
        margin-left: 0;
        height: 1.375rem;
        padding-left: .375rem;
        padding-right: .375rem;
        font-size: .625rem
    }
}

.drop__price {
    margin-left: auto;
    padding-right: 1px;
    font-size: .6875rem;
    font-weight: 600;
    color: #ffc6b0
}

@media (min-width: 540px) {
    .drop__price {
        padding-right: .125rem
    }
}

@media (min-width: 768px) {
    .drop__price {
        padding-right: .25rem;
        font-size: .75rem
    }
}

.drop__footer {
    position: absolute;
    left: .625rem;
    right: .625rem;
    bottom: .75rem;
    line-height: 1.25
}

@media (min-width: 1024px) {
    .drop__footer {
        left: 1.125rem;
        right: 1.125rem;
        bottom: 1rem
    }
}

.drop__title {
    color: #fff
}

.drop__gift {
    position: absolute;
    top: .75rem;
    right: .75rem;
    background-image: linear-gradient(#ffd4c2, #ffc6b0);
    padding: .25rem;
    border-radius: .5rem;
    color: #212944
}

.drop__gift .icon {
    width: 1.125rem
}

.dialog:where([data-dialog-name=reset-quest]) {
    padding: 1.625rem 1.875rem 1.875rem;
    max-width: 26.5rem;
    background-image: linear-gradient(to top, #2c5774, #1f273f 80%)
}

.dialog:where([data-dialog-name=switch-warning-quest]) {
    padding: 1.625rem 1.875rem 1.875rem;
    max-width: 26.5rem;
    background-image: linear-gradient(to top, #623951, #1f273f 80%)
}

.dialog:where([data-dialog-name=about-quest]) {
    padding: 1.625rem 1.25rem 1.25rem;
    max-width: 35.75rem
}

.dialog:where([data-dialog-name=about-quest]):has(#quest-not-available) {
    background-image: linear-gradient(to top, #623951, #1d233b 60%)
}

.dialog:where([data-dialog-name=about-quest]):has(#quest-completed) {
    background-image: linear-gradient(to top, #2c5774, #1d233b 60%)
}

.section-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    fill: #747e9d;
    padding-left: .625rem;
    color: #747e9d
}

.control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    min-width: 0
}

.control::-moz-placeholder {
    color: currentColor
}

.control::placeholder {
    color: currentColor
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn :disabled {
    cursor: not-allowed
}

.btn--blue,
.btn--gold,
.btn--green,
.btn--primary,
.btn--gray,
.btn--red {
    background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover: hover) and (pointer: fine) {

    .btn--blue:hover,
    .btn--gold:hover,
    .btn--green:hover,
    .btn--primary:hover,
    .btn--gray:hover,
    .btn--red:hover {
        --tw-brightness: brightness(1.1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

.btn--blue:active,
.btn--gold:active,
.btn--green:active,
.btn--primary:active,
.btn--gray:active,
.btn--red:active {
    --tw-brightness: brightness(.98);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn--blue {
    color: #212944;
    --from: #89f7fe;
    --to: #66a6ff
}

.btn--gold {
    color: #212944;
    --from: #ffd4c2;
    --to: #ffc6b0
}

.btn--green {
    color: #161628;
    --from: #a1ffda;
    --to: #73fff3
}

.btn--primary {
    color: #212944;
    --from: #a2feff;
    --to: #4ecfd0
}

.btn--gray {
    color: #bfcbe7;
    --from: #343f60;
    --to: #27304e
}

.btn--red {
    color: #ffd0d0;
    --from: #b44c60;
    --to: #383553
}

.mask-arrow-right {
    -webkit-mask-image: url(/img/mask-arrow-right.svg);
    mask-image: url(/img/mask-arrow-right.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: right;
    mask-position: right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mask-arrow-reverse-right {
    --mask-offset: 0px;
    -webkit-mask-image: url(/img/mask-arrow-right-white.svg), linear-gradient(0deg, #000, #000);
    mask-image: url(/img/mask-arrow-right-white.svg), linear-gradient(0deg, #000, #000);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: calc(100% - var(--mask-offset)) center, center;
    mask-position: calc(100% - var(--mask-offset)) center, center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.mask-arrow-left {
    -webkit-mask-image: url(/img/mask-arrow-left.svg);
    mask-image: url(/img/mask-arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: left;
    mask-position: left;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mask-arrow-rounded-right {
    -webkit-mask-image: url(/img/mask-arrow-right-rounded.svg);
    mask-image: url(/img/mask-arrow-right-rounded.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: right;
    mask-position: right;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.prose {
    line-height: 1.5;
    max-width: none;
    font-size: inherit;
    color: #bfcbe7;
    --tw-prose-body: currentColor;
    --tw-prose-headings: white;
    --tw-prose-lead: currentColor;
    --tw-prose-links: currentColor;
    --tw-prose-bold: currentColor;
    --tw-prose-counters: currentColor;
    --tw-prose-bullets: currentColor;
    --tw-prose-hr: currentColor;
    --tw-prose-quotes: currentColor;
    --tw-prose-quote-borders: currentColor;
    --tw-prose-captions: currentColor;
    --tw-prose-code: currentColor;
    --tw-prose-pre-code: currentColor;
    --tw-prose-pre-bg: currentColor;
    --tw-prose-th-borders: currentColor;
    --tw-prose-td-borders: currentColor;
    --tw-prose-invert-body: currentColor;
    --tw-prose-invert-headings: currentColor;
    --tw-prose-invert-lead: currentColor;
    --tw-prose-invert-links: currentColor;
    --tw-prose-invert-bold: currentColor;
    --tw-prose-invert-counters: currentColor;
    --tw-prose-invert-bullets: currentColor;
    --tw-prose-invert-hr: currentColor;
    --tw-prose-invert-quotes: currentColor;
    --tw-prose-invert-quote-borders: currentColor;
    --tw-prose-invert-captions: currentColor;
    --tw-prose-invert-code: currentColor;
    --tw-prose-invert-pre-code: currentColor;
    --tw-prose-invert-pre-bg: currentColor;
    --tw-prose-invert-th-borders: currentColor;
    --tw-prose-invert-td-borders: currentColor
}

.icon {
    aspect-ratio: 1 / 1;
    width: 100%;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

:root {
    --supports-color-mix: color-mix(in lch, plum, pink)
}

:where(:root) {
    --ease-1: cubic-bezier(.25, 0, .5, 1);
    --ease-2: cubic-bezier(.25, 0, .4, 1);
    --ease-3: cubic-bezier(.25, 0, .3, 1);
    --ease-4: cubic-bezier(.25, 0, .2, 1);
    --ease-5: cubic-bezier(.25, 0, .1, 1);
    --ease-in-1: cubic-bezier(.25, 0, 1, 1);
    --ease-in-2: cubic-bezier(.5, 0, 1, 1);
    --ease-in-3: cubic-bezier(.7, 0, 1, 1);
    --ease-in-4: cubic-bezier(.9, 0, 1, 1);
    --ease-in-5: cubic-bezier(1, 0, 1, 1);
    --ease-out-1: cubic-bezier(0, 0, .75, 1);
    --ease-out-2: cubic-bezier(0, 0, .5, 1);
    --ease-out-3: cubic-bezier(0, 0, .3, 1);
    --ease-out-4: cubic-bezier(0, 0, .1, 1);
    --ease-out-5: cubic-bezier(0, 0, 0, 1);
    --ease-in-out-1: cubic-bezier(.1, 0, .9, 1);
    --ease-in-out-2: cubic-bezier(.3, 0, .7, 1);
    --ease-in-out-3: cubic-bezier(.5, 0, .5, 1);
    --ease-in-out-4: cubic-bezier(.7, 0, .3, 1);
    --ease-in-out-5: cubic-bezier(.9, 0, .1, 1);
    --ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);
    --ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);
    --ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);
    --ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);
    --ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);
    --ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);
    --ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);
    --ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);
    --ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);
    --ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);
    --ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);
    --ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);
    --ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);
    --ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);
    --ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5)
}

@font-face {
    font-family: Inter;
    src: local("Inter Regular"), url(/fonts/inter-regular-2.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter ExtraLight"), url(/fonts/inter-extralight-2.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter Bold"), url(/fonts/inter-bold-2.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter Light"), url(/fonts/inter-light-2.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter Medium"), url(/fonts/inter-medium-2.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter Thin"), url(/fonts/inter-thin-2.woff2) format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter SemiBold"), url(/fonts/inter-semibold-2.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Inter;
    src: local("Inter Black"), url(/fonts/inter-black-2.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: Furore;
    src: url(/fonts/furore.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Drina;
    src: url(/fonts/drina.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Spectrashell;
    src: url(/fonts/spectrashell-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.label {
    display: flex;
    height: 2.5rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: .75rem;
    border-width: 1px;
    border-style: dashed;
    padding-left: .875rem;
    padding-right: .875rem;
    font-size: .6875rem;
    font-weight: 600;
    text-transform: uppercase
}

@media not all and (min-width: 768px) {
    .label--mob-sm {
        height: 2rem;
        min-width: 0px;
        border-radius: .5rem;
        padding-left: .625rem;
        padding-right: .625rem
    }
}

.label:where([data-status=""], :not([data-status])) {
    border-color: #323e60;
    background-color: #2a345480;
    color: #d6e2ff
}

.label:where([data-status=""], :not([data-status])):where(.label--outlined) {
    border-color: #d6e2ff1a;
    background-color: transparent
}

.label:where([data-status=primary], .label--primary) {
    border-color: #456389;
    background-color: #2d4461;
    color: #a2feff
}

.label:where([data-status=primary], .label--primary):where(.label--outlined) {
    border-color: #45638933;
    background-color: transparent
}

.label:where([data-status=refund]) {
    border-color: #444d7a;
    background-color: #2d3556;
    color: #d6defb
}

.label:where([data-status=refund]):where(.label--outlined) {
    border-color: #444d7a33;
    background-color: transparent
}

.label:where([data-status=pending], [data-status=refund]) {
    border-color: #765d69;
    background-color: #ff82551a;
    color: #ffcfbc
}

.label:where([data-status=pending], [data-status=refund]):where(.label--outlined) {
    border-color: #765d6933;
    background-color: transparent
}

.label:where([data-status=success], [data-status=win]) {
    border-color: #388297;
    background-color: #4afdff2e;
    color: #a2feff
}

.label:where([data-status=success], [data-status=win]):where(.label--outlined) {
    border-color: #a2feff33;
    background-color: transparent
}

.label:where([data-status=fail], [data-status=lose]) {
    border-color: #703e44;
    background-color: #e35a5a29;
    color: #ff8b8b
}

.label:where([data-status=fail], [data-status=lose]):where(.label--outlined) {
    border-color: #ff8b8b33;
    background-color: transparent
}

:root {
    --swiper-theme-color: #fff;
    --swiper-pagination-bullet-size: .5rem;
    --swiper-pagination-bullet-horizontal-gap: calc(var(--swiper-pagination-bullet-size) / 2)
}

@media (min-width: 1024px) {
    :root {
        --swiper-pagination-bullet-size: .625rem
    }
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, .625rem);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, .625rem));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, .625rem));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, transparent);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .3);
    border: 1px solid var(--swiper-pagination-color, var(--swiper-theme-color))
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, .625rem);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: .625rem
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

.title {
    width: -moz-fit-content;
    width: fit-content;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --to: #b7c0e1;
    background-image: linear-gradient(var(--to), white);
    background-position: 0 .5px
}

.switch {
    position: relative;
    display: flex;
    height: 1.75rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    cursor: pointer;
    align-items: center;
    gap: .375rem;
    border-radius: .5rem;
    background-color: var(--switch-bg, #242c48);
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .625rem;
    text-transform: uppercase;
    color: #989fbe;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --switch-thumb-size: .75rem
}

.switch:disabled {
    cursor: not-allowed
}

.switch:has(:checked) {
    background-color: var(--switch-bg-active, #2b3853)
}

.switch:has(:focus-visible) {
    outline-style: solid
}

.checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .4375rem;
    border: 1px solid #2e3755;
    background-color: #242c48;
    background-size: .65rem;
    background-position: center
}

.checkbox:checked {
    background-color: #2b3853;
    border-color: #364667;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 417 323.79" fill="%23a2feff"><path d="m159.68,317.56c-3.98,4-9.41,6.24-15.05,6.24s-11.07-2.23-15.05-6.24L9.36,197.32c-12.48-12.48-12.48-32.71,0-45.16l15.05-15.06c12.48-12.48,32.69-12.48,45.16,0l75.05,75.06L347.43,9.36c12.48-12.48,32.71-12.48,45.16,0l15.05,15.06c12.48,12.48,12.48,32.7,0,45.16l-247.97,247.99Z"/></svg>')
}

@property --roulette-radius {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
}

.double-roulette-wheel {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --wheel-size: calc(165vw - 1.25rem)
}

@media (min-width: 540px) {
    .double-roulette-wheel {
        --wheel-size: calc(100vw - 1.25rem)
    }
}

@media (min-width: 1024px) {
    .double-roulette-wheel {
        --wheel-size: 54rem
    }
}

.double-roulette-cell {
    position: absolute;
    --aspect-w: 60;
    --aspect-h: 81;
    --w: calc(var(--wheel-size) * .067);
    --gap: calc(var(--w) * .149)
}

@supports (container-type: inline-size) {
    .double-roulette-cell {
        --w: 6.7cqi;
        --gap: 1cqi
    }
}

.double-roulette-cell {
    aspect-ratio: var(--aspect-w) / var(--aspect-h);
    width: var(--w);
    background-size: contain;
    translate: calc(var(--angle-sin) * var(--roulette-radius) * var(--gap)) calc(var(--angle-cos) * var(--roulette-radius) * var(--gap) * -1);
    rotate: var(--angle);
    --roulette-radius: 43.5;
    left: calc(50% - var(--w) / 2);
    top: calc(50% - (var(--w) * var(--aspect-h)/var(--aspect-w)) / 2);
    scale: -1;
    transition: --roulette-radius .2s ease-in-out;
    pointer-events: auto
}

.double-roulette-cell[data-color=blue] {
    background-image: url(/img/double/double-roulette-blue.webp)
}

.double-roulette-cell[data-color=green] {
    background-image: url(/img/double/double-roulette-green.webp)
}

.double-roulette-cell[data-color=gold] {
    background-image: url(/img/double/double-roulette-gold.webp)
}

.double-roulette-cell:hover {
    --roulette-radius: 42.5
}

.double-roulette-cell.active {
    --roulette-radius: 43
}

:is([data-status="3"], [data-status="4"])>.double-roulette-cell:not(.active) {
    opacity: .5
}

:where([data-double-type=placeholder]) {
    --from: #384263;
    --to: #384263
}

:where([data-double-type=blue]) {
    --from: #3d76d1;
    --to: #2957a0;
    --color: #c2ddff;
    --border: #c2ddff1a;
    --from-2: rgb(61 118 209 / 70%);
    --to-2: rgb(50 62 102 / 14%);
    --color-2: #c2ddff;
    --stroke: #67a7ff;
    --image: url(/img/double/double-roulette-blue.webp);
    --from-selected: #3d76d1;
    --to-selected: #2957a0
}

:where([data-double-type=gold]) {
    --from: #e59474;
    --to: #5f4448;
    --color: #ffcdba;
    --border: #ffd0d01a;
    --stroke: #ffb782;
    --image: url(/img/double/double-roulette-gold.webp);
    --from-2: rgb(229 148 116 / 70%);
    --to-2: rgb(154 91 72 / 14%);
    --color-2: #ffcdba;
    --from-selected: #e59474;
    --to-selected: #5f4448
}

:where([data-double-type=green]) {
    --from: #31adb9;
    --to: #176c7d;
    --color: #cdfbff;
    --border: #cdfbff1a;
    --stroke: #a2feff;
    --image: url(/img/double/double-roulette-green.webp);
    --from-2: rgb(49 191 215 / 70%);
    --to-2: rgb(56 102 123 / 14%);
    --color-2: #cdfbff;
    --from-selected: #31adb9;
    --to-selected: #176c7d
}

:where([data-double-type=skip]) {
    --from: #b44c60;
    --to: #383553;
    --color: #ffd0d0;
    --border: #ffd0d01a
}

.double-wheel-decor {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    aspect-ratio: 1 / 1;
    width: 74%;
    translate: -50% -50%
}

.double-wheel-decor__arrow {
    position: absolute;
    bottom: -.375rem;
    left: 50%;
    z-index: 2;
    width: .9375rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    fill: var(--color, #f4c4b2);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .double-wheel-decor__arrow {
        bottom: -.5625rem;
        width: 1.375rem
    }
}

.double-wheel-decor__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 9999px;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    --from: #1e2640;
    --to: #1c233a
}

.double-wheel-decor__light {
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    aspect-ratio: 1 / 1;
    width: 33.333333%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    filter: blur(4rem)
}

.double-wheel-decor__arc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    --tw-rotate: 84.1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

.double-wheel-decor__circle {
    position: absolute;
    left: 50%;
    top: 50%;
    aspect-ratio: 1 / 1;
    width: 98%;
    border-radius: 9999px;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    opacity: .99;
    translate: -50% -50%
}

.double-wheel-decor__circle-light {
    position: absolute;
    bottom: -17.5rem;
    left: 50%;
    z-index: -1;
    aspect-ratio: 1 / 1;
    width: 50%;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    background-color: #48629699;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    filter: blur(4rem);
    translate: -50%
}

.double-wheel-decor__circle-shadow {
    position: absolute;
    bottom: -6.25rem;
    left: 50%;
    z-index: -1;
    aspect-ratio: 1 / 1;
    width: 20%;
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s;
    translate: -50%
}

.double-wheel-decor__circle-dots-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 9999px
}

.double-wheel-decor__circle-dots {
    bottom: -2rem;
    left: 50%;
    z-index: -1;
    width: 11.5rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #6b8cc1;
    opacity: .3;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media (min-width: 1024px) {
    .double-wheel-decor__circle-dots {
        bottom: -3.75rem;
        width: 17.5rem
    }
}

.double-wheel-decor__light {
    background-color: #516e9e
}

.double-wheel-decor:where([data-status="1"], [data-status="2"]) .double-wheel-decor__arrow,
.double-wheel-decor:where([data-status="1"], [data-status="2"]) .double-wheel-decor__arc {
    opacity: 0
}

.double-wheel-decor:where([data-status="3"], [data-status="4"]) .double-wheel-decor__light {
    background-color: #ff825680
}

.double-wheel-decor:where([data-status="3"], [data-status="4"]) .double-wheel-decor__circle-light {
    background-color: #ff825699;
    filter: blur(8rem)
}

.double-wheel-decor:where([data-status="3"], [data-status="4"]) .double-wheel-decor__circle-shadow {
    background-color: #ff825680;
    opacity: 1;
    filter: blur(2rem)
}

.double-wheel-decor:where([data-status="3"], [data-status="4"]) .double-wheel-decor__circle-dots {
    background-color: #ff8256
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__arc {
    stroke: #78f1f6
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__arrow {
    fill: #78f1f6
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__light {
    background-color: #96feff4d
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__circle-light {
    background-color: #3ffdff99
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__circle-shadow {
    background-color: #3ffdff80
}

.double-wheel-decor[data-status="4"][data-color=green] .double-wheel-decor__circle-dots {
    background-color: #5afdff
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__arc {
    stroke: #5d9df6
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__arrow {
    fill: #5d9df6
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__light {
    background-color: #3d76d14d
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__circle-light {
    background-color: #3d76d199
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__circle-shadow {
    background-color: #3d76d180
}

.double-wheel-decor[data-status="4"][data-color=blue] .double-wheel-decor__circle-dots {
    background-color: #5899ff
}

.dashed-label {
    --stripe-color: rgba(100, 162, 255, .25);
    --border-width: 2px;
    --border-color: rgba(100, 162, 255, .3);
    --blink-size: 50%;
    --blink-position: center;
    --lines-width: var(--border-width);
    --lines-color: #64A2FF;
    --lines-size: 50%;
    --lines-gap: .25rem;
    --bg-color: rgba(46, 129, 255, .06);
    --shadow-color: #00288E;
    border-radius: 1.25rem;
    position: relative;
    z-index: 1
}

.dashed-label:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--shadow-color);
    border-radius: inherit;
    opacity: .25;
    filter: blur(.5rem)
}

.dashed-label__lines {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    background: repeating-linear-gradient(var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px), var(--bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1
}

.dashed-label__lines:before {
    content: "";
    position: absolute;
    inset: 0 auto;
    border-top-width: var(--lines-width);
    border-bottom-width: var(--lines-width);
    border-color: var(--lines-color);
    width: var(--lines-size)
}

.dashed-label__lines:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border: var(--border-width) solid transparent;
    -webkit-mask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)), linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%));
    mask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)), linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%));
    -webkit-mask-clip: padding-box, border-box;
    mask-clip: padding-box, border-box;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect;
    background-color: var(--border-color);
    background-image: linear-gradient(transparent, #98C1FF, transparent);
    background-size: 100% var(--blink-size);
    background-position: var(--blink-position);
    background-repeat: repeat-x;
    -webkit-clip-path: polygon(0 0, calc(50% - var(--lines-size) / 2 - var(--lines-gap)) 0, calc(50% - var(--lines-size) / 2 - var(--lines-gap)) 100%, 0 100%, 0 0, calc(50% - var(--lines-size) / 2 + var(--lines-gap)) 0, calc(50% + var(--lines-size) / 2 + var(--lines-gap)) 0, calc(50% + var(--lines-size) / 2 + var(--lines-gap)) 100%, 100% 100%, 100% 0);
    clip-path: polygon(0 0, calc(50% - var(--lines-size) / 2 - var(--lines-gap)) 0, calc(50% - var(--lines-size) / 2 - var(--lines-gap)) 100%, 0 100%, 0 0, calc(50% - var(--lines-size) / 2 + var(--lines-gap)) 0, calc(50% + var(--lines-size) / 2 + var(--lines-gap)) 0, calc(50% + var(--lines-size) / 2 + var(--lines-gap)) 100%, 100% 100%, 100% 0)
}

.dashed-label--animated .dashed-label__lines {
    animation: stripedLabelBg 200s linear infinite;
    content-visibility: auto
}

.arrow-label {
    --mask: url(/img/mask-arrow-right-rounded.svg);
    --mask-dir: right;
    -webkit-mask-image: var(--mask);
    mask-image: var(--mask);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: var(--mask-dir);
    mask-position: var(--mask-dir);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    --arrow-offset: 2.5px;
    position: absolute
}

.arrow-label--strict {
    --mask: url(/img/mask-arrow-right.svg)
}

.arrow-label--down {
    --mask: url(/img/mask-arrow-down-rounded.svg);
    --mask-dir: bottom;
    left: -.5px;
    bottom: 0;
    right: -.5px
}

.arrow-label--strict.arrow-label--down {
    --mask: url(/img/mask-arrow-down.svg)
}

.arrow-label--down .arrow-label__arrow {
    bottom: 0;
    aspect-ratio: .45;
    left: -.5px;
    right: -.5px;
    -webkit-mask-position: center calc(100% - var(--arrow-offset)), center;
    mask-position: center calc(100% - var(--arrow-offset)), center
}

.arrow-label--right {
    top: -.5px;
    right: 0;
    bottom: -.5px;
    aspect-ratio: .45;
    -webkit-mask-position: right center, center;
    mask-position: right center, center
}

.arrow-label--right .arrow-label__arrow {
    height: 100%;
    right: 0
}

.arrow-label__arrow {
    position: absolute;
    background-image: radial-gradient(ellipse at var(--mask-dir), var(--from, white), var(--to, white), transparent 80%);
    -webkit-mask-image: var(--mask), linear-gradient(0deg, white, white);
    mask-image: var(--mask), linear-gradient(0deg, white, white);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: calc(100% - var(--arrow-offset)) center, center;
    mask-position: calc(100% - var(--arrow-offset)) center, center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none
}

@supports not ((-webkit-mask-composite: xor) or (mask-composite: exclude)) {
    .arrow-label__arrow {
        display: none
    }
}

.history-table-wrapper {
    container-type: inline-size;
    width: 100%
}

.history-table-wrapper table tbody tr {
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .history-table-wrapper table tbody td {
        position: relative;
        z-index: 1
    }
}

.history-table-wrapper table tbody td:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    border-radius: .75rem
}

@media (min-width: 1024px) {
    .history-table-wrapper table tbody td:first-child:before {
        width: 100cqw;
        border-radius: 1rem
    }
}

.history-table-wrapper table tbody td:first-child:before {
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent), var(--via, transparent), var(--to, transparent));
    --angle: -90deg
}

.history-table {
    width: 100%;
    border-collapse: separate;
    --tw-border-spacing-y: .25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: .75rem
}

@media not all and (min-width: 1024px) {
    .history-table {
        display: block
    }
}

.history-table :where(th, .mob-th) {
    white-space: nowrap;
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #7d859e
}

@media (min-width: 1024px) {
    .history-table :where(th, .mob-th) {
        padding-bottom: .375rem
    }

    .history-table :where(.mob-th) {
        display: none
    }
}

.history-table :where(tr) {
    padding: 1rem .75rem .75rem
}

@media not all and (min-width: 1024px) {
    .history-table :where(tr) {
        border-radius: .75rem
    }
}

@media (min-width: 1024px) {
    .history-table :where(tr) {
        padding: 0
    }
}

.history-table :where(tbody) {
    flex-direction: column;
    gap: .5rem
}

@media not all and (min-width: 1024px) {
    .history-table :where(tbody) {
        display: flex
    }
}

.history-table :where(th, td) {
    text-align: left
}

@media (min-width: 1024px) {
    .history-table :where(th, td) {
        padding-left: .875rem;
        padding-right: .875rem
    }
}

.history-table :where(td) {
    flex-wrap: wrap;
    align-items: center;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    row-gap: .25rem
}

@media not all and (min-width: 1024px) {
    .history-table :where(td) {
        display: flex
    }
}

@media (min-width: 1024px) {
    .history-table :where(td) {
        padding-top: .875rem;
        padding-bottom: .875rem
    }
}

.history-table :where(tbody tr) {
    background-color: #242c48
}

@media (min-width: 1024px) {
    .history-table :where(td:first-child) {
        border-top-left-radius: 1rem;
        border-bottom-left-radius: 1rem;
        padding-left: 1.5rem
    }

    .history-table :where(td:last-child) {
        border-top-right-radius: 1rem;
        border-bottom-right-radius: 1rem;
        padding-right: 1rem
    }
}

:where([data-history-status=success], [data-history-status=win]) {
    --from: #4afdff1a;
    --color: #a2feff;
    --border: #388297;
    --bg: #4afdff2e
}

:where([data-history-status=fail], [data-history-status=lose]) {
    --from: #ed42421a;
    --color: #ff8b8b;
    --border: #774248;
    --bg: #e35a5a29
}

:where([data-history-status=pending], [data-history-status=refund]) {
    --from: #ff82551a;
    --color: #ffcfbc;
    --border: #765d69;
    --bg: #ff916529
}

.scroll-shadow {
    pointer-events: none;
    position: absolute;
    z-index: 2
}

.scroll-shadow--start {
    opacity: 0
}

.scroll-shadow--end {
    opacity: 100
}

.scroll-shadow--start:where(.scroll-shadow--hor) {
    top: 0;
    bottom: 0;
    left: -1px;
    width: var(--scroll-shadow-size);
    --shadow-angle: 90deg;
    --shadow-mask-angle: 90deg
}

.scroll-shadow--start:where(.scroll-shadow--ver) {
    left: 0;
    right: 0;
    top: -1px;
    height: var(--scroll-shadow-size)
}

.scroll-shadow--end:where(.scroll-shadow--hor) {
    top: 0;
    bottom: 0;
    right: -1px;
    width: var(--scroll-shadow-size);
    --shadow-angle: -90deg;
    --shadow-mask-angle: -90deg
}

.scroll-shadow--end:where(.scroll-shadow--ver) {
    left: 0;
    right: 0;
    bottom: -1px;
    height: var(--scroll-shadow-size);
    --shadow-angle: 0deg
}

.scroll-shadow--gradient {
    --color: var(--scroll-shadow-color)
}

.scroll-shadow--gradient:where(.scroll-shadow--start) {
    --color: var(--scroll-shadow-start-color, var(--scroll-shadow-color))
}

.scroll-shadow--gradient:where(.scroll-shadow--end) {
    --color: var(--scroll-shadow-end-color, var(--scroll-shadow-color))
}

.scroll-shadow--gradient {
    background-image: linear-gradient(var(--shadow-angle, 180deg), rgb(var(--color) / 1) 0%, rgb(var(--color) / .4) 50%, rgb(var(--color) / .2) 65%, rgb(var(--color) / .075) 75.5%, rgb(var(--color) / .037) 82.85%, rgb(var(--color) / .019) 88%, rgb(var(--color) / 0) 100%)
}

.scroll-shadow--mask {
    -webkit-mask-image: linear-gradient(var(--shadow-mask-angle, 180deg), rgb(0 0 0 / 1) 0%, rgb(0 0 0 / .4) 50%, rgb(0 0 0 / .2) 65%, rgb(0 0 0 / .075) 75.5%, rgb(0 0 0 / .037) 82.85%, rgb(0 0 0 / .019) 88%, rgb(0 0 0 / 0) 100%);
    mask-image: linear-gradient(var(--shadow-mask-angle, 180deg), rgb(0 0 0 / 1) 0%, rgb(0 0 0 / .4) 50%, rgb(0 0 0 / .2) 65%, rgb(0 0 0 / .075) 75.5%, rgb(0 0 0 / .037) 82.85%, rgb(0 0 0 / .019) 88%, rgb(0 0 0 / 0) 100%);
    background-image: linear-gradient(var(--shadow-gradient-angle, 0deg), var(--scroll-shadow-to), var(--scroll-shadow-from))
}

:where([data-crash-type=blue]) {
    --from: #3d76d1;
    --to: #2957a0;
    --color: #c2ddff
}

:where([data-crash-type=purple]) {
    --from: #5555f2;
    --to: #3e3eaa;
    --color: #cacaff
}

:where([data-crash-type=pink]) {
    --from: #d760e2;
    --to: #883d87;
    --color: #fbd3ff
}

:where([data-crash-type=red]) {
    --from: #ff6170;
    --to: #9b3b44;
    --color: #ffd0d0
}

:where([data-crash-type=green]) {
    --from: #31adb9;
    --to: #176c7d;
    --color: #cdfbff
}

:where([data-crash-type=gold]) {
    --from: #ffd4c2;
    --to: #dba18a;
    --color: #212944
}

:where([data-crash-type=placeholder]) {
    --from: #39476e;
    --to: #2d3e60;
    --color: #6577a4
}

.crash-wrapper {
    width: 100%
}

@media (min-width: 1024px) {
    .crash-wrapper {
        width: 37rem
    }
}

.crash-wrapper {
    position: relative
}

@keyframes crashBg {
    0% {
        background-position: 0 0, 0 0
    }

    to {
        background-position: -999rem 0, 0 0
    }
}

@keyframes crashLines {
    0% {
        background-position: center 0
    }

    to {
        background-position: center 999rem
    }
}

.crash {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .75rem;
    --progress: 0
}

[data-crash-status="2"] .crash {
    color: #7fe1fc
}

[data-crash-status="3"] .crash {
    color: #fa6a78
}

.crash__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: repeat;
    background-position: 0 0;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 1.55rem, #23325580 1.55rem, #23325580 3rem), linear-gradient(180deg, #2f4677, #233255);
    animation: crashBg 100s linear infinite
}

:is([data-crash-status="1"], [data-crash-status="3"]) .crash__bg {
    animation-play-state: paused
}

[data-crash-status="3"] .crash__bg {
    background-image: repeating-linear-gradient(90deg, transparent, transparent 1.55rem, #392d4480 1.55rem, #392d4480 3rem), linear-gradient(180deg, #5f3546, #392d44)
}

.crash__line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

[data-crash-status="2"] .crash__line path {
    stroke: url(#crash-progress-gradient)
}

[data-crash-status="3"] .crash__line path {
    stroke: url(#crash-finish-gradient)
}

[data-crash-status="2"] .crash__line,
[data-crash-status="3"] .crash__line {
    opacity: 1
}

.crash__runner {
    position: absolute;
    z-index: 4;
    background-image: url(/img/crash/begun-v-1.gif);
    background-size: contain;
    opacity: 0;
    aspect-ratio: 1/1;
    transition: top .15s;
    top: 1.5rem;
    left: -1.2rem;
    width: 2rem
}

@media (min-width: 768px) {
    .crash__runner {
        top: 3.5rem;
        left: -2rem;
        width: 3rem
    }
}

@media (min-width: 1024px) {
    .crash__runner {
        top: .75rem;
        left: -2rem;
        width: 3rem
    }
}

[data-crash-status="2"] .crash__runner,
[data-crash-status="3"] .crash__runner {
    opacity: 1
}

[data-crash-status="3"] .crash__runner {
    background-image: url(/img/crash/begun-v-2-stop.gif);
    top: 1.5rem
}

@media (min-width: 768px) {
    [data-crash-status="3"] .crash__runner {
        left: -3rem;
        top: 4rem
    }
}

@media (min-width: 1024px) {
    [data-crash-status="3"] .crash__runner {
        top: 1.25rem;
        left: -3rem
    }
}

.crash__counter {
    position: absolute;
    z-index: 5;
    text-align: left;
    top: 1rem;
    left: 2%
}

@media (min-width: 1024px) {
    .crash__counter {
        top: 1rem
    }
}

.crash__counter div {
    font-weight: 800;
    display: flex;
    font-size: 1.75rem
}

@media (min-width: 1024px) {
    .crash__counter div {
        font-size: 2rem
    }
}

.crash__counter div {
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
    line-height: 1.25;
    color: transparent;
    --from: white;
    --to: #b7c0e1
}

[data-crash-status="3"] .crash__counter div {
    --to: #e1b7b7
}

.crash__counter div:before {
    content: attr(data-value)
}

.crash__counter span {
    display: block;
    font-size: .6875rem;
    color: #a6adcd
}

[data-crash-status="3"] .crash__counter span {
    color: #fa8989
}

@media not all and (min-width: 540px) {
    .crash__counter span {
        margin-top: -.125rem
    }
}

@media (min-width: 540px) {
    .crash__counter span {
        font-size: .875rem
    }
}

[data-crash-status="2"] .crash__counter div {
    --to: #c3d0ff
}

[data-crash-status="2"] .crash__counter span {
    font-size: .875rem;
    color: #aecdff
}

.crash__main {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    top: 34%;
    height: 63%
}

@media (min-width: 1024px) {
    .crash__main {
        top: 19%;
        height: 76%
    }
}

[data-crash-status="1"] .crash__main {
    opacity: 0
}

.crash [data-crash-status="2"] .crash-line:after {
    color: #56a6fe
}

.crash [data-crash-status="2"]:after {
    background-image: linear-gradient(0deg, #1a2c57, rgba(#1a2c57, 0))
}

.crash [data-crash-status="2"] svg {
    color: #6ac9f3
}

.crash [data-crash-status="2"] svg [data-crash-bg] {
    fill: url(#progress-gradient)
}

.crash [data-crash-status="3"] .crash-line:after {
    color: #fe4f4f
}

.crash [data-crash-status="3"]:after {
    background-image: linear-gradient(0deg, #38223c, rgba(#38223c, 0))
}

.crash [data-crash-status="3"] svg {
    color: #fe4747
}

.crash [data-crash-status="3"] svg [data-crash-bg] {
    fill: url(#finish-gradient)
}

.crash-lines {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-image: url(/img/crash/dots.svg?v=1);
    --crash-dots: url(/img/crash/dots-crash.svg?v=1)
}

[data-crash-status="3"] .crash-lines {
    background-image: var(--crash-dots)
}

.crash-lines {
    background-size: 200% auto;
    top: 0;
    right: .5rem;
    bottom: .5rem;
    left: .5rem;
    background-position: center bottom -.5rem
}

@media (min-width: 768px) {
    .crash-lines {
        background-size: 100% auto
    }
}

@media (min-width: 1024px) {
    .crash-lines {
        top: 0;
        right: .5rem;
        bottom: 1.5rem;
        left: .5rem;
        background-size: 114% auto;
        background-position: center bottom -.5rem
    }
}

.crash-lines {
    -webkit-mask-image: radial-gradient(ellipse 50% 200% at top left, #00000000, #00000020, black);
    mask-image: radial-gradient(ellipse 50% 200% at top left, #00000000, #00000020, black);
    animation: crashLines 400s infinite linear;
    animation-play-state: paused;
    background-repeat: repeat-y
}

.crash-lines.animated {
    animation-play-state: running
}

.crash-history-item {
    display: flex;
    height: 2rem;
    align-items: center;
    border-radius: .375rem;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .6875rem;
    font-weight: 700;
    color: var(--color);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover: hover) and (pointer: fine) {
    .crash-history-item:hover {
        filter: brightness(1.1)
    }
}

.crash-history-item:active {
    filter: brightness(1.2)
}

@media (min-width: 540px) {
    .crash-history-item {
        border-radius: .375rem;
        font-size: .75rem
    }
}

.crash-history-item[data-crash-type=purple] {
    background-image: linear-gradient(90deg, rgb(78, 183, 187) 0%, rgb(90, 161, 248) 25%, rgb(124, 100, 248) 75%, rgb(161, 101, 250) 100%);
    color: #fff;
    position: relative;
    z-index: 1;
    text-shadow: 0px .1rem .5rem rgba(0, 0, 0, .4)
}

.crash-history-item[data-crash-type=purple]:before {
    content: "";
    position: absolute;
    top: .125rem;
    right: .125rem;
    bottom: .125rem;
    left: .125rem;
    border: .125rem solid rgba(0, 0, 0, .5);
    border-radius: .3rem;
    box-shadow: inset 0 0 0 1px #ffffff40;
    z-index: -2
}

.crash-history-item[data-crash-type=purple]:after {
    content: "";
    width: 1rem;
    position: absolute;
    left: 50%;
    top: .25rem;
    bottom: .25rem;
    transform: translate(-50%) skew(-10deg);
    background-image: linear-gradient(90deg, #ffffff80 .3rem, white .3rem, white .7rem, #ffffff80 .7rem);
    z-index: -1;
    opacity: .25;
    mix-blend-mode: overlay
}

.noty_layout_mixin,
#noty_layout__topRight {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 9999999;
    max-width: 90%
}

#noty_layout__topRight {
    top: 4rem;
    right: .75rem
}

@media (min-width: 1024px) {
    #noty_layout__topRight {
        top: 1rem;
        right: 1rem
    }
}

#noty_layout__topRight {
    width: -moz-fit-content;
    width: fit-content
}

.noty_progressbar {
    display: none
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: .15rem;
    width: 100%;
    background-color: #646464;
    opacity: .2
}

.noty_bar {
    transform: translate(0) scale(1);
    overflow: hidden
}

.noty_effects_open {
    opacity: 0;
    transform: translate(50%);
    animation: noty_anim_in .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation-fill-mode: forwards
}

.noty_effects_close {
    animation: noty_anim_out .5s cubic-bezier(.68, -.55, .265, 1.55);
    animation-fill-mode: forwards
}

.noty_fix_effects_height {
    animation: noty_anim_height 50ms ease-out
}

.noty_close_with_click {
    cursor: pointer
}

@media (hover: hover) and (pointer: fine) {
    .noty_close_button:hover:hover {
        background-color: #0000001a
    }
}

@keyframes noty_anim_in {
    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes noty_anim_out {
    to {
        transform: translate(50%);
        opacity: 0
    }
}

@keyframes noty_anim_height {
    to {
        height: 0
    }
}

.noty_theme__nest.noty_bar {
    position: relative;
    overflow: hidden;
    margin: 0 0 .25rem auto
}

@media (min-width: 1024px) {
    .noty_theme__nest.noty_bar {
        margin: 0 0 .4rem auto
    }
}

.noty_theme__nest.noty_bar {
    border-radius: .875rem
}

@media (min-width: 1024px) {
    .noty_theme__nest.noty_bar {
        border-radius: 1rem
    }
}

.noty_theme__nest.noty_bar .noty_body {
    padding: .5rem 2rem;
    min-height: 2.75rem;
    max-width: 25rem
}

@media (min-width: 1024px) {
    .noty_theme__nest.noty_bar .noty_body {
        padding: .75rem 3rem;
        min-height: 3.625rem
    }
}

.noty_theme__nest.noty_bar .noty_body {
    display: grid;
    place-content: center;
    font-weight: 500;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .75rem
}

@media (min-width: 1024px) {
    .noty_theme__nest.noty_bar .noty_body {
        font-size: .8125rem
    }
}

.noty_theme__nest.noty_bar .noty_buttons {
    padding: 10px
}

.noty_layout .noty_theme__nest.noty_bar {
    z-index: 5
}

.noty_layout {
    pointer-events: auto
}

.noty_theme__nest {
    position: relative;
    line-height: 1.25;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.noty_theme__nest:before {
    content: "";
    aspect-ratio: 1;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #fff;
    width: .85rem;
    top: .9rem;
    left: .65rem
}

@media (min-width: 1024px) {
    .noty_theme__nest:before {
        width: 1.25rem;
        top: 1.2rem;
        left: 1rem
    }
}

.noty_theme__nest:after {
    content: "";
    aspect-ratio: 1;
    position: absolute;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/img/close.svg);
    mask-image: url(/img/close.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #ff7474;
    width: .6rem;
    top: 1.1rem;
    right: .9rem
}

@media (min-width: 1024px) {
    .noty_theme__nest:after {
        width: .75rem;
        top: 1.45rem;
        right: 1.1rem
    }
}

.noty_theme__nest.noty_type__alert,
.noty_theme__nest.noty_type__notification {
    background-color: #073b4c;
    color: #fff
}

.noty_theme__nest.noty_type__alert .noty_progressbar,
.noty_theme__nest.noty_type__notification .noty_progressbar {
    background-color: #fff
}

.noty_theme__nest.noty_type__warning {
    background-color: #252e47b3;
    background-image: linear-gradient(90deg, #e5937366, #60434466);
    color: #fff;
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem)
}

.noty_theme__nest.noty_type__warning:before {
    background-color: #ffc6b0;
    -webkit-mask-image: url(/img/timer.svg);
    mask-image: url(/img/timer.svg)
}

.noty_theme__nest.noty_type__error {
    background-color: #252e47b3;
    background-image: linear-gradient(90deg, #e5737366, #60434366);
    color: #fff;
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem)
}

.noty_theme__nest.noty_type__error:before {
    background-color: #ff7474;
    -webkit-mask-image: url(/img/forbitten.svg);
    mask-image: url(/img/forbitten.svg)
}

.noty_theme__nest.noty_type__info,
.noty_theme__nest.noty_type__information {
    background-color: #118ab2;
    color: #fff
}

.noty_theme__nest.noty_type__info .noty_progressbar,
.noty_theme__nest.noty_type__information .noty_progressbar {
    opacity: .6
}

.noty_theme__nest.noty_type__success {
    background-color: #252e47b3;
    background-image: linear-gradient(90deg, #73d6e566, #49727466);
    color: #fff;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem)
}

.noty_theme__nest.noty_type__success:before {
    background-color: #a2feff;
    -webkit-mask-image: url(/img/check-circle.svg);
    mask-image: url(/img/check-circle.svg)
}

@keyframes chatWrapperAnimationClose {
    0% {
        margin-right: 0
    }

    to {
        margin-right: calc(var(--radix-collapsible-content-width) * -1)
    }
}

@keyframes chatWrapperAnimationOpen {
    0% {
        margin-right: calc(var(--radix-collapsible-content-width) * -1)
    }

    to {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .chat-wrapper[data-state=open] {
        animation: chatWrapperAnimationOpen .3s ease-in-out
    }

    .chat-wrapper[data-state=closed] {
        animation: chatWrapperAnimationClose .3s ease-in-out
    }
}

.CollapsibleContent {
    overflow: hidden
}

.CollapsibleContent[data-state=open] {
    animation: slideDown .2s ease-out
}

.CollapsibleContent[data-state=closed] {
    animation: slideUp .2s ease-out
}

.TooltipContent {
    animation: fade-in .1s ease-out
}

@keyframes slideDown {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        opacity: 1;
        height: var(--radix-collapsible-content-height)
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-collapsible-content-height);
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.CollapsibleInventoryMarket[data-state=open] {
    animation: fade-in 75ms ease-in
}

.CollapsibleInventoryMarket[data-state=closed] {
    animation: fade-out 75ms ease-out
}

.Collapsible {
    overflow: hidden
}

.Collapsible[data-state=open] {
    animation: slideDown .2s ease-in-out
}

.Collapsible[data-state=closed] {
    animation: slideUp .2s ease-in-out
}

@keyframes slideDown {
    0% {
        height: 0
    }

    to {
        height: var(--radix-collapsible-content-height)
    }
}

@keyframes slideUp {
    0% {
        height: var(--radix-collapsible-content-height)
    }

    to {
        height: 0
    }
}

@keyframes contentShow {
    0% {
        opacity: 0;
        transform: scale(.98)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes contentHide {
    0% {
        transform: none;
        opacity: 1
    }

    to {
        transform: scale(.98);
        opacity: 0
    }
}

@keyframes mobPanelShow {
    0% {
        --value: 0
    }

    to {
        --value: 1
    }
}

@keyframes mobPanelHide {
    0% {
        --value: 1
    }

    to {
        --value: 0
    }
}

@keyframes mobPanelInnerShow {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: none
    }
}

@keyframes mobPanelInnerHide {
    0% {
        transform: none
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes slideDownAccordion {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        height: var(--radix-accordion-content-height);
        opacity: 1
    }
}

@keyframes slideUpAccordion {
    0% {
        height: var(--radix-accordion-content-height);
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes slideDownCollapse {
    0% {
        height: 0;
        opacity: 0
    }

    to {
        height: var(--radix-collapsible-content-height);
        opacity: 1
    }
}

@keyframes slideUpCollapse {
    0% {
        height: var(--radix-collapsible-content-height);
        opacity: 1
    }

    to {
        height: 0;
        opacity: 0
    }
}

@keyframes popoverShow {
    0% {
        opacity: 0;
        transform: translateY(.25rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes popoverHide {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(.25rem)
    }
}

@keyframes dropEnter {
    0% {
        opacity: 0
    }
}

.drop-enter-animation {
    animation: .2s dropEnter ease-in-out forwards
}

.spinner {
    display: block;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHN0cm9rZT0nIzAwMCcgdmlld0JveD0nMCAwIDI0IDI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxzdHlsZT4uc3Bpbm5lcl9WOG0xe3RyYW5zZm9ybS1vcmlnaW46Y2VudGVyO2FuaW1hdGlvbjpzcGlubmVyX3pLb2EgMnMgbGluZWFyIGluZmluaXRlfS5zcGlubmVyX1Y4bTEgY2lyY2xle3N0cm9rZS1saW5lY2FwOnJvdW5kO2FuaW1hdGlvbjpzcGlubmVyX1lwWlMgMS41cyBlYXNlLW91dCBpbmZpbml0ZX1Aa2V5ZnJhbWVzIHNwaW5uZXJfektvYXsxMDAle3RyYW5zZm9ybTpyb3RhdGUoMzYwZGVnKX19QGtleWZyYW1lcyBzcGlubmVyX1lwWlN7MCV7c3Ryb2tlLWRhc2hhcnJheTowIDE1MDtzdHJva2UtZGFzaG9mZnNldDowfTQ3LjUle3N0cm9rZS1kYXNoYXJyYXk6NDIgMTUwO3N0cm9rZS1kYXNob2Zmc2V0Oi0xNn05NSUsMTAwJXtzdHJva2UtZGFzaGFycmF5OjQyIDE1MDtzdHJva2UtZGFzaG9mZnNldDotNTl9fTwvc3R5bGU+PGcgY2xhc3M9J3NwaW5uZXJfVjhtMSc+PGNpcmNsZSBjeD0nMTInIGN5PScxMicgcj0nOS41JyBmaWxsPSdub25lJyBzdHJva2Utd2lkdGg9JzMnPjwvY2lyY2xlPjwvZz48L3N2Zz4=);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    width: 1.5em
}

.rings {
    display: block;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNDQnIGhlaWdodD0nNDQnIHZpZXdCb3g9JzAgMCA0NCA0NCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzdHJva2U9JyNmZmYnPjxnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLXdpZHRoPScyJz48Y2lyY2xlIGN4PScyMicgY3k9JzIyJyByPScxJz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdyJyBiZWdpbj0nMHMnIGR1cj0nMS44cycgdmFsdWVzPScxOyAyMCcgY2FsY01vZGU9J3NwbGluZScga2V5VGltZXM9JzA7IDEnIGtleVNwbGluZXM9JzAuMTY1LCAwLjg0LCAwLjQ0LCAxJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZScgLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdzdHJva2Utb3BhY2l0eScgYmVnaW49JzBzJyBkdXI9JzEuOHMnIHZhbHVlcz0nMTsgMCcgY2FsY01vZGU9J3NwbGluZScga2V5VGltZXM9JzA7IDEnIGtleVNwbGluZXM9JzAuMywgMC42MSwgMC4zNTUsIDEnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJyAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9JzIyJyBjeT0nMjInIHI9JzEnPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J3InIGJlZ2luPSctMC45cycgZHVyPScxLjhzJyB2YWx1ZXM9JzE7IDIwJyBjYWxjTW9kZT0nc3BsaW5lJyBrZXlUaW1lcz0nMDsgMScga2V5U3BsaW5lcz0nMC4xNjUsIDAuODQsIDAuNDQsIDEnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJyAvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J3N0cm9rZS1vcGFjaXR5JyBiZWdpbj0nLTAuOXMnIGR1cj0nMS44cycgdmFsdWVzPScxOyAwJyBjYWxjTW9kZT0nc3BsaW5lJyBrZXlUaW1lcz0nMDsgMScga2V5U3BsaW5lcz0nMC4zLCAwLjYxLCAwLjM1NSwgMScgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnIC8+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    aspect-ratio: 1 / 1;
    background-color: currentColor;
    width: 1.5em
}

.text-with-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition-duration: .1s
}

.text-with-loader :where(span) {
    transition: .1s opacity
}

.text-with-loader :where(.rings, .spinner) {
    transition: .1s opacity, display .1s;
    transition-behavior: allow-discrete;
    opacity: 0;
    left: 50%;
    translate: -50%;
    position: absolute;
    display: none;
    width: 1.25rem
}

.text-with-loader:where([data-loading=""], [data-loading=true]) :where(span) {
    opacity: .25
}

.text-with-loader:where([data-loading=""], [data-loading=true]) :where(.rings, .spinner) {
    opacity: 1;
    display: block
}

:root {
    --animation-overlay-show: fade-in .15s ease-in-out;
    --animation-overlay-hide: fade-out .15s ease-in-out;
    --animation-content-show: contentShow .15s ease-in-out;
    --animation-content-hide: contentHide .15s ease-in-out
}

@media (min-width: 1024px) {
    :root {
        --animation-overlay-show: fade-in .1s ease-in-out;
        --animation-overlay-hide: fade-out .1s ease-in-out;
        --animation-content-show: contentShow .1s ease-in-out;
        --animation-content-hide: contentHide .1s ease-in-out
    }
}

:root {
    --animation-shake-x: shake-x .5s ease-in-out;
    --animation-pulse-brightness: pulse-brightness 2s var(--ease-out-3) infinite;
    --animation-slide-out-right: slide-out-right .2s var(--ease-in-out-3);
    --animation-slide-in-right: slide-in-right .2s var(--ease-in-out-3);
    --animation-slide-out-bottom: slide-out-bottom .2s var(--ease-in-out-3);
    --animation-slide-in-bottom: slide-in-bottom .2s var(--ease-in-out-3);
    --animation-fade-in: fade-in .2s var(--ease-in-out-3);
    --animation-fade-out: fade-out .2s var(--ease-in-out-3)
}

@keyframes shake-x {

    0%,
    to {
        translate: var(--animation-shake-size, var(--animation-shake-x-size, 5%))
    }

    25% {
        translate: calc(var(--animation-shake-size, var(--animation-shake-x-size, 5%)) * -1)
    }

    50% {
        translate: var(--animation-shake-size, var(--animation-shake-x-size, 5%))
    }

    75% {
        translate: calc(var(--animation-shake-size, var(--animation-shake-x-size, 5%)) * -1)
    }

    to {
        translate: var(--animation-shake-size, var(--animation-shake-x-size, 5%))
    }
}

@keyframes pulse-brightness {

    0%,
    to {
        filter: brightness(1)
    }

    50% {
        filter: brightness(var(--animation-pulse-brightness-size, 1.2))
    }
}

@keyframes slide-out-right {
    to {
        translate: 100%
    }
}

@keyframes slide-in-right {
    0% {
        translate: 100%
    }
}

@keyframes slide-out-bottom {
    to {
        translate: 0 100%
    }
}

@keyframes slide-in-bottom {
    0% {
        translate: 0 100%
    }
}

@keyframes widthIn {
    0% {
        width: 0
    }

    to {
        width: var(--w)
    }
}

:where([data-affiliate-type="1"]) {
    --from: #c5795ab3;
    --to: #9a5b481a;
    --color: #ffccb9;
    --color-2: #ffc6b0
}

:where([data-affiliate-type="2"]) {
    --from: #3da9aab3;
    --to: #3685861a;
    --color: #a6fffa;
    --color-2: #a6ffda
}

:where([data-affiliate-type="3"]) {
    --from: #c5795ab3;
    --to: #9a5b481a;
    --color: #ffccb9;
    --color-2: #ffc6b0
}

:where([data-affiliate-type="4"]) {
    --from: #3d76d1b3;
    --to: #323e661a;
    --color: #a6d4ff;
    --color-2: #a6d4ff
}

.affiliate-roulette-wheel {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --wheel-size: 39.3125rem
}

@media (min-width: 1024px) {
    .affiliate-roulette-wheel {
        --wheel-size: 68.9375rem
    }
}

.affiliate-roulette-cell {
    position: absolute;
    --aspect-w: 264.24;
    --aspect-h: 170.98;
    --roulette-radius: 40.5;
    --w: calc(var(--wheel-size) * .24);
    --gap: calc(var(--w) * .042)
}

@supports (container-type: inline-size) {
    .affiliate-roulette-cell {
        --w: 24cqi;
        --gap: 1cqi
    }
}

.affiliate-roulette-cell {
    aspect-ratio: var(--aspect-w) / var(--aspect-h);
    width: var(--w);
    background-size: contain;
    translate: calc(var(--angle-sin) * var(--roulette-radius) * var(--gap)) calc(var(--angle-cos) * var(--roulette-radius) * var(--gap) * -1);
    rotate: calc(var(--angle) + 1deg);
    left: calc(50% - var(--w) / 2);
    top: calc(50% - (var(--w) * var(--aspect-h) / var(--aspect-w)) / 2);
    scale: -1;
    transition: --roulette-radius .2s ease-in-out;
    pointer-events: auto;
    background-color: #1e253d;
    -webkit-mask-image: url(/img/affiliate/affiliate-roulette-cell.svg);
    mask-image: url(/img/affiliate/affiliate-roulette-cell.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-image: linear-gradient(0deg, var(--from), var(--to));
    display: flex;
    align-items: center
}

.affiliate-shadow {
    box-shadow: 0 0 0 .3rem #36436a85, 0 0 0 2rem #405aa70d, 0 0 0 4rem #405aa70d
}

@media (min-width: 540px) {
    .affiliate-shadow {
        box-shadow: 0 0 0 .4rem #36436a85, 0 0 0 5rem #405aa70d, 0 0 0 10rem #405aa70d
    }
}

.card-animation {
    animation: cardAnimation calc(var(--delay) * var(--total)) linear 0s infinite normal none running;
    animation-delay: calc(var(--delay) * (var(--index) - 1) * -1);
    transform-origin: center;
    --delay: 1.5s
}

.card-animation[data-cards-total="2"] {
    --total: 2;
    animation-name: cardAnimation2
}

.card-animation[data-cards-total="3"] {
    --total: 3;
    animation-name: cardAnimation3
}

.card-animation[data-cards-total="4"] {
    --total: 4;
    animation-name: cardAnimation4
}

.card-animation[data-cards-total="5"] {
    --total: 5;
    animation-name: cardAnimation5
}

.card-animation[data-cards-total="6"] {
    --total: 6;
    animation-name: cardAnimation6
}

.card-animation[data-cards-total="7"] {
    --total: 7;
    animation-name: cardAnimation7
}

.card-animation[data-cards-total="8"] {
    --total: 8;
    animation-name: cardAnimation8
}

.card-animation[data-cards-total="9"] {
    --total: 9;
    animation-name: cardAnimation9
}

.card-animation:nth-of-type(1) {
    --index: 1
}

.card-animation:nth-of-type(2) {
    --index: 2
}

.card-animation:nth-of-type(3) {
    --index: 3
}

.card-animation:nth-of-type(4) {
    --index: 4
}

.card-animation:nth-of-type(5) {
    --index: 5
}

.card-animation:nth-of-type(6) {
    --index: 6
}

.card-animation:nth-of-type(7) {
    --index: 7
}

.card-animation:nth-of-type(8) {
    --index: 8
}

.card-animation:nth-of-type(9) {
    --index: 9
}

@keyframes cardAnimation2 {

    0%,
    46.66%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    50%,
    96.66% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation3 {

    0%,
    30.83%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    33.3%,
    97.5% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation4 {

    0%,
    23%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    25%,
    98% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation5 {

    0%,
    18.33%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    20%,
    98.33% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation6 {

    0%,
    15.23%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    16.66%,
    98.57% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation7 {

    0%,
    13.03%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    14.28%,
    98.75% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation8 {

    0%,
    11.388%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    12.5%,
    98.888% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

@keyframes cardAnimation9 {

    0%,
    10.1111%,
    to {
        z-index: 4;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }

    11.1111%,
    99% {
        z-index: 3;
        transform: translate(-50%, -50%) scale(.75);
        opacity: 0
    }
}

.market-games {
    order: 2;
    display: flex;
    gap: .375rem
}

@media (min-width: 1024px) {
    .market-games {
        flex-direction: column
    }
}

.market-games-item__ill {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-size: contain;
    background-position: bottom;
    -webkit-mask-image: linear-gradient(-180deg, black, black, #00000045);
    mask-image: linear-gradient(-180deg, black, black, #00000045)
}

@media not all and (min-width: 1024px) {
    .market-games-item__ill {
        display: none
    }
}

.market-games-item {
    position: relative;
    z-index: 1;
    height: 2.75rem;
    width: 100%;
    gap: .625rem;
    overflow: hidden;
    border-radius: .75rem;
    background-color: #242c48;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .75rem;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (hover: hover) and (pointer: fine) {
    .market-games-item:hover {
        background-color: #293252
    }
}

@media (min-width: 540px) {
    .market-games-item {
        height: 3rem;
        gap: .75rem
    }
}

@media (min-width: 1024px) {
    .market-games-item {
        height: 4rem;
        justify-content: flex-start;
        gap: 1.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .withdrawal-market .market-games-item {
        gap: .75rem;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.market-games-item:where([aria-pressed=true]) {
    pointer-events: none
}

.market-games-item:where(:not([aria-pressed=true])) {
    opacity: .3
}

.market-games-item:where(.market-games-item--csgo) {
    background: linear-gradient(to right, rgba(193, 122, 94, .7), rgba(153, 88, 69, .35));
    color: #ffc6b0
}

@media (min-width: 1024px) {
    .withdrawal-market .market-games-item:where(.market-games-item--csgo) {
        gap: 1rem;
        padding-left: 1rem
    }
}

.market-games-item:where(.market-games-item--csgo) .market-games-item__ill {
    bottom: 0;
    right: 0;
    aspect-ratio: 249/170;
    width: 5rem
}

.withdrawal-market .market-games-item:where(.market-games-item--csgo) .market-games-item__ill {
    width: 4rem
}

.market-games-item:where(.market-games-item--csgo) .icon {
    margin-top: -.125rem;
    margin-left: -.375rem;
    margin-right: -.25rem;
    width: 2rem
}

@media (min-width: 540px) {
    .market-games-item:where(.market-games-item--csgo) .icon {
        width: 2.25rem
    }
}

@media (min-width: 768px) {
    .market-games-item:where(.market-games-item--csgo) .icon {
        margin-right: -.5rem
    }
}

.market-games-item:where(.market-games-item--dota) {
    background: linear-gradient(to right, rgba(166, 55, 65, .7), rgba(183, 50, 62, .14));
    color: #ff7d7d
}

.market-games-item:where(.market-games-item--dota) .market-games-item__ill {
    bottom: 0;
    right: -1.5rem;
    aspect-ratio: 465/201;
    width: 9rem
}

.withdrawal-market .market-games-item:where(.market-games-item--dota) .market-games-item__ill {
    right: -2.5rem;
    width: 7rem
}

.market-games-item:where(.market-games-item--dota) .icon {
    width: 1.25rem
}

@media (min-width: 540px) {
    .market-games-item:where(.market-games-item--dota) .icon {
        width: 1.375rem
    }
}

.market-games-item:where(.market-games-item--rust) {
    background: linear-gradient(to right, rgba(166, 55, 65, .7), rgba(183, 50, 62, .14));
    color: #ff7d7d
}

.market-games-item:where(.market-games-item--rust) .market-games-item__ill {
    bottom: -.5rem;
    right: -.5rem;
    aspect-ratio: 229/177;
    width: 4.75rem
}

.withdrawal-market .market-games-item:where(.market-games-item--rust) .market-games-item__ill {
    bottom: -.25rem;
    width: 3.5rem
}

.market-games-item:where(.market-games-item--rust) .icon {
    width: 1.25rem
}

@media (min-width: 540px) {
    .market-games-item:where(.market-games-item--rust) .icon {
        width: 1.375rem
    }
}

@media (min-width: 1024px) {
    .withdrawal-market .market-games {
        flex-direction: row
    }
}

.withdrawal-market .market-games-item {
    height: 3rem
}

.market-items-wrapper {
    position: relative;
    order: 5;
    margin-left: -.625rem;
    margin-right: -.625rem;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@media (min-width: 1024px) {
    .market-items-wrapper {
        margin-right: -1.25rem;
        margin-left: 0;
        border-bottom-right-radius: 1.25rem
    }
}

.market-items {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    place-content: start;
    gap: .375rem;
    overflow: auto;
    overscroll-behavior: contain;
    padding: .75rem .625rem;
    --scrollbar-mb: .75rem;
    --scrollbar-mt: .75rem
}

@media (min-width: 540px) {
    .market-items {
        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr))
    }
}

@media (min-width: 1024px) {
    .market-items {
        margin-right: .5625rem;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        padding-bottom: 1.25rem;
        padding-left: 0;
        padding-right: .6875rem;
        --scrollbar-mb: 1.25rem
    }

    [data-inventory-mini] .market-items {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .withdrawal-market .market-items {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .withdrawal-market .market-items .drop {
        aspect-ratio: 1 / 1.15
    }
}

.market-sidebar {
    display: contents;
    width: 100%;
    flex-shrink: 0;
    flex-direction: column;
    padding-top: .25rem
}

@media (min-width: 1024px) {
    .market-sidebar {
        display: flex;
        height: 100%;
        padding-bottom: 1.25rem
    }

    .withdrawal-market .market-sidebar {
        height: auto;
        padding-bottom: .5rem
    }
}

.market-controls-bottom {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: stretch;
    gap: 1px;
    overflow: hidden;
    border-radius: .75rem
}

@media (min-width: 1024px) {
    .market-controls-bottom {
        display: flex
    }

    .withdrawal-market .market-controls-bottom {
        margin-top: -.375rem
    }
}

.withdrawal-market .market-controls-bottom {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "search search" "max-price hot-max-prices"
}

.market-search {
    position: relative;
    grid-column: span 3 / span 3;
    display: flex;
    height: 2.75rem;
    flex-grow: 1;
    align-items: center
}

@media (min-width: 1024px) {
    .market-search {
        height: 3.125rem
    }

    .withdrawal-market .market-search {
        grid-column: auto;
        grid-area: search
    }
}

.market-max-price {
    position: relative;
    grid-column: span 2 / span 2;
    display: flex;
    height: 2.75rem;
    align-items: center
}

@media (min-width: 1024px) {
    .market-max-price {
        height: 3.125rem;
        width: 10rem
    }

    [data-inventory-mini] .market-max-price {
        width: 7.75rem
    }
}

.withdrawal-market .market-max-price {
    grid-column: auto;
    grid-area: max-price;
    width: 8.5rem
}

.market-hot-max-prices {
    grid-column: 1 / -1;
    display: flex;
    gap: 1px
}

@media (min-width: 1024px) {
    .market-hot-max-prices {
        display: contents
    }

    .withdrawal-market .market-hot-max-prices {
        grid-column: auto;
        display: flex;
        grid-area: hot-max-prices
    }
}

.market-hot-price-btn {
    width: 4rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden;
    background-color: #262f4c;
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

@media not all and (min-width: 1024px) {
    .market-hot-price-btn {
        flex-grow: 1
    }
}

@media (min-width: 1024px) {
    .withdrawal-market .market-hot-price-btn {
        width: 4.75rem;
        min-width: 0px
    }

    .withdrawal-market .market-hot-price-btn:nth-child(3) {
        display: none
    }
}

.market-hot-price-input {
    width: 4rem;
    background-color: #262f4c;
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase
}

@media not all and (min-width: 1024px) {
    .market-hot-price-input {
        flex-grow: 1
    }
}

@media (min-width: 1024px) {
    .withdrawal-market .market-hot-price-input {
        width: 4.75rem;
        min-width: 0px
    }

    .withdrawal-market .market-hot-price-input:nth-child(3) {
        display: none
    }
}

:where([data-bookmaker-selection-status=win]) {
    --from: #4afdff1a
}

:where([data-bookmaker-selection-status=lose]) {
    --from: #ed424224
}

:where([data-bookmaker-market-status="5"]) {
    --color: #eabd72
}

:where([data-bookmaker-market-status="1"]) {
    --color: #7bdb92
}

:where([data-bookmaker-market-status="2"]) {
    --color: #7bdb92
}

:where([data-bookmaker-market-status="3"]) {
    --color: #ea7272
}

:where([data-bookmaker-coupon-status="1"]) {
    --color: #eabd72
}

:where([data-bookmaker-coupon-status="2"]) {
    --color: #7bdb92
}

:where([data-bookmaker-coupon-status="3"]) {
    --color: #ea7272
}

:where([data-bookmaker-coupon-status="4"]) {
    --color: #fff
}

#bookmaker-coupon #inventory-withdraw-btn-short {
    display: none
}

#bookmaker-coupon #inventory-sidebar-btns-short {
    display: flex
}

.bets-cases {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2rem;
    margin-top: -1.5rem;
    display: grid;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 17rem;
    position: relative;
    height: 12rem;
    scale: .86
}

.bets-cases a,
.bets-cases>img {
    grid-column-start: 1;
    grid-row-start: 1;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bets-cases:has([data-timer]) a {
    opacity: .25
}

.bets-cases a:nth-of-type(1) {
    translate: -4rem;
    -webkit-clip-path: polygon(79% 0, 0 0, 0 100%, 44% 100%);
    clip-path: polygon(79% 0, 0 0, 0 100%, 44% 100%)
}

.bets-cases a:nth-of-type(2) {
    -webkit-clip-path: polygon(45% 0, 90% 0, 53% 100%, 12% 100%);
    clip-path: polygon(45% 0, 90% 0, 53% 100%, 12% 100%)
}

.bets-cases a:nth-of-type(2) img {
    -webkit-clip-path: polygon(50% 0, 85% 0, 50% 100%, 15% 100%);
    clip-path: polygon(50% 0, 85% 0, 50% 100%, 15% 100%)
}

.bets-cases a:nth-of-type(3) {
    translate: 3rem;
    -webkit-clip-path: polygon(100% 0, 64% 0, 29% 100%, 100% 100%);
    clip-path: polygon(100% 0, 64% 0, 29% 100%, 100% 100%)
}

@media (min-width: 1024px) {
    .bets-cases:has(a:hover)>a {
        opacity: 0
    }
}

.bets-cases>img {
    opacity: 0;
    pointer-events: none;
    grid-column-start: 1;
    grid-row-start: 1;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (min-width: 1024px) {
    .bets-cases a:nth-of-type(1):hover~img:nth-of-type(1) {
        opacity: 100
    }

    .bets-cases a:nth-of-type(2):hover~img:nth-of-type(2) {
        opacity: 100
    }

    .bets-cases a:nth-of-type(3):hover~img:nth-of-type(3) {
        opacity: 100
    }
}

:where([data-drop-type=blue], [data-item-color="1"], [data-item-color="22"]) {
    --stroke: #62a0f8;
    --bg: rgb(61 118 209 / 100%);
    --from: rgb(61 118 209 / 70%);
    --to: rgb(50 62 102 / 14%);
    --color: #a6d4ff;
    --border: #a6d4ff1a
}

:where([data-drop-type=freebet], [data-item-color="4"]) {
    --stroke: #a6dfff;
    --bg: rgb(61 118 209 / 100%);
    --from: rgb(67 163 231 / 70%);
    --to: rgb(50 62 102 / 14%);
    --color: #a6dfff;
    --border: #a6d8ff1a
}

:where([data-drop-type=purple], [data-item-color="3"], [data-item-color="23"]) {
    --stroke: #6f6ffd;
    --bg: rgb(85 85 242 / 100%);
    --from: rgb(85 85 242 / 70%);
    --to: rgb(50 51 102 / 14%);
    --color: #b4b6ff;
    --border: #b4b6ff1a
}

:where([data-drop-type=pink], [data-item-color="5"], [data-item-color="21"]) {
    --stroke: #ef7afa;
    --bg: rgb(205 83 216 / 100%);
    --from: rgb(205 83 216 / 70%);
    --to: rgb(74 50 102 / 14%);
    --color: #f2bdff;
    --border: #f2bdff1a
}

:where([data-drop-type=red], [data-item-color="7"], [data-item-color="27"]) {
    --stroke: #fc6a77;
    --bg: rgb(240 87 101 / 100%);
    --from: rgb(240 87 101 / 70%);
    --to: rgb(102 50 70 / 14%);
    --color: #ffb6b7;
    --border: #ffb6b71a
}

:where([data-drop-type=gray], [data-item-color="2"], [data-item-color="24"]) {
    --stroke: #8794c2;
    --bg: rgb(89 98 129 / 100%);
    --from: rgb(89 98 129 / 70%);
    --to: rgb(52 62 96 / 14%);
    --color: #c3c7d8;
    --border: #c3c7d81a
}

:where([data-drop-type=gold], [data-item-color="6"], [data-item-color="25"]) {
    --stroke: #fab27f;
    --bg: rgb(197 121 90 / 100%);
    --from: rgb(197 121 90 / 70%);
    --to: rgb(154 91 72 / 14%);
    --color: #ffccb9;
    --border: #ffccb91a
}

:where([data-item-color="28"]) {
    --hue: 67;
    --stroke: oklch(.82 .11 var(--hue));
    --bg: oklch(.65 .11 var(--hue));
    --from: oklch(.65 .11 var(--hue) / .7);
    --to: oklch(.54 .09 var(--hue) / .14);
    --color: oklch(.88 .06 var(--hue));
    --border: oklch(.88 .06 var(--hue) / .1)
}

:where([data-item-color="20"]) {
    --stroke: #b0c3d9;
    --bg: #b0c3d9;
    --from: rgb(176 195 217 / 60%);
    --to: rgb(176 195 217 / 10%);
    --color: #b0c3d9;
    --border: #b0c3d91a
}

:where([data-item-color="26"]) {
    --hue: 129;
    --stroke: oklch(.55 .23 var(--hue));
    --bg: oklch(.55 .23 var(--hue));
    --from: oklch(.9 .3 var(--hue) / .3);
    --to: oklch(.6 .15 var(--hue) / .15);
    --color: oklch(.8 .2 var(--hue));
    --border: oklch(.8 .1 var(--hue) / .1)
}

.select-game {
    display: flex;
    width: 100%;
    gap: .375rem
}

.select-game__btn {
    height: 3.25rem;
    justify-content: flex-start;
    gap: .75rem;
    overflow: hidden;
    border-radius: .75rem;
    background-color: #242c48;
    background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    padding-left: 1.125rem;
    padding-right: 3.75rem;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media not all and (min-width: 450px) {
    .select-game__btn {
        flex-grow: 1
    }
}

@media (min-width: 540px) {
    .select-game__btn {
        padding-right: 5rem
    }
}

@media (min-width: 1024px) {
    .select-game__btn {
        height: 4rem;
        border-radius: 1rem
    }
}

.select-game__btn[data-name=cs] {
    color: #ffc6b0;
    --from: #c17a5eb3;
    --to: #995a4659
}

.select-game__btn[data-name=cs] .icon {
    margin-left: -.125rem;
    margin-top: -.125rem;
    width: 2.5rem
}

.select-game__btn[data-name=dota] {
    color: #ff7d7d;
    --from: #a63741b3;
    --to: #b7323e59
}

.select-game__btn[data-name=dota] .icon {
    margin-right: .25rem;
    width: 1.375rem
}

.select-game__ill {
    position: absolute;
    background-size: contain;
    background-position: bottom;
    -webkit-mask-image: linear-gradient(-180deg, black, black, #00000045);
    mask-image: linear-gradient(-180deg, black, black, #00000045)
}

.select-game__btn[data-name=cs] .select-game__ill {
    right: 0;
    bottom: 0;
    aspect-ratio: 249/170;
    width: 4.5rem
}

@media (min-width: 1024px) {
    .select-game__btn[data-name=cs] .select-game__ill {
        width: 5rem
    }
}

.select-game__btn[data-name=cs] .select-game__ill {
    background-image: url(/img/csgo-ill.webp)
}

.select-game__btn[data-name=dota] .select-game__ill {
    bottom: 0;
    right: -2rem;
    aspect-ratio: 465/201;
    width: 8rem
}

@media (min-width: 1024px) {
    .select-game__btn[data-name=dota] .select-game__ill {
        width: 9rem
    }
}

.select-game__btn[data-name=dota] .select-game__ill {
    background-image: url(/img/dota2-ill-2.webp)
}

.select-game--wide {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    .select-game--wide .select-game__btn[data-name=dota] .select-game__ill {
        background-image: url(/img/dota2-ill.webp)
    }
}

.battlepass-wrapper {
    padding: 3.5rem 1rem 1rem
}

@media (min-width: 1024px) {
    .battlepass-wrapper {
        padding: 1.25rem
    }
}

.battlepass-wrapper {
    background-image: linear-gradient(0deg, #232c48, #1c233a);
    border-radius: 1.125rem
}

.battlepass {
    aspect-ratio: 1200 / 940;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    .battlepass {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.battlepass {
    gap: .5rem;
    position: relative
}

@media (min-width: 1024px) {
    .battlepass {
        gap: 1.7rem 2.875rem
    }
}

.battlepass-group {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
    position: relative;
    z-index: 1;
    pointer-events: none
}

@media (min-width: 1024px) {
    .battlepass-group {
        gap: 3rem
    }

    .battlepass-group:nth-of-type(3) .battlepass-level-2,
    .battlepass-group:nth-of-type(4) .battlepass-level-2 {
        order: -1
    }
}

.battlepass-level-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .75rem
}

@media (min-width: 1024px) {
    .battlepass-level-1 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem
    }
}

.battlepass-level-2 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    .battlepass-level-2 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.battlepass-level-2 {
    gap: 1rem;
    position: relative
}

.battlepass-level-2:before {
    content: ""
}

.battlepass-level-2-title {
    top: 0;
    height: 100%;
    left: 4.5rem;
    text-align: center
}

@media not all and (min-width: 1024px) {
    .battlepass-level-3 {
        grid-column: 1 / -1
    }
}

.battlepass-level-3 {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 2rem;
    z-index: 3
}

@media (min-width: 1024px) {
    .battlepass-level-3 {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        translate: -50% -50%;
        width: 10rem
    }
}

.battlepass-level-3:before {
    content: "";
    position: absolute;
    background-color: #1c233a;
    z-index: -1;
    border-radius: 1.25rem;
    display: none
}

@media (min-width: 1024px) {
    .battlepass-level-3:before {
        display: block;
        top: -.8rem;
        right: -.8rem;
        bottom: -.8rem;
        left: -.8rem
    }
}

.battlepass-item {
    background-color: #363e5d;
    border-radius: .875rem;
    z-index: 2;
    pointer-events: auto;
    position: relative;
    aspect-ratio: .68;
    width: 100%
}

.battlepass-level-3 .battlepass-item {
    aspect-ratio: .75
}

@media (min-width: 540px) {
    .battlepass-item {
        aspect-ratio: .75
    }
}

@media (min-width: 768px) {
    .battlepass-item {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1024px) {
    .battlepass-item {
        max-width: none;
        aspect-ratio: 128/196
    }

    .battlepass-level-3 .battlepass-item {
        aspect-ratio: 160/224
    }
}

.battlepass-item {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.battlepass-item:is([data-current=true], [data-has-reward=true]):before {
    content: "";
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    bottom: -.25rem;
    left: -.25rem;
    background-color: #1c233a;
    z-index: -1;
    border-radius: 1rem;
    border: 1px solid #4b567c
}

.battlepass-item .drop {
    height: 100%;
    padding-bottom: 5rem
}

.battlepass-level-3 .battlepass-item .drop {
    padding-bottom: 3rem
}

@media (min-width: 540px) {

    .battlepass-item .drop,
    .battlepass-level-3 .battlepass-item .drop {
        padding-bottom: 3.25rem
    }
}

.battlepass-item .drop__footer {
    bottom: 3.75rem
}

@media (min-width: 540px) {
    .battlepass-item .drop__footer {
        bottom: 3.25rem
    }

    .battlepass-item .drop__price {
        bottom: 0
    }
}

.battlepass-item:not([data-taken=true], [data-current=true], [data-visible=true], [data-has-reward=true], [data-initial=true]) {
    opacity: .5
}

@media (hover: hover) and (pointer: fine) {
    .battlepass-item:not([data-taken=true], [data-current=true], [data-visible=true], [data-has-reward=true], [data-initial=true]):hover {
        opacity: 1
    }
}

.battlepass-item[data-has-reward=true]:before {
    border: 1px solid #ffc6b0
}

.battlepass-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    left: 50%;
    height: .75rem;
    width: 1px;
    background-color: currentColor;
    color: #354167
}

@media (min-width: 1024px) {
    .battlepass-item:after {
        display: none
    }
}

.battlepass-level-3 .battlepass-item:after {
    display: none
}

.battlepass-item[data-taken=true]:after {
    color: #586592
}

.battlepass-item:last-of-type:after {
    height: 3rem
}

.battlepass-level-2 .battlepass-item:last-of-type:after {
    height: 3.5rem
}

.battlepass-group:first-child .battlepass-level-2 .battlepass-item:last-of-type:after {
    height: 8rem;
    width: 100%;
    background-color: transparent;
    border-left: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-radius: 0 0 0 2rem
}

.battlepass-group:nth-child(4) .battlepass-level-2 .battlepass-item:last-of-type:after {
    height: 8rem;
    width: 100%;
    transform: translate(-100%, 100%);
    background-color: transparent;
    border-right: 1px;
    border-bottom: 1px;
    border-style: solid;
    border-radius: 0 0 2rem
}

.battlepass-group-lines-level-1 {
    position: absolute;
    left: 3.75rem;
    top: 9.825rem;
    height: 3rem;
    width: calc(100% - 7.5rem);
    fill: none;
    stroke: #2c3554;
    stroke-width: 1
}

.battlepass-group-lines-level-1 path[data-taken=true] {
    stroke: #4b567c
}

.battlepass-group-lines-level-2 {
    position: absolute;
    top: 13rem;
    height: 13.125rem;
    width: calc(100% - 3.4rem);
    left: 5rem;
    fill: none;
    stroke: #2c3554;
    stroke-width: 1;
    z-index: 2
}

.battlepass-group-lines-level-2 path[data-taken=true] {
    stroke: #4b567c
}

@media not all and (min-width: 540px) {
    :is(.battlepass-level-1, .battlepass-level-2) :is(.drop__title, .drop__description) {
        display: none
    }

    :is(.battlepass-level-1, .battlepass-level-2) .drop {
        padding-bottom: 2.25rem
    }

    :is(.battlepass-level-1, .battlepass-level-2) .drop__header {
        display: contents
    }
}

:is(.battlepass-level-1, .battlepass-level-2) .drop__quality {
    top: .325rem;
    right: .325rem;
    position: absolute
}

@media (min-width: 540px) {
    :is(.battlepass-level-1, .battlepass-level-2) .drop__quality {
        position: static
    }
}

:is(.battlepass-level-1, .battlepass-level-2) .drop__price {
    position: absolute;
    bottom: 2.375rem;
    left: 0;
    right: 0;
    text-align: center
}

@media (min-width: 540px) {
    :is(.battlepass-level-1, .battlepass-level-2) .drop__price {
        position: static
    }
}

@media not all and (min-width: 1024px) {
    .battlepass-level-3 {
        grid-column: span 2 / span 2;
        grid-column-start: 2
    }
}

.battlepass-group-lines {
    position: absolute;
    top: 2.375rem;
    right: 0;
    bottom: 2.375rem;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.battlepass-group:nth-child(2) .battlepass-group-lines {
    scale: -1 1;
    translate: 0 -.5px
}

.battlepass-group:nth-child(2) .battlepass-level-1 {
    scale: -1 1
}

.battlepass-group:nth-child(2) .battlepass-level-1 .battlepass-item {
    scale: -1 1
}

@media (min-width: 1024px) {
    .battlepass-group:nth-child(2) .battlepass-level-2 .battlepass-item:first-child {
        order: 999
    }
}

.battlepass-group:nth-child(3) .battlepass-group-lines {
    scale: 1 -1
}

.battlepass-group:nth-child(4) .battlepass-group-lines {
    scale: -1 -1
}

.battlepass-group:nth-child(4) .battlepass-level-1 {
    scale: -1 1
}

.battlepass-group:nth-child(4) .battlepass-level-1 .battlepass-item {
    scale: -1 1
}

@media (min-width: 1024px) {
    .battlepass-group:nth-child(4) .battlepass-level-2 .battlepass-item:first-child {
        order: 999
    }
}

.battlepass-group:nth-child(1) .battlepass-level-2-title,
.battlepass-group:nth-child(3) .battlepass-level-2-title {
    scale: -1
}

.battlepass-group:nth-child(2) .battlepass-level-2-title,
.battlepass-group:nth-child(4) .battlepass-level-2-title {
    left: auto;
    right: 4.5rem
}

.battlepass-level-title {
    font-size: .9375rem;
    color: #747e9d;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute
}

.battlepass-level-1-title {
    position: absolute;
    height: 9.5rem;
    left: calc(50% - .55rem);
    text-align: center
}

@media not all and (min-width: 1024px) {
    .battlepass-level-1-title {
        display: none
    }
}

.battlepass-level-1-title--top {
    top: 1.25rem;
    scale: -1;
    margin-left: -.125rem
}

.battlepass-level-1-title--bottom {
    bottom: 1.25rem
}

.battlepass-level-3-title {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    text-align: center;
    font-size: 1.125rem
}

.battlepass-level-3-title--top {
    top: -2.125rem
}

@media (min-width: 1024px) {
    .battlepass-level-3-title--top {
        top: -3.5rem
    }
}

.battlepass-level-3-title--bottom {
    bottom: -2rem
}

@media (min-width: 1024px) {
    .battlepass-level-3-title--bottom {
        bottom: -3.25rem
    }
}

.battlepass-mob-level-title {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: auto
}

.battlepass-mob-level-title--1 {
    top: -2.375rem
}

.battlepass-mob-level-title--2 {
    top: 10rem
}

@media not all and (min-width: 1024px) {
    .battlepass-level-2-title {
        display: none
    }
}

@media (max-width: 1023px) {
    .battlepass-group:first-child .battlepass-level-2-title {
        display: block;
        writing-mode: initial;
        text-orientation: initial;
        position: absolute;
        top: -1.25rem;
        left: 0;
        width: calc(100vw - 3.25rem);
        scale: none;
        -webkit-background-clip: text;
        background-clip: text;
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.25;
        color: transparent;
        background-image: linear-gradient(#b7c0e1, white);
        background-position: 0 .5px
    }
}

.box-battle-round {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    row-gap: 1rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .box-battle-round {
        row-gap: .625rem
    }
}

.box-battle-round {
    width: 100%;
    flex-wrap: wrap;
    --w: 7.5rem;
    --w-sm: 18rem;
    align-content: flex-start
}

@media (min-width: 1024px) {
    .box-battle-round {
        --w: 19rem;
        padding-left: calc(var(--w-sm) - .75rem);
        padding-right: calc(var(--w-sm) - .75rem)
    }

    .box-battle-round[data-status=PENDING] {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .box-battle-round {
        --w-sm: 20rem;
        --w: 26rem;
        flex-wrap: nowrap
    }
}

.box-battle-side {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center
}

@media (min-width: 1024px) {
    .box-battle-side {
        width: var(--w-sm)
    }

    [data-status=PENDING] .box-battle-side {
        width: var(--w)
    }
}

[data-status=WAITING] .box-battle-side {
    opacity: 0
}

.box-battle-side--left {
    text-align: right;
    height: 6rem;
    left: 0
}

@media (min-width: 1024px) {
    .box-battle-side--left {
        left: -.75rem;
        height: 100%
    }
}

.box-battle-side--left {
    top: 0
}

@media not all and (min-width: 1024px) {
    .box-battle-side--left {
        right: 0
    }
}

@media not all and (min-width: 1024px) {
    .box-battle-side--right {
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media (min-width: 1024px) {
    .box-battle-side--right {
        top: 0;
        right: -.75rem
    }
}

.box-battle-side--right {
    height: 3.875rem
}

@media (min-width: 1024px) {
    .box-battle-side--right {
        height: 100%
    }
}

[data-status=PENDING] .box-battle-side--right {
    translate: 0 100%
}

@media (min-width: 1024px) {
    [data-status=PENDING] .box-battle-side--right {
        translate: 4rem
    }
}

.box-battle-side-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 2.25rem
}

:where(.box-battle-side--left) .box-battle-side-arrow {
    right: 0;
    background-image: linear-gradient(0deg, #2e2c41, #5c464e, #efbead, #5c464e, #2e2c41)
}

:where(.box-battle-side--right) .box-battle-side-arrow {
    left: 0;
    background-image: linear-gradient(0deg, #26334e, #406177, #9cf4f6, #406177, #26334e)
}

.box-battle-side-arrow-top {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.box-battle-side--left .box-battle-side-arrow-top {
    --angle: 90deg;
    margin-right: .15rem
}

@media (min-width: 1024px) {
    .box-battle-side--left .box-battle-side-arrow-top {
        margin-right: .25rem
    }
}

.box-battle-side--left .box-battle-side-arrow-top {
    background-image: linear-gradient(var(--angle), #1e253c 25%, #383247 100%)
}

.box-battle-side--right .box-battle-side-arrow-top {
    --angle: -90deg;
    margin-left: .15rem
}

@media (min-width: 1024px) {
    .box-battle-side--right .box-battle-side-arrow-top {
        margin-left: .25rem
    }
}

.box-battle-side--right .box-battle-side-arrow-top {
    background-image: linear-gradient(var(--angle), #1e253c 25%, #293956 100%)
}

.box-battle-side-arrow-top .dots-ill {
    width: 10rem;
    background-color: #ffcab5;
    opacity: .06;
    top: 50%;
    translate: 0 -50%;
    pointer-events: none
}

@media (min-width: 1024px) {
    .box-battle-side-arrow-top .dots-ill {
        width: 15rem
    }
}

.box-battle-side--left .box-battle-side-arrow-top .dots-ill {
    right: -5rem
}

.box-battle-side--right .box-battle-side-arrow-top .dots-ill {
    left: -5rem
}

.box-battle-status-game {
    position: relative;
    z-index: 2;
    font-size: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.25
}

@media (min-width: 1024px) {
    .box-battle-status-game {
        font-size: .6875rem
    }
}

.box-battle-status-game div:first-child {
    font-weight: 700;
    color: #a2feff
}

.box-battle-side--left .box-battle-status-game {
    padding-right: 1.25rem
}

@media (min-width: 1024px) {
    .box-battle-side--left .box-battle-status-game {
        padding-right: 2.5rem
    }
}

.box-battle-side--right .box-battle-status-game {
    padding-left: 1.25rem
}

@media (min-width: 1024px) {
    .box-battle-side--right .box-battle-status-game {
        padding-left: 2.5rem
    }
}

[data-round="0"]:has(.roulette-is-animating) :nth-child(1)>[data-round-item],
[data-round="1"]:has(.roulette-is-animating) :nth-child(2)>[data-round-item],
[data-round="2"]:has(.roulette-is-animating) :nth-child(3)>[data-round-item],
[data-round="3"]:has(.roulette-is-animating) :nth-child(4)>[data-round-item],
[data-round="4"]:has(.roulette-is-animating) :nth-child(5)>[data-round-item],
[data-round="5"]:has(.roulette-is-animating) :nth-child(6)>[data-round-item] {
    opacity: 0
}

:where([data-league=default], [data-league-colors=blue]) {
    --from: #3d76d1b3;
    --to: #3d76d121;
    --color: #c2ddff;
    --color-title: #b7dae1;
    --label-bg: linear-gradient(#2e62b5, #74a9ff);
    --label-bg-2: #2D4278;
    --label-color: white;
    --border: #5c8bd9;
    --bg: #4875c280;
    --ill: url(/img/league-1.webp);
    --btn-bg: linear-gradient(90deg, #96bcff, #649cff);
    --btn-color: #24324e
}

:where([data-league=silver], [data-league-colors=light-blue]) {
    --from: #3d83d1b3;
    --to: #3d83d121;
    --color: #c2e6ff;
    --color-title: #b7dae1;
    --label-bg: linear-gradient(#2e71b5, #74c2ff);
    --label-bg-2: #2E537D;
    --label-color: white;
    --border: #5ca3d9;
    --bg: #4887c280;
    --ill: url(/img/league-2.webp);
    --btn-bg: linear-gradient(90deg, #96c7ff, #64b1ff);
    --btn-color: #24334b
}

:where([data-league=master], [data-league-colors=purple]) {
    --from: #554ee0b3;
    --to: #7a70fb21;
    --color: #c3c2ff;
    --color-title: #b7c0e1;
    --label-bg: linear-gradient(#5e45d8, #7481ff);
    --label-bg-2: #393B7E;
    --label-color: white;
    --border: #666beb;
    --bg: #545bde80;
    --ill: url(/img/league-3.webp);
    --btn-bg: linear-gradient(90deg, #a1acff, #7380ff);
    --btn-color: #2c2f5b
}

:where([data-league=legend], [data-league-colors=pink]) {
    --from: #a14ee0b3;
    --to: #b870fb21;
    --color: #e2c2ff;
    --color-title: #ebcbfe;
    --label-bg: linear-gradient(#8e45d8, #e074ff);
    --label-bg-2: #553B80;
    --label-color: white;
    --border: #c166eb;
    --bg: #a954de80;
    --ill: url(/img/league-4.webp);
    --btn-bg: linear-gradient(90deg, #c0a1ff, #c973ff);
    --btn-color: #3f2c5b
}

:where([data-league=elite], [data-league-colors=green]) {
    --from: #3dcfd1b3;
    --to: #57ffdd21;
    --color: #c2ffe3;
    --color-title: #b7e1d0;
    --label-bg: linear-gradient(#2a80a4, #52d5ca);
    --label-bg-2: #2E7076;
    --label-color: white;
    --border: #5cd2d9;
    --bg: #48c1c280;
    --ill: url(/img/league-5.webp);
    --btn-bg: linear-gradient(90deg, #a1ffda, #73fff3);
    --btn-color: #254452
}

:where([data-league=csgorun], [data-league-colors=orange]) {
    --from: #e07e4eb3;
    --to: #e07e4e21;
    --color: #ffc6b0;
    --color-title: #fed1cb;
    --label-bg: linear-gradient(#d88045, #ffbc74);
    --label-bg-2: #6E4849;
    --label-color: #3a3040;
    --border: #df9167;
    --bg: #de7f5480;
    --ill: url(/img/league-6.webp);
    --btn-bg: linear-gradient(90deg, #ffd4c2, #fcbca3);
    --btn-color: #5b382c
}

:where([data-league-colors=red]) {
    --from: #ed424252;
    --to: #ed424221;
    --color: #ff8b8b;
    --color-title: #fed1cb;
    --label-bg: linear-gradient(#D8455A, #FF748E);
    --label-color: #3a3040;
    --border: #703e44;
    --bg: #e35a5a29;
    --ill: url(/img/league-6.webp);
    --btn-bg: linear-gradient(90deg, #ffd4c2, #fcbca3);
    --btn-color: #5b382c
}

@media not all and (min-width: 768px) {
    .robokeeper-wrapper {
        overflow: hidden
    }
}

@media (min-width: 768px) {
    .robokeeper-wrapper {
        border-radius: 1.25rem
    }
}

.robokeeper-wrapper {
    width: 56.25rem;
    max-width: 100vw;
    background: linear-gradient(90deg, #232C48, #1C233A);
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 1.5rem 1.125rem
}

@media (min-width: 540px) {
    .robokeeper-wrapper {
        padding: 2.25rem 1.125rem 2.5rem
    }
}

@media (min-width: 1024px) {
    .robokeeper-wrapper {
        padding: 2.25rem 3rem 2.5rem
    }
}

.robokeeper-wrapper svg {
    pointer-events: none
}

.robokeeper-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: inherit;
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url(/img/robokeeper/robokeeper-bg.webp)
}

.robokeeper-person {
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
    transform-origin: 50% 100%;
    transition: .5s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

[data-robokeper-spot="1"] .robokeeper-person {
    rotate: -75.5deg
}

[data-robokeper-spot="2"] .robokeeper-person {
    rotate: -41.25deg
}

[data-robokeper-spot="3"] .robokeeper-person {
    rotate: 44deg
}

[data-robokeper-spot="4"] .robokeeper-person {
    rotate: 77deg
}

.robokeeper-gate {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    margin-left: auto;
    margin-right: auto
}

.robokeeper-ball-ill {
    background-image: url(/img/robokeeper/robokeeper-ball.svg);
    background-size: contain;
    transition: .5s translate, .5s opacity;
    --zoom: 1;
    display: none
}

@media (min-width: 540px) {
    .robokeeper-ball-ill {
        display: block
    }
}

.robokeeper-wrapper:has(.robokeeper-spot:not(:disabled):active) .robokeeper-ball-ill {
    --zoom: 1.5
}

.robokeeper-wrapper:has(.robokeeper-spot:not(:disabled):hover) .robokeeper-ball-ill {
    translate: calc(var(--x) * var(--zoom)) calc(var(--y) * var(--zoom))
}

.robokeeper-ball-ill--1 {
    position: absolute;
    top: 5.5rem;
    left: 3.75rem;
    aspect-ratio: 1 / 1;
    width: 2.25rem;
    border-radius: 9999px;
    background-size: contain;
    opacity: .4;
    filter: blur(.125rem);
    transform: translateZ(0)
}

.robokeeper-wrapper:has(.robokeeper-spot--1:is(:hover, :active)) .robokeeper-ball-ill--1 {
    --x: .125rem;
    --y: .25rem
}

.robokeeper-wrapper:has(.robokeeper-spot--2:is(:hover, :active)) .robokeeper-ball-ill--1 {
    --x: .25rem;
    --y: .125rem
}

.robokeeper-wrapper:has(.robokeeper-spot--3:is(:hover, :active)) .robokeeper-ball-ill--1 {
    --x: .5rem;
    --y: .1rem
}

.robokeeper-wrapper:has(.robokeeper-spot--4:is(:hover, :active)) .robokeeper-ball-ill--1 {
    --x: .25rem;
    --y: .075rem
}

.robokeeper-ball-ill--2 {
    position: absolute;
    top: -1.75rem;
    left: 12rem;
    aspect-ratio: 1 / 1;
    width: 3.625rem;
    border-radius: 9999px;
    background-size: contain;
    box-shadow: 1.25rem 1.5rem 1rem #0000001a, 0 0 1rem #1541ae99
}

.robokeeper-wrapper:has(.robokeeper-spot--1:is(:hover, :active)) .robokeeper-ball-ill--2 {
    --x: 0rem;
    --y: .5rem
}

.robokeeper-wrapper:has(.robokeeper-spot--2:is(:hover, :active)) .robokeeper-ball-ill--2 {
    --x: .125rem;
    --y: .5rem
}

.robokeeper-wrapper:has(.robokeeper-spot--3:is(:hover, :active)) .robokeeper-ball-ill--2 {
    --x: .5rem;
    --y: .5rem
}

.robokeeper-wrapper:has(.robokeeper-spot--4:is(:hover, :active)) .robokeeper-ball-ill--2 {
    --x: .6rem;
    --y: .5rem
}

.robokeeper-ball-ill--3 {
    position: absolute;
    top: 16rem;
    right: -.75rem;
    aspect-ratio: 1 / 1;
    width: 3rem;
    border-radius: 9999px;
    background-size: contain;
    box-shadow: -1.25rem 1.5rem 1rem #0000001a, 0 0 1rem #1541ae99
}

.robokeeper-wrapper:has(.robokeeper-spot--1:is(:hover, :active)) .robokeeper-ball-ill--3 {
    --x: -.5rem;
    --y: .125rem
}

.robokeeper-wrapper:has(.robokeeper-spot--2:is(:hover, :active)) .robokeeper-ball-ill--3 {
    --x: -.5rem;
    --y: -.125rem
}

.robokeeper-wrapper:has(.robokeeper-spot--3:is(:hover, :active)) .robokeeper-ball-ill--3 {
    --x: -.5rem;
    --y: -.125rem
}

.robokeeper-wrapper:has(.robokeeper-spot--4:is(:hover, :active)) .robokeeper-ball-ill--3 {
    --x: -.6rem;
    --y: .5rem
}

.robokeeper-spot {
    width: 6.6%;
    background-color: #161628cc;
    border-radius: 99%;
    aspect-ratio: 1 / 1;
    position: absolute;
    border: 1px solid #3A4871;
    -webkit-backdrop-filter: blur(.125rem);
    backdrop-filter: blur(.125rem);
    transition: .2s;
    pointer-events: auto;
    transform: translateZ(0)
}

.robokeeper-spot:not(:active, :disabled):hover {
    scale: 1.1
}

.robokeeper-spot:before {
    content: "";
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border-radius: 50%
}

.robokeeper-spot svg {
    opacity: 0;
    transition: .15s;
    transition-timing-function: ease-in-out
}

[data-is-game-started]:not([data-ball-spot], [data-is-pending]) .robokeeper-spot svg {
    opacity: 1
}

.robokeeper-spot circle:nth-child(1) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite 1s
}

.robokeeper-spot circle:nth-child(2) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite .5s
}

.robokeeper-spot circle:nth-child(3) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.robokeeper-spot:not(:disabled, :hover):active {
    scale: .95
}

@supports not (offset-anchor:100%) {
    .robokeeper-spot:after {
        content: "";
        position: absolute;
        top: 6%;
        right: 6%;
        bottom: 6%;
        left: 6%;
        background-size: contain;
        background-image: url(/img/robokeeper/robokeeper-ball.svg);
        visibility: hidden
    }
}

.robokeeper-spot--1 {
    top: 71%;
    left: 14%
}

@supports not (offset-anchor:100%) {
    [data-ball-spot="1"] .robokeeper-spot--1:after {
        visibility: visible;
        transition: 50ms;
        transition-delay: .3s
    }
}

.robokeeper-spot--2 {
    top: 24.25%;
    left: 22.5%
}

@supports not (offset-anchor:100%) {
    [data-ball-spot="2"] .robokeeper-spot--2:after {
        visibility: visible;
        transition: 50ms;
        transition-delay: .3s
    }
}

.robokeeper-spot--3 {
    top: 24.25%;
    right: 22.5%
}

@supports not (offset-anchor:100%) {
    [data-ball-spot="3"] .robokeeper-spot--3:after {
        visibility: visible;
        transition: 50ms;
        transition-delay: .3s
    }
}

.robokeeper-spot--4 {
    top: 71%;
    right: 14%
}

@supports not (offset-anchor:100%) {
    [data-ball-spot="4"] .robokeeper-spot--4:after {
        visibility: visible;
        transition: 50ms;
        transition-delay: .3s
    }
}

.robokeeper-ball {
    position: absolute;
    bottom: -18%;
    left: 50%;
    translate: -50% 0;
    aspect-ratio: 1 / 1;
    transform-origin: 50% 50%;
    width: 12%
}

[data-ball-spot] .robokeeper-ball {
    top: 0;
    left: 0;
    bottom: auto
}

@supports (offset-anchor:100%) {
    [data-ball-spot] .robokeeper-ball {
        offset-rotate: 0deg;
        offset-anchor: left center;
        animation: moveBall .5s ease-out forwards;
        animation-composition: add
    }
}

@supports not (offset-anchor:100%) {
    [data-ball-spot] .robokeeper-ball {
        display: none
    }
}

@supports (offset-anchor:100%) {
    [data-ball-spot="1"] .robokeeper-ball {
        offset-path: var(--path-1);
        --translate: 70.75% 112%
    }

    [data-ball-spot="2"] .robokeeper-ball {
        offset-path: var(--path-2);
        --translate: 108.25% 29%
    }

    [data-ball-spot="3"] .robokeeper-ball {
        offset-path: var(--path-3);
        --translate: 328% 29%
    }

    [data-ball-spot="4"] .robokeeper-ball {
        offset-path: var(--path-4);
        --translate: 360.05% 112%
    }
}

.robokeeper-ball:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/img/robokeeper/robokeeper-ball.svg);
    background-size: contain;
    box-shadow: 0 0 2rem #161b2e;
    border-radius: 50%;
    animation: bounceBall 1s infinite, showBall .5s;
    animation-delay: .5s, 0s
}

@supports (offset-anchor:100%) {
    [data-ball-spot] .robokeeper-ball:before {
        animation: spinBall .5s ease-out
    }
}

[data-is-game-started] .robokeeper-ball:before {
    opacity: 1
}

@keyframes showBall {
    0% {
        translate: 0 50%
    }

    to {
        translate: 0 -15%
    }
}

@keyframes bounceBall {

    0%,
    to {
        translate: 0 -15%;
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        translate: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

@keyframes moveBall {
    to {
        offset-distance: 100%;
        scale: .47;
        translate: var(--translate)
    }
}

@keyframes spinBall {
    0% {
        rotate: 0turn
    }

    to {
        rotate: 2turn
    }
}

@keyframes robokeeperPulse {
    50% {
        opacity: .2
    }
}

.animate-robokeeper-pulse {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.robokeeper-trigger {
    position: fixed;
    pointer-events: none;
    z-index: 20;
    right: 0;
    aspect-ratio: 1 / 1;
    bottom: 3.75rem;
    padding: 1rem
}

@media not all and (min-width: 1024px) {
    body:has(#sportsbook-iframe) .robokeeper-trigger {
        display: none
    }
}

@media (min-width: 1024px) {
    .robokeeper-trigger {
        aspect-ratio: auto;
        width: auto;
        padding: 1.125rem 1.5rem;
        z-index: 30;
        right: var(--removed-body-scroll-bar-size, 0px);
        bottom: 0
    }

    body:has(.chat-wrapper[data-state=open]) .robokeeper-trigger {
        bottom: 0;
        right: calc(var(--chat-w) + var(--removed-body-scroll-bar-size, 0px))
    }

    body:has(#matches-coupon):has(.chat-wrapper[data-state=closed]) .robokeeper-trigger {
        bottom: 4rem
    }
}

.robokeeper-trigger:before {
    content: "";
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
}

@media not all and (min-width: 1024px) {
    .robokeeper-trigger:before {
        display: none
    }
}

.robokeeper-trigger:before {
    position: absolute;
    bottom: -13rem;
    right: -14rem;
    background-color: #1541ae;
    width: 25rem;
    border-radius: 50%;
    aspect-ratio: 4 / 3;
    filter: blur(4rem);
    transform: translateZ(0)
}

.robokeeper-trigger-ill--1 {
    width: 3.25rem;
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: -3rem;
    left: -4rem;
    filter: blur(.125rem);
    background-image: url(/img/robokeeper/robokeeper-ball.svg);
    background-size: contain;
    background-position: center;
    transform: translateZ(0);
    opacity: .5;
    display: none
}

@media (min-width: 1024px) {
    .robokeeper-trigger-ill--1 {
        display: block
    }
}

body:has(.chat-wrapper[data-state=closed]) .robokeeper-trigger-ill--1 {
    display: none
}

.robokeeper-trigger-ill--2 {
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: 7rem;
    right: -2rem;
    filter: blur(1px);
    background-image: url(/img/robokeeper/robokeeper-ball.svg);
    background-size: contain;
    background-position: center;
    transform: translateZ(0);
    opacity: .5;
    display: none
}

@media (min-width: 1024px) {
    .robokeeper-trigger-ill--2 {
        display: block
    }
}

.robokeeper-trigger-btn {
    position: relative;
    z-index: 2;
    pointer-events: auto
}

body:has(.chat-wrapper[data-state=closed]) .robokeeper-trigger-btn {
    margin-bottom: 4rem
}

.robokeeper-trigger-ball {
    aspect-ratio: 1 / 1;
    display: block;
    width: 2.5rem;
    border-radius: 50%;
    box-shadow: 0 0 1rem .25rem #1541ae
}

@media (min-width: 1024px) {
    .robokeeper-trigger-ball {
        box-shadow: none;
        width: 3.5rem;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 3rem;
        right: .75rem
    }
}

.robokeeper-trigger-ball:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/img/robokeeper/robokeeper-ball.svg);
    background-size: contain;
    background-position: center;
    transition: scale .2s;
    will-change: scale
}

.robokeeper-trigger-ball:hover:after {
    scale: 1.05
}

.robokeeper-trigger-ball svg {
    position: absolute;
    width: 6.625rem;
    -webkit-mask-image: linear-gradient(.5turn, black, transparent);
    mask-image: linear-gradient(.5turn, black, transparent);
    display: none;
    transform: translateZ(0)
}

@media (min-width: 1024px) {
    .robokeeper-trigger-ball svg {
        display: block
    }
}

.robokeeper-trigger-ball svg path:nth-child(1) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite 1s
}

.robokeeper-trigger-ball svg path:nth-child(2) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite .5s
}

.robokeeper-trigger-ball svg path:nth-child(3) {
    animation: robokeeperPulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@supports not (((height: 1lh) and (animation-timeline: none)) or ((height: 1lh) and (margin-trim: none))) {
    * {
        --from-offset: 0%;
        --to-offset: 100%
    }
}

@property --from-offset {
    syntax: "<length>";
    initial-value: 0%;
    inherits: false;
}

@property --to-offset {
    syntax: "<length>";
    initial-value: 100%;
    inherits: false;
}

.border-animation {
    --radius: 18;
    --border: 2;
    --alpha: 0;
    --size: 5rem;
    --shadow-size: 3rem;
    --offset: .125rem;
    --duration: 4s;
    --shadow-bg: #3A89FFcc;
    --line-bg: radial-gradient(closest-side, #B4E7FF, #43A5FF4d, transparent);
    width: calc(100% - var(--offset) * 2);
    height: calc(100% - var(--offset) * 2);
    border-radius: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    translate: var(--offset) var(--offset)
}

.border-animation__shadow {
    border-radius: 50%;
    aspect-ratio: 2 / 1;
    width: var(--shadow-size);
    filter: blur(1.25rem);
    background-color: var(--shadow-bg);
    opacity: .8;
    position: absolute;
    transform: translateZ(0)
}

@supports (offset-path: xywh(1% 1% 1% 1%)) {
    .border-animation__shadow {
        offset-rotate: 0deg;
        offset-anchor: center;
        animation: borderAnimationMove var(--duration) linear infinite;
        offset-path: xywh(0 0 calc(100% - var(--offset)) calc(100% - var(--offset)) round 1rem)
    }
}

@supports not (offset-path: xywh(1% 1% 1% 1%)) {
    .border-animation__shadow {
        left: calc(50% - var(--shadow-size) / 2)
    }
}

.border-animation__shadow--1 {
    top: calc(var(--shadow-size) / -2.5)
}

.border-animation__shadow--2 {
    bottom: calc(var(--shadow-size) / -2.5);
    animation-delay: calc(var(--duration) / -2)
}

.border-animation__inner {
    --bg-size: calc(100% + (2px * var(--border)));
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border: calc(var(--border) * 1px) solid transparent;
    -webkit-mask: linear-gradient(hsl(0 0% 100% / var(--alpha)), hsl(0 0% 100% / var(--alpha))), linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%));
    mask: linear-gradient(hsl(0 0% 100% / var(--alpha)), hsl(0 0% 100% / var(--alpha))), linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%));
    -webkit-mask-clip: padding-box, border-box;
    mask-clip: padding-box, border-box;
    -webkit-mask-composite: source-in, xor;
    mask-composite: intersect
}

.border-animation__line {
    position: absolute;
    left: 0;
    width: var(--size);
    aspect-ratio: 1 / 1;
    background: var(--line-bg)
}

@supports (offset-path: xywh(1% 1% 1% 1%)) {
    .border-animation__line {
        offset-rotate: 0deg;
        offset-anchor: center;
        animation: borderAnimationMove var(--duration) linear infinite;
        offset-path: xywh(0 0 calc(100% - var(--offset)) calc(100% - var(--offset)) round 1rem)
    }
}

@supports not (offset-path: xywh(1% 1% 1% 1%)) {
    .border-animation__line {
        left: calc(50% - var(--size) / 2)
    }
}

.border-animation__line--1 {
    top: calc(var(--size) / -2)
}

.border-animation__line--2 {
    bottom: calc(var(--size) / -2);
    animation-delay: calc(var(--duration) / -2)
}

@keyframes borderAnimationMove {
    0% {
        offset-distance: 0%
    }

    to {
        offset-distance: 100%
    }
}

.pagination {
    display: flex;
    gap: .25rem;
    margin-top: auto
}

.pagination a {
    width: 2rem
}

@media (min-width: 540px) {
    .pagination a {
        width: 2.375rem
    }
}

.pagination a {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #242c48;
    border-radius: .625rem
}

.pagination a:hover {
    transition: .15s;
    background-color: #2e3757
}

.pagination .selected a {
    background-color: #2e3757;
    pointer-events: none
}

.pagination .break {
    align-self: flex-end
}

.pagination .break a {
    background: none;
    aspect-ratio: auto;
    font-size: 1rem;
    letter-spacing: .075em;
    width: 1.25rem;
    color: #3c466b
}

.pagination .disabled a {
    opacity: .5;
    pointer-events: none
}

.pagination li:first-child {
    order: 999;
    margin-left: auto
}

.pagination li:last-child {
    order: 1000
}

.pagination li:is(:first-child, :last-child) {
    font-size: .625rem
}

:root {
    --birthday-light-mask: url(/img/birthday/side-light-mask.svg)
}

.striped-label {
    width: -moz-fit-content;
    width: fit-content;
    --arrow-offset: .75rem;
    position: relative;
    z-index: 1;
    --stripe-color: rgba(255, 198, 176, .12);
    color: #ffdacc
}

.striped-label:before {
    content: "";
    position: absolute;
    top: -1.5px;
    right: -1.5px;
    bottom: -1.5px;
    left: -1.5px;
    background: linear-gradient(90deg, #FF5C0033, #FF5C004d, #FF5C0033);
    --arrow-offset: .75rem;
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%)
}

.striped-label:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    left: 1rem;
    border-radius: 50%;
    background: linear-gradient(#FF5C00, transparent, transparent, #FF5C00);
    filter: blur(1rem);
    z-index: -1;
    transform: translateZ(0)
}

.striped-label__lines {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: 1
}

.striped-label__lines:before,
.striped-label__lines:after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 100%;
    -webkit-mask-image: url(/img/birthday/striped-btn-left.svg);
    mask-image: url(/img/birthday/striped-btn-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: linear-gradient(#7D6C6F, #FFE3D8, #7D6C6F)
}

.striped-label__lines span {
    position: absolute;
    top: 0;
    right: 5rem;
    bottom: 0;
    left: 5rem;
    border-top: 2px solid #FFC6B0;
    border-bottom: 2px solid #FFC6B0
}

.striped-label__lines:before {
    left: 0
}

.striped-label__lines:after {
    right: 0;
    scale: -1 1
}

.striped-label__content {
    animation: stripedLabelBg 200s linear infinite;
    content-visibility: auto;
    background: repeating-linear-gradient(var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.875rem;
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%);
    position: relative;
    z-index: 2
}

.striped-label-blue {
    width: -moz-fit-content;
    width: fit-content;
    --arrow-offset: .5rem;
    position: relative;
    z-index: 1;
    --stripe-color: rgba(100, 162, 255, .12);
    color: #b4e7ff;
    --radius: .75rem
}

.striped-label-blue:before {
    content: "";
    position: absolute;
    top: -1.5px;
    right: -1.5px;
    bottom: -1.5px;
    left: -1.5px;
    background: linear-gradient(90deg, #2E81FF33, #2E81FF4d, #2E81FF33);
    --arrow-offset: .75rem;
    border-radius: var(--radius)
}

.striped-label-blue--left:before {
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, 100% 0%, 100% 50%, 100% 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, 100% 0%, 100% 50%, 100% 100%, var(--arrow-offset) 100%, 0% 50%)
}

.striped-label-blue--right:before {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, 0 100%, 0% 50%);
    clip-path: polygon(0 0, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, 0 100%, 0% 50%)
}

.striped-label-blue--both:before {
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%)
}

.striped-label-blue:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    left: 1rem;
    border-radius: 50%;
    background: linear-gradient(#2e54ff, transparent, transparent, #2e54ff);
    filter: blur(1rem);
    z-index: -1;
    transform: translateZ(0)
}

.striped-label-blue__lines {
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: 1;
    --lines-thin: url(/img/birthday/striped-btn-border-thin.svg);
    --lines: url(/img/birthday/striped-btn-border.svg);
    --lines-sm: url(/img/birthday/striped-btn-border-sm.svg);
    --mask-image: var(--lines)
}

.striped-label-blue__lines:before,
.striped-label-blue__lines:after {
    content: "";
    position: absolute;
    height: 100%;
    aspect-ratio: 25 / 52;
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: cover;
    mask-size: cover;
    background: linear-gradient(#32548E, #98C1FF, #32548E)
}

.striped-label-blue__lines :where(span) {
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    left: 2rem;
    border-top: 2px solid #64A2FF;
    border-bottom: 2px solid #64A2FF
}

.striped-label-blue__lines:before {
    left: 0
}

:is(.striped-label-blue--left, .striped-label-blue--both) .striped-label-blue__lines:before {
    -webkit-mask-image: url(/img/birthday/striped-btn-left.svg);
    mask-image: url(/img/birthday/striped-btn-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.striped-label-blue__lines:after {
    right: 0;
    scale: -1 1
}

:is(.striped-label-blue--right, .striped-label-blue--both) .striped-label-blue__lines:after {
    -webkit-mask-image: url(/img/birthday/striped-btn-left.svg);
    mask-image: url(/img/birthday/striped-btn-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

.striped-label-blue__content {
    animation: stripedLabelBg 200s linear infinite;
    content-visibility: auto;
    background: repeating-linear-gradient(var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    border-radius: var(--radius);
    position: relative;
    z-index: 2
}

.striped-label-blue--left .striped-label-blue__content {
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, 100% 0%, 100% 50%, 100% 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, 100% 0%, 100% 50%, 100% 100%, var(--arrow-offset) 100%, 0% 50%)
}

.striped-label-blue--right .striped-label-blue__content {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, 0 100%, 0% 50%);
    clip-path: polygon(0 0, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, 0 100%, 0% 50%)
}

.striped-label-blue--both .striped-label-blue__content {
    -webkit-clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%);
    clip-path: polygon(var(--arrow-offset) 0%, calc(100% - var(--arrow-offset)) 0%, 100% 50%, calc(100% - var(--arrow-offset)) 100%, var(--arrow-offset) 100%, 0% 50%)
}

.sm-striped-label {
    width: -moz-fit-content;
    width: fit-content;
    --arrow-offset: .75rem;
    position: relative;
    z-index: 1;
    --stripe-color: rgba(255, 198, 176, .12);
    --line-color: #FFC6B0;
    --border-line-color: linear-gradient(#785A57, #FFE3D8, #785A57);
    --bg: linear-gradient(90deg, #FF5C0033, #FF5C004d, #FF5C0033);
    --line-left: url(/img/birthday/striped-btn-sm-rounded.svg);
    --line-right: url(/img/birthday/striped-btn-sm-square.svg);
    color: #ffdacc;
    height: 2rem
}

.sm-striped-label--blue {
    --stripe-color: rgba(100, 162, 255, .12);
    --bg: linear-gradient(90deg, #2E81FF33, #2E81FF4d, #2E81FF33);
    --border-line-color: linear-gradient(#32548E, #98C1FF, #32548E);
    --line-color: #64A2FF;
    color: #b4e7ff
}

.sm-striped-label--left {
    border-radius: .5625rem 0 0 .5625rem
}

.sm-striped-label--right {
    border-radius: 0 .5625rem .5625rem 0
}

.sm-striped-label:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bg);
    border-radius: inherit
}

.sm-striped-label__lines {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.sm-striped-label__lines:before,
.sm-striped-label__lines:after {
    content: "";
    position: absolute;
    width: 1rem;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: var(--border-line-color)
}

.sm-striped-label__lines span {
    position: absolute;
    top: 0;
    right: 1.125rem;
    bottom: 0;
    left: 1.125rem;
    border-top: 2px solid var(--line-color);
    border-bottom: 2px solid var(--line-color)
}

.sm-striped-label__lines:before {
    left: 0;
    -webkit-mask-image: var(--line-left);
    mask-image: var(--line-left);
    -webkit-mask-position: left;
    mask-position: left
}

.sm-striped-label__lines:after {
    right: 0;
    -webkit-mask-image: var(--line-right);
    mask-image: var(--line-right);
    -webkit-mask-position: right;
    mask-position: right
}

.sm-striped-label--right :where(.sm-striped-label__lines) {
    --line-left: url(/img/birthday/striped-btn-sm-square.svg);
    --line-right: url(/img/birthday/striped-btn-sm-rounded.svg)
}

@media (min-width: 768px) {
    .sm-striped-label--right :where(.sm-striped-label__lines):before {
        transform: scale(-1);
        -webkit-mask-position: right;
        mask-position: right
    }

    .sm-striped-label--right :where(.sm-striped-label__lines):after {
        transform: scale(-1);
        -webkit-mask-position: left;
        mask-position: left
    }
}

@media not all and (min-width: 768px) {

    .sm-striped-label__lines--mob-top,
    .sm-striped-label__lines--mob-bottom {
        --line-left: url(/img/birthday/striped-btn-rounded-t.svg);
        --line-right: var(--line-left)
    }

    .sm-striped-label__lines--mob-top:after,
    .sm-striped-label__lines--mob-bottom:after {
        --tw-scale-x: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        content: var(--tw-content);
        -webkit-mask-position: left;
        mask-position: left
    }

    .sm-striped-label__lines--mob-top span,
    .sm-striped-label__lines--mob-bottom span {
        left: 1rem;
        right: 1rem;
        border-top-width: 1.5px;
        border-bottom-width: 1.5px
    }

    .sm-striped-label__lines--mob-bottom:before {
        content: var(--tw-content);
        --tw-scale-y: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm-striped-label__lines--mob-bottom:after {
        content: var(--tw-content);
        --tw-scale-y: -1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.sm-striped-label__content {
    background: repeating-linear-gradient(var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    z-index: 2;
    border-radius: inherit
}

.battlepass-item:not([data-taken=true], [data-current=true], .battlepass-level-3>*, [data-has-reward=true], [data-initial=true]) .sm-striped-label__content {
    animation: none
}

@keyframes stripedLabelBg {
    0% {
        background-position: 0 0, 0 0
    }

    to {
        background-position: 0 -99rem, 0 0
    }
}

@keyframes stripedLabelBgX {
    0% {
        background-position: 0 0, 0 0
    }

    to {
        background-position: -99rem 0, 0 0
    }
}

.tickets-fall {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    overflow: hidden;
    z-index: -1;
    content-visibility: auto
}

.tickets-fall span {
    background-image: url(/img/birthday/ticket.svg);
    position: absolute;
    aspect-ratio: 83 / 44;
    background-size: contain;
    transition: .25s
}

.tickets-fall span:hover {
    scale: 1.1
}

.tickets-fall span:nth-child(1) {
    width: 5.125rem;
    right: 7rem;
    top: -1.125rem;
    rotate: .65turn;
    opacity: .3;
    filter: blur(.125rem);
    animation: ticket1 6s linear infinite;
    animation-delay: calc(-3s + var(--delay))
}

.tickets-fall span:nth-child(2) {
    width: 5.125rem;
    right: 3rem;
    top: 4.5rem;
    animation: ticket2 4s linear infinite;
    transform-origin: center;
    animation-delay: calc(-1s + var(--delay));
    z-index: 1
}

.tickets-fall span:nth-child(3) {
    width: 3.75rem;
    right: 3.25rem;
    top: 6.125rem;
    rotate: 0turn;
    z-index: -1;
    opacity: .3;
    animation: ticket3 4.5s linear infinite;
    filter: blur(.125rem);
    animation-delay: calc(-1s + var(--delay))
}

.tickets-fall span:nth-child(4) {
    width: 2.5rem;
    right: -.75rem;
    top: 6rem;
    rotate: .6turn;
    opacity: .2;
    filter: blur(.125rem);
    animation: ticket4 4.5s linear infinite;
    animation-delay: calc(0s + var(--delay))
}

.tickets-fall span:nth-child(5) {
    width: 3.75rem;
    right: 8.5rem;
    top: 10rem;
    rotate: -.175turn;
    filter: blur(.125rem);
    animation: ticket5 4.5s linear infinite;
    animation-delay: calc(-2.5s + var(--delay))
}

.tickets-fall span:nth-child(6) {
    width: 3.5rem;
    right: 2rem;
    top: -1.125rem;
    rotate: .65turn;
    opacity: .8;
    filter: blur(.125rem);
    animation: ticket1 5s linear infinite;
    animation-delay: calc(-1s + var(--delay))
}

@keyframes ticket1 {
    0% {
        translate: 0 -15rem 0;
        rotate: -.375turn
    }

    to {
        translate: 0 15rem 0;
        rotate: .125turn
    }
}

@keyframes ticket2 {
    0% {
        translate: 0 -8rem 0;
        rotate: -.375turn
    }

    to {
        translate: 0 8rem 0;
        rotate: .125turn
    }
}

@keyframes ticket3 {
    0% {
        translate: 0 -10rem 0;
        rotate: .25turn
    }

    to {
        translate: 0 10rem 0;
        rotate: -.25turn
    }
}

@keyframes ticket4 {
    0% {
        translate: 0 -10rem 0;
        rotate: .1turn
    }

    to {
        translate: 0 10rem 0;
        rotate: .9turn
    }
}

@keyframes ticket5 {
    0% {
        translate: 0 -15rem 0;
        rotate: -.75turn
    }

    to {
        translate: 0 15rem 0;
        rotate: -1turn
    }
}

.striped-circle {
    aspect-ratio: 1;
    border-radius: 50%;
    --stripe-color: #64A2FF;
    background: repeating-linear-gradient(90deg, var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    -webkit-mask-image: radial-gradient(closest-side, black, transparent);
    mask-image: radial-gradient(closest-side, black, transparent)
}

.navigation {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .navigation {
        border-radius: .875rem;
        background-color: #1e253d
    }
}

.navigation__list {
    position: relative;
    z-index: 1;
    display: flex;
    max-width: 100%;
    flex-grow: 1;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background-color: #1e253d;
    font-size: .6875rem;
    font-weight: 700;
    text-transform: uppercase
}

@media not all and (min-width: 1024px) {
    .navigation__list {
        border-radius: .875rem;
        padding-right: 3.5rem
    }

    .navigation__list:only-child {
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .navigation__list {
        overflow: visible;
        background-color: transparent
    }
}

.navigation__marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: .875rem;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --from: #323d61;
    --to: #232c48;
    transition-property: inset, --from, --to
}

@supports (position-anchor: initial) {
    .navigation__marker {
        position-anchor: --menu-active-anchor;
        inset: anchor(top) anchor(right) anchor(bottom) anchor(left)
    }
}

.navigation__marker[data-active-tab-name=balance] {
    --from: #674D54;
    --to: #32344F
}

.navigation__marker[data-active-tab-name=inventory] {
    --from: #27516C;
    --to: #2B3A57
}

.navigation__tab {
    display: flex;
    height: 3.25rem;
    align-items: center;
    gap: .625rem;
    fill: #a6adcd;
    padding-left: .875rem;
    padding-right: .875rem;
    font-size: .625rem;
    text-transform: uppercase;
    color: #d6e2ff;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    --fill: #a6adcd
}

@media (hover: hover) and (pointer: fine) {
    .navigation__tab:hover {
        fill: #fff;
        color: #fff;
        --fill: white
    }
}

.navigation__tab[aria-pressed=true] {
    pointer-events: none;
    color: #fff;
    --fill: white
}

@media (min-width: 1024px) {
    .navigation__tab {
        height: 4.25rem;
        gap: .75rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.navigation__tab[aria-pressed=true] {
    anchor-name: --menu-active-anchor
}

.navigation--bet-methods {
    margin: 0;
    width: 100%
}

.navigation--bet-methods .navigation__tab {
    height: 3rem;
    width: 100%;
    justify-content: center
}

.navigation--bet-methods .navigation__tab--balance[aria-pressed=true] {
    color: #ffc6b0
}

.navigation--bet-methods .navigation__tab--inventory[aria-pressed=true] {
    color: #a2feff
}

.navigation--bet-methods .navigation__list {
    width: 50%;
    background-color: #242c48
}

.navigation--bet-methods .navigation__list li {
    width: 50%
}

.navigation__tab--passive-bonus {
    color: #a2feff;
    --fill: currentColor;
    position: relative
}

.navigation__tab--passive-bonus:is([aria-pressed=true], :hover) {
    color: #c4feff;
    --fill: currentColor
}

.navigation__tab--passive-bonus span:before {
    content: "";
    aspect-ratio: 1;
    border-radius: 50%;
    left: 50%;
    background-color: #4afdff;
    transform: translate3d(-50%, 0, 0);
    width: 8rem;
    filter: blur(1.5rem);
    position: absolute;
    opacity: .4;
    bottom: -9rem
}

.navigation__tab--passive-bonus:before {
    content: "";
    aspect-ratio: 1;
    border-radius: 50%;
    --stripe-color: #A2FEFF;
    background: repeating-linear-gradient(90deg, var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    -webkit-mask-image: radial-gradient(closest-side, black, transparent);
    mask-image: radial-gradient(closest-side, black, transparent);
    left: 50%;
    transform: translate(-50%);
    width: 9rem;
    position: absolute;
    opacity: .4;
    bottom: -7rem
}

.navigation__tab--passive-bonus:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 9rem;
    left: 50%;
    transform: translate(-50%);
    background-image: linear-gradient(90deg, #4AFDFF00, #4AFDFF33, #4AFDFF00), linear-gradient(90deg, #A2FEFF00 10%, #A2FEFF, #A2FEFF00 90%);
    background-size: 100% 100%, 45% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before {
    border-color: currentColor;
    border-style: solid;
    border-width: .125rem .125rem 0 0;
    content: "";
    display: block;
    position: absolute;
    top: .4rem;
    aspect-ratio: 1;
    width: .5625rem
}

.react-datepicker {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    background-color: #1b233a;
    color: #fff;
    border: 1px solid #242a46;
    border-radius: .35rem;
    display: inline-block;
    position: relative;
    line-height: initial;
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    z-index: 1;
    line-height: 0
}

.react-datepicker__triangle {
    display: none
}

.react-datepicker__header {
    text-align: center;
    background-color: #252c48;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    padding: .75rem 1rem;
    position: relative
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
    margin-top: 0;
    color: #fff;
    font-weight: 700;
    font-size: .944rem
}

h2.react-datepicker__current-month {
    padding: 0;
    margin: 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: .5rem;
    padding: 0;
    border: none;
    z-index: 1;
    height: 2rem;
    width: 2rem;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: .125rem
}

.react-datepicker__navigation--next {
    right: .125rem
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: .25rem
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover *:before {
    opacity: .5
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 1.25rem;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -.5rem;
    transition: .15s
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -.5rem;
    transition: .15s
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: .125rem
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: .125rem
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover {
    border-radius: .3rem;
    background-color: #252c48
}

.react-datepicker__week-number--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__week-number--keyboard-selected {
    border-radius: .3rem;
    background-color: #2a87d0;
    color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -.5rem;
    color: #848fb7
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
    border-radius: .3rem;
    background-color: #2e3554
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    background-color: #333;
    color: #fff;
    padding: .25rem;
    border-radius: .25rem;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
    border-radius: .3rem;
    background-color: #216ba580;
    color: #fff
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #64a2ff;
    color: #000
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
    background-color: #91bdff
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: #216ba580
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #252c48;
    color: #fff
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
    background-color: transparent
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translate(-50%);
    background-color: #333;
    color: #fff;
    padding: .25rem;
    border-radius: .25rem;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
    cursor: pointer
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
    background-color: #252c48;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #1b233a
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
    background-color: #ccc
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: .125rem;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc
}

.react-datepicker__today-button {
    background: #252c48;
    border-top: 1px solid #1b233a;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #000c;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-width: 400px),
(max-height: 550px) {

    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto
}

.react-datepicker__aria-live {
    position: absolute;
    -webkit-clip-path: circle(0);
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em
}

.react-datepicker__day {
    font-weight: 500
}

.react-datepicker__day--outside-month {
    opacity: .5
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    opacity: .25
}

.majorpass-team-avatar {
    background: linear-gradient(180deg, rgba(42, 52, 84, 0) 0%, rgba(42, 52, 84, .3) 43%, #2A3454 100%);
    border-radius: 1rem;
    width: 5rem;
    height: 5rem;
    padding: .875rem;
    display: flex;
    flex-shrink: 0
}

.majorpass-team-avatar__add {
    width: 100%;
    height: 100%;
    border: 1px dashed #323E60;
    border-radius: .875rem;
    display: flex;
    background: rgba(42, 52, 84, .6)
}

.majorpass-team-avatar__add .icon {
    width: 1.25rem;
    margin: auto;
    background: #BFCBE7
}

.majorpass-map {
    width: 100%;
    position: relative;
    z-index: 1
}

@media (min-width: 1024px) {
    .majorpass-map {
        padding-bottom: 1.75rem
    }
}

.majorpass-map-subtitle {
    position: absolute;
    color: #747e9d;
    font-weight: 600;
    font-size: .75rem;
    text-transform: uppercase;
    writing-mode: vertical-lr;
    top: 13rem;
    scale: -1
}

.majorpass-group-lines--mob .majorpass-map-subtitle:nth-child(2) {
    top: 29.75rem;
    left: calc(50% - 8.25rem)
}

.majorpass-group-lines--mob .majorpass-map-subtitle:nth-child(3) {
    top: 29.75rem;
    right: calc(50% - 8.25rem)
}

@media (min-width: 1024px) {
    .majorpass-map-subtitle:nth-child(1) {
        left: calc(50% - 9.5rem)
    }

    .majorpass-map-subtitle:nth-child(2) {
        right: calc(50% - 9.5rem)
    }
}

.majorpass-map-hor-subtitle {
    position: absolute;
    font-weight: 600;
    font-size: .75rem
}

.majorpass-group-lines--mob .majorpass-map-hor-subtitle:nth-child(1) {
    top: 13.25rem;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #747e9d
}

.majorpass-group-lines--mob .majorpass-map-hor-subtitle:nth-child(4) {
    top: 40.5rem;
    left: 0;
    width: 100%;
    text-transform: uppercase
}

@media (min-width: 1024px) {
    .majorpass-map-hor-subtitle:nth-child(3) {
        left: 50%;
        top: 20.5rem;
        translate: -50%;
        text-transform: uppercase
    }

    .majorpass-map-hor-subtitle:nth-child(4) {
        left: 50%;
        bottom: 0;
        translate: -50%;
        text-transform: uppercase
    }
}

.majorpass-map-logo {
    --w: 8.75rem;
    width: var(--w);
    aspect-ratio: 140 / 91;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 12.5rem;
    left: calc(50% - var(--w) / 2);
    z-index: -1;
    align-items: center;
    justify-content: center;
    display: none
}

@media (min-width: 1024px) {
    .majorpass-map-logo {
        display: flex
    }
}

.majorpass-map-logo img {
    filter: drop-shadow(0px 0px 4rem #4E587D)
}

.majorpass-map-logo .dots-ill {
    background: #6B8CC1;
    width: 15rem;
    opacity: .2
}

.majorpass-map-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
    -moz-column-gap: .375rem;
    column-gap: .375rem;
    row-gap: 2.5rem
}

@media (min-width: 1024px) {
    .majorpass-map-list {
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }
}

.majorpass-map-list {
    grid-template-rows: 12.25rem 12.25rem 4.5rem 4.5rem;
    position: relative;
    z-index: 3
}

@media (min-width: 1024px) {
    .majorpass-map-list {
        grid-template-rows: repeat(4, minmax(0, 1fr));
        grid-template-columns: 1fr 1fr 0 1fr 1fr
    }
}

.majorpass-map-item {
    background-image: linear-gradient(#1C233A, #232C48);
    border-radius: 1.25rem;
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 1024px) {
    .majorpass-map-item {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.majorpass-map-item {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    gap: .375rem;
    width: 4.5rem
}

@media (min-width: 1024px) {
    .majorpass-map-item {
        padding: 1.25rem;
        width: 100%;
        max-width: 100%;
        height: 8.625rem
    }
}

.majorpass-map-item__vs {
    background: rgba(42, 52, 84, .8);
    border: 1px dashed #323E60;
    border-radius: .625rem;
    width: 2.75rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .6875rem;
    color: #d6e2ff;
    margin: auto
}

@media (min-width: 1024px) {
    .majorpass-map-item__vs {
        top: 2.5rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }
}

.majorpass-map-item__side {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 1024px) {
    .majorpass-map-item__side {
        align-items: start
    }

    .majorpass-map-item__side:last-child {
        align-items: end
    }
}

.majorpass-map-item__name {
    margin-top: .625rem;
    font-weight: 700;
    display: none
}

@media (min-width: 1024px) {
    .majorpass-map-item__name {
        display: block
    }
}

.majorpass-map-item__chose {
    margin-top: .625rem;
    font-weight: 600;
    color: #b7c3e8;
    display: none
}

@media (min-width: 1024px) {
    .majorpass-map-item__chose {
        display: block
    }
}

.majorpass-map-item .majorpass-team-avatar {
    width: 4.5rem;
    height: 4.5rem;
    padding: .625rem
}

.majorpass-map-item__side:only-child {
    grid-column: 1 / -1;
    align-items: center
}

@media not all and (min-width: 1024px) {
    .majorpass-map-item:nth-child(1) {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(1) {
        grid-column-start: 1
    }
}

@media not all and (min-width: 1024px) {
    .majorpass-map-item:nth-child(2) {
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(2) {
        grid-column-start: 2
    }
}

@media not all and (min-width: 1024px) {
    .majorpass-map-item:nth-child(3) {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(3) {
        grid-column-start: 4
    }
}

@media not all and (min-width: 1024px) {
    .majorpass-map-item:nth-child(4) {
        margin-left: 0
    }
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(4) {
        grid-column-start: 5
    }
}

.majorpass-map-item:nth-child(5) {
    grid-column: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 2;
    margin-left: auto;
    margin-right: 0
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(5) {
        margin-left: auto;
        margin-right: auto
    }
}

.majorpass-map-item:nth-child(5) {
    width: 4.5rem
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(5) {
        width: 18.125rem
    }
}

.majorpass-map-item:nth-child(6) {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
    margin-right: auto;
    margin-left: 0
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(6) {
        grid-column-start: 4;
        margin-left: auto;
        margin-right: auto
    }
}

.majorpass-map-item:nth-child(6) {
    width: 4.5rem
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(6) {
        width: 18.125rem
    }
}

.majorpass-map-item:nth-child(7) {
    grid-column: 1 / -1;
    grid-row-start: 3;
    margin-left: auto;
    margin-right: auto;
    margin-top: -.625rem;
    margin-bottom: .625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(7) {
        margin-top: 0;
        margin-bottom: 0
    }
}

.majorpass-map-item:nth-child(7) {
    width: 13rem
}

.majorpass-map-item:nth-child(7) .majorpass-map-item__vs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.majorpass-map-item:nth-child(7) .majorpass-map-item__side:first-child {
    margin-right: auto
}

.majorpass-map-item:nth-child(7) .majorpass-map-item__side:last-child {
    margin-left: auto
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(7) {
        width: 18.125rem
    }
}

.majorpass-map-item:nth-child(8) {
    grid-column: 1 / -1;
    grid-row-start: 4;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1.25rem;
    margin-bottom: 1.25rem
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(8) {
        margin-top: 0;
        margin-bottom: 0
    }
}

.majorpass-map-item:nth-child(8) {
    width: 4.5rem
}

@media (min-width: 1024px) {
    .majorpass-map-item:nth-child(8) {
        width: 9.375rem
    }
}

.majorpass-group-lines {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

:is(.majorpass-group-lines-level-1, .majorpass-group-lines-level-2, .majorpass-group-lines-level-3, .majorpass-group-lines-mob-level-1, .majorpass-group-lines-mob-level-2, .majorpass-group-lines-mob-level-3) {
    position: absolute;
    fill: none;
    stroke: #2c3554;
    stroke-width: 1
}

:is(.majorpass-group-lines-level-1, .majorpass-group-lines-level-2, .majorpass-group-lines-level-3, .majorpass-group-lines-mob-level-1, .majorpass-group-lines-mob-level-2, .majorpass-group-lines-mob-level-3) path[data-taken=true] {
    stroke: #4b567c
}

.majorpass-group-lines-level-1 {
    top: 8.625rem;
    height: 2.5rem;
    width: calc(50% - .75rem);
    left: 0
}

.majorpass-group-lines-level-2 {
    top: 19.75rem;
    height: 6.25rem;
    width: calc(50% - 12rem);
    left: 5.5rem
}

.majorpass-group-lines-level-3 {
    top: 30.875rem;
    height: 2.5rem;
    width: 18.125rem;
    left: 50%;
    translate: -50%
}

.majorpass-group-lines-mob-level-1 {
    overflow: hidden;
    position: absolute;
    top: 12.25rem;
    height: 9rem;
    left: calc(25% - 2.625rem - 1px);
    right: calc(50% + 2rem)
}

.majorpass-group-lines-mob-level-1--right {
    scale: -1 1;
    right: calc(25% - 2.625rem - 1px);
    left: calc(50% + 2rem)
}

.majorpass-group-lines-mob-level-2 {
    overflow: hidden;
    position: absolute;
    top: 27rem;
    height: 1.875rem;
    width: 9.5rem;
    left: 50%;
    translate: -50%
}

.majorpass-group-lines-mob-level-3 {
    overflow: hidden;
    position: absolute;
    top: 33.25rem;
    height: 2rem;
    width: 9.5rem;
    left: 50%;
    translate: -50%
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-1\.5 {
    top: -.375rem;
    right: -.375rem;
    bottom: -.375rem;
    left: -.375rem
}

.-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem
}

.-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem
}

.-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem
}

.-inset-\[10\%\] {
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-0\.5 {
    top: .125rem;
    right: .125rem;
    bottom: .125rem;
    left: .125rem
}

.inset-2\.5 {
    top: .625rem;
    right: .625rem;
    bottom: .625rem;
    left: .625rem
}

.inset-\[\.25rem\] {
    top: .25rem;
    right: .25rem;
    bottom: .25rem;
    left: .25rem
}

.inset-\[\.5px\] {
    top: .5px;
    right: .5px;
    bottom: .5px;
    left: .5px
}

.inset-\[\.5rem\] {
    top: .5rem;
    right: .5rem;
    bottom: .5rem;
    left: .5rem
}

.inset-\[\.75rem\] {
    top: .75rem;
    right: .75rem;
    bottom: .75rem;
    left: .75rem
}

.inset-\[10\%\] {
    top: 10%;
    right: 10%;
    bottom: 10%;
    left: 10%
}

.inset-px {
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem
}

.-inset-y-20 {
    top: -5rem;
    bottom: -5rem
}

.-inset-y-\[0\.5px\] {
    top: -.5px;
    bottom: -.5px
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-1 {
    left: .25rem;
    right: .25rem
}

.inset-x-1\.5 {
    left: .375rem;
    right: .375rem
}

.inset-x-10 {
    left: 2.5rem;
    right: 2.5rem
}

.inset-x-15 {
    left: 3.75rem;
    right: 3.75rem
}

.inset-x-2\.5 {
    left: .625rem;
    right: .625rem
}

.inset-x-3 {
    left: .75rem;
    right: .75rem
}

.inset-x-4 {
    left: 1rem;
    right: 1rem
}

.inset-x-5 {
    left: 1.25rem;
    right: 1.25rem
}

.inset-x-6\.5 {
    left: 1.625rem;
    right: 1.625rem
}

.inset-x-\[30\%\] {
    left: 30%;
    right: 30%
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.inset-y-12 {
    top: 3rem;
    bottom: 3rem
}

.inset-y-2\.5 {
    top: .625rem;
    bottom: .625rem
}

.inset-y-\[\.5px\] {
    top: .5px;
    bottom: .5px
}

.inset-y-\[5\%\] {
    top: 5%;
    bottom: 5%
}

.-bottom-0 {
    bottom: -0px
}

.-bottom-0\.5 {
    bottom: -.125rem
}

.-bottom-0\.75 {
    bottom: -.1875rem
}

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-1\.5 {
    bottom: -.375rem
}

.-bottom-1\.75 {
    bottom: -.4375rem
}

.-bottom-10 {
    bottom: -2.5rem
}

.-bottom-12 {
    bottom: -3rem
}

.-bottom-13 {
    bottom: -3.25rem
}

.-bottom-14 {
    bottom: -3.5rem
}

.-bottom-17 {
    bottom: -4.25rem
}

.-bottom-2 {
    bottom: -.5rem
}

.-bottom-2\.5 {
    bottom: -.625rem
}

.-bottom-22\.5 {
    bottom: -5.625rem
}

.-bottom-24 {
    bottom: -6rem
}

.-bottom-25 {
    bottom: -6.25rem
}

.-bottom-28 {
    bottom: -7rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-bottom-3\.5 {
    bottom: -.875rem
}

.-bottom-30 {
    bottom: -7.5rem
}

.-bottom-35 {
    bottom: -8.75rem
}

.-bottom-4 {
    bottom: -1rem
}

.-bottom-40 {
    bottom: -10rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.-bottom-50 {
    bottom: -12.5rem
}

.-bottom-6 {
    bottom: -1.5rem
}

.-bottom-60 {
    bottom: -15rem
}

.-bottom-7 {
    bottom: -1.75rem
}

.-bottom-7\.5 {
    bottom: -1.875rem
}

.-bottom-70 {
    bottom: -17.5rem
}

.-bottom-8 {
    bottom: -2rem
}

.-bottom-9 {
    bottom: -2.25rem
}

.-bottom-\[\.1em\] {
    bottom: -.1em
}

.-bottom-\[1cqi\] {
    bottom: -1cqi
}

.-bottom-px {
    bottom: -1px
}

.-left-0\.5 {
    left: -.125rem
}

.-left-0\.75 {
    left: -.1875rem
}

.-left-1 {
    left: -.25rem
}

.-left-1\.25 {
    left: -.3125rem
}

.-left-1\.5 {
    left: -.375rem
}

.-left-10 {
    left: -2.5rem
}

.-left-14 {
    left: -3.5rem
}

.-left-15 {
    left: -3.75rem
}

.-left-2 {
    left: -.5rem
}

.-left-2\.25 {
    left: -.5625rem
}

.-left-2\.5 {
    left: -.625rem
}

.-left-20 {
    left: -5rem
}

.-left-24 {
    left: -6rem
}

.-left-25 {
    left: -6.25rem
}

.-left-3 {
    left: -.75rem
}

.-left-3\.5 {
    left: -.875rem
}

.-left-35 {
    left: -8.75rem
}

.-left-40 {
    left: -10rem
}

.-left-5 {
    left: -1.25rem
}

.-left-6 {
    left: -1.5rem
}

.-left-8 {
    left: -2rem
}

.-right-0\.5 {
    right: -.125rem
}

.-right-0\.75 {
    right: -.1875rem
}

.-right-1 {
    right: -.25rem
}

.-right-1\.5 {
    right: -.375rem
}

.-right-10 {
    right: -2.5rem
}

.-right-11 {
    right: -2.75rem
}

.-right-12 {
    right: -3rem
}

.-right-14 {
    right: -3.5rem
}

.-right-15 {
    right: -3.75rem
}

.-right-16 {
    right: -4rem
}

.-right-16\.5 {
    right: -4.125rem
}

.-right-17 {
    right: -4.25rem
}

.-right-18 {
    right: -4.5rem
}

.-right-19 {
    right: -4.75rem
}

.-right-2 {
    right: -.5rem
}

.-right-2\.5 {
    right: -.625rem
}

.-right-20 {
    right: -5rem
}

.-right-22 {
    right: -5.5rem
}

.-right-25 {
    right: -6.25rem
}

.-right-3 {
    right: -.75rem
}

.-right-3\.5 {
    right: -.875rem
}

.-right-30 {
    right: -7.5rem
}

.-right-32 {
    right: -8rem
}

.-right-35 {
    right: -8.75rem
}

.-right-4 {
    right: -1rem
}

.-right-5 {
    right: -1.25rem
}

.-right-5\.75 {
    right: -1.4375rem
}

.-right-6 {
    right: -1.5rem
}

.-right-7 {
    right: -1.75rem
}

.-right-8\.5 {
    right: -2.125rem
}

.-right-9 {
    right: -2.25rem
}

.-top-0\.75 {
    top: -.1875rem
}

.-top-1 {
    top: -.25rem
}

.-top-1\.5 {
    top: -.375rem
}

.-top-10 {
    top: -2.5rem
}

.-top-15 {
    top: -3.75rem
}

.-top-18 {
    top: -4.5rem
}

.-top-19 {
    top: -4.75rem
}

.-top-2 {
    top: -.5rem
}

.-top-2\.5 {
    top: -.625rem
}

.-top-20 {
    top: -5rem
}

.-top-23 {
    top: -5.75rem
}

.-top-3 {
    top: -.75rem
}

.-top-3\.5 {
    top: -.875rem
}

.-top-4 {
    top: -1rem
}

.-top-49 {
    top: -12.25rem
}

.-top-5 {
    top: -1.25rem
}

.-top-6 {
    top: -1.5rem
}

.-top-7\.5 {
    top: -1.875rem
}

.-top-8 {
    top: -2rem
}

.-top-\[4rem\] {
    top: -4rem
}

.-top-px {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.bottom-0\.5 {
    bottom: .125rem
}

.bottom-1 {
    bottom: .25rem
}

.bottom-1\.5 {
    bottom: .375rem
}

.bottom-1\/2 {
    bottom: 50%
}

.bottom-12 {
    bottom: 3rem
}

.bottom-13 {
    bottom: 3.25rem
}

.bottom-15 {
    bottom: 3.75rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-3\.5 {
    bottom: .875rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-5\.5 {
    bottom: 1.375rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[--inventory-h\] {
    bottom: var(--inventory-h)
}

.bottom-\[33rem\] {
    bottom: 33rem
}

.bottom-px {
    bottom: 1px
}

.left-0 {
    left: 0
}

.left-0\.75 {
    left: .1875rem
}

.left-1 {
    left: .25rem
}

.left-1\.25 {
    left: .3125rem
}

.left-1\.5 {
    left: .375rem
}

.left-1\.75 {
    left: .4375rem
}

.left-1\/2 {
    left: 50%
}

.left-1\/3 {
    left: 33.333333%
}

.left-14 {
    left: 3.5rem
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-22 {
    left: 5.5rem
}

.left-3 {
    left: .75rem
}

.left-3\.75 {
    left: .9375rem
}

.left-4 {
    left: 1rem
}

.left-4\.25 {
    left: 1.0625rem
}

.left-4\.5 {
    left: 1.125rem
}

.left-5 {
    left: 1.25rem
}

.left-5\.25 {
    left: 1.3125rem
}

.left-5\.5 {
    left: 1.375rem
}

.left-50 {
    left: 12.5rem
}

.left-55 {
    left: 13.75rem
}

.left-6 {
    left: 1.5rem
}

.left-6\.5 {
    left: 1.625rem
}

.left-7 {
    left: 1.75rem
}

.left-7\.5 {
    left: 1.875rem
}

.left-8\.5 {
    left: 2.125rem
}

.left-\[19rem\] {
    left: 19rem
}

.left-\[21\.5rem\] {
    left: 21.5rem
}

.left-\[24rem\] {
    left: 24rem
}

.left-\[25\.5rem\] {
    left: 25.5rem
}

.left-\[28rem\] {
    left: 28rem
}

.left-\[34rem\] {
    left: 34rem
}

.left-\[36rem\] {
    left: 36rem
}

.left-\[37\%\] {
    left: 37%
}

.left-\[39rem\] {
    left: 39rem
}

.left-\[42rem\] {
    left: 42rem
}

.left-\[57rem\] {
    left: 57rem
}

.left-\[58\.25rem\] {
    left: 58.25rem
}

.left-\[62\%\] {
    left: 62%
}

.left-\[63\.5rem\] {
    left: 63.5rem
}

.left-\[70rem\] {
    left: 70rem
}

.left-\[73\.5rem\] {
    left: 73.5rem
}

.left-\[73rem\] {
    left: 73rem
}

.left-\[77\.125rem\] {
    left: 77.125rem
}

.left-\[calc\(50\%-var\(--line-width\)\/2\)\] {
    left: calc(50% - var(--line-width) / 2)
}

.left-auto {
    left: auto
}

.right-0 {
    right: 0
}

.right-0\.5 {
    right: .125rem
}

.right-1 {
    right: .25rem
}

.right-1\.5 {
    right: .375rem
}

.right-1\/2 {
    right: 50%
}

.right-1\/3 {
    right: 33.333333%
}

.right-11 {
    right: 2.75rem
}

.right-18 {
    right: 4.5rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-20 {
    right: 5rem
}

.right-22 {
    right: 5.5rem
}

.right-22\.25 {
    right: 5.5625rem
}

.right-3 {
    right: .75rem
}

.right-3\.5 {
    right: .875rem
}

.right-4 {
    right: 1rem
}

.right-4\.5 {
    right: 1.125rem
}

.right-40 {
    right: 10rem
}

.right-5 {
    right: 1.25rem
}

.right-6 {
    right: 1.5rem
}

.right-6\.5 {
    right: 1.625rem
}

.right-7\.5 {
    right: 1.875rem
}

.right-\[--chat-open-offset\] {
    right: var(--chat-open-offset)
}

.right-\[--removed-body-scroll-bar-size\,0\] {
    right: var(--removed-body-scroll-bar-size, 0)
}

.right-auto {
    right: auto
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

.top-1\/2 {
    top: 50%
}

.top-10 {
    top: 2.5rem
}

.top-11 {
    top: 2.75rem
}

.top-12 {
    top: 3rem
}

.top-125 {
    top: 31.25rem
}

.top-15 {
    top: 3.75rem
}

.top-16 {
    top: 4rem
}

.top-17 {
    top: 4.25rem
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-2\.75 {
    top: .6875rem
}

.top-26 {
    top: 6.5rem
}

.top-28 {
    top: 7rem
}

.top-3 {
    top: .75rem
}

.top-3\.5 {
    top: .875rem
}

.top-34 {
    top: 8.5rem
}

.top-4 {
    top: 1rem
}

.top-4\.25 {
    top: 1.0625rem
}

.top-4\.5 {
    top: 1.125rem
}

.top-40 {
    top: 10rem
}

.top-5 {
    top: 1.25rem
}

.top-5\.25 {
    top: 1.3125rem
}

.top-5\.5 {
    top: 1.375rem
}

.top-52 {
    top: 13rem
}

.top-6 {
    top: 1.5rem
}

.top-67 {
    top: 16.75rem
}

.top-7 {
    top: 1.75rem
}

.top-70 {
    top: 17.5rem
}

.top-8\.5 {
    top: 2.125rem
}

.top-\[-15\.25rem\] {
    top: -15.25rem
}

.top-\[10rem\] {
    top: 10rem
}

.top-\[11\.5rem\] {
    top: 11.5rem
}

.top-\[12rem\] {
    top: 12rem
}

.top-\[13rem\] {
    top: 13rem
}

.top-\[15vw\] {
    top: 15vw
}

.top-\[21rem\] {
    top: 21rem
}

.top-\[28\%\] {
    top: 28%
}

.top-\[30rem\] {
    top: 30rem
}

.top-\[40rem\] {
    top: 40rem
}

.top-\[43rem\] {
    top: 43rem
}

.top-\[50rem\] {
    top: 50rem
}

.top-\[63rem\] {
    top: 63rem
}

.top-\[6rem\] {
    top: 6rem
}

.top-\[7rem\] {
    top: 7rem
}

.top-\[calc\(5rem\*var\(--scaling\)\)\] {
    top: calc(5rem * var(--scaling))
}

.-z-1 {
    z-index: -1
}

.-z-2 {
    z-index: -2
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-20 {
    z-index: 20
}

.z-3 {
    z-index: 3
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.z-70 {
    z-index: 70
}

.z-\[20\] {
    z-index: 20
}

.z-\[29\] {
    z-index: 29
}

.z-\[2\] {
    z-index: 2
}

.z-\[31\] {
    z-index: 31
}

.z-\[39\] {
    z-index: 39
}

.z-\[3\] {
    z-index: 3
}

.z-\[49\] {
    z-index: 49
}

.z-\[4\] {
    z-index: 4
}

.z-\[70\] {
    z-index: 70
}

.z-\[80\] {
    z-index: 80
}

.z-\[9999\] {
    z-index: 9999
}

.-order-1 {
    order: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.col-span-12 {
    grid-column: span 12 / span 12
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-5 {
    grid-column: span 5 / span 5
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-full {
    grid-column: 1 / -1
}

.row-span-2 {
    grid-row: span 2 / span 2
}

.-m-px {
    margin: -1px
}

.m-auto {
    margin: auto
}

.-mx-0\.75 {
    margin-left: -.1875rem;
    margin-right: -.1875rem
}

.-mx-1\.5 {
    margin-left: -.375rem;
    margin-right: -.375rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-2\.5 {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-4\.5 {
    margin-left: -1.125rem;
    margin-right: -1.125rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.-my-0\.5 {
    margin-top: -.125rem;
    margin-bottom: -.125rem
}

.-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-1\.25 {
    margin-left: .3125rem;
    margin-right: .3125rem
}

.mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-2\.5 {
    margin-left: .625rem;
    margin-right: .625rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-5\.5 {
    margin-left: 1.375rem;
    margin-right: 1.375rem
}

.mx-\[-13\%\] {
    margin-left: -13%;
    margin-right: -13%
}

.mx-\[-4\%\] {
    margin-left: -4%;
    margin-right: -4%
}

.mx-\[-6\%\] {
    margin-left: -6%;
    margin-right: -6%
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-1\.25 {
    margin-top: .3125rem;
    margin-bottom: .3125rem
}

.my-3\.5 {
    margin-top: .875rem;
    margin-bottom: .875rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mb-10 {
    margin-bottom: -2.5rem
}

.-mb-10\.5 {
    margin-bottom: -2.625rem
}

.-mb-14\.5 {
    margin-bottom: -3.625rem
}

.-mb-16 {
    margin-bottom: -4rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mb-20 {
    margin-bottom: -5rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-mb-5 {
    margin-bottom: -1.25rem
}

.-mb-px {
    margin-bottom: -1px
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-1\.5 {
    margin-left: -.375rem
}

.-ml-18 {
    margin-left: -4.5rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-2\.5 {
    margin-left: -.625rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.-ml-7\.5 {
    margin-left: -1.875rem
}

.-mr-0\.5 {
    margin-right: -.125rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-1\.5 {
    margin-right: -.375rem
}

.-mr-12\.5 {
    margin-right: -3.125rem
}

.-mr-2 {
    margin-right: -.5rem
}

.-mr-2\.5 {
    margin-right: -.625rem
}

.-mr-4 {
    margin-right: -1rem
}

.-mr-px {
    margin-right: -1px
}

.-mt-0 {
    margin-top: -0px
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mt-1\.25 {
    margin-top: -.3125rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.-mt-10\.5 {
    margin-top: -2.625rem
}

.-mt-15 {
    margin-top: -3.75rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-3\.25 {
    margin-top: -.8125rem
}

.-mt-35 {
    margin-top: -8.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-4\.25 {
    margin-top: -1.0625rem
}

.-mt-72 {
    margin-top: -18rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mt-px {
    margin-top: -1px
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-0\.75 {
    margin-bottom: .1875rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.25 {
    margin-bottom: .3125rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

.mb-1\.75 {
    margin-bottom: .4375rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.25 {
    margin-bottom: .5625rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-4\.5 {
    margin-bottom: 1.125rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-5\.5 {
    margin-bottom: 1.375rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-6\.5 {
    margin-bottom: 1.625rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-7\.5 {
    margin-bottom: 1.875rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-\[10\%\] {
    margin-bottom: 10%
}

.mb-auto {
    margin-bottom: auto
}

.mb-px {
    margin-bottom: 1px
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-0\.75 {
    margin-left: .1875rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-1\.75 {
    margin-left: .4375rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-20 {
    margin-left: 5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-3\.5 {
    margin-left: .875rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.25 {
    margin-right: .3125rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-11 {
    margin-right: 2.75rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-2\.75 {
    margin-right: .6875rem
}

.mr-20 {
    margin-right: 5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-3\.5 {
    margin-right: .875rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-8 {
    margin-right: 2rem
}

.mr-\[--list-bullet-mr\,\.5rem\] {
    margin-right: var(--list-bullet-mr, .5rem)
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-0\.75 {
    margin-top: .1875rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.25 {
    margin-top: .3125rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-1\.75 {
    margin-top: .4375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-11 {
    margin-top: 2.75rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-3\.75 {
    margin-top: .9375rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-4\.5 {
    margin-top: 1.125rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-5\.5 {
    margin-top: 1.375rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-6\.5 {
    margin-top: 1.625rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-7\.5 {
    margin-top: 1.875rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-8\.5 {
    margin-top: 2.125rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[--list-bullet-mt\,\.35em\] {
    margin-top: var(--list-bullet-mt, .35em)
}

.mt-\[7vw\] {
    margin-top: 7vw
}

.mt-auto {
    margin-top: auto
}

.mt-px {
    margin-top: 1px
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[\.9\] {
    aspect-ratio: .9
}

.aspect-\[1\.25\/1\] {
    aspect-ratio: 1.25/1
}

.aspect-\[1\.25\] {
    aspect-ratio: 1.25
}

.aspect-\[1\.2\] {
    aspect-ratio: 1.2
}

.aspect-\[1\.35\/1\] {
    aspect-ratio: 1.35/1
}

.aspect-\[1\.4\/1\] {
    aspect-ratio: 1.4/1
}

.aspect-\[1\.5\] {
    aspect-ratio: 1.5
}

.aspect-\[1\.9\/1\] {
    aspect-ratio: 1.9/1
}

.aspect-\[100\/126\] {
    aspect-ratio: 100/126
}

.aspect-\[100\/128\] {
    aspect-ratio: 100/128
}

.aspect-\[1000\/524\] {
    aspect-ratio: 1000/524
}

.aspect-\[105\/170\] {
    aspect-ratio: 105/170
}

.aspect-\[107\/114\] {
    aspect-ratio: 107/114
}

.aspect-\[108\/56\] {
    aspect-ratio: 108/56
}

.aspect-\[1100\/513\] {
    aspect-ratio: 1100/513
}

.aspect-\[140\/150\] {
    aspect-ratio: 140/150
}

.aspect-\[140\/178\] {
    aspect-ratio: 140/178
}

.aspect-\[142\/118\] {
    aspect-ratio: 142/118
}

.aspect-\[1600\/618\] {
    aspect-ratio: 1600/618
}

.aspect-\[1600\/700\] {
    aspect-ratio: 1600/700
}

.aspect-\[165\/150\] {
    aspect-ratio: 165/150
}

.aspect-\[1688\/869\] {
    aspect-ratio: 1688/869
}

.aspect-\[171\/52\] {
    aspect-ratio: 171/52
}

.aspect-\[1874\/4548\] {
    aspect-ratio: 1874/4548
}

.aspect-\[1970\/4096\] {
    aspect-ratio: 1970/4096
}

.aspect-\[2\.1\] {
    aspect-ratio: 2.1
}

.aspect-\[2\.5\] {
    aspect-ratio: 2.5
}

.aspect-\[200\/150\] {
    aspect-ratio: 200/150
}

.aspect-\[220\/144\] {
    aspect-ratio: 220/144
}

.aspect-\[240\/95\] {
    aspect-ratio: 240/95
}

.aspect-\[249\/170\] {
    aspect-ratio: 249/170
}

.aspect-\[279\/547\] {
    aspect-ratio: 279/547
}

.aspect-\[280\/328\] {
    aspect-ratio: 280/328
}

.aspect-\[282\/350\] {
    aspect-ratio: 282/350
}

.aspect-\[290\/370\] {
    aspect-ratio: 290/370
}

.aspect-\[2\] {
    aspect-ratio: 2
}

.aspect-\[302\/90\] {
    aspect-ratio: 302/90
}

.aspect-\[316\/38\] {
    aspect-ratio: 316/38
}

.aspect-\[329\/171\] {
    aspect-ratio: 329/171
}

.aspect-\[35\/42\.5\] {
    aspect-ratio: 35/42.5
}

.aspect-\[360\/869\] {
    aspect-ratio: 360/869
}

.aspect-\[370\/869\] {
    aspect-ratio: 370/869
}

.aspect-\[390\/240\] {
    aspect-ratio: 390/240
}

.aspect-\[4\/1\] {
    aspect-ratio: 4/1
}

.aspect-\[40\/8\] {
    aspect-ratio: 40/8
}

.aspect-\[465\/201\] {
    aspect-ratio: 465/201
}

.aspect-\[500\/299\] {
    aspect-ratio: 500/299
}

.aspect-\[500\/300\] {
    aspect-ratio: 500/300
}

.aspect-\[573\/547\] {
    aspect-ratio: 573/547
}

.aspect-\[702\/276\] {
    aspect-ratio: 702/276
}

.aspect-\[716\/284\] {
    aspect-ratio: 716/284
}

.aspect-\[83\/116\] {
    aspect-ratio: 83/116
}

.aspect-\[850\/1329\] {
    aspect-ratio: 850/1329
}

.aspect-\[858\/1328\] {
    aspect-ratio: 858/1328
}

.aspect-\[86\/65\] {
    aspect-ratio: 86/65
}

.aspect-\[860\/300\] {
    aspect-ratio: 860/300
}

.aspect-\[97\/89\] {
    aspect-ratio: 97/89
}

.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1 / 1
}

.h-0 {
    height: 0px
}

.h-0\.5 {
    height: .125rem
}

.h-0\.75 {
    height: .1875rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-1\/4 {
    height: 25%
}

.h-10 {
    height: 2.5rem
}

.h-10\.5 {
    height: 2.625rem
}

.h-100 {
    height: 25rem
}

.h-11 {
    height: 2.75rem
}

.h-11\.5 {
    height: 2.875rem
}

.h-12 {
    height: 3rem
}

.h-12\.5 {
    height: 3.125rem
}

.h-13 {
    height: 3.25rem
}

.h-13\.5 {
    height: 3.375rem
}

.h-14 {
    height: 3.5rem
}

.h-14\.5 {
    height: 3.625rem
}

.h-15 {
    height: 3.75rem
}

.h-15\.5 {
    height: 3.875rem
}

.h-16 {
    height: 4rem
}

.h-16\.5 {
    height: 4.125rem
}

.h-17 {
    height: 4.25rem
}

.h-17\.5 {
    height: 4.375rem
}

.h-18 {
    height: 4.5rem
}

.h-19 {
    height: 4.75rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-21 {
    height: 5.25rem
}

.h-21\.5 {
    height: 5.375rem
}

.h-22 {
    height: 5.5rem
}

.h-23 {
    height: 5.75rem
}

.h-24 {
    height: 6rem
}

.h-25 {
    height: 6.25rem
}

.h-26 {
    height: 6.5rem
}

.h-26\.5 {
    height: 6.625rem
}

.h-27\.5 {
    height: 6.875rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-3\.75 {
    height: .9375rem
}

.h-30 {
    height: 7.5rem
}

.h-32 {
    height: 8rem
}

.h-32\.5 {
    height: 8.125rem
}

.h-33 {
    height: 8.25rem
}

.h-34 {
    height: 8.5rem
}

.h-35 {
    height: 8.75rem
}

.h-36 {
    height: 9rem
}

.h-38 {
    height: 9.5rem
}

.h-4 {
    height: 1rem
}

.h-4\.25 {
    height: 1.0625rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-40 {
    height: 10rem
}

.h-44 {
    height: 11rem
}

.h-45 {
    height: 11.25rem
}

.h-46 {
    height: 11.5rem
}

.h-47\.5 {
    height: 11.875rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-5\.25 {
    height: 1.3125rem
}

.h-5\.5 {
    height: 1.375rem
}

.h-5\.75 {
    height: 1.4375rem
}

.h-50 {
    height: 12.5rem
}

.h-53 {
    height: 13.25rem
}

.h-55 {
    height: 13.75rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-6\.5 {
    height: 1.625rem
}

.h-60 {
    height: 15rem
}

.h-69 {
    height: 17.25rem
}

.h-7 {
    height: 1.75rem
}

.h-7\.5 {
    height: 1.875rem
}

.h-72 {
    height: 18rem
}

.h-75 {
    height: 18.75rem
}

.h-8 {
    height: 2rem
}

.h-8\.5 {
    height: 2.125rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-9\.5 {
    height: 2.375rem
}

.h-\[--matches-coupon-h\] {
    height: var(--matches-coupon-h)
}

.h-\[10rem\] {
    height: 10rem
}

.h-\[110\%\] {
    height: 110%
}

.h-\[180\%\] {
    height: 180%
}

.h-\[18rem\] {
    height: 18rem
}

.h-\[19\.375rem\] {
    height: 19.375rem
}

.h-\[24\.3125rem\] {
    height: 24.3125rem
}

.h-\[2px\] {
    height: 2px
}

.h-\[30rem\] {
    height: 30rem
}

.h-\[32rem\] {
    height: 32rem
}

.h-\[33\.5rem\] {
    height: 33.5rem
}

.h-\[45vw\] {
    height: 45vw
}

.h-\[5\.75rem\] {
    height: 5.75rem
}

.h-\[50\%\] {
    height: 50%
}

.h-\[calc\(8\.75rem\*var\(--cols\)\+\(\.5rem\*\(var\(--cols\)-1\)\)\)\] {
    height: calc(8.75rem * var(--cols) + (.5rem * (var(--cols) - 1)))
}

.h-\[min\(calc\(100vh-3\.5rem\)\,36\.5rem\)\] {
    height: min(calc(100vh - 3.5rem), 36.5rem)
}

.h-auto {
    height: auto
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-75 {
    max-height: 18.75rem
}

.max-h-\[--radix-popover-content-available-height\] {
    max-height: var(--radix-popover-content-available-height)
}

.max-h-\[--radix-select-content-available-height\] {
    max-height: var(--radix-select-content-available-height)
}

.max-h-\[12\.1rem\] {
    max-height: 12.1rem
}

.max-h-\[15rem\] {
    max-height: 15rem
}

.max-h-\[20rem\] {
    max-height: 20rem
}

.max-h-\[25rem\] {
    max-height: 25rem
}

.max-h-\[42\.5rem\] {
    max-height: 42.5rem
}

.max-h-\[calc\(100svh-20\.5rem\)\] {
    max-height: calc(100svh - 20.5rem)
}

.max-h-full {
    max-height: 100%
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-16 {
    min-height: 4rem
}

.min-h-23 {
    min-height: 5.75rem
}

.min-h-26\.5 {
    min-height: 6.625rem
}

.min-h-27\.5 {
    min-height: 6.875rem
}

.min-h-30 {
    min-height: 7.5rem
}

.min-h-42\.5 {
    min-height: 10.625rem
}

.min-h-49 {
    min-height: 12.25rem
}

.min-h-5\.5 {
    min-height: 1.375rem
}

.min-h-50 {
    min-height: 12.5rem
}

.min-h-6 {
    min-height: 1.5rem
}

.min-h-65 {
    min-height: 16.25rem
}

.min-h-75 {
    min-height: 18.75rem
}

.min-h-\[--min-h\] {
    min-height: var(--min-h)
}

.min-h-\[10rem\] {
    min-height: 10rem
}

.min-h-\[13\.125rem\] {
    min-height: 13.125rem
}

.min-h-\[21\.1875rem\] {
    min-height: 21.1875rem
}

.min-h-\[2rem\] {
    min-height: 2rem
}

.min-h-\[5rem\] {
    min-height: 5rem
}

.min-h-\[calc\(100svh-10rem\)\] {
    min-height: calc(100svh - 10rem)
}

.min-h-\[calc\(100svh-2rem\)\] {
    min-height: calc(100svh - 2rem)
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0px
}

.w-0\.5 {
    width: .125rem
}

.w-0\.75 {
    width: .1875rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-1\.75 {
    width: .4375rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/5 {
    width: 20%
}

.w-10 {
    width: 2.5rem
}

.w-10\.5 {
    width: 2.625rem
}

.w-11 {
    width: 2.75rem
}

.w-11\.5 {
    width: 2.875rem
}

.w-12 {
    width: 3rem
}

.w-12\.5 {
    width: 3.125rem
}

.w-125 {
    width: 31.25rem
}

.w-13 {
    width: 3.25rem
}

.w-13\.5 {
    width: 3.375rem
}

.w-14 {
    width: 3.5rem
}

.w-15 {
    width: 3.75rem
}

.w-16 {
    width: 4rem
}

.w-16\.5 {
    width: 4.125rem
}

.w-17 {
    width: 4.25rem
}

.w-18 {
    width: 4.5rem
}

.w-19 {
    width: 4.75rem
}

.w-2 {
    width: .5rem
}

.w-2\.25 {
    width: .5625rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\.75 {
    width: .6875rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-21 {
    width: 5.25rem
}

.w-22 {
    width: 5.5rem
}

.w-22\.5 {
    width: 5.625rem
}

.w-23 {
    width: 5.75rem
}

.w-23\.5 {
    width: 5.875rem
}

.w-24 {
    width: 6rem
}

.w-25 {
    width: 6.25rem
}

.w-26 {
    width: 6.5rem
}

.w-27 {
    width: 6.75rem
}

.w-27\.5 {
    width: 6.875rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.25 {
    width: .8125rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\.75 {
    width: .9375rem
}

.w-3\/4 {
    width: 75%
}

.w-30 {
    width: 7.5rem
}

.w-31 {
    width: 7.75rem
}

.w-32 {
    width: 8rem
}

.w-32\.5 {
    width: 8.125rem
}

.w-33 {
    width: 8.25rem
}

.w-33\.5 {
    width: 8.375rem
}

.w-34 {
    width: 8.5rem
}

.w-35 {
    width: 8.75rem
}

.w-35\.5 {
    width: 8.875rem
}

.w-36 {
    width: 9rem
}

.w-36\.5 {
    width: 9.125rem
}

.w-38 {
    width: 9.5rem
}

.w-39 {
    width: 9.75rem
}

.w-4 {
    width: 1rem
}

.w-4\.25 {
    width: 1.0625rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-4\.75 {
    width: 1.1875rem
}

.w-4\/6 {
    width: 66.666667%
}

.w-40 {
    width: 10rem
}

.w-41 {
    width: 10.25rem
}

.w-43\.5 {
    width: 10.875rem
}

.w-45 {
    width: 11.25rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\.25 {
    width: 1.3125rem
}

.w-5\.5 {
    width: 1.375rem
}

.w-5\.75 {
    width: 1.4375rem
}

.w-50 {
    width: 12.5rem
}

.w-52 {
    width: 13rem
}

.w-55 {
    width: 13.75rem
}

.w-58 {
    width: 14.5rem
}

.w-6 {
    width: 1.5rem
}

.w-6\.5 {
    width: 1.625rem
}

.w-6\.75 {
    width: 1.6875rem
}

.w-60 {
    width: 15rem
}

.w-62 {
    width: 15.5rem
}

.w-64 {
    width: 16rem
}

.w-65 {
    width: 16.25rem
}

.w-7 {
    width: 1.75rem
}

.w-7\.5 {
    width: 1.875rem
}

.w-70 {
    width: 17.5rem
}

.w-75 {
    width: 18.75rem
}

.w-77 {
    width: 19.25rem
}

.w-8 {
    width: 2rem
}

.w-8\.5 {
    width: 2.125rem
}

.w-80 {
    width: 20rem
}

.w-82 {
    width: 20.5rem
}

.w-9 {
    width: 2.25rem
}

.w-9\.5 {
    width: 2.375rem
}

.w-90 {
    width: 22.5rem
}

.w-\[--chat-w\] {
    width: var(--chat-w)
}

.w-\[--container-w\] {
    width: var(--container-w)
}

.w-\[--line-width\] {
    width: var(--line-width)
}

.w-\[--radix-select-trigger-width\] {
    width: var(--radix-select-trigger-width)
}

.w-\[--switch-thumb-size\] {
    width: var(--switch-thumb-size)
}

.w-\[--w\] {
    width: var(--w)
}

.w-\[100cqw\] {
    width: 100cqw
}

.w-\[105rem\] {
    width: 105rem
}

.w-\[10rem\] {
    width: 10rem
}

.w-\[110\%\] {
    width: 110%
}

.w-\[11rem\] {
    width: 11rem
}

.w-\[160\%\] {
    width: 160%
}

.w-\[17\.4375rem\] {
    width: 17.4375rem
}

.w-\[170\%\] {
    width: 170%
}

.w-\[17rem\] {
    width: 17rem
}

.w-\[18rem\] {
    width: 18rem
}

.w-\[2\.5cqi\] {
    width: 2.5cqi
}

.w-\[2\.6875rem\] {
    width: 2.6875rem
}

.w-\[204vw\] {
    width: 204vw
}

.w-\[22\.5rem\] {
    width: 22.5rem
}

.w-\[23\.125rem\] {
    width: 23.125rem
}

.w-\[28\.5rem\] {
    width: 28.5rem
}

.w-\[28rem\] {
    width: 28rem
}

.w-\[3\.03125rem\] {
    width: 3.03125rem
}

.w-\[30\%\] {
    width: 30%
}

.w-\[32vw\] {
    width: 32vw
}

.w-\[35\.8125rem\] {
    width: 35.8125rem
}

.w-\[35rem\] {
    width: 35rem
}

.w-\[4\.75rem\] {
    width: 4.75rem
}

.w-\[43\.875rem\] {
    width: 43.875rem
}

.w-\[48\%\] {
    width: 48%
}

.w-\[50\%\] {
    width: 50%
}

.w-\[50rem\] {
    width: 50rem
}

.w-\[52rem\] {
    width: 52rem
}

.w-\[55\%\] {
    width: 55%
}

.w-\[58\.5625rem\] {
    width: 58.5625rem
}

.w-\[5rem\] {
    width: 5rem
}

.w-\[6\.9375rem\] {
    width: 6.9375rem
}

.w-\[60\%\] {
    width: 60%
}

.w-\[61\.5625rem\] {
    width: 61.5625rem
}

.w-\[62rem\] {
    width: 62rem
}

.w-\[64\%\] {
    width: 64%
}

.w-\[65\%\] {
    width: 65%
}

.w-\[70\%\] {
    width: 70%
}

.w-\[75\%\] {
    width: 75%
}

.w-\[7rem\] {
    width: 7rem
}

.w-\[80\%\] {
    width: 80%
}

.w-\[86\%\] {
    width: 86%
}

.w-\[8rem\] {
    width: 8rem
}

.w-\[9\.5rem\] {
    width: 9.5rem
}

.w-\[90\%\] {
    width: 90%
}

.w-\[98\%\] {
    width: 98%
}

.w-\[calc\(100\%\+0\.365rem\)\] {
    width: calc(100% + .365rem)
}

.w-\[calc\(100\%\+1\.5rem\)\] {
    width: calc(100% + 1.5rem)
}

.w-\[calc\(100\%-15rem\)\] {
    width: calc(100% - 15rem)
}

.w-\[calc\(100\%-6rem\)\] {
    width: calc(100% - 6rem)
}

.w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem)
}

.w-\[calc\(100vw-2\.5rem\)\] {
    width: calc(100vw - 2.5rem)
}

.w-\[calc\(12\.5rem\*var\(--scaling\)\)\] {
    width: calc(12.5rem * var(--scaling))
}

.w-\[calc\(50\%\+1\.125rem-0\.5px\)\] {
    width: calc(50% + 1.125rem - .5px)
}

.w-\[calc\(50\%\+1\.25rem\)\] {
    width: calc(50% + 1.25rem)
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-min {
    width: -moz-min-content;
    width: min-content
}

.w-px {
    width: 1px
}

.min-w-0 {
    min-width: 0px
}

.min-w-10 {
    min-width: 2.5rem
}

.min-w-12\.5 {
    min-width: 3.125rem
}

.min-w-13 {
    min-width: 3.25rem
}

.min-w-13\.5 {
    min-width: 3.375rem
}

.min-w-15 {
    min-width: 3.75rem
}

.min-w-16 {
    min-width: 4rem
}

.min-w-18 {
    min-width: 4.5rem
}

.min-w-20 {
    min-width: 5rem
}

.min-w-25 {
    min-width: 6.25rem
}

.min-w-27\.5 {
    min-width: 6.875rem
}

.min-w-30 {
    min-width: 7.5rem
}

.min-w-35 {
    min-width: 8.75rem
}

.min-w-4\.25 {
    min-width: 1.0625rem
}

.min-w-4\.5 {
    min-width: 1.125rem
}

.min-w-40 {
    min-width: 10rem
}

.min-w-45 {
    min-width: 11.25rem
}

.min-w-5 {
    min-width: 1.25rem
}

.min-w-5\.5 {
    min-width: 1.375rem
}

.min-w-50 {
    min-width: 12.5rem
}

.min-w-6 {
    min-width: 1.5rem
}

.min-w-6\.5 {
    min-width: 1.625rem
}

.min-w-70 {
    min-width: 17.5rem
}

.min-w-9\.5 {
    min-width: 2.375rem
}

.min-w-\[\.75rem\] {
    min-width: .75rem
}

.min-w-\[14\.5rem\] {
    min-width: 14.5rem
}

.min-w-\[45\%\] {
    min-width: 45%
}

.min-w-\[4rem\] {
    min-width: 4rem
}

.min-w-\[50\%\] {
    min-width: 50%
}

.min-w-\[5rem\] {
    min-width: 5rem
}

.min-w-\[6rem\] {
    min-width: 6rem
}

.min-w-\[8rem\] {
    min-width: 8rem
}

.min-w-\[9\.125rem\] {
    min-width: 9.125rem
}

.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-100 {
    max-width: 25rem
}

.max-w-105 {
    max-width: 26.25rem
}

.max-w-117 {
    max-width: 29.25rem
}

.max-w-125 {
    max-width: 31.25rem
}

.max-w-130 {
    max-width: 32.5rem
}

.max-w-145 {
    max-width: 36.25rem
}

.max-w-153 {
    max-width: 38.25rem
}

.max-w-20 {
    max-width: 5rem
}

.max-w-25 {
    max-width: 6.25rem
}

.max-w-26 {
    max-width: 6.5rem
}

.max-w-27 {
    max-width: 6.75rem
}

.max-w-35 {
    max-width: 8.75rem
}

.max-w-45 {
    max-width: 11.25rem
}

.max-w-50 {
    max-width: 12.5rem
}

.max-w-53 {
    max-width: 13.25rem
}

.max-w-55 {
    max-width: 13.75rem
}

.max-w-60 {
    max-width: 15rem
}

.max-w-65 {
    max-width: 16.25rem
}

.max-w-70 {
    max-width: 17.5rem
}

.max-w-90 {
    max-width: 22.5rem
}

.max-w-\[--dialog-max-w\] {
    max-width: var(--dialog-max-w)
}

.max-w-\[10rem\] {
    max-width: 10rem
}

.max-w-\[11rem\] {
    max-width: 11rem
}

.max-w-\[12rem\] {
    max-width: 12rem
}

.max-w-\[13rem\] {
    max-width: 13rem
}

.max-w-\[14rem\] {
    max-width: 14rem
}

.max-w-\[16rem\] {
    max-width: 16rem
}

.max-w-\[21rem\] {
    max-width: 21rem
}

.max-w-\[22\.25rem\] {
    max-width: 22.25rem
}

.max-w-\[22rem\] {
    max-width: 22rem
}

.max-w-\[24rem\] {
    max-width: 24rem
}

.max-w-\[26\.25rem\] {
    max-width: 26.25rem
}

.max-w-\[28rem\] {
    max-width: 28rem
}

.max-w-\[29rem\] {
    max-width: 29rem
}

.max-w-\[30rem\] {
    max-width: 30rem
}

.max-w-\[31\.25rem\] {
    max-width: 31.25rem
}

.max-w-\[33\.33\%\] {
    max-width: 33.33%
}

.max-w-\[34rem\] {
    max-width: 34rem
}

.max-w-\[35rem\] {
    max-width: 35rem
}

.max-w-\[36rem\] {
    max-width: 36rem
}

.max-w-\[38rem\] {
    max-width: 38rem
}

.max-w-\[40\%\] {
    max-width: 40%
}

.max-w-\[40rem\] {
    max-width: 40rem
}

.max-w-\[42rem\] {
    max-width: 42rem
}

.max-w-\[45\%\] {
    max-width: 45%
}

.max-w-\[45rem\] {
    max-width: 45rem
}

.max-w-\[50\%\] {
    max-width: 50%
}

.max-w-\[50rem\] {
    max-width: 50rem
}

.max-w-\[52rem\] {
    max-width: 52rem
}

.max-w-\[54rem\] {
    max-width: 54rem
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[60rem\] {
    max-width: 60rem
}

.max-w-\[70\%\] {
    max-width: 70%
}

.max-w-\[70rem\] {
    max-width: 70rem
}

.max-w-\[75\%\] {
    max-width: 75%
}

.max-w-\[75rem\] {
    max-width: 75rem
}

.max-w-\[80\%\] {
    max-width: 80%
}

.max-w-\[clamp\(21\.5rem\,85\%\,30rem\)\] {
    max-width: clamp(21.5rem, 85%, 30rem)
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-full {
    max-width: 100%
}

.max-w-none {
    max-width: none
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.basis-1 {
    flex-basis: .25rem
}

.border-separate {
    border-collapse: separate
}

.border-spacing-y-1 {
    --tw-border-spacing-y: .25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.origin-bottom {
    transform-origin: bottom
}

.origin-center {
    transform-origin: center
}

.origin-top {
    transform-origin: top
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2\/3 {
    --tw-translate-y: -66.666667%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[60\%\] {
    --tw-translate-y: -60%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0\.5 {
    --tw-translate-x: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-1\/2 {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-16 {
    --tw-translate-x: 4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-75\%\] {
    --tw-translate-x: -75%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0\.5 {
    --tw-translate-y: .125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/2 {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2\/3 {
    --tw-translate-y: 66.666667%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-75\%\] {
    --tw-translate-y: -75%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[65\%\] {
    --tw-translate-y: 65%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[70\%\] {
    --tw-translate-y: 70%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-px {
    --tw-translate-y: 1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-10deg\] {
    --tw-rotate: -10deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-12deg\] {
    --tw-rotate: -12deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-18deg\] {
    --tw-rotate: -18deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-5deg\] {
    --tw-rotate: -5deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-7deg\] {
    --tw-rotate: -7deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-90deg\] {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[84\.1deg\] {
    --tw-rotate: 84.1deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[90deg\] {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-\[-19\.5deg\] {
    --tw-skew-x: -19.5deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-\[-37\.5deg\] {
    --tw-skew-x: -37.5deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-\[-45deg\] {
    --tw-skew-x: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-\[37\.5deg\] {
    --tw-skew-x: 37.5deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.skew-x-\[45deg\] {
    --tw-skew-x: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-scale-100 {
    --tw-scale-x: -1;
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-scale-x-100 {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-scale-y-100 {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\!animate-none {
    animation: none !important
}

.animate-\[var\(--animation-shake-x\)\,var\(--animation-pulse-brightness\)\] {
    animation: var(--animation-shake-x), var(--animation-pulse-brightness)
}

.animate-none {
    animation: none
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-auto {
    cursor: auto
}

.cursor-default {
    cursor: default
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.touch-none {
    touch-action: none
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-center {
    scroll-snap-align: center
}

.scroll-mt-5 {
    scroll-margin-top: 1.25rem
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-col {
    grid-auto-flow: column
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-\[1fr\,17\.5rem\] {
    grid-template-columns: 1fr 17.5rem
}

.grid-cols-\[minmax\(0\,\.9fr\)\,minmax\(0\,1fr\)\,minmax\(0\,\.9fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr) minmax(0, .9fr)
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr))
}

.grid-rows-\[13\.75rem\] {
    grid-template-rows: 13.75rem
}

.grid-rows-\[repeat\(var\(--rows-count\)\,var\(--row-h\)\)\] {
    grid-template-rows: repeat(var(--rows-count), var(--row-h))
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-content-end {
    place-content: end
}

.content-start {
    align-content: flex-start
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-0\.5 {
    gap: .125rem
}

.gap-0\.75 {
    gap: .1875rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.25 {
    gap: .3125rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-1\.75 {
    gap: .4375rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.25 {
    gap: .5625rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.25 {
    gap: .8125rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-4\.5 {
    gap: 1.125rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-px {
    gap: 1px
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-3\.5 {
    -moz-column-gap: .875rem;
    column-gap: .875rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-12 {
    row-gap: 3rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-2\.5 {
    row-gap: .625rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.text-balance {
    text-wrap: balance
}

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: .75rem
}

.rounded-2xl {
    border-radius: 1.125rem
}

.rounded-3xl {
    border-radius: 1.25rem
}

.rounded-\[\.2rem\] {
    border-radius: .2rem
}

.rounded-\[\.3125rem\] {
    border-radius: .3125rem
}

.rounded-\[\.4rem\] {
    border-radius: .4rem
}

.rounded-\[\.55rem\] {
    border-radius: .55rem
}

.rounded-\[\.65rem\] {
    border-radius: .65rem
}

.rounded-\[\.75rem\] {
    border-radius: .75rem
}

.rounded-\[\.95rem\] {
    border-radius: .95rem
}

.rounded-\[0\.4325rem\] {
    border-radius: .4325rem
}

.rounded-\[0\.625rem\] {
    border-radius: .625rem
}

.rounded-\[0\.65rem\] {
    border-radius: .65rem
}

.rounded-\[0\.6875rem\] {
    border-radius: .6875rem
}

.rounded-\[0\.8125rem\] {
    border-radius: .8125rem
}

.rounded-\[1\.1rem\] {
    border-radius: 1.1rem
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[6rem\] {
    border-radius: 6rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-inherit {
    border-radius: inherit
}

.rounded-lg {
    border-radius: .875rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-nano {
    border-radius: .25rem
}

.rounded-sm {
    border-radius: .5rem
}

.rounded-tiny {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: 1rem
}

.rounded-b {
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-b-3xl {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.rounded-b-inherit {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.rounded-b-lg {
    border-bottom-right-radius: .875rem;
    border-bottom-left-radius: .875rem
}

.rounded-b-xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-l {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rounded-l-3xl {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.rounded-l-inherit {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.rounded-l-lg {
    border-top-left-radius: .875rem;
    border-bottom-left-radius: .875rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-l-xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-r {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-r-\[0\.625rem\] {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

.rounded-r-inherit {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.rounded-r-lg {
    border-top-right-radius: .875rem;
    border-bottom-right-radius: .875rem
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-r-xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-t {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-t-2xl {
    border-top-left-radius: 1.125rem;
    border-top-right-radius: 1.125rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.rounded-t-\[0\.6875rem\] {
    border-top-left-radius: .6875rem;
    border-top-right-radius: .6875rem
}

.rounded-t-inherit {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.rounded-t-lg {
    border-top-left-radius: .875rem;
    border-top-right-radius: .875rem
}

.rounded-t-xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-bl-3xl {
    border-bottom-left-radius: 1.25rem
}

.rounded-tl-3xl {
    border-top-left-radius: 1.25rem
}

.rounded-tl-lg {
    border-top-left-radius: .875rem
}

.rounded-tr-3xl {
    border-top-right-radius: 1.25rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-\[\.125rem\] {
    border-width: .125rem
}

.border-\[\.75rem\] {
    border-width: .75rem
}

.border-\[0\.125rem\] {
    border-width: .125rem
}

.border-\[0\.1875rem\] {
    border-width: .1875rem
}

.border-\[0\.375rem\] {
    border-width: .375rem
}

.border-\[3px\] {
    border-width: 3px
}

.border-y-\[3px\] {
    border-top-width: 3px;
    border-bottom-width: 3px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0px
}

.border-r {
    border-right-width: 1px
}

.border-r-0 {
    border-right-width: 0px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0px
}

.border-t-2 {
    border-top-width: 2px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#091836\]\/50 {
    border-color: #09183680
}

.border-\[\#161B2E\] {
    border-color: #161b2e
}

.border-\[\#1A2139\] {
    border-color: #1a2139
}

.border-\[\#1C233B\] {
    border-color: #1c233b
}

.border-\[\#1E253D\] {
    border-color: #1e253d
}

.border-\[\#1b2238\] {
    border-color: #1b2238
}

.border-\[\#1c243b\] {
    border-color: #1c243b
}

.border-\[\#242C48\] {
    border-color: #242c48
}

.border-\[\#242c47\] {
    border-color: #242c47
}

.border-\[\#242c48\] {
    border-color: #242c48
}

.border-\[\#252D49\] {
    border-color: #252d49
}

.border-\[\#252D4A\],
.border-\[\#252d4a\] {
    border-color: #252d4a
}

.border-\[\#252d4a\]\/80 {
    border-color: #252d4acc
}

.border-\[\#252e45\] {
    border-color: #252e45
}

.border-\[\#25437D\] {
    border-color: #25437d
}

.border-\[\#262F4D\] {
    border-color: #262f4d
}

.border-\[\#262d49\] {
    border-color: #262d49
}

.border-\[\#262f4c\] {
    border-color: #262f4c
}

.border-\[\#272F48\],
.border-\[\#272f48\] {
    border-color: #272f48
}

.border-\[\#29304e\] {
    border-color: #29304e
}

.border-\[\#2C3655\] {
    border-color: #2c3655
}

.border-\[\#2D3653\] {
    border-color: #2d3653
}

.border-\[\#2F3959\] {
    border-color: #2f3959
}

.border-\[\#2b3555\] {
    border-color: #2b3555
}

.border-\[\#2b3656\] {
    border-color: #2b3656
}

.border-\[\#2c3c5c\] {
    border-color: #2c3c5c
}

.border-\[\#2c4d6a\] {
    border-color: #2c4d6a
}

.border-\[\#2d3653\] {
    border-color: #2d3653
}

.border-\[\#2d3a5a\] {
    border-color: #2d3a5a
}

.border-\[\#2e3756\] {
    border-color: #2e3756
}

.border-\[\#2f3959\] {
    border-color: #2f3959
}

.border-\[\#2f4866\] {
    border-color: #2f4866
}

.border-\[\#313b58\] {
    border-color: #313b58
}

.border-\[\#313b5f\] {
    border-color: #313b5f
}

.border-\[\#323D5E\] {
    border-color: #323d5e
}

.border-\[\#323E60\],
.border-\[\#323e60\] {
    border-color: #323e60
}

.border-\[\#333e63\] {
    border-color: #333e63
}

.border-\[\#334d6e\] {
    border-color: #334d6e
}

.border-\[\#348ea8\] {
    border-color: #348ea8
}

.border-\[\#353F62\] {
    border-color: #353f62
}

.border-\[\#353f64\] {
    border-color: #353f64
}

.border-\[\#35476d\] {
    border-color: #35476d
}

.border-\[\#365BB3\] {
    border-color: #365bb3
}

.border-\[\#375185\] {
    border-color: #375185
}

.border-\[\#384261\] {
    border-color: #384261
}

.border-\[\#384966\] {
    border-color: #384966
}

.border-\[\#388297\] {
    border-color: #388297
}

.border-\[\#3B4567\] {
    border-color: #3b4567
}

.border-\[\#3EA8C2\] {
    border-color: #3ea8c2
}

.border-\[\#3a5a6c\]\/75 {
    border-color: #3a5a6cbf
}

.border-\[\#3a7190\] {
    border-color: #3a7190
}

.border-\[\#3b4872\] {
    border-color: #3b4872
}

.border-\[\#3ea8c2\] {
    border-color: #3ea8c2
}

.border-\[\#40617A\] {
    border-color: #40617a
}

.border-\[\#4385FF\] {
    border-color: #4385ff
}

.border-\[\#4385ff\]\/20 {
    border-color: #4385ff33
}

.border-\[\#4463a0\] {
    border-color: #4463a0
}

.border-\[\#456389\] {
    border-color: #456389
}

.border-\[\#459eb7\] {
    border-color: #459eb7
}

.border-\[\#4765AC\] {
    border-color: #4765ac
}

.border-\[\#486DE5\] {
    border-color: #486de5
}

.border-\[\#4CA9FF\] {
    border-color: #4ca9ff
}

.border-\[\#4a4357\] {
    border-color: #4a4357
}

.border-\[\#4c4459\] {
    border-color: #4c4459
}

.border-\[\#4d364d\] {
    border-color: #4d364d
}

.border-\[\#4f4061\] {
    border-color: #4f4061
}

.border-\[\#505872\] {
    border-color: #505872
}

.border-\[\#509497\] {
    border-color: #509497
}

.border-\[\#548DF0\] {
    border-color: #548df0
}

.border-\[\#57C7E0\] {
    border-color: #57c7e0
}

.border-\[\#5CA7FF\] {
    border-color: #5ca7ff
}

.border-\[\#703e44\] {
    border-color: #703e44
}

.border-\[\#78d0ff\] {
    border-color: #78d0ff
}

.border-\[\#7e8dbb\]\/30 {
    border-color: #7e8dbb4d
}

.border-\[\#7f84c6\] {
    border-color: #7f84c6
}

.border-\[\#81eaeb\] {
    border-color: #81eaeb
}

.border-\[\#83B4FD\] {
    border-color: #83b4fd
}

.border-\[\#878da7\]\/10 {
    border-color: #878da71a
}

.border-\[\#88FFE7\] {
    border-color: #88ffe7
}

.border-\[\#904949\] {
    border-color: #904949
}

.border-\[\#99eff1\]\/15 {
    border-color: #99eff126
}

.border-\[\#9dbf76\] {
    border-color: #9dbf76
}

.border-\[\#9fc3fd\]\/10 {
    border-color: #9fc3fd1a
}

.border-\[\#A2FEFF\] {
    border-color: #a2feff
}

.border-\[\#A2FEFF\]\/20 {
    border-color: #a2feff33
}

.border-\[\#a6b8ff\]\/12 {
    border-color: #a6b8ff1f
}

.border-\[\#c3abff\] {
    border-color: #c3abff
}

.border-\[\#c3c7d8\]\/10 {
    border-color: #c3c7d81a
}

.border-\[\#cabcff\] {
    border-color: #cabcff
}

.border-\[\#e67eff\] {
    border-color: #e67eff
}

.border-\[\#f0a58a\] {
    border-color: #f0a58a
}

.border-\[\#fb6f7d\] {
    border-color: #fb6f7d
}

.border-\[\#ff7b7b\] {
    border-color: #ff7b7b
}

.border-\[\#ff7e7e\]\/15 {
    border-color: #ff7e7e26
}

.border-\[\#ff9165\]\/20 {
    border-color: #ff916533
}

.border-\[\#ffc6b0\] {
    border-color: #ffc6b0
}

.border-\[--bg\] {
    border-color: var(--bg)
}

.border-\[--border\] {
    border-color: var(--border)
}

.border-\[--color\] {
    border-color: var(--color)
}

.border-\[--from\] {
    border-color: var(--from)
}

.border-\[--panel-border\] {
    border-color: var(--panel-border)
}

.border-\[color-mix\(in_srgb\,var\(--border\)_25\%\,transparent\)\] {
    border-color: color-mix(in srgb, var(--border) 25%, transparent)
}

.border-bg-mix-10 {
    border-color: color-mix(in srgb, var(--bg) 10%, transparent)
}

.border-color-mix-10 {
    border-color: color-mix(in srgb, var(--color) 10%, transparent)
}

.border-color-mix-20 {
    border-color: color-mix(in srgb, var(--color) 20%, transparent)
}

.border-color-mix-50 {
    border-color: color-mix(in srgb, var(--color) 50%, transparent)
}

.border-white {
    border-color: #fff
}

.border-white\/10 {
    border-color: #ffffff1a
}

.bg-\[\#0059FF\] {
    background-color: #0059ff
}

.bg-\[\#0092ff\] {
    background-color: #0092ff
}

.bg-\[\#0096FE\]\/30 {
    background-color: #0096fe4d
}

.bg-\[\#00ffff\] {
    background-color: #0ff
}

.bg-\[\#081219\] {
    background-color: #081219
}

.bg-\[\#0F93FF\] {
    background-color: #0f93ff
}

.bg-\[\#0a9eff\] {
    background-color: #0a9eff
}

.bg-\[\#0c1129\] {
    background-color: #0c1129
}

.bg-\[\#0f7bfa\] {
    background-color: #0f7bfa
}

.bg-\[\#131A30\]\/80 {
    background-color: #131a30cc
}

.bg-\[\#161B2E\] {
    background-color: #161b2e
}

.bg-\[\#161B2E\]\/80 {
    background-color: #161b2ecc
}

.bg-\[\#161B2E\]\/95 {
    background-color: #161b2ef2
}

.bg-\[\#161b2e\] {
    background-color: #161b2e
}

.bg-\[\#161b2e\]\/30 {
    background-color: #161b2e4d
}

.bg-\[\#161b2e\]\/70 {
    background-color: #161b2eb3
}

.bg-\[\#161b2e\]\/95 {
    background-color: #161b2ef2
}

.bg-\[\#161b2e\]\/98 {
    background-color: #161b2efa
}

.bg-\[\#161b2e\]\/99 {
    background-color: #161b2efc
}

.bg-\[\#161b2e\]\/\[\.85\] {
    background-color: #161b2ed9
}

.bg-\[\#161b2f\]\/80 {
    background-color: #161b2fcc
}

.bg-\[\#171b2f\] {
    background-color: #171b2f
}

.bg-\[\#181e32\] {
    background-color: #181e32
}

.bg-\[\#181e33\] {
    background-color: #181e33
}

.bg-\[\#185cac\] {
    background-color: #185cac
}

.bg-\[\#191F34\] {
    background-color: #191f34
}

.bg-\[\#1A2035\] {
    background-color: #1a2035
}

.bg-\[\#1B2C52\] {
    background-color: #1b2c52
}

.bg-\[\#1C233A\] {
    background-color: #1c233a
}

.bg-\[\#1C233B\] {
    background-color: #1c233b
}

.bg-\[\#1C233B\]\/90 {
    background-color: #1c233be6
}

.bg-\[\#1E253D\] {
    background-color: #1e253d
}

.bg-\[\#1E253D\]\/80 {
    background-color: #1e253dcc
}

.bg-\[\#1E253D\]\/\[\.96\] {
    background-color: #1e253df5
}

.bg-\[\#1E4C61\]\/80 {
    background-color: #1e4c61cc
}

.bg-\[\#1a2037\] {
    background-color: #1a2037
}

.bg-\[\#1a2038\] {
    background-color: #1a2038
}

.bg-\[\#1a2238\] {
    background-color: #1a2238
}

.bg-\[\#1b2138\] {
    background-color: #1b2138
}

.bg-\[\#1b2238\] {
    background-color: #1b2238
}

.bg-\[\#1b2a4c\] {
    background-color: #1b2a4c
}

.bg-\[\#1c233a\] {
    background-color: #1c233a
}

.bg-\[\#1c233b\] {
    background-color: #1c233b
}

.bg-\[\#1c243b\] {
    background-color: #1c243b
}

.bg-\[\#1d233a\] {
    background-color: #1d233a
}

.bg-\[\#1d243b\] {
    background-color: #1d243b
}

.bg-\[\#1d243c\] {
    background-color: #1d243c
}

.bg-\[\#1d243d\] {
    background-color: #1d243d
}

.bg-\[\#1d253d\] {
    background-color: #1d253d
}

.bg-\[\#1d2c4e\] {
    background-color: #1d2c4e
}

.bg-\[\#1e253d\] {
    background-color: #1e253d
}

.bg-\[\#1e253d\]\/95 {
    background-color: #1e253df2
}

.bg-\[\#1e263e\] {
    background-color: #1e263e
}

.bg-\[\#202741\] {
    background-color: #202741
}

.bg-\[\#202842\] {
    background-color: #202842
}

.bg-\[\#212842\]\/80 {
    background-color: #212842cc
}

.bg-\[\#212943\] {
    background-color: #212943
}

.bg-\[\#212944\] {
    background-color: #212944
}

.bg-\[\#212a45\] {
    background-color: #212a45
}

.bg-\[\#222a46\] {
    background-color: #222a46
}

.bg-\[\#232C48\],
.bg-\[\#232c48\] {
    background-color: #232c48
}

.bg-\[\#232c48\]\/50 {
    background-color: #232c4880
}

.bg-\[\#232c48\]\/80 {
    background-color: #232c48cc
}

.bg-\[\#23677b\] {
    background-color: #23677b
}

.bg-\[\#242C48\] {
    background-color: #242c48
}

.bg-\[\#242C48\]\/50 {
    background-color: #242c4880
}

.bg-\[\#242b44\] {
    background-color: #242b44
}

.bg-\[\#242c48\] {
    background-color: #242c48
}

.bg-\[\#242c48\]\/97,
.bg-\[\#242c48\]\/\[\.97\] {
    background-color: #242c48f7
}

.bg-\[\#242d49\] {
    background-color: #242d49
}

.bg-\[\#252e48\] {
    background-color: #252e48
}

.bg-\[\#252e4a\] {
    background-color: #252e4a
}

.bg-\[\#252e4a\]\/50 {
    background-color: #252e4a80
}

.bg-\[\#252e4b\]\/95 {
    background-color: #252e4bf2
}

.bg-\[\#25334e\] {
    background-color: #25334e
}

.bg-\[\#25375e\] {
    background-color: #25375e
}

.bg-\[\#256CDD\] {
    background-color: #256cdd
}

.bg-\[\#262F4C\],
.bg-\[\#262f4c\] {
    background-color: #262f4c
}

.bg-\[\#262f4c\]\/95 {
    background-color: #262f4cf2
}

.bg-\[\#272E4B\] {
    background-color: #272e4b
}

.bg-\[\#272f4d\] {
    background-color: #272f4d
}

.bg-\[\#272f4e\] {
    background-color: #272f4e
}

.bg-\[\#27304e\] {
    background-color: #27304e
}

.bg-\[\#273aa1\] {
    background-color: #273aa1
}

.bg-\[\#274151\] {
    background-color: #274151
}

.bg-\[\#28314E\] {
    background-color: #28314e
}

.bg-\[\#28314f\] {
    background-color: #28314f
}

.bg-\[\#283152\]\/60 {
    background-color: #28315299
}

.bg-\[\#283250\] {
    background-color: #283250
}

.bg-\[\#28344B\] {
    background-color: #28344b
}

.bg-\[\#293250\] {
    background-color: #293250
}

.bg-\[\#293251\] {
    background-color: #293251
}

.bg-\[\#293252\] {
    background-color: #293252
}

.bg-\[\#2A3454\] {
    background-color: #2a3454
}

.bg-\[\#2A3454\]\/50 {
    background-color: #2a345480
}

.bg-\[\#2D4462\] {
    background-color: #2d4462
}

.bg-\[\#2D96AD\] {
    background-color: #2d96ad
}

.bg-\[\#2E395A\] {
    background-color: #2e395a
}

.bg-\[\#2E81FF\] {
    background-color: #2e81ff
}

.bg-\[\#2F3959\] {
    background-color: #2f3959
}

.bg-\[\#2a3454\] {
    background-color: #2a3454
}

.bg-\[\#2a3454\]\/50 {
    background-color: #2a345480
}

.bg-\[\#2a3556\] {
    background-color: #2a3556
}

.bg-\[\#2c3659\] {
    background-color: #2c3659
}

.bg-\[\#2c3c5c\]\/60 {
    background-color: #2c3c5c99
}

.bg-\[\#2d3654\] {
    background-color: #2d3654
}

.bg-\[\#2d4461\] {
    background-color: #2d4461
}

.bg-\[\#2d96ad\] {
    background-color: #2d96ad
}

.bg-\[\#2e3a61\] {
    background-color: #2e3a61
}

.bg-\[\#2f3a5d\] {
    background-color: #2f3a5d
}

.bg-\[\#303b5f\] {
    background-color: #303b5f
}

.bg-\[\#304893\] {
    background-color: #304893
}

.bg-\[\#323e60\]\/50 {
    background-color: #323e6080
}

.bg-\[\#324d6c\] {
    background-color: #324d6c
}

.bg-\[\#332934\] {
    background-color: #332934
}

.bg-\[\#333E63\] {
    background-color: #333e63
}

.bg-\[\#354F6B\] {
    background-color: #354f6b
}

.bg-\[\#3592FF\]\/30 {
    background-color: #3592ff4d
}

.bg-\[\#3592FF\]\/35 {
    background-color: #3592ff59
}

.bg-\[\#3592FF\]\/45 {
    background-color: #3592ff73
}

.bg-\[\#364063\] {
    background-color: #364063
}

.bg-\[\#364167\] {
    background-color: #364167
}

.bg-\[\#3A0E0B\] {
    background-color: #3a0e0b
}

.bg-\[\#3B286D\] {
    background-color: #3b286d
}

.bg-\[\#3D76D1\] {
    background-color: #3d76d1
}

.bg-\[\#3E4B74\] {
    background-color: #3e4b74
}

.bg-\[\#3EA8C0\]\/40 {
    background-color: #3ea8c066
}

.bg-\[\#3a374c\] {
    background-color: #3a374c
}

.bg-\[\#3b384f\] {
    background-color: #3b384f
}

.bg-\[\#3ca8c0\]\/50 {
    background-color: #3ca8c080
}

.bg-\[\#3d4074\]\/70 {
    background-color: #3d4074b3
}

.bg-\[\#3d76d1\]\/18 {
    background-color: #3d76d12e
}

.bg-\[\#3ea8c0\]\/20 {
    background-color: #3ea8c033
}

.bg-\[\#3ea8c0\]\/40 {
    background-color: #3ea8c066
}

.bg-\[\#3f3753\] {
    background-color: #3f3753
}

.bg-\[\#423b4f\] {
    background-color: #423b4f
}

.bg-\[\#432f47\] {
    background-color: #432f47
}

.bg-\[\#433143\] {
    background-color: #433143
}

.bg-\[\#4385FF\]\/20 {
    background-color: #4385ff33
}

.bg-\[\#4385ff\]\/10 {
    background-color: #4385ff1a
}

.bg-\[\#4389E4\] {
    background-color: #4389e4
}

.bg-\[\#452e44\] {
    background-color: #452e44
}

.bg-\[\#486296\] {
    background-color: #486296
}

.bg-\[\#486DE5\]\/35 {
    background-color: #486de559
}

.bg-\[\#486DE5\]\/45 {
    background-color: #486de573
}

.bg-\[\#493249\] {
    background-color: #493249
}

.bg-\[\#4AFDFF\]\/10 {
    background-color: #4afdff1a
}

.bg-\[\#4AFDFF\]\/18 {
    background-color: #4afdff2e
}

.bg-\[\#4AFDFF\]\/\[\.14\] {
    background-color: #4afdff24
}

.bg-\[\#4CA9FF\]\/16 {
    background-color: #4ca9ff29
}

.bg-\[\#4CA9FF\]\/25 {
    background-color: #4ca9ff40
}

.bg-\[\#4afdff1a\],
.bg-\[\#4afdff\]\/10 {
    background-color: #4afdff1a
}

.bg-\[\#4afdff\]\/18 {
    background-color: #4afdff2e
}

.bg-\[\#4afdff\]\/20 {
    background-color: #4afdff33
}

.bg-\[\#4afdff\]\/8 {
    background-color: #4afdff14
}

.bg-\[\#4b2f95\]\/70 {
    background-color: #4b2f95b3
}

.bg-\[\#4c5a88\] {
    background-color: #4c5a88
}

.bg-\[\#4d5877\] {
    background-color: #4d5877
}

.bg-\[\#4d6d8a\] {
    background-color: #4d6d8a
}

.bg-\[\#4fcfd0\] {
    background-color: #4fcfd0
}

.bg-\[\#548DF0\] {
    background-color: #548df0
}

.bg-\[\#5535b2\] {
    background-color: #5535b2
}

.bg-\[\#574b39\]\/70 {
    background-color: #574b39b3
}

.bg-\[\#57C7E0\]\/40 {
    background-color: #57c7e066
}

.bg-\[\#59424a\]\/30 {
    background-color: #59424a4d
}

.bg-\[\#5EE2FF\] {
    background-color: #5ee2ff
}

.bg-\[\#5a9efa\] {
    background-color: #5a9efa
}

.bg-\[\#5a9ffb\] {
    background-color: #5a9ffb
}

.bg-\[\#624444\]\/80 {
    background-color: #624444cc
}

.bg-\[\#641515\] {
    background-color: #641515
}

.bg-\[\#64A2FF\] {
    background-color: #64a2ff
}

.bg-\[\#67fdff\]\/8 {
    background-color: #67fdff14
}

.bg-\[\#682c3b\]\/70 {
    background-color: #682c3bb3
}

.bg-\[\#6B8CC1\],
.bg-\[\#6b8cc1\] {
    background-color: #6b8cc1
}

.bg-\[\#6d7bab\]\/40 {
    background-color: #6d7bab66
}

.bg-\[\#747e9d\] {
    background-color: #747e9d
}

.bg-\[\#75F6FB\] {
    background-color: #75f6fb
}

.bg-\[\#76C7FF\] {
    background-color: #76c7ff
}

.bg-\[\#774b44\] {
    background-color: #774b44
}

.bg-\[\#7D859E\] {
    background-color: #7d859e
}

.bg-\[\#7bdb92\]\/6 {
    background-color: #7bdb920f
}

.bg-\[\#7e74e5\] {
    background-color: #7e74e5
}

.bg-\[\#803b48\] {
    background-color: #803b48
}

.bg-\[\#80eaec\] {
    background-color: #80eaec
}

.bg-\[\#86cbff\]\/16 {
    background-color: #86cbff29
}

.bg-\[\#89beff\] {
    background-color: #89beff
}

.bg-\[\#9147FF\] {
    background-color: #9147ff
}

.bg-\[\#93e7eb\] {
    background-color: #93e7eb
}

.bg-\[\#99eff1\]\/6 {
    background-color: #99eff10f
}

.bg-\[\#9cc8ff\]\/10 {
    background-color: #9cc8ff1a
}

.bg-\[\#A1FEFF\] {
    background-color: #a1feff
}

.bg-\[\#A2FEFF\] {
    background-color: #a2feff
}

.bg-\[\#A2FEFF\]\/10 {
    background-color: #a2feff1a
}

.bg-\[\#A2FEFF\]\/12 {
    background-color: #a2feff1f
}

.bg-\[\#A2FEFF\]\/30 {
    background-color: #a2feff4d
}

.bg-\[\#A6ADCD\] {
    background-color: #a6adcd
}

.bg-\[\#A844ED\] {
    background-color: #a844ed
}

.bg-\[\#B4E7FF\] {
    background-color: #b4e7ff
}

.bg-\[\#B4E7FF\]\/16 {
    background-color: #b4e7ff29
}

.bg-\[\#C3FEFF\] {
    background-color: #c3feff
}

.bg-\[\#C5795A1A\],
.bg-\[\#C5795A\]\/10 {
    background-color: #c5795a1a
}

.bg-\[\#C75300\] {
    background-color: #c75300
}

.bg-\[\#C83E2F\] {
    background-color: #c83e2f
}

.bg-\[\#D6E2FF\] {
    background-color: #d6e2ff
}

.bg-\[\#D9D9D9\] {
    background-color: #d9d9d9
}

.bg-\[\#F2911B\] {
    background-color: #f2911b
}

.bg-\[\#FF1A2F\] {
    background-color: #ff1a2f
}

.bg-\[\#FF5C00\] {
    background-color: #ff5c00
}

.bg-\[\#FF5E5E\] {
    background-color: #ff5e5e
}

.bg-\[\#FFC6B0\] {
    background-color: #ffc6b0
}

.bg-\[\#a2dfff\] {
    background-color: #a2dfff
}

.bg-\[\#a2feff\] {
    background-color: #a2feff
}

.bg-\[\#a2feff\]\/6 {
    background-color: #a2feff0f
}

.bg-\[\#a6adcd\] {
    background-color: #a6adcd
}

.bg-\[\#a9cfff\] {
    background-color: #a9cfff
}

.bg-\[\#b18bff\]\/35 {
    background-color: #b18bff59
}

.bg-\[\#b18bff\]\/45 {
    background-color: #b18bff73
}

.bg-\[\#bfcbe7\] {
    background-color: #bfcbe7
}

.bg-\[\#c23d00\] {
    background-color: #c23d00
}

.bg-\[\#c4ee87\]\/10 {
    background-color: #c4ee871a
}

.bg-\[\#c4ee87\]\/25 {
    background-color: #c4ee8740
}

.bg-\[\#c4ee87\]\/35 {
    background-color: #c4ee8759
}

.bg-\[\#ccd8f5\] {
    background-color: #ccd8f5
}

.bg-\[\#dae2f5\] {
    background-color: #dae2f5
}

.bg-\[\#e35a5a\]\/16 {
    background-color: #e35a5a29
}

.bg-\[\#ed424224\] {
    background-color: #ed424224
}

.bg-\[\#f05765\]\/20 {
    background-color: #f0576533
}

.bg-\[\#f05765\]\/6 {
    background-color: #f057650f
}

.bg-\[\#f47d3a\] {
    background-color: #f47d3a
}

.bg-\[\#f48688\] {
    background-color: #f48688
}

.bg-\[\#fb6d7c\] {
    background-color: #fb6d7c
}

.bg-\[\#fd77ff\]\/35 {
    background-color: #fd77ff59
}

.bg-\[\#fd77ff\]\/45 {
    background-color: #fd77ff73
}

.bg-\[\#ff8255\] {
    background-color: #ff8255
}

.bg-\[\#ff8256\] {
    background-color: #ff8256
}

.bg-\[\#ff8256\]\/50 {
    background-color: #ff825680
}

.bg-\[\#ff8256\]\/60 {
    background-color: #ff825699
}

.bg-\[\#ff8b8b\]\/8 {
    background-color: #ff8b8b14
}

.bg-\[\#ff9b67\]\/8 {
    background-color: #ff9b6714
}

.bg-\[\#ffa155\] {
    background-color: #ffa155
}

.bg-\[\#ffa6b4\] {
    background-color: #ffa6b4
}

.bg-\[\#ffc6b0\] {
    background-color: #ffc6b0
}

.bg-\[\#ffc8b3\] {
    background-color: #ffc8b3
}

.bg-\[\#ffcab5\] {
    background-color: #ffcab5
}

.bg-\[\#ffcbb7\] {
    background-color: #ffcbb7
}

.bg-\[--bg\] {
    background-color: var(--bg)
}

.bg-\[--color\] {
    background-color: var(--color)
}

.bg-\[--dots-color\] {
    background-color: var(--dots-color)
}

.bg-\[--fill\] {
    background-color: var(--fill)
}

.bg-\[--label-bg-2\] {
    background-color: var(--label-bg-2)
}

.bg-\[--line-color\] {
    background-color: var(--line-color)
}

.bg-\[--list-bullet-color\,\#ffc6b0\] {
    background-color: var(--list-bullet-color, #ffc6b0)
}

.bg-\[--panel-fill-a\] {
    background-color: var(--panel-fill-a)
}

.bg-\[--panel-fill\] {
    background-color: var(--panel-fill)
}

.bg-\[--shadow-color\] {
    background-color: var(--shadow-color)
}

.bg-\[--shadow\] {
    background-color: var(--shadow)
}

.bg-\[--stripe-bg\] {
    background-color: var(--stripe-bg)
}

.bg-\[--stroke-color\] {
    background-color: var(--stroke-color)
}

.bg-\[--switch-color\,\#747e9d\] {
    background-color: var(--switch-color, #747e9d)
}

.bg-\[black\] {
    background-color: #000
}

.bg-\[color-mix\(in_srgb\,var\(--from\)_20\%\,black\)\] {
    background-color: color-mix(in srgb, var(--from) 20%, black)
}

.bg-bg-mix-10 {
    background-color: color-mix(in srgb, var(--bg) 10%, transparent)
}

.bg-bg-mix-30 {
    background-color: color-mix(in srgb, var(--bg) 30%, transparent)
}

.bg-bg-mix-50 {
    background-color: color-mix(in srgb, var(--bg) 50%, transparent)
}

.bg-black {
    background-color: #161628
}

.bg-black\/80 {
    background-color: #161628cc
}

.bg-color-mix-20 {
    background-color: color-mix(in srgb, var(--color) 20%, transparent)
}

.bg-color-mix-3 {
    background-color: color-mix(in srgb, var(--color) 3%, transparent)
}

.bg-color-mix-5 {
    background-color: color-mix(in srgb, var(--color) 5%, transparent)
}

.bg-current {
    background-color: currentColor
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    background-color: #fff
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-\[image\:--bg-gradient\] {
    background-image: var(--bg-gradient)
}

.bg-\[image\:--bg\] {
    background-image: var(--bg)
}

.bg-\[image\:--border-gradient\] {
    background-image: var(--border-gradient)
}

.bg-\[image\:--btn-bg\] {
    background-image: var(--btn-bg)
}

.bg-\[image\:--ill\] {
    background-image: var(--ill)
}

.bg-\[image\:--image\] {
    background-image: var(--image)
}

.bg-\[image\:--text-gradient\] {
    background-image: var(--text-gradient)
}

.bg-\[image\:linear-gradient\(0deg\,\#242C46\,\#434C69\,\#8997C6\,\#434C69\,\#242C46\)\] {
    background-image: linear-gradient(0deg, #242C46, #434C69, #8997C6, #434C69, #242C46)
}

.bg-\[image\:linear-gradient\(0deg\,transparent\,\#93E8EB3b\,\#93E8EB\,\#93E8EB3b\,transparent\)\] {
    background-image: linear-gradient(0deg, transparent, #93E8EB3b, #93E8EB, #93E8EB3b, transparent)
}

.bg-\[image\:linear-gradient\(0deg\,transparent\,var\(--stroke-alpha\)\,var\(--stroke\)\,var\(--stroke-alpha\)\,transparent\)\] {
    background-image: linear-gradient(0deg, transparent, var(--stroke-alpha), var(--stroke), var(--stroke-alpha), transparent)
}

.bg-\[image\:linear-gradient\(90deg\,\#27304D\,\#1E263E\)\] {
    background-image: linear-gradient(90deg, #27304D, #1E263E)
}

.bg-\[image\:linear-gradient\(90deg\,\#3E6DB500_35\%\,\#73A8F9FF_50\%\,\#3E6DB500_65\%\)\,linear-gradient\(90deg\,\#3E6DB500\,\#3E6DB5FF\,\#3E6DB500\)\] {
    background-image: linear-gradient(90deg, #3E6DB500 35%, #73A8F9FF 50%, #3E6DB500 65%), linear-gradient(90deg, #3E6DB500, #3E6DB5FF, #3E6DB500)
}

.bg-\[linear-gradient\(0deg\,\#26334e\,\#406177\,\#9cf4f6\,\#406177\,\#26334e\)\] {
    background-image: linear-gradient(0deg, #26334e, #406177, #9cf4f6, #406177, #26334e)
}

.bg-\[linear-gradient\(0deg\,\#26334e\,\#406177\,\#a2feff\,\#406177\,\#26334e\)\] {
    background-image: linear-gradient(0deg, #26334e, #406177, #a2feff, #406177, #26334e)
}

.bg-\[linear-gradient\(0deg\,\#2e2c41\,\#5c464e\,\#efbead\,\#5c464e\,\#2e2c41\)\] {
    background-image: linear-gradient(0deg, #2e2c41, #5c464e, #efbead, #5c464e, #2e2c41)
}

.bg-\[linear-gradient\(0deg\,transparent_5\%\,\#234156\,transparent_95\%\)\] {
    background-image: linear-gradient(0deg, transparent 5%, #234156, transparent 95%)
}

.bg-\[linear-gradient\(140deg\,var\(--color\)\,transparent_25\%\)\] {
    background-image: linear-gradient(140deg, var(--color), transparent 25%)
}

.bg-\[linear-gradient\(170deg\,\#212841_30\%\,\#323d61\)\] {
    background-image: linear-gradient(170deg, #212841 30%, #323d61)
}

.bg-\[linear-gradient\(243deg\,transparent_15\%\,rgba\(20\,114\,255\,\.26\)_94\%\)\,linear-gradient\(360deg\,\#283252\,\#1C233A\)\] {
    background-image: linear-gradient(243deg, transparent 15%, rgba(20, 114, 255, .26) 94%), linear-gradient(360deg, #283252, #1C233A)
}

.bg-\[linear-gradient\(270deg\,rgba\(255\,26\,47\,0\)_30\%\,rgba\(255\,26\,47\,\.16\)\)\] {
    background-image: linear-gradient(270deg, rgba(255, 26, 47, 0) 30%, rgba(255, 26, 47, .16))
}

.bg-\[linear-gradient\(360deg\,\#006AB7_0\%\,\#073664_39\.5\%\,\#0A2349_72\%\,\#03142F_100\%\)\] {
    background-image: linear-gradient(360deg, #006AB7 0%, #073664 39.5%, #0A2349 72%, #03142F 100%)
}

.bg-\[linear-gradient\(360deg\,var\(--from\)\,\#323f6766_18\%\,\#29345566_78\%\,\#29345533\)\] {
    background-image: linear-gradient(360deg, var(--from), #323f6766 18%, #29345566 78%, #29345533)
}

.bg-\[linear-gradient\(90deg\,\#2a34544d\,\#2a34543a_59\%\,\#2a34542e\)\] {
    background-image: linear-gradient(90deg, #2a34544d, #2a34543a 59%, #2a34542e)
}

.bg-\[linear-gradient\(90deg\,\#4AFDFF00\,\#4AFDFF33\,\#4AFDFF00\)\,_linear-gradient\(90deg\,_\#A2FEFF00\,\#A2FEFF\,\#A2FEFF00\)\] {
    background-image: linear-gradient(90deg, #4AFDFF00, #4AFDFF33, #4AFDFF00), linear-gradient(90deg, #A2FEFF00, #A2FEFF, #A2FEFF00)
}

.bg-\[linear-gradient\(90deg\,\#91E4E8_5\%\,\#477685_25\%\,\#224055_80\%\)\] {
    background-image: linear-gradient(90deg, #91E4E8 5%, #477685 25%, #224055 80%)
}

.bg-\[radial-gradient\(circle_at_50\%\,\#5a9efa\,\#5a9efa36\,transparent\)\] {
    background-image: radial-gradient(circle at 50%, #5a9efa, #5a9efa36, transparent)
}

.bg-\[radial-gradient\(circle_at_50\%\,\#d67478\,\#d6747836\,transparent\)\] {
    background-image: radial-gradient(circle at 50%, #d67478, #d6747836, transparent)
}

.bg-\[radial-gradient\(circle_at_50\%\,\#ffc8b3\,\#ffc8b336\,transparent\)\] {
    background-image: radial-gradient(circle at 50%, #ffc8b3, #ffc8b336, transparent)
}

.bg-\[repeating-linear-gradient\(var\(--lines-color\)\,var\(--lines-color\)_1px\,transparent_1px\,transparent_3px\)\] {
    background-image: repeating-linear-gradient(var(--lines-color), var(--lines-color) 1px, transparent 1px, transparent 3px)
}

.bg-\[url\(\/img\/birthday\/scratches\.webp\)\] {
    background-image: url(/img/birthday/scratches.webp)
}

.bg-gradient-radial-var {
    background-image: radial-gradient(closest-side, var(--from, transparent), var(--to, transparent))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-var {
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.bg-gradient-var-to-b {
    background-image: linear-gradient(180deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.bg-gradient-var-to-l {
    background-image: linear-gradient(-90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.bg-gradient-var-to-r {
    background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.bg-gradient-var-via {
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent), var(--via, transparent), var(--to, transparent))
}

.bg-none {
    background-image: none
}

.from-\[\#161b2e\] {
    --tw-gradient-from: #161b2e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(22 27 46 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#2b4271\] {
    --tw-gradient-from: #2b4271 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(43 66 113 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3c374b\] {
    --tw-gradient-from: #3c374b var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(60 55 75 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#3e4277\] {
    --tw-gradient-from: #3e4277 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(62 66 119 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#161b2e\]\/80 {
    --tw-gradient-to: rgb(22 27 46 / .8) var(--tw-gradient-to-position)
}

.to-\[transparent\] {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-80\% {
    --tw-gradient-to-position: 80%
}

.box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.bg-\[size\:100\%_100\%\,_50\%_100\%\] {
    background-size: 100% 100%, 50% 100%
}

.bg-\[size\:120\%\] {
    background-size: 120%
}

.bg-\[size\:2rem_100\%\] {
    background-size: 2rem 100%
}

.bg-\[size\:788px_461px\] {
    background-size: 788px 461px
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-content {
    background-clip: content-box
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-\[30\%_30\%\] {
    background-position: 30% 30%
}

.bg-\[50\%_30\%\] {
    background-position: 50% 30%
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: center
}

.bg-left {
    background-position: left
}

.bg-left-top {
    background-position: left top
}

.bg-right {
    background-position: right
}

.bg-top {
    background-position: top
}

.bg-repeat {
    background-repeat: repeat
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-\[\#5a9efa\] {
    fill: #5a9efa
}

.fill-\[\#747e9d\] {
    fill: #747e9d
}

.fill-\[\#a2feff\] {
    fill: #a2feff
}

.fill-\[\#a6adcd\] {
    fill: #a6adcd
}

.fill-\[\#bfcbe7\] {
    fill: #bfcbe7
}

.fill-\[\#c2ddff\] {
    fill: #c2ddff
}

.fill-\[\#f4c4b2\] {
    fill: #f4c4b2
}

.fill-\[\#fdb297\] {
    fill: #fdb297
}

.fill-\[\#ffc6b0\] {
    fill: #ffc6b0
}

.fill-\[\#ffc8b3\] {
    fill: #ffc8b3
}

.fill-\[\#ffcdb9\] {
    fill: #ffcdb9
}

.fill-\[--color\] {
    fill: var(--color)
}

.fill-\[url\(\#gray-gradient\)\] {
    fill: url(#gray-gradient)
}

.fill-\[url\(\#primary-gradient\)\] {
    fill: url(#primary-gradient)
}

.fill-current {
    fill: currentColor
}

.fill-inherit {
    fill: inherit
}

.fill-none {
    fill: none
}

.fill-white {
    fill: #fff
}

.stroke-\[--bg\] {
    stroke: var(--bg)
}

.stroke-\[--from\] {
    stroke: var(--from)
}

.stroke-\[--stroke\] {
    stroke: var(--stroke)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-\[-8rem_50\%\] {
    -o-object-position: -8rem 50%;
    object-position: -8rem 50%
}

.object-\[4\%_center\] {
    -o-object-position: 4% center;
    object-position: 4% center
}

.object-\[55\%\] {
    -o-object-position: 55%;
    object-position: 55%
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-right {
    -o-object-position: right;
    object-position: right
}

.p-0\.5 {
    padding: .125rem
}

.p-0\.75 {
    padding: .1875rem
}

.p-1 {
    padding: .25rem
}

.p-1\.25 {
    padding: .3125rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-4 {
    padding: 1rem
}

.p-4\.5 {
    padding: 1.125rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7\.5 {
    padding: 1.875rem
}

.p-px {
    padding: 1px
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-0\.75 {
    padding-left: .1875rem;
    padding-right: .1875rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.25 {
    padding-left: .3125rem;
    padding-right: .3125rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-1\.75 {
    padding-left: .4375rem;
    padding-right: .4375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.25 {
    padding-left: .5625rem;
    padding-right: .5625rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-2\.75 {
    padding-left: .6875rem;
    padding-right: .6875rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-4\.5 {
    padding-left: 1.125rem;
    padding-right: 1.125rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-5\.5 {
    padding-left: 1.375rem;
    padding-right: 1.375rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-7\.5 {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.px-\[2px\] {
    padding-left: 2px;
    padding-right: 2px
}

.px-px {
    padding-left: 1px;
    padding-right: 1px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-0\.75 {
    padding-top: .1875rem;
    padding-bottom: .1875rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.25 {
    padding-top: .8125rem;
    padding-bottom: .8125rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-3\.75 {
    padding-top: .9375rem;
    padding-bottom: .9375rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-4\.25 {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-5\.5 {
    padding-top: 1.375rem;
    padding-bottom: 1.375rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-6\.5 {
    padding-top: 1.625rem;
    padding-bottom: 1.625rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-7\.5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.25 {
    padding-bottom: .3125rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-13 {
    padding-bottom: 3.25rem
}

.pb-14\.5 {
    padding-bottom: 3.625rem
}

.pb-15 {
    padding-bottom: 3.75rem
}

.pb-15\.5 {
    padding-bottom: 3.875rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-22 {
    padding-bottom: 5.5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-4\.5 {
    padding-bottom: 1.125rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7\.5 {
    padding-bottom: 1.875rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[\.1em\] {
    padding-bottom: .1em
}

.pb-\[7\.5\%\] {
    padding-bottom: 7.5%
}

.pb-\[calc\(270\/232\*100\%\)\] {
    padding-bottom: calc(270 / 232 * 100%)
}

.pb-px {
    padding-bottom: 1px
}

.pl-0 {
    padding-left: 0
}

.pl-0\.5 {
    padding-left: .125rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-10\.5 {
    padding-left: 2.625rem
}

.pl-11 {
    padding-left: 2.75rem
}

.pl-11\.5 {
    padding-left: 2.875rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-12\.5 {
    padding-left: 3.125rem
}

.pl-14 {
    padding-left: 3.5rem
}

.pl-17 {
    padding-left: 4.25rem
}

.pl-18 {
    padding-left: 4.5rem
}

.pl-19 {
    padding-left: 4.75rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-2\.75 {
    padding-left: .6875rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-3\.25 {
    padding-left: .8125rem
}

.pl-3\.5 {
    padding-left: .875rem
}

.pl-38 {
    padding-left: 9.5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-4\.5 {
    padding-left: 1.125rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-6\.5 {
    padding-left: 1.625rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-7\.5 {
    padding-left: 1.875rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-8\.5 {
    padding-left: 2.125rem
}

.pl-9\.5 {
    padding-left: 2.375rem
}

.pr-0\.5 {
    padding-right: .125rem
}

.pr-0\.75 {
    padding-right: .1875rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-11 {
    padding-right: 2.75rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-13 {
    padding-right: 3.25rem
}

.pr-14 {
    padding-right: 3.5rem
}

.pr-16 {
    padding-right: 4rem
}

.pr-18 {
    padding-right: 4.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-20 {
    padding-right: 5rem
}

.pr-22\.5 {
    padding-right: 5.625rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-3\.5 {
    padding-right: .875rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-4\.5 {
    padding-right: 1.125rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-5\.5 {
    padding-right: 1.375rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-6\.5 {
    padding-right: 1.625rem
}

.pr-7 {
    padding-right: 1.75rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-px {
    padding-right: 1px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-0\.75 {
    padding-top: .1875rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.25 {
    padding-top: .3125rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-1\.75 {
    padding-top: .4375rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-2\.75 {
    padding-top: .6875rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-3\.25 {
    padding-top: .8125rem
}

.pt-3\.5 {
    padding-top: .875rem
}

.pt-35 {
    padding-top: 8.75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-4\.5 {
    padding-top: 1.125rem
}

.pt-45 {
    padding-top: 11.25rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-5\.5 {
    padding-top: 1.375rem
}

.pt-5\.75 {
    padding-top: 1.4375rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-6\.5 {
    padding-top: 1.625rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-7\.5 {
    padding-top: 1.875rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-px {
    padding-top: 1px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-\[inherit\] {
    font-family: inherit
}

.font-\[monospace\,sans-serif\] {
    font-family: monospace, sans-serif
}

.font-drina {
    font-family: Drina, sans-serif
}

.font-furore {
    font-family: Furore, sans-serif
}

.font-primary {
    font-family: Inter, sans-serif
}

.font-spectrashell {
    font-family: Spectrashell, sans-serif
}

.text-2xl {
    font-size: 1.125rem
}

.text-3xl {
    font-size: 1.25rem
}

.text-4xl {
    font-size: 1.375rem
}

.text-5xl {
    font-size: 1.5rem
}

.text-6xl {
    font-size: 1.75rem
}

.text-7xl {
    font-size: 2rem
}

.text-8xl {
    font-size: 2.125rem
}

.text-\[\.55rem\] {
    font-size: .55rem
}

.text-\[\.8em\] {
    font-size: .8em
}

.text-\[0\.5625rem\] {
    font-size: .5625rem
}

.text-\[0\.6rem\] {
    font-size: .6rem
}

.text-\[0\.9375rem\] {
    font-size: .9375rem
}

.text-\[1\.0625rem\] {
    font-size: 1.0625rem
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

.text-\[1\.2rem\] {
    font-size: 1.2rem
}

.text-\[1\.375rem\] {
    font-size: 1.375rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.625rem\] {
    font-size: 1.625rem
}

.text-\[1rem\] {
    font-size: 1rem
}

.text-\[2\.375rem\] {
    font-size: 2.375rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[2\.75rem\] {
    font-size: 2.75rem
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[3\.5rem\] {
    font-size: 3.5rem
}

.text-\[3\.75rem\] {
    font-size: 3.75rem
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[6\.25rem\] {
    font-size: 6.25rem
}

.text-\[9px\] {
    font-size: 9px
}

.text-base {
    font-size: .8125rem
}

.text-huge {
    font-size: .9375rem
}

.text-lg {
    font-size: .875rem
}

.text-nano {
    font-size: .625rem
}

.text-sm {
    font-size: .75rem
}

.text-tiny {
    font-size: .6875rem
}

.text-xl {
    font-size: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-\[\.8\] {
    line-height: .8
}

.leading-\[1\.15\] {
    line-height: 1.15
}

.leading-\[1\.175\] {
    line-height: 1.175
}

.leading-\[1\.1\] {
    line-height: 1.1
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[1\.65\] {
    line-height: 1.65
}

.leading-none {
    line-height: 1
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[-\.03em\],
.tracking-\[-0\.03em\] {
    letter-spacing: -.03em
}

.text-\[\#0B556B\] {
    color: #0b556b
}

.text-\[\#122C38\] {
    color: #122c38
}

.text-\[\#161B2E\]\/95 {
    color: #161b2ef2
}

.text-\[\#171B39\] {
    color: #171b39
}

.text-\[\#1B2238\] {
    color: #1b2238
}

.text-\[\#1b3f4e\] {
    color: #1b3f4e
}

.text-\[\#1c3449\] {
    color: #1c3449
}

.text-\[\#1f3e60\] {
    color: #1f3e60
}

.text-\[\#212944\] {
    color: #212944
}

.text-\[\#213a50\] {
    color: #213a50
}

.text-\[\#303d2d\] {
    color: #303d2d
}

.text-\[\#413b76\] {
    color: #413b76
}

.text-\[\#44ED7D\] {
    color: #44ed7d
}

.text-\[\#4B33A5\] {
    color: #4b33a5
}

.text-\[\#4a3b45\] {
    color: #4a3b45
}

.text-\[\#4afdff\] {
    color: #4afdff
}

.text-\[\#4c1e28\] {
    color: #4c1e28
}

.text-\[\#4d2332\] {
    color: #4d2332
}

.text-\[\#503b40\] {
    color: #503b40
}

.text-\[\#58C1EA\] {
    color: #58c1ea
}

.text-\[\#737a92\] {
    color: #737a92
}

.text-\[\#747E9D\],
.text-\[\#747e9d\] {
    color: #747e9d
}

.text-\[\#774b44\] {
    color: #774b44
}

.text-\[\#78829f\] {
    color: #78829f
}

.text-\[\#7D859E\] {
    color: #7d859e
}

.text-\[\#7bdb92\] {
    color: #7bdb92
}

.text-\[\#7d859e\] {
    color: #7d859e
}

.text-\[\#7dfff1\] {
    color: #7dfff1
}

.text-\[\#848FB7\] {
    color: #848fb7
}

.text-\[\#84eaff\] {
    color: #84eaff
}

.text-\[\#878da7\] {
    color: #878da7
}

.text-\[\#88353e\] {
    color: #88353e
}

.text-\[\#8893b7\] {
    color: #8893b7
}

.text-\[\#88FFE7\] {
    color: #88ffe7
}

.text-\[\#89f6fe\] {
    color: #89f6fe
}

.text-\[\#8D97B4\] {
    color: #8d97b4
}

.text-\[\#9199b4\] {
    color: #9199b4
}

.text-\[\#919DC1\] {
    color: #919dc1
}

.text-\[\#92e5e9\] {
    color: #92e5e9
}

.text-\[\#939ebd\] {
    color: #939ebd
}

.text-\[\#93e7eb\] {
    color: #93e7eb
}

.text-\[\#94f3bd\] {
    color: #94f3bd
}

.text-\[\#959bba\] {
    color: #959bba
}

.text-\[\#96C6FF\] {
    color: #96c6ff
}

.text-\[\#99F0F3\] {
    color: #99f0f3
}

.text-\[\#99eff1\] {
    color: #99eff1
}

.text-\[\#99f0f3\] {
    color: #99f0f3
}

.text-\[\#9cc8ff\] {
    color: #9cc8ff
}

.text-\[\#9fa6c5\] {
    color: #9fa6c5
}

.text-\[\#9fa6c6\] {
    color: #9fa6c6
}

.text-\[\#A2FEFF\] {
    color: #a2feff
}

.text-\[\#A5C6FF\] {
    color: #a5c6ff
}

.text-\[\#A6ADCD\] {
    color: #a6adcd
}

.text-\[\#ABB2CF\] {
    color: #abb2cf
}

.text-\[\#ACE6FF\] {
    color: #ace6ff
}

.text-\[\#B28675\] {
    color: #b28675
}

.text-\[\#B4E7FF\] {
    color: #b4e7ff
}

.text-\[\#B7C3E8\] {
    color: #b7c3e8
}

.text-\[\#BCDFFF\] {
    color: #bcdfff
}

.text-\[\#BEE1FF\] {
    color: #bee1ff
}

.text-\[\#BFCBE7\] {
    color: #bfcbe7
}

.text-\[\#C2A2DA\] {
    color: #c2a2da
}

.text-\[\#C2DDFF\] {
    color: #c2ddff
}

.text-\[\#C9D6FE\] {
    color: #c9d6fe
}

.text-\[\#CCE9FF\] {
    color: #cce9ff
}

.text-\[\#CDFBFF\] {
    color: #cdfbff
}

.text-\[\#CEAFFF\] {
    color: #ceafff
}

.text-\[\#CEEFFF\] {
    color: #ceefff
}

.text-\[\#D2F8FF\] {
    color: #d2f8ff
}

.text-\[\#D2FFFA\] {
    color: #d2fffa
}

.text-\[\#D3E7FF\]\/80 {
    color: #d3e7ffcc
}

.text-\[\#D6E2FF\] {
    color: #d6e2ff
}

.text-\[\#D6E2FF\]\/70 {
    color: #d6e2ffb3
}

.text-\[\#DAE2F5\] {
    color: #dae2f5
}

.text-\[\#DBF8FF\] {
    color: #dbf8ff
}

.text-\[\#DDDDDD\] {
    color: #ddd
}

.text-\[\#E3EAFF\] {
    color: #e3eaff
}

.text-\[\#FF7B7B\] {
    color: #ff7b7b
}

.text-\[\#FFC2C2\] {
    color: #ffc2c2
}

.text-\[\#FFC6B0\] {
    color: #ffc6b0
}

.text-\[\#FFD2AA\] {
    color: #ffd2aa
}

.text-\[\#FFD6C6\] {
    color: #ffd6c6
}

.text-\[\#FFDACC\] {
    color: #ffdacc
}

.text-\[\#FFFFFF\] {
    color: #fff
}

.text-\[\#a1ecff\] {
    color: #a1ecff
}

.text-\[\#a1feff\] {
    color: #a1feff
}

.text-\[\#a2dfff\] {
    color: #a2dfff
}

.text-\[\#a2feff\] {
    color: #a2feff
}

.text-\[\#a4abc7\] {
    color: #a4abc7
}

.text-\[\#a5aec4\] {
    color: #a5aec4
}

.text-\[\#a6adcd\] {
    color: #a6adcd
}

.text-\[\#a7e1e6\] {
    color: #a7e1e6
}

.text-\[\#a8cfff\] {
    color: #a8cfff
}

.text-\[\#abb2cf\] {
    color: #abb2cf
}

.text-\[\#ace6ff\] {
    color: #ace6ff
}

.text-\[\#b3bbdb\] {
    color: #b3bbdb
}

.text-\[\#b4eeff\] {
    color: #b4eeff
}

.text-\[\#b6bdda\] {
    color: #b6bdda
}

.text-\[\#b8c9e7\] {
    color: #b8c9e7
}

.text-\[\#bca8ff\] {
    color: #bca8ff
}

.text-\[\#bce9ee\] {
    color: #bce9ee
}

.text-\[\#bfcbe7\] {
    color: #bfcbe7
}

.text-\[\#c0beff\] {
    color: #c0beff
}

.text-\[\#c0e0fc\] {
    color: #c0e0fc
}

.text-\[\#c2c9ff\] {
    color: #c2c9ff
}

.text-\[\#c2ddff\] {
    color: #c2ddff
}

.text-\[\#c2eeff\] {
    color: #c2eeff
}

.text-\[\#c3c7d8\] {
    color: #c3c7d8
}

.text-\[\#c5d0e9\] {
    color: #c5d0e9
}

.text-\[\#c5d0ec\] {
    color: #c5d0ec
}

.text-\[\#c8f5fa\] {
    color: #c8f5fa
}

.text-\[\#c9d6fe\] {
    color: #c9d6fe
}

.text-\[\#cbd4ff\] {
    color: #cbd4ff
}

.text-\[\#cce9ff\] {
    color: #cce9ff
}

.text-\[\#cdfbff\] {
    color: #cdfbff
}

.text-\[\#d1c7ff\] {
    color: #d1c7ff
}

.text-\[\#d1d0ff\] {
    color: #d1d0ff
}

.text-\[\#d1dbfc\] {
    color: #d1dbfc
}

.text-\[\#d1ffa5\] {
    color: #d1ffa5
}

.text-\[\#d2e4ff\] {
    color: #d2e4ff
}

.text-\[\#d2f8ff\] {
    color: #d2f8ff
}

.text-\[\#d3c2ff\] {
    color: #d3c2ff
}

.text-\[\#d6e2ff\] {
    color: #d6e2ff
}

.text-\[\#d9e0ff\] {
    color: #d9e0ff
}

.text-\[\#d9e4ff\] {
    color: #d9e4ff
}

.text-\[\#dacdff\] {
    color: #dacdff
}

.text-\[\#dae2f5\] {
    color: #dae2f5
}

.text-\[\#dae2f5\]\/50 {
    color: #dae2f580
}

.text-\[\#e1e8fd\] {
    color: #e1e8fd
}

.text-\[\#e3eaff\] {
    color: #e3eaff
}

.text-\[\#e6eeff\] {
    color: #e6eeff
}

.text-\[\#e6f8ff\] {
    color: #e6f8ff
}

.text-\[\#e7d2ff\] {
    color: #e7d2ff
}

.text-\[\#eaefff\] {
    color: #eaefff
}

.text-\[\#f49fa0\] {
    color: #f49fa0
}

.text-\[\#f4f6ff\] {
    color: #f4f6ff
}

.text-\[\#f9c7b4\] {
    color: #f9c7b4
}

.text-\[\#fac2ae\] {
    color: #fac2ae
}

.text-\[\#fac9d1\] {
    color: #fac9d1
}

.text-\[\#fc5c5c\] {
    color: #fc5c5c
}

.text-\[\#fd7474\] {
    color: #fd7474
}

.text-\[\#fecab6\] {
    color: #fecab6
}

.text-\[\#ff5c5c\] {
    color: #ff5c5c
}

.text-\[\#ff7474\] {
    color: #ff7474
}

.text-\[\#ff7575\] {
    color: #ff7575
}

.text-\[\#ff7d7d\] {
    color: #ff7d7d
}

.text-\[\#ff7e7e\] {
    color: #ff7e7e
}

.text-\[\#ff8484\] {
    color: #ff8484
}

.text-\[\#ff8585\] {
    color: #ff8585
}

.text-\[\#ff8b8b\] {
    color: #ff8b8b
}

.text-\[\#ffa5a5\] {
    color: #ffa5a5
}

.text-\[\#ffc2fd\] {
    color: #ffc2fd
}

.text-\[\#ffc6b0\] {
    color: #ffc6b0
}

.text-\[\#ffc793\] {
    color: #ffc793
}

.text-\[\#ffcbfd\] {
    color: #ffcbfd
}

.text-\[\#ffcdce\] {
    color: #ffcdce
}

.text-\[\#ffcdd4\] {
    color: #ffcdd4
}

.text-\[\#ffcfbc\] {
    color: #ffcfbc
}

.text-\[\#ffd6c7\] {
    color: #ffd6c7
}

.text-\[\#ffe1e1\] {
    color: #ffe1e1
}

.text-\[\#fff\],
.text-\[\#ffffff\] {
    color: #fff
}

.text-\[--btn-color\] {
    color: var(--btn-color)
}

.text-\[--btn-text-color\] {
    color: var(--btn-text-color)
}

.text-\[--color-2\] {
    color: var(--color-2)
}

.text-\[--color\] {
    color: var(--color)
}

.text-\[--contrast-color\] {
    color: var(--contrast-color)
}

.text-\[--panel-color\] {
    color: var(--panel-color)
}

.text-black {
    color: #161628
}

.text-current {
    color: currentColor
}

.text-transparent {
    color: transparent
}

.text-white {
    color: #fff
}

.text-white\/75 {
    color: #ffffffbf
}

.text-white\/80 {
    color: #fffc
}

.text-white\/90 {
    color: #ffffffe6
}

.text-white\/95 {
    color: #fffffff2
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-\[2px\] {
    text-underline-offset: 2px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-\[\#7D859E\]::-moz-placeholder {
    color: #7d859e
}

.placeholder-\[\#7D859E\]::placeholder {
    color: #7d859e
}

.placeholder-\[\#98a2bf\]::-moz-placeholder {
    color: #98a2bf
}

.placeholder-\[\#98a2bf\]::placeholder {
    color: #98a2bf
}

.placeholder-\[\#A6ADCD\]::-moz-placeholder {
    color: #a6adcd
}

.placeholder-\[\#A6ADCD\]::placeholder {
    color: #a6adcd
}

.placeholder-\[\#a6adcd\]::-moz-placeholder {
    color: #a6adcd
}

.placeholder-\[\#a6adcd\]::placeholder {
    color: #a6adcd
}

.placeholder-\[\#d6e2ff\]::-moz-placeholder {
    color: #d6e2ff
}

.placeholder-\[\#d6e2ff\]::placeholder {
    color: #d6e2ff
}

.placeholder-white::-moz-placeholder {
    color: #fff
}

.placeholder-white::placeholder {
    color: #fff
}

.caret-white {
    caret-color: #fff
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-12 {
    opacity: .12
}

.opacity-14 {
    opacity: .14
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-3 {
    opacity: .03
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-5 {
    opacity: .05
}

.opacity-50 {
    opacity: .5
}

.opacity-6 {
    opacity: .06
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-8 {
    opacity: .08
}

.opacity-80 {
    opacity: .8
}

.opacity-99 {
    opacity: .99
}

.opacity-\[--opacity\] {
    opacity: var(--opacity)
}

.bg-blend-multiply {
    background-blend-mode: multiply
}

.mix-blend-multiply {
    mix-blend-mode: multiply
}

.mix-blend-screen {
    mix-blend-mode: screen
}

.mix-blend-overlay {
    mix-blend-mode: overlay
}

.mix-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity
}

.mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[\#161b2e59\] {
    --tw-shadow-color: #161b2e59;
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-2 {
    outline-width: 2px
}

.outline-\[1\.5px\] {
    outline-width: 1.5px
}

.-outline-offset-\[1\.5px\] {
    outline-offset: -1.5px
}

.outline-offset-1 {
    outline-offset: 1px
}

.outline-\[\#1E253D\] {
    outline-color: #1e253d
}

.outline-\[\#ffd4c24a\] {
    outline-color: #ffd4c24a
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[\.125rem\] {
    --tw-blur: blur(.125rem);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[1rem\] {
    --tw-blur: blur(1rem);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[2rem\] {
    --tw-blur: blur(2rem);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[3rem\] {
    --tw-blur: blur(3rem);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-\[\.05rem_\.12rem_\.75rem_\#161b2e91\] {
    --tw-drop-shadow: drop-shadow(.05rem .12rem .75rem #161b2e91);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale-\[\.4\] {
    --tw-grayscale: grayscale(.4);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.saturate-50 {
    --tw-saturate: saturate(.5);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[1\.5px\] {
    --tw-backdrop-blur: blur(1.5px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[4px\] {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-saturate-50 {
    --tw-backdrop-saturate: saturate(.5);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[display\,opacity\,transform\] {
    transition-property: display, opacity, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[filter\,right\,transform\] {
    transition-property: filter, right, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[opacity\,filter\,--to\,--from\] {
    transition-property: opacity, filter, --to, --from;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[stroke\] {
    transition-property: stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.delay-0 {
    transition-delay: 0s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-\[250ms\] {
    transition-duration: .25s
}

.ease-elastic-in-out-sm {
    transition-timing-function: var(--ease-elastic-in-out-2)
}

.ease-elastic-in-out-xl {
    transition-timing-function: var(--ease-elastic-in-out-5)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[left\] {
    will-change: left
}

.will-change-transform {
    will-change: transform
}

.\@container\/btn {
    container-type: inline-size;
    container-name: btn
}

.grid-fill-14 {
    grid-template-columns: repeat(auto-fill, minmax(3.5rem, 1fr))
}

.grid-fill-25 {
    grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr))
}

.grid-fill-26\.5 {
    grid-template-columns: repeat(auto-fill, minmax(6.625rem, 1fr))
}

.grid-fill-\[9rem\] {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr))
}

.from-var-\[\#232C48\]\/98 {
    --from: rgb(35 44 72 / .98)
}

.from-var-\[\#4AFDFF\]\/10 {
    --from: rgb(74 253 255 / .1)
}

.from-var-\[\#4AFDFF\]\/6 {
    --from: rgb(74 253 255 / .06)
}

.from-var-\[\#A2FEFF\]\/10 {
    --from: rgb(162 254 255 / .1)
}

.from-var-\[\#C5795A\]\/\[\.48\] {
    --from: rgb(197 121 90 / .48)
}

.to-var-\[\#1F2740\]\/98 {
    --to: rgb(31 39 64 / .98)
}

.to-var-\[\#4AFDFF\]\/3 {
    --to: rgb(74 253 255 / .03)
}

.to-var-\[\#4AFDFF\]\/5 {
    --to: rgb(74 253 255 / .05)
}

.to-var-\[\#A2FEFF\]\/20 {
    --to: rgb(162 254 255 / .2)
}

.to-var-\[\#C5795A\]\/10 {
    --to: rgb(197 121 90 / .1)
}

.to-var-transparent {
    --to: transparent
}

.\[--angle\:-135deg\] {
    --angle: -135deg
}

.\[--angle\:-90deg\] {
    --angle: -90deg
}

.\[--angle\:180deg\] {
    --angle: 180deg
}

.\[--angle\:35deg\] {
    --angle: 35deg
}

.\[--angle\:45deg\] {
    --angle: 45deg
}

.\[--angle\:90deg\] {
    --angle: 90deg
}

.\[--animation-shake-size\:2\%\] {
    --animation-shake-size: 2%
}

.\[--arrow-offset\:\.25rem\] {
    --arrow-offset: .25rem
}

.\[--bg\:\#384e76\] {
    --bg: #384e76
}

.\[--bg\:\#42476a\] {
    --bg: #42476a
}

.\[--bg\:\#69E0FF\] {
    --bg: #69E0FF
}

.\[--bg\:\#6b7a9e\] {
    --bg: #6b7a9e
}

.\[--bg\:\#6c4a49\] {
    --bg: #6c4a49
}

.\[--bg\:--from\] {
    --bg: var(--from)
}

.\[--bg\:--to\] {
    --bg: var(--to)
}

.\[--blink-position\:top\] {
    --blink-position: top
}

.\[--color-2\:\#d6e2ff\] {
    --color-2: #d6e2ff
}

.\[--color-2\:--color\] {
    --color-2: var(--color)
}

.\[--color\:\#212944\] {
    --color: #212944
}

.\[--color\:\#7c8ab6\] {
    --color: #7c8ab6
}

.\[--color\:\#7d859e\] {
    --color: #7d859e
}

.\[--color\:\#99f0f3\] {
    --color: #99f0f3
}

.\[--color\:\#A2FEFF\] {
    --color: #A2FEFF
}

.\[--color\:\#BFCBE7\] {
    --color: #BFCBE7
}

.\[--color\:\#a2feff\] {
    --color: #a2feff
}

.\[--color\:\#bfcbe7\] {
    --color: #bfcbe7
}

.\[--color\:\#eabd72\] {
    --color: #eabd72
}

.\[--color\:\#ffc6b0\] {
    --color: #ffc6b0
}

.\[--color\:white\] {
    --color: white
}

.\[--controls-h\:4rem\] {
    --controls-h: 4rem
}

.\[--dialog-max-w\:28\.5rem\] {
    --dialog-max-w: 28.5rem
}

.\[--fill\:\#262f4c\] {
    --fill: #262f4c
}

.\[--fill\:\#747e9d\] {
    --fill: #747e9d
}

.\[--fill\:\#a2feff\] {
    --fill: #a2feff
}

.\[--fill\:\#a6adcd\] {
    --fill: #a6adcd
}

.\[--fill\:currentColor\] {
    --fill: currentColor
}

.\[--from\:\#00000020\] {
    --from: #00000020
}

.\[--from\:\#00000080\] {
    --from: #00000080
}

.\[--from\:\#131A30cc\] {
    --from: #131A30cc
}

.\[--from\:\#155ca870\] {
    --from: #155ca870
}

.\[--from\:\#161b2e\] {
    --from: #161b2e
}

.\[--from\:\#181B29\] {
    --from: #181B29
}

.\[--from\:\#1B2C52\] {
    --from: #1B2C52
}

.\[--from\:\#1B52AA33\] {
    --from: #1B52AA33
}

.\[--from\:\#1B52AA66\] {
    --from: #1B52AA66
}

.\[--from\:\#1C233A\] {
    --from: #1C233A
}

.\[--from\:\#1E253D\] {
    --from: #1E253D
}

.\[--from\:\#1E7687\] {
    --from: #1E7687
}

.\[--from\:\#1a2037\] {
    --from: #1a2037
}

.\[--from\:\#1c233a00\] {
    --from: #1c233a00
}

.\[--from\:\#1c233a\] {
    --from: #1c233a
}

.\[--from\:\#1d253d\] {
    --from: #1d253d
}

.\[--from\:\#1d2950\] {
    --from: #1d2950
}

.\[--from\:\#1d3f54\] {
    --from: #1d3f54
}

.\[--from\:\#1d7083\] {
    --from: #1d7083
}

.\[--from\:\#1d7183\] {
    --from: #1d7183
}

.\[--from\:\#1d7688\] {
    --from: #1d7688
}

.\[--from\:\#1e253c\] {
    --from: #1e253c
}

.\[--from\:\#1e253d\] {
    --from: #1e253d
}

.\[--from\:\#1e2640\] {
    --from: #1e2640
}

.\[--from\:\#1e586e\] {
    --from: #1e586e
}

.\[--from\:\#1f263f\] {
    --from: #1f263f
}

.\[--from\:\#2057ef66\] {
    --from: #2057ef66
}

.\[--from\:\#212842\] {
    --from: #212842
}

.\[--from\:\#21394E\] {
    --from: #21394E
}

.\[--from\:\#213a52\] {
    --from: #213a52
}

.\[--from\:\#2141A2\] {
    --from: #2141A2
}

.\[--from\:\#2141a2\] {
    --from: #2141a2
}

.\[--from\:\#22263b\] {
    --from: #22263b
}

.\[--from\:\#222a44\] {
    --from: #222a44
}

.\[--from\:\#222d46\] {
    --from: #222d46
}

.\[--from\:\#222e52\] {
    --from: #222e52
}

.\[--from\:\#232941\] {
    --from: #232941
}

.\[--from\:\#232A44\] {
    --from: #232A44
}

.\[--from\:\#232C47\] {
    --from: #232C47
}

.\[--from\:\#232C48\] {
    --from: #232C48
}

.\[--from\:\#232C48f5\] {
    --from: #232C48f5
}

.\[--from\:\#232a43\] {
    --from: #232a43
}

.\[--from\:\#232b49\] {
    --from: #232b49
}

.\[--from\:\#232c4833\] {
    --from: #232c4833
}

.\[--from\:\#232c48\] {
    --from: #232c48
}

.\[--from\:\#232c48cc\] {
    --from: #232c48cc
}

.\[--from\:\#232c48e0\] {
    --from: #232c48e0
}

.\[--from\:\#234156\] {
    --from: #234156
}

.\[--from\:\#242632\] {
    --from: #242632
}

.\[--from\:\#243652\] {
    --from: #243652
}

.\[--from\:\#243852\] {
    --from: #243852
}

.\[--from\:\#253559\] {
    --from: #253559
}

.\[--from\:\#262F4D80\] {
    --from: #262F4D80
}

.\[--from\:\#262e48\] {
    --from: #262e48
}

.\[--from\:\#2671E3\] {
    --from: #2671E3
}

.\[--from\:\#274059\] {
    --from: #274059
}

.\[--from\:\#27415b\] {
    --from: #27415b
}

.\[--from\:\#283252\] {
    --from: #283252
}

.\[--from\:\#283e58\] {
    --from: #283e58
}

.\[--from\:\#293a55\] {
    --from: #293a55
}

.\[--from\:\#294469\] {
    --from: #294469
}

.\[--from\:\#2A3454\] {
    --from: #2A3454
}

.\[--from\:\#2B3451\] {
    --from: #2B3451
}

.\[--from\:\#2D4461\] {
    --from: #2D4461
}

.\[--from\:\#2E3653\] {
    --from: #2E3653
}

.\[--from\:\#2E395C\] {
    --from: #2E395C
}

.\[--from\:\#2F3959\] {
    --from: #2F3959
}

.\[--from\:\#2a3454\] {
    --from: #2a3454
}

.\[--from\:\#2a405d\] {
    --from: #2a405d
}

.\[--from\:\#2b3453\] {
    --from: #2b3453
}

.\[--from\:\#2b3551\] {
    --from: #2b3551
}

.\[--from\:\#2b3555\] {
    --from: #2b3555
}

.\[--from\:\#2b3c5a\] {
    --from: #2b3c5a
}

.\[--from\:\#2d365666\] {
    --from: #2d365666
}

.\[--from\:\#2d3656\] {
    --from: #2d3656
}

.\[--from\:\#2d3756\] {
    --from: #2d3756
}

.\[--from\:\#2d4461\] {
    --from: #2d4461
}

.\[--from\:\#2e8da1\] {
    --from: #2e8da1
}

.\[--from\:\#2f5671\] {
    --from: #2f5671
}

.\[--from\:\#301313cc\] {
    --from: #301313cc
}

.\[--from\:\#303a5b\] {
    --from: #303a5b
}

.\[--from\:\#303b5e\] {
    --from: #303b5e
}

.\[--from\:\#306e98\] {
    --from: #306e98
}

.\[--from\:\#313D61b3\] {
    --from: #313D61b3
}

.\[--from\:\#315d7c\] {
    --from: #315d7c
}

.\[--from\:\#3198AD\] {
    --from: #3198AD
}

.\[--from\:\#3198ad\] {
    --from: #3198ad
}

.\[--from\:\#323D5E\] {
    --from: #323D5E
}

.\[--from\:\#323D61\] {
    --from: #323D61
}

.\[--from\:\#323d5e\] {
    --from: #323d5e
}

.\[--from\:\#323d60\] {
    --from: #323d60
}

.\[--from\:\#323d61\] {
    --from: #323d61
}

.\[--from\:\#326880\] {
    --from: #326880
}

.\[--from\:\#333F64\] {
    --from: #333F64
}

.\[--from\:\#345da4\] {
    --from: #345da4
}

.\[--from\:\#34B6FF33\] {
    --from: #34B6FF33
}

.\[--from\:\#376dac\] {
    --from: #376dac
}

.\[--from\:\#3798a6b3\] {
    --from: #3798a6b3
}

.\[--from\:\#384368\] {
    --from: #384368
}

.\[--from\:\#3863ae\] {
    --from: #3863ae
}

.\[--from\:\#39364b\] {
    --from: #39364b
}

.\[--from\:\#396dc2\] {
    --from: #396dc2
}

.\[--from\:\#396dc3\] {
    --from: #396dc3
}

.\[--from\:\#3D76D0\] {
    --from: #3D76D0
}

.\[--from\:\#3D76D1\] {
    --from: #3D76D1
}

.\[--from\:\#3E4B74\] {
    --from: #3E4B74
}

.\[--from\:\#3E76D1\] {
    --from: #3E76D1
}

.\[--from\:\#3a273b\] {
    --from: #3a273b
}

.\[--from\:\#3b466d\] {
    --from: #3b466d
}

.\[--from\:\#3c4c7d66\] {
    --from: #3c4c7d66
}

.\[--from\:\#3d496e\] {
    --from: #3d496e
}

.\[--from\:\#3d74ce\] {
    --from: #3d74ce
}

.\[--from\:\#3d76d1\] {
    --from: #3d76d1
}

.\[--from\:\#3d76d1b3\] {
    --from: #3d76d1b3
}

.\[--from\:\#3e4b7414\] {
    --from: #3e4b7414
}

.\[--from\:\#3e4b77\] {
    --from: #3e4b77
}

.\[--from\:\#3eaadc\] {
    --from: #3eaadc
}

.\[--from\:\#3f87da\] {
    --from: #3f87da
}

.\[--from\:\#408CFF80\] {
    --from: #408CFF80
}

.\[--from\:\#40BCD9\] {
    --from: #40BCD9
}

.\[--from\:\#40bcd91a\] {
    --from: #40bcd91a
}

.\[--from\:\#427edd4d\] {
    --from: #427edd4d
}

.\[--from\:\#4385FF23\] {
    --from: #4385FF23
}

.\[--from\:\#4747b4\] {
    --from: #4747b4
}

.\[--from\:\#4AFDFF1A\] {
    --from: #4AFDFF1A
}

.\[--from\:\#4AFDFF\] {
    --from: #4AFDFF
}

.\[--from\:\#4afdff0f\] {
    --from: #4afdff0f
}

.\[--from\:\#4afdff1a\] {
    --from: #4afdff1a
}

.\[--from\:\#4afdff33\] {
    --from: #4afdff33
}

.\[--from\:\#4afdff\] {
    --from: #4afdff
}

.\[--from\:\#4c44a4\] {
    --from: #4c44a4
}

.\[--from\:\#4c5b8f\] {
    --from: #4c5b8f
}

.\[--from\:\#4e5778\] {
    --from: #4e5778
}

.\[--from\:\#4f3d4d\] {
    --from: #4f3d4d
}

.\[--from\:\#55A3FF33\] {
    --from: #55A3FF33
}

.\[--from\:\#57405b\] {
    --from: #57405b
}

.\[--from\:\#575789\] {
    --from: #575789
}

.\[--from\:\#576080\] {
    --from: #576080
}

.\[--from\:\#5a35c2b3\] {
    --from: #5a35c2b3
}

.\[--from\:\#5c50cc\] {
    --from: #5c50cc
}

.\[--from\:\#61c9d0\] {
    --from: #61c9d0
}

.\[--from\:\#6573A3\] {
    --from: #6573A3
}

.\[--from\:\#6b7a9e33\] {
    --from: #6b7a9e33
}

.\[--from\:\#745ee7\] {
    --from: #745ee7
}

.\[--from\:\#74a9ff\] {
    --from: #74a9ff
}

.\[--from\:\#75dee5\] {
    --from: #75dee5
}

.\[--from\:\#76F2FF\] {
    --from: #76F2FF
}

.\[--from\:\#7badff\] {
    --from: #7badff
}

.\[--from\:\#7d8bb7\] {
    --from: #7d8bb7
}

.\[--from\:\#7e74e566\] {
    --from: #7e74e566
}

.\[--from\:\#7e74e5\] {
    --from: #7e74e5
}

.\[--from\:\#86BCFE\] {
    --from: #86BCFE
}

.\[--from\:\#88E2FF66\] {
    --from: #88E2FF66
}

.\[--from\:\#8EA9FF\] {
    --from: #8EA9FF
}

.\[--from\:\#9B3B44\] {
    --from: #9B3B44
}

.\[--from\:\#A1FFDA\] {
    --from: #A1FFDA
}

.\[--from\:\#A2FEFF\] {
    --from: #A2FEFF
}

.\[--from\:\#ACD4FF\] {
    --from: #ACD4FF
}

.\[--from\:\#AEEDFF\] {
    --from: #AEEDFF
}

.\[--from\:\#D4FF79\] {
    --from: #D4FF79
}

.\[--from\:\#DFC7FF\] {
    --from: #DFC7FF
}

.\[--from\:\#E04E5F\] {
    --from: #E04E5F
}

.\[--from\:\#E35A5A\] {
    --from: #E35A5A
}

.\[--from\:\#E39374\] {
    --from: #E39374
}

.\[--from\:\#F2911B\] {
    --from: #F2911B
}

.\[--from\:\#FF7A00\] {
    --from: #FF7A00
}

.\[--from\:\#FF82551a\] {
    --from: #FF82551a
}

.\[--from\:\#FFA461\] {
    --from: #FFA461
}

.\[--from\:\#FFC1AE\] {
    --from: #FFC1AE
}

.\[--from\:\#FFD4C2\] {
    --from: #FFD4C2
}

.\[--from\:\#a1ffda\] {
    --from: #a1ffda
}

.\[--from\:\#a2feff80\] {
    --from: #a2feff80
}

.\[--from\:\#a2feff\] {
    --from: #a2feff
}

.\[--from\:\#a637419c\] {
    --from: #a637419c
}

.\[--from\:\#a63741b3\] {
    --from: #a63741b3
}

.\[--from\:\#a7614580\] {
    --from: #a7614580
}

.\[--from\:\#a97263\] {
    --from: #a97263
}

.\[--from\:\#acd4ff\] {
    --from: #acd4ff
}

.\[--from\:\#b294fd40\] {
    --from: #b294fd40
}

.\[--from\:\#b7c0e1\] {
    --from: #b7c0e1
}

.\[--from\:\#b7e1d6\] {
    --from: #b7e1d6
}

.\[--from\:\#b93d40\] {
    --from: #b93d40
}

.\[--from\:\#bb334570\] {
    --from: #bb334570
}

.\[--from\:\#bcec80\] {
    --from: #bcec80
}

.\[--from\:\#c17a5e9c\] {
    --from: #c17a5e9c
}

.\[--from\:\#c17a5eb3\] {
    --from: #c17a5eb3
}

.\[--from\:\#c5775966\] {
    --from: #c5775966
}

.\[--from\:\#c5795a66\] {
    --from: #c5795a66
}

.\[--from\:\#c5795a80\] {
    --from: #c5795a80
}

.\[--from\:\#c9e0ff\] {
    --from: #c9e0ff
}

.\[--from\:\#cf856b\] {
    --from: #cf856b
}

.\[--from\:\#d19494\] {
    --from: #d19494
}

.\[--from\:\#d3c2ff\] {
    --from: #d3c2ff
}

.\[--from\:\#e19272\] {
    --from: #e19272
}

.\[--from\:\#e59474\] {
    --from: #e59474
}

.\[--from\:\#ed424224\] {
    --from: #ed424224
}

.\[--from\:\#ed4242\] {
    --from: #ed4242
}

.\[--from\:\#f0576533\] {
    --from: #f0576533
}

.\[--from\:\#f2c8b8\] {
    --from: #f2c8b8
}

.\[--from\:\#fd5a5a\] {
    --from: #fd5a5a
}

.\[--from\:\#fd77ff59\] {
    --from: #fd77ff59
}

.\[--from\:\#fecab6\] {
    --from: #fecab6
}

.\[--from\:\#ff4d4d\] {
    --from: #ff4d4d
}

.\[--from\:\#ff6170\] {
    --from: #ff6170
}

.\[--from\:\#ff7a88\] {
    --from: #ff7a88
}

.\[--from\:\#ffa461\] {
    --from: #ffa461
}

.\[--from\:\#ffc1ae\] {
    --from: #ffc1ae
}

.\[--from\:\#ffc2c9\] {
    --from: #ffc2c9
}

.\[--from\:\#ffd4c2\] {
    --from: #ffd4c2
}

.\[--from\:--btn-from-color\] {
    --from: var(--btn-from-color)
}

.\[--from\:--from-2\] {
    --from: var(--from-2)
}

.\[--from\:--from-selected\] {
    --from: var(--from-selected)
}

.\[--from\:transparent\] {
    --from: transparent
}

.\[--from\:white\] {
    --from: white
}

.\[--limit-offset\:3\.5rem\] {
    --limit-offset: 3.5rem
}

.\[--line-gap\:0\.25rem\] {
    --line-gap: .25rem
}

.\[--line-width\:30\%\] {
    --line-width: 30%
}

.\[--line-width\:50\%\] {
    --line-width: 50%
}

.\[--list-bullet-color\:\#B0F6FF\] {
    --list-bullet-color: #B0F6FF
}

.\[--list-bullet-color\:\#B4E7FF\] {
    --list-bullet-color: #B4E7FF
}

.\[--list-bullet-color\:\#a2feff\] {
    --list-bullet-color: #a2feff
}

.\[--list-bullet-color\:\#e867b4\] {
    --list-bullet-color: #e867b4
}

.\[--list-bullet-color\:\#ffb0fc\] {
    --list-bullet-color: #ffb0fc
}

.\[--list-bullet-color\:--color\] {
    --list-bullet-color: var(--color)
}

.\[--list-bullet-mr\:\.75em\] {
    --list-bullet-mr: .75em
}

.\[--list-bullet-mr\:0\.625rem\] {
    --list-bullet-mr: .625rem
}

.\[--list-bullet-mt\:\.45em\] {
    --list-bullet-mt: .45em
}

.\[--mask-offset\:\.25rem\] {
    --mask-offset: .25rem
}

.\[--min-h\:34\.5rem\] {
    --min-h: 34.5rem
}

.\[--offset-x\:-50\%\] {
    --offset-x: -50%
}

.\[--opacity\:\.3\] {
    --opacity: .3
}

.\[--radius\:0\.6875rem\] {
    --radius: .6875rem
}

.\[--radius\:1rem\] {
    --radius: 1rem
}

.\[--row-h\:10\.5rem\] {
    --row-h: 10.5rem
}

.\[--scale\:1\] {
    --scale: 1
}

.\[--scroll-shadow-color\:22_27_46\] {
    --scroll-shadow-color: 22 27 46
}

.\[--scroll-shadow-color\:24_30_50\] {
    --scroll-shadow-color: 24 30 50
}

.\[--scroll-shadow-color\:26_34_56\] {
    --scroll-shadow-color: 26 34 56
}

.\[--scroll-shadow-color\:27_34_56\] {
    --scroll-shadow-color: 27 34 56
}

.\[--scroll-shadow-color\:28_35_58\] {
    --scroll-shadow-color: 28 35 58
}

.\[--scroll-shadow-color\:29_36_60\] {
    --scroll-shadow-color: 29 36 60
}

.\[--scroll-shadow-color\:30_37_61\] {
    --scroll-shadow-color: 30 37 61
}

.\[--scroll-shadow-color\:30_38_62\] {
    --scroll-shadow-color: 30 38 62
}

.\[--scroll-shadow-color\:36_45_73\] {
    --scroll-shadow-color: 36 45 73
}

.\[--scroll-shadow-end-color\:32_41_68\] {
    --scroll-shadow-end-color: 32 41 68
}

.\[--scroll-shadow-end-color\:34_42_70\] {
    --scroll-shadow-end-color: 34 42 70
}

.\[--scroll-shadow-from\:\#191e34\] {
    --scroll-shadow-from: #191e34
}

.\[--scroll-shadow-from\:\#1c233a\] {
    --scroll-shadow-from: #1c233a
}

.\[--scroll-shadow-size\:12rem\] {
    --scroll-shadow-size: 12rem
}

.\[--scroll-shadow-size\:2rem\] {
    --scroll-shadow-size: 2rem
}

.\[--scroll-shadow-size\:6rem\] {
    --scroll-shadow-size: 6rem
}

.\[--scroll-shadow-size\:8rem\] {
    --scroll-shadow-size: 8rem
}

.\[--scroll-shadow-start-color\:30_37_61\] {
    --scroll-shadow-start-color: 30 37 61
}

.\[--scroll-shadow-to\:\#222b46\] {
    --scroll-shadow-to: #222b46
}

.\[--scroll-shadow-to\:\#232c48\] {
    --scroll-shadow-to: #232c48
}

.\[--scrollbar-bg\:\#1b2238\] {
    --scrollbar-bg: #1b2238
}

.\[--scrollbar-mb\:\.5rem\] {
    --scrollbar-mb: .5rem
}

.\[--scrollbar-mb\:0\.75rem\] {
    --scrollbar-mb: .75rem
}

.\[--scrollbar-mb\:1\.25rem\] {
    --scrollbar-mb: 1.25rem
}

.\[--scrollbar-mb\:1rem\] {
    --scrollbar-mb: 1rem
}

.\[--scrollbar-mt\:\.5rem\] {
    --scrollbar-mt: .5rem
}

.\[--scrollbar-mt\:0\.75rem\] {
    --scrollbar-mt: .75rem
}

.\[--scrollbar-mt\:1\.25rem\] {
    --scrollbar-mt: 1.25rem
}

.\[--scrollbar-mt\:1rem\] {
    --scrollbar-mt: 1rem
}

.\[--shadow-angle\:-90deg\] {
    --shadow-angle: -90deg
}

.\[--shadow-angle\:0deg\] {
    --shadow-angle: 0deg
}

.\[--shadow-angle\:90deg\] {
    --shadow-angle: 90deg
}

.\[--size\:1rem\] {
    --size: 1rem
}

.\[--stripe-color\:\#A2FEFF\] {
    --stripe-color: #A2FEFF
}

.\[--stripe-color\:\#FF8C00\] {
    --stripe-color: #FF8C00
}

.\[--stroke\:\#6b7a9e\] {
    --stroke: #6b7a9e
}

.\[--stroke\:\#79a8e5\] {
    --stroke: #79a8e5
}

.\[--stroke\:\#8D9BCB\] {
    --stroke: #8D9BCB
}

.\[--stroke\:\#aaa9e5\] {
    --stroke: #aaa9e5
}

.\[--stroke\:\#dc8462\] {
    --stroke: #dc8462
}

.\[--switch-bg\:\#2F3959\] {
    --switch-bg: #2F3959
}

.\[--switch-bg\:\#2a3454\] {
    --switch-bg: #2a3454
}

.\[--switch-color\:\#525B7C\] {
    --switch-color: #525B7C
}

.\[--switch-thumb-size\:1rem\] {
    --switch-thumb-size: 1rem
}

.\[--to\:\#00000040\] {
    --to: #00000040
}

.\[--to\:\#0096FE33\] {
    --to: #0096FE33
}

.\[--to\:\#10141E\] {
    --to: #10141E
}

.\[--to\:\#131A30cc\] {
    --to: #131A30cc
}

.\[--to\:\#14316D\] {
    --to: #14316D
}

.\[--to\:\#151922\] {
    --to: #151922
}

.\[--to\:\#161B2E\] {
    --to: #161B2E
}

.\[--to\:\#161b2e33\] {
    --to: #161b2e33
}

.\[--to\:\#161b2e\] {
    --to: #161b2e
}

.\[--to\:\#172545\] {
    --to: #172545
}

.\[--to\:\#181d32\] {
    --to: #181d32
}

.\[--to\:\#18223C\] {
    --to: #18223C
}

.\[--to\:\#1A2035\] {
    --to: #1A2035
}

.\[--to\:\#1C233A\] {
    --to: #1C233A
}

.\[--to\:\#1C233Af5\] {
    --to: #1C233Af5
}

.\[--to\:\#1D243B\] {
    --to: #1D243B
}

.\[--to\:\#1D4C60\] {
    --to: #1D4C60
}

.\[--to\:\#1E253D\] {
    --to: #1E253D
}

.\[--to\:\#1E4C60\] {
    --to: #1E4C60
}

.\[--to\:\#1F263F\] {
    --to: #1F263F
}

.\[--to\:\#1b2238\] {
    --to: #1b2238
}

.\[--to\:\#1c233a33\] {
    --to: #1c233a33
}

.\[--to\:\#1c233a\] {
    --to: #1c233a
}

.\[--to\:\#1c233acc\] {
    --to: #1c233acc
}

.\[--to\:\#1c233ae0\] {
    --to: #1c233ae0
}

.\[--to\:\#1c243b\] {
    --to: #1c243b
}

.\[--to\:\#1d243b\] {
    --to: #1d243b
}

.\[--to\:\#1d253d\] {
    --to: #1d253d
}

.\[--to\:\#1d5064\] {
    --to: #1d5064
}

.\[--to\:\#1e253d\] {
    --to: #1e253d
}

.\[--to\:\#1e4c60\] {
    --to: #1e4c60
}

.\[--to\:\#1e748580\] {
    --to: #1e748580
}

.\[--to\:\#1f5367\] {
    --to: #1f5367
}

.\[--to\:\#202842\] {
    --to: #202842
}

.\[--to\:\#212840\] {
    --to: #212840
}

.\[--to\:\#21284266\] {
    --to: #21284266
}

.\[--to\:\#212842\] {
    --to: #212842
}

.\[--to\:\#212944\] {
    --to: #212944
}

.\[--to\:\#21394e\] {
    --to: #21394e
}

.\[--to\:\#2141a299\] {
    --to: #2141a299
}

.\[--to\:\#223D6E\] {
    --to: #223D6E
}

.\[--to\:\#223D6F\] {
    --to: #223D6F
}

.\[--to\:\#223b51\] {
    --to: #223b51
}

.\[--to\:\#232C47\] {
    --to: #232C47
}

.\[--to\:\#232C48\] {
    --to: #232C48
}

.\[--to\:\#232c4833\] {
    --to: #232c4833
}

.\[--to\:\#234277\] {
    --to: #234277
}

.\[--to\:\#234278\] {
    --to: #234278
}

.\[--to\:\#242C47\] {
    --to: #242C47
}

.\[--to\:\#242C4800\] {
    --to: #242C4800
}

.\[--to\:\#242d49\] {
    --to: #242d49
}

.\[--to\:\#243056\] {
    --to: #243056
}

.\[--to\:\#243952\] {
    --to: #243952
}

.\[--to\:\#244c65\] {
    --to: #244c65
}

.\[--to\:\#262E4B\] {
    --to: #262E4B
}

.\[--to\:\#262F4C00\] {
    --to: #262F4C00
}

.\[--to\:\#262f4c\] {
    --to: #262f4c
}

.\[--to\:\#263a59\] {
    --to: #263a59
}

.\[--to\:\#27304e\] {
    --to: #27304e
}

.\[--to\:\#2756a280\] {
    --to: #2756a280
}

.\[--to\:\#2756a2\] {
    --to: #2756a2
}

.\[--to\:\#28304b\] {
    --to: #28304b
}

.\[--to\:\#283150\] {
    --to: #283150
}

.\[--to\:\#293956\] {
    --to: #293956
}

.\[--to\:\#2957a0\] {
    --to: #2957a0
}

.\[--to\:\#2A3454\] {
    --to: #2A3454
}

.\[--to\:\#2a2a55\] {
    --to: #2a2a55
}

.\[--to\:\#2a3454\] {
    --to: #2a3454
}

.\[--to\:\#2b768b\] {
    --to: #2b768b
}

.\[--to\:\#2c3451\] {
    --to: #2c3451
}

.\[--to\:\#2c3552\] {
    --to: #2c3552
}

.\[--to\:\#2d3656\] {
    --to: #2d3656
}

.\[--to\:\#2d4461\] {
    --to: #2d4461
}

.\[--to\:\#2e3758\] {
    --to: #2e3758
}

.\[--to\:\#2e62b5\] {
    --to: #2e62b5
}

.\[--to\:\#2e7097\] {
    --to: #2e7097
}

.\[--to\:\#2f3149\] {
    --to: #2f3149
}

.\[--to\:\#2f3b62\] {
    --to: #2f3b62
}

.\[--to\:\#2f5991\] {
    --to: #2f5991
}

.\[--to\:\#301313cc\] {
    --to: #301313cc
}

.\[--to\:\#31263b\] {
    --to: #31263b
}

.\[--to\:\#323043\] {
    --to: #323043
}

.\[--to\:\#374267\] {
    --to: #374267
}

.\[--to\:\#3798a659\] {
    --to: #3798a659
}

.\[--to\:\#383247\] {
    --to: #383247
}

.\[--to\:\#3D3643\] {
    --to: #3D3643
}

.\[--to\:\#3e3874\] {
    --to: #3e3874
}

.\[--to\:\#40bcd9\] {
    --to: #40bcd9
}

.\[--to\:\#41579c4d\] {
    --to: #41579c4d
}

.\[--to\:\#4385FF15\] {
    --to: #4385FF15
}

.\[--to\:\#455073\] {
    --to: #455073
}

.\[--to\:\#469bff59\] {
    --to: #469bff59
}

.\[--to\:\#48373f\] {
    --to: #48373f
}

.\[--to\:\#48A1FF\] {
    --to: #48A1FF
}

.\[--to\:\#49588800\] {
    --to: #49588800
}

.\[--to\:\#4B5B8F20\] {
    --to: #4B5B8F20
}

.\[--to\:\#4BCDDB\] {
    --to: #4BCDDB
}

.\[--to\:\#4afdff14\] {
    --to: #4afdff14
}

.\[--to\:\#4afdff\] {
    --to: #4afdff
}

.\[--to\:\#4ecfd0\] {
    --to: #4ecfd0
}

.\[--to\:\#525489\] {
    --to: #525489
}

.\[--to\:\#52B668\] {
    --to: #52B668
}

.\[--to\:\#553d40\] {
    --to: #553d40
}

.\[--to\:\#57489a80\] {
    --to: #57489a80
}

.\[--to\:\#5838b259\] {
    --to: #5838b259
}

.\[--to\:\#5C4042\] {
    --to: #5C4042
}

.\[--to\:\#5d4dbf\] {
    --to: #5d4dbf
}

.\[--to\:\#64A2FF\] {
    --to: #64A2FF
}

.\[--to\:\#67ABFF\] {
    --to: #67ABFF
}

.\[--to\:\#67abff\] {
    --to: #67abff
}

.\[--to\:\#684645\] {
    --to: #684645
}

.\[--to\:\#73FFF3\] {
    --to: #73FFF3
}

.\[--to\:\#73fff3\] {
    --to: #73fff3
}

.\[--to\:\#7CC9F547\] {
    --to: #7CC9F547
}

.\[--to\:\#7e74e514\] {
    --to: #7e74e514
}

.\[--to\:\#80303f\] {
    --to: #80303f
}

.\[--to\:\#89beff\] {
    --to: #89beff
}

.\[--to\:\#99584529\] {
    --to: #99584529
}

.\[--to\:\#995a4659\] {
    --to: #995a4659
}

.\[--to\:\#9a5b4800\] {
    --to: #9a5b4800
}

.\[--to\:\#9a5b4814\] {
    --to: #9a5b4814
}

.\[--to\:\#9a5b4880\] {
    --to: #9a5b4880
}

.\[--to\:\#9b3b44\] {
    --to: #9b3b44
}

.\[--to\:\#9b8dfe40\] {
    --to: #9b8dfe40
}

.\[--to\:\#9f65fa\] {
    --to: #9f65fa
}

.\[--to\:\#B7C0E1\] {
    --to: #B7C0E1
}

.\[--to\:\#B7DAE1\] {
    --to: #B7DAE1
}

.\[--to\:\#CA87FF\] {
    --to: #CA87FF
}

.\[--to\:\#D19494\] {
    --to: #D19494
}

.\[--to\:\#DC5D3F\] {
    --to: #DC5D3F
}

.\[--to\:\#E35A5A\] {
    --to: #E35A5A
}

.\[--to\:\#EC6A4B\] {
    --to: #EC6A4B
}

.\[--to\:\#FF6170\] {
    --to: #FF6170
}

.\[--to\:\#FFBFA6\] {
    --to: #FFBFA6
}

.\[--to\:\#a2feff\] {
    --to: #a2feff
}

.\[--to\:\#a5aed0\] {
    --to: #a5aed0
}

.\[--to\:\#aa374280\] {
    --to: #aa374280
}

.\[--to\:\#abbeff\] {
    --to: #abbeff
}

.\[--to\:\#b5d3ff\] {
    --to: #b5d3ff
}

.\[--to\:\#b7323e29\] {
    --to: #b7323e29
}

.\[--to\:\#b7323e59\] {
    --to: #b7323e59
}

.\[--to\:\#b7c0e1\] {
    --to: #b7c0e1
}

.\[--to\:\#b7cfe1\] {
    --to: #b7cfe1
}

.\[--to\:\#b7dae1\] {
    --to: #b7dae1
}

.\[--to\:\#b7e1d6\] {
    --to: #b7e1d6
}

.\[--to\:\#b9b0ff\] {
    --to: #b9b0ff
}

.\[--to\:\#c1b7e1\] {
    --to: #c1b7e1
}

.\[--to\:\#c5b9ff\] {
    --to: #c5b9ff
}

.\[--to\:\#ccc\] {
    --to: #ccc
}

.\[--to\:\#d19494\] {
    --to: #d19494
}

.\[--to\:\#dc5d3f\] {
    --to: #dc5d3f
}

.\[--to\:\#e1c1b7\] {
    --to: #e1c1b7
}

.\[--to\:\#e6c9ff\] {
    --to: #e6c9ff
}

.\[--to\:\#e8ac9b\] {
    --to: #e8ac9b
}

.\[--to\:\#e9ffc6\] {
    --to: #e9ffc6
}

.\[--to\:\#ed42421a\] {
    --to: #ed42421a
}

.\[--to\:\#ed4242\] {
    --to: #ed4242
}

.\[--to\:\#f2b59e\] {
    --to: #f2b59e
}

.\[--to\:\#f65e6e\] {
    --to: #f65e6e
}

.\[--to\:\#fce46e\] {
    --to: #fce46e
}

.\[--to\:\#fed1cb\] {
    --to: #fed1cb
}

.\[--to\:\#ffbfa6\] {
    --to: #ffbfa6
}

.\[--to\:\#ffc1ae\] {
    --to: #ffc1ae
}

.\[--to\:\#ffc1c1\] {
    --to: #ffc1c1
}

.\[--to\:\#ffc6b0\] {
    --to: #ffc6b0
}

.\[--to\:\#ffd4c1\] {
    --to: #ffd4c1
}

.\[--to\:\#ffdbc0\] {
    --to: #ffdbc0
}

.\[--to\:\#ffe3db\] {
    --to: #ffe3db
}

.\[--to\:--btn-to-color\] {
    --to: var(--btn-to-color)
}

.\[--to\:--color-title\] {
    --to: var(--color-title)
}

.\[--to\:--color\] {
    --to: var(--color)
}

.\[--to\:--from\] {
    --to: var(--from)
}

.\[--to\:--text-shadow-color\] {
    --to: var(--text-shadow-color)
}

.\[--to\:--to-2\] {
    --to: var(--to-2)
}

.\[--to\:--to-selected\] {
    --to: var(--to-selected)
}

.\[--to\:transparent\] {
    --to: transparent
}

.\[--to\:white\] {
    --to: white
}

.\[--tw-prose-bullets\:\#a2dfff\] {
    --tw-prose-bullets: #a2dfff
}

.\[--tw-prose-bullets\:\#e59474\] {
    --tw-prose-bullets: #e59474
}

.\[--tw-prose-bullets\:\#ff8b8b\] {
    --tw-prose-bullets: #ff8b8b
}

.\[--via\:\#131A30\] {
    --via: #131A30
}

.\[--via\:\#161b2e\] {
    --via: #161b2e
}

.\[--via\:\#232b46\] {
    --via: #232b46
}

.\[--via\:\#2A34544d\] {
    --via: #2A34544d
}

.\[--via\:\#301313\] {
    --via: #301313
}

.\[--via\:\#30A6FD\] {
    --via: #30A6FD
}

.\[--via\:\#333F64\] {
    --via: #333F64
}

.\[--via\:\#56638E\] {
    --via: #56638E
}

.\[--via\:\#589df7\] {
    --via: #589df7
}

.\[--via\:\#7693c44d\] {
    --via: #7693c44d
}

.\[--via\:\#95DC71\] {
    --via: #95DC71
}

.\[--via\:\#9ACFFF\] {
    --via: #9ACFFF
}

.\[--via\:\#fdb297\] {
    --via: #fdb297
}

.\[--via\:--color\] {
    --via: var(--color)
}

.\[--via\:transparent\] {
    --via: transparent
}

.\[--via\:white\] {
    --via: white
}

.\[--w\:37\.5\%\] {
    --w: 37.5%
}

.\[--w\:40\%\] {
    --w: 40%
}

.\[--w\:45\%\] {
    --w: 45%
}

.\[--w\:50\%\] {
    --w: 50%
}

.\[--w\:55\%\] {
    --w: 55%
}

.\[--w\:6\.2rem\] {
    --w: 6.2rem
}

.\[-webkit-box-decoration-break\:clone\] {
    -webkit-box-decoration-break: clone
}

.\[anchor-name\:_--withdrawal-total\] {
    anchor-name: --withdrawal-total
}

.\[animation-delay\:-200ms\] {
    animation-delay: -.2s
}

.\[animation-delay\:\.5s\] {
    animation-delay: .5s
}

.\[animation-delay\:1s\] {
    animation-delay: 1s
}

.\[animation-delay\:200ms\] {
    animation-delay: .2s
}

.\[animation-duration\:\.35s\,2s\] {
    animation-duration: .35s, 2s
}

.\[animation-duration\:1\.5s\] {
    animation-duration: 1.5s
}

.\[animation-duration\:300ms\] {
    animation-duration: .3s
}

.\[animation-duration\:4s\] {
    animation-duration: 4s
}

.\[animation-iteration-count\:infinite\] {
    animation-iteration-count: infinite
}

.\[animation-timing-function\:cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[animation\:stripedLabelBg_200s_linear_infinite\] {
    animation: stripedLabelBg 200s linear infinite
}

.\[backface-visibility\:hidden\] {
    backface-visibility: hidden
}

.\[background-position\:right_-1px_center\] {
    background-position: right -1px center
}

.\[background\:--label-bg\] {
    background: var(--label-bg)
}

.\[box-decoration-break\:clone\] {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.\[box-shadow\:0_-2\.5rem_6\.75rem_rgba\(38\,145\,179\,\.4\)\,0_0_13\.75rem_\#2657B3\] {
    box-shadow: 0 -2.5rem 6.75rem #2691b366, 0 0 13.75rem #2657b3
}

.\[box-shadow\:0_0_\.75rem_\#ffa37f33\] {
    box-shadow: 0 0 .75rem #ffa37f33
}

.\[box-shadow\:0_0_1\.5rem_\#6d0bff1a\] {
    box-shadow: 0 0 1.5rem #6d0bff1a
}

.\[box-shadow\:0_0_1\.5rem_\#75F6FB30\] {
    box-shadow: 0 0 1.5rem #75f6fb30
}

.\[box-shadow\:0_0_1\.5rem_\#C83E2F1a\] {
    box-shadow: 0 0 1.5rem #c83e2f1a
}

.\[box-shadow\:0_0_1rem_var\(--shadow-color\)\] {
    box-shadow: 0 0 1rem var(--shadow-color)
}

.\[box-shadow\:0_0_5rem_rgba\(255\,0\,0\,\.6\)\] {
    box-shadow: 0 0 5rem #f009
}

.\[box-shadow\:0_0_5rem_rgba\(50\,107\,249\,\.6\)\] {
    box-shadow: 0 0 5rem #326bf999
}

.\[clip-path\:polygon\(0_0\,100\%_0\,100\%_90\%\,0_90\%\)\] {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%)
}

.\[clip-path\:xywh\(0_0_100\%_100\%\)\] {
    -webkit-clip-path: xywh(0 0 100% 100%);
    clip-path: xywh(0 0 100% 100%)
}

.\[container-type\:inline-size\] {
    container-type: inline-size
}

.\[content-visibility\:initial\] {
    content-visibility: initial
}

.\[counter-increment\:calendar\] {
    counter-increment: calendar
}

.\[counter-reset\:calendar\] {
    counter-reset: calendar
}

.\[filter\:blur\(\.125rem\)\] {
    filter: blur(.125rem)
}

.\[filter\:blur\(\.4rem\)\] {
    filter: blur(.4rem)
}

.\[filter\:blur\(\.75rem\)\] {
    filter: blur(.75rem)
}

.\[filter\:blur\(1\.5rem\)\] {
    filter: blur(1.5rem)
}

.\[filter\:blur\(1\.75rem\)\] {
    filter: blur(1.75rem)
}

.\[filter\:blur\(1rem\)\] {
    filter: blur(1rem)
}

.\[filter\:blur\(2rem\)\] {
    filter: blur(2rem)
}

.\[filter\:blur\(3rem\)\] {
    filter: blur(3rem)
}

.\[filter\:blur\(4rem\)\] {
    filter: blur(4rem)
}

.\[filter\:blur\(5rem\)\] {
    filter: blur(5rem)
}

.\[filter\:blur\(8rem\)\] {
    filter: blur(8rem)
}

.\[filter\:blur\(calc\(4rem\*var\(--scaling\)\)\)\] {
    filter: blur(calc(4rem * var(--scaling)))
}

.\[filter\:drop-shadow\(0_0_\.375rem_rgba\(255\,26\,47\,0\.4\)\)\] {
    filter: drop-shadow(0 0 .375rem rgba(255, 26, 47, .4))
}

.\[filter\:drop-shadow\(0_0_\.5rem_\#0f1220a1\)\] {
    filter: drop-shadow(0 0 .5rem #0f1220a1)
}

.\[filter\:drop-shadow\(0_0_\.75rem_\#C7530080\)\] {
    filter: drop-shadow(0 0 .75rem #C7530080)
}

.\[filter\:drop-shadow\(0_0_1rem_\#1541AE66\)\] {
    filter: drop-shadow(0 0 1rem #1541AE66)
}

.\[filter\:hue-rotate\(130deg\)\] {
    filter: hue-rotate(130deg)
}

.\[filter\:hue-rotate\(170deg\)_brightness\(1\.1\)\] {
    filter: hue-rotate(170deg) brightness(1.1)
}

.\[filter\:hue-rotate\(220deg\)\] {
    filter: hue-rotate(220deg)
}

.\[filter\:hue-rotate\(300deg\)\] {
    filter: hue-rotate(300deg)
}

.\[flex-direction\:inherit\] {
    flex-direction: inherit
}

.\[grid-area\:1\/1\] {
    grid-area: 1/1
}

.\[mask-image\:--birthday-light-mask\] {
    -webkit-mask-image: var(--birthday-light-mask);
    mask-image: var(--birthday-light-mask)
}

.\[mask-image\:--mask-fill\] {
    -webkit-mask-image: var(--mask-fill);
    mask-image: var(--mask-fill)
}

.\[mask-image\:--mask-stroke\] {
    -webkit-mask-image: var(--mask-stroke);
    mask-image: var(--mask-stroke)
}

.\[mask-image\:conic-gradient\(from_13deg\,rgba\(0\,0\,0\,0\)80\%\,\#000\)\] {
    -webkit-mask-image: conic-gradient(from 13deg, rgba(0, 0, 0, 0)80%, #000);
    mask-image: conic-gradient(from 13deg, rgba(0, 0, 0, 0)80%, #000)
}

.\[mask-image\:conic-gradient\(from_35deg\,transparent_14\%\,\#000_50\%\,transparent_62\%\,transparent_70\%\,\#000\)\] {
    -webkit-mask-image: conic-gradient(from 35deg, transparent 14%, #000 50%, transparent 62%, transparent 70%, #000);
    mask-image: conic-gradient(from 35deg, transparent 14%, #000 50%, transparent 62%, transparent 70%, #000)
}

.\[mask-image\:conic-gradient\(from_35deg\,transparent_15\%\,\#000_54\%\,transparent_57\%\,transparent_65\%\,\#000\)\] {
    -webkit-mask-image: conic-gradient(from 35deg, transparent 15%, #000 54%, transparent 57%, transparent 65%, #000);
    mask-image: conic-gradient(from 35deg, transparent 15%, #000 54%, transparent 57%, transparent 65%, #000)
}

.\[mask-image\:conic-gradient\(from_45deg\,rgba\(0\,0\,0\,0\)_75\%\,\#000\)\] {
    -webkit-mask-image: conic-gradient(from 45deg, rgba(0, 0, 0, 0) 75%, #000);
    mask-image: conic-gradient(from 45deg, rgba(0, 0, 0, 0) 75%, #000)
}

.\[mask-image\:linear-gradient\(\#00000080\,black\)\] {
    -webkit-mask-image: linear-gradient(#00000080, black);
    mask-image: linear-gradient(#00000080, black)
}

.\[mask-image\:linear-gradient\(-180deg\,black\,black\,\#00000045\)\] {
    -webkit-mask-image: linear-gradient(-180deg, black, black, #00000045);
    mask-image: linear-gradient(-180deg, black, black, #00000045)
}

.\[mask-image\:linear-gradient\(135deg\,black\,rgba\(0\,0\,0\,\.1\)_20\%\,transparent_30\%\)\] {
    -webkit-mask-image: linear-gradient(135deg, black, rgba(0, 0, 0, .1) 20%, transparent 30%);
    mask-image: linear-gradient(135deg, black, rgba(0, 0, 0, .1) 20%, transparent 30%)
}

.\[mask-image\:linear-gradient\(90deg\,\#00000000\,black\,\#00000000\)\] {
    -webkit-mask-image: linear-gradient(90deg, #00000000, black, #00000000);
    mask-image: linear-gradient(90deg, #00000000, black, #00000000)
}

.\[mask-image\:linear-gradient\(90deg\,\#00000000\,black_\.5rem\,black_calc\(100\%-4rem\)\,\#00000000\)\] {
    -webkit-mask-image: linear-gradient(90deg, #00000000, black .5rem, black calc(100% - 4rem), #00000000);
    mask-image: linear-gradient(90deg, #00000000, black .5rem, black calc(100% - 4rem), #00000000)
}

.\[mask-image\:linear-gradient\(90deg\,\#00000000\,black_20\%\,black_80\%\,\#00000000\)\] {
    -webkit-mask-image: linear-gradient(90deg, #00000000, black 20%, black 80%, #00000000);
    mask-image: linear-gradient(90deg, #00000000, black 20%, black 80%, #00000000)
}

.\[mask-image\:linear-gradient\(90deg\,\#00000000_3\%\,black_20\%\,black_80\%\,\#00000000_97\%\)\] {
    -webkit-mask-image: linear-gradient(90deg, #00000000 3%, black 20%, black 80%, #00000000 97%);
    mask-image: linear-gradient(90deg, #00000000 3%, black 20%, black 80%, #00000000 97%)
}

.\[mask-image\:linear-gradient\(black_30\%\,\#00000000_95\%\)\] {
    -webkit-mask-image: linear-gradient(black 30%, #00000000 95%);
    mask-image: linear-gradient(black 30%, #00000000 95%)
}

.\[mask-image\:linear-gradient\(black_40\%\,\#00000000\)\] {
    -webkit-mask-image: linear-gradient(black 40%, #00000000);
    mask-image: linear-gradient(black 40%, #00000000)
}

.\[mask-image\:radial-gradient\(closest-side\,\#000_80\%\,\#00000000_100\%\)\] {
    -webkit-mask-image: radial-gradient(closest-side, #000 80%, #00000000 100%);
    mask-image: radial-gradient(closest-side, #000 80%, #00000000 100%)
}

.\[mask-position\:left_top\] {
    -webkit-mask-position: left top;
    mask-position: left top
}

.\[mask-position\:right\] {
    -webkit-mask-position: right;
    mask-position: right
}

.\[mask-repeat\:no-repeat\] {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.\[mask-size\:cover\] {
    -webkit-mask-size: cover;
    mask-size: cover
}

.\[position-anchor\:_--withdrawal-total\] {
    position-anchor: --withdrawal-total
}

.\[rotate\:-10deg\] {
    rotate: -10deg
}

.\[rotate\:-20deg\] {
    rotate: -20deg
}

.\[rotate\:-45deg\] {
    rotate: -45deg
}

.\[rotate\:-7deg\] {
    rotate: -7deg
}

.\[rotate\:-8deg\] {
    rotate: -8deg
}

.\[rotate\:10deg\] {
    rotate: 10deg
}

.\[rotate\:20deg\] {
    rotate: 20deg
}

.\[rotate\:2deg\] {
    rotate: 2deg
}

.\[rotate\:40deg\] {
    rotate: 40deg
}

.\[rotate\:45deg\] {
    rotate: 45deg
}

.\[rotate\:5deg\] {
    rotate: 5deg
}

.\[rotate\:7\.5deg\] {
    rotate: 7.5deg
}

.\[scale\:\.93\] {
    scale: .93
}

.\[scale\:\.9\] {
    scale: .9
}

.\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable
}

.\[scrollbar-width\:thin\] {
    scrollbar-width: thin
}

.\[text-wrap\:balance\] {
    text-wrap: balance
}

.\[text-wrap\:pretty\] {
    text-wrap: pretty
}

.\[transform-box\:fill-box\] {
    transform-box: fill-box
}

.\[transform-style\:preserve-3d\] {
    transform-style: preserve-3d
}

.\[transition-behavior\:allow-discrete\] {
    transition-behavior: allow-discrete
}

.\[translate\:-\.5rem_-\.25rem\] {
    translate: -.5rem -.25rem
}

.\[translate\:-50\%_-50\%\] {
    translate: -50% -50%
}

.\[translate\:-50\%_0_0\] {
    translate: -50% 0 0
}

.\[translate\:\.5rem\] {
    translate: .5rem
}

.\[translate\:0_10\%\] {
    translate: 0 10%
}

.\[translate\:0_3\%\] {
    translate: 0 3%
}

.\[translate\:1\.25rem\] {
    translate: 1.25rem
}

.\[translate\:6\%\] {
    translate: 6%
}

.\[writing-mode\:vertical-lr\] {
    writing-mode: vertical-lr
}

:root {
    --inventory-h: 13.75rem;
    --container-w: min(calc(100vw - var(--chat-w) - 1.25rem * 2), 75rem);
    --container-w: min(calc(100svw - var(--chat-w) - 1.25rem * 2), 75rem);
    --chat-w: 20rem;
    --matches-coupon-h: 3.75rem;
    -webkit-tap-highlight-color: transparent;
    --scroll-shadow-color: 28 35 59;
    --scroll-shadow-size: 2.25rem
}

@media (min-width: 540px) {
    :root {
        --scroll-shadow-size: 3.25rem
    }
}

@media screen and (max-width: 359px) {
    :root {
        font-size: 4.4vw
    }
}

[role=dialog][tabindex="-1"] {
    outline: none
}

body {
    overflow-y: scroll
}

@media not all and (min-width: 1024px) {
    body:has(>[role=dialog][data-state=open]) {
        position: relative;
        overflow: hidden;
        overscroll-behavior: contain
    }
}

::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    --scrollbar-mt: 0rem;
    --scrollbar-mb: 0rem;
    --scrollbar-bg: #161b2e
}

::-webkit-scrollbar-track {
    width: 1px;
    background-color: var(--scrollbar-bg);
    margin-top: var(--scrollbar-mt);
    margin-bottom: var(--scrollbar-mb)
}

::-webkit-scrollbar-thumb {
    background-color: #2d3653
}

* {
    scrollbar-color: #2d3653 var(--scrollbar-bg)
}

@supports (-moz-user-select:none) {
    * {
        scrollbar-width: thin
    }
}

*:not(select):not(textarea):not(input)::-moz-scrollbar-thumb {
    background-color: #2d3653
}

*:not(select):not(textarea):not(input)::-moz-scrollbar-track {
    background-color: var(--scrollbar-bg)
}

@media (min-width: 1024px) {
    [data-inventory-mini] {
        --market-offset: -4rem
    }

    #bet-methods+[data-inventory-mini] {
        --market-offset: 0rem
    }

    .grid-template-market {
        grid-template-areas: "a b" "a c";
        grid-template-columns: 16.875rem 1fr;
        grid-template-rows: 5.875rem calc(100% - 5.875rem)
    }

    [data-inventory-mini] .grid-template-market {
        grid-template-columns: 15.625rem 1fr
    }

    .grid-template-market>:nth-child(1) {
        grid-area: a
    }

    .grid-template-market>:nth-child(2) {
        grid-area: b
    }

    .grid-template-market>:nth-child(3) {
        grid-area: c
    }
}

[data-radix-popper-content-wrapper] {
    z-index: 60 !important
}

.dots-ill {
    position: absolute;
    aspect-ratio: 1 / 1;
    -webkit-mask-image: url(/img/dots-mask.webp);
    mask-image: url(/img/dots-mask.webp);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.dots-ill-sm {
    position: absolute;
    aspect-ratio: 272 / 228;
    -webkit-mask-image: url(/img/dots-ill-sm.webp);
    mask-image: url(/img/dots-ill-sm.webp);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.dots-ill-ellipse {
    position: absolute;
    aspect-ratio: 704 / 540;
    -webkit-mask-image: url(/img/dots-ellipse.webp);
    mask-image: url(/img/dots-ellipse.webp);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.prose--thin h2 {
    width: -moz-fit-content;
    width: fit-content;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.25;
    color: transparent;
    background-image: linear-gradient(#b7c0e1, white);
    background-position: 0 .5px;
    margin-bottom: .5rem
}

.prose :where(ul) {
    list-style: none;
    padding-left: 1.5em
}

.prose :where(li) {
    position: relative;
    padding-left: 0
}

.prose :where(li):before {
    content: "";
    position: absolute;
    top: .45em;
    left: -1.3em;
    aspect-ratio: 1/1;
    width: .5em;
    background-color: var(--tw-prose-bullets);
    border-radius: 50%
}

.link {
    text-decoration: underline;
    text-underline-offset: .2em;
    text-decoration-color: currentColor;
    text-decoration-color: rgb(from currentColor r g b / 50)
}

@media (hover: hover) and (pointer: fine) {
    .link:hover {
        text-decoration-color: transparent
    }
}

.popover-backdrop {
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 59;
    background-color: #161b2e80;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.mob-panel-backdrop {
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 39;
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%));
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    --from: #161b2e;
    --to: #161b2e80
}

body:has(>[data-radix-popper-content-wrapper]>[data-state=open]:not(.no-backdrop)) .popover-backdrop {
    opacity: 100
}

@property --from {
    syntax: "<color>";
    inherits: true;
    initial-value: transparent;
}

@property --to {
    syntax: "<color>";
    inherits: true;
    initial-value: transparent;
}

body {
    --chat-open-offset: 0px;
    --chat-open-offset-fixed: 0px
}

body:has(.chat-wrapper[data-state=open]) {
    --chat-open-offset: var(--chat-w);
    --chat-open-offset-fixed: calc(var(--chat-w) + var(--removed-body-scroll-bar-size, 0px))
}

.selection\:bg-\[\#4ecfd0\]\/50 *::-moz-selection {
    background-color: #4ecfd080
}

.selection\:bg-\[\#4ecfd0\]\/50 *::selection {
    background-color: #4ecfd080
}

.selection\:bg-\[\#4ecfd0\]\/50::-moz-selection {
    background-color: #4ecfd080
}

.selection\:bg-\[\#4ecfd0\]\/50::selection {
    background-color: #4ecfd080
}

.placeholder\:text-base::-moz-placeholder {
    font-size: .8125rem
}

.placeholder\:text-base::placeholder {
    font-size: .8125rem
}

.placeholder\:text-tiny::-moz-placeholder {
    font-size: .6875rem
}

.placeholder\:text-tiny::placeholder {
    font-size: .6875rem
}

.placeholder\:font-medium::-moz-placeholder {
    font-weight: 500
}

.placeholder\:font-medium::placeholder {
    font-weight: 500
}

.placeholder\:font-normal::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-normal::placeholder {
    font-weight: 400
}

.placeholder\:opacity-50::-moz-placeholder {
    opacity: .5
}

.placeholder\:opacity-50::placeholder {
    opacity: .5
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:-inset-2:before {
    content: var(--tw-content);
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem
}

.before\:w-5\.5:before {
    content: var(--tw-content);
    width: 1.375rem
}

.before\:w-\[--size\]:before {
    content: var(--tw-content);
    width: var(--size)
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:w-0\.75:after {
    content: var(--tw-content);
    width: .1875rem
}

.after\:w-5\.5:after {
    content: var(--tw-content);
    width: 1.375rem
}

.after\:w-\[--size\]:after {
    content: var(--tw-content);
    width: var(--size)
}

.after\:shrink-0:after {
    content: var(--tw-content);
    flex-shrink: 0
}

.after\:content-\[attr\(data-text\)\]:after {
    --tw-content: attr(data-text);
    content: var(--tw-content)
}

.after\:\[content\:counter\(calendar\)\]:after {
    content: counter(calendar)
}

.first\:left-auto:first-child {
    left: auto
}

.first\:right-1\.5:first-child {
    right: .375rem
}

.first\:order-none:first-child {
    order: 0
}

.first\:rounded-l:first-child {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-l-3xl:first-child {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.first\:rounded-bl-lg:first-child {
    border-bottom-left-radius: .875rem
}

.first\:bg-gradient-var-to-r:first-child {
    background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.first\:pl-3:first-child {
    padding-left: .75rem
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: 1.125rem;
    border-bottom-left-radius: 1.125rem
}

.last\:rounded-r:last-child {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-r-3xl:last-child {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

.last\:rounded-br-lg:last-child {
    border-bottom-right-radius: .875rem
}

.last\:border-r-0:last-child {
    border-right-width: 0px
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pr-3:last-child {
    padding-right: .75rem
}

.only\:col-span-full:only-child {
    grid-column: 1 / -1
}

.only\:mx-auto:only-child {
    margin-left: auto;
    margin-right: auto
}

.only\:mb-0:only-child {
    margin-bottom: 0
}

.only\:mb-4:only-child {
    margin-bottom: 1rem
}

.only\:w-full:only-child {
    width: 100%
}

.only\:rounded-b-3xl:only-child {
    border-bottom-right-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

.only\:opacity-100:only-child {
    opacity: 1
}

.odd\:bg-\[\#242C48\]:nth-child(odd) {
    background-color: #242c48
}

.read-only\:cursor-auto:-moz-read-only {
    cursor: auto
}

.read-only\:cursor-auto:read-only {
    cursor: auto
}

.empty\:hidden:empty {
    display: none
}

@media (hover: hover) and (pointer: fine) {
    .hover\:z-2:hover {
        z-index: 2
    }

    .hover\:rotate-\[4deg\]:hover {
        --tw-rotate: 4deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .hover\:scale-105:hover {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .hover\:border-\[\#263055\]:hover {
        border-color: #263055
    }

    .hover\:border-\[\#9ac9fe\]:hover {
        border-color: #9ac9fe
    }

    .hover\:border-white\/15:hover {
        border-color: #ffffff26
    }

    .hover\:bg-\[\#161B2E\]:hover {
        background-color: #161b2e
    }

    .hover\:bg-\[\#191e33\]:hover {
        background-color: #191e33
    }

    .hover\:bg-\[\#212943\]:hover {
        background-color: #212943
    }

    .hover\:bg-\[\#232c48\]:hover {
        background-color: #232c48
    }

    .hover\:bg-\[\#262f4c\]:hover {
        background-color: #262f4c
    }

    .hover\:bg-\[\#272f4d\]:hover {
        background-color: #272f4d
    }

    .hover\:bg-\[\#293251\]:hover {
        background-color: #293251
    }

    .hover\:bg-\[\#2F3959\]\/30:hover {
        background-color: #2f39594d
    }

    .hover\:bg-\[\#2a324f\]:hover {
        background-color: #2a324f
    }

    .hover\:bg-\[\#2c3c5c\]:hover {
        background-color: #2c3c5c
    }

    .hover\:bg-\[\#493853\]:hover {
        background-color: #493853
    }

    .hover\:bg-\[\#4d364d\]:hover {
        background-color: #4d364d
    }

    .hover\:bg-\[\#81eaeb\]\/5:hover {
        background-color: #81eaeb0d
    }

    .hover\:bg-\[\#84eaff\]\/5:hover {
        background-color: #84eaff0d
    }

    .hover\:bg-\[\#88FFE7\]\/5:hover {
        background-color: #88ffe70d
    }

    .hover\:bg-\[\#A2FEFF\]\/15:hover {
        background-color: #a2feff26
    }

    .hover\:bg-\[\#fb6f7d\]\/5:hover {
        background-color: #fb6f7d0d
    }

    .hover\:bg-\[--from\]:hover {
        background-color: var(--from)
    }

    .hover\:bg-bg-mix-50:hover {
        background-color: color-mix(in srgb, var(--bg) 50%, transparent)
    }

    .hover\:bg-from-mix-10:hover {
        background-color: color-mix(in srgb, var(--from) 10%, transparent)
    }

    .hover\:bg-from-mix-50:hover {
        background-color: color-mix(in srgb, var(--from) 50%, transparent)
    }

    .hover\:fill-white:hover {
        fill: #fff
    }

    .hover\:text-\[\#b9c1d8\]:hover {
        color: #b9c1d8
    }

    .hover\:text-\[\#f9c7b4\]:hover {
        color: #f9c7b4
    }

    .hover\:text-\[\#ff8585\]:hover {
        color: #ff8585
    }

    .hover\:text-black:hover {
        color: #161628
    }

    .hover\:text-white:hover {
        color: #fff
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:opacity-40:hover {
        opacity: .4
    }

    .hover\:opacity-60:hover {
        opacity: .6
    }

    .hover\:brightness-105:hover {
        --tw-brightness: brightness(1.05);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .hover\:brightness-110:hover {
        --tw-brightness: brightness(1.1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .hover\:brightness-120:hover {
        --tw-brightness: brightness(1.2);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .hover\:brightness-125:hover {
        --tw-brightness: brightness(1.25);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .hover\:brightness-95:hover {
        --tw-brightness: brightness(.95);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .hover\:\[--fill\:currentColor\]:hover {
        --fill: currentColor
    }
}

.focus\:bg-\[\#262f4c\]:focus {
    background-color: #262f4c
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.active\:bg-\[\#232c47\]:active {
    background-color: #232c47
}

.active\:brightness-100:active {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-105:active {
    --tw-brightness: brightness(1.05);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-110:active {
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-115:active {
    --tw-brightness: brightness(1.15);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-120:active {
    --tw-brightness: brightness(1.2);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-130:active {
    --tw-brightness: brightness(1.3);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-90:active {
    --tw-brightness: brightness(.9);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-95:active {
    --tw-brightness: brightness(.95);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-98:active {
    --tw-brightness: brightness(.98);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (hover: hover) and (pointer: fine) {
    .enabled\:hover\:text-\[\#BFCBE7\]:hover:enabled {
        color: #bfcbe7
    }

    .hover\:enabled\:brightness-110:enabled:hover {
        --tw-brightness: brightness(1.1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

.active\:enabled\:brightness-115:enabled:active {
    --tw-brightness: brightness(1.15);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:invisible:disabled {
    visibility: hidden
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-\[\#242C48\]\/50:disabled {
    background-color: #242c4880
}

.disabled\:text-\[\#ABB2CF\]:disabled {
    color: #abb2cf
}

.disabled\:opacity-0:disabled {
    opacity: 0
}

.disabled\:opacity-20:disabled {
    opacity: .2
}

.disabled\:opacity-30:disabled {
    opacity: .3
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-75:disabled {
    opacity: .75
}

.disabled\:outline-none:disabled {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:first-child .group-first\:bg-left {
    background-position: left
}

.group\/row:last-child .group-last\/row\:border-b-0 {
    border-bottom-width: 0px
}

.group:last-child .group-last\:bg-right-bottom {
    background-position: right bottom
}

@media (hover: hover) and (pointer: fine) {
    .group:hover .group-hover\:visible {
        visibility: visible
    }

    .group:hover .group-hover\:rotate-\[4deg\] {
        --tw-rotate: 4deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/img:hover .group-hover\/img\:scale-100,
    .group:hover .group-hover\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/btn:hover .group-hover\/btn\:border-\[\#9fc3fd\]\/20 {
        border-color: #9fc3fd33
    }

    .group:hover .group-hover\:border-white\/10 {
        border-color: #ffffff1a
    }

    .group:hover .group-hover\:text-\[\#D6E2FF\] {
        color: #d6e2ff
    }

    .group:hover .group-hover\:text-white {
        color: #fff
    }

    .group\/btn:hover .group-hover\/btn\:opacity-100,
    .group\/chat-message:hover .group-hover\/chat-message\:opacity-100,
    .group\/img:hover .group-hover\/img\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .group-hover\:opacity-10 {
        opacity: .1
    }

    .group:hover .group-hover\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:opacity-20 {
        opacity: .2
    }

    .group:hover .group-hover\:opacity-25 {
        opacity: .25
    }

    .group:hover .group-hover\:opacity-60 {
        opacity: .6
    }

    .group:hover .group-hover\:opacity-80 {
        opacity: .8
    }

    .group:hover .group-hover\:opacity-99 {
        opacity: .99
    }

    .group:hover .group-hover\:brightness-110 {
        --tw-brightness: brightness(1.1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .group:hover .group-hover\:saturate-100 {
        --tw-saturate: saturate(1);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }
}

.group:active .group-active\:opacity-100 {
    opacity: 1
}

.group:active .group-active\:opacity-15 {
    opacity: .15
}

.group:active .group-active\:opacity-30 {
    opacity: .3
}

.group:active .group-active\:opacity-70 {
    opacity: .7
}

.group:disabled .group-disabled\:opacity-100 {
    opacity: 1
}

.peer:checked~.peer-checked\:left-\[calc\(100\%-var\(--switch-thumb-size\)\)\] {
    left: calc(100% - var(--switch-thumb-size))
}

.peer:checked~.peer-checked\:-translate-x-4\.5 {
    --tw-translate-x: -1.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:checked~.peer-checked\:bg-\[--switch-color-active\,\#a2feff\] {
    background-color: var(--switch-color-active, #a2feff)
}

.peer:checked~.peer-checked\:text-\[\#a2feff\] {
    color: #a2feff
}

@media (hover: hover) and (pointer: fine) {
    .peer:hover~.peer-hover\:visible {
        visibility: visible
    }

    .peer:hover~.peer-hover\:opacity-100 {
        opacity: 1
    }

    .peer:hover~.peer-hover\:delay-300 {
        transition-delay: .3s
    }
}

.has-\[\.box-battle-round--user\]\:-order-1:has(.box-battle-round--user) {
    order: -1
}

.aria-expanded\:text-\[\#a2feff\][aria-expanded=true] {
    color: #a2feff
}

.aria-expanded\:brightness-110[aria-expanded=true] {
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.aria-expanded\:\[--fill\:\#a2feff\][aria-expanded=true] {
    --fill: #a2feff
}

.aria-pressed\:pointer-events-none[aria-pressed=true] {
    pointer-events: none
}

.aria-pressed\:mx-2[aria-pressed=true] {
    margin-left: .5rem;
    margin-right: .5rem
}

.aria-pressed\:cursor-default[aria-pressed=true] {
    cursor: default
}

.aria-pressed\:bg-\[\#242C48\][aria-pressed=true] {
    background-color: #242c48
}

.aria-pressed\:bg-\[\#2C4662\][aria-pressed=true] {
    background-color: #2c4662
}

.aria-pressed\:bg-gradient-var[aria-pressed=true] {
    background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
}

.aria-pressed\:px-4[aria-pressed=true] {
    padding-left: 1rem;
    padding-right: 1rem
}

.aria-pressed\:text-\[\#212944\][aria-pressed=true] {
    color: #212944
}

.aria-pressed\:text-\[\#95edf0\][aria-pressed=true] {
    color: #95edf0
}

.aria-pressed\:text-\[\#A2FEFF\][aria-pressed=true] {
    color: #a2feff
}

.aria-pressed\:text-\[\#c2dcfc\][aria-pressed=true] {
    color: #c2dcfc
}

.aria-pressed\:text-\[\#ffc6b0\][aria-pressed=true] {
    color: #ffc6b0
}

.aria-pressed\:\[--opacity\:1\][aria-pressed=true] {
    --opacity: 1
}

.first\:aria-pressed\:ml-0[aria-pressed=true]:first-child {
    margin-left: 0
}

.last\:aria-pressed\:mr-0[aria-pressed=true]:last-child {
    margin-right: 0
}

.aria-selected\:\[--fill\:\#a2feff\][aria-selected=true] {
    --fill: #a2feff
}

.group[aria-expanded=true] .group-aria-expanded\:block {
    display: block
}

.group[aria-expanded=true] .group-aria-expanded\:hidden {
    display: none
}

.group[aria-expanded=true] .group-aria-expanded\:-scale-y-100 {
    --tw-scale-y: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[aria-expanded=true] .group-aria-expanded\:opacity-50 {
    opacity: .5
}

.group[aria-pressed=true] .group-aria-pressed\:opacity-100 {
    opacity: 1
}

.group[aria-pressed=true] .group-aria-pressed\:opacity-50 {
    opacity: .5
}

.group[aria-pressed=true] .group-aria-pressed\:opacity-99 {
    opacity: .99
}

.group[aria-pressed=true] .group-aria-pressed\:-outline-offset-2 {
    outline-offset: -2px
}

.group[aria-pressed=true] .group-aria-pressed\:saturate-100 {
    --tw-saturate: saturate(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group[aria-pressed=true] .group-aria-pressed\:\[clip-path\:xywh\(\.25rem_0_100\%_calc\(100\%-\.25rem\)_round_0_\.75rem\)\] {
    -webkit-clip-path: xywh(.25rem 0 100% calc(100% - .25rem) round 0 .75rem);
    clip-path: xywh(.25rem 0 100% calc(100% - .25rem) round 0 .75rem)
}

.data-\[state\=closed\]\:animate-\[--animation-fade-out\][data-state=closed] {
    animation: var(--animation-fade-out)
}

.data-\[state\=closed\]\:animate-\[--animation-slide-out-right\][data-state=closed] {
    animation: var(--animation-slide-out-right)
}

.data-\[state\=closed\]\:animate-content-hide[data-state=closed],
.data-\[state\=closed\]\:animate-overlay-hide[data-state=closed] {
    animation: var(--animation-overlay-hide)
}

.data-\[state\=closed\]\:animate-popover-hide[data-state=closed] {
    animation: popoverHide .12s ease-out
}

.data-\[state\=closed\]\:animate-slide-up-accordion[data-state=closed] {
    animation: slideUpAccordion .2s ease-out
}

.data-\[state\=closed\]\:animate-slide-up-collapse[data-state=closed] {
    animation: slideUpCollapse .2s ease-out
}

.data-\[state\=open\]\:animate-\[--animation-fade-in\][data-state=open] {
    animation: var(--animation-fade-in)
}

.data-\[state\=open\]\:animate-\[--animation-slide-in-right\][data-state=open] {
    animation: var(--animation-slide-in-right)
}

.data-\[state\=open\]\:animate-content-show[data-state=open] {
    animation: var(--animation-content-show)
}

.data-\[state\=open\]\:animate-overlay-show[data-state=open] {
    animation: var(--animation-overlay-show)
}

.data-\[state\=open\]\:animate-popover-show[data-state=open] {
    animation: popoverShow .12s ease-out
}

.data-\[state\=open\]\:animate-slide-down-accordion[data-state=open] {
    animation: slideDownAccordion .2s ease-out
}

.data-\[state\=open\]\:animate-slide-down-collapse[data-state=open] {
    animation: slideDownCollapse .2s ease-out
}

.data-\[crash-status\=\'3\'\]\:bg-\[\#432f47\][data-crash-status="3"] {
    background-color: #432f47
}

.data-\[has-value\]\:fill-current[data-has-value] {
    fill: currentColor
}

.data-\[has-value\]\:text-\[\#ffc6b0\][data-has-value] {
    color: #ffc6b0
}

.data-\[has-value\]\:text-white[data-has-value] {
    color: #fff
}

.data-\[highlighted\]\:text-\[\#ffc6b0\][data-highlighted] {
    color: #ffc6b0
}

.data-\[disabled\]\:opacity-40[data-disabled] {
    opacity: .4
}

.data-\[highlighted\]\:outline-none[data-highlighted] {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.data-\[has-value\]\:\[--fill\:currentColor\][data-has-value] {
    --fill: currentColor
}

.group[data-history-status=pending] .group-data-\[history-status\=pending\]\:text-white {
    color: #fff
}

.group\/btn[data-state=open] .group-data-\[state\=open\]\/btn\:opacity-100 {
    opacity: 1
}

[data-crash-status="3"] .crash\:border-\[\#fd9f9f\]\/10 {
    border-color: #fd9f9f1a
}

[data-crash-status="3"] .crash\:bg-\[image\:linear-gradient\(90deg\,\#B9577B00_35\%\,\#FF84A1FF_50\%\,\#B9577B00_65\%\)\,linear-gradient\(90deg\,\#B9577B00\,\#B9577BFF\,\#B9577B00\)\] {
    background-image: linear-gradient(90deg, #B9577B00 35%, #FF84A1FF 50%, #B9577B00 65%), linear-gradient(90deg, #B9577B00, #B9577BFF, #B9577B00)
}

[data-crash-status="3"] .crash\:bg-\[linear-gradient\(360deg\,\#87455d66\,\#673a4f66_18\%\,\#58354866_78\%\,\#5b2f4433\)\] {
    background-image: linear-gradient(360deg, #87455d66, #673a4f66 18%, #58354866 78%, #5b2f4433)
}

[data-crash-status="3"] .crash\:text-\[\#ff9696\] {
    color: #ff9696
}

[data-crash-status="3"] .crash\:text-\[\#ffc4c4\] {
    color: #ffc4c4
}

[data-crash-status="3"] .crash\:text-white {
    color: #fff
}

[data-crash-status="3"] .crash\:\[--from\:\#87455Db3\] {
    --from: #87455Db3
}

[data-crash-status="3"] .crash\:\[--from\:\#FF84A1\] {
    --from: #FF84A1
}

[data-crash-status="3"] .crash\:\[--from\:\#ffc4c44d\] {
    --from: #ffc4c44d
}

[data-crash-status="3"] .crash\:\[--to\:\#3844694d\] {
    --to: #3844694d
}

[data-crash-status="3"] .crash\:\[--to\:\#B9577B20\] {
    --to: #B9577B20
}

@media (hover: hover) and (pointer: fine) {
    [data-crash-status="3"] .group\/btn:hover .crash\:group-hover\/btn\:border-\[\#fd9f9f\]\/20 {
        border-color: #fd9f9f33
    }
}

[data-crash-status="2"] .crash-progress\:\[--from\:\#314E87b3\] {
    --from: #314E87b3
}

[data-crash-status="2"] .crash-progress\:\[--from\:\#36579766\] {
    --from: #36579766
}

[data-crash-status="2"] .crash-progress\:\[--from\:\#3E6DB520\] {
    --from: #3E6DB520
}

[data-crash-status="2"] .crash-progress\:\[--from\:\#73A8F9\] {
    --from: #73A8F9
}

.child-inventory\:-mx-5 [data-inventory] {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.child-inventory\:h-\[19rem\] [data-inventory] {
    height: 19rem
}

.child-inventory\:bg-transparent [data-inventory] {
    background-color: transparent
}

.child-inventory\:py-0 [data-inventory] {
    padding-top: 0;
    padding-bottom: 0
}

[data-inventory-mini] .inventory-mini\:rounded-lg {
    border-radius: .875rem
}

.inert\:translate-y-full[inert] {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.inert\:scale-90[inert] {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.inert\:opacity-0[inert] {
    opacity: 0
}

.inert\:\[--from\:\#504ad2\][inert] {
    --from: #504ad2
}

.inert\:\[--to\:\#373686\][inert] {
    --to: #373686
}

.group[inert] .group-inert\:text-\[\#c7c0fc\] {
    color: #c7c0fc
}

.group[inert] .group-inert\:text-\[\#d4ccff\] {
    color: #d4ccff
}

.group[inert] .group-inert\:\[--from\:\#8f9aff\] {
    --from: #8f9aff
}

.group[inert] .group-inert\:\[--to\:\#6d51e7\] {
    --to: #6d51e7
}

@supports (color:color-mix(in srgb, red, pink)) {
    .supports-color-mix\:\[--to\:color-mix\(in_srgb\,var\(--from\)_70\%\,transparent\)\] {
        --to: color-mix(in srgb, var(--from) 70%, transparent)
    }
}

@starting-style {
    .starting\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .starting\:opacity-0 {
        opacity: 0
    }
}

.child\(1\)\:col-span-full>:nth-child(1) {
    grid-column: 1 / -1
}

.child\(2\)\:col-span-5>:nth-child(2) {
    grid-column: span 5 / span 5
}

.child\(3\)\:col-span-5>:nth-child(3) {
    grid-column: span 5 / span 5
}

.child\(4\)\:col-span-2>:nth-child(4) {
    grid-column: span 2 / span 2
}

@supports (width:1svw) {
    .supports-\[width\:1svw\]\:z-auto {
        z-index: auto
    }
}

@supports (container-type:inline-size) {
    .supports-\[container-type\:inline-size\]\:block {
        display: block
    }
}

@supports (height:1svh) {
    .supports-\[height\:1svh\]\:min-h-\[max\(calc\(100svh-var\(--controls-h\)\)\,var\(--min-h\)\)\] {
        min-height: max(calc(100svh - var(--controls-h)), var(--min-h))
    }
}

@supports (width:1svw) {
    .supports-\[width\:1svw\]\:\[perspective\:10rem\] {
        perspective: 10rem
    }

    .supports-\[width\:1svw\]\:\[rotate\:y_180deg\] {
        rotate: y 180deg
    }
}

@media not all and (min-width: 1024px) {
    .max-lg\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .max-lg\:inset-x-5 {
        left: 1.25rem;
        right: 1.25rem
    }

    .max-lg\:left-0 {
        left: 0
    }

    .max-lg\:left-auto {
        left: auto
    }

    .max-lg\:right-0 {
        right: 0
    }

    .max-lg\:right-auto {
        right: auto
    }

    .max-lg\:top-4 {
        top: 1rem
    }

    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-lg\:flex {
        display: flex
    }

    .max-lg\:grid {
        display: grid
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:aspect-square {
        aspect-ratio: 1 / 1
    }

    .max-lg\:h-10\.5 {
        height: 2.625rem
    }

    .max-lg\:h-12 {
        height: 3rem
    }

    .max-lg\:h-18 {
        height: 4.5rem
    }

    .max-lg\:h-18\.5 {
        height: 4.625rem
    }

    .max-lg\:h-20 {
        height: 5rem
    }

    .max-lg\:h-44 {
        height: 11rem
    }

    .max-lg\:h-\[18\.375rem\] {
        height: 18.375rem
    }

    .max-lg\:h-\[22rem\] {
        height: 22rem
    }

    .max-lg\:min-h-44 {
        min-height: 11rem
    }

    .max-lg\:w-0\.75 {
        width: .1875rem
    }

    .max-lg\:w-18 {
        width: 4.5rem
    }

    .max-lg\:w-full {
        width: 100%
    }

    .max-lg\:grow {
        flex-grow: 1
    }

    .max-lg\:-rotate-\[8deg\] {
        --tw-rotate: -8deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .max-lg\:animate-none {
        animation: none
    }

    .max-lg\:cursor-pointer {
        cursor: pointer
    }

    .max-lg\:flex-wrap {
        flex-wrap: wrap
    }

    .max-lg\:justify-center {
        justify-content: center
    }

    .max-lg\:justify-between {
        justify-content: space-between
    }

    .max-lg\:overflow-hidden {
        overflow: hidden
    }

    .max-lg\:border-y {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    .max-lg\:bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
    }

    .max-lg\:p-2\.5 {
        padding: .625rem
    }

    .max-lg\:pt-2 {
        padding-top: .5rem
    }

    .max-lg\:text-sm {
        font-size: .75rem
    }

    .max-lg\:text-tiny {
        font-size: .6875rem
    }

    .max-lg\:text-xl {
        font-size: 1rem
    }

    .max-lg\:opacity-0 {
        opacity: 0
    }

    .max-lg\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .max-lg\:\[box-shadow\:0_0_2rem_1rem_\#1e253d80\] {
        box-shadow: 0 0 2rem 1rem #1e253d80
    }

    .max-lg\:\[mask\:none\] {
        -webkit-mask: none;
        mask: none
    }

    .max-lg\:\*\:w-auto>* {
        width: auto
    }

    .max-lg\:-moz-placeholder-shown\:pb-0\.5:-moz-placeholder-shown {
        padding-bottom: .125rem
    }

    .max-lg\:placeholder-shown\:pb-0\.5:placeholder-shown {
        padding-bottom: .125rem
    }

    .max-lg\:has-\[\#sportsbook-iframe\]\:pb-0:has(#sportsbook-iframe) {
        padding-bottom: 0
    }

    .group[aria-expanded=true] .max-lg\:group-aria-expanded\:opacity-100 {
        opacity: 1
    }
}

@media not all and (min-width: 768px) {
    .max-md\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .max-md\:inset-x-2 {
        left: .5rem;
        right: .5rem
    }

    .max-md\:bottom-1\.5 {
        bottom: .375rem
    }

    .max-md\:top-2 {
        top: .5rem
    }

    .max-md\:-order-1 {
        order: -1
    }

    .max-md\:order-first {
        order: -9999
    }

    .max-md\:order-last {
        order: 9999
    }

    .max-md\:col-span-full {
        grid-column: 1 / -1
    }

    .max-md\:-mx-\[19\%\] {
        margin-left: -19%;
        margin-right: -19%
    }

    .max-md\:ml-auto {
        margin-left: auto
    }

    .max-md\:contents {
        display: contents
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:h-6 {
        height: 1.5rem
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:max-w-\[calc\(100vw-13\.5rem\)\] {
        max-width: calc(100vw - 13.5rem)
    }

    .max-md\:grow {
        flex-grow: 1
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:flex-wrap {
        flex-wrap: wrap
    }

    .max-md\:items-end {
        align-items: flex-end
    }

    .max-md\:rounded-lg {
        border-radius: .875rem
    }

    .max-md\:object-\[37\%_50\%\] {
        -o-object-position: 37% 50%;
        object-position: 37% 50%
    }

    .max-md\:object-\[57\%_50\%\] {
        -o-object-position: 57% 50%;
        object-position: 57% 50%
    }

    .max-md\:object-\[98\%_50\%\] {
        -o-object-position: 98% 50%;
        object-position: 98% 50%
    }

    .max-md\:p-0 {
        padding: 0
    }

    .max-md\:p-2 {
        padding: .5rem
    }

    .max-md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .max-md\:pr-20 {
        padding-right: 5rem
    }

    .max-md\:pr-25 {
        padding-right: 6.25rem
    }

    .max-md\:transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .max-md\:\[--switch-bg\:\#1e243c\] {
        --switch-bg: #1e243c
    }

    .max-md\:\[box-shadow\:0_0_1\.5rem_\#161b2e\] {
        box-shadow: 0 0 1.5rem #161b2e
    }

    .odd\:max-md\:last\:col-span-full:last-child:nth-child(odd) {
        grid-column: 1 / -1
    }
}

@media not all and (min-width: 540px) {
    .max-sm\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .max-sm\:fixed {
        position: fixed
    }

    .max-sm\:absolute {
        position: absolute
    }

    .max-sm\:inset-x-\[1\.625rem\] {
        left: 1.625rem;
        right: 1.625rem
    }

    .max-sm\:bottom-1\.75 {
        bottom: .4375rem
    }

    .max-sm\:bottom-4 {
        bottom: 1rem
    }

    .max-sm\:order-first {
        order: -9999
    }

    .max-sm\:-mx-2\.5 {
        margin-left: -.625rem;
        margin-right: -.625rem
    }

    .max-sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-sm\:mt-1 {
        margin-top: .25rem
    }

    .max-sm\:contents {
        display: contents
    }

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:aspect-square {
        aspect-ratio: 1 / 1
    }

    .max-sm\:h-8 {
        height: 2rem
    }

    .max-sm\:min-h-\[13rem\] {
        min-height: 13rem
    }

    .max-sm\:min-h-\[calc\(100svh-11rem\)\] {
        min-height: calc(100svh - 11rem)
    }

    .max-sm\:w-\[80\%\] {
        width: 80%
    }

    .max-sm\:w-\[calc\(var\(--w\)\*1\.2\)\] {
        width: calc(var(--w) * 1.2)
    }

    .max-sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .max-sm\:w-full {
        width: 100%
    }

    .max-sm\:max-w-\[18rem\] {
        max-width: 18rem
    }

    .max-sm\:max-w-\[22rem\] {
        max-width: 22rem
    }

    .max-sm\:max-w-\[8rem\] {
        max-width: 8rem
    }

    .max-sm\:grow {
        flex-grow: 1
    }

    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .max-sm\:items-start {
        align-items: flex-start
    }

    .max-sm\:items-end {
        align-items: flex-end
    }

    .max-sm\:justify-end {
        justify-content: flex-end
    }

    .max-sm\:overflow-hidden {
        overflow: hidden
    }

    .max-sm\:rounded-sm {
        border-radius: .5rem
    }

    .max-sm\:bg-\[\#1e73859c\] {
        background-color: #1e73859c
    }

    .max-sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .max-sm\:pl-0 {
        padding-left: 0
    }

    .max-sm\:pr-30 {
        padding-right: 7.5rem
    }

    .max-sm\:text-center {
        text-align: center
    }

    .max-sm\:text-sm {
        font-size: .75rem
    }

    .max-sm\:text-tiny {
        font-size: .6875rem
    }

    .max-sm\:backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .max-sm\:\[box-shadow\:0_0_1\.5rem_\#161b2e\] {
        box-shadow: 0 0 1.5rem #161b2e
    }

    .max-sm\:\[mask-image\:none\] {
        -webkit-mask-image: none;
        mask-image: none
    }

    .max-sm\:inert\:hidden[inert] {
        display: none
    }
}

@media not all and (min-width: 450px) {
    .max-tiny\:mr-2 {
        margin-right: .5rem
    }

    .max-tiny\:hidden {
        display: none
    }

    .max-tiny\:w-\[calc\(100vw-3\.125rem\)\] {
        width: calc(100vw - 3.125rem)
    }

    .max-tiny\:w-full {
        width: 100%
    }

    .max-tiny\:grow {
        flex-grow: 1
    }
}

@media (max-width: 430px) {
    .max-\[430px\]\:hidden {
        display: none
    }
}

@media not all and (min-width: 400px) {
    .max-xs\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .max-xs\:grow {
        flex-grow: 1
    }
}

@media (min-width: 400px) {
    .xs\:h-15\.5 {
        height: 3.875rem
    }

    .xs\:w-30 {
        width: 7.5rem
    }

    .xs\:w-42 {
        width: 10.5rem
    }

    @supports (position-anchor: var(--tw)) {
        .xs\:supports-\[position-anchor\]\:absolute {
            position: absolute
        }

        .xs\:supports-\[position-anchor\]\:-ml-3 {
            margin-left: -.75rem
        }

        .xs\:supports-\[position-anchor\]\:contents {
            display: contents
        }

        .xs\:supports-\[position-anchor\]\:hidden {
            display: none
        }

        .xs\:supports-\[position-anchor\]\:h-13\.5 {
            height: 3.375rem
        }

        .xs\:supports-\[position-anchor\]\:w-\[calc\(100\%-anchor-size\(width\,100\%\)\+1rem\)\] {
            width: calc(100% - anchor-size(width, 100%) + 1rem)
        }

        .xs\:supports-\[position-anchor\]\:translate-x-\[1rem\] {
            --tw-translate-x: 1rem;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }

        .xs\:supports-\[position-anchor\]\:flex-row {
            flex-direction: row
        }

        .xs\:supports-\[position-anchor\]\:rounded-l-none {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .xs\:supports-\[position-anchor\]\:pl-7 {
            padding-left: 1.75rem
        }
    }
}

@media (min-width: 450px) {
    .tiny\:absolute {
        position: absolute
    }

    .tiny\:inset-x-2 {
        left: .5rem;
        right: .5rem
    }

    .tiny\:-right-10 {
        right: -2.5rem
    }

    .tiny\:bottom-2 {
        bottom: .5rem
    }

    .tiny\:bottom-\[25rem\] {
        bottom: 25rem
    }

    .tiny\:right-4 {
        right: 1rem
    }

    .tiny\:ml-0 {
        margin-left: 0
    }

    .tiny\:grid {
        display: grid
    }

    .tiny\:hidden {
        display: none
    }

    .tiny\:h-11 {
        height: 2.75rem
    }

    .tiny\:h-12\.5 {
        height: 3.125rem
    }

    .tiny\:h-13\.5 {
        height: 3.375rem
    }

    .tiny\:h-14\.5 {
        height: 3.625rem
    }

    .tiny\:h-5\.5 {
        height: 1.375rem
    }

    .tiny\:h-6\.5 {
        height: 1.625rem
    }

    .tiny\:w-11 {
        width: 2.75rem
    }

    .tiny\:w-14\.5 {
        width: 3.625rem
    }

    .tiny\:w-2\/5 {
        width: 40%
    }

    .tiny\:w-26 {
        width: 6.5rem
    }

    .tiny\:w-3 {
        width: .75rem
    }

    .tiny\:w-3\/5 {
        width: 60%
    }

    .tiny\:w-5 {
        width: 1.25rem
    }

    .tiny\:w-55 {
        width: 13.75rem
    }

    .tiny\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .tiny\:grid-flow-col {
        grid-auto-flow: column
    }

    .tiny\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .tiny\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .tiny\:flex-row {
        flex-direction: row
    }

    .tiny\:flex-nowrap {
        flex-wrap: nowrap
    }

    .tiny\:items-end {
        align-items: flex-end
    }

    .tiny\:rounded-3xl {
        border-radius: 1.25rem
    }

    .tiny\:rounded-xl {
        border-radius: 1rem
    }

    .tiny\:object-left {
        -o-object-position: left;
        object-position: left
    }

    .tiny\:p-5 {
        padding: 1.25rem
    }

    .tiny\:px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .tiny\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tiny\:px-4\.5 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .tiny\:pb-4 {
        padding-bottom: 1rem
    }

    .tiny\:text-2xl {
        font-size: 1.125rem
    }

    .tiny\:text-3xl {
        font-size: 1.25rem
    }

    .tiny\:text-base {
        font-size: .8125rem
    }

    .tiny\:text-huge {
        font-size: .9375rem
    }

    .tiny\:text-nano {
        font-size: .625rem
    }

    .tiny\:text-sm {
        font-size: .75rem
    }

    .tiny\:grid-fill-30 {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr))
    }

    .tiny\:grid-fit-50 {
        grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr))
    }
}

@media (min-width: 540px) {
    .sm\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:-inset-20 {
        top: -5rem;
        right: -5rem;
        bottom: -5rem;
        left: -5rem
    }

    .sm\:inset-x-2\.5 {
        left: .625rem;
        right: .625rem
    }

    .sm\:inset-x-4\.5 {
        left: 1.125rem;
        right: 1.125rem
    }

    .sm\:-bottom-10 {
        bottom: -2.5rem
    }

    .sm\:-bottom-14 {
        bottom: -3.5rem
    }

    .sm\:-bottom-8\.5 {
        bottom: -2.125rem
    }

    .sm\:-left-1 {
        left: -.25rem
    }

    .sm\:-left-30 {
        left: -7.5rem
    }

    .sm\:-left-4 {
        left: -1rem
    }

    .sm\:-right-1 {
        right: -.25rem
    }

    .sm\:-right-15 {
        right: -3.75rem
    }

    .sm\:-right-30 {
        right: -7.5rem
    }

    .sm\:-right-8 {
        right: -2rem
    }

    .sm\:-top-1 {
        top: -.25rem
    }

    .sm\:-top-9\.5 {
        top: -2.375rem
    }

    .sm\:bottom-14 {
        bottom: 3.5rem
    }

    .sm\:bottom-15 {
        bottom: 3.75rem
    }

    .sm\:bottom-2 {
        bottom: .5rem
    }

    .sm\:bottom-3 {
        bottom: .75rem
    }

    .sm\:bottom-3\.5 {
        bottom: .875rem
    }

    .sm\:bottom-4 {
        bottom: 1rem
    }

    .sm\:bottom-7 {
        bottom: 1.75rem
    }

    .sm\:bottom-\[23rem\] {
        bottom: 23rem
    }

    .sm\:left-1\/2 {
        left: 50%
    }

    .sm\:left-10 {
        left: 2.5rem
    }

    .sm\:left-23 {
        left: 5.75rem
    }

    .sm\:left-3\.5 {
        left: .875rem
    }

    .sm\:left-4 {
        left: 1rem
    }

    .sm\:left-4\.5 {
        left: 1.125rem
    }

    .sm\:left-5 {
        left: 1.25rem
    }

    .sm\:left-8 {
        left: 2rem
    }

    .sm\:left-80 {
        left: 20rem
    }

    .sm\:left-\[calc\(50\%-25rem\/2\)\] {
        left: calc(50% - 12.5rem)
    }

    .sm\:left-auto {
        left: auto
    }

    .sm\:right-3 {
        right: .75rem
    }

    .sm\:right-4 {
        right: 1rem
    }

    .sm\:right-5 {
        right: 1.25rem
    }

    .sm\:right-auto {
        right: auto
    }

    .sm\:top-1\.5 {
        top: .375rem
    }

    .sm\:top-23\.5 {
        top: 5.875rem
    }

    .sm\:top-3\.5 {
        top: .875rem
    }

    .sm\:top-4 {
        top: 1rem
    }

    .sm\:top-4\.5 {
        top: 1.125rem
    }

    .sm\:top-5 {
        top: 1.25rem
    }

    .sm\:top-7 {
        top: 1.75rem
    }

    .sm\:top-7\.5 {
        top: 1.875rem
    }

    .sm\:top-auto {
        top: auto
    }

    .sm\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:-mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .sm\:-mr-1 {
        margin-right: -.25rem
    }

    .sm\:-mr-5 {
        margin-right: -1.25rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-0\.5 {
        margin-bottom: .125rem
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

    .sm\:mb-19 {
        margin-bottom: 4.75rem
    }

    .sm\:mb-2 {
        margin-bottom: .5rem
    }

    .sm\:mb-2\.5 {
        margin-bottom: .625rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mb-7\.5 {
        margin-bottom: 1.875rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:ml-4 {
        margin-left: 1rem
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mr-1 {
        margin-right: .25rem
    }

    .sm\:mr-3\.5 {
        margin-right: .875rem
    }

    .sm\:mr-5 {
        margin-right: 1.25rem
    }

    .sm\:mr-auto {
        margin-right: auto
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-1\.25 {
        margin-top: .3125rem
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:mt-13 {
        margin-top: 3.25rem
    }

    .sm\:mt-14 {
        margin-top: 3.5rem
    }

    .sm\:mt-15 {
        margin-top: 3.75rem
    }

    .sm\:mt-17 {
        margin-top: 4.25rem
    }

    .sm\:mt-2 {
        margin-top: .5rem
    }

    .sm\:mt-20 {
        margin-top: 5rem
    }

    .sm\:mt-29 {
        margin-top: 7.25rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-4\.5 {
        margin-top: 1.125rem
    }

    .sm\:mt-5\.5 {
        margin-top: 1.375rem
    }

    .sm\:mt-6 {
        margin-top: 1.5rem
    }

    .sm\:mt-6\.5 {
        margin-top: 1.625rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:contents {
        display: contents
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[140\/178\] {
        aspect-ratio: 140/178
    }

    .sm\:aspect-\[2\.4\/1\] {
        aspect-ratio: 2.4/1
    }

    .sm\:aspect-\[570\/204\] {
        aspect-ratio: 570/204
    }

    .sm\:aspect-auto {
        aspect-ratio: auto
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-100 {
        height: 25rem
    }

    .sm\:h-11 {
        height: 2.75rem
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-12\.5 {
        height: 3.125rem
    }

    .sm\:h-13 {
        height: 3.25rem
    }

    .sm\:h-13\.5 {
        height: 3.375rem
    }

    .sm\:h-14 {
        height: 3.5rem
    }

    .sm\:h-14\.5 {
        height: 3.625rem
    }

    .sm\:h-15 {
        height: 3.75rem
    }

    .sm\:h-15\.5 {
        height: 3.875rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:h-17\.5 {
        height: 4.375rem
    }

    .sm\:h-19 {
        height: 4.75rem
    }

    .sm\:h-2\.75 {
        height: .6875rem
    }

    .sm\:h-20 {
        height: 5rem
    }

    .sm\:h-21 {
        height: 5.25rem
    }

    .sm\:h-22 {
        height: 5.5rem
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:h-30 {
        height: 7.5rem
    }

    .sm\:h-32\.5 {
        height: 8.125rem
    }

    .sm\:h-34 {
        height: 8.5rem
    }

    .sm\:h-37\.5 {
        height: 9.375rem
    }

    .sm\:h-40 {
        height: 10rem
    }

    .sm\:h-41 {
        height: 10.25rem
    }

    .sm\:h-45 {
        height: 11.25rem
    }

    .sm\:h-49 {
        height: 12.25rem
    }

    .sm\:h-5\.5 {
        height: 1.375rem
    }

    .sm\:h-6\.5 {
        height: 1.625rem
    }

    .sm\:h-77\.5 {
        height: 19.375rem
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-9 {
        height: 2.25rem
    }

    .sm\:h-90 {
        height: 22.5rem
    }

    .sm\:h-\[24\.1875rem\] {
        height: 24.1875rem
    }

    .sm\:h-\[27rem\] {
        height: 27rem
    }

    .sm\:h-\[40rem\] {
        height: 40rem
    }

    .sm\:h-\[62\%\] {
        height: 62%
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:max-h-85 {
        max-height: 21.25rem
    }

    .sm\:min-h-0 {
        min-height: 0px
    }

    .sm\:min-h-14 {
        min-height: 3.5rem
    }

    .sm\:min-h-25 {
        min-height: 6.25rem
    }

    .sm\:min-h-42 {
        min-height: 10.5rem
    }

    .sm\:min-h-50 {
        min-height: 12.5rem
    }

    .sm\:w-1\.25 {
        width: .3125rem
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-1\/4 {
        width: 25%
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-100 {
        width: 25rem
    }

    .sm\:w-11\.5 {
        width: 2.875rem
    }

    .sm\:w-110 {
        width: 27.5rem
    }

    .sm\:w-12 {
        width: 3rem
    }

    .sm\:w-12\.5 {
        width: 3.125rem
    }

    .sm\:w-13 {
        width: 3.25rem
    }

    .sm\:w-14\.5 {
        width: 3.625rem
    }

    .sm\:w-15 {
        width: 3.75rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-16\.5 {
        width: 4.125rem
    }

    .sm\:w-18 {
        width: 4.5rem
    }

    .sm\:w-2 {
        width: .5rem
    }

    .sm\:w-22 {
        width: 5.5rem
    }

    .sm\:w-25 {
        width: 6.25rem
    }

    .sm\:w-26 {
        width: 6.5rem
    }

    .sm\:w-28 {
        width: 7rem
    }

    .sm\:w-3 {
        width: .75rem
    }

    .sm\:w-30 {
        width: 7.5rem
    }

    .sm\:w-32 {
        width: 8rem
    }

    .sm\:w-34 {
        width: 8.5rem
    }

    .sm\:w-35 {
        width: 8.75rem
    }

    .sm\:w-36 {
        width: 9rem
    }

    .sm\:w-37 {
        width: 9.25rem
    }

    .sm\:w-38 {
        width: 9.5rem
    }

    .sm\:w-4 {
        width: 1rem
    }

    .sm\:w-4\.5 {
        width: 1.125rem
    }

    .sm\:w-4\.75 {
        width: 1.1875rem
    }

    .sm\:w-40 {
        width: 10rem
    }

    .sm\:w-45 {
        width: 11.25rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-5\.25 {
        width: 1.3125rem
    }

    .sm\:w-5\.5 {
        width: 1.375rem
    }

    .sm\:w-52 {
        width: 13rem
    }

    .sm\:w-54 {
        width: 13.5rem
    }

    .sm\:w-55 {
        width: 13.75rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-60 {
        width: 15rem
    }

    .sm\:w-65 {
        width: 16.25rem
    }

    .sm\:w-7 {
        width: 1.75rem
    }

    .sm\:w-7\.5 {
        width: 1.875rem
    }

    .sm\:w-70 {
        width: 17.5rem
    }

    .sm\:w-75 {
        width: 18.75rem
    }

    .sm\:w-8 {
        width: 2rem
    }

    .sm\:w-\[13rem\] {
        width: 13rem
    }

    .sm\:w-\[14rem\] {
        width: 14rem
    }

    .sm\:w-\[20rem\] {
        width: 20rem
    }

    .sm\:w-\[3\.9375rem\] {
        width: 3.9375rem
    }

    .sm\:w-\[50\%\] {
        width: 50%
    }

    .sm\:w-\[65\%\] {
        width: 65%
    }

    .sm\:w-\[75rem\] {
        width: 75rem
    }

    .sm\:w-\[9\.4375rem\] {
        width: 9.4375rem
    }

    .sm\:w-\[9\.875rem\] {
        width: 9.875rem
    }

    .sm\:w-\[90rem\] {
        width: 90rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .sm\:min-w-12 {
        min-width: 3rem
    }

    .sm\:min-w-16\.5 {
        min-width: 4.125rem
    }

    .sm\:min-w-\[80\%\] {
        min-width: 80%
    }

    .sm\:min-w-full {
        min-width: 100%
    }

    .sm\:max-w-25 {
        max-width: 6.25rem
    }

    .sm\:max-w-70 {
        max-width: 17.5rem
    }

    .sm\:max-w-74 {
        max-width: 18.5rem
    }

    .sm\:max-w-\[24rem\] {
        max-width: 24rem
    }

    .sm\:max-w-\[25rem\] {
        max-width: 25rem
    }

    .sm\:max-w-\[30rem\] {
        max-width: 30rem
    }

    .sm\:max-w-\[fit-content\] {
        max-width: -moz-fit-content;
        max-width: fit-content
    }

    .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-0 {
        gap: 0px
    }

    .sm\:gap-0\.5 {
        gap: .125rem
    }

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-2\.5 {
        gap: .625rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-4\.5 {
        gap: 1.125rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-7 {
        gap: 1.75rem
    }

    .sm\:gap-7\.5 {
        gap: 1.875rem
    }

    .sm\:gap-x-1\.5 {
        -moz-column-gap: .375rem;
        column-gap: .375rem
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm\:overflow-visible {
        overflow: visible
    }

    .sm\:whitespace-nowrap {
        white-space: nowrap
    }

    .sm\:rounded {
        border-radius: .75rem
    }

    .sm\:rounded-2xl {
        border-radius: 1.125rem
    }

    .sm\:rounded-lg {
        border-radius: .875rem
    }

    .sm\:rounded-none {
        border-radius: 0
    }

    .sm\:rounded-sm {
        border-radius: .5rem
    }

    .sm\:rounded-xl {
        border-radius: 1rem
    }

    .sm\:rounded-l-3xl {
        border-top-left-radius: 1.25rem;
        border-bottom-left-radius: 1.25rem
    }

    .sm\:rounded-r-3xl {
        border-top-right-radius: 1.25rem;
        border-bottom-right-radius: 1.25rem
    }

    .sm\:border-none {
        border-style: none
    }

    .sm\:bg-gradient-var-to-l {
        background-image: linear-gradient(-90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
    }

    .sm\:object-\[50\%_center\] {
        -o-object-position: 50% center;
        object-position: 50% center
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-1\.75 {
        padding: .4375rem
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:p-7\.5 {
        padding: 1.875rem
    }

    .sm\:px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
    }

    .sm\:px-1\.75 {
        padding-left: .4375rem;
        padding-right: .4375rem
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-2\.25 {
        padding-left: .5625rem;
        padding-right: .5625rem
    }

    .sm\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-3\.5 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-4\.5 {
        padding-left: 1.125rem;
        padding-right: 1.125rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-6\.5 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .sm\:px-7\.5 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:px-8\.5 {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }

    .sm\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .sm\:py-6\.5 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .sm\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-20 {
        padding-bottom: 5rem
    }

    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }

    .sm\:pb-7\.5 {
        padding-bottom: 1.875rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pl-14 {
        padding-left: 3.5rem
    }

    .sm\:pl-18 {
        padding-left: 4.5rem
    }

    .sm\:pl-2 {
        padding-left: .5rem
    }

    .sm\:pl-3 {
        padding-left: .75rem
    }

    .sm\:pl-3\.25 {
        padding-left: .8125rem
    }

    .sm\:pl-3\.5 {
        padding-left: .875rem
    }

    .sm\:pl-4 {
        padding-left: 1rem
    }

    .sm\:pl-4\.5 {
        padding-left: 1.125rem
    }

    .sm\:pl-5 {
        padding-left: 1.25rem
    }

    .sm\:pl-5\.5 {
        padding-left: 1.375rem
    }

    .sm\:pl-6 {
        padding-left: 1.5rem
    }

    .sm\:pl-6\.5 {
        padding-left: 1.625rem
    }

    .sm\:pl-7 {
        padding-left: 1.75rem
    }

    .sm\:pr-1 {
        padding-right: .25rem
    }

    .sm\:pr-12 {
        padding-right: 3rem
    }

    .sm\:pr-2\.5 {
        padding-right: .625rem
    }

    .sm\:pr-20 {
        padding-right: 5rem
    }

    .sm\:pr-3 {
        padding-right: .75rem
    }

    .sm\:pr-3\.25 {
        padding-right: .8125rem
    }

    .sm\:pr-4 {
        padding-right: 1rem
    }

    .sm\:pr-45 {
        padding-right: 11.25rem
    }

    .sm\:pr-5 {
        padding-right: 1.25rem
    }

    .sm\:pr-6 {
        padding-right: 1.5rem
    }

    .sm\:pr-7 {
        padding-right: 1.75rem
    }

    .sm\:pr-8 {
        padding-right: 2rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-1 {
        padding-top: .25rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

    .sm\:pt-5 {
        padding-top: 1.25rem
    }

    .sm\:pt-50 {
        padding-top: 12.5rem
    }

    .sm\:pt-6 {
        padding-top: 1.5rem
    }

    .sm\:pt-6\.5 {
        padding-top: 1.625rem
    }

    .sm\:pt-7 {
        padding-top: 1.75rem
    }

    .sm\:pt-8 {
        padding-top: 2rem
    }

    .sm\:text-2xl {
        font-size: 1.125rem
    }

    .sm\:text-3xl {
        font-size: 1.25rem
    }

    .sm\:text-4xl {
        font-size: 1.375rem
    }

    .sm\:text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .sm\:text-\[1\.875rem\] {
        font-size: 1.875rem
    }

    .sm\:text-\[2\.125rem\] {
        font-size: 2.125rem
    }

    .sm\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .sm\:text-\[2rem\] {
        font-size: 2rem
    }

    .sm\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .sm\:text-\[3\.75rem\] {
        font-size: 3.75rem
    }

    .sm\:text-base {
        font-size: .8125rem
    }

    .sm\:text-huge {
        font-size: .9375rem
    }

    .sm\:text-lg {
        font-size: .875rem
    }

    .sm\:text-nano {
        font-size: .625rem
    }

    .sm\:text-sm {
        font-size: .75rem
    }

    .sm\:text-tiny {
        font-size: .6875rem
    }

    .sm\:text-xl {
        font-size: 1rem
    }

    .sm\:font-semibold {
        font-weight: 600
    }

    .sm\:text-\[\#D1DFFF\] {
        color: #d1dfff
    }

    .sm\:text-inherit {
        color: inherit
    }

    .sm\:grid-fill-26 {
        grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr))
    }

    .sm\:grid-fill-30 {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr))
    }

    .sm\:grid-fill-45 {
        grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr))
    }

    .sm\:grid-fill-55 {
        grid-template-columns: repeat(auto-fill, minmax(13.75rem, 1fr))
    }

    .sm\:\[--controls-h\:4\.75rem\] {
        --controls-h: 4.75rem
    }

    .sm\:\[--line-gap\:0\.625rem\] {
        --line-gap: .625rem
    }

    .sm\:\[--w\:11\.95rem\] {
        --w: 11.95rem
    }

    .sm\:\[filter\:blur\(1\.5rem\)\] {
        filter: blur(1.5rem)
    }

    .sm\:\[filter\:blur\(3rem\)\] {
        filter: blur(3rem)
    }

    .sm\:\[filter\:blur\(4rem\)\] {
        filter: blur(4rem)
    }

    .sm\:\[filter\:blur\(8rem\)\] {
        filter: blur(8rem)
    }

    .sm\:\[translate\:none\] {
        translate: none
    }

    .sm\:first\:pl-5:first-child {
        padding-left: 1.25rem
    }

    .sm\:last\:pr-5:last-child {
        padding-right: 1.25rem
    }

    .sm\:first\:aria-pressed\:px-5[aria-pressed=true]:first-child {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:last\:aria-pressed\:px-5[aria-pressed=true]:last-child {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:inert\:invisible[inert] {
        visibility: hidden
    }

    @supports (container-type:inline-size) {
        .sm\:supports-\[container-type\:inline-size\]\:\[--w\:16\.66cqw\] {
            --w: 16.66cqw
        }
    }

    @media not all and (min-width: 1024px) {
        .sm\:max-lg\:grid {
            display: grid
        }
    }

    @media not all and (min-width: 768px) {
        .sm\:max-md\:mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .sm\:max-md\:max-w-\[32rem\] {
            max-width: 32rem
        }
    }
}

@media (min-width: 768px) {
    .md\:sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    .md\:absolute {
        position: absolute
    }

    .md\:sticky {
        position: sticky
    }

    .md\:-bottom-22\.5 {
        bottom: -5.625rem
    }

    .md\:-left-45 {
        left: -11.25rem
    }

    .md\:-left-9\.5 {
        left: -2.375rem
    }

    .md\:-right-11 {
        right: -2.75rem
    }

    .md\:-right-45 {
        right: -11.25rem
    }

    .md\:bottom-10 {
        bottom: 2.5rem
    }

    .md\:bottom-3\.75 {
        bottom: .9375rem
    }

    .md\:bottom-6 {
        bottom: 1.5rem
    }

    .md\:left-110 {
        left: 27.5rem
    }

    .md\:left-\[22\.5rem\] {
        left: 22.5rem
    }

    .md\:left-\[25\.5rem\] {
        left: 25.5rem
    }

    .md\:left-\[31rem\] {
        left: 31rem
    }

    .md\:left-\[34rem\] {
        left: 34rem
    }

    .md\:left-\[39rem\] {
        left: 39rem
    }

    .md\:left-\[42rem\] {
        left: 42rem
    }

    .md\:left-\[76\.5rem\] {
        left: 76.5rem
    }

    .md\:left-\[9\.5rem\] {
        left: 9.5rem
    }

    .md\:right-10 {
        right: 2.5rem
    }

    .md\:right-6 {
        right: 1.5rem
    }

    .md\:top-38 {
        top: 9.5rem
    }

    .md\:top-6 {
        top: 1.5rem
    }

    .md\:top-\[10\.5rem\] {
        top: 10.5rem
    }

    .md\:top-\[10\.75rem\] {
        top: 10.75rem
    }

    .md\:top-\[16\.5rem\] {
        top: 16.5rem
    }

    .md\:top-\[19\.5rem\] {
        top: 19.5rem
    }

    .md\:top-\[19rem\] {
        top: 19rem
    }

    .md\:top-\[24rem\] {
        top: 24rem
    }

    .md\:top-\[6rem\] {
        top: 6rem
    }

    .md\:order-first {
        order: -9999
    }

    .md\:order-last {
        order: 9999
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .md\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .md\:col-span-5 {
        grid-column: span 5 / span 5
    }

    .md\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .md\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-6 {
        grid-column-start: 6
    }

    .md\:row-span-2 {
        grid-row: span 2 / span 2
    }

    .md\:row-start-1 {
        grid-row-start: 1
    }

    .md\:-mx-0\.75 {
        margin-left: -.1875rem;
        margin-right: -.1875rem
    }

    .md\:-mx-10 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-0\.5 {
        margin-top: .125rem;
        margin-bottom: .125rem
    }

    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .md\:-mb-3 {
        margin-bottom: -.75rem
    }

    .md\:-mt-1 {
        margin-top: -.25rem
    }

    .md\:-mt-2 {
        margin-top: -.5rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-0\.5 {
        margin-bottom: .125rem
    }

    .md\:mb-1 {
        margin-bottom: .25rem
    }

    .md\:mb-2 {
        margin-bottom: .5rem
    }

    .md\:mb-2\.75 {
        margin-bottom: .6875rem
    }

    .md\:mb-27\.5 {
        margin-bottom: 6.875rem
    }

    .md\:mb-3 {
        margin-bottom: .75rem
    }

    .md\:mb-3\.5 {
        margin-bottom: .875rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-4\.75 {
        margin-bottom: 1.1875rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:mb-px {
        margin-bottom: 1px
    }

    .md\:ml-4\.5 {
        margin-left: 1.125rem
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mr-1 {
        margin-right: .25rem
    }

    .md\:mr-3 {
        margin-right: .75rem
    }

    .md\:mr-auto {
        margin-right: auto
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-0\.75 {
        margin-top: .1875rem
    }

    .md\:mt-1 {
        margin-top: .25rem
    }

    .md\:mt-1\.5 {
        margin-top: .375rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-2 {
        margin-top: .5rem
    }

    .md\:mt-2\.5 {
        margin-top: .625rem
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:mt-3 {
        margin-top: .75rem
    }

    .md\:mt-3\.5 {
        margin-top: .875rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6\.5 {
        margin-top: 1.625rem
    }

    .md\:mt-7 {
        margin-top: 1.75rem
    }

    .md\:mt-7\.5 {
        margin-top: 1.875rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:contents {
        display: contents
    }

    .md\:hidden {
        display: none
    }

    .md\:aspect-\[2\.4\/1\] {
        aspect-ratio: 2.4/1
    }

    .md\:aspect-\[290\/350\] {
        aspect-ratio: 290/350
    }

    .md\:aspect-\[550\/440\] {
        aspect-ratio: 550/440
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:aspect-square {
        aspect-ratio: 1 / 1
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-106 {
        height: 26.5rem
    }

    .md\:h-11\.5 {
        height: 2.875rem
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-12\.5 {
        height: 3.125rem
    }

    .md\:h-13 {
        height: 3.25rem
    }

    .md\:h-14\.5 {
        height: 3.625rem
    }

    .md\:h-15 {
        height: 3.75rem
    }

    .md\:h-18 {
        height: 4.5rem
    }

    .md\:h-20 {
        height: 5rem
    }

    .md\:h-21 {
        height: 5.25rem
    }

    .md\:h-22 {
        height: 5.5rem
    }

    .md\:h-25 {
        height: 6.25rem
    }

    .md\:h-27\.5 {
        height: 6.875rem
    }

    .md\:h-31 {
        height: 7.75rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-32\.5 {
        height: 8.125rem
    }

    .md\:h-40 {
        height: 10rem
    }

    .md\:h-45 {
        height: 11.25rem
    }

    .md\:h-50 {
        height: 12.5rem
    }

    .md\:h-55 {
        height: 13.75rem
    }

    .md\:h-60 {
        height: 15rem
    }

    .md\:h-72 {
        height: 18rem
    }

    .md\:h-80 {
        height: 20rem
    }

    .md\:h-82 {
        height: 20.5rem
    }

    .md\:h-\[10rem\] {
        height: 10rem
    }

    .md\:h-\[19\.25rem\] {
        height: 19.25rem
    }

    .md\:h-\[24\.875rem\] {
        height: 24.875rem
    }

    .md\:h-\[27\.625rem\] {
        height: 27.625rem
    }

    .md\:h-\[40rem\] {
        height: 40rem
    }

    .md\:h-full {
        height: 100%
    }

    .md\:min-h-0 {
        min-height: 0px
    }

    .md\:min-h-21 {
        min-height: 5.25rem
    }

    .md\:min-h-22 {
        min-height: 5.5rem
    }

    .md\:min-h-31 {
        min-height: 7.75rem
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-112\.5 {
        width: 28.125rem
    }

    .md\:w-12 {
        width: 3rem
    }

    .md\:w-12\.5 {
        width: 3.125rem
    }

    .md\:w-13 {
        width: 3.25rem
    }

    .md\:w-17 {
        width: 4.25rem
    }

    .md\:w-2\.75 {
        width: .6875rem
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-25 {
        width: 6.25rem
    }

    .md\:w-3\.5 {
        width: .875rem
    }

    .md\:w-35 {
        width: 8.75rem
    }

    .md\:w-4\.5 {
        width: 1.125rem
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-42 {
        width: 10.5rem
    }

    .md\:w-42\.5 {
        width: 10.625rem
    }

    .md\:w-46 {
        width: 11.5rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-5\.25 {
        width: 1.3125rem
    }

    .md\:w-5\.5 {
        width: 1.375rem
    }

    .md\:w-5\.75 {
        width: 1.4375rem
    }

    .md\:w-55 {
        width: 13.75rem
    }

    .md\:w-58 {
        width: 14.5rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-65 {
        width: 16.25rem
    }

    .md\:w-7 {
        width: 1.75rem
    }

    .md\:w-7\.5 {
        width: 1.875rem
    }

    .md\:w-70 {
        width: 17.5rem
    }

    .md\:w-8 {
        width: 2rem
    }

    .md\:w-9\.5 {
        width: 2.375rem
    }

    .md\:w-\[13\.0625rem\] {
        width: 13.0625rem
    }

    .md\:w-\[20rem\] {
        width: 20rem
    }

    .md\:w-\[35rem\] {
        width: 35rem
    }

    .md\:w-\[43\.8125rem\] {
        width: 43.8125rem
    }

    .md\:w-\[6\.5rem\] {
        width: 6.5rem
    }

    .md\:w-\[8\.25rem\] {
        width: 8.25rem
    }

    .md\:w-\[8\.8125rem\] {
        width: 8.8125rem
    }

    .md\:w-\[99\.75rem\] {
        width: 99.75rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:min-w-26 {
        min-width: 6.5rem
    }

    .md\:min-w-53\.5 {
        min-width: 13.375rem
    }

    .md\:max-w-105 {
        max-width: 26.25rem
    }

    .md\:max-w-\[8rem\] {
        max-width: 8rem
    }

    .md\:max-w-none {
        max-width: none
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-cols-\[repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--cols), minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-1\.5 {
        gap: .375rem
    }

    .md\:gap-2\.5 {
        gap: .625rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-4\.5 {
        gap: 1.125rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-y-2\.5 {
        row-gap: .625rem
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:rounded-3xl {
        border-radius: 1.25rem
    }

    .md\:rounded-lg {
        border-radius: .875rem
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-xl {
        border-radius: 1rem
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-none {
        border-style: none
    }

    .md\:border-\[\#262f4c\] {
        border-color: #262f4c
    }

    .md\:bg-\[\#202842\] {
        background-color: #202842
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:bg-gradient-var {
        background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
    }

    .md\:bg-gradient-var-to-r {
        background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
    }

    .md\:bg-gradient-var-via {
        background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent), var(--via, transparent), var(--to, transparent))
    }

    .md\:bg-none {
        background-image: none
    }

    .md\:object-left {
        -o-object-position: left;
        object-position: left
    }

    .md\:object-right {
        -o-object-position: right;
        object-position: right
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-1\.5 {
        padding: .375rem
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-3\.5 {
        padding: .875rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:p-7 {
        padding: 1.75rem
    }

    .md\:p-7\.5 {
        padding: 1.875rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .md\:px-3\.5 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-6\.5 {
        padding-left: 1.625rem;
        padding-right: 1.625rem
    }

    .md\:px-7\.5 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .md\:px-9 {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py-4\.5 {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem
    }

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:py-6\.5 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-10 {
        padding-bottom: 2.5rem
    }

    .md\:pb-4 {
        padding-bottom: 1rem
    }

    .md\:pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .md\:pb-7\.5 {
        padding-bottom: 1.875rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-10 {
        padding-left: 2.5rem
    }

    .md\:pl-13 {
        padding-left: 3.25rem
    }

    .md\:pl-3 {
        padding-left: .75rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pl-5 {
        padding-left: 1.25rem
    }

    .md\:pl-7\.5 {
        padding-left: 1.875rem
    }

    .md\:pl-8 {
        padding-left: 2rem
    }

    .md\:pl-9 {
        padding-left: 2.25rem
    }

    .md\:pr-10 {
        padding-right: 2.5rem
    }

    .md\:pr-13 {
        padding-right: 3.25rem
    }

    .md\:pr-2 {
        padding-right: .5rem
    }

    .md\:pr-2\.5 {
        padding-right: .625rem
    }

    .md\:pr-25 {
        padding-right: 6.25rem
    }

    .md\:pr-32 {
        padding-right: 8rem
    }

    .md\:pr-5 {
        padding-right: 1.25rem
    }

    .md\:pr-7 {
        padding-right: 1.75rem
    }

    .md\:pr-7\.5 {
        padding-right: 1.875rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

    .md\:pt-8 {
        padding-top: 2rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-2xl {
        font-size: 1.125rem
    }

    .md\:text-3xl {
        font-size: 1.25rem
    }

    .md\:text-4xl {
        font-size: 1.375rem
    }

    .md\:text-5xl {
        font-size: 1.5rem
    }

    .md\:text-6xl {
        font-size: 1.75rem
    }

    .md\:text-7xl {
        font-size: 2rem
    }

    .md\:text-8xl {
        font-size: 2.125rem
    }

    .md\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .md\:text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .md\:text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .md\:text-\[4\.25rem\] {
        font-size: 4.25rem
    }

    .md\:text-\[4\.375rem\] {
        font-size: 4.375rem
    }

    .md\:text-\[5\.4rem\] {
        font-size: 5.4rem
    }

    .md\:text-base {
        font-size: .8125rem
    }

    .md\:text-huge {
        font-size: .9375rem
    }

    .md\:text-lg {
        font-size: .875rem
    }

    .md\:text-sm {
        font-size: .75rem
    }

    .md\:text-tiny {
        font-size: .6875rem
    }

    .md\:text-xl {
        font-size: 1rem
    }

    .md\:text-\[\#B3BBDB\] {
        color: #b3bbdb
    }

    .md\:opacity-10 {
        opacity: .1
    }

    .md\:grid-fill-32\.5 {
        grid-template-columns: repeat(auto-fill, minmax(8.125rem, 1fr))
    }

    .md\:grid-fill-50 {
        grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr))
    }

    .md\:\[--scroll-shadow-size\:12rem\] {
        --scroll-shadow-size: 12rem
    }

    .md\:\[mask-image\:linear-gradient\(233deg\,black\,transparent_75\%\)\] {
        -webkit-mask-image: linear-gradient(233deg, black, transparent 75%);
        mask-image: linear-gradient(233deg, black, transparent 75%)
    }

    .md\:\[rotate\:-10deg\] {
        rotate: -10deg
    }

    .md\:\[rotate\:35deg\] {
        rotate: 35deg
    }

    .md\:\[translate\:2rem\] {
        translate: 2rem
    }

    .md\:first\:order-2:first-child {
        order: 2
    }

    .md\:first\:w-70:first-child {
        width: 17.5rem
    }

    @media not all and (min-width: 1024px) {
        .md\:max-lg\:left-5 {
            left: 1.25rem
        }

        .md\:max-lg\:grid {
            display: grid
        }

        .md\:max-lg\:h-11 {
            height: 2.75rem
        }

        .md\:max-lg\:w-10 {
            width: 2.5rem
        }

        .md\:max-lg\:w-10\.5 {
            width: 2.625rem
        }

        .md\:max-lg\:w-11\.5 {
            width: 2.875rem
        }

        .md\:max-lg\:w-40 {
            width: 10rem
        }

        .md\:max-lg\:min-w-40 {
            min-width: 10rem
        }

        .md\:max-lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .md\:max-lg\:p-5 {
            padding: 1.25rem
        }

        .md\:max-lg\:px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .md\:max-lg\:px-4\.5 {
            padding-left: 1.125rem;
            padding-right: 1.125rem
        }

        .md\:max-lg\:py-4\.5 {
            padding-top: 1.125rem;
            padding-bottom: 1.125rem
        }
    }
}

@media (min-width: 1024px) {
    .lg\:static {
        position: static
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:inset-auto {
        inset: auto
    }

    .lg\:inset-x-1\.5 {
        left: .375rem;
        right: .375rem
    }

    .lg\:inset-x-2\.5 {
        left: .625rem;
        right: .625rem
    }

    .lg\:inset-x-3 {
        left: .75rem;
        right: .75rem
    }

    .lg\:inset-x-4\.5 {
        left: 1.125rem;
        right: 1.125rem
    }

    .lg\:inset-x-5 {
        left: 1.25rem;
        right: 1.25rem
    }

    .lg\:inset-x-auto {
        left: auto;
        right: auto
    }

    .lg\:inset-y-0 {
        top: 0;
        bottom: 0
    }

    .lg\:inset-y-2 {
        top: .5rem;
        bottom: .5rem
    }

    .lg\:-bottom-0\.5 {
        bottom: -.125rem
    }

    .lg\:-bottom-1 {
        bottom: -.25rem
    }

    .lg\:-bottom-15 {
        bottom: -3.75rem
    }

    .lg\:-bottom-16 {
        bottom: -4rem
    }

    .lg\:-bottom-3\.5 {
        bottom: -.875rem
    }

    .lg\:-bottom-4 {
        bottom: -1rem
    }

    .lg\:-bottom-6 {
        bottom: -1.5rem
    }

    .lg\:-left-0\.5 {
        left: -.125rem
    }

    .lg\:-left-1\.5 {
        left: -.375rem
    }

    .lg\:-left-20 {
        left: -5rem
    }

    .lg\:-left-4\.5 {
        left: -1.125rem
    }

    .lg\:-left-6\.5 {
        left: -1.625rem
    }

    .lg\:-right-10 {
        right: -2.5rem
    }

    .lg\:-right-21 {
        right: -5.25rem
    }

    .lg\:-right-23 {
        right: -5.75rem
    }

    .lg\:-right-5 {
        right: -1.25rem
    }

    .lg\:-top-10 {
        top: -2.5rem
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:bottom-1\.5 {
        bottom: .375rem
    }

    .lg\:bottom-16\.5 {
        bottom: 4.125rem
    }

    .lg\:bottom-2\.5 {
        bottom: .625rem
    }

    .lg\:bottom-3 {
        bottom: .75rem
    }

    .lg\:bottom-7 {
        bottom: 1.75rem
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:left-10 {
        left: 2.5rem
    }

    .lg\:left-25 {
        left: 6.25rem
    }

    .lg\:left-5\.5 {
        left: 1.375rem
    }

    .lg\:left-6\.5 {
        left: 1.625rem
    }

    .lg\:left-8\.5 {
        left: 2.125rem
    }

    .lg\:left-auto {
        left: auto
    }

    .lg\:right-10 {
        right: 2.5rem
    }

    .lg\:right-12\.5 {
        right: 3.125rem
    }

    .lg\:right-2\.5 {
        right: .625rem
    }

    .lg\:right-4 {
        right: 1rem
    }

    .lg\:right-5 {
        right: 1.25rem
    }

    .lg\:right-auto {
        right: auto
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:top-2 {
        top: .5rem
    }

    .lg\:top-4 {
        top: 1rem
    }

    .lg\:top-4\.5 {
        top: 1.125rem
    }

    .lg\:top-5 {
        top: 1.25rem
    }

    .lg\:top-7 {
        top: 1.75rem
    }

    .lg\:z-1 {
        z-index: 1
    }

    .lg\:z-30 {
        z-index: 30
    }

    .lg\:z-\[31\] {
        z-index: 31
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:-mx-0\.75 {
        margin-left: -.1875rem;
        margin-right: -.1875rem
    }

    .lg\:-mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .lg\:-mx-7 {
        margin-left: -1.75rem;
        margin-right: -1.75rem
    }

    .lg\:-my-5 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .lg\:mx-5\.5 {
        margin-left: 1.375rem;
        margin-right: 1.375rem
    }

    .lg\:-ml-1 {
        margin-left: -.25rem
    }

    .lg\:-mr-1 {
        margin-right: -.25rem
    }

    .lg\:-mt-1 {
        margin-top: -.25rem
    }

    .lg\:-mt-5 {
        margin-top: -1.25rem
    }

    .lg\:-mt-7 {
        margin-top: -1.75rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-0\.5 {
        margin-bottom: .125rem
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .lg\:mb-2\.5 {
        margin-bottom: .625rem
    }

    .lg\:mb-3 {
        margin-bottom: .75rem
    }

    .lg\:mb-35 {
        margin-bottom: 8.75rem
    }

    .lg\:mb-4 {
        margin-bottom: 1rem
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:mb-6\.5 {
        margin-bottom: 1.625rem
    }

    .lg\:mb-7 {
        margin-bottom: 1.75rem
    }

    .lg\:mb-9 {
        margin-bottom: 2.25rem
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mr-1 {
        margin-right: .25rem
    }

    .lg\:mr-11\.5 {
        margin-right: 2.875rem
    }

    .lg\:mr-2 {
        margin-right: .5rem
    }

    .lg\:mr-2\.5 {
        margin-right: .625rem
    }

    .lg\:mr-33 {
        margin-right: 8.25rem
    }

    .lg\:mr-4 {
        margin-right: 1rem
    }

    .lg\:mr-5 {
        margin-right: 1.25rem
    }

    .lg\:mr-auto {
        margin-right: auto
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-0\.5 {
        margin-top: .125rem
    }

    .lg\:mt-1\.5 {
        margin-top: .375rem
    }

    .lg\:mt-1\.75 {
        margin-top: .4375rem
    }

    .lg\:mt-2 {
        margin-top: .5rem
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-3\.5 {
        margin-top: .875rem
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-4\.5 {
        margin-top: 1.125rem
    }

    .lg\:mt-48 {
        margin-top: 12rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-6\.5 {
        margin-top: 1.625rem
    }

    .lg\:mt-7 {
        margin-top: 1.75rem
    }

    .lg\:mt-7\.5 {
        margin-top: 1.875rem
    }

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:contents {
        display: contents
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[2\.54\/1\] {
        aspect-ratio: 2.54/1
    }

    .lg\:aspect-\[2\.9\/1\] {
        aspect-ratio: 2.9/1
    }

    .lg\:aspect-auto {
        aspect-ratio: auto
    }

    .lg\:h-10 {
        height: 2.5rem
    }

    .lg\:h-10\.5 {
        height: 2.625rem
    }

    .lg\:h-100 {
        height: 25rem
    }

    .lg\:h-11\.5 {
        height: 2.875rem
    }

    .lg\:h-110 {
        height: 27.5rem
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-12\.5 {
        height: 3.125rem
    }

    .lg\:h-13 {
        height: 3.25rem
    }

    .lg\:h-13\.5 {
        height: 3.375rem
    }

    .lg\:h-14\.5 {
        height: 3.625rem
    }

    .lg\:h-16 {
        height: 4rem
    }

    .lg\:h-17 {
        height: 4.25rem
    }

    .lg\:h-18 {
        height: 4.5rem
    }

    .lg\:h-19\.5 {
        height: 4.875rem
    }

    .lg\:h-20 {
        height: 5rem
    }

    .lg\:h-21 {
        height: 5.25rem
    }

    .lg\:h-25 {
        height: 6.25rem
    }

    .lg\:h-26 {
        height: 6.5rem
    }

    .lg\:h-31 {
        height: 7.75rem
    }

    .lg\:h-35\.5 {
        height: 8.875rem
    }

    .lg\:h-36 {
        height: 9rem
    }

    .lg\:h-37 {
        height: 9.25rem
    }

    .lg\:h-37\.5 {
        height: 9.375rem
    }

    .lg\:h-49 {
        height: 12.25rem
    }

    .lg\:h-55 {
        height: 13.75rem
    }

    .lg\:h-56 {
        height: 14rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-60 {
        height: 15rem
    }

    .lg\:h-63 {
        height: 15.75rem
    }

    .lg\:h-76\.5 {
        height: 19.125rem
    }

    .lg\:h-80 {
        height: 20rem
    }

    .lg\:h-86 {
        height: 21.5rem
    }

    .lg\:h-9\.5 {
        height: 2.375rem
    }

    .lg\:h-95 {
        height: 23.75rem
    }

    .lg\:h-\[--inventory-h\] {
        height: var(--inventory-h)
    }

    .lg\:h-\[20\.75rem\] {
        height: 20.75rem
    }

    .lg\:h-\[25\.15rem\] {
        height: 25.15rem
    }

    .lg\:h-\[26\.925rem\] {
        height: 26.925rem
    }

    .lg\:h-\[32\.75rem\] {
        height: 32.75rem
    }

    .lg\:h-\[43rem\] {
        height: 43rem
    }

    .lg\:h-\[47\.5rem\] {
        height: 47.5rem
    }

    .lg\:h-\[65\%\] {
        height: 65%
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-screen {
        height: 100vh;
        height: 100svh
    }

    .lg\:min-h-0 {
        min-height: 0px
    }

    .lg\:min-h-17 {
        min-height: 4.25rem
    }

    .lg\:min-h-\[30\.875rem\] {
        min-height: 30.875rem
    }

    .lg\:min-h-\[36rem\] {
        min-height: 36rem
    }

    .lg\:min-h-\[calc\(100vh-1\.5rem\)\] {
        min-height: calc(100vh - 1.5rem)
    }

    .lg\:min-h-\[calc\(100vh-7rem\)\] {
        min-height: calc(100vh - 7rem)
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/5 {
        width: 20%
    }

    .lg\:w-10 {
        width: 2.5rem
    }

    .lg\:w-10\.5 {
        width: 2.625rem
    }

    .lg\:w-11 {
        width: 2.75rem
    }

    .lg\:w-11\.5 {
        width: 2.875rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-13 {
        width: 3.25rem
    }

    .lg\:w-14\.5 {
        width: 3.625rem
    }

    .lg\:w-15 {
        width: 3.75rem
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-18\.5 {
        width: 4.625rem
    }

    .lg\:w-2\.5 {
        width: .625rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/5 {
        width: 40%
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-21 {
        width: 5.25rem
    }

    .lg\:w-22\.5 {
        width: 5.625rem
    }

    .lg\:w-23\.5 {
        width: 5.875rem
    }

    .lg\:w-24 {
        width: 6rem
    }

    .lg\:w-28 {
        width: 7rem
    }

    .lg\:w-30 {
        width: 7.5rem
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-35 {
        width: 8.75rem
    }

    .lg\:w-36 {
        width: 9rem
    }

    .lg\:w-38 {
        width: 9.5rem
    }

    .lg\:w-4 {
        width: 1rem
    }

    .lg\:w-4\.5 {
        width: 1.125rem
    }

    .lg\:w-4\.75 {
        width: 1.1875rem
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:w-5 {
        width: 1.25rem
    }

    .lg\:w-5\.25 {
        width: 1.3125rem
    }

    .lg\:w-5\.5 {
        width: 1.375rem
    }

    .lg\:w-50 {
        width: 12.5rem
    }

    .lg\:w-52 {
        width: 13rem
    }

    .lg\:w-55 {
        width: 13.75rem
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-6\.5 {
        width: 1.625rem
    }

    .lg\:w-60 {
        width: 15rem
    }

    .lg\:w-62 {
        width: 15.5rem
    }

    .lg\:w-63 {
        width: 15.75rem
    }

    .lg\:w-67\.5 {
        width: 16.875rem
    }

    .lg\:w-7 {
        width: 1.75rem
    }

    .lg\:w-7\.5 {
        width: 1.875rem
    }

    .lg\:w-75 {
        width: 18.75rem
    }

    .lg\:w-76 {
        width: 19rem
    }

    .lg\:w-79 {
        width: 19.75rem
    }

    .lg\:w-8\.5 {
        width: 2.125rem
    }

    .lg\:w-87 {
        width: 21.75rem
    }

    .lg\:w-96 {
        width: 24rem
    }

    .lg\:w-\[--chat-w\] {
        width: var(--chat-w)
    }

    .lg\:w-\[--container-w\] {
        width: var(--container-w)
    }

    .lg\:w-\[10\.35rem\] {
        width: 10.35rem
    }

    .lg\:w-\[100rem\] {
        width: 100rem
    }

    .lg\:w-\[11\.75rem\] {
        width: 11.75rem
    }

    .lg\:w-\[12\.5rem\] {
        width: 12.5rem
    }

    .lg\:w-\[13rem\] {
        width: 13rem
    }

    .lg\:w-\[16\.4375rem\] {
        width: 16.4375rem
    }

    .lg\:w-\[16\.875rem\] {
        width: 16.875rem
    }

    .lg\:w-\[17\.5rem\] {
        width: 17.5rem
    }

    .lg\:w-\[26\.5rem\] {
        width: 26.5rem
    }

    .lg\:w-\[30rem\] {
        width: 30rem
    }

    .lg\:w-\[38\.5rem\] {
        width: 38.5rem
    }

    .lg\:w-\[39\.3125rem\] {
        width: 39.3125rem
    }

    .lg\:w-\[45\%\] {
        width: 45%
    }

    .lg\:w-\[calc\(100\%\+1\.75rem\*2\)\] {
        width: calc(100% + 3.5rem)
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:min-w-27\.5 {
        min-width: 6.875rem
    }

    .lg\:max-w-107 {
        max-width: 26.75rem
    }

    .lg\:max-w-230 {
        max-width: 57.5rem
    }

    .lg\:max-w-\[100vw\] {
        max-width: 100vw
    }

    .lg\:max-w-\[22\.25rem\] {
        max-width: 22.25rem
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:shrink-0 {
        flex-shrink: 0
    }

    .lg\:grow-0 {
        flex-grow: 0
    }

    .lg\:translate-x-18 {
        --tw-translate-x: 4.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:transform-none {
        transform: none
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[repeat\(var\(--cols\)\,minmax\(0\,1fr\)\)\] {
        grid-template-columns: repeat(var(--cols), minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:place-content-start {
        place-content: start
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-0 {
        gap: 0px
    }

    .lg\:gap-1\.5 {
        gap: .375rem
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-2\.5 {
        gap: .625rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-4\.5 {
        gap: 1.125rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-7 {
        gap: 1.75rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-px {
        gap: 1px
    }

    .lg\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .lg\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .lg\:overflow-visible {
        overflow: visible
    }

    .lg\:whitespace-nowrap {
        white-space: nowrap
    }

    .lg\:rounded {
        border-radius: .75rem
    }

    .lg\:rounded-2xl {
        border-radius: 1.125rem
    }

    .lg\:rounded-3xl {
        border-radius: 1.25rem
    }

    .lg\:rounded-\[1\.1rem\] {
        border-radius: 1.1rem
    }

    .lg\:rounded-\[1\.375rem\] {
        border-radius: 1.375rem
    }

    .lg\:rounded-\[1\.5rem\] {
        border-radius: 1.5rem
    }

    .lg\:rounded-full {
        border-radius: 9999px
    }

    .lg\:rounded-lg {
        border-radius: .875rem
    }

    .lg\:rounded-none {
        border-radius: 0
    }

    .lg\:rounded-xl {
        border-radius: 1rem
    }

    .lg\:rounded-l {
        border-top-left-radius: .75rem;
        border-bottom-left-radius: .75rem
    }

    .lg\:rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .lg\:rounded-r {
        border-top-right-radius: .75rem;
        border-bottom-right-radius: .75rem
    }

    .lg\:rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .lg\:rounded-tl-lg {
        border-top-left-radius: .875rem
    }

    .lg\:border-\[1\.225rem\] {
        border-width: 1.225rem
    }

    .lg\:border-\[1rem\] {
        border-width: 1rem
    }

    .lg\:bg-\[\#1c233a\] {
        background-color: #1c233a
    }

    .lg\:bg-\[\#1e253d\] {
        background-color: #1e253d
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:bg-gradient-var {
        background-image: linear-gradient(var(--angle, 0deg), var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
    }

    .lg\:bg-gradient-var-to-r {
        background-image: linear-gradient(90deg, var(--from, transparent) var(--from-offset, 0%), var(--to, transparent) var(--to-offset, 100%))
    }

    .lg\:bg-none {
        background-image: none
    }

    .lg\:bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .lg\:object-right {
        -o-object-position: right;
        object-position: right
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-0\.75 {
        padding: .1875rem
    }

    .lg\:p-2\.5 {
        padding: .625rem
    }

    .lg\:p-4 {
        padding: 1rem
    }

    .lg\:p-5 {
        padding: 1.25rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:px-3\.5 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .lg\:px-7\.5 {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .lg\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .lg\:py-6\.5 {
        padding-top: 1.625rem;
        padding-bottom: 1.625rem
    }

    .lg\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .lg\:py-7\.5 {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .lg\:py-9 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-2 {
        padding-bottom: .5rem
    }

    .lg\:pb-4 {
        padding-bottom: 1rem
    }

    .lg\:pb-5 {
        padding-bottom: 1.25rem
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-1\.5 {
        padding-left: .375rem
    }

    .lg\:pl-10 {
        padding-left: 2.5rem
    }

    .lg\:pl-12 {
        padding-left: 3rem
    }

    .lg\:pl-13 {
        padding-left: 3.25rem
    }

    .lg\:pl-15 {
        padding-left: 3.75rem
    }

    .lg\:pl-16 {
        padding-left: 4rem
    }

    .lg\:pl-2\.5 {
        padding-left: .625rem
    }

    .lg\:pl-22 {
        padding-left: 5.5rem
    }

    .lg\:pl-3 {
        padding-left: .75rem
    }

    .lg\:pl-35\.5 {
        padding-left: 8.875rem
    }

    .lg\:pl-4\.5 {
        padding-left: 1.125rem
    }

    .lg\:pl-5 {
        padding-left: 1.25rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-10 {
        padding-right: 2.5rem
    }

    .lg\:pr-12 {
        padding-right: 3rem
    }

    .lg\:pr-13 {
        padding-right: 3.25rem
    }

    .lg\:pr-14 {
        padding-right: 3.5rem
    }

    .lg\:pr-15 {
        padding-right: 3.75rem
    }

    .lg\:pr-20 {
        padding-right: 5rem
    }

    .lg\:pr-3\.5 {
        padding-right: .875rem
    }

    .lg\:pr-30 {
        padding-right: 7.5rem
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:pr-5 {
        padding-right: 1.25rem
    }

    .lg\:pr-5\.5 {
        padding-right: 1.375rem
    }

    .lg\:pr-7\.5 {
        padding-right: 1.875rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-12 {
        padding-top: 3rem
    }

    .lg\:pt-23 {
        padding-top: 5.75rem
    }

    .lg\:pt-3 {
        padding-top: .75rem
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:pt-4\.5 {
        padding-top: 1.125rem
    }

    .lg\:pt-6 {
        padding-top: 1.5rem
    }

    .lg\:text-2xl {
        font-size: 1.125rem
    }

    .lg\:text-3xl {
        font-size: 1.25rem
    }

    .lg\:text-6xl {
        font-size: 1.75rem
    }

    .lg\:text-8xl {
        font-size: 2.125rem
    }

    .lg\:text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .lg\:text-\[1\.625rem\] {
        font-size: 1.625rem
    }

    .lg\:text-\[2rem\] {
        font-size: 2rem
    }

    .lg\:text-\[4rem\] {
        font-size: 4rem
    }

    .lg\:text-\[7\.5rem\] {
        font-size: 7.5rem
    }

    .lg\:text-base {
        font-size: .8125rem
    }

    .lg\:text-huge {
        font-size: .9375rem
    }

    .lg\:text-lg {
        font-size: .875rem
    }

    .lg\:text-nano {
        font-size: .625rem
    }

    .lg\:text-sm {
        font-size: .75rem
    }

    .lg\:text-tiny {
        font-size: .6875rem
    }

    .lg\:text-xl {
        font-size: 1rem
    }

    .lg\:text-\[\#bdd5ff\] {
        color: #bdd5ff
    }

    .lg\:text-inherit {
        color: inherit
    }

    .lg\:text-transparent {
        color: transparent
    }

    .lg\:opacity-0 {
        opacity: 0
    }

    .lg\:opacity-20 {
        opacity: .2
    }

    .lg\:opacity-50 {
        opacity: .5
    }

    .lg\:opacity-60 {
        opacity: .6
    }

    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .lg\:blur-sm {
        --tw-blur: blur(4px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .lg\:backdrop-blur-none {
        --tw-backdrop-blur: ;
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .lg\:transition {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .lg\:\[--controls-h\:26rem\] {
        --controls-h: 26rem
    }

    .lg\:\[--from\:white\] {
        --from: white
    }

    .lg\:\[--mask-image\:--lines-sm\] {
        --mask-image: var(--lines-sm)
    }

    .lg\:\[--mask-image\:--lines-thin\] {
        --mask-image: var(--lines-thin)
    }

    .lg\:\[--row-h\:7\.75rem\] {
        --row-h: 7.75rem
    }

    .lg\:\[--scroll-shadow-size\:12rem\] {
        --scroll-shadow-size: 12rem
    }

    .lg\:\[--size\:1\.625rem\] {
        --size: 1.625rem
    }

    .lg\:\[--to\:\#ffdbc0\] {
        --to: #ffdbc0
    }

    .lg\:\[mask-image\:linear-gradient\(90deg\,\#00000000\,black_2rem\,black_calc\(100\%-5rem\)\,\#00000000\)\] {
        -webkit-mask-image: linear-gradient(90deg, #00000000, black 2rem, black calc(100% - 5rem), #00000000);
        mask-image: linear-gradient(90deg, #00000000, black 2rem, black calc(100% - 5rem), #00000000)
    }

    .lg\:\[translate\:-0\.5rem_\.5rem\] {
        translate: -.5rem .5rem
    }

    .lg\:last\:mb-15:last-child {
        margin-bottom: 3.75rem
    }

    @media (hover: hover) and (pointer: fine) {
        .lg\:hover\:brightness-105:hover {
            --tw-brightness: brightness(1.05);
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
        }
    }

    [data-inventory-mini] .lg\:inventory-mini\:bottom-auto {
        bottom: auto
    }

    [data-inventory-mini] .lg\:inventory-mini\:left-auto {
        left: auto
    }

    [data-inventory-mini] .lg\:inventory-mini\:right-\[19rem\] {
        right: 19rem
    }

    [data-inventory-mini] .lg\:inventory-mini\:top-\[calc\(-5\.125rem-var\(--market-offset\)\)\] {
        top: calc(-5.125rem - var(--market-offset))
    }

    [data-inventory-mini] .lg\:inventory-mini\:h-125 {
        height: 31.25rem
    }

    [data-inventory-mini] .lg\:inventory-mini\:w-31 {
        width: 7.75rem
    }

    [data-inventory-mini] .lg\:inventory-mini\:w-\[calc\(var\(--container-w\)-20rem\)\] {
        width: calc(var(--container-w) - 20rem)
    }

    @media not all and (min-width: 1720px) {
        .lg\:max-hd\:inline {
            display: inline
        }

        .lg\:max-hd\:hidden {
            display: none
        }
    }

    @media not all and (min-width: 1560px) {
        .lg\:max-xl\:bg-\[size\:98\%\] {
            background-size: 98%
        }
    }
}

@media (min-width: 1560px) {
    .xl\:-left-5 {
        left: -1.25rem
    }
}

@media (min-width: 1600px) {
    .min-\[1600px\]\:-mx-\[calc\(\(100svw-var\(--chat-w\)-1\.25rem\*2-var\(--container-w\)\)\/2\)\] {
        margin-left: calc(calc((100svw - var(--chat-w) - 1.25rem * 2 - var(--container-w)) / 2) * -1);
        margin-right: calc(calc((100svw - var(--chat-w) - 1.25rem * 2 - var(--container-w)) / 2) * -1)
    }
}

@media (min-width: 1720px) {
    .hd\:-top-8\.25 {
        top: -2.0625rem
    }

    .hd\:-ml-5 {
        margin-left: -1.25rem
    }

    .hd\:-mt-3\.5 {
        margin-top: -.875rem
    }

    .hd\:mr-2\.25 {
        margin-right: .5625rem
    }

    .hd\:mr-2\.5 {
        margin-right: .625rem
    }

    .hd\:mr-3 {
        margin-right: .75rem
    }

    .hd\:w-40 {
        width: 10rem
    }

    .hd\:w-5 {
        width: 1.25rem
    }

    .hd\:w-\[12\.875rem\] {
        width: 12.875rem
    }

    .hd\:p-1\.5 {
        padding: .375rem
    }

    .hd\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .hd\:pr-4 {
        padding-right: 1rem
    }

    .hd\:pt-3\.5 {
        padding-top: .875rem
    }

    .hd\:text-lg {
        font-size: .875rem
    }

    .hd\:\[--offset-x\:-25\%\] {
        --offset-x: -25%
    }
}

#bonuses .\[\#bonuses_\&\]\:mb-0 {
    margin-bottom: 0
}

@media not all and (min-width: 1024px) {
    #main-layout:has(#sportsbook-iframe) .max-lg\:\[\#main-layout\:has\(\#sportsbook-iframe\)_\&\]\:hidden {
        display: none
    }
}

@media (min-width: 540px) {
    #welcome-layout .sm\:\[\#welcome-layout_\&\]\:aspect-\[390\/250\] {
        aspect-ratio: 390/250
    }
}

.\[\&\.expired\]\:hidden.expired {
    display: none
}

.\[\&\:has\(\:disabled\)\]\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed
}

.\[\&\:has\(\>\:empty\)\]\:hidden:has(>:empty) {
    display: none
}

@media not all and (min-width: 768px) {
    .max-md\:\[\&\:has\(\>\:only-child\)\]\:-mt-4:has(>:only-child) {
        margin-top: -1rem
    }
}

.\[\&\:has\(\[data-inventory-sticky\]\:not\(\[inert\]\)\)\]\:pb-\[--inventory-h\]:has([data-inventory-sticky]:not([inert])) {
    padding-bottom: var(--inventory-h)
}

.\[\&\:has\(a\:hover\)\]\:bg-\[\#1e263f\]:has(a:hover) {
    background-color: #1e263f
}

.\[\&\:is\(div\)\]\:bg-\[\#1f263e\]:is(div) {
    background-color: #1f263e
}

.\[\&\:not\(\.active\)\]\:opacity-10:not(.active) {
    opacity: .1
}

.\[\&\:not\(\.active\)\]\:opacity-20:not(.active) {
    opacity: .2
}

.\[\&\:not\(\:first-child\)\]\:text-nano:not(:first-child) {
    font-size: .625rem
}

@media (min-width: 1024px) {
    .lg\:\[\&\:not\(\:has\(\+\[data-pinned-message\]\)\)\]\:rounded-bl-lg:not(:has(+[data-pinned-message])) {
        border-bottom-left-radius: .875rem
    }
}

@media (min-width: 768px) {
    .md\:\[\&\:nth-child\(2\)\]\:order-3:nth-child(2) {
        order: 3
    }

    .md\:\[\&\:nth-child\(3\)\]\:order-1:nth-child(3) {
        order: 1
    }
}

@media (min-width: 1024px) {
    .lg\:\[\&\>\*\]\:h-45>* {
        height: 11.25rem
    }
}

.\[\&_\.grid-template-market\]\:grid-cols-\[14\.5rem_1fr\] .grid-template-market {
    grid-template-columns: 14.5rem 1fr
}

.\[\&_\.icon\]\:w-5 .icon {
    width: 1.25rem
}

@media (min-width: 1024px) {
    .\[\&_\.select-game\]\:lg\:w-auto .select-game {
        width: auto
    }
}

.\[\&_\.swiper-pagination\]\:bottom-1 .swiper-pagination {
    bottom: .25rem
}

@media (min-width: 1024px) {
    .lg\:\[\&_\.swiper-pagination\]\:bottom-3 .swiper-pagination {
        bottom: .75rem
    }
}

.\[\&_\.title\]\:text-sm .title {
    font-size: .75rem
}

.\[\&_\.title\]\:text-white .title {
    color: #fff
}

@media (min-width: 768px) {
    .md\:\[\&_\.title\]\:text-3xl .title {
        font-size: 1.25rem
    }

    .md\:\[\&_\.title\]\:text-4xl .title {
        font-size: 1.375rem
    }
}

@media (min-width: 1024px) {
    .lg\:\[\&_\.title\]\:text-4xl .title {
        font-size: 1.375rem
    }
}

.\[\&_\:where\(span\)\]\:font-medium :where(span) {
    font-weight: 500
}

@media not all and (min-width: 1024px) {
    .max-lg\:\[\&_\[data-inventory-controls\]\]\:mr-12 [data-inventory-controls] {
        margin-right: 3rem
    }

    .max-lg\:\[\&_\[data-inventory\]\]\:rounded-r-none [data-inventory] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.\[\&_a\:hover\]\:text-white a:hover {
    color: #fff
}

.\[\&_a\:hover\]\:no-underline a:hover {
    text-decoration-line: none
}

.\[\&_a\]\:pointer-events-none a {
    pointer-events: none
}

.\[\&_a\]\:text-\[\#a6adcd\] a {
    color: #a6adcd
}

.\[\&_a\]\:text-\[\#dae2f5\] a {
    color: #dae2f5
}

.\[\&_a\]\:underline a {
    text-decoration-line: underline
}

.\[\&_a\]\:decoration-\[\#B4E7FF\]\/50 a {
    text-decoration-color: #b4e7ff80
}

.\[\&_a\]\:decoration-\[\#a2feff\]\/50 a {
    text-decoration-color: #a2feff80
}

.\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px
}

.\[\&_a\]\:transition a {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover: hover) and (pointer: fine) {
    .\[\&_a\]\:hover\:opacity-75:hover a {
        opacity: .75
    }
}

.\[\&_audio\]\:mt-2 audio {
    margin-top: .5rem
}

.\[\&_audio\]\:max-h-\[2\.5rem\] audio {
    max-height: 2.5rem
}

.\[\&_b\]\:text-\[\#a2feff\] b {
    color: #a2feff
}

.\[\&_b\]\:text-\[\#ff9ca6\] b {
    color: #ff9ca6
}

.\[\&_b\]\:text-\[--color\] b {
    color: var(--color)
}

.\[\&_b\]\:text-white b {
    color: #fff
}

.\[\&_br\]\:hidden br {
    display: none
}

@media not all and (min-width: 1024px) {
    .\[\&_br\]\:max-lg\:hidden br {
        display: none
    }
}

@media not all and (min-width: 540px) {
    .max-sm\:\[\&_br\]\:hidden br {
        display: none
    }
}

.\[\&_img\]\:rounded-\[0\.5rem\] img {
    border-radius: .5rem
}

.\[\&_img\]\:rounded-\[0\.625rem\] img {
    border-radius: .625rem
}

.\[\&_img\]\:rounded-xl img {
    border-radius: 1rem
}

@media (min-width: 1024px) {
    .lg\:\[\&_img\]\:rounded-\[1\.1875rem\] img {
        border-radius: 1.1875rem
    }
}

.\[\&_li\]\:mb-0 li {
    margin-bottom: 0
}

.\[\&_li\]\:mt-0\.5 li {
    margin-top: .125rem
}

.\[\&_li\]\:font-semibold li {
    font-weight: 600
}

.\[\&_li\]\:text-white li {
    color: #fff
}

.\[\&_p\+ul\]\:mt-\[-\.5em\] p+ul {
    margin-top: -.5em
}

.\[\&_span\]\:contents span {
    display: contents
}

.\[\&_span\]\:truncate span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.\[\&_span\]\:text-2xl span {
    font-size: 1.125rem
}

.\[\&_span\]\:font-bold span {
    font-weight: 700
}

.\[\&_span\]\:text-\[\#8edbff\] span {
    color: #8edbff
}

.\[\&_span\]\:text-\[\#99F0F3\] span {
    color: #99f0f3
}

.\[\&_span\]\:text-\[\#B4E7FF\] span {
    color: #b4e7ff
}

.\[\&_span\]\:text-\[\#C3FEFF\] span {
    color: #c3feff
}

.\[\&_span\]\:text-\[\#FFA230\] span {
    color: #ffa230
}

.\[\&_span\]\:text-\[\#a2feff\] span {
    color: #a2feff
}

.\[\&_span\]\:text-\[\#dae2f5\] span {
    color: #dae2f5
}

.\[\&_span\]\:text-\[\#e1e8fd\] span {
    color: #e1e8fd
}

.\[\&_span\]\:text-\[\#ffc6b0\] span {
    color: #ffc6b0
}

.\[\&_span\]\:text-\[--color\] span {
    color: var(--color)
}

.\[\&_strong\]\:text-\[\#ffc6b0\] strong {
    color: #ffc6b0
}

.\[\&_strong\]\:text-white strong {
    color: #fff
}

.\[\&_svg\]\:h-5\/6 svg {
    height: 83.333333%
}

.\[\&_svg\]\:fill-white svg {
    fill: #fff
}

@media (min-width: 540px) {
    .sm\:\[\&_svg\]\:h-3\/4 svg {
        height: 75%
    }
}

.\[\&_ul\]\:-mt-2\.5 ul {
    margin-top: -.625rem
}

.dialog .\[\.dialog_\&\]\:inline {
    display: inline
}

.dialog .\[\.dialog_\&\]\:h-14\.5 {
    height: 3.625rem
}

.dialog .\[\.dialog_\&\]\:w-full {
    width: 100%
}

.dialog .\[\.dialog_\&\]\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.expired+.\[\.expired\+\&\]\:hidden {
    display: none
}

.group:has([aria-pressed=true]) .\[\.group\:has\(\[aria-pressed\=true\]\)_\&\:not\(\[aria-pressed\=true\]\)\]\:opacity-25:not([aria-pressed=true]) {
    opacity: .25
}

@media (min-width: 1024px) {
    .inventory-mini-list .lg\:\[\.inventory-mini-list_\&\]\:aspect-\[140\/154\] {
        aspect-ratio: 140/154
    }
}

.inventory-no-bg .\[\.inventory-no-bg_\&\]\:bg-none {
    background-image: none
}

.is-fullscreen .\[\.is-fullscreen_\&\]\:mx-0 {
    margin-left: 0;
    margin-right: 0
}

.is-fullscreen .\[\.is-fullscreen_\&\]\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media (min-width: 1024px) {
    .is-fullscreen .lg\:\[\.is-fullscreen_\&\]\:\[--controls-h\:5rem\] {
        --controls-h: 5rem
    }
}

.is-static .\[\.is-static_\&\]\:flex-row-reverse {
    flex-direction: row-reverse
}

.is-static .\[\.is-static_\&\]\:pl-5 {
    padding-left: 1.25rem
}

.is-static .\[\.is-static_\&\]\:pr-4 {
    padding-right: 1rem
}

@media (min-width: 1024px) {
    .is-static .lg\:\[\.is-static_\&\]\:absolute {
        position: absolute
    }

    .is-static .lg\:\[\.is-static_\&\]\:m-0 {
        margin: 0
    }

    .is-static .lg\:\[\.is-static_\&\]\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.roulette-initial-state .\[\.roulette-initial-state_\&\]\:opacity-100 {
    opacity: 1
}

:has(.active)>.\[\:has\(\.active\)\>\&\:not\(\.active\)\]\:opacity-50:not(.active) {
    opacity: .5
}

@media (min-width: 1024px) {
    :has(a:hover)>.lg\:\[\:has\(a\:hover\)\>\&\]\:opacity-0 {
        opacity: 0
    }
}

:hover>.\[\:hover\>\&\]\:opacity-100 {
    opacity: 1
}

:is(:hover, [aria-pressed=true])>.\[\:is\(\:hover\,\[aria-pressed\=true\]\)\>\&\]\:opacity-100 {
    opacity: 1
}

:nth-child(2)>.\[\:nth-child\(2\)\>\&\]\:block {
    display: block
}

[data-has-shadow-end]+*>.\[\[data-has-shadow-end\]\+\*\>\&\]\:visible {
    visibility: visible
}

[data-has-shadow-end]+*>.\[\[data-has-shadow-end\]\+\*\>\&\]\:opacity-100 {
    opacity: 1
}

[data-has-shadow-start]+*>.\[\[data-has-shadow-start\]\+\*\>\&\]\:visible {
    visibility: visible
}

[data-has-shadow-start]+*>.\[\[data-has-shadow-start\]\+\*\>\&\]\:opacity-100 {
    opacity: 1
}

[data-history] .\[\[data-history\]_\&\]\:h-20 {
    height: 5rem
}

[data-history] .\[\[data-history\]_\&\]\:h-auto {
    height: auto
}

[data-history] .\[\[data-history\]_\&\]\:animate-none {
    animation: none
}

[data-history] .\[\[data-history\]_\&\]\:justify-center {
    justify-content: center
}

@media not all and (min-width: 1024px) {
    [data-history] .max-lg\:\[\[data-history\]_\&\]\:h-auto {
        height: auto
    }
}

@media (min-width: 768px) {
    [data-history] .md\:\[\[data-history\]_\&\]\:h-32 {
        height: 8rem
    }
}

[data-inventory-sticky]:not([inert]) .\[\[data-inventory-sticky\]\:not\(\[inert\]\)_\&\]\:\[box-shadow\:0_-1rem_2rem_1rem_\#161b2e\] {
    box-shadow: 0 -1rem 2rem 1rem #161b2e
}

[data-inventory-sticky] .\[\[data-inventory-sticky\]_\&\]\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

[data-pinned-message] .\[\[data-pinned-message\]_\&\]\:absolute {
    position: absolute
}

[data-round]:has(.roulette-is-animating) .\[\[data-round\]\:has\(\.roulette-is-animating\)_\&\]\:opacity-100 {
    opacity: 1
}

[data-round]:has(.roulette-is-animating) .\[\[data-round\]\:has\(\.roulette-is-animating\)_\&\]\:opacity-50 {
    opacity: .5
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:left-auto {
    left: auto
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:right-0 {
    right: 0
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

[data-side=right] .\[\[data-side\=right\]_\&\]\:-scale-x-100 {
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media not all and (min-width: 1024px) {
    body:has(#coupon-mob-trigger) .max-lg\:\[body\:has\(\#coupon-mob-trigger\)_\&\]\:bottom-18 {
        bottom: 4.5rem
    }
}

@media (min-width: 1024px) {
    body:has(#inventory-market[data-state=open]) .lg\:\[body\:has\(\#inventory-market\[data-state\=open\]\)_\&\]\:translate-x-\[--offset-x\] {
        --tw-translate-x: var(--offset-x);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media not all and (min-width: 540px) {
    body:has(#make-bet-sticky) .max-sm\:\[body\:has\(\#make-bet-sticky\)_\&\]\:inset-x-5 {
        left: 1.25rem;
        right: 1.25rem
    }

    body:has(#make-bet-sticky) .max-sm\:\[body\:has\(\#make-bet-sticky\)_\&\]\:bottom-21 {
        bottom: 5.25rem
    }
}

body:has(#matches-coupon) .\[body\:has\(\#matches-coupon\)_\&\]\:pb-\[calc\(var\(--matches-coupon-h\)\+1\.25rem\)\] {
    padding-bottom: calc(var(--matches-coupon-h) + 1.25rem)
}

@media (min-width: 1024px) {
    body:has(#matches-coupon) .lg\:\[body\:has\(\#matches-coupon\)_\&\]\:mb-\[--matches-coupon-h\] {
        margin-bottom: var(--matches-coupon-h)
    }

    body:has(#matches-coupon) .lg\:\[body\:has\(\#matches-coupon\)_\&\]\:pb-\[calc\(var\(--matches-coupon-h\)\+1\.25rem\)\] {
        padding-bottom: calc(var(--matches-coupon-h) + 1.25rem)
    }
}

body:has(.chat-wrapper[data-state=closed]) .\[body\:has\(\.chat-wrapper\[data-state\=closed\]\)_\&\]\:invisible {
    visibility: hidden
}

@media (hover: hover) and (pointer: fine) {
    body:has(.chat-wrapper[data-state=closed]) .\[body\:has\(\.chat-wrapper\[data-state\=closed\]\)_\&\]\:hover\:z-\[71\]:hover {
        z-index: 71
    }
}

body:has(>[role=dialog][data-state=open]) .\[body\:has\(\>\[role\=dialog\]\[data-state\=open\]\)_\&\]\:\[filter\:none\] {
    filter: none
}

.dis-btn {
    position: relative;

    cursor: not-allowed;
}

.dis-btn:hover {
}

.dis-btn::before {
    content: '';

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);
}

.modal-hidden {
    display: none;
}