.rfm-marquee-container {
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    position: relative;
    width: var(--width);
    transform: var(--transform);
}

.rfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover);
}

.rfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click);
}

.rfm-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
}

.rfm-overlay::before,
.rfm-overlay::after {
    background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));
    content: "";
    height: 100%;
    position: absolute;
    width: var(--gradient-width);
    z-index: 2;
    pointer-events: none;
    touch-action: none;
}

.rfm-overlay::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.rfm-overlay::before {
    left: 0;
    top: 0;
}

.rfm-marquee {
    flex: 0 0 auto;
    min-width: var(--min-width);
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-play-state: var(--play);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
}

@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.rfm-initial-child-container {
    flex: 0 0 auto;
    display: flex;
    min-width: auto;
    flex-direction: row;
    align-items: center;
}

.rfm-child {
    transform: var(--transform);
}

#privy-dialog,
#privy-modal-content {
    --dialog: #202020;
    --fill-input-tertiary: #303030;
    --line-divider-tertiary: #242424;
    --theme-normal: #22fd73;
    --privy-color-background: var(--dialog, #202020);
    --privy-border-radius-lg: 16px;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark
}

#privy-modal-content {
    border-radius: var(--privy-border-radius-lg);
    background-color: var(--privy-color-background);
    box-shadow: none;
    border: none;
    overflow: hidden
}

#privy-modal-content button[class*=Button-sc-ee081e08-2] {
    box-shadow: none;
    background-color: #242424;
    border: none
}

#privy-modal-content button[class*=Button-sc-ee081e08-2]:hover,
#privy-modal-content button[class*=Button-sc-ee081e08-2]:focus,
#privy-modal-content button[class*=Button-sc-ee081e08-2][data-hover],
#privy-modal-content button[class*=Button-sc-ee081e08-2][aria-selected=true] {
    box-shadow: none;
    background-color: #404040;
    border: none
}

#privy-modal-content button[class*=Button-sc-ee081e08-2]:focus-visible {
    box-shadow: none;
    background-color: #404040;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input)) {
    border-radius: var(--privy-border-radius-md);
    box-shadow: none;
    background-color: #242424;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input)):hover {
    background-color: #404040
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input):focus) {
    background-color: #404040
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input):focus-visible) {
    background-color: #404040
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input))>input.login-method-button:not(#email-input) {
    box-shadow: none;
    background: 0 0;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input))>input.login-method-button:not(#email-input):hover {
    box-shadow: none;
    background: 0 0;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input))>input.login-method-button:not(#email-input):focus {
    box-shadow: none;
    background: 0 0;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input))>input.login-method-button:not(#email-input):focus-visible {
    box-shadow: none;
    background: 0 0;
    border: none
}

#privy-modal-content div:has(>input.login-method-button:not(#email-input))>div:first-child {
    background: 0 0
}

#privy-modal-content button.login-method-button {
    box-shadow: none;
    background-color: #242424;
    border: none
}

#privy-modal-content button.login-method-button:hover,
#privy-modal-content button.login-method-button:focus {
    box-shadow: none;
    background-color: #404040;
    border: none
}

#privy-modal-content button.login-method-button:focus-visible {
    box-shadow: none;
    background-color: #404040;
    border: none
}

#privy-modal-content button.login-method-button [class*=LoginMethodIconWrapper-],
#privy-modal-content button.login-method-button [class*=StyledSpan-] {
    background: 0 0
}

#privy-modal-content label .LoginMethodIconWrapper-sc-681ff332-7,
#privy-modal-content label .StyledSpan-sc-80725f4-0 {
    background-color: #303030
}

#privy-modal-content input#email-input.login-method-button {
    border: 1px solid var(--line-divider-tertiary, #242424);
    background: var(--fill-input-tertiary, #303030);
    border-radius: 16px
}

#privy-modal-content input#email-input.login-method-button:focus {
    border: 1px solid var(--theme-normal, #22fd73);
    outline: none
}

#privy-modal-content input#email-input.login-method-button:focus-visible {
    border: 1px solid var(--theme-normal, #22fd73);
    outline: none
}

#privy-modal-content input:focus,
#privy-modal-content button:focus {
    box-shadow: none
}

#privy-modal-content .IconContainer-sc-cc9e9a32-10 {
    background-color: #181818
}

#privy-modal-content .HelpTextContainer-sc-5dd8bc26-3,
#privy-modal-content [class^=HelpTextContainer-] {
    justify-content: space-between
}

#privy-modal-content .CodeInput-sc-5dd8bc26-1 input:focus {
    border: 1px solid var(--theme-normal, #22fd73);
    box-shadow: none;
    outline: none
}

#privy-modal-content .CodeInput-sc-5dd8bc26-1 input {
    border-radius: 1rem;
    background: var(--fill-input-tertiary, #303030)
}

#privy-modal-content button[aria-label=close\ modal].StyledButton-sc-e033e17a-0,
#privy-modal-content button[aria-label=close\ modal],
#privy-modal-content .StyledButton-sc-e033e17a-0 {
    background-color: #181818
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

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

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

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

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

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

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

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

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

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.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 {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
}

.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:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-right: 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-top: 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,
.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 {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000)
}

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

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

.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)
    }
}

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

.swiper-button-prev,
.swiper-button-next {
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}

.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
}

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

.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);
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    text-transform: none
}

.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"
}

html,
body,
#root {
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-direction: column;
    min-height: 100vh;
    display: flex;
    position: relative;
    font-family: edgeX-Harmony, IBMPlexSans, -apple-system, "system-ui", Roboto, Arial, sans-serif
}

.ssr-stack {
    isolation: isolate;
    flex: 1;
    grid-template-columns: 1fr;
    grid-template-areas: "stack";
    min-height: 100vh;
    display: grid;
    position: relative
}

.ssr-stack>#root,
.ssr-stack>#ssr-shell {
    grid-area: stack;
    min-width: 0;
    min-height: 100vh
}

.ssr-stack>#root {
    z-index: 1
}

.ssr-stack>#ssr-shell {
    z-index: 0;
    pointer-events: none;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

body.csr-mounted .ssr-stack>#ssr-shell {
    display: none
}

html::-webkit-scrollbar {
    display: none
}

body::-webkit-scrollbar {
    display: none
}

#root::-webkit-scrollbar {
    display: none
}

#root {
    font-size: 14px
}

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

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

input[type=number].hide-button::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

input[type=checkbox]:focus {
    box-shadow: none;
    outline: none
}

.vip-label-icon,
.vip-label-icon svg {
    color: inherit
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after {
            --tw-font-weight: initial;
            --tw-duration: initial;
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }

        ::backdrop {
            --tw-font-weight: initial;
            --tw-duration: initial;
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: var(--font-sans), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-400: #ff6568;
        --color-red-500: #fb2c36;
        --color-red-600: #e40014;
        --color-orange-400: #ff8b1a;
        --color-orange-500: #fe6e00;
        --color-yellow-400: #fac800;
        --color-yellow-500: #edb200;
        --color-green-400: #05df72;
        --color-green-500: #00c758;
        --color-green-600: #00a544;
        --color-teal-50: #f0fdfa;
        --color-blue-400: #54a2ff;
        --color-blue-500: #3080ff;
        --color-purple-400: #c07eff;
        --color-purple-500: #ac4bff;
        --color-gray-100: #f3f4f6;
        --color-gray-200: #e5e7eb;
        --color-gray-300: #d1d5dc;
        --color-gray-400: #99a1af;
        --color-gray-500: #6a7282;
        --color-zinc-300: #d4d4d8;
        --color-zinc-400: #9f9fa9;
        --color-zinc-500: #71717b;
        --color-neutral-200: #e5e5e5;
        --color-neutral-400: #a1a1a1;
        --color-neutral-700: #404040;
        --color-neutral-800: #262626;
        --color-neutral-900: #171717;
        --color-stone-50: #fafaf9;
        --color-stone-950: #0c0a09;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-xs: .125rem;
        --radius-sm: calc(var(--radius) - 4px);
        --radius-md: calc(var(--radius) - 2px);
        --radius-lg: var(--radius);
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-playfair: "Playfair Display", "Times New Roman", "Source Han Serif SC", "Songti SC", serif;
        --color-background: var(--background);
        --color-foreground: var(--foreground);
        --color-border: hsl(var(--border));
        --color-input: hsl(var(--input));
        --color-ring: hsl(var(--ring));
        --color-popover: hsl(var(--popover));
        --color-popover-foreground: hsl(var(--popover-foreground));
        --color-tooltip: hsl(var(--tooltip));
        --color-tooltip-foreground: hsl(var(--tooltip-foreground));
        --color-card: hsl(var(--card));
        --color-card-foreground: hsl(var(--card-foreground));
        --color-primary: #00ce5f;
        --color-primary-foreground: #fff;
        --color-destructive: #f7647e;
        --color-error: #f7647e;
        --color-warning: #ffb904;
        --color-muted: var(--fill-page-secondary);
        --color-muted-foreground: var(--text-tertiary);
        --color-accent: #404040;
        --color-accent-foreground: #fff;
        --color-text-primary: var(--text-primary);
        --color-text-orderbook: var(--text-orderbook);
        --color-text-secondary: var(--text-secondary);
        --color-text-tertiary: var(--text-tertiary);
        --color-text-white-static: var(--text-white-static);
        --color-text-black-static: var(--text-black-static);
        --color-text-on-btn: var(--text-on-btn);
        --color-text-on-sec-btn: var(--text-on-sec-btn);
        --color-text-white: var(--text-white);
        --color-text-disabled: var(--text-disabled);
        --color-text-tooltips-text: var(--text-tooltips-text);
        --color-text-tooltips-text-white: var(--text-tooltips-text-white);
        --color-text-btn-theme: var(--text-btn-theme);
        --color-fill-bg: var(--fill-bg);
        --color-fill-page-primary: var(--fill-page-primary);
        --color-fill-page-secondary: var(--fill-page-secondary);
        --color-fill-page-tertiary: var(--fill-page-tertiary);
        --color-fill-page-opposite: var(--fill-page-opposite);
        --color-fill-white-static: var(--text-white-static);
        --color-fill-btn-primary: var(--fill-btn-primary);
        --color-fill-btn-primary-hover: var(--fill-btn-primary-hover);
        --color-fill-btn-secondary: var(--fill-btn-secondary);
        --color-fill-btn-secondary-hover: var(--fill-btn-secondary-hover);
        --color-fill-btn-disabled: var(--fill-btn-disabled);
        --color-fill-destructive: var(--fill-destructive);
        --color-fill-destructive-hover: var(--fill-destructive-hover);
        --color-fill-input-primary: var(--fill-input-primary);
        --color-fill-input-secondary: var(--fill-input-secondary);
        --color-fill-input-tertiary: var(--fill-input-tertiary);
        --color-fill-modal-bg: var(--fill-modal-bg);
        --color-fill-primary-bg-20: var(--fill-primary-bg-20);
        --color-line-divider-primary: var(--line-divider-primary);
        --color-line-divider-secondary: var(--line-divider-secondary);
        --color-line-divider-tertiary: var(--line-divider-tertiary);
        --color-line-border: var(--line-border);
        --color-line-input-focus-line: var(--line-input-focus-line);
        --color-theme-normal: var(--theme-normal);
        --color-theme-disable: var(--theme-disable);
        --color-theme-hover: var(--theme-hover);
        --color-theme-text-disable: var(--theme-text-disable);
        --color-theme-normal-20: var(--theme-normal-20);
        --color-special-tooltip: var(--special-tooltip);
        --color-special-switch-active: var(--special-switch-active);
        --color-special-subtab: var(--special-subtab);
        --color-functional-orange-1: var(--functional-orange-1);
        --color-functional-orange-2: var(--functional-orange-2);
        --color-functional-red-1: var(--functional-red-1);
        --color-functional-red-2: var(--functional-red-2);
        --color-functional-green-1: var(--functional-green-1);
        --color-functional-green-2: var(--functional-green-2);
        --color-functional-blue-1: var(--functional-blue-1);
        --color-functional-blue-2: var(--functional-blue-2);
        --color-brand: var(--brand);
        --color-appbrand: var(--appbrand);
        --color-appwhite: var(--appwhite);
        --color-appborder: var(--appborder);
        --color-popularity-red: #f6465d;
        --color-popularity-green: #2ebd85;
        --color-contrast-red: #ea3333;
        --color-contrast-green: #33ad5c;
        --color-classic-pink: #ea0070;
        --color-classic-green: #74a700;
        --color-caring-orange: #ec8d42;
        --color-caring-blue: #1f8df9;
        --color-buy: #04f06a;
        --color-sell: #f24236;
        --color-warning-soft: #ff914233;
        --color-foreground-secondary: #e6e6e6;
        --color-foreground-tertiary: #999;
        --color-foreground-disabled: gray;
        --color-border-subtle: #404040;
        --color-border-strong: #22fd73;
        --color-border-darkgreen: #162620;
        --color-bg-primary: #202020;
        --color-bg-secondary: #282828;
        --color-bg-tertiary: #484848;
        --color-bg-disabled: #404040;
        --color-Archive-Brightness-Grey-600: #666;
        --color-Global-Highlight-Green: #00b151;
        --color-btn-disabled: #272a29;
        --color-sidebar: var(--sidebar);
        --color-sidebar-foreground: var(--sidebar-foreground);
        --color-sidebar-accent: var(--sidebar-accent);
        --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
        --color-sidebar-border: var(--sidebar-border);
        --color-sidebar-ring: var(--sidebar-ring);
        --animate-tabs-content-enter: tabs-content-enter .42s cubic-bezier(.16, 1, .3, 1)both;
        --animate-tabs-content-horizontal-enter-from-left: tabs-content-horizontal-enter-from-left .42s cubic-bezier(.16, 1, .3, 1)both;
        --animate-tabs-content-horizontal-enter-from-right: tabs-content-horizontal-enter-from-right .42s cubic-bezier(.16, 1, .3, 1)both;
        --font-edgeXHarmony: "edgeX-Harmony", "IBMPlexSans", -apple-system, "system-ui", Roboto, Arial, sans-serif;
        --spacing-dialog: 360px
    }

    @supports (color: color(display-p3 0 0 0)) {

        :root,
        :host {
            --color-red-400: color(display-p3 .933534 .431676 .423491);
            --color-red-500: color(display-p3 .903738 .262579 .253307);
            --color-red-600: color(display-p3 .830323 .140383 .133196);
            --color-orange-400: color(display-p3 .950192 .561807 .211017);
            --color-orange-500: color(display-p3 .946589 .449788 .0757345);
            --color-yellow-400: color(display-p3 .959941 .790171 .0585198);
            --color-yellow-500: color(display-p3 .903651 .703062 .0745389);
            --color-green-400: color(display-p3 .399536 .862346 .49324);
            --color-green-500: color(display-p3 .308734 .774754 .374307);
            --color-green-600: color(display-p3 .243882 .640824 .294808);
            --color-teal-50: color(display-p3 .951444 .990904 .98112);
            --color-blue-400: color(display-p3 .397443 .62813 .992116);
            --color-blue-500: color(display-p3 .266422 .491219 .988624);
            --color-purple-400: color(display-p3 .719919 .492497 .995173);
            --color-purple-500: color(display-p3 .629519 .30089 .990817);
            --color-gray-100: color(display-p3 .953567 .956796 .964321);
            --color-gray-200: color(display-p3 .899787 .906171 .92106);
            --color-gray-300: color(display-p3 .822033 .835264 .858521);
            --color-gray-400: color(display-p3 .605734 .630385 .680158);
            --color-gray-500: color(display-p3 .421287 .446085 .504784);
            --color-zinc-300: color(display-p3 .831087 .831083 .846819);
            --color-zinc-400: color(display-p3 .622604 .622563 .659842);
            --color-zinc-500: color(display-p3 .442983 .442931 .480324);
            --color-neutral-200: color(display-p3 .898161 .898161 .898161);
            --color-neutral-400: color(display-p3 .630163 .630163 .630163);
            --color-neutral-700: color(display-p3 .250471 .250471 .250471);
            --color-neutral-800: color(display-p3 .149382 .149382 .149382);
            --color-neutral-900: color(display-p3 .0905274 .0905274 .0905274);
            --color-stone-50: color(display-p3 .980533 .980533 .977827);
            --color-stone-950: color(display-p3 .0456693 .0396228 .0360228)
        }
    }

    @supports (color: lab(0% 0 0)) {

        :root,
        :host {
            --color-red-400: lab(63.7053% 60.745 31.3109);
            --color-red-500: lab(55.4814% 75.0732 48.8528);
            --color-red-600: lab(48.4493% 77.4328 61.5452);
            --color-orange-400: lab(70.0429% 42.5156 75.8207);
            --color-orange-500: lab(64.272% 57.1788 90.3583);
            --color-yellow-400: lab(83.2664% 8.65132 106.895);
            --color-yellow-500: lab(76.3898% 14.5258 98.4589);
            --color-green-400: lab(78.503% -64.9265 39.7492);
            --color-green-500: lab(70.5521% -66.5147 45.8073);
            --color-green-600: lab(59.0978% -58.6621 41.2579);
            --color-teal-50: lab(98.3189% -4.74921 -.111711);
            --color-blue-400: lab(65.0361% -1.42065 -56.9802);
            --color-blue-500: lab(54.1736% 13.3369 -74.6839);
            --color-purple-400: lab(63.6946% 47.6127 -59.2066);
            --color-purple-500: lab(52.0183% 66.11 -78.2316);
            --color-gray-100: lab(96.1596% -.0823438 -1.13575);
            --color-gray-200: lab(91.6229% -.159115 -2.26791);
            --color-gray-300: lab(85.1236% -.612259 -3.7138);
            --color-gray-400: lab(65.9269% -.832707 -8.17473);
            --color-gray-500: lab(47.7841% -.393182 -10.0268);
            --color-zinc-300: lab(84.9837% .601262 -2.17986);
            --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
            --color-zinc-500: lab(47.8878% 1.65477 -5.77283);
            --color-neutral-200: lab(90.952% 0 -.0000119209);
            --color-neutral-400: lab(66.128% -.0000298023 .0000119209);
            --color-neutral-700: lab(27.036% 0 0);
            --color-neutral-800: lab(15.204% 0 -.00000596046);
            --color-neutral-900: lab(7.78201% -.0000149012 0);
            --color-stone-50: lab(98.2686% -.0991821 .364304);
            --color-stone-950: lab(2.86037% .455312 .568903)
        }
    }
}

@layer base {

    *,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::-webkit-file-upload-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    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;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

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

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

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::-webkit-file-upload-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:-webkit-any([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:-moz-any([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:-webkit-any([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:-moz-any([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px
    }

    :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px
    }

    :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px
    }

    :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px
    }

    :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        padding-left: 20px
    }

    :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 20px
    }

    :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 20px
    }

    :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 20px
    }

    :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 20px
    }

    :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        padding-right: 20px
    }

    :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
        margin-right: 4px
    }

    :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
        margin-right: 4px
    }

    :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
        margin-right: 4px
    }

    :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button {
        margin-right: 4px
    }

    :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
        margin-right: 4px
    }

    :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button {
        margin-right: 4px
    }

    :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button {
        margin-left: 4px
    }

    :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
        margin-left: 4px
    }

    :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button {
        margin-left: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color: color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

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

    button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

    @font-face {
        font-family: edgeX-Harmony;
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/edgeX-Harmony-Bold.8422086f.ttf)format("truetype")
    }

    @font-face {
        font-family: edgeX-Harmony;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/edgeX-Harmony-Medium.cd918bfd.ttf)format("truetype")
    }

    @font-face {
        font-family: edgeX-Harmony;
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/edgeX-Harmony-Regular.134aaf50.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-Regular.eb4f1b6d.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-Medium.8fc6caf8.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 600;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-SemiBold.96ab7292.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-Bold.7c97744c.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 800;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-ExtraBold.85476ded.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 900;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-Black.3dda1919.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 400;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-Italic.fa8dd960.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 500;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-MediumItalic.bf8928bd.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 600;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-SemiBoldItalic.5197729b.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 700;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-BoldItalic.45b3280a.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 800;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-ExtraBoldItalic.609930a7.ttf)format("truetype")
    }

    @font-face {
        font-family: Playfair Display;
        font-weight: 900;
        font-style: italic;
        font-display: swap;
        src: url(/static/font/PlayfairDisplay-BlackItalic.47d55e96.ttf)format("truetype")
    }

    @font-face {
        font-family: IBMPlexSans;
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/IBMPlexSans-Regular.c7dc84d0.ttf)format("truetype")
    }

    @font-face {
        font-family: IBMPlexSans;
        font-weight: 500;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/IBMPlexSans-Medium.b57725b8.ttf)format("truetype")
    }

    @font-face {
        font-family: IBMPlexSans;
        font-weight: 600;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/IBMPlexSans-SemiBold.9617e7fa.ttf)format("truetype")
    }

    @font-face {
        font-family: IBMPlexSans;
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/IBMPlexSans-Bold.efb590a6.ttf)format("truetype")
    }

    @font-face {
        font-family: BebasNeue;
        font-weight: 400;
        font-style: normal;
        font-display: swap;
        src: url(/static/font/BebasNeue-Regular.d53eff58.ttf)format("truetype")
    }

    :root,
    [data-theme=dark] {
        --background: #020202;
        --foreground: #fff;
        --border: 214.3 31.8% 91.4%;
        --input: 214.3 31.8% 91.4%;
        --ring: 215 20.2% 65.1%;
        --radius: .5rem;
        --popover: 0 0% 16%;
        --popover-foreground: 0 0% 90%;
        --tooltip: 0 0% 16%;
        --tooltip-foreground: 0 0% 90%;
        --card: 0 0% 9.4%;
        --card-foreground: 140 100% 98%;
        --chart-1: 142 71% 45%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --chart-cursor-fill: #ffffff0f;
        --text-primary: #f9f9f9;
        --text-orderbook: #c8c8c8;
        --text-secondary: #929292;
        --text-tertiary: gray;
        --text-white-static: #f9f9f9;
        --text-white-static-70: #f9f9f9b3;
        --text-white-static-30: #f9f9f94d;
        --text-black-static: #121212;
        --text-on-btn: #121212;
        --text-on-sec-btn: #f9f9f9;
        --text-white: #f9f9f9;
        --text-disabled: #505050;
        --text-tooltips-text: #e8e8e8;
        --text-tooltips-text-white: #121212;
        --text-btn-theme: #22fd73;
        --text-on-theme-btn: #121212;
        --fill-bg: #020202;
        --fill-page-primary: #101010;
        --fill-page-secondary: #181818;
        --fill-page-tertiary: #242424;
        --fill-page-opposite: #242424;
        --fill-btn-primary: #f9f9f9;
        --fill-btn-primary-hover: #d8d8d8;
        --fill-btn-secondary: #303030;
        --fill-btn-secondary-hover: #404040;
        --fill-btn-disabled: #363636;
        --fill-input-primary: #242424;
        --fill-input-secondary: #181818;
        --fill-input-tertiary: #303030;
        --fill-tab-bg: #060606;
        --fill-modal-bg: #181818;
        --fill-primary-bg-20: #f9f9f933;
        --line-divider-primary: gray;
        --line-divider-secondary: #404040;
        --line-divider-tertiary: #242424;
        --line-border: #f9f9f9;
        --line-input-focus-line: #f9f9f9;
        --line-input-inside-focus-line: #fff3;
        --line-input-error-focus-line: #da494933;
        --theme-normal: #22fd73;
        --theme-disable: #22fd734d;
        --theme-hover: #22fd73cc;
        --theme-text-disable: #22fd734d;
        --theme-normal-20: #22fd7333;
        --fill-destructive: #3b1c1d;
        --fill-destructive-hover: #542526;
        --special-toast: #242424;
        --special-tooltip: #242424;
        --special-mask: #000000a6;
        --special-switch-fill: #303030;
        --special-switch-active: #22fd73;
        --special-subtab: #303030;
        --functional-orange-1: #ff8f34;
        --functional-orange-2: #ff8f344d;
        --functional-red-1: #da4949;
        --functional-red-1-hover: #da4949cc;
        --functional-red-2: #381412;
        --functional-green-1: #27b368;
        --functional-green-1-hover: #27b368cc;
        --functional-green-2: #102a1c;
        --functional-blue-1: #1765ff;
        --functional-blue-2: #1765ff4d;
        --brand: #1faf61;
        --brand-dark: #00d47b;
        --appbrand: #22fd73;
        --appwhite: #f9f9f9;
        --appborder: #242424;
        --long: #2ebd85;
        --short: #f6465d;
        --long-stop-start: #2ebd8533;
        --short-stop-start: #f6465d33;
        --highlight: #1c211f;
        --dialog-border-color: transparent;
        --select: #1a1e1d;
        --dialog: #202020;
        --sheet: #15151a;
        --dropdown: #292929;
        --toast: #282828;
        --join: #1a1e1d;
        --slider-thumb: #04f06a;
        --font-gray: gray;
        --line-gray: #202020;
        --tab-inactive: #e6e6e6;
        --tab-active: #fff;
        --module: #0c0c0c;
        --dialog-tr-hover: #272a29;
        --border-subtle: #404040;
        --bg-primary: #202020;
        --bg-tertiary: #484848;
        --foreground-secondary: #e6e6e6;
        --foreground-tertiary: #999;
        --foreground-disabled: gray;
        --fill-page-sec: #181818;
        --text-text-pri: #f9f9f9;
        --text-text-ter: gray;
        --sidebar: #18181b;
        --sidebar-foreground: #f4f4f5;
        --sidebar-primary: #1d4ed8;
        --sidebar-primary-foreground: #fff;
        --sidebar-accent: #27272a;
        --sidebar-accent-foreground: #f4f4f5;
        --sidebar-border: #27272a;
        --sidebar-ring: #3b82f6
    }

    [data-theme=light] {
        --background: #fafffc;
        --foreground: #001408;
        --border: 150 20% 80%;
        --input: 150 20% 80%;
        --ring: 150 30% 50%;
        --popover: 0 0% 97%;
        --popover-foreground: 0 0% 7%;
        --tooltip: 0 0% 97%;
        --tooltip-foreground: 0 0% 7%;
        --card: 0 0% 98%;
        --card-foreground: 0 0% 7%;
        --chart-1: 142 71% 35%;
        --chart-2: 173 58% 30%;
        --chart-3: 197 37% 35%;
        --chart-4: 43 74% 50%;
        --chart-5: 27 87% 55%;
        --chart-cursor-fill: #0000000f;
        --text-primary: #001408;
        --text-orderbook: #192c20;
        --text-secondary: #314338;
        --text-tertiary: #7b8980;
        --text-white-static: #f5fff9;
        --text-white-static-70: #f9f9f9b3;
        --text-white-static-30: #f9f9f94d;
        --text-black-static: #001408;
        --text-on-btn: #f5fff9;
        --text-on-sec-btn: #001408;
        --text-white: #f5fff9;
        --text-disabled: #abb8b1;
        --text-tooltips-text: #192c20;
        --text-tooltips-text-white: #ebf6ef;
        --text-btn-theme: #27b368;
        --text-on-theme-btn: #121212;
        --fill-bg: #fafffc;
        --fill-page-primary: #ebf6ef;
        --fill-page-secondary: #eff9f4;
        --fill-page-tertiary: #dce7e1;
        --fill-page-opposite: #192c20;
        --fill-btn-primary: #001408;
        --fill-btn-primary-hover: #192c20;
        --fill-btn-secondary: #cadad2;
        --fill-btn-secondary-hover: #c4d0c9;
        --fill-btn-disabled: #dbebe1;
        --fill-input-primary: #e6f1eb;
        --fill-input-secondary: #dce7e1;
        --fill-input-tertiary: #c4d0c9;
        --fill-tab-bg: #dce7e1;
        --fill-modal-bg: #f5fff9;
        --fill-primary-bg-20: #0014081a;
        --line-divider-primary: #98afa0;
        --line-divider-secondary: #b6c8bc;
        --line-divider-tertiary: #c3dccd;
        --line-border: #192c20;
        --line-input-focus-line: #0000001a;
        --line-input-inside-focus-line: #0003;
        --line-input-error-focus-line: #da494933;
        --theme-normal: #49fd8c;
        --theme-disable: #49fd8c4d;
        --theme-hover: #3ace71;
        --theme-text-disable: #1fe56980;
        --theme-normal-20: #27b36833;
        --fill-destructive: #fde6e7;
        --fill-destructive-hover: #faccce;
        --special-toast: #e6f1eb;
        --special-tooltip: #f4f9f6;
        --special-mask: #000c;
        --special-switch-fill: #dce7e1;
        --special-switch-active: #27b368;
        --special-subtab: #dce7e1;
        --functional-orange-1: #d16914;
        --functional-orange-2: #d169144d;
        --functional-red-1: #da4949;
        --functional-red-1-hover: #da4949cc;
        --functional-red-2: #e9bebe;
        --functional-green-1: #27b368;
        --functional-green-1-hover: #27b368cc;
        --functional-green-2: #b4dec7;
        --functional-blue-1: #1765ff;
        --functional-blue-2: #1765ff4d;
        --brand: #1faf61;
        --brand-dark: #00d47b;
        --appbrand: #49fd8c;
        --appwhite: #001408;
        --appborder: #d3e9dc;
        --long: #27b368;
        --short: #da4949;
        --long-stop-start: #27b36826;
        --short-stop-start: #da494926;
        --highlight: #dce7e1;
        --dialog-border-color: #d3e9dc;
        --select: #eff9f4;
        --dialog: #f5fff9;
        --sheet: #f5fff9;
        --dropdown: #eff9f4;
        --toast: #e6f1eb;
        --join: #eff9f4;
        --slider-thumb: #27b368;
        --font-gray: #7b8980;
        --line-gray: #d3e9dc;
        --tab-inactive: #7b8980;
        --tab-active: #001408;
        --module: #fafffc;
        --dialog-tr-hover: #dce7e1;
        --border-subtle: #caded1;
        --bg-primary: #ebf6ef;
        --bg-tertiary: #c4d0c9;
        --foreground-secondary: #314338;
        --foreground-tertiary: #7b8980;
        --foreground-disabled: #abb8b1;
        --fill-page-sec: #eff9f4;
        --text-text-pri: #001408;
        --text-text-ter: #7b8980;
        --sidebar: #fafafa;
        --sidebar-foreground: #3f3f46;
        --sidebar-primary: #18181b;
        --sidebar-primary-foreground: #fafafa;
        --sidebar-accent: #f4f4f5;
        --sidebar-accent-foreground: #18181b;
        --sidebar-border: #e5e7eb;
        --sidebar-ring: #3b82f6
    }

    [data-theme=trade-light] {
        --background: #fcfcfc;
        --foreground: #001408;
        --border: 150 20% 80%;
        --input: 150 20% 80%;
        --ring: 150 30% 50%;
        --popover: 150 30% 95%;
        --popover-foreground: 150 30% 10%;
        --tooltip: 150 20% 92%;
        --tooltip-foreground: 150 30% 10%;
        --card: 150 30% 97%;
        --card-foreground: 150 30% 10%;
        --chart-1: 142 71% 35%;
        --chart-2: 173 58% 30%;
        --chart-3: 197 37% 35%;
        --chart-4: 43 74% 50%;
        --chart-5: 27 87% 55%;
        --chart-cursor-fill: #0000000f;
        --text-primary: #323232;
        --text-orderbook: #454545;
        --text-secondary: #929292;
        --text-tertiary: gray;
        --text-white-static: #f9f9f9;
        --text-white-static-70: #f9f9f9b3;
        --text-white-static-30: #f9f9f94d;
        --text-black-static: #323232;
        --text-on-btn: #f9f9f9;
        --text-on-sec-btn: #323232;
        --text-white: #121212;
        --text-disabled: #bfbfbf;
        --text-tooltips-text: #323232;
        --text-tooltips-text-white: #f9f9f9;
        --text-btn-theme: #27b368;
        --text-on-theme-btn: #121212;
        --fill-bg: #fcfcfc;
        --fill-page-primary: #f9f9f9;
        --fill-page-secondary: #f2f2f2;
        --fill-page-tertiary: #e8e8e8;
        --fill-page-opposite: #e8e8e8;
        --fill-btn-primary: #050505;
        --fill-btn-primary-hover: #262626;
        --fill-btn-secondary: #ddd;
        --fill-btn-secondary-hover: #bfbfbf;
        --fill-btn-disabled: #e6e6e6;
        --fill-input-primary: #dbdbdb;
        --fill-input-secondary: #e8e8e8;
        --fill-input-tertiary: #e8e8e8;
        --fill-tab-bg: #fafafa;
        --fill-modal-bg: #fff;
        --fill-primary-bg-20: #0505051a;
        --line-divider-primary: #ccc;
        --line-divider-secondary: #d3d3d3;
        --line-divider-tertiary: #e8e8e8;
        --line-border: #f3f3f3;
        --line-input-focus-line: #0000001a;
        --line-input-inside-focus-line: #0003;
        --line-input-error-focus-line: #da494933;
        --theme-normal: #49fd8c;
        --theme-disable: #49fd8c4d;
        --theme-hover: #3ace71;
        --theme-text-disable: #1fe56980;
        --theme-normal-20: #27b36833;
        --fill-destructive: #fde6e7;
        --fill-destructive-hover: #faccce;
        --special-toast: #f3f3f3;
        --special-tooltip: #f3f3f3;
        --special-mask: #000c;
        --special-switch-fill: #e6e6e6;
        --special-switch-active: #27b368;
        --special-subtab: #e6e6e6;
        --functional-orange-1: #d16914;
        --functional-orange-2: #d169144d;
        --functional-red-1: #da4949;
        --functional-red-1-hover: #da4949cc;
        --functional-red-2: #e9bebe;
        --functional-green-1: #27b368;
        --functional-green-1-hover: #27b368cc;
        --functional-green-2: #b4dec7;
        --functional-blue-1: #1765ff;
        --functional-blue-2: #1765ff4d;
        --brand: #1faf61;
        --brand-dark: #00d47b;
        --appbrand: #49fd8c;
        --appwhite: #001408;
        --appborder: #d3e9dc;
        --long: #27b368;
        --short: #da4949;
        --long-stop-start: #27b36826;
        --short-stop-start: #da494926;
        --highlight: #dce7e1;
        --dialog-border-color: #d3e9dc;
        --select: #eff9f4;
        --dialog: #f5fff9;
        --sheet: #f5fff9;
        --dropdown: #eff9f4;
        --toast: #e6f1eb;
        --join: #eff9f4;
        --slider-thumb: #27b368;
        --font-gray: #7b8980;
        --line-gray: #d3e9dc;
        --tab-inactive: #7b8980;
        --tab-active: #001408;
        --module: #fafffc;
        --dialog-tr-hover: #dce7e1;
        --border-subtle: #caded1;
        --bg-primary: #ebf6ef;
        --bg-tertiary: #c4d0c9;
        --foreground-secondary: #314338;
        --foreground-tertiary: #7b8980;
        --foreground-disabled: #abb8b1;
        --fill-page-sec: #eff9f4;
        --text-text-pri: #001408;
        --text-text-ter: #7b8980;
        --sidebar: #fafafa;
        --sidebar-foreground: #3f3f46;
        --sidebar-primary: #18181b;
        --sidebar-primary-foreground: #fafafa;
        --sidebar-accent: #f4f4f5;
        --sidebar-accent-foreground: #18181b;
        --sidebar-border: #e5e7eb;
        --sidebar-ring: #3b82f6
    }

    [data-slot=input-control]:-webkit-autofill {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: var(--color-text-primary);
        caret-color: var(--color-text-primary);
        -webkit-box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset;
        box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset
    }

    [data-slot=input-control]:-webkit-autofill:hover {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: var(--color-text-primary);
        caret-color: var(--color-text-primary);
        -webkit-box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset;
        box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset
    }

    [data-slot=input-control]:-webkit-autofill:focus {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: var(--color-text-primary);
        caret-color: var(--color-text-primary);
        -webkit-box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset;
        box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset
    }

    [data-slot=input-control]:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: var(--color-text-primary);
        caret-color: var(--color-text-primary);
        -webkit-box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset;
        box-shadow: 0 0 0 1000px var(--input-autofill-bg, transparent)inset
    }

    [data-theme] {
        --color-background: var(--background);
        --color-foreground: var(--foreground);
        --color-border: hsl(var(--border));
        --color-input: hsl(var(--input));
        --color-ring: hsl(var(--ring));
        --color-popover: hsl(var(--popover));
        --color-popover-foreground: hsl(var(--popover-foreground));
        --color-tooltip: hsl(var(--tooltip));
        --color-tooltip-foreground: hsl(var(--tooltip-foreground));
        --color-card: hsl(var(--card));
        --color-card-foreground: hsl(var(--card-foreground));
        --color-muted: var(--fill-page-secondary);
        --color-muted-foreground: var(--text-tertiary);
        --color-text-primary: var(--text-primary);
        --color-text-orderbook: var(--text-orderbook);
        --color-text-secondary: var(--text-secondary);
        --color-text-tertiary: var(--text-tertiary);
        --color-text-white-static: var(--text-white-static);
        --color-text-white-static-70: var(--text-white-static-70);
        --color-text-white-static-30: var(--text-white-static-30);
        --color-text-black-static: var(--text-black-static);
        --color-text-on-btn: var(--text-on-btn);
        --color-text-on-sec-btn: var(--text-on-sec-btn);
        --color-text-white: var(--text-white);
        --color-text-disabled: var(--text-disabled);
        --color-text-tooltips-text: var(--text-tooltips-text);
        --color-text-tooltips-text-white: var(--text-tooltips-text-white);
        --color-text-btn-theme: var(--text-btn-theme);
        --color-text-on-theme-btn: var(--text-on-theme-btn);
        --color-fill-bg: var(--fill-bg);
        --color-fill-page-primary: var(--fill-page-primary);
        --color-fill-page-secondary: var(--fill-page-secondary);
        --color-fill-page-tertiary: var(--fill-page-tertiary);
        --color-fill-page-opposite: var(--fill-page-opposite);
        --color-fill-white-static: var(--text-white-static);
        --color-fill-btn-primary: var(--fill-btn-primary);
        --color-fill-btn-primary-hover: var(--fill-btn-primary-hover);
        --color-fill-btn-secondary: var(--fill-btn-secondary);
        --color-fill-btn-secondary-hover: var(--fill-btn-secondary-hover);
        --color-fill-btn-disabled: var(--fill-btn-disabled);
        --color-fill-input-default: var(--fill-input-primary);
        --color-fill-input-primary: var(--fill-input-primary);
        --color-fill-input-secondary: var(--fill-input-secondary);
        --color-fill-input-tertiary: var(--fill-input-tertiary);
        --color-fill-tab-bg: var(--fill-tab-bg);
        --color-fill-modal-bg: var(--fill-modal-bg);
        --color-fill-primary-bg-20: var(--fill-primary-bg-20);
        --color-fill-dialog-primary: var(--fill-modal-bg);
        --color-line-divider-primary: var(--line-divider-primary);
        --color-line-divider-secondary: var(--line-divider-secondary);
        --color-line-divider-tertiary: var(--line-divider-tertiary);
        --color-line-border: var(--line-border);
        --color-line-input-focus-line: var(--line-input-focus-line);
        --color-line-input-inside-focus-line: var(--line-input-inside-focus-line);
        --color-line-input-error-focus-line: var(--line-input-error-focus-line);
        --color-theme-normal: var(--theme-normal);
        --color-theme-disable: var(--theme-disable);
        --color-theme-hover: var(--theme-hover);
        --color-theme-text-disable: var(--theme-text-disable);
        --color-theme-normal-20: var(--theme-normal-20);
        --color-special-toast: var(--special-toast);
        --color-special-tooltip: var(--special-tooltip);
        --color-special-mask: var(--special-mask);
        --color-special-switch-fill: var(--special-switch-fill);
        --color-special-switch-active: var(--special-switch-active);
        --color-special-subtab: var(--special-subtab);
        --color-functional-orange-1: var(--functional-orange-1);
        --color-functional-orange-2: var(--functional-orange-2);
        --color-functional-red-1: var(--functional-red-1);
        --color-functional-red-1-hover: var(--functional-red-1-hover);
        --color-functional-red-2: var(--functional-red-2);
        --color-functional-green-1: var(--functional-green-1);
        --color-functional-green-1-hover: var(--functional-green-1-hover);
        --color-functional-green-2: var(--functional-green-2);
        --color-functional-blue-1: var(--functional-blue-1);
        --color-functional-blue-2: var(--functional-blue-2);
        --color-brand: var(--brand);
        --color-brand-dark: var(--brand-dark);
        --color-appbrand: var(--appbrand);
        --color-appwhite: var(--appwhite);
        --color-appborder: var(--appborder);
        --color-sidebar: var(--sidebar);
        --color-sidebar-foreground: var(--sidebar-foreground);
        --color-sidebar-primary: var(--sidebar-primary);
        --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
        --color-sidebar-accent: var(--sidebar-accent);
        --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
        --color-sidebar-border: var(--sidebar-border);
        --color-sidebar-ring: var(--sidebar-ring)
    }

    * {
        border-color: var(--color-border)
    }

    :focus {
        outline: none
    }

    button,
    [role=button],
    [type=button],
    [type=submit],
    [type=reset],
    select,
    summary {
        cursor: pointer
    }

    body,
    [data-theme] {
        background-color: var(--color-background);
        color: var(--color-foreground);
        font-feature-settings: "rlig" 1, "calt" 1
    }

    input:-webkit-autofill {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: white;
        -webkit-box-shadow: inset 0 0 0 1000px #465a7e66
    }

    input:-webkit-autofill:focus {
        transition: background-color 5000s ease-in-out;
        -webkit-text-fill-color: white;
        -webkit-box-shadow: inset 0 0 0 1000px #465a7e66
    }
}

@layer components;

@layer utilities {
    .\@container\/card-header {
        container: card-header/inline-size
    }

    .\@container\/field-group {
        container: field-group/inline-size
    }

    .btn-primary {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        text-align: center;
        border: 1px solid #0000;
        border-color: var(--color-appwhite);
        background-color: var(--color-appwhite);
        --tw-font-weight: var(--font-weight-medium);
        height: 3rem;
        min-height: 3rem;
        font-size: .875rem;
        font-weight: 600;
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-btn);
        border-radius: .25rem;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        text-decoration: none;
        transition-property: color, background-color, border-color, opacity;
        display: inline-flex
    }

    @media (hover: hover) {
        .btn-primary:hover {
            background-color: #cacaca;
            border-color: #cacaca
        }
    }

    .btn-primary:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .btn-primary:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .btn-primary:active {
        border-color: var(--color-neutral-700);
        background-color: var(--color-neutral-700)
    }

    .btn-primary {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .btn-primary:disabled {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .btn-app-gray {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        text-align: center;
        border: 1px solid #0000;
        border-color: var(--color-neutral-700);
        background-color: var(--color-neutral-700);
        --tw-font-weight: var(--font-weight-medium);
        height: 3rem;
        min-height: 3rem;
        font-size: .875rem;
        font-weight: 600;
        font-weight: var(--font-weight-medium);
        color: var(--color-white);
        border-radius: .25rem;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        text-decoration: none;
        transition-property: color, background-color, border-color, opacity;
        transition-duration: .2s;
        display: inline-flex
    }

    @media (hover: hover) {
        .btn-app-gray:hover {
            background-color: #929292
        }
    }

    .btn-app-gray:active {
        background-color: #242424
    }

    .btn-app-gray:disabled {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .btn-primary-brand {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        text-align: center;
        border: 1px solid #0000;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        height: 3rem;
        min-height: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: .875rem;
        font-weight: 600;
        text-decoration: none;
        transition-property: color, background-color, border-color, opacity;
        transition-duration: .2s;
        display: inline-flex
    }

    .btn-primary-brand:disabled {
        opacity: .5;
        cursor: not-allowed;
        pointer-events: none
    }

    .btn-primary-brand {
        color: #fff;
        background-color: #1faf61;
        border-color: #1faf61;
        border-radius: .25rem
    }

    .btn-primary-brand:hover {
        background-color: #00d47b;
        border-color: #00d47b
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .pointer-events-none {
        pointer-events: none
    }

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .fullscreen {
        z-index: 15;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed
    }

    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .\!absolute {
        position: absolute
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .fixed\! {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .\!inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .inset-0 {
        inset: calc(var(--spacing)*0)
    }

    .inset-\[7px\] {
        top: 7px;
        bottom: 7px;
        left: 7px;
        right: 7px
    }

    .inset-\[10px\] {
        top: 10px;
        bottom: 10px;
        left: 10px;
        right: 10px
    }

    .inset-\[21px\] {
        top: 21px;
        bottom: 21px;
        left: 21px;
        right: 21px
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }

    .start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--spacing)
    }

    .start:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--spacing)
    }

    .start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--spacing)
    }

    .start:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--spacing)
    }

    .start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--spacing)
    }

    .start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .start:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--spacing)
    }

    .end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--spacing)
    }

    .end:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--spacing)
    }

    .end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--spacing)
    }

    .end:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--spacing)
    }

    .end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--spacing)
    }

    .end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .end:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--spacing)
    }

    .end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: calc(var(--spacing)*0)
    }

    .end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: calc(var(--spacing)*0)
    }

    .end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: calc(var(--spacing)*0)
    }

    .end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: calc(var(--spacing)*0)
    }

    .end-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: calc(var(--spacing)*0)
    }

    .end-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing)*0)
    }

    .end-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing)*0)
    }

    .end-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: calc(var(--spacing)*0)
    }

    .\!top-14 {
        top: calc(var(--spacing)*14)
    }

    .\!top-\[11px\] {
        top: 11px
    }

    .-top-1 {
        top: calc(var(--spacing)*-1)
    }

    .-top-2 {
        top: calc(var(--spacing)*-2)
    }

    .-top-3 {
        top: calc(var(--spacing)*-3)
    }

    .-top-8 {
        top: calc(var(--spacing)*-8)
    }

    .-top-11 {
        top: calc(var(--spacing)*-11)
    }

    .-top-12 {
        top: calc(var(--spacing)*-12)
    }

    .-top-\[10px\] {
        top: -10px
    }

    .-top-\[18px\] {
        top: -18px
    }

    .-top-px {
        top: -1px
    }

    .top-0 {
        top: calc(var(--spacing)*0)
    }

    .top-1 {
        top: calc(var(--spacing)*1)
    }

    .top-1\.5 {
        top: calc(var(--spacing)*1.5)
    }

    .top-1\/2 {
        top: 50%
    }

    .top-2 {
        top: calc(var(--spacing)*2)
    }

    .top-3\.5 {
        top: calc(var(--spacing)*3.5)
    }

    .top-4 {
        top: calc(var(--spacing)*4)
    }

    .top-5 {
        top: calc(var(--spacing)*5)
    }

    .top-5\.75 {
        top: calc(var(--spacing)*5.75)
    }

    .top-6 {
        top: calc(var(--spacing)*6)
    }

    .top-14 {
        top: calc(var(--spacing)*14)
    }

    .top-30 {
        top: calc(var(--spacing)*30)
    }

    .top-\[-22px\] {
        top: -22px
    }

    .top-\[0\] {
        top: 0
    }

    .top-\[1\.33px\] {
        top: 1.33px
    }

    .top-\[1px\] {
        top: 1px
    }

    .top-\[6px\] {
        top: 6px
    }

    .top-\[7\.6875rem\] {
        top: 7.6875rem
    }

    .top-\[10px\] {
        top: 10px
    }

    .top-\[27px\] {
        top: 27px
    }

    .top-\[44px\] {
        top: 44px
    }

    .top-\[50\%\] {
        top: 50%
    }

    .top-\[56px\] {
        top: 56px
    }

    .top-\[60\%\] {
        top: 60%
    }

    .top-\[66px\] {
        top: 66px
    }

    .top-\[67px\] {
        top: 67px
    }

    .top-\[74px\] {
        top: 74px
    }

    .top-\[90px\] {
        top: 90px
    }

    .top-\[170px\] {
        top: 170px
    }

    .top-\[226px\] {
        top: 226px
    }

    .top-\[460px\] {
        top: 460px
    }

    .top-\[calc\(50\%\+16\.5px\)\] {
        top: calc(50% + 16.5px)
    }

    .top-\[calc\(50\%-19\.5px\)\] {
        top: calc(50% - 19.5px)
    }

    .top-auto {
        top: auto
    }

    .top-full {
        top: 100%
    }

    .\!right-\[11px\] {
        right: 11px
    }

    .-right-1 {
        right: calc(var(--spacing)*-1)
    }

    .-right-2 {
        right: calc(var(--spacing)*-2)
    }

    .-right-2\.5 {
        right: calc(var(--spacing)*-2.5)
    }

    .-right-4 {
        right: calc(var(--spacing)*-4)
    }

    .-right-5 {
        right: calc(var(--spacing)*-5)
    }

    .-right-6 {
        right: calc(var(--spacing)*-6)
    }

    .-right-12 {
        right: calc(var(--spacing)*-12)
    }

    .-right-\[3px\] {
        right: -3px
    }

    .-right-\[7px\] {
        right: -7px
    }

    .-right-px {
        right: -1px
    }

    .right-0 {
        right: calc(var(--spacing)*0)
    }

    .right-1 {
        right: calc(var(--spacing)*1)
    }

    .right-2 {
        right: calc(var(--spacing)*2)
    }

    .right-3 {
        right: calc(var(--spacing)*3)
    }

    .right-3\.5 {
        right: calc(var(--spacing)*3.5)
    }

    .right-4 {
        right: calc(var(--spacing)*4)
    }

    .right-5 {
        right: calc(var(--spacing)*5)
    }

    .right-5\.75 {
        right: calc(var(--spacing)*5.75)
    }

    .right-6 {
        right: calc(var(--spacing)*6)
    }

    .right-8 {
        right: calc(var(--spacing)*8)
    }

    .right-\[14\.4px\] {
        right: 14.4px
    }

    .right-\[16\.6667\%\] {
        right: 16.6667%
    }

    .\!bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .\!bottom-auto {
        bottom: auto
    }

    .-bottom-1 {
        bottom: calc(var(--spacing)*-1)
    }

    .-bottom-2 {
        bottom: calc(var(--spacing)*-2)
    }

    .-bottom-3 {
        bottom: calc(var(--spacing)*-3)
    }

    .-bottom-6 {
        bottom: calc(var(--spacing)*-6)
    }

    .-bottom-12 {
        bottom: calc(var(--spacing)*-12)
    }

    .-bottom-\[6px\] {
        bottom: -6px
    }

    .-bottom-px {
        bottom: -1px
    }

    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }

    .bottom-1 {
        bottom: calc(var(--spacing)*1)
    }

    .bottom-6 {
        bottom: calc(var(--spacing)*6)
    }

    .bottom-8 {
        bottom: calc(var(--spacing)*8)
    }

    .bottom-9 {
        bottom: calc(var(--spacing)*9)
    }

    .bottom-10 {
        bottom: calc(var(--spacing)*10)
    }

    .bottom-12 {
        bottom: calc(var(--spacing)*12)
    }

    .bottom-\[8px\] {
        bottom: 8px
    }

    .bottom-\[10px\] {
        bottom: 10px
    }

    .bottom-\[271px\] {
        bottom: 271px
    }

    .bottom-full {
        bottom: 100%
    }

    .\!left-auto {
        left: auto
    }

    .-left-2 {
        left: calc(var(--spacing)*-2)
    }

    .-left-4 {
        left: calc(var(--spacing)*-4)
    }

    .-left-5 {
        left: calc(var(--spacing)*-5)
    }

    .-left-8 {
        left: calc(var(--spacing)*-8)
    }

    .-left-10 {
        left: calc(var(--spacing)*-10)
    }

    .-left-12 {
        left: calc(var(--spacing)*-12)
    }

    .-left-14 {
        left: calc(var(--spacing)*-14)
    }

    .-left-\[3px\] {
        left: -3px
    }

    .-left-\[7px\] {
        left: -7px
    }

    .-left-px {
        left: -1px
    }

    .left-0 {
        left: calc(var(--spacing)*0)
    }

    .left-1 {
        left: calc(var(--spacing)*1)
    }

    .left-1\/2 {
        left: 50%
    }

    .left-2 {
        left: calc(var(--spacing)*2)
    }

    .left-3 {
        left: calc(var(--spacing)*3)
    }

    .left-4 {
        left: calc(var(--spacing)*4)
    }

    .left-6 {
        left: calc(var(--spacing)*6)
    }

    .left-8 {
        left: calc(var(--spacing)*8)
    }

    .left-\[-3px\] {
        left: -3px
    }

    .left-\[-10px\] {
        left: -10px
    }

    .left-\[-500px\] {
        left: -500px
    }

    .left-\[1\.33px\] {
        left: 1.33px
    }

    .left-\[3px\] {
        left: 3px
    }

    .left-\[12px\] {
        left: 12px
    }

    .left-\[14px\] {
        left: 14px
    }

    .left-\[16\.6667\%\] {
        left: 16.6667%
    }

    .left-\[50\%\] {
        left: 50%
    }

    .left-\[162px\] {
        left: 162px
    }

    .left-\[calc\(100\%\+24px\)\] {
        left: calc(100% + 24px)
    }

    .isolate {
        isolation: isolate
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-10 {
        z-index: 10
    }

    .z-11 {
        z-index: 11
    }

    .z-20 {
        z-index: 20
    }

    .z-50 {
        z-index: 50
    }

    .z-60 {
        z-index: 60
    }

    .z-\[1\] {
        z-index: 1
    }

    .z-\[2\] {
        z-index: 2
    }

    .z-\[4\] {
        z-index: 4
    }

    .z-\[9\] {
        z-index: 9
    }

    .z-\[10\] {
        z-index: 10
    }

    .z-\[11\] {
        z-index: 11
    }

    .z-\[12\] {
        z-index: 12
    }

    .z-\[14\] {
        z-index: 14
    }

    .z-\[20\] {
        z-index: 20
    }

    .z-\[30\] {
        z-index: 30
    }

    .z-\[40\] {
        z-index: 40
    }

    .z-\[50\] {
        z-index: 50
    }

    .z-\[60\] {
        z-index: 60
    }

    .z-\[70\] {
        z-index: 70
    }

    .z-\[80\] {
        z-index: 80
    }

    .z-\[90\] {
        z-index: 90
    }

    .z-\[99\] {
        z-index: 99
    }

    .z-\[100\] {
        z-index: 100
    }

    .z-\[999\] {
        z-index: 999
    }

    .z-\[9999\] {
        z-index: 9999
    }

    .z-\[2147483647\],
    .z-\[2147483648\] {
        z-index: 2147483647
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-first {
        order: -9999
    }

    .order-last {
        order: 9999
    }

    .col-1 {
        grid-column: 1
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

    .col-span-2 {
        grid-column: span 2/span 2
    }

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .col-span-4 {
        grid-column: span 4/span 4
    }

    .col-span-5 {
        grid-column: span 5/span 5
    }

    .col-span-6 {
        grid-column: span 6/span 6
    }

    .col-span-7 {
        grid-column: span 7/span 7
    }

    .col-span-8 {
        grid-column: span 8/span 8
    }

    .col-span-9 {
        grid-column: span 9/span 9
    }

    .col-span-10 {
        grid-column: span 10/span 10
    }

    .col-start-1 {
        grid-column-start: 1
    }

    .col-start-2 {
        grid-column-start: 2
    }

    .row-1 {
        grid-row: 1
    }

    .row-2 {
        grid-row: 2
    }

    .row-3 {
        grid-row: 3
    }

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .float-left {
        float: left
    }

    .float-right {
        float: right
    }

    .container {
        width: 100%
    }

    @media (min-width: 40rem) {
        .container {
            max-width: 40rem
        }


    }

    @media (min-width: 48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width: 64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width: 80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width: 96rem) {
        .container {
            max-width: 96rem
        }
    }

    @media (min-width: 120rem) {
        .container {
            max-width: 120rem
        }
    }

    .home-container {
        max-width: 1440px;
        margin: auto
    }

    .-m-2 {
        margin: calc(var(--spacing)*-2)
    }

    .m-0 {
        margin: calc(var(--spacing)*0)
    }

    .m-0\! {
        margin: calc(var(--spacing)*0)
    }

    .m-1 {
        margin: calc(var(--spacing)*1)
    }

    .m-auto {
        margin: auto
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .\!mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
    }

    .-mx-3 {
        margin-inline: calc(var(--spacing)*-3)
    }

    .-mx-4 {
        margin-inline: calc(var(--spacing)*-4)
    }

    .-mx-8 {
        margin-inline: calc(var(--spacing)*-8)
    }

    .mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .mx-1\.5 {
        margin-inline: calc(var(--spacing)*1.5)
    }

    .mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .mx-3\.5 {
        margin-inline: calc(var(--spacing)*3.5)
    }

    .mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .mx-8 {
        margin-inline: calc(var(--spacing)*8)
    }

    .mx-32 {
        margin-inline: calc(var(--spacing)*32)
    }

    .mx-\[10px\] {
        margin-left: 10px;
        margin-right: 10px
    }

    .mx-\[134px\] {
        margin-left: 134px;
        margin-right: 134px
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .-my-2 {
        margin-block: calc(var(--spacing)*-2)
    }

    .my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .my-0\.5 {
        margin-block: calc(var(--spacing)*.5)
    }

    .my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .my-8 {
        margin-block: calc(var(--spacing)*8)
    }

    .my-10 {
        margin-block: calc(var(--spacing)*10)
    }

    .my-12 {
        margin-block: calc(var(--spacing)*12)
    }

    .my-\[2px\] {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .\!mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .\!mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .\!mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .-mt-0\.5 {
        margin-top: calc(var(--spacing)*-.5)
    }

    .-mt-3 {
        margin-top: calc(var(--spacing)*-3)
    }

    .-mt-4 {
        margin-top: calc(var(--spacing)*-4)
    }

    .-mt-10 {
        margin-top: calc(var(--spacing)*-10)
    }

    .-mt-14 {
        margin-top: calc(var(--spacing)*-14)
    }

    .-mt-\[0\.5px\] {
        margin-top: -.5px
    }

    .-mt-\[1px\],
    .-mt-px {
        margin-top: -1px
    }

    .mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .mt-0\! {
        margin-top: calc(var(--spacing)*0)
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing)*.5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
    }

    .mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing)*2.5)
    }

    .mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-7 {
        margin-top: calc(var(--spacing)*7)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-9 {
        margin-top: calc(var(--spacing)*9)
    }

    .mt-10 {
        margin-top: calc(var(--spacing)*10)
    }

    .mt-11 {
        margin-top: calc(var(--spacing)*11)
    }

    .mt-12 {
        margin-top: calc(var(--spacing)*12)
    }

    .mt-14 {
        margin-top: calc(var(--spacing)*14)
    }

    .mt-24 {
        margin-top: calc(var(--spacing)*24)
    }

    .mt-\[-14px\] {
        margin-top: -14px
    }

    .mt-\[-15px\] {
        margin-top: -15px
    }

    .mt-\[0\.875rem\] {
        margin-top: .875rem
    }

    .mt-\[0\.4375rem\] {
        margin-top: .4375rem
    }

    .mt-\[1em\] {
        margin-top: 1em
    }

    .mt-\[2\.25rem\] {
        margin-top: 2.25rem
    }

    .mt-\[2px\] {
        margin-top: 2px
    }

    .mt-\[3px\] {
        margin-top: 3px
    }

    .mt-\[4px\] {
        margin-top: 4px
    }

    .mt-\[8px\] {
        margin-top: 8px
    }

    .mt-\[9px\] {
        margin-top: 9px
    }

    .mt-\[10px\] {
        margin-top: 10px
    }

    .mt-\[18px\] {
        margin-top: 18px
    }

    .mt-\[20px\] {
        margin-top: 20px
    }

    .mt-\[21px\] {
        margin-top: 21px
    }

    .mt-\[28px\] {
        margin-top: 28px
    }

    .mt-\[35px\] {
        margin-top: 35px
    }

    .mt-auto {
        margin-top: auto
    }

    .mt-px {
        margin-top: 1px
    }

    .dot-before:before {
        content: "•";
        color: #ff8f34;
        margin-right: .5rem;
        font-size: 1.5rem
    }

    .\!mr-0 {
        margin-right: calc(var(--spacing)*0)
    }

    .mr-0 {
        margin-right: calc(var(--spacing)*0)
    }

    .mr-0\.5 {
        margin-right: calc(var(--spacing)*.5)
    }

    .mr-1 {
        margin-right: calc(var(--spacing)*1)
    }

    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    .mr-3 {
        margin-right: calc(var(--spacing)*3)
    }

    .mr-4 {
        margin-right: calc(var(--spacing)*4)
    }

    .mr-6 {
        margin-right: calc(var(--spacing)*6)
    }

    .mr-6\.25 {
        margin-right: calc(var(--spacing)*6.25)
    }

    .mr-7 {
        margin-right: calc(var(--spacing)*7)
    }

    .mr-10 {
        margin-right: calc(var(--spacing)*10)
    }

    .mr-12 {
        margin-right: calc(var(--spacing)*12)
    }

    .mr-\[1px\] {
        margin-right: 1px
    }

    .\!mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .\!mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

    .-mb-0\.5 {
        margin-bottom: calc(var(--spacing)*-.5)
    }

    .-mb-px {
        margin-bottom: -1px
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-0\! {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-0\.5 {
        margin-bottom: calc(var(--spacing)*.5)
    }

    .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .mb-1\.5 {
        margin-bottom: calc(var(--spacing)*1.5)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing)*2.5)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }

    .mb-13 {
        margin-bottom: calc(var(--spacing)*13)
    }

    .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
    }

    .mb-24 {
        margin-bottom: calc(var(--spacing)*24)
    }

    .mb-32 {
        margin-bottom: calc(var(--spacing)*32)
    }

    .mb-\[-2px\] {
        margin-bottom: -2px
    }

    .mb-\[-12px\] {
        margin-bottom: -12px
    }

    .mb-\[2px\] {
        margin-bottom: 2px
    }

    .mb-\[5px\] {
        margin-bottom: 5px
    }

    .mb-\[10px\] {
        margin-bottom: 10px
    }

    .mb-\[14\.4px\] {
        margin-bottom: 14.4px
    }

    .\!ml-0 {
        margin-left: calc(var(--spacing)*0)
    }

    .-ml-1 {
        margin-left: calc(var(--spacing)*-1)
    }

    .-ml-2 {
        margin-left: calc(var(--spacing)*-2)
    }

    .-ml-4 {
        margin-left: calc(var(--spacing)*-4)
    }

    .-ml-11 {
        margin-left: calc(var(--spacing)*-11)
    }

    .-ml-\[0\.5px\] {
        margin-left: -.5px
    }

    .-ml-\[1\.25px\] {
        margin-left: -1.25px
    }

    .-ml-\[1px\] {
        margin-left: -1px
    }

    .ml-0 {
        margin-left: calc(var(--spacing)*0)
    }

    .ml-0\.5 {
        margin-left: calc(var(--spacing)*.5)
    }

    .ml-1 {
        margin-left: calc(var(--spacing)*1)
    }

    .ml-1\.5 {
        margin-left: calc(var(--spacing)*1.5)
    }

    .ml-2 {
        margin-left: calc(var(--spacing)*2)
    }

    .ml-2\.5 {
        margin-left: calc(var(--spacing)*2.5)
    }

    .ml-3 {
        margin-left: calc(var(--spacing)*3)
    }

    .ml-4 {
        margin-left: calc(var(--spacing)*4)
    }

    .ml-5 {
        margin-left: calc(var(--spacing)*5)
    }

    .ml-6 {
        margin-left: calc(var(--spacing)*6)
    }

    .ml-7 {
        margin-left: calc(var(--spacing)*7)
    }

    .ml-8 {
        margin-left: calc(var(--spacing)*8)
    }

    .ml-10 {
        margin-left: calc(var(--spacing)*10)
    }

    .ml-14 {
        margin-left: calc(var(--spacing)*14)
    }

    .ml-20 {
        margin-left: calc(var(--spacing)*20)
    }

    .ml-\[2px\] {
        margin-left: 2px
    }

    .ml-\[4px\] {
        margin-left: 4px
    }

    .ml-\[10px\] {
        margin-left: 10px
    }

    .ml-auto {
        margin-left: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .box-content {
        box-sizing: content-box
    }

    .spinner {
        aspect-ratio: 1;
        border: 2px solid;
        border-top-color: #0000;
        border-radius: 9999px;
        width: 1rem;
        height: 1rem;
        animation: .75s linear infinite spin;
        display: inline-block
    }

    .line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\!block {
        display: block
    }

    .\!flex {
        display: flex
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .table {
        display: table
    }

    .field-sizing-content {
        field-sizing: content
    }

    .aspect-\[1\.038\] {
        aspect-ratio: 1.038
    }

    .aspect-\[1\.02385\] {
        aspect-ratio: 1.02385
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .btn-size-lg {
        height: 4rem;
        min-height: 4rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-size: 1.125rem
    }

    .btn-size-sm {
        height: 2rem;
        min-height: 2rem;
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: .875rem
    }

    .\!size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\!size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .\!size-\[14px\] {
        width: 14px;
        height: 14px
    }

    .\!size-\[26px\] {
        width: 26px;
        height: 26px
    }

    .size-\(--cell-size\) {
        width: var(--cell-size);
        height: var(--cell-size)
    }

    .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-5\! {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .size-6 {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-6\! {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .size-6\.5 {
        width: calc(var(--spacing)*6.5);
        height: calc(var(--spacing)*6.5)
    }

    .size-7 {
        width: calc(var(--spacing)*7);
        height: calc(var(--spacing)*7)
    }

    .size-8 {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .size-8\.5 {
        width: calc(var(--spacing)*8.5);
        height: calc(var(--spacing)*8.5)
    }

    .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
    }

    .size-10 {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .size-11 {
        width: calc(var(--spacing)*11);
        height: calc(var(--spacing)*11)
    }

    .size-12 {
        width: calc(var(--spacing)*12);
        height: calc(var(--spacing)*12)
    }

    .size-14 {
        width: calc(var(--spacing)*14);
        height: calc(var(--spacing)*14)
    }

    .size-16 {
        width: calc(var(--spacing)*16);
        height: calc(var(--spacing)*16)
    }

    .size-20 {
        width: calc(var(--spacing)*20);
        height: calc(var(--spacing)*20)
    }

    .size-24 {
        width: calc(var(--spacing)*24);
        height: calc(var(--spacing)*24)
    }

    .size-28 {
        width: calc(var(--spacing)*28);
        height: calc(var(--spacing)*28)
    }

    .size-32 {
        width: calc(var(--spacing)*32);
        height: calc(var(--spacing)*32)
    }

    .size-40 {
        width: calc(var(--spacing)*40);
        height: calc(var(--spacing)*40)
    }

    .size-56 {
        width: calc(var(--spacing)*56);
        height: calc(var(--spacing)*56)
    }

    .size-\[--cell-size\] {
        width: --cell-size;
        height: --cell-size
    }

    .size-\[3px\] {
        width: 3px;
        height: 3px
    }

    .size-\[5\.5rem\] {
        width: 5.5rem;
        height: 5.5rem
    }

    .size-\[7\.5rem\] {
        width: 7.5rem;
        height: 7.5rem
    }

    .size-\[10px\] {
        width: 10px;
        height: 10px
    }

    .size-\[14px\] {
        width: 14px;
        height: 14px
    }

    .size-\[15px\] {
        width: 15px;
        height: 15px
    }

    .size-\[18px\] {
        width: 18px;
        height: 18px
    }

    .size-\[22px\] {
        width: 22px;
        height: 22px
    }

    .size-\[34px\] {
        width: 34px;
        height: 34px
    }

    .size-\[42px\] {
        width: 42px;
        height: 42px
    }

    .size-\[64px\] {
        width: 64px;
        height: 64px
    }

    .size-\[88px\] {
        width: 88px;
        height: 88px
    }

    .size-\[100px\] {
        width: 100px;
        height: 100px
    }

    .size-\[120px\] {
        width: 120px;
        height: 120px
    }

    .size-\[170px\] {
        width: 170px;
        height: 170px
    }

    .size-\[350px\] {
        width: 350px;
        height: 350px
    }

    .size-\[366px\] {
        width: 366px;
        height: 366px
    }

    .size-\[408px\] {
        width: 408px;
        height: 408px
    }

    .size-auto {
        width: auto;
        height: auto
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .spinner-md {
        width: 1.5rem;
        height: 1.5rem
    }

    .spinner-xs {
        width: 1rem;
        height: 1rem
    }

    .\!h-3 {
        height: calc(var(--spacing)*3)
    }

    .\!h-4 {
        height: calc(var(--spacing)*4)
    }

    .\!h-5 {
        height: calc(var(--spacing)*5)
    }

    .\!h-6 {
        height: calc(var(--spacing)*6)
    }

    .\!h-7 {
        height: calc(var(--spacing)*7)
    }

    .\!h-8 {
        height: calc(var(--spacing)*8)
    }

    .\!h-10 {
        height: calc(var(--spacing)*10)
    }

    .\!h-\[22px\] {
        height: 22px
    }

    .\!h-\[34px\] {
        height: 34px
    }

    .\!h-\[40px\] {
        height: 40px
    }

    .\!h-auto {
        height: auto
    }

    .\!h-full {
        height: 100%
    }

    .h-\(--cell-size\) {
        height: var(--cell-size)
    }

    .h-\(--radix-select-trigger-height\) {
        height: var(--radix-select-trigger-height)
    }

    .h-0 {
        height: calc(var(--spacing)*0)
    }

    .h-0\.5 {
        height: calc(var(--spacing)*.5)
    }

    .h-1 {
        height: calc(var(--spacing)*1)
    }

    .h-1\.5 {
        height: calc(var(--spacing)*1.5)
    }

    .h-2 {
        height: calc(var(--spacing)*2)
    }

    .h-2\.5 {
        height: calc(var(--spacing)*2.5)
    }

    .h-3 {
        height: calc(var(--spacing)*3)
    }

    .h-3\.5 {
        height: calc(var(--spacing)*3.5)
    }

    .h-4 {
        height: calc(var(--spacing)*4)
    }

    .h-4\.5 {
        height: calc(var(--spacing)*4.5)
    }

    .h-5 {
        height: calc(var(--spacing)*5)
    }

    .h-6 {
        height: calc(var(--spacing)*6)
    }

    .h-6\.5 {
        height: calc(var(--spacing)*6.5)
    }

    .h-7 {
        height: calc(var(--spacing)*7)
    }

    .h-8 {
        height: calc(var(--spacing)*8)
    }

    .h-8\.5 {
        height: calc(var(--spacing)*8.5)
    }

    .h-9 {
        height: calc(var(--spacing)*9)
    }

    .h-10 {
        height: calc(var(--spacing)*10)
    }

    .h-10\.5 {
        height: calc(var(--spacing)*10.5)
    }

    .h-11 {
        height: calc(var(--spacing)*11)
    }

    .h-11\.5 {
        height: calc(var(--spacing)*11.5)
    }

    .h-12 {
        height: calc(var(--spacing)*12)
    }

    .h-14 {
        height: calc(var(--spacing)*14)
    }

    .h-16 {
        height: calc(var(--spacing)*16)
    }

    .h-16\.5 {
        height: calc(var(--spacing)*16.5)
    }

    .h-18 {
        height: calc(var(--spacing)*18)
    }

    .h-20 {
        height: calc(var(--spacing)*20)
    }

    .h-25 {
        height: calc(var(--spacing)*25)
    }

    .h-32 {
        height: calc(var(--spacing)*32)
    }

    .h-40 {
        height: calc(var(--spacing)*40)
    }

    .h-52 {
        height: calc(var(--spacing)*52)
    }

    .h-60 {
        height: calc(var(--spacing)*60)
    }

    .h-75 {
        height: calc(var(--spacing)*75)
    }

    .h-80 {
        height: calc(var(--spacing)*80)
    }

    .h-96 {
        height: calc(var(--spacing)*96)
    }

    .h-118 {
        height: calc(var(--spacing)*118)
    }

    .h-\[0\.875rem\] {
        height: .875rem
    }

    .h-\[0\] {
        height: 0
    }

    .h-\[1\.25rem\] {
        height: 1.25rem
    }

    .h-\[1\.375rem\] {
        height: 1.375rem
    }

    .h-\[1\.625rem\] {
        height: 1.625rem
    }

    .h-\[1px\] {
        height: 1px
    }

    .h-\[2\.5rem\] {
        height: 2.5rem
    }

    .h-\[2\.375rem\] {
        height: 2.375rem
    }

    .h-\[2px\] {
        height: 2px
    }

    .h-\[3px\] {
        height: 3px
    }

    .h-\[3rem\] {
        height: 3rem
    }

    .h-\[5\.5rem\] {
        height: 5.5rem
    }

    .h-\[5px\] {
        height: 5px
    }

    .h-\[6\.25rem\] {
        height: 6.25rem
    }

    .h-\[6px\] {
        height: 6px
    }

    .h-\[7\.5rem\] {
        height: 7.5rem
    }

    .h-\[8\.14px\] {
        height: 8.14px
    }

    .h-\[8px\] {
        height: 8px
    }

    .h-\[10px\] {
        height: 10px
    }

    .h-\[11\.74px\] {
        height: 11.74px
    }

    .h-\[11\.625rem\] {
        height: 11.625rem
    }

    .h-\[11px\] {
        height: 11px
    }

    .h-\[12\.4px\] {
        height: 12.4px
    }

    .h-\[12\.7px\] {
        height: 12.7px
    }

    .h-\[12px\] {
        height: 12px
    }

    .h-\[13\.33px\] {
        height: 13.33px
    }

    .h-\[14\.625rem\] {
        height: 14.625rem
    }

    .h-\[14px\] {
        height: 14px
    }

    .h-\[16px\] {
        height: 16px
    }

    .h-\[17px\] {
        height: 17px
    }

    .h-\[18\.312rem\] {
        height: 18.312rem
    }

    .h-\[18px\] {
        height: 18px
    }

    .h-\[20px\] {
        height: 20px
    }

    .h-\[20rem\] {
        height: 20rem
    }

    .h-\[21px\] {
        height: 21px
    }

    .h-\[22\.0625rem\] {
        height: 22.0625rem
    }

    .h-\[22px\] {
        height: 22px
    }

    .h-\[23px\] {
        height: 23px
    }

    .h-\[24px\] {
        height: 24px
    }

    .h-\[25\.2px\] {
        height: 25.2px
    }

    .h-\[25px\] {
        height: 25px
    }

    .h-\[26px\] {
        height: 26px
    }

    .h-\[28px\] {
        height: 28px
    }

    .h-\[29\.5rem\] {
        height: 29.5rem
    }

    .h-\[30\.36px\] {
        height: 30.36px
    }

    .h-\[30px\] {
        height: 30px
    }

    .h-\[30rem\] {
        height: 30rem
    }

    .h-\[32\.4px\] {
        height: 32.4px
    }

    .h-\[32\.97px\] {
        height: 32.97px
    }

    .h-\[34px\] {
        height: 34px
    }

    .h-\[36px\] {
        height: 36px
    }

    .h-\[37px\] {
        height: 37px
    }

    .h-\[38px\] {
        height: 38px
    }

    .h-\[39\.75px\] {
        height: 39.75px
    }

    .h-\[40px\] {
        height: 40px
    }

    .h-\[40vh\] {
        height: 40vh
    }

    .h-\[42\.2px\] {
        height: 42.2px
    }

    .h-\[42px\] {
        height: 42px
    }

    .h-\[43px\] {
        height: 43px
    }

    .h-\[44px\] {
        height: 44px
    }

    .h-\[48px\] {
        height: 48px
    }

    .h-\[50px\] {
        height: 50px
    }

    .h-\[52px\] {
        height: 52px
    }

    .h-\[56px\] {
        height: 56px
    }

    .h-\[57px\] {
        height: 57px
    }

    .h-\[60\%\] {
        height: 60%
    }

    .h-\[60px\] {
        height: 60px
    }

    .h-\[62px\] {
        height: 62px
    }

    .h-\[63px\] {
        height: 63px
    }

    .h-\[64px\] {
        height: 64px
    }

    .h-\[65px\] {
        height: 65px
    }

    .h-\[68px\] {
        height: 68px
    }

    .h-\[72px\] {
        height: 72px
    }

    .h-\[74px\] {
        height: 74px
    }

    .h-\[76px\] {
        height: 76px
    }

    .h-\[80px\] {
        height: 80px
    }

    .h-\[86px\] {
        height: 86px
    }

    .h-\[88px\] {
        height: 88px
    }

    .h-\[92px\] {
        height: 92px
    }

    .h-\[96px\] {
        height: 96px
    }

    .h-\[97px\] {
        height: 97px
    }

    .h-\[98px\] {
        height: 98px
    }

    .h-\[100dvh\] {
        height: 100dvh
    }

    .h-\[100px\] {
        height: 100px
    }

    .h-\[101px\] {
        height: 101px
    }

    .h-\[103px\] {
        height: 103px
    }

    .h-\[104px\] {
        height: 104px
    }

    .h-\[112px\] {
        height: 112px
    }

    .h-\[120px\] {
        height: 120px
    }

    .h-\[122px\] {
        height: 122px
    }

    .h-\[130px\] {
        height: 130px
    }

    .h-\[134px\] {
        height: 134px
    }

    .h-\[135px\] {
        height: 135px
    }

    .h-\[138px\] {
        height: 138px
    }

    .h-\[166px\] {
        height: 166px
    }

    .h-\[170px\] {
        height: 170px
    }

    .h-\[176px\] {
        height: 176px
    }

    .h-\[178px\] {
        height: 178px
    }

    .h-\[180px\] {
        height: 180px
    }

    .h-\[182px\] {
        height: 182px
    }

    .h-\[184px\] {
        height: 184px
    }

    .h-\[194px\] {
        height: 194px
    }

    .h-\[200px\] {
        height: 200px
    }

    .h-\[209px\] {
        height: 209px
    }

    .h-\[220px\] {
        height: 220px
    }

    .h-\[222px\] {
        height: 222px
    }

    .h-\[224px\] {
        height: 224px
    }

    .h-\[230px\] {
        height: 230px
    }

    .h-\[238px\] {
        height: 238px
    }

    .h-\[240px\] {
        height: 240px
    }

    .h-\[258px\] {
        height: 258px
    }

    .h-\[260px\] {
        height: 260px
    }

    .h-\[264px\] {
        height: 264px
    }

    .h-\[268px\] {
        height: 268px
    }

    .h-\[269px\] {
        height: 269px
    }

    .h-\[270px\] {
        height: 270px
    }

    .h-\[280px\] {
        height: 280px
    }

    .h-\[300px\] {
        height: 300px
    }

    .h-\[304px\] {
        height: 304px
    }

    .h-\[306px\] {
        height: 306px
    }

    .h-\[320px\] {
        height: 320px
    }

    .h-\[328px\] {
        height: 328px
    }

    .h-\[336px\] {
        height: 336px
    }

    .h-\[353px\] {
        height: 353px
    }

    .h-\[360px\] {
        height: 360px
    }

    .h-\[364px\] {
        height: 364px
    }

    .h-\[380px\] {
        height: 380px
    }

    .h-\[384px\] {
        height: 384px
    }

    .h-\[400px\] {
        height: 400px
    }

    .h-\[426px\] {
        height: 426px
    }

    .h-\[490px\] {
        height: 490px
    }

    .h-\[493px\] {
        height: 493px
    }

    .h-\[500px\] {
        height: 500px
    }

    .h-\[520px\] {
        height: 520px
    }

    .h-\[560px\] {
        height: 560px
    }

    .h-\[590px\] {
        height: 590px
    }

    .h-\[620px\] {
        height: 620px
    }

    .h-\[624px\] {
        height: 624px
    }

    .h-\[640px\] {
        height: 640px
    }

    .h-\[666px\] {
        height: 666px
    }

    .h-\[2000px\] {
        height: 2000px
    }

    .h-\[calc\(100\%-2px\)\] {
        height: calc(100% - 2px)
    }

    .h-\[calc\(100\%-5\.5rem\)\] {
        height: calc(100% - 5.5rem)
    }

    .h-\[calc\(100\%-56px\)\] {
        height: calc(100% - 56px)
    }

    .h-\[calc\(100\%_-_80px\)\] {
        height: calc(100% - 80px)
    }

    .h-\[calc\(100\%_-_180px\)\] {
        height: calc(100% - 180px)
    }

    .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-svh {
        height: 100svh
    }

    .\!max-h-none {
        max-height: none
    }

    .max-h-\(--radix-context-menu-content-available-height\) {
        max-height: var(--radix-context-menu-content-available-height)
    }

    .max-h-\(--radix-dropdown-menu-content-available-height\) {
        max-height: var(--radix-dropdown-menu-content-available-height)
    }

    .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
    }

    .max-h-0 {
        max-height: calc(var(--spacing)*0)
    }

    .max-h-40 {
        max-height: calc(var(--spacing)*40)
    }

    .max-h-52 {
        max-height: calc(var(--spacing)*52)
    }

    .max-h-80 {
        max-height: calc(var(--spacing)*80)
    }

    .max-h-96 {
        max-height: calc(var(--spacing)*96)
    }

    .max-h-\[70vh\] {
        max-height: 70vh
    }

    .max-h-\[80vh\] {
        max-height: 80vh
    }

    .max-h-\[85vh\] {
        max-height: 85vh
    }

    .max-h-\[92px\] {
        max-height: 92px
    }

    .max-h-\[100vh\] {
        max-height: 100vh
    }

    .max-h-\[180px\] {
        max-height: 180px
    }

    .max-h-\[230px\] {
        max-height: 230px
    }

    .max-h-\[240px\] {
        max-height: 240px
    }

    .max-h-\[260px\] {
        max-height: 260px
    }

    .max-h-\[272px\] {
        max-height: 272px
    }

    .max-h-\[300px\] {
        max-height: 300px
    }

    .max-h-\[304px\] {
        max-height: 304px
    }

    .max-h-\[360px\] {
        max-height: 360px
    }

    .max-h-\[400px\] {
        max-height: 400px
    }

    .max-h-\[448px\] {
        max-height: 448px
    }

    .max-h-\[480px\] {
        max-height: 480px
    }

    .max-h-\[500px\] {
        max-height: 500px
    }

    .max-h-\[504px\] {
        max-height: 504px
    }

    .max-h-\[558px\] {
        max-height: 558px
    }

    .max-h-\[600px\] {
        max-height: 600px
    }

    .max-h-\[640px\] {
        max-height: 640px
    }

    .max-h-\[1200px\] {
        max-height: 1200px
    }

    .max-h-\[calc\(100dvh-48px\)\] {
        max-height: calc(100dvh - 48px)
    }

    .max-h-\[calc\(100vh-7\.875rem\)\] {
        max-height: calc(100vh - 7.875rem)
    }

    .max-h-\[calc\(100vh-13rem\)\] {
        max-height: calc(100vh - 13rem)
    }

    .max-h-\[calc\(100vh-32px\)\] {
        max-height: calc(100vh - 32px)
    }

    .max-h-\[calc\(100vh-60px\)\] {
        max-height: calc(100vh - 60px)
    }

    .max-h-\[calc\(100vh-440px\)\] {
        max-height: calc(100vh - 440px)
    }

    .max-h-\[calc\(100vh-520px\)\] {
        max-height: calc(100vh - 520px)
    }

    .max-h-\[calc\(100vh_-_240px\)\] {
        max-height: calc(100vh - 240px)
    }

    .max-h-full {
        max-height: 100%
    }

    .max-h-none {
        max-height: none
    }

    .\!min-h-0 {
        min-height: calc(var(--spacing)*0)
    }

    .\!min-h-6 {
        min-height: calc(var(--spacing)*6)
    }

    .\!min-h-7 {
        min-height: calc(var(--spacing)*7)
    }

    .\!min-h-8 {
        min-height: calc(var(--spacing)*8)
    }

    .\!min-h-10 {
        min-height: calc(var(--spacing)*10)
    }

    .min-h-0 {
        min-height: calc(var(--spacing)*0)
    }

    .min-h-2 {
        min-height: calc(var(--spacing)*2)
    }

    .min-h-4 {
        min-height: calc(var(--spacing)*4)
    }

    .min-h-4\.5 {
        min-height: calc(var(--spacing)*4.5)
    }

    .min-h-5 {
        min-height: calc(var(--spacing)*5)
    }

    .min-h-6 {
        min-height: calc(var(--spacing)*6)
    }

    .min-h-8 {
        min-height: calc(var(--spacing)*8)
    }

    .min-h-8\.5 {
        min-height: calc(var(--spacing)*8.5)
    }

    .min-h-10 {
        min-height: calc(var(--spacing)*10)
    }

    .min-h-12 {
        min-height: calc(var(--spacing)*12)
    }

    .min-h-16 {
        min-height: calc(var(--spacing)*16)
    }

    .min-h-23\.25 {
        min-height: calc(var(--spacing)*23.25)
    }

    .min-h-48 {
        min-height: calc(var(--spacing)*48)
    }

    .min-h-50 {
        min-height: calc(var(--spacing)*50)
    }

    .min-h-76 {
        min-height: calc(var(--spacing)*76)
    }

    .min-h-\[1\.5rem\] {
        min-height: 1.5rem
    }

    .min-h-\[1\.25rem\] {
        min-height: 1.25rem
    }

    .min-h-\[1\.125rem\] {
        min-height: 1.125rem
    }

    .min-h-\[1px\] {
        min-height: 1px
    }

    .min-h-\[2rem\] {
        min-height: 2rem
    }

    .min-h-\[10rem\] {
        min-height: 10rem
    }

    .min-h-\[12rem\] {
        min-height: 12rem
    }

    .min-h-\[16rem\] {
        min-height: 16rem
    }

    .min-h-\[18px\] {
        min-height: 18px
    }

    .min-h-\[18rem\] {
        min-height: 18rem
    }

    .min-h-\[20rem\] {
        min-height: 20rem
    }

    .min-h-\[21px\] {
        min-height: 21px
    }

    .min-h-\[24px\] {
        min-height: 24px
    }

    .min-h-\[25rem\] {
        min-height: 25rem
    }

    .min-h-\[26\.5rem\] {
        min-height: 26.5rem
    }

    .min-h-\[30rem\] {
        min-height: 30rem
    }

    .min-h-\[32px\] {
        min-height: 32px
    }

    .min-h-\[34px\] {
        min-height: 34px
    }

    .min-h-\[38px\] {
        min-height: 38px
    }

    .min-h-\[40px\] {
        min-height: 40px
    }

    .min-h-\[48px\] {
        min-height: 48px
    }

    .min-h-\[50px\] {
        min-height: 50px
    }

    .min-h-\[50vh\] {
        min-height: 50vh
    }

    .min-h-\[60vh\] {
        min-height: 60vh
    }

    .min-h-\[64px\] {
        min-height: 64px
    }

    .min-h-\[80px\] {
        min-height: 80px
    }

    .min-h-\[80vh\] {
        min-height: 80vh
    }

    .min-h-\[84px\] {
        min-height: 84px
    }

    .min-h-\[90px\] {
        min-height: 90px
    }

    .min-h-\[90vh\] {
        min-height: 90vh
    }

    .min-h-\[100vh\] {
        min-height: 100vh
    }

    .min-h-\[120px\] {
        min-height: 120px
    }

    .min-h-\[140px\] {
        min-height: 140px
    }

    .min-h-\[160px\] {
        min-height: 160px
    }

    .min-h-\[170px\] {
        min-height: 170px
    }

    .min-h-\[200px\] {
        min-height: 200px
    }

    .min-h-\[220px\] {
        min-height: 220px
    }

    .min-h-\[230px\] {
        min-height: 230px
    }

    .min-h-\[240px\] {
        min-height: 240px
    }

    .min-h-\[248px\] {
        min-height: 248px
    }

    .min-h-\[285px\] {
        min-height: 285px
    }

    .min-h-\[288px\] {
        min-height: 288px
    }

    .min-h-\[304px\] {
        min-height: 304px
    }

    .min-h-\[306px\] {
        min-height: 306px
    }

    .min-h-\[400px\] {
        min-height: 400px
    }

    .min-h-\[416px\] {
        min-height: 416px
    }

    .min-h-\[540px\] {
        min-height: 540px
    }

    .min-h-\[690px\] {
        min-height: 690px
    }

    .min-h-\[700px\] {
        min-height: 700px
    }

    .min-h-\[813px\] {
        min-height: 813px
    }

    .min-h-\[878px\] {
        min-height: 878px
    }

    .min-h-\[calc\(100vh-3\.5rem\)\] {
        min-height: calc(100vh - 3.5rem)
    }

    .min-h-\[calc\(100vh-3\.5rem-40px\)\] {
        min-height: calc(100vh - 3.5rem - 40px)
    }

    .min-h-\[calc\(100vh-3\.5rem-272px\)\] {
        min-height: calc(100vh - 3.5rem - 272px)
    }

    .min-h-\[calc\(100vh-6rem\)\] {
        min-height: calc(100vh - 6rem)
    }

    .min-h-\[calc\(100vh-56px\)\] {
        min-height: calc(100vh - 56px)
    }

    .min-h-\[calc\(100vh-98px\)\] {
        min-height: calc(100vh - 98px)
    }

    .min-h-\[max\(800px\,calc\(100vh-3\.5rem-40px\)\)\] {
        min-height: max(800px, 100vh - 3.5rem - 40px)
    }

    .min-h-full {
        min-height: 100%
    }

    .min-h-px {
        min-height: 1px
    }

    .min-h-screen {
        min-height: 100vh
    }

    .min-h-svh {
        min-height: 100svh
    }

    .\!w-\[22px\] {
        width: 22px
    }

    .\!w-\[38px\] {
        width: 38px
    }

    .\!w-\[80px\] {
        width: 80px
    }

    .\!w-\[286px\] {
        width: 286px
    }

    .\!w-\[374px\] {
        width: 374px
    }

    .\!w-\[420px\] {
        width: 420px
    }

    .\!w-auto {
        width: auto
    }

    .btn-block {
        width: 100%
    }

    .w-\(--cell-size\) {
        width: var(--cell-size)
    }

    .w-\(--sidebar-width\) {
        width: var(--sidebar-width)
    }

    .w-0 {
        width: calc(var(--spacing)*0)
    }

    .w-0\.5 {
        width: calc(var(--spacing)*.5)
    }

    .w-1 {
        width: calc(var(--spacing)*1)
    }

    .w-1\.5 {
        width: calc(var(--spacing)*1.5)
    }

    .w-1\/2 {
        width: 50%
    }

    .w-1\/3 {
        width: 33.3333%
    }

    .w-1\/4 {
        width: 25%
    }

    .w-2 {
        width: calc(var(--spacing)*2)
    }

    .w-2\.5 {
        width: calc(var(--spacing)*2.5)
    }

    .w-2\/3 {
        width: 66.6667%
    }

    .w-3 {
        width: calc(var(--spacing)*3)
    }

    .w-3\.5 {
        width: calc(var(--spacing)*3.5)
    }

    .w-3\/4 {
        width: 75%
    }

    .w-4 {
        width: calc(var(--spacing)*4)
    }

    .w-5 {
        width: calc(var(--spacing)*5)
    }

    .w-6 {
        width: calc(var(--spacing)*6)
    }

    .w-6\/12 {
        width: 50%
    }

    .w-7 {
        width: calc(var(--spacing)*7)
    }

    .w-8 {
        width: calc(var(--spacing)*8)
    }

    .w-8\.5 {
        width: calc(var(--spacing)*8.5)
    }

    .w-9 {
        width: calc(var(--spacing)*9)
    }

    .w-10 {
        width: calc(var(--spacing)*10)
    }

    .w-11 {
        width: calc(var(--spacing)*11)
    }

    .w-11\/12 {
        width: 91.6667%
    }

    .w-12 {
        width: calc(var(--spacing)*12)
    }

    .w-14 {
        width: calc(var(--spacing)*14)
    }

    .w-15 {
        width: calc(var(--spacing)*15)
    }

    .w-16 {
        width: calc(var(--spacing)*16)
    }

    .w-20 {
        width: calc(var(--spacing)*20)
    }

    .w-24 {
        width: calc(var(--spacing)*24)
    }

    .w-25 {
        width: calc(var(--spacing)*25)
    }

    .w-28 {
        width: calc(var(--spacing)*28)
    }

    .w-32 {
        width: calc(var(--spacing)*32)
    }

    .w-36 {
        width: calc(var(--spacing)*36)
    }

    .w-40 {
        width: calc(var(--spacing)*40)
    }

    .w-44 {
        width: calc(var(--spacing)*44)
    }

    .w-45 {
        width: calc(var(--spacing)*45)
    }

    .w-50 {
        width: calc(var(--spacing)*50)
    }

    .w-60 {
        width: calc(var(--spacing)*60)
    }

    .w-64 {
        width: calc(var(--spacing)*64)
    }

    .w-72 {
        width: calc(var(--spacing)*72)
    }

    .w-80 {
        width: calc(var(--spacing)*80)
    }

    .w-92 {
        width: calc(var(--spacing)*92)
    }

    .w-96 {
        width: calc(var(--spacing)*96)
    }

    .w-105 {
        width: calc(var(--spacing)*105)
    }

    .w-\[0\.875rem\] {
        width: .875rem
    }

    .w-\[1\.625rem\] {
        width: 1.625rem
    }

    .w-\[1\.875rem\] {
        width: 1.875rem
    }

    .w-\[1px\] {
        width: 1px
    }

    .w-\[3px\] {
        width: 3px
    }

    .w-\[3rem\] {
        width: 3rem
    }

    .w-\[4\.75rem\] {
        width: 4.75rem
    }

    .w-\[6\.5rem\] {
        width: 6.5rem
    }

    .w-\[6px\] {
        width: 6px
    }

    .w-\[7\.5rem\] {
        width: 7.5rem
    }

    .w-\[8px\] {
        width: 8px
    }

    .w-\[9\.14px\] {
        width: 9.14px
    }

    .w-\[10px\] {
        width: 10px
    }

    .w-\[11\.5rem\] {
        width: 11.5rem
    }

    .w-\[11\.5625rem\] {
        width: 11.5625rem
    }

    .w-\[12\.7px\] {
        width: 12.7px
    }

    .w-\[13\.5rem\] {
        width: 13.5rem
    }

    .w-\[13\.25rem\] {
        width: 13.25rem
    }

    .w-\[13\.33px\] {
        width: 13.33px
    }

    .w-\[13\.75rem\] {
        width: 13.75rem
    }

    .w-\[14\.875rem\] {
        width: 14.875rem
    }

    .w-\[14px\] {
        width: 14px
    }

    .w-\[15px\] {
        width: 15px
    }

    .w-\[16px\] {
        width: 16px
    }

    .w-\[17px\] {
        width: 17px
    }

    .w-\[17rem\] {
        width: 17rem
    }

    .w-\[18px\] {
        width: 18px
    }

    .w-\[19\.07px\] {
        width: 19.07px
    }

    .w-\[19\.687rem\] {
        width: 19.687rem
    }

    .w-\[20\%\] {
        width: 20%
    }

    .w-\[20px\] {
        width: 20px
    }

    .w-\[21\.79px\] {
        width: 21.79px
    }

    .w-\[21px\] {
        width: 21px
    }

    .w-\[22\%\] {
        width: 22%
    }

    .w-\[22px\] {
        width: 22px
    }

    .w-\[24\%\] {
        width: 24%
    }

    .w-\[24\.25px\] {
        width: 24.25px
    }

    .w-\[24px\] {
        width: 24px
    }

    .w-\[25\%\] {
        width: 25%
    }

    .w-\[25\.2px\] {
        width: 25.2px
    }

    .w-\[25\.4px\] {
        width: 25.4px
    }

    .w-\[26px\] {
        width: 26px
    }

    .w-\[28px\] {
        width: 28px
    }

    .w-\[30\%\] {
        width: 30%
    }

    .w-\[30px\] {
        width: 30px
    }

    .w-\[30rem\] {
        width: 30rem
    }

    .w-\[31\.25rem\] {
        width: 31.25rem
    }

    .w-\[31px\] {
        width: 31px
    }

    .w-\[32\.97px\] {
        width: 32.97px
    }

    .w-\[34px\] {
        width: 34px
    }

    .w-\[35\%\] {
        width: 35%
    }

    .w-\[36px\] {
        width: 36px
    }

    .w-\[37px\] {
        width: 37px
    }

    .w-\[38px\] {
        width: 38px
    }

    .w-\[42px\] {
        width: 42px
    }

    .w-\[48px\] {
        width: 48px
    }

    .w-\[50\%\] {
        width: 50%
    }

    .w-\[52px\] {
        width: 52px
    }

    .w-\[60px\] {
        width: 60px
    }

    .w-\[64px\] {
        width: 64px
    }

    .w-\[65\%\] {
        width: 65%
    }

    .w-\[68px\] {
        width: 68px
    }

    .w-\[69\.5px\] {
        width: 69.5px
    }

    .w-\[70\%\] {
        width: 70%
    }

    .w-\[70px\] {
        width: 70px
    }

    .w-\[76px\] {
        width: 76px
    }

    .w-\[80px\] {
        width: 80px
    }

    .w-\[88px\] {
        width: 88px
    }

    .w-\[92\.7px\] {
        width: 92.7px
    }

    .w-\[93px\] {
        width: 93px
    }

    .w-\[98px\] {
        width: 98px
    }

    .w-\[100px\] {
        width: 100px
    }

    .w-\[104px\] {
        width: 104px
    }

    .w-\[105px\] {
        width: 105px
    }

    .w-\[112px\] {
        width: 112px
    }

    .w-\[115px\] {
        width: 115px
    }

    .w-\[120px\] {
        width: 120px
    }

    .w-\[128px\] {
        width: 128px
    }

    .w-\[135px\] {
        width: 135px
    }

    .w-\[139px\] {
        width: 139px
    }

    .w-\[140px\] {
        width: 140px
    }

    .w-\[144px\] {
        width: 144px
    }

    .w-\[146px\] {
        width: 146px
    }

    .w-\[150px\] {
        width: 150px
    }

    .w-\[152px\] {
        width: 152px
    }

    .w-\[160px\] {
        width: 160px
    }

    .w-\[168px\] {
        width: 168px
    }

    .w-\[169px\] {
        width: 169px
    }

    .w-\[180px\] {
        width: 180px
    }

    .w-\[182px\] {
        width: 182px
    }

    .w-\[192px\] {
        width: 192px
    }

    .w-\[198px\] {
        width: 198px
    }

    .w-\[200px\] {
        width: 200px
    }

    .w-\[207px\] {
        width: 207px
    }

    .w-\[212px\] {
        width: 212px
    }

    .w-\[213px\] {
        width: 213px
    }

    .w-\[216px\] {
        width: 216px
    }

    .w-\[220px\] {
        width: 220px
    }

    .w-\[222px\] {
        width: 222px
    }

    .w-\[223px\] {
        width: 223px
    }

    .w-\[227px\] {
        width: 227px
    }

    .w-\[228px\] {
        width: 228px
    }

    .w-\[233px\] {
        width: 233px
    }

    .w-\[238px\] {
        width: 238px
    }

    .w-\[239px\] {
        width: 239px
    }

    .w-\[240px\] {
        width: 240px
    }

    .w-\[243px\] {
        width: 243px
    }

    .w-\[245px\] {
        width: 245px
    }

    .w-\[247px\] {
        width: 247px
    }

    .w-\[248px\] {
        width: 248px
    }

    .w-\[250px\] {
        width: 250px
    }

    .w-\[258px\] {
        width: 258px
    }

    .w-\[260px\] {
        width: 260px
    }

    .w-\[264px\] {
        width: 264px
    }

    .w-\[280px\] {
        width: 280px
    }

    .w-\[283px\] {
        width: 283px
    }

    .w-\[286px\] {
        width: 286px
    }

    .w-\[298px\] {
        width: 298px
    }

    .w-\[300px\] {
        width: 300px
    }

    .w-\[316px\] {
        width: 316px
    }

    .w-\[320px\] {
        width: 320px
    }

    .w-\[324px\] {
        width: 324px
    }

    .w-\[328px\] {
        width: 328px
    }

    .w-\[337px\] {
        width: 337px
    }

    .w-\[343px\] {
        width: 343px
    }

    .w-\[354px\] {
        width: 354px
    }

    .w-\[360px\] {
        width: 360px
    }

    .w-\[374px\] {
        width: 374px
    }

    .w-\[378px\] {
        width: 378px
    }

    .w-\[380px\] {
        width: 380px
    }

    .w-\[382px\] {
        width: 382px
    }

    .w-\[400px\] {
        width: 400px
    }

    .w-\[402px\] {
        width: 402px
    }

    .w-\[404px\] {
        width: 404px
    }

    .w-\[406px\] {
        width: 406px
    }

    .w-\[410px\] {
        width: 410px
    }

    .w-\[416px\] {
        width: 416px
    }

    .w-\[420px\] {
        width: 420px
    }

    .w-\[420px\]\! {
        width: 420px
    }

    .w-\[421px\] {
        width: 421px
    }

    .w-\[440px\] {
        width: 440px
    }

    .w-\[448px\] {
        width: 448px
    }

    .w-\[456px\] {
        width: 456px
    }

    .w-\[458px\] {
        width: 458px
    }

    .w-\[460px\] {
        width: 460px
    }

    .w-\[480px\] {
        width: 480px
    }

    .w-\[500px\] {
        width: 500px
    }

    .w-\[511px\] {
        width: 511px
    }

    .w-\[520px\] {
        width: 520px
    }

    .w-\[522px\] {
        width: 522px
    }

    .w-\[530px\] {
        width: 530px
    }

    .w-\[540px\] {
        width: 540px
    }

    .w-\[560px\] {
        width: 560px
    }

    .w-\[570px\] {
        width: 570px
    }

    .w-\[576px\] {
        width: 576px
    }

    .w-\[580px\] {
        width: 580px
    }

    .w-\[600px\] {
        width: 600px
    }

    .w-\[680px\] {
        width: 680px
    }

    .w-\[700px\] {
        width: 700px
    }

    .w-\[716px\] {
        width: 716px
    }

    .w-\[720px\] {
        width: 720px
    }

    .w-\[723px\] {
        width: 723px
    }

    .w-\[752px\] {
        width: 752px
    }

    .w-\[766px\] {
        width: 766px
    }

    .w-\[800px\] {
        width: 800px
    }

    .w-\[864px\] {
        width: 864px
    }

    .w-\[1160px\] {
        width: 1160px
    }

    .w-\[2000px\] {
        width: 2000px
    }

    .w-\[calc\(100\%\+5px\)\] {
        width: calc(100% + 5px)
    }

    .w-\[calc\(100\%\+24px\)\] {
        width: calc(100% + 24px)
    }

    .w-\[calc\(100\%-10px\)\] {
        width: calc(100% - 10px)
    }

    .w-\[calc\(100vw-32px\)\] {
        width: calc(100vw - 32px)
    }

    .w-auto {
        width: auto
    }

    .w-dialog {
        width: var(--spacing-dialog)
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .\!max-w-\[420px\] {
        max-width: 420px
    }

    .\!max-w-\[480px\] {
        max-width: 480px
    }

    .\!max-w-\[520px\] {
        max-width: 520px
    }

    .\!max-w-\[716px\] {
        max-width: 716px
    }

    .\!max-w-\[720px\] {
        max-width: 720px
    }

    .\!max-w-\[800px\] {
        max-width: 800px
    }

    .\!max-w-none {
        max-width: none
    }

    .max-w-\(--skeleton-width\) {
        max-width: var(--skeleton-width)
    }

    .max-w-0 {
        max-width: calc(var(--spacing)*0)
    }

    .max-w-32 {
        max-width: calc(var(--spacing)*32)
    }

    .max-w-36 {
        max-width: calc(var(--spacing)*36)
    }

    .max-w-38 {
        max-width: calc(var(--spacing)*38)
    }

    .max-w-52 {
        max-width: calc(var(--spacing)*52)
    }

    .max-w-60 {
        max-width: calc(var(--spacing)*60)
    }

    .max-w-75 {
        max-width: calc(var(--spacing)*75)
    }

    .max-w-80 {
        max-width: calc(var(--spacing)*80)
    }

    .max-w-96 {
        max-width: calc(var(--spacing)*96)
    }

    .max-w-105 {
        max-width: calc(var(--spacing)*105)
    }

    .max-w-125 {
        max-width: calc(var(--spacing)*125)
    }

    .max-w-300 {
        max-width: calc(var(--spacing)*300)
    }

    .max-w-\[16\.5rem\] {
        max-width: 16.5rem
    }

    .max-w-\[19rem\] {
        max-width: 19rem
    }

    .max-w-\[30rem\] {
        max-width: 30rem
    }

    .max-w-\[45rem\] {
        max-width: 45rem
    }

    .max-w-\[65\%\] {
        max-width: 65%
    }

    .max-w-\[70\%\] {
        max-width: 70%
    }

    .max-w-\[75rem\] {
        max-width: 75rem
    }

    .max-w-\[79rem\] {
        max-width: 79rem
    }

    .max-w-\[82\.5rem\] {
        max-width: 82.5rem
    }

    .max-w-\[84rem\] {
        max-width: 84rem
    }

    .max-w-\[85rem\] {
        max-width: 85rem
    }

    .max-w-\[90\%\] {
        max-width: 90%
    }

    .max-w-\[90vw\] {
        max-width: 90vw
    }

    .max-w-\[94px\] {
        max-width: 94px
    }

    .max-w-\[140px\] {
        max-width: 140px
    }

    .max-w-\[170px\] {
        max-width: 170px
    }

    .max-w-\[180px\] {
        max-width: 180px
    }

    .max-w-\[200px\] {
        max-width: 200px
    }

    .max-w-\[220px\] {
        max-width: 220px
    }

    .max-w-\[240px\] {
        max-width: 240px
    }

    .max-w-\[256px\] {
        max-width: 256px
    }

    .max-w-\[260px\] {
        max-width: 260px
    }

    .max-w-\[264px\] {
        max-width: 264px
    }

    .max-w-\[272px\] {
        max-width: 272px
    }

    .max-w-\[280px\] {
        max-width: 280px
    }

    .max-w-\[288px\] {
        max-width: 288px
    }

    .max-w-\[296px\] {
        max-width: 296px
    }

    .max-w-\[300px\] {
        max-width: 300px
    }

    .max-w-\[320px\] {
        max-width: 320px
    }

    .max-w-\[340px\] {
        max-width: 340px
    }

    .max-w-\[360px\] {
        max-width: 360px
    }

    .max-w-\[400px\] {
        max-width: 400px
    }

    .max-w-\[420px\] {
        max-width: 420px
    }

    .max-w-\[440px\] {
        max-width: 440px
    }

    .max-w-\[480px\] {
        max-width: 480px
    }

    .max-w-\[500px\] {
        max-width: 500px
    }

    .max-w-\[600px\] {
        max-width: 600px
    }

    .max-w-\[649px\] {
        max-width: 649px
    }

    .max-w-\[672px\] {
        max-width: 672px
    }

    .max-w-\[720px\] {
        max-width: 720px
    }

    .max-w-\[750px\] {
        max-width: 750px
    }

    .max-w-\[766px\] {
        max-width: 766px
    }

    .max-w-\[768px\] {
        max-width: 768px
    }

    .max-w-\[800px\] {
        max-width: 800px
    }

    .max-w-\[820px\] {
        max-width: 820px
    }

    .max-w-\[1200px\] {
        max-width: 1200px
    }

    .max-w-\[1264px\] {
        max-width: 1264px
    }

    .max-w-\[1320px\] {
        max-width: 1320px
    }

    .max-w-\[1360px\] {
        max-width: 1360px
    }

    .max-w-\[1384px\] {
        max-width: 1384px
    }

    .max-w-\[1440px\] {
        max-width: 1440px
    }

    .max-w-\[1568px\] {
        max-width: 1568px
    }

    .max-w-\[calc\(100\%-2rem\)\] {
        max-width: calc(100% - 2rem)
    }

    .max-w-\[calc\(100\%-4rem\)\] {
        max-width: calc(100% - 4rem)
    }

    .max-w-\[calc\(100\%-96px\)\] {
        max-width: calc(100% - 96px)
    }

    .max-w-\[calc\(100vw-2rem\)\] {
        max-width: calc(100vw - 2rem)
    }

    .max-w-\[calc\(100vw-32px\)\] {
        max-width: calc(100vw - 32px)
    }

    .max-w-\[calc\(100vw-40px\)\] {
        max-width: calc(100vw - 40px)
    }

    .max-w-dialog {
        max-width: var(--spacing-dialog)
    }

    .max-w-full {
        max-width: 100%
    }

    .max-w-max {
        max-width: max-content
    }

    .max-w-none {
        max-width: none
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .\!min-w-0 {
        min-width: calc(var(--spacing)*0)
    }

    .\!min-w-\[38px\] {
        min-width: 38px
    }

    .\!min-w-\[80px\] {
        min-width: 80px
    }

    .min-w-\(--cell-size\) {
        min-width: var(--cell-size)
    }

    .min-w-\(--radix-select-trigger-width\) {
        min-width: var(--radix-select-trigger-width)
    }

    .min-w-0 {
        min-width: calc(var(--spacing)*0)
    }

    .min-w-2 {
        min-width: calc(var(--spacing)*2)
    }

    .min-w-5 {
        min-width: calc(var(--spacing)*5)
    }

    .min-w-9 {
        min-width: calc(var(--spacing)*9)
    }

    .min-w-10 {
        min-width: calc(var(--spacing)*10)
    }

    .min-w-16 {
        min-width: calc(var(--spacing)*16)
    }

    .min-w-20 {
        min-width: calc(var(--spacing)*20)
    }

    .min-w-25 {
        min-width: calc(var(--spacing)*25)
    }

    .min-w-32 {
        min-width: calc(var(--spacing)*32)
    }

    .min-w-36 {
        min-width: calc(var(--spacing)*36)
    }

    .min-w-40 {
        min-width: calc(var(--spacing)*40)
    }

    .min-w-50 {
        min-width: calc(var(--spacing)*50)
    }

    .min-w-74 {
        min-width: calc(var(--spacing)*74)
    }

    .min-w-90 {
        min-width: calc(var(--spacing)*90)
    }

    .min-w-96 {
        min-width: calc(var(--spacing)*96)
    }

    .min-w-\[1\.5rem\] {
        min-width: 1.5rem
    }

    .min-w-\[2\.625rem\] {
        min-width: 2.625rem
    }

    .min-w-\[3\.75rem\] {
        min-width: 3.75rem
    }

    .min-w-\[6\.875rem\] {
        min-width: 6.875rem
    }

    .min-w-\[8rem\] {
        min-width: 8rem
    }

    .min-w-\[12rem\] {
        min-width: 12rem
    }

    .min-w-\[15rem\] {
        min-width: 15rem
    }

    .min-w-\[24px\] {
        min-width: 24px
    }

    .min-w-\[60px\] {
        min-width: 60px
    }

    .min-w-\[70px\] {
        min-width: 70px
    }

    .min-w-\[72px\] {
        min-width: 72px
    }

    .min-w-\[80px\] {
        min-width: 80px
    }

    .min-w-\[92px\] {
        min-width: 92px
    }

    .min-w-\[100px\] {
        min-width: 100px
    }

    .min-w-\[110px\] {
        min-width: 110px
    }

    .min-w-\[112px\] {
        min-width: 112px
    }

    .min-w-\[120px\] {
        min-width: 120px
    }

    .min-w-\[128px\] {
        min-width: 128px
    }

    .min-w-\[130px\] {
        min-width: 130px
    }

    .min-w-\[134px\] {
        min-width: 134px
    }

    .min-w-\[137px\] {
        min-width: 137px
    }

    .min-w-\[140px\] {
        min-width: 140px
    }

    .min-w-\[160px\] {
        min-width: 160px
    }

    .min-w-\[164px\] {
        min-width: 164px
    }

    .min-w-\[180px\] {
        min-width: 180px
    }

    .min-w-\[200px\] {
        min-width: 200px
    }

    .min-w-\[228px\] {
        min-width: 228px
    }

    .min-w-\[230px\] {
        min-width: 230px
    }

    .min-w-\[240px\] {
        min-width: 240px
    }

    .min-w-\[250px\] {
        min-width: 250px
    }

    .min-w-\[270px\] {
        min-width: 270px
    }

    .min-w-\[290px\] {
        min-width: 290px
    }

    .min-w-\[296px\] {
        min-width: 296px
    }

    .min-w-\[320px\] {
        min-width: 320px
    }

    .min-w-\[360px\] {
        min-width: 360px
    }

    .min-w-\[392px\] {
        min-width: 392px
    }

    .min-w-\[400px\] {
        min-width: 400px
    }

    .min-w-\[420px\]\! {
        min-width: 420px
    }

    .min-w-\[440px\] {
        min-width: 440px
    }

    .min-w-\[484px\] {
        min-width: 484px
    }

    .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
    }

    .min-w-full {
        min-width: 100%
    }

    .min-w-px {
        min-width: 1px
    }

    .\!flex-1 {
        flex: 1
    }

    .flex-0 {
        flex: 0
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[3\] {
        flex: 3
    }

    .flex-auto {
        flex: auto
    }

    .flex-none {
        flex: none
    }

    .\!shrink-0 {
        flex-shrink: 0
    }

    .flex-shrink-0 {
        flex-shrink: 0
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .\!grow-0 {
        flex-grow: 0
    }

    .grow {
        flex-grow: 1
    }

    .grow-0 {
        flex-grow: 0
    }

    .\!basis-full {
        flex-basis: 100%
    }

    .basis-0 {
        flex-basis: calc(var(--spacing)*0)
    }

    .basis-1\/5 {
        flex-basis: 20%
    }

    .basis-2\/5 {
        flex-basis: 40%
    }

    .basis-full {
        flex-basis: 100%
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-y-2 {
        --tw-border-spacing-y: calc(var(--spacing)*2);
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .border-spacing-y-3 {
        --tw-border-spacing-y: calc(var(--spacing)*3);
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .border-spacing-y-4 {
        --tw-border-spacing-y: calc(var(--spacing)*4);
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .origin-\(--radix-context-menu-content-transform-origin\) {
        transform-origin: var(--radix-context-menu-content-transform-origin)
    }

    .origin-\(--radix-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--radix-dropdown-menu-content-transform-origin)
    }

    .origin-\(--radix-hover-card-content-transform-origin\) {
        transform-origin: var(--radix-hover-card-content-transform-origin)
    }

    .origin-\(--radix-menubar-content-transform-origin\) {
        transform-origin: var(--radix-menubar-content-transform-origin)
    }

    .origin-\(--radix-popover-content-transform-origin\) {
        transform-origin: var(--radix-popover-content-transform-origin)
    }

    .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
    }

    .origin-\(--radix-tooltip-content-transform-origin\) {
        transform-origin: var(--radix-tooltip-content-transform-origin)
    }

    .origin-\[60\%_center\] {
        transform-origin: 60%
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .origin-right {
        transform-origin: 100%
    }

    .origin-top {
        transform-origin: top
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-x-px {
        --tw-translate-x: -1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-4 {
        --tw-translate-x: calc(var(--spacing)*4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[14px\] {
        --tw-translate-x: 14px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-px {
        --tw-translate-x: 1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-2 {
        --tw-translate-y: calc(var(--spacing)*-2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-3 {
        --tw-translate-y: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-4 {
        --tw-translate-y: calc(var(--spacing)*-4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-\[60px\] {
        --tw-translate-y: calc(60px*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-full {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-1 {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[-2px\] {
        --tw-translate-y: -2px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-\[calc\(-50\%_-_2px\)\] {
        --tw-translate-y: calc(-50% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-95 {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-x-90 {
        --tw-scale-x: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-x-110 {
        --tw-scale-x: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-x-\[-1\] {
        --tw-scale-x: -1;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .-scale-y-100 {
        --tw-scale-y: calc(100%*-1);
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-y-0 {
        --tw-scale-y: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-\[-1\] {
        scale: -1
    }

    .-rotate-45 {
        rotate: -45deg
    }

    .-rotate-90 {
        rotate: -90deg
    }

    .rotate-0 {
        rotate: none
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .-skew-x-\[20deg\] {
        --tw-skew-x: skewX(calc(20deg*-1));
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .-skew-x-\[25deg\] {
        --tw-skew-x: skewX(calc(25deg*-1));
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .skew-x-\[20deg\] {
        --tw-skew-x: skewX(20deg);
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .\!transform-none {
        transform: none
    }

    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .animate-\[fadeInUp_0\.4s_ease-in-out_0\.25s_forwards\] {
        animation: .4s ease-in-out .25s forwards fadeInUp
    }

    .animate-\[fadeInUp_0\.5s_ease-in-out_0\.35s_forwards\] {
        animation: .5s ease-in-out .35s forwards fadeInUp
    }

    .animate-\[fadeInUp_0\.35s_ease-in-out_0\.05s_forwards\] {
        animation: .35s ease-in-out 50ms forwards fadeInUp
    }

    .animate-caret-blink {
        animation: 1.25s ease-out infinite caret-blink
    }

    .animate-in {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .animate-ping {
        animation: var(--animate-ping)
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .tooltip-text {
        cursor: help;
        background: linear-gradient(90deg, currentColor 50%, #0000 50%) 0 100%/6px 1px repeat-x
    }

    .cursor-col-resize {
        cursor: col-resize
    }

    .cursor-crosshair {
        cursor: crosshair
    }

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-help {
        cursor: help
    }

    .cursor-move {
        cursor: move
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-row-resize {
        cursor: row-resize
    }

    .cursor-text {
        cursor: text
    }

    .cursor-wait {
        cursor: wait
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

    .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing)*1)
    }

    .scroll-mt-\[56px\] {
        scroll-margin-top: 56px
    }

    .scroll-py-1 {
        scroll-padding-block: calc(var(--spacing)*1)
    }

    .list-inside {
        list-style-position: inside
    }

    .list-decimal {
        list-style-type: decimal
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .grid-flow-col {
        grid-auto-flow: column
    }

    .grid-flow-row {
        grid-auto-flow: row
    }

    .auto-rows-max {
        grid-auto-rows: max-content
    }

    .auto-rows-min {
        grid-auto-rows: min-content
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, 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-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .grid-cols-\[0_1fr\] {
        grid-template-columns: 0 1fr
    }

    .grid-cols-\[1\.4fr_1fr_1fr_1\.6fr_1\.2fr_1\.2fr_1\.2fr_1\.4fr\] {
        grid-template-columns: 1.4fr 1fr 1fr 1.6fr 1.2fr 1.2fr 1.2fr 1.4fr
    }

    .grid-cols-\[1fr_2fr_2fr_1\.5fr\] {
        grid-template-columns: 1fr 2fr 2fr 1.5fr
    }

    .grid-cols-\[2fr_1fr_2fr\] {
        grid-template-columns: 2fr 1fr 2fr
    }

    .grid-cols-\[72px_150px_126px_128px\] {
        grid-template-columns: 72px 150px 126px 128px
    }

    .grid-cols-\[120px_160px_120px_120px_1fr_160px\] {
        grid-template-columns: 120px 160px 120px 120px 1fr 160px
    }

    .grid-cols-\[136px_72px_96px_104px_auto\] {
        grid-template-columns: 136px 72px 96px 104px auto
    }

    .grid-cols-\[140px_100px_100px_160px_120px_120px_120px_140px\] {
        grid-template-columns: 140px 100px 100px 160px 120px 120px 120px 140px
    }

    .grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto
    }

    .grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_max-content\] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) max-content
    }

    .grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

    .grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-row-reverse {
        flex-direction: row-reverse
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-items-center {
        place-items: center
    }

    .content-center {
        align-content: center
    }

    .\!items-center {
        align-items: center
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

    .items-end {
        align-items: flex-end
    }

    .items-start {
        align-items: flex-start
    }

    .items-stretch {
        align-items: stretch
    }

    .\!justify-center {
        justify-content: center
    }

    .\!justify-start {
        justify-content: flex-start
    }

    .justify-around {
        justify-content: space-around
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-end {
        justify-content: flex-end
    }

    .justify-evenly {
        justify-content: space-evenly
    }

    .justify-start {
        justify-content: flex-start
    }

    .justify-items-start {
        justify-items: start
    }

    .\!gap-0 {
        gap: calc(var(--spacing)*0)
    }

    .\!gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }

    .\!gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .\!gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .\!gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .\!gap-\[2px\] {
        gap: 2px
    }

    .gap-0 {
        gap: calc(var(--spacing)*0)
    }

    .gap-0\! {
        gap: calc(var(--spacing)*0)
    }

    .gap-0\.5 {
        gap: calc(var(--spacing)*.5)
    }

    .gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .gap-3\! {
        gap: calc(var(--spacing)*3)
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-4\.5 {
        gap: calc(var(--spacing)*4.5)
    }

    .gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .gap-8 {
        gap: calc(var(--spacing)*8)
    }

    .gap-9 {
        gap: calc(var(--spacing)*9)
    }

    .gap-10 {
        gap: calc(var(--spacing)*10)
    }

    .gap-12 {
        gap: calc(var(--spacing)*12)
    }

    .gap-16 {
        gap: calc(var(--spacing)*16)
    }

    .gap-20 {
        gap: calc(var(--spacing)*20)
    }

    .gap-30 {
        gap: calc(var(--spacing)*30)
    }

    .gap-\[--spacing\(var\(--gap\)\)\] {
        gap: calc(var(--spacing)*var(--gap))
    }

    .gap-\[1\.46px\] {
        gap: 1.46px
    }

    .gap-\[1\.125rem\] {
        gap: 1.125rem
    }

    .gap-\[1px\] {
        gap: 1px
    }

    .gap-\[2\.92px\] {
        gap: 2.92px
    }

    .gap-\[2px\] {
        gap: 2px
    }

    .gap-\[3\.6px\] {
        gap: 3.6px
    }

    .gap-\[3px\] {
        gap: 3px
    }

    .gap-\[4px\] {
        gap: 4px
    }

    .gap-\[5\.5px\] {
        gap: 5.5px
    }

    .gap-\[5px\] {
        gap: 5px
    }

    .gap-\[6px\] {
        gap: 6px
    }

    .gap-\[7\.2px\] {
        gap: 7.2px
    }

    .gap-\[7px\] {
        gap: 7px
    }

    .gap-\[8px\] {
        gap: 8px
    }

    .gap-\[9px\] {
        gap: 9px
    }

    .gap-\[10\.2px\] {
        gap: 10.2px
    }

    .gap-\[10\.3px\] {
        gap: 10.3px
    }

    .gap-\[10\.8px\] {
        gap: 10.8px
    }

    .gap-\[10px\] {
        gap: 10px
    }

    .gap-\[11px\] {
        gap: 11px
    }

    .gap-\[12px\] {
        gap: 12px
    }

    .gap-\[14px\] {
        gap: 14px
    }

    .gap-\[15\.3px\] {
        gap: 15.3px
    }

    .gap-\[15px\] {
        gap: 15px
    }

    .gap-\[16\.8px\] {
        gap: 16.8px
    }

    .gap-\[16px\] {
        gap: 16px
    }

    .gap-\[18px\] {
        gap: 18px
    }

    .gap-\[19px\] {
        gap: 19px
    }

    .gap-\[20\.7px\] {
        gap: 20.7px
    }

    .gap-\[22px\] {
        gap: 22px
    }

    .gap-\[24px\] {
        gap: 24px
    }

    .gap-\[36px\] {
        gap: 36px
    }

    .gap-\[47px\] {
        gap: 47px
    }

    .gap-\[60px\] {
        gap: 60px
    }

    .gap-\[64px\] {
        gap: 64px
    }

    .gap-\[120px\] {
        gap: 120px
    }

    .gap-\[140px\] {
        gap: 140px
    }

    .gap-\[inherit\] {
        gap: inherit
    }

    .gap-px {
        gap: 1px
    }

    :where(.\!space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2\.5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-5>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-7>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
        margin-bottom: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-\[6px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(6px*var(--tw-space-y-reverse));
        margin-bottom: calc(6px*calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-\[18px\]>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-top: calc(18px*var(--tw-space-y-reverse));
        margin-bottom: calc(18px*calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .gap-x-2\.5 {
        column-gap: calc(var(--spacing)*2.5)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing)*6)
    }

    .gap-x-10 {
        column-gap: calc(var(--spacing)*10)
    }

    .gap-x-12 {
        column-gap: calc(var(--spacing)*12)
    }

    :where(.-space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0
    }

    :where(.-space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.-space-x-2>:not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0
    }

    :where(.space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    :where(.space-x-2>:not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
    }

    .gap-y-0\.5 {
        row-gap: calc(var(--spacing)*.5)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px*var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-line-divider-secondary>:not(:last-child)) {
        border-color: var(--color-line-divider-secondary)
    }

    :where(.divide-line-divider-tertiary>:not(:last-child)) {
        border-color: var(--color-line-divider-tertiary)
    }

    .self-center {
        align-self: center
    }

    .self-end {
        align-self: flex-end
    }

    .self-start {
        align-self: flex-start
    }

    .self-stretch {
        align-self: stretch
    }

    .justify-self-center {
        justify-self: center
    }

    .justify-self-end {
        justify-self: flex-end
    }

    .justify-self-start {
        justify-self: flex-start
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\!overflow-hidden {
        overflow: hidden
    }

    .\!overflow-visible {
        overflow: visible
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .\!overflow-x-auto {
        overflow-x: auto
    }

    .\!overflow-x-visible {
        overflow-x: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .overflow-y-auto {
        overflow-y: auto
    }

    .overflow-y-hidden {
        overflow-y: hidden
    }

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .footer {
        border-width: 0;
        border-radius: 0
    }

    .\!rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .\!rounded-\[6px\] {
        border-radius: 6px
    }

    .\!rounded-lg {
        border-radius: var(--radius-lg)
    }

    .\!rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }

    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-\[0\.5rem\] {
        border-radius: .5rem
    }

    .rounded-\[1px\] {
        border-radius: 1px
    }

    .rounded-\[2\.1px\] {
        border-radius: 2.1px
    }

    .rounded-\[2\.4px\] {
        border-radius: 2.4px
    }

    .rounded-\[2\.5rem\] {
        border-radius: 2.5rem
    }

    .rounded-\[2\.92px\] {
        border-radius: 2.92px
    }

    .rounded-\[2px\] {
        border-radius: 2px
    }

    .rounded-\[3\.2px\] {
        border-radius: 3.2px
    }

    .rounded-\[3\.125rem\] {
        border-radius: 3.125rem
    }

    .rounded-\[3px\] {
        border-radius: 3px
    }

    .rounded-\[4\.5px\] {
        border-radius: 4.5px
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .rounded-\[6px\] {
        border-radius: 6px
    }

    .rounded-\[8px\] {
        border-radius: 8px
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[12px\] {
        border-radius: 12px
    }

    .rounded-\[14px\] {
        border-radius: 14px
    }

    .rounded-\[16px\] {
        border-radius: 16px
    }

    .rounded-\[18px\] {
        border-radius: 18px
    }

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-\[24px\] {
        border-radius: 24px
    }

    .rounded-\[28px\] {
        border-radius: 28px
    }

    .rounded-\[32px\] {
        border-radius: 32px
    }

    .rounded-\[37\.5px\] {
        border-radius: 37.5px
    }

    .rounded-\[40px\] {
        border-radius: 40px
    }

    .rounded-\[50px\] {
        border-radius: 50px
    }

    .rounded-\[89px\] {
        border-radius: 89px
    }

    .rounded-\[100px\] {
        border-radius: 100px
    }

    .rounded-\[calc\(var\(--radius\)-5px\)\] {
        border-radius: calc(var(--radius) - 5px)
    }

    .rounded-\[inherit\] {
        border-radius: inherit
    }

    .rounded-\[var\(--radius-lg\,12px\)\] {
        border-radius: var(--radius-lg, 12px)
    }

    .rounded-\[var\(--radius-sm\)\] {
        border-radius: var(--radius-sm)
    }

    .rounded-\[var\(--radius-sm\,6px\)\] {
        border-radius: var(--radius-sm, 6px)
    }

    .rounded-\[var\(--radius-xs\)\] {
        border-radius: var(--radius-xs)
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-lg {
        border-radius: var(--radius-lg)
    }

    .rounded-md {
        border-radius: var(--radius-md)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-sm {
        border-radius: var(--radius-sm)
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .rounded-xs {
        border-radius: var(--radius-xs)
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .rounded-t-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl)
    }

    .rounded-t-full {
        border-top-left-radius: 3.40282e38px;
        border-top-right-radius: 3.40282e38px
    }

    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl)
    }

    .rounded-l-\[3px\] {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .rounded-l-full {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .rounded-l-md {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .rounded-tl-lg {
        border-top-left-radius: var(--radius-lg)
    }

    .rounded-tl-sm {
        border-top-left-radius: var(--radius-sm)
    }

    .rounded-r-\[3px\] {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .rounded-r-md {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-tr-lg {
        border-top-right-radius: var(--radius-lg)
    }

    .rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .rounded-b-2xl {
        border-bottom-right-radius: var(--radius-2xl);
        border-bottom-left-radius: var(--radius-2xl)
    }

    .rounded-b-3xl {
        border-bottom-right-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl)
    }

    .rounded-b-\[16px\] {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px
    }

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-bl-\[7px\] {
        border-bottom-left-radius: 7px
    }

    .\!border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\!border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-8 {
        border-style: var(--tw-border-style);
        border-width: 8px
    }

    .border-\[0\.45px\] {
        border-style: var(--tw-border-style);
        border-width: .45px
    }

    .border-\[0\.75px\] {
        border-style: var(--tw-border-style);
        border-width: .75px
    }

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

    .border-\[1\.6px\] {
        border-style: var(--tw-border-style);
        border-width: 1.6px
    }

    .border-\[1px\] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-\[2px\] {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-\[3px\] {
        border-style: var(--tw-border-style);
        border-width: 3px
    }

    .border-x {
        border-inline-style: var(--tw-border-style);
        border-left-width: 1px;
        border-right-width: 1px
    }

    .border-x-0 {
        border-inline-style: var(--tw-border-style);
        border-left-width: 0;
        border-right-width: 0
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-top-width: 1px;
        border-bottom-width: 1px
    }

    .border-y-0 {
        border-block-style: var(--tw-border-style);
        border-top-width: 0;
        border-bottom-width: 0
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .border-t-\[1\.5px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1.5px
    }

    .border-t-\[1px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-t-\[2px\] {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-r-2,
    .border-r-\[2px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: 2px
    }

    .\!border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .\!border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-b-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }

    .border-b-\[1px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-b-\[2px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .border-l-0 {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .border-l-2,
    .border-l-\[2px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .border-l-\[24px\] {
        border-left-style: var(--tw-border-style);
        border-left-width: 24px
    }

    .\!border-none {
        --tw-border-style: none;
        border-style: none
    }

    .\!border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }

    .border-none {
        --tw-border-style: none;
        border-style: none
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .\!border-border-subtle {
        border-color: var(--color-border-subtle)
    }

    .\!border-fill-page-tertiary {
        border-color: var(--color-fill-page-tertiary)
    }

    .\!border-functional-red-1 {
        border-color: var(--color-functional-red-1)
    }

    .\!border-line-divider-tertiary {
        border-color: var(--color-line-divider-tertiary)
    }

    .\!border-transparent {
        border-color: #0000
    }

    .border-\(--color-border\) {
        border-color: var(--color-border)
    }

    .border-\(--join\) {
        border-color: var(--join)
    }

    .border-\(--line-gray\) {
        border-color: var(--line-gray)
    }

    .border-\(--long\) {
        border-color: var(--long)
    }

    .border-\(--short\) {
        border-color: var(--short)
    }

    .border-\[\#00CE5F\] {
        border-color: #00ce5f
    }

    .border-\[\#2B2F36\] {
        border-color: #2b2f36
    }

    .border-\[\#6c6c6c\] {
        border-color: #6c6c6c
    }

    .border-\[\#22FD73\] {
        border-color: #22fd73
    }

    .border-\[\#53FD92\] {
        border-color: #53fd92
    }

    .border-\[\#192c20\] {
        border-color: #192c20
    }

    .border-\[\#080808\] {
        border-color: #080808
    }

    .border-\[\#121816\] {
        border-color: #121816
    }

    .border-\[\#162620\] {
        border-color: #162620
    }

    .border-\[\#202020\] {
        border-color: #202020
    }

    .border-\[\#242424\] {
        border-color: #242424
    }

    .border-\[\#333333\] {
        border-color: #333
    }

    .border-\[\#404040\] {
        border-color: #404040
    }

    .border-\[\#424242\] {
        border-color: #424242
    }

    .border-\[\#666666\] {
        border-color: #666
    }

    .border-\[\#808080\] {
        border-color: gray
    }

    .border-\[\#C4D0C9\] {
        border-color: #c4d0c9
    }

    .border-\[\#F9F9F9\] {
        border-color: #f9f9f9
    }

    .border-\[\#FF8F34\] {
        border-color: #ff8f34
    }

    .border-\[\#b6c8bc\] {
        border-color: #b6c8bc
    }



    .border-\[\#f9f9f9\] {
        border-color: #f9f9f9
    }

    .border-\[rgba\(22\,38\,32\,1\)\] {
        border-color: #162620
    }

    .border-\[rgba\(34\,253\,115\,0\.24\)\] {
        border-color: #22fd733d
    }

    .border-\[rgba\(129\,141\,153\,0\.24\)\] {
        border-color: #818d993d
    }

    .border-\[rgba\(143\,143\,143\)\] {
        border-color: #8f8f8f
    }

    .border-\[rgba\(255\,255\,255\,0\.1\)\] {
        border-color: #ffffff1a
    }

    .border-\[rgba\(255\,255\,255\,0\.06\)\] {
        border-color: #ffffff0f
    }

    .border-\[rgba\(255\,255\,255\,0\.24\)\] {
        border-color: #ffffff3d
    }

    .border-\[var\(--line-divider-secondary\)\] {
        border-color: var(--line-divider-secondary)
    }

    .border-\[var\(--line-divider-secondary\,\#404040\)\] {
        border-color: var(--line-divider-secondary, #404040)
    }

    .border-\[var\(--line-divider-tertiary\)\] {
        border-color: var(--line-divider-tertiary)
    }

    .border-\[var\(--line-divider-tertiary\,\#242424\)\] {
        border-color: var(--line-divider-tertiary, #242424)
    }

    .border-appborder {
        border-color: var(--color-appborder)
    }

    .border-appbrand {
        border-color: var(--color-appbrand)
    }

    .border-appwhite {
        border-color: var(--color-appwhite)
    }

    .border-background {
        border-color: var(--color-background)
    }

    .border-bg-primary {
        border-color: var(--color-bg-primary)
    }

    .border-bg-secondary {
        border-color: var(--color-bg-secondary)
    }

    .border-black {
        border-color: var(--color-black)
    }

    .border-border {
        border-color: var(--color-border)
    }

    .border-border-darkgreen {
        border-color: var(--color-border-darkgreen)
    }

    .border-border-subtle {
        border-color: var(--color-border-subtle)
    }

    .border-border-subtle\! {
        border-color: var(--color-border-subtle)
    }

    .border-border\/50 {
        border-color: color-mix(in srgb, hsl(var(--border))50%, transparent)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-border\/50 {
            border-color: color-mix(in oklab, var(--color-border)50%, transparent)
        }
    }

    .border-current {
        border-color: currentColor
    }

    .border-fill-btn-disabled {
        border-color: var(--color-fill-btn-disabled)
    }

    .border-fill-input-primary {
        border-color: var(--color-fill-input-primary)
    }

    .border-fill-page-secondary {
        border-color: var(--color-fill-page-secondary)
    }

    .border-fill-page-tertiary {
        border-color: var(--color-fill-page-tertiary)
    }

    .border-foreground-disabled {
        border-color: var(--color-foreground-disabled)
    }

    .border-functional-blue-1 {
        border-color: var(--color-functional-blue-1)
    }

    .border-functional-green-1 {
        border-color: var(--color-functional-green-1)
    }

    .border-functional-orange-1 {
        border-color: var(--color-functional-orange-1)
    }

    .border-functional-red-1 {
        border-color: var(--color-functional-red-1)
    }

    .border-input {
        border-color: var(--color-input)
    }

    .border-line-border {
        border-color: var(--color-line-border)
    }

    .border-line-divider-primary {
        border-color: var(--color-line-divider-primary)
    }

    .border-line-divider-secondary {
        border-color: var(--color-line-divider-secondary)
    }

    .border-line-divider-tertiary {
        border-color: var(--color-line-divider-tertiary)
    }

    .border-neutral-700 {
        border-color: var(--color-neutral-700)
    }

    .border-neutral-800 {
        border-color: var(--color-neutral-800)
    }

    .border-primary {
        border-color: var(--color-primary)
    }

    .border-sidebar-border {
        border-color: var(--color-sidebar-border)
    }

    .border-special-switch-active {
        border-color: var(--color-special-switch-active)
    }

    .border-stone-50 {
        border-color: var(--color-stone-50)
    }

    .border-text-primary {
        border-color: var(--color-text-primary)
    }

    .border-text-secondary {
        border-color: var(--color-text-secondary)
    }

    .border-text-tertiary {
        border-color: var(--color-text-tertiary)
    }

    .border-theme-normal {
        border-color: var(--color-theme-normal)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white {
        border-color: var(--color-white)
    }

    .border-white\/12 {
        border-color: #ffffff1f
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/12 {
            border-color: color-mix(in oklab, var(--color-white)12%, transparent)
        }
    }

    .border-white\/15 {
        border-color: #ffffff26
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

    .border-white\/20 {
        border-color: #fff3
    }

    @supports (color: color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .border-zinc-500 {
        border-color: var(--color-zinc-500)
    }

    .border-t-\[\#162620\] {
        border-top-color: #162620
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .border-r-\(--line-gray\) {
        border-right-color: var(--line-gray)
    }

    .border-b-\[\#162620\] {
        border-bottom-color: #162620
    }

    .border-b-\[\#f9f9f9\] {
        border-bottom-color: #f9f9f9
    }

    .border-l-primary {
        border-left-color: var(--color-primary)
    }

    .border-l-transparent {
        border-left-color: #0000
    }

    .border-l-warning {
        border-left-color: var(--color-warning)
    }

    .\!bg-\(--dialog\) {
        background-color: var(--dialog)
    }

    .\!bg-\(--fill-page-secondary\) {
        background-color: var(--fill-page-secondary)
    }

    .\!bg-\[\#272727\] {
        background-color: #272727
    }

    .\!bg-\[\#404040\] {
        background-color: #404040
    }

    .\!bg-bg-primary {
        background-color: var(--color-bg-primary)
    }

    .\!bg-fill-btn-primary {
        background-color: var(--color-fill-btn-primary)
    }

    .\!bg-fill-btn-secondary {
        background-color: var(--color-fill-btn-secondary)
    }

    .\!bg-fill-input-primary {
        background-color: var(--color-fill-input-primary)
    }

    .\!bg-fill-input-tertiary {
        background-color: var(--color-fill-input-tertiary)
    }

    .\!bg-fill-page-primary {
        background-color: var(--color-fill-page-primary)
    }

    .\!bg-fill-page-secondary {
        background-color: var(--color-fill-page-secondary)
    }

    .\!bg-fill-page-tertiary {
        background-color: var(--color-fill-page-tertiary)
    }

    .\!bg-transparent {
        background-color: #0000
    }

    .bg-\(--color-bg\) {
        background-color: var(--color-bg)
    }

    .bg-\(--dialog\) {
        background-color: var(--dialog)
    }

    .bg-\(--fill-input-tertiary\,\#303030\) {
        background-color: var(--fill-input-tertiary, #303030)
    }

    .bg-\(--join\) {
        background-color: var(--join)
    }

    .bg-\(--long\) {
        background-color: var(--long)
    }

    .bg-\(--short\) {
        background-color: var(--short)
    }

    .bg-\[\#0D0D0D\],
    .bg-\[\#0d0d0d\] {
        background-color: #0d0d0d
    }

    .bg-\[\#00CE5F\] {
        background-color: #00ce5f
    }

    .bg-\[\#1A1A1A\] {
        background-color: #1a1a1a
    }

    .bg-\[\#1E2026\] {
        background-color: #1e2026
    }

    .bg-\[\#1F1F1F\] {
        background-color: #1f1f1f
    }

    .bg-\[\#1FAF61\] {
        background-color: #1faf61
    }

    .bg-\[\#1a1a1a\] {
        background-color: #1a1a1a
    }

    .bg-\[\#1a1a2e\] {
        background-color: #1a1a2e
    }

    .bg-\[\#2A2A2A\],
    .bg-\[\#2a2a2a\] {
        background-color: #2a2a2a
    }

    .bg-\[\#22FD73\] {
        background-color: #22fd73
    }

    .bg-\[\#22FD73\]\/30 {
        background-color: #22fd734d;
        background-color: color(display-p3 .470265 .977771 .514268/.3);
        background-color: lab(87.8777% -71.8268 50.763/.3)
    }

    .bg-\[\#22FD731A\] {
        background-color: #22fd731a
    }

    .bg-\[\#27B368\],
    .bg-\[\#27b368\] {
        background-color: #27b368
    }

    .bg-\[\#49fd8c\] {
        background-color: #49fd8c
    }

    .bg-\[\#53FD92\] {
        background-color: #53fd92
    }

    .bg-\[\#98afa0\] {
        background-color: #98afa0
    }

    .bg-\[\#102A1C\] {
        background-color: #102a1c
    }

    .bg-\[\#192C20\],
    .bg-\[\#192c20\] {
        background-color: #192c20
    }

    .bg-\[\#272A29\] {
        background-color: #272a29
    }

    .bg-\[\#333\] {
        background-color: #333
    }

    .bg-\[\#381C06\] {
        background-color: #381c06
    }

    .bg-\[\#00873e4d\] {
        background-color: #00873e4d
    }

    .bg-\[\#001408\] {
        background-color: #001408
    }

    .bg-\[\#080808\] {
        background-color: #080808
    }

    .bg-\[\#101010\] {
        background-color: #101010
    }

    .bg-\[\#111111\] {
        background-color: #111
    }

    .bg-\[\#111413\] {
        background-color: #111413
    }

    .bg-\[\#121212\] {
        background-color: #121212
    }

    .bg-\[\#121816\] {
        background-color: #121816
    }

    .bg-\[\#141414\] {
        background-color: #141414
    }

    .bg-\[\#161616\] {
        background-color: #161616
    }

    .bg-\[\#181818\] {
        background-color: #181818
    }

    .bg-\[\#202020\] {
        background-color: #202020
    }

    .bg-\[\#242424\] {
        background-color: #242424
    }

    .bg-\[\#303030\] {
        background-color: #303030
    }

    .bg-\[\#314338\] {
        background-color: #314338
    }

    .bg-\[\#333333\] {
        background-color: #333
    }

    .bg-\[\#381412\] {
        background-color: #381412
    }

    .bg-\[\#404040\] {
        background-color: #404040
    }

    .bg-\[\#424242\] {
        background-color: #424242
    }

    .bg-\[\#666666\] {
        background-color: #666
    }

    .bg-\[\#808080\] {
        background-color: gray
    }

    .bg-\[\#929292\] {
        background-color: #929292
    }

    .bg-\[\#1214161a\] {
        background-color: #1214161a
    }

    .bg-\[\#B8FED2\] {
        background-color: #b8fed2
    }

    .bg-\[\#DA4949\] {
        background-color: #da4949
    }

    .bg-\[\#EBF6EF\] {
        background-color: #ebf6ef
    }

    .bg-\[\#F5F5F5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#F9F9F9\] {
        background-color: #f9f9f9
    }

    .bg-\[\#FAFFFC\] {
        background-color: #fafffc
    }

    .bg-\[\#FF4081\] {
        background-color: #ff4081
    }

    .bg-\[\#FF5555\] {
        background-color: #f55
    }

    .bg-\[\#b8fed2\] {
        background-color: #b8fed2
    }

    .bg-\[\#c3dccd\] {
        background-color: #c3dccd
    }

    .bg-\[\#ebf6ef\] {
        background-color: #ebf6ef
    }

    .bg-\[\#f9f9f9\] {
        background-color: #f9f9f9
    }

    .bg-\[\#f45d48\] {
        background-color: #f45d48
    }

    .bg-\[\#fafffc\] {
        background-color: #fafffc
    }

    .bg-\[\#ff8f341a\] {
        background-color: #ff8f341a
    }

    .bg-\[\#fff\] {
        background-color: #fff
    }

    .bg-\[rgb\(83\,174\,148\)\] {
        background-color: #53ae94
    }

    .bg-\[rgba\(0\,0\,0\,0\.2\)\] {
        background-color: #0003
    }

    .bg-\[rgba\(0\,0\,0\,0\.5\)\] {
        background-color: #00000080
    }

    .bg-\[rgba\(2\,202\,76\,0\.12\)\] {
        background-color: #02ca4c1f
    }

    .bg-\[rgba\(8\,243\,55\,0\.12\)\] {
        background-color: #08f3371f
    }

    .bg-\[rgba\(23\,101\,255\,0\.2\)\] {
        background-color: #1765ff33
    }

    .bg-\[rgba\(26\,77\,49\,0\.50\)\] {
        background-color: #1a4d3180
    }

    .bg-\[rgba\(50\,50\,50\,0\.64\)\] {
        background-color: #323232a3
    }

    .bg-\[rgba\(102\,102\,102\,0\.12\)\] {
        background-color: #6666661f
    }

    .bg-\[rgba\(128\,128\,128\,0\.04\)\] {
        background-color: #8080800a
    }

    .bg-\[rgba\(194\,254\,217\,0\.12\)\] {
        background-color: #c2fed91f
    }

    .bg-\[rgba\(218\,73\,73\,0\.2\)\] {
        background-color: #da494933
    }

    .bg-\[rgba\(218\,73\,73\,0\.12\)\] {
        background-color: #da49491f
    }

    .bg-\[rgba\(255\,143\,52\,0\.1\)\] {
        background-color: #ff8f341a
    }

    .bg-\[rgba\(255\,143\,52\,0\.2\)\] {
        background-color: #ff8f3433
    }

    .bg-\[rgba\(255\,153\,51\,0\.12\)\] {
        background-color: #ff99331f
    }

    .bg-\[rgba\(255\,255\,255\,0\.06\)\] {
        background-color: #ffffff0f
    }

    .bg-\[rgba\(var\(--long-rgb\)\,0\.5\)\] {
        background-color: rgba(var(--long-rgb), .5)
    }

    .bg-\[rgba\(var\(--short-rgb\)\,0\.5\)\] {
        background-color: rgba(var(--short-rgb), .5)
    }

    .bg-\[var\(--fill-btn-primary\,\#f9f9f9\)\] {
        background-color: var(--fill-btn-primary, #f9f9f9)
    }

    .bg-\[var\(--fill-btn-secondary\)\] {
        background-color: var(--fill-btn-secondary)
    }

    .bg-\[var\(--fill-input-tertiary\,\#303030\)\] {
        background-color: var(--fill-input-tertiary, #303030)
    }

    .bg-\[var\(--fill-modal-bg\,\#181818\)\] {
        background-color: var(--fill-modal-bg, #181818)
    }

    .bg-\[var\(--fill-page-secondary\)\] {
        background-color: var(--fill-page-secondary)
    }

    .bg-\[var\(--fill-page-tertiary\)\] {
        background-color: var(--fill-page-tertiary)
    }

    .bg-\[var\(--fill-page-tertiary\,\#242424\)\] {
        background-color: var(--fill-page-tertiary, #242424)
    }

    .bg-\[var\(--functional-green-1\)\] {
        background-color: var(--functional-green-1)
    }

    .bg-\[var\(--functional-red-1\)\] {
        background-color: var(--functional-red-1)
    }

    .bg-\[var\(--long\)\] {
        background-color: var(--long)
    }

    .bg-\[var\(--long\,var\(--functional-green-1\,\#00CE5F\)\)\] {
        background-color: var(--long, var(--functional-green-1, #00ce5f))
    }

    .bg-\[var\(--short\)\] {
        background-color: var(--short)
    }

    .bg-\[var\(--short\,var\(--functional-red-1\,\#DA4949\)\)\] {
        background-color: var(--short, var(--functional-red-1, #da4949))
    }

    .bg-\[var\(--text-white-static\)\] {
        background-color: var(--text-white-static)
    }

    .bg-accent {
        background-color: var(--color-accent)
    }

    .bg-appborder {
        background-color: var(--color-appborder)
    }

    .bg-appbrand,
    .bg-appbrand\/20 {
        background-color: var(--color-appbrand)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-appbrand\/20 {
            background-color: color-mix(in oklab, var(--color-appbrand)20%, transparent)
        }
    }

    .bg-appwhite {
        background-color: var(--color-appwhite)
    }

    .bg-background {
        background-color: var(--color-background)
    }

    .bg-bg-primary {
        background-color: var(--color-bg-primary)
    }

    .bg-bg-primary\! {
        background-color: var(--color-bg-primary)
    }

    .bg-bg-secondary {
        background-color: var(--color-bg-secondary)
    }

    .bg-bg-tertiary {
        background-color: var(--color-bg-tertiary)
    }

    .bg-black {
        background-color: var(--color-black)
    }

    .bg-black\/0 {
        background-color: #0000
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/0 {
            background-color: color-mix(in oklab, var(--color-black)0%, transparent)
        }
    }

    .bg-black\/20 {
        background-color: #0003
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/20 {
            background-color: color-mix(in oklab, var(--color-black)20%, transparent)
        }
    }

    .bg-black\/50 {
        background-color: #00000080
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .bg-black\/60 {
        background-color: #0009
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black)60%, transparent)
        }
    }

    .bg-black\/65 {
        background-color: #000000a6
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/65 {
            background-color: color-mix(in oklab, var(--color-black)65%, transparent)
        }
    }

    .bg-black\/95 {
        background-color: #000000f2
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/95 {
            background-color: color-mix(in oklab, var(--color-black)95%, transparent)
        }
    }

    .bg-black\/\[0\.72\] {
        background-color: #000000b8
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-black\/\[0\.72\] {
            background-color: color-mix(in oklab, var(--color-black)72%, transparent)
        }
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-blue-500\/20 {
        background-color: #3080ff33
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-blue-500\/20 {
            background-color: color-mix(in oklab, var(--color-blue-500)20%, transparent)
        }
    }

    .bg-border {
        background-color: var(--color-border)
    }

    .bg-border-strong {
        background-color: var(--color-border-strong)
    }

    .bg-btn-disabled {
        background-color: var(--color-btn-disabled)
    }

    .bg-buy {
        background-color: var(--color-buy)
    }

    .bg-card {
        background-color: var(--color-card)
    }

    .bg-caring-blue {
        background-color: var(--color-caring-blue)
    }

    .bg-caring-orange {
        background-color: var(--color-caring-orange)
    }

    .bg-classic-green {
        background-color: var(--color-classic-green)
    }

    .bg-classic-pink {
        background-color: var(--color-classic-pink)
    }

    .bg-contrast-green {
        background-color: var(--color-contrast-green)
    }

    .bg-contrast-red {
        background-color: var(--color-contrast-red)
    }

    .bg-error {
        background-color: var(--color-error)
    }

    .bg-fill-bg {
        background-color: var(--color-fill-bg)
    }

    .bg-fill-btn-disabled {
        background-color: var(--color-fill-btn-disabled)
    }

    .bg-fill-btn-primary {
        background-color: var(--color-fill-btn-primary)
    }

    .bg-fill-btn-secondary {
        background-color: var(--color-fill-btn-secondary)
    }

    .bg-fill-btn-secondary-hover {
        background-color: var(--color-fill-btn-secondary-hover)
    }

    .bg-fill-destructive {
        background-color: var(--color-fill-destructive)
    }

    .bg-fill-input-primary {
        background-color: var(--color-fill-input-primary)
    }

    .bg-fill-input-secondary {
        background-color: var(--color-fill-input-secondary)
    }

    .bg-fill-input-tertiary {
        background-color: var(--color-fill-input-tertiary)
    }

    .bg-fill-modal-bg {
        background-color: var(--color-fill-modal-bg)
    }

    .bg-fill-page-opposite {
        background-color: var(--color-fill-page-opposite)
    }

    .bg-fill-page-primary,
    .bg-fill-page-primary\/80 {
        background-color: var(--color-fill-page-primary)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-fill-page-primary\/80 {
            background-color: color-mix(in oklab, var(--color-fill-page-primary)80%, transparent)
        }
    }

    .bg-fill-page-secondary {
        background-color: var(--color-fill-page-secondary)
    }

    .bg-fill-page-tertiary {
        background-color: var(--color-fill-page-tertiary)
    }

    .bg-fill-primary-bg-20 {
        background-color: var(--color-fill-primary-bg-20)
    }

    .bg-fill-white-static {
        background-color: var(--color-fill-white-static)
    }

    .bg-foreground {
        background-color: var(--color-foreground)
    }

    .bg-foreground-disabled {
        background-color: var(--color-foreground-disabled)
    }

    .bg-foreground\/10 {
        background-color: var(--color-foreground)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-foreground\/10 {
            background-color: color-mix(in oklab, var(--color-foreground)10%, transparent)
        }
    }

    .bg-functional-blue-2 {
        background-color: var(--color-functional-blue-2)
    }

    .bg-functional-green-1,
    .bg-functional-green-1\/30 {
        background-color: var(--color-functional-green-1)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-functional-green-1\/30 {
            background-color: color-mix(in oklab, var(--color-functional-green-1)30%, transparent)
        }
    }

    .bg-functional-green-2 {
        background-color: var(--color-functional-green-2)
    }

    .bg-functional-orange-1 {
        background-color: var(--color-functional-orange-1)
    }

    .bg-functional-orange-2 {
        background-color: var(--color-functional-orange-2)
    }

    .bg-functional-red-1,
    .bg-functional-red-1\/20 {
        background-color: var(--color-functional-red-1)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-functional-red-1\/20 {
            background-color: color-mix(in oklab, var(--color-functional-red-1)20%, transparent)
        }
    }

    .bg-functional-red-2 {
        background-color: var(--color-functional-red-2)
    }

    .bg-gray-300 {
        background-color: var(--color-gray-300)
    }

    .bg-gray-400 {
        background-color: var(--color-gray-400)
    }

    .bg-green-400 {
        background-color: var(--color-green-400)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-green-500\/20 {
        background-color: #00c75833
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-green-500\/20 {
            background-color: color-mix(in oklab, var(--color-green-500)20%, transparent)
        }
    }

    .bg-green-600 {
        background-color: var(--color-green-600)
    }

    .bg-input {
        background-color: var(--color-input)
    }

    .bg-line-divider-primary {
        background-color: var(--color-line-divider-primary)
    }

    .bg-line-divider-secondary {
        background-color: var(--color-line-divider-secondary)
    }

    .bg-line-divider-tertiary {
        background-color: var(--color-line-divider-tertiary)
    }

    .bg-muted,
    .bg-muted\/50 {
        background-color: var(--color-muted)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-muted\/50 {
            background-color: color-mix(in oklab, var(--color-muted)50%, transparent)
        }
    }

    .bg-neutral-200 {
        background-color: var(--color-neutral-200)
    }

    .bg-neutral-700 {
        background-color: var(--color-neutral-700)
    }

    .bg-neutral-800 {
        background-color: var(--color-neutral-800)
    }

    .bg-neutral-900 {
        background-color: var(--color-neutral-900)
    }

    .bg-orange-500\/20 {
        background-color: #fe6e0033
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-orange-500\/20 {
            background-color: color-mix(in oklab, var(--color-orange-500)20%, transparent)
        }
    }

    .bg-popover {
        background-color: var(--color-popover)
    }

    .bg-popularity-green {
        background-color: var(--color-popularity-green)
    }

    .bg-popularity-red {
        background-color: var(--color-popularity-red)
    }

    .bg-primary {
        background-color: var(--color-primary)
    }

    .bg-purple-500\/20 {
        background-color: #ac4bff33
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-purple-500\/20 {
            background-color: color-mix(in oklab, var(--color-purple-500)20%, transparent)
        }
    }

    .bg-red-500 {
        background-color: var(--color-red-500)
    }

    .bg-red-500\/20 {
        background-color: #fb2c3633
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-red-500\/20 {
            background-color: color-mix(in oklab, var(--color-red-500)20%, transparent)
        }
    }

    .bg-sell {
        background-color: var(--color-sell)
    }

    .bg-sidebar {
        background-color: var(--color-sidebar)
    }

    .bg-sidebar-border {
        background-color: var(--color-sidebar-border)
    }

    .bg-special-switch-active {
        background-color: var(--color-special-switch-active)
    }

    .bg-special-tooltip {
        background-color: var(--color-special-tooltip)
    }

    .bg-stone-50 {
        background-color: var(--color-stone-50)
    }

    .bg-text-disabled {
        background-color: var(--color-text-disabled)
    }

    .bg-text-primary {
        background-color: var(--color-text-primary)
    }

    .bg-text-tertiary {
        background-color: var(--color-text-tertiary)
    }

    .bg-text-white-static {
        background-color: var(--color-text-white-static)
    }

    .bg-theme-disable,
    .bg-theme-disable\/30 {
        background-color: var(--color-theme-disable)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-theme-disable\/30 {
            background-color: color-mix(in oklab, var(--color-theme-disable)30%, transparent)
        }
    }

    .bg-theme-normal {
        background-color: var(--color-theme-normal)
    }

    .bg-theme-normal-20 {
        background-color: var(--color-theme-normal-20)
    }

    .bg-tooltip {
        background-color: var(--color-tooltip)
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-transparent\! {
        background-color: #0000
    }

    .bg-warning {
        background-color: var(--color-warning)
    }

    .bg-warning-soft {
        background-color: var(--color-warning-soft)
    }

    .bg-white {
        background-color: var(--color-white)
    }

    .bg-white\/5 {
        background-color: #ffffff0d
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
    }

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }

    .bg-yellow-500\/20 {
        background-color: #edb20033
    }

    @supports (color: color-mix(in lab, red, red)) {
        .bg-yellow-500\/20 {
            background-color: color-mix(in oklab, var(--color-yellow-500)20%, transparent)
        }
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        --tw-gradient-position: to top right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(90deg\,_rgba\(255\,255\,255\,0\)_0\%\,_rgba\(255\,255\,255\,0\.3\)_53\%\,_rgba\(255\,255\,255\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #fff0 0%, #ffffff4d 53%, #fff0 100%)
    }

    .bg-none {
        background-image: none
    }

    .from-\[\#ffd866\] {
        --tw-gradient-from: #ffd866;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-fill-page-primary {
        --tw-gradient-from: var(--color-fill-page-primary);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-\[rgba\(255\,255\,255\,0\.3\)\] {
        --tw-gradient-via: #ffffff4d;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#f59e0b\] {
        --tw-gradient-to: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-background {
        --tw-gradient-to: var(--color-background);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .bg-cover {
        background-size: cover
    }

    .bg-bottom {
        background-position: bottom
    }

    .bg-center {
        background-position: 50%
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .bg-repeat {
        background-repeat: repeat
    }

    .\!fill-fill-page-secondary {
        fill: var(--color-fill-page-secondary)
    }

    .fill-\(--font-gray\) {
        fill: var(--font-gray)
    }

    .fill-\(--long\) {
        fill: var(--long)
    }

    .fill-\(--short\) {
        fill: var(--short)
    }

    .fill-\[\#101010\] {
        fill: #101010
    }

    .fill-\[\#808080\] {
        fill: gray
    }

    .fill-\[\#F9F9F9\] {
        fill: #f9f9f9
    }

    .fill-\[\#F1493F\] {
        fill: #f1493f
    }

    .fill-appbrand {
        fill: var(--color-appbrand)
    }

    .fill-bg-disabled {
        fill: var(--color-bg-disabled)
    }

    .fill-buy {
        fill: var(--color-buy)
    }

    .fill-current {
        fill: currentColor
    }

    .fill-fill-btn-primary {
        fill: var(--color-fill-btn-primary)
    }

    .fill-fill-btn-secondary {
        fill: var(--color-fill-btn-secondary)
    }

    .fill-fill-page-secondary {
        fill: var(--color-fill-page-secondary)
    }

    .fill-foreground {
        fill: var(--color-foreground)
    }

    .fill-functional-green-1 {
        fill: var(--color-functional-green-1)
    }

    .fill-functional-orange-1 {
        fill: var(--color-functional-orange-1)
    }

    .fill-functional-red-1 {
        fill: var(--color-functional-red-1)
    }

    .fill-functional-red-2 {
        fill: var(--color-functional-red-2)
    }

    .fill-none {
        fill: none
    }

    .fill-primary {
        fill: var(--color-primary)
    }

    .fill-sell {
        fill: var(--color-sell)
    }

    .fill-special-switch-active {
        fill: var(--color-special-switch-active)
    }

    .fill-special-tooltip {
        fill: var(--color-special-tooltip)
    }

    .fill-text-primary {
        fill: var(--color-text-primary)
    }

    .fill-text-secondary {
        fill: var(--color-text-secondary)
    }

    .fill-text-tertiary {
        fill: var(--color-text-tertiary)
    }

    .fill-theme-disable {
        fill: var(--color-theme-disable)
    }

    .fill-transparent {
        fill: #0000
    }

    .fill-warning {
        fill: var(--color-warning)
    }

    .stroke-current {
        stroke: currentColor
    }

    .stroke-functional-orange-1 {
        stroke: var(--color-functional-orange-1)
    }

    .stroke-primary {
        stroke: var(--color-primary)
    }

    .stroke-text-tertiary {
        stroke: var(--color-text-tertiary)
    }

    .stroke-\[3\] {
        stroke-width: 3px
    }

    .stroke-\[4px\] {
        stroke-width: 4px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-center {
        object-position: center
    }

    .object-right {
        object-position: right
    }

    .\!p-0 {
        padding: calc(var(--spacing)*0)
    }

    .\!p-1 {
        padding: calc(var(--spacing)*1)
    }

    .\!p-2 {
        padding: calc(var(--spacing)*2)
    }

    .\!p-4 {
        padding: calc(var(--spacing)*4)
    }

    .\!p-\[3px\] {
        padding: 3px
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing)*2.5)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-8 {
        padding: calc(var(--spacing)*8)
    }

    .p-10 {
        padding: calc(var(--spacing)*10)
    }

    .p-40 {
        padding: calc(var(--spacing)*40)
    }

    .p-\[1px\] {
        padding: 1px
    }

    .p-\[2\.4px\] {
        padding: 2.4px
    }

    .p-\[2px\] {
        padding: 2px
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[5px\] {
        padding: 5px
    }

    .p-\[6px\] {
        padding: 6px
    }

    .p-\[7px\] {
        padding: 7px
    }

    .p-\[10px\] {
        padding: 10px
    }

    .p-\[12\.6px\] {
        padding: 12.6px
    }

    .p-\[14\.4px\] {
        padding: 14.4px
    }

    .p-\[17px\] {
        padding: 17px
    }

    .p-\[24px\] {
        padding: 24px
    }

    .p-px {
        padding: 1px
    }

    .\!px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .\!px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .\!px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .\!px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .\!px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-\(--cell-size\) {
        padding-inline: var(--cell-size)
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\! {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing)*.5)
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-7 {
        padding-inline: calc(var(--spacing)*7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-9 {
        padding-inline: calc(var(--spacing)*9)
    }

    .px-10 {
        padding-inline: calc(var(--spacing)*10)
    }

    .px-11 {
        padding-inline: calc(var(--spacing)*11)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .px-14 {
        padding-inline: calc(var(--spacing)*14)
    }

    .px-16 {
        padding-inline: calc(var(--spacing)*16)
    }

    .px-30 {
        padding-inline: calc(var(--spacing)*30)
    }

    .px-\[0\.625rem\] {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .px-\[4\.2px\] {
        padding-left: 4.2px;
        padding-right: 4.2px
    }

    .px-\[6px\] {
        padding-left: 6px;
        padding-right: 6px
    }

    .px-\[8px\] {
        padding-left: 8px;
        padding-right: 8px
    }

    .px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }

    .px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }

    .px-\[16\.48px\] {
        padding-left: 16.48px;
        padding-right: 16.48px
    }

    .px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .px-\[18px\] {
        padding-left: 18px;
        padding-right: 18px
    }

    .px-\[19\.2px\] {
        padding-left: 19.2px;
        padding-right: 19.2px
    }

    .px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .px-\[37px\] {
        padding-left: 37px;
        padding-right: 37px
    }

    .px-\[64px\] {
        padding-left: 64px;
        padding-right: 64px
    }

    .px-\[clamp\(1rem\,8vw\,120px\)\] {
        padding-left: max(1rem, min(8vw, 120px));
        padding-right: max(1rem, min(8vw, 120px))
    }

    .\!py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .\!py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .\!py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-3\.5 {
        padding-block: calc(var(--spacing)*3.5)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-7 {
        padding-block: calc(var(--spacing)*7)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-9 {
        padding-block: calc(var(--spacing)*9)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-14 {
        padding-block: calc(var(--spacing)*14)
    }

    .py-16 {
        padding-block: calc(var(--spacing)*16)
    }

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .py-30 {
        padding-block: calc(var(--spacing)*30)
    }

    .py-32 {
        padding-block: calc(var(--spacing)*32)
    }

    .py-\[1px\] {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .py-\[2\.875rem\] {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem
    }

    .py-\[2px\] {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .py-\[3px\] {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .py-\[4px\] {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .py-\[5px\] {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .py-\[6px\] {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .py-\[7px\] {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .py-\[9\.6px\] {
        padding-top: 9.6px;
        padding-bottom: 9.6px
    }

    .py-\[9px\] {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .py-\[10px\] {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .py-\[11px\] {
        padding-top: 11px;
        padding-bottom: 11px
    }

    .py-\[22px\] {
        padding-top: 22px;
        padding-bottom: 22px
    }

    .py-\[120px\] {
        padding-top: 120px;
        padding-bottom: 120px
    }

    .\!pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-7 {
        padding-top: calc(var(--spacing)*7)
    }

    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-11 {
        padding-top: calc(var(--spacing)*11)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-12\.5 {
        padding-top: calc(var(--spacing)*12.5)
    }

    .pt-14 {
        padding-top: calc(var(--spacing)*14)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-20 {
        padding-top: calc(var(--spacing)*20)
    }

    .pt-32 {
        padding-top: calc(var(--spacing)*32)
    }

    .pt-\[1\.125rem\] {
        padding-top: 1.125rem
    }

    .pt-\[3rem\] {
        padding-top: 3rem
    }

    .pt-\[18px\] {
        padding-top: 18px
    }

    .pt-\[20px\] {
        padding-top: 20px
    }

    .pt-\[22px\] {
        padding-top: 22px
    }

    .pt-\[38\.46\%\] {
        padding-top: 38.46%
    }

    .pt-px {
        padding-top: 1px
    }

    .\!pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .\!pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-0 {
        padding-right: calc(var(--spacing)*0)
    }

    .pr-1 {
        padding-right: calc(var(--spacing)*1)
    }

    .pr-1\.5 {
        padding-right: calc(var(--spacing)*1.5)
    }

    .pr-2 {
        padding-right: calc(var(--spacing)*2)
    }

    .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pr-4 {
        padding-right: calc(var(--spacing)*4)
    }

    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-9 {
        padding-right: calc(var(--spacing)*9)
    }

    .pr-10 {
        padding-right: calc(var(--spacing)*10)
    }

    .pr-11 {
        padding-right: calc(var(--spacing)*11)
    }

    .pr-\[5px\] {
        padding-right: 5px
    }

    .pr-\[6px\] {
        padding-right: 6px
    }

    .pr-\[10px\] {
        padding-right: 10px
    }

    .pr-\[11px\] {
        padding-right: 11px
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .pb-0\.5 {
        padding-bottom: calc(var(--spacing)*.5)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-9 {
        padding-bottom: calc(var(--spacing)*9)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-11 {
        padding-bottom: calc(var(--spacing)*11)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }

    .pb-72 {
        padding-bottom: calc(var(--spacing)*72)
    }

    .pb-\[6\.125rem\] {
        padding-bottom: 6.125rem
    }

    .pb-\[30px\] {
        padding-bottom: 30px
    }

    .\!pl-0 {
        padding-left: calc(var(--spacing)*0)
    }

    .\!pl-2\.5 {
        padding-left: calc(var(--spacing)*2.5)
    }

    .pl-0 {
        padding-left: calc(var(--spacing)*0)
    }

    .pl-1 {
        padding-left: calc(var(--spacing)*1)
    }

    .pl-1\.5 {
        padding-left: calc(var(--spacing)*1.5)
    }

    .pl-2 {
        padding-left: calc(var(--spacing)*2)
    }

    .pl-3 {
        padding-left: calc(var(--spacing)*3)
    }

    .pl-4 {
        padding-left: calc(var(--spacing)*4)
    }

    .pl-4\.5 {
        padding-left: calc(var(--spacing)*4.5)
    }

    .pl-5 {
        padding-left: calc(var(--spacing)*5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing)*6)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .pl-\[12px\] {
        padding-left: 12px
    }

    .pl-\[18px\] {
        padding-left: 18px
    }

    .pl-\[21px\] {
        padding-left: 21px
    }

    .pl-\[52px\] {
        padding-left: 52px
    }

    .\!text-center {
        text-align: center
    }

    .\!text-left {
        text-align: left
    }

    .\!text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-justify {
        text-align: justify
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .-indent-96 {
        text-indent: calc(var(--spacing)*-96)
    }

    .indent-\[-9999px\] {
        text-indent: -9999px
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .font-\[\'Bebas\'\,sans-serif\] {
        font-family: Bebas, sans-serif
    }

    .font-\[\'BebasNeue\'\] {
        font-family: BebasNeue
    }

    .font-\[\'edgeX-Harmony\'\],
    .font-\[edgeX-Harmony\] {
        font-family: edgeX-Harmony
    }

    .font-edgeXHarmony {
        font-family: var(--font-edgeXHarmony)
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-playfair {
        font-family: var(--font-playfair)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .\!text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\!text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\!text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-base\/4 {
        font-size: var(--text-base);
        line-height: calc(var(--spacing)*4)
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-sm\! {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-sm\/4 {
        font-size: var(--text-sm);
        line-height: calc(var(--spacing)*4)
    }

    .text-sm\/relaxed {
        font-size: var(--text-sm);
        line-height: var(--leading-relaxed)
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-xs\/3 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing)*3)
    }

    .text-xs\/5 {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing)*5)
    }

    .\!text-\[11px\] {
        font-size: 11px
    }

    .\!text-\[13px\] {
        font-size: 13px
    }

    .\!text-\[14px\] {
        font-size: 14px
    }

    .text-\[0\.8rem\] {
        font-size: .8rem
    }

    .text-\[0\.875rem\] {
        font-size: .875rem
    }

    .text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .text-\[1\.125rem\] {
        font-size: 1.125rem
    }

    .text-\[1rem\] {
        font-size: 1rem
    }

    .text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .text-\[2rem\] {
        font-size: 2rem
    }

    .text-\[3rem\] {
        font-size: 3rem
    }

    .text-\[6\.4px\] {
        font-size: 6.4px
    }

    .text-\[7\.2px\] {
        font-size: 7.2px
    }

    .text-\[7\.4px\] {
        font-size: 7.4px
    }

    .text-\[8\.1px\] {
        font-size: 8.1px
    }

    .text-\[8\.4px\] {
        font-size: 8.4px
    }

    .text-\[8\.5px\] {
        font-size: 8.5px
    }

    .text-\[8\.75px\] {
        font-size: 8.75px
    }

    .text-\[9\.5px\] {
        font-size: 9.5px
    }

    .text-\[9px\] {
        font-size: 9px
    }

    .text-\[10\.2px\] {
        font-size: 10.2px
    }

    .text-\[10\.6px\] {
        font-size: 10.6px
    }

    .text-\[10\.8px\] {
        font-size: 10.8px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14\.4px\] {
        font-size: 14.4px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[24px\] {
        font-size: 24px
    }

    .text-\[26px\] {
        font-size: 26px
    }

    .text-\[28\.8px\] {
        font-size: 28.8px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[29px\] {
        font-size: 29px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[36px\] {
        font-size: 36px
    }

    .text-\[40px\] {
        font-size: 40px
    }

    .text-\[48px\] {
        font-size: 48px
    }

    .text-\[56px\] {
        font-size: 56px
    }

    .text-\[64px\] {
        font-size: 64px
    }

    .text-\[80px\] {
        font-size: 80px
    }

    .\!leading-3 {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .\!leading-\[14px\] {
        --tw-leading: 14px;
        line-height: 14px
    }

    .\!leading-\[18px\] {
        --tw-leading: 18px;
        line-height: 18px
    }

    .\!leading-\[21px\] {
        --tw-leading: 21px;
        line-height: 21px
    }

    .\!leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .\!leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .leading-3\.5 {
        --tw-leading: calc(var(--spacing)*3.5);
        line-height: calc(var(--spacing)*3.5)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }

    .leading-4\.5 {
        --tw-leading: calc(var(--spacing)*4.5);
        line-height: calc(var(--spacing)*4.5)
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing)*5.5);
        line-height: calc(var(--spacing)*5.5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .leading-6\.5 {
        --tw-leading: calc(var(--spacing)*6.5);
        line-height: calc(var(--spacing)*6.5)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8)
    }

    .leading-9 {
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9)
    }

    .leading-10 {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }

    .leading-14 {
        --tw-leading: calc(var(--spacing)*14);
        line-height: calc(var(--spacing)*14)
    }

    .leading-15 {
        --tw-leading: calc(var(--spacing)*15);
        line-height: calc(var(--spacing)*15)
    }

    .leading-\[0\.875rem\] {
        --tw-leading: .875rem;
        line-height: .875rem
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
    }

    .leading-\[1\.14\] {
        --tw-leading: 1.14;
        line-height: 1.14
    }

    .leading-\[1\.17\] {
        --tw-leading: 1.17;
        line-height: 1.17
    }

    .leading-\[1\.25rem\] {
        --tw-leading: 1.25rem;
        line-height: 1.25rem
    }

    .leading-\[1\.33\] {
        --tw-leading: 1.33;
        line-height: 1.33
    }

    .leading-\[1\.55\] {
        --tw-leading: 1.55;
        line-height: 1.55
    }

    .leading-\[1\.75rem\] {
        --tw-leading: 1.75rem;
        line-height: 1.75rem
    }

    .leading-\[1\.125rem\] {
        --tw-leading: 1.125rem;
        line-height: 1.125rem
    }

    .leading-\[1\.172\] {
        --tw-leading: 1.172;
        line-height: 1.172
    }

    .leading-\[1\.375rem\] {
        --tw-leading: 1.375rem;
        line-height: 1.375rem
    }

    .leading-\[1\.625rem\] {
        --tw-leading: 1.625rem;
        line-height: 1.625rem
    }

    .leading-\[2\] {
        --tw-leading: 2;
        line-height: 2
    }

    .leading-\[3\.5rem\] {
        --tw-leading: 3.5rem;
        line-height: 3.5rem
    }

    .leading-\[3rem\] {
        --tw-leading: 3rem;
        line-height: 3rem
    }

    .leading-\[11\.72px\] {
        --tw-leading: 11.72px;
        line-height: 11.72px
    }

    .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 12px
    }

    .leading-\[13px\] {
        --tw-leading: 13px;
        line-height: 13px
    }

    .leading-\[13px\]\! {
        --tw-leading: 13px;
        line-height: 13px
    }

    .leading-\[14\.4px\] {
        --tw-leading: 14.4px;
        line-height: 14.4px
    }

    .leading-\[14\.06px\] {
        --tw-leading: 14.06px;
        line-height: 14.06px
    }

    .leading-\[14px\] {
        --tw-leading: 14px;
        line-height: 14px
    }

    .leading-\[14px\]\! {
        --tw-leading: 14px;
        line-height: 14px
    }

    .leading-\[16\.4px\] {
        --tw-leading: 16.4px;
        line-height: 16.4px
    }

    .leading-\[16\.8px\] {
        --tw-leading: 16.8px;
        line-height: 16.8px
    }

    .leading-\[16\.41px\] {
        --tw-leading: 16.41px;
        line-height: 16.41px
    }

    .leading-\[16px\] {
        --tw-leading: 16px;
        line-height: 16px
    }

    .leading-\[18\.75px\] {
        --tw-leading: 18.75px;
        line-height: 18.75px
    }

    .leading-\[18px\] {
        --tw-leading: 18px;
        line-height: 18px
    }

    .leading-\[19\.2px\] {
        --tw-leading: 19.2px;
        line-height: 19.2px
    }

    .leading-\[19px\] {
        --tw-leading: 19px;
        line-height: 19px
    }

    .leading-\[20\.61px\] {
        --tw-leading: 20.61px;
        line-height: 20.61px
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px
    }

    .leading-\[21\.6px\] {
        --tw-leading: 21.6px;
        line-height: 21.6px
    }

    .leading-\[21px\] {
        --tw-leading: 21px;
        line-height: 21px
    }

    .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
    }

    .leading-\[23\.4px\] {
        --tw-leading: 23.4px;
        line-height: 23.4px
    }

    .leading-\[23px\] {
        --tw-leading: 23px;
        line-height: 23px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[26\.62px\] {
        --tw-leading: 26.62px;
        line-height: 26.62px
    }

    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 26px
    }

    .leading-\[28px\] {
        --tw-leading: 28px;
        line-height: 28px
    }

    .leading-\[30px\] {
        --tw-leading: 30px;
        line-height: 30px
    }

    .leading-\[32px\] {
        --tw-leading: 32px;
        line-height: 32px
    }

    .leading-\[33\.6px\] {
        --tw-leading: 33.6px;
        line-height: 33.6px
    }

    .leading-\[34px\] {
        --tw-leading: 34px;
        line-height: 34px
    }

    .leading-\[36px\] {
        --tw-leading: 36px;
        line-height: 36px
    }

    .leading-\[40px\] {
        --tw-leading: 40px;
        line-height: 40px
    }

    .leading-\[47px\] {
        --tw-leading: 47px;
        line-height: 47px
    }

    .leading-\[48px\] {
        --tw-leading: 48px;
        line-height: 48px
    }

    .leading-\[56px\] {
        --tw-leading: 56px;
        line-height: 56px
    }

    .leading-\[62px\] {
        --tw-leading: 62px;
        line-height: 62px
    }

    .leading-\[72px\] {
        --tw-leading: 72px;
        line-height: 72px
    }

    .leading-\[96px\] {
        --tw-leading: 96px;
        line-height: 96px
    }

    .leading-\[140\%\] {
        --tw-leading: 140%;
        line-height: 140%
    }

    .leading-loose {
        --tw-leading: var(--leading-loose);
        line-height: var(--leading-loose)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .\!font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .\!font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\!font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-\(--font-gray\) {
        --tw-font-weight: var(--font-gray);
        font-weight: var(--font-gray)
    }

    .font-\[400\] {
        --tw-font-weight: 400;
        font-weight: 400
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-\[0\.035em\] {
        --tw-tracking: .035em;
        letter-spacing: .035em
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre {
        white-space: pre
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .\!text-\(--font-gray\) {
        color: var(--font-gray)
    }

    .\!text-\(--long\) {
        color: var(--long)
    }

    .\!text-\(--short\) {
        color: var(--short)
    }

    .\!text-\[--long\] {
        color: --long
    }

    .\!text-\[--short\] {
        color: --short
    }

    .\!text-functional-green-1 {
        color: var(--color-functional-green-1)
    }

    .\!text-functional-red-1 {
        color: var(--color-functional-red-1)
    }

    .\!text-primary {
        color: var(--color-primary)
    }

    .\!text-text-on-btn {
        color: var(--color-text-on-btn)
    }

    .\!text-text-on-sec-btn {
        color: var(--color-text-on-sec-btn)
    }

    .\!text-text-primary {
        color: var(--color-text-primary)
    }

    .\!text-text-tertiary {
        color: var(--color-text-tertiary)
    }

    .text-\(--font-gray\),
    .text-\(--font-gray\)\/70 {
        color: var(--font-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-\(--font-gray\)\/70 {
            color: color-mix(in oklab, var(--font-gray)70%, transparent)
        }
    }

    .text-\(--foreground-tertiary\) {
        color: var(--foreground-tertiary)
    }

    .text-\(--gray-font\) {
        color: var(--gray-font)
    }

    .text-\(--long\) {
        color: var(--long)
    }

    .text-\(--short\) {
        color: var(--short)
    }

    .text-\(--tab-active\) {
        color: var(--tab-active)
    }

    .text-\(--tab-inactive\) {
        color: var(--tab-inactive)
    }

    .text-\(--text-tertiary\) {
        color: var(--text-tertiary)
    }

    .text-Archive-Brightness-Grey-600 {
        color: var(--color-Archive-Brightness-Grey-600)
    }

    .text-Global-Highlight-Green {
        color: var(--color-Global-Highlight-Green)
    }

    .text-\[\#00CE5F\] {
        color: #00ce5f
    }

    .text-\[\#000000\] {
        color: #000
    }

    .text-\[\#1A1A1A\],
    .text-\[\#1a1a1a\] {
        color: #1a1a1a
    }

    .text-\[\#02E857\] {
        color: #02e857
    }

    .text-\[\#02ac41\] {
        color: #02ac41
    }

    .text-\[\#2C9CDB\] {
        color: #2c9cdb
    }

    .text-\[\#3D3D3D\] {
        color: #3d3d3d
    }

    .text-\[\#3d7ad5\] {
        color: #3d7ad5
    }

    .text-\[\#04F06A\] {
        color: #04f06a
    }

    .text-\[\#4D4D4D\] {
        color: #4d4d4d
    }

    .text-\[\#5A6B61\] {
        color: #5a6b61
    }

    .text-\[\#6B7D72\] {
        color: #6b7d72
    }

    .text-\[\#7B8980\] {
        color: #7b8980
    }

    .text-\[\#7a7a7a\] {
        color: #7a7a7a
    }

    .text-\[\#7b8980\] {
        color: #7b8980
    }

    .text-\[\#08f337\] {
        color: #08f337
    }

    .text-\[\#8F8F8F\],
    .text-\[\#8f8f8f\] {
        color: #8f8f8f
    }

    .text-\[\#22FD73\],
    .text-\[\#22fd73\] {
        color: #22fd73
    }

    .text-\[\#27B368\],
    .text-\[\#27b368\] {
        color: #27b368
    }

    .text-\[\#49FD8C\] {
        color: #49fd8c
    }

    .text-\[\#53FD92\],
    .text-\[\#53fd92\] {
        color: #53fd92
    }

    .text-\[\#66C285\] {
        color: #66c285
    }

    .text-\[\#93A199\] {
        color: #93a199
    }

    .text-\[\#111\] {
        color: #111
    }

    .text-\[\#192c20\] {
        color: #192c20
    }

    .text-\[\#666\] {
        color: #666
    }

    .text-\[\#999\] {
        color: #999
    }

    .text-\[\#001408\] {
        color: #001408
    }

    .text-\[\#03190C\] {
        color: #03190c
    }

    .text-\[\#17494D\] {
        color: #17494d
    }

    .text-\[\#101010\] {
        color: #101010
    }

    .text-\[\#121212\] {
        color: #121212
    }

    .text-\[\#121212\]\/50 {
        color: #12121280;
        color: color(display-p3 .0705885 .0705885 .0705885/.5);
        color: lab(5.46392% -.00000745058 -.00000298023/.5)
    }

    .text-\[\#314338\] {
        color: #314338
    }

    .text-\[\#404040\] {
        color: #404040
    }

    .text-\[\#606060\] {
        color: #606060
    }

    .text-\[\#666666\] {
        color: #666
    }

    .text-\[\#808080\] {
        color: gray
    }

    .text-\[\#929292\] {
        color: #929292
    }

    .text-\[\#979797\] {
        color: #979797
    }

    .text-\[\#A0A0A0\] {
        color: #a0a0a0
    }

    .text-\[\#ABB8B1\] {
        color: #abb8b1
    }

    .text-\[\#B2B2B2\] {
        color: #b2b2b2
    }

    .text-\[\#B8FED2\] {
        color: #b8fed2
    }

    .text-\[\#C4D0C9\] {
        color: #c4d0c9
    }

    .text-\[\#C9CDD4\] {
        color: #c9cdd4
    }

    .text-\[\#DA4949\] {
        color: #da4949
    }

    .text-\[\#E6E6E6\] {
        color: #e6e6e6
    }

    .text-\[\#E54D4D\] {
        color: #e54d4d
    }

    .text-\[\#EF6666\] {
        color: #ef6666
    }

    .text-\[\#F5FFF9\] {
        color: #f5fff9
    }

    .text-\[\#F9F9F9\] {
        color: #f9f9f9
    }

    .text-\[\#F1493F\] {
        color: #f1493f
    }

    .text-\[\#FF8F34\] {
        color: #ff8f34
    }

    .text-\[\#FF9933\] {
        color: #f93
    }

    .text-\[\#FFB366\] {
        color: #ffb366
    }

    .text-\[\#FFFFFF\] {
        color: #fff
    }

    .text-\[\#b2b2b2\] {
        color: #b2b2b2
    }

    .text-\[\#b3b3b3\] {
        color: #b3b3b3
    }

    .text-\[\#b8fed2\] {
        color: #b8fed2
    }

    .text-\[\#c2fed9\] {
        color: #c2fed9
    }

    .text-\[\#da4949\] {
        color: #da4949
    }

    .text-\[\#e6e6e6\] {
        color: #e6e6e6
    }

    .text-\[\#f5fff9\] {
        color: #f5fff9
    }

    .text-\[\#f9f9f9\] {
        color: #f9f9f9
    }

    .text-\[\#ff9933\] {
        color: #f93
    }

    .text-\[\#fff\],
    .text-\[\#ffffff\] {
        color: #fff
    }

    .text-\[rgba\(0\,0\,0\,0\.5\)\] {
        color: #00000080
    }

    .text-\[rgba\(128\,128\,128\,1\)\] {
        color: gray
    }

    .text-\[rgba\(230\,230\,230\,0\.4\)\] {
        color: #e6e6e666
    }

    .text-\[rgba\(249\,249\,249\,0\.6\)\] {
        color: #f9f9f999
    }

    .text-\[var\(--text-disabled\,\#505050\)\] {
        color: var(--text-disabled, #505050)
    }

    .text-\[var\(--text-on-btn\,\#121212\)\] {
        color: var(--text-on-btn, #121212)
    }

    .text-\[var\(--text-orderbook\)\] {
        color: var(--text-orderbook)
    }

    .text-\[var\(--text-orderbook\,\#c8c8c8\)\] {
        color: var(--text-orderbook, #c8c8c8)
    }

    .text-\[var\(--text-primary\)\] {
        color: var(--text-primary)
    }

    .text-\[var\(--text-primary\,\#f9f9f9\)\] {
        color: var(--text-primary, #f9f9f9)
    }

    .text-\[var\(--text-secondary\)\] {
        color: var(--text-secondary)
    }

    .text-\[var\(--text-secondary\,\#929292\)\] {
        color: var(--text-secondary, #929292)
    }

    .text-\[var\(--text-tertiary\)\] {
        color: var(--text-tertiary)
    }

    .text-\[var\(--text-tertiary\,\#808080\)\] {
        color: var(--text-tertiary, gray)
    }

    .text-\[var\(--text-white-static\)\] {
        color: var(--text-white-static)
    }

    .text-accent-foreground {
        color: var(--color-accent-foreground)
    }

    .text-appwhite {
        color: var(--color-appwhite)
    }

    .text-background {
        color: var(--color-background)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue-400 {
        color: var(--color-blue-400)
    }

    .text-border-strong {
        color: var(--color-border-strong)
    }

    .text-brand {
        color: var(--color-brand)
    }

    .text-buy {
        color: var(--color-buy)
    }

    .text-card-foreground {
        color: var(--color-card-foreground)
    }

    .text-current {
        color: currentColor
    }

    .text-destructive {
        color: var(--color-destructive)
    }

    .text-error {
        color: var(--color-error)
    }

    .text-fill-btn-disabled {
        color: var(--color-fill-btn-disabled)
    }

    .text-fill-btn-primary-hover {
        color: var(--color-fill-btn-primary-hover)
    }

    .text-fill-btn-secondary {
        color: var(--color-fill-btn-secondary)
    }

    .text-fill-page-primary {
        color: var(--color-fill-page-primary)
    }

    .text-fill-page-tertiary {
        color: var(--color-fill-page-tertiary)
    }

    .text-foreground {
        color: var(--color-foreground)
    }

    .text-foreground-disabled {
        color: var(--color-foreground-disabled)
    }

    .text-foreground-secondary {
        color: var(--color-foreground-secondary)
    }

    .text-foreground-tertiary {
        color: var(--color-foreground-tertiary)
    }

    .text-functional-blue-1 {
        color: var(--color-functional-blue-1)
    }

    .text-functional-green-1 {
        color: var(--color-functional-green-1)
    }

    .text-functional-orange-1 {
        color: var(--color-functional-orange-1)
    }

    .text-functional-red-1 {
        color: var(--color-functional-red-1)
    }

    .text-gray-300 {
        color: var(--color-gray-300)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-green-400 {
        color: var(--color-green-400)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-inherit {
        color: inherit
    }

    .text-line-divider-primary {
        color: var(--color-line-divider-primary)
    }

    .text-muted-foreground {
        color: var(--color-muted-foreground)
    }

    .text-neutral-200 {
        color: var(--color-neutral-200)
    }

    .text-neutral-400 {
        color: var(--color-neutral-400)
    }

    .text-neutral-900 {
        color: var(--color-neutral-900)
    }

    .text-orange-400 {
        color: var(--color-orange-400)
    }

    .text-popover-foreground {
        color: var(--color-popover-foreground)
    }

    .text-primary {
        color: var(--color-primary)
    }

    .text-primary-foreground {
        color: var(--color-primary-foreground)
    }

    .text-purple-400 {
        color: var(--color-purple-400)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-sidebar-foreground,
    .text-sidebar-foreground\/70 {
        color: var(--color-sidebar-foreground)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-sidebar-foreground\/70 {
            color: color-mix(in oklab, var(--color-sidebar-foreground)70%, transparent)
        }
    }

    .text-special-switch-active {
        color: var(--color-special-switch-active)
    }

    .text-stone-50 {
        color: var(--color-stone-50)
    }

    .text-stone-950 {
        color: var(--color-stone-950)
    }

    .text-teal-50 {
        color: var(--color-teal-50)
    }

    .text-text-black-static {
        color: var(--color-text-black-static)
    }

    .text-text-btn-theme {
        color: var(--color-text-btn-theme)
    }

    .text-text-disabled {
        color: var(--color-text-disabled)
    }

    .text-text-on-btn {
        color: var(--color-text-on-btn)
    }

    .text-text-on-sec-btn {
        color: var(--color-text-on-sec-btn)
    }

    .text-text-orderbook {
        color: var(--color-text-orderbook)
    }

    .text-text-primary,
    .text-text-primary\/80 {
        color: var(--color-text-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-text-primary\/80 {
            color: color-mix(in oklab, var(--color-text-primary)80%, transparent)
        }
    }

    .text-text-secondary {
        color: var(--color-text-secondary)
    }

    .text-text-tertiary {
        color: var(--color-text-tertiary)
    }

    .text-text-tooltips-text {
        color: var(--color-text-tooltips-text)
    }

    .text-text-tooltips-text-white {
        color: var(--color-text-tooltips-text-white)
    }

    .text-text-white {
        color: var(--color-text-white)
    }

    .text-text-white-static {
        color: var(--color-text-white-static)
    }

    .text-theme-disable {
        color: var(--color-theme-disable)
    }

    .text-theme-normal {
        color: var(--color-theme-normal)
    }

    .text-tooltip-foreground {
        color: var(--color-tooltip-foreground)
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: var(--color-warning)
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/35 {
        color: #ffffff59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/35 {
            color: color-mix(in oklab, var(--color-white)35%, transparent)
        }
    }

    .text-white\/40 {
        color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/40 {
            color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .text-white\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    .text-white\/60 {
        color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    .text-yellow-400 {
        color: var(--color-yellow-400)
    }

    .text-zinc-300 {
        color: var(--color-zinc-300)
    }

    .text-zinc-400 {
        color: var(--color-zinc-400)
    }

    .text-zinc-500 {
        color: var(--color-zinc-500)
    }

    .capitalize {
        text-transform: capitalize
    }

    .uppercase {
        text-transform: uppercase
    }

    .\!not-italic {
        font-style: normal
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .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, )
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-\[\#f9f9f9\] {
        text-decoration-color: #f9f9f9
    }

    .decoration-\[rgba\(44\,156\,219\,0\.5\)\] {
        text-decoration-color: #2c9cdb80
    }

    .decoration-current {
        text-decoration-color: currentColor
    }

    .decoration-dotted {
        text-decoration-style: dotted
    }

    .decoration-solid {
        text-decoration-style: solid
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .placeholder-\[\#505050\]::placeholder {
        color: #505050
    }

    .placeholder-\[\#808080\]::placeholder {
        color: gray
    }

    .placeholder-text-tertiary::placeholder {
        color: var(--color-text-tertiary)
    }

    .accent-green-500 {
        accent-color: var(--color-green-500)
    }

    .\[color-scheme\:dark\] {
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark
    }

    .\!opacity-100 {
        opacity: 1
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-45 {
        opacity: .45
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.05\] {
        opacity: .05
    }

    .\!shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_4px_rgba\(15\,15\,15\,0\.3\)\] {
        --tw-shadow: 0 0 4px var(--tw-shadow-color, #0f0f0f4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_6px_0_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: 0 0 6px 0 var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_8px_0\] {
        --tw-shadow: 0 0 8px 0 var(--tw-shadow-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_8px_0_rgba\(0\,0\,0\,0\.24\)\] {
        --tw-shadow: 0 0 8px 0 var(--tw-shadow-color, #0000003d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_12px_0_rgba\(83\,253\,146\,0\.4\)\] {
        --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #53fd9266);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_4px_24px_4px_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 4px 24px 4px var(--tw-shadow-color, #0000001f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.24\)\] {
        --tw-shadow: 0 8px 24px var(--tw-shadow-color, #0000003d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.32\)\] {
        --tw-shadow: 0 12px 32px var(--tw-shadow-color, #00000052);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_24px_60px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-shadow: 0 24px 60px var(--tw-shadow-color, #00000073);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_8px_0px_rgba\(15\,15\,15\,0\.3\)\] {
        --tw-shadow: 0px 0px 8px 0px var(--tw-shadow-color, #0f0f0f4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_52\.54px_0px_rgba\(245\,255\,249\,0\.08\)\] {
        --tw-shadow: 0px 0px 52.54px 0px var(--tw-shadow-color, #f5fff914);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_4px_8px_0px_rgba\(0\,0\,0\,0\.5\)\],
    .shadow-\[0px_4px_8px_0px_rgba\(0\,0\,0\,0\.50\)\] {
        --tw-shadow: 0px 4px 8px 0px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.24\)\] {
        --tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, #0000003d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_8px_16px_0px_rgba\(0\,0\,0\,0\.50\)\] {
        --tw-shadow: 0px 8px 16px 0px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_18px_48px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-shadow: 0px 18px 48px var(--tw-shadow-color, #0000008c);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_-140px_0px_77px_0px_rgba\(34\,253\,115\,0\.12\)\] {
        --tw-shadow: inset -140px 0px 77px 0px var(--tw-shadow-color, #22fd731f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_0px_24px_0px_rgba\(255\,255\,255\,0\.24\)\] {
        --tw-shadow: inset 0px 0px 24px 0px var(--tw-shadow-color, #ffffff3d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-black\/30 {
        --tw-shadow-color: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-background {
        --tw-ring-color: var(--color-background)
    }

    .ring-sidebar-ring {
        --tw-ring-color: var(--color-sidebar-ring)
    }

    .ring-offset-0 {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-popover {
        --tw-ring-offset-color: var(--color-popover)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline,
    .outline-1 {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .outline-2 {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .outline-\[0\.50px\] {
        outline-style: var(--tw-outline-style);
        outline-width: .5px
    }

    .outline-offset-\[-0\.25px\] {
        outline-offset: -.25px
    }

    .outline-offset-\[-0\.50px\] {
        outline-offset: -.5px
    }

    .outline-offset-\[-1px\] {
        outline-offset: -1px
    }

    .outline-offset-\[-2px\] {
        outline-offset: -2px
    }

    .outline-line-border {
        outline-color: var(--color-line-border)
    }

    .outline-line-divider-primary {
        outline-color: var(--color-line-divider-primary)
    }

    .outline-line-divider-secondary {
        outline-color: var(--color-line-divider-secondary)
    }

    .outline-line-divider-tertiary {
        outline-color: var(--color-line-divider-tertiary)
    }

    .outline-neutral-800 {
        outline-color: var(--color-neutral-800)
    }

    .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-xs {
        --tw-blur: blur(var(--blur-xs));
        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-\[12px\] {
        --tw-backdrop-blur: blur(12px);
        -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-\[24px\] {
        --tw-backdrop-blur: blur(24px);
        -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-\[80px\] {
        --tw-backdrop-blur: blur(80px);
        -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-\[100px\] {
        --tw-backdrop-blur: blur(100px);
        -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-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -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(var(--blur-sm));
        -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-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\,opacity\] {
        transition-property: grid-template-rows, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\,right\,width\] {
        transition-property: left, right, width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\] {
        transition-property: left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[margin\,opacity\] {
        transition-property: margin, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[stroke-dashoffset\] {
        transition-property: stroke-dashoffset;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\,height\,padding\] {
        transition-property: width, height, padding;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[width\] {
        transition-property: width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-none {
        transition-property: none
    }

    .duration-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .duration-\[50ms\] {
        --tw-duration: 50ms;
        transition-duration: 50ms
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-linear {
        --tw-ease: linear;
        transition-timing-function: linear
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-transform {
        will-change: transform
    }

    .fade-in-0 {
        --tw-enter-opacity: 0
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .zoom-in-95 {
        --tw-enter-scale: .95
    }

    .\!\[scrollbar-width\:auto\] {
        scrollbar-width: auto
    }

    .\[--cell-size\:--spacing\(8\)\] {
        --cell-size: calc(var(--spacing)*8)
    }

    .\[--cell-size\:32px\] {
        --cell-size: 32px
    }

    .\[--cell-size\:40px\] {
        --cell-size: 40px
    }

    .\[--highlight\:transparent\] {
        --highlight: transparent
    }

    .\[--lottery-label-radius\:130\.5px\] {
        --lottery-label-radius: 130.5px
    }

    .\[--nc\:\#ffffff\] {
        --nc: #fff
    }

    .\[-ms-overflow-style\:none\] {
        -ms-overflow-style: none
    }

    .\[scrollbar-color\:\#303030_transparent\] {
        scrollbar-color: #303030 transparent
    }

    .\[scrollbar-gutter\:stable\] {
        scrollbar-gutter: stable
    }

    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }

    .\[scrollbar-width\:thin\] {
        scrollbar-width: thin
    }

    .fade-in {
        --tw-enter-opacity: 0
    }

    .gradientBg {
        background: linear-gradient(90deg, #58e0a4 0%, #77b5c7 31.67%, #ffc701 68.94%, #c3d092 100%)
    }

    .paused {
        animation-play-state: paused
    }

    .running {
        animation-play-state: running
    }

    .slide-in-from-bottom {
        --tw-enter-translate-y: 100%
    }

    .slide-in-from-bottom-2 {
        --tw-enter-translate-y: calc(2*var(--spacing))
    }

    .slide-in-from-right-2 {
        --tw-enter-translate-x: calc(2*var(--spacing))
    }

    .slide-in-from-top-1 {
        --tw-enter-translate-y: calc(1*var(--spacing)*-1)
    }

    .slide-in-from-top-2 {
        --tw-enter-translate-y: calc(2*var(--spacing)*-1)
    }

    .group-open\:scale-y-100:-webkit-any(:where(.group):-webkit-any([open], :popover-open, :open) *) {
        --tw-scale-y: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-open\:scale-y-100:-moz-any(:where(.group):-moz-any([open], :popover-open, :open) *) {
        --tw-scale-y: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-open\:scale-y-100:is(:where(.group):is([open], :popover-open, :open) *) {
        --tw-scale-y: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-open\:rotate-180:-webkit-any(:where(.group):-webkit-any([open], :popover-open, :open) *) {
        rotate: 180deg
    }

    .group-open\:rotate-180:-moz-any(:where(.group):-moz-any([open], :popover-open, :open) *) {
        rotate: 180deg
    }

    .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
        rotate: 180deg
    }

    .group-open\:opacity-100:-webkit-any(:where(.group):-webkit-any([open], :popover-open, :open) *) {
        opacity: 1
    }

    .group-open\:opacity-100:-moz-any(:where(.group):-moz-any([open], :popover-open, :open) *) {
        opacity: 1
    }

    .group-open\:opacity-100:is(:where(.group):is([open], :popover-open, :open) *) {
        opacity: 1
    }

    .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
        opacity: 1
    }

    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
            pointer-events: auto
        }

        .group-hover\:invisible:is(:where(.group):hover *) {
            visibility: hidden
        }

        .group-hover\:visible:is(:where(.group):hover *) {
            visibility: visible
        }

        .group-hover\:flex:is(:where(.group):hover *) {
            display: flex
        }

        .group-hover\:inline-flex:is(:where(.group):hover *) {
            display: inline-flex
        }

        .group-hover\:max-w-\[200px\]:is(:where(.group):hover *) {
            max-width: 200px
        }

        .group-hover\:scale-100:is(:where(.group):hover *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:border-text-primary:is(:where(.group):hover *) {
            border-color: var(--color-text-primary)
        }

        .group-hover\:bg-fill-page-secondary:is(:where(.group):hover *) {
            background-color: var(--color-fill-page-secondary)
        }

        .group-hover\:bg-gray-400:is(:where(.group):hover *) {
            background-color: var(--color-gray-400)
        }

        .group-hover\:pl-2:is(:where(.group):hover *) {
            padding-left: calc(var(--spacing)*2)
        }

        .group-hover\:text-\[\#f5fff9\]:is(:where(.group):hover *) {
            color: #f5fff9
        }

        .group-hover\:text-\[var\(--tabs-asset-color\)\]:is(:where(.group):hover *) {
            color: var(--tabs-asset-color)
        }

        .group-hover\:text-text-black-static:is(:where(.group):hover *) {
            color: var(--color-text-black-static)
        }

        .group-hover\:text-text-on-btn:is(:where(.group):hover *) {
            color: var(--color-text-on-btn)
        }

        .group-hover\:text-text-primary:is(:where(.group):hover *) {
            color: var(--color-text-primary)
        }

        .group-hover\:text-text-secondary:is(:where(.group):hover *) {
            color: var(--color-text-secondary)
        }

        .group-hover\:opacity-0:is(:where(.group):hover *) {
            opacity: 0
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }

        .group-hover\/btn\:text-\[\#102A1C\]:is(:where(.group\/btn):hover *) {
            color: #102a1c
        }

        .group-hover\/btn\:text-\[\#381412\]:is(:where(.group\/btn):hover *) {
            color: #381412
        }

        .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
            opacity: 1
        }
    }

    .group-focus\:border-text-primary:is(:where(.group):focus *) {
        border-color: var(--color-text-primary)
    }

    .group-active\:text-\[\#f5fff9\]:is(:where(.group):active *) {
        color: #f5fff9
    }

    .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *) {
        padding-right: calc(var(--spacing)*8)
    }

    .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *) {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *) {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *) {
        text-wrap: balance
    }

    .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *) {
        --tw-translate-y: calc(var(--spacing)*.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *) {
        align-self: flex-start
    }

    .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *) {
        padding-top: calc(var(--spacing)*2.5)
    }

    .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *) {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .group-data-disabled\:pointer-events-none:is(:where(.group)[data-disabled] *) {
        pointer-events: none
    }

    .group-data-disabled\:cursor-not-allowed:is(:where(.group)[data-disabled] *) {
        cursor: not-allowed
    }

    .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *) {
        margin-top: calc(var(--spacing)*-8)
    }

    .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *) {
        display: none
    }

    .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *) {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *) {
        width: var(--sidebar-width-icon)
    }

    .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))
    }

    .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *) {
        width: calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)
    }

    .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *) {
        overflow: hidden
    }

    .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *) {
        padding: calc(var(--spacing)*0)
    }

    .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *) {
        padding: calc(var(--spacing)*2)
    }

    .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *) {
        opacity: 0
    }

    .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
        right: calc(var(--sidebar-width)*-1)
    }

    .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *) {
        left: calc(var(--sidebar-width)*-1)
    }

    .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *) {
        width: calc(var(--spacing)*0)
    }

    .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *) {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
    }

    .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
        opacity: .5
    }

    .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *) {
        opacity: .5
    }

    .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *) {
        opacity: .5
    }

    .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *) {
        position: relative
    }

    .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *) {
        z-index: 10
    }

    .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *) {
        border-color: var(--color-ring)
    }

    .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) {
        --tw-ring-color: color-mix(in srgb, hsl(var(--ring))50%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *) {
            --tw-ring-color: color-mix(in oklab, var(--color-ring)50%, transparent)
        }
    }

    .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *) {
        height: -moz-fit-content;
        height: fit-content
    }

    .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *) {
        width: 100%
    }

    .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *) {
        flex-direction: column
    }

    .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *) {
        justify-content: flex-start
    }

    .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *) {
        right: calc(var(--spacing)*-4)
    }

    .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *) {
        left: calc(var(--spacing)*0)
    }

    .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *) {
        rotate: 180deg
    }

    .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *) {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *) {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *) {
        display: grid
    }

    .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *) {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *) {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .group-data-\[state\=checked\]\:bg-\[var\(--theme-normal\)\]:is(:where(.group)[data-state=checked] *) {
        background-color: var(--theme-normal)
    }

    .group-data-\[state\=checked\]\:text-\[var\(--text-black-static\)\]:is(:where(.group)[data-state=checked] *) {
        color: var(--text-black-static)
    }

    .group-data-\[state\=checked\]\:text-\[var\(--text-primary\)\]:is(:where(.group)[data-state=checked] *) {
        color: var(--text-primary)
    }

    .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
    }

    .group-data-\[state\=unchecked\]\:bg-\[var\(--theme-normal\)\]:is(:where(.group)[data-state=unchecked] *) {
        background-color: var(--theme-normal)
    }

    .group-data-\[state\=unchecked\]\:text-\[var\(--text-black-static\)\]:is(:where(.group)[data-state=unchecked] *) {
        color: var(--text-black-static)
    }

    .group-data-\[state\=unchecked\]\:text-\[var\(--text-primary\)\]:is(:where(.group)[data-state=unchecked] *) {
        color: var(--text-primary)
    }

    .group-data-\[variant\=big\]\/tabs-list\:rounded-none:is(:where(.group\/tabs-list)[data-variant=big] *) {
        border-radius: 0
    }

    .group-data-\[variant\=big\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=big] *) {
        background-color: #0000
    }

    .group-data-\[variant\=big\]\/tabs-list\:px-0:is(:where(.group\/tabs-list)[data-variant=big] *) {
        padding-inline: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=big\]\/tabs-list\:py-0:is(:where(.group\/tabs-list)[data-variant=big] *) {
        padding-block: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=big\]\/tabs-list\:text-\[24px\]:is(:where(.group\/tabs-list)[data-variant=big] *) {
        font-size: 24px
    }

    .group-data-\[variant\=big\]\/tabs-list\:leading-\[normal\]:is(:where(.group\/tabs-list)[data-variant=big] *) {
        --tw-leading: normal;
        line-height: normal
    }

    .group-data-\[variant\=big\]\/tabs-list\:font-medium:is(:where(.group\/tabs-list)[data-variant=big] *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:rounded-none:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        border-radius: 0
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        background-color: #0000
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:px-0:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        padding-inline: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:py-0:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        padding-block: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:font-playfair:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        font-family: var(--font-playfair)
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:font-medium:is(:where(.group\/tabs-list)[data-variant=big-new] *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *) {
        border-radius: var(--radius-lg)
    }

    .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *) {
        border-color: var(--color-sidebar-border)
    }

    .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *) {
        background-color: #0000
    }

    .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *) {
        margin-bottom: calc(var(--spacing)*-2)
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:rounded-\[6px\]:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        border-radius: 6px
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:border:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:border-transparent:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        border-color: #0000
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        background-color: #0000
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:px-3:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        padding-inline: calc(var(--spacing)*3)
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:py-1:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        padding-block: calc(var(--spacing)*1)
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:text-sm:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:font-medium:is(:where(.group\/tabs-list)[data-variant=secondary] *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-data-\[variant\=third\]\/tabs-list\:rounded-\[4px\]:is(:where(.group\/tabs-list)[data-variant=third] *) {
        border-radius: 4px
    }

    .group-data-\[variant\=third\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=third] *) {
        background-color: #0000
    }

    .group-data-\[variant\=third\]\/tabs-list\:px-2:is(:where(.group\/tabs-list)[data-variant=third] *) {
        padding-inline: calc(var(--spacing)*2)
    }

    .group-data-\[variant\=third\]\/tabs-list\:py-1:is(:where(.group\/tabs-list)[data-variant=third] *) {
        padding-block: calc(var(--spacing)*1)
    }

    .group-data-\[variant\=third\]\/tabs-list\:text-xs:is(:where(.group\/tabs-list)[data-variant=third] *) {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .group-data-\[variant\=third\]\/tabs-list\:leading-\[18px\]:is(:where(.group\/tabs-list)[data-variant=third] *) {
        --tw-leading: 18px;
        line-height: 18px
    }

    .group-data-\[variant\=third\]\/tabs-list\:font-medium:is(:where(.group\/tabs-list)[data-variant=third] *) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:h-10:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        height: calc(var(--spacing)*10)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:h-full:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        height: 100%
    }

    .group-data-\[variant\=trade\]\/tabs-list\:flex-none:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        flex: none
    }

    .group-data-\[variant\=trade\]\/tabs-list\:rounded-none:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        border-radius: 0
    }

    .group-data-\[variant\=trade\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        background-color: #0000
    }

    .group-data-\[variant\=trade\]\/tabs-list\:px-0:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        padding-inline: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:py-0:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        padding-block: calc(var(--spacing)*0)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:text-sm:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .group-data-\[variant\=trade\]\/tabs-list\:text-\[24px\]:is(:where(.group\/tabs-list)[data-variant=trade] *) {
        font-size: 24px
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        display: block
    }

    .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
        text-align: center
    }

    .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *) {
        text-align: center
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing)*1.5)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: var(--radius-md)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        background-color: var(--color-popover)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        color: var(--color-popover-foreground)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    @media (hover:hover) {
        .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) {
            color: var(--color-sidebar-accent-foreground)
        }
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
    }

    .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*) {
        color: var(--color-sidebar-accent-foreground)
    }

    .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*) {
        top: calc(var(--spacing)*1.5)
    }

    .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*) {
        top: calc(var(--spacing)*2.5)
    }

    .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*) {
        top: calc(var(--spacing)*1)
    }

    .marker\:text-\[\#7b8980\] ::marker {
        color: #7b8980
    }

    .marker\:text-\[\#7b8980\]::marker {
        color: #7b8980
    }

    .marker\:text-\[\#7b8980\] ::-webkit-details-marker {
        color: #7b8980
    }

    .marker\:text-\[\#7b8980\]::-webkit-details-marker {
        color: #7b8980
    }

    .selection\:bg-primary ::selection,
    .selection\:bg-primary::selection {
        background-color: var(--color-primary)
    }

    .selection\:text-primary-foreground ::selection,
    .selection\:text-primary-foreground::selection {
        color: var(--color-primary-foreground)
    }

    .placeholder\:text-xs::placeholder {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .placeholder\:font-normal::placeholder {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .placeholder\:text-\[\#808080\]::placeholder {
        color: gray
    }

    .placeholder\:text-\[\#929292\]::placeholder {
        color: #929292
    }

    .placeholder\:text-\[\#DA4949\]::placeholder {
        color: #da4949
    }

    .placeholder\:text-\[\#abb8b1\]::placeholder {
        color: #abb8b1
    }

    .placeholder\:text-muted-foreground::placeholder {
        color: var(--color-muted-foreground)
    }

    .placeholder\:text-text-disabled::placeholder {
        color: var(--color-text-disabled)
    }

    .placeholder\:text-text-tertiary::placeholder,
    .placeholder\:text-text-tertiary\/70::placeholder {
        color: var(--color-text-tertiary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .placeholder\:text-text-tertiary\/70::placeholder {
            color: color-mix(in oklab, var(--color-text-tertiary)70%, transparent)
        }
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:-top-\[8px\]:before {
        content: var(--tw-content);
        top: -8px
    }

    .before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .before\:top-1:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*1)
    }

    .before\:top-6:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*6)
    }

    .before\:-right-5:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*-5)
    }

    .before\:bottom-6:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*6)
    }

    .before\:bottom-full:before {
        content: var(--tw-content);
        bottom: 100%
    }

    .before\:-left-1\.5:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-1.5)
    }

    .before\:-left-5:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-5)
    }

    .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:z-10:before {
        content: var(--tw-content);
        z-index: 10
    }

    .before\:z-20:before {
        content: var(--tw-content);
        z-index: 20
    }

    .before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

    .before\:size-5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .before\:h-0:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*0)
    }

    .before\:h-1:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*1)
    }

    .before\:h-6:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*6)
    }

    .before\:w-0:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .before\:w-1:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*1)
    }

    .before\:w-4:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*4)
    }

    .before\:w-px:before {
        content: var(--tw-content);
        width: 1px
    }

    .before\:-translate-x-1\/2:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:-translate-y-2:before {
        content: var(--tw-content);
        --tw-translate-y: calc(var(--spacing)*-2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:rotate-45:before {
        content: var(--tw-content);
        rotate: 45deg
    }

    .before\:rounded:before {
        content: var(--tw-content);
        border-radius: .25rem
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .before\:rounded-lg:before {
        content: var(--tw-content);
        border-radius: var(--radius-lg)
    }

    .before\:border-t:before {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .before\:border-r-\[8px\]:before {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 8px
    }

    .before\:border-b-\[8px\]:before {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 8px
    }

    .before\:border-l-\[8px\]:before {
        content: var(--tw-content);
        border-left-style: var(--tw-border-style);
        border-left-width: 8px
    }

    .before\:border-dashed:before {
        content: var(--tw-content);
        --tw-border-style: dashed;
        border-style: dashed
    }

    .before\:border-\[\#929292\]:before {
        content: var(--tw-content);
        border-color: #929292
    }

    .before\:border-\[color\:var\(--text-secondary\)\]:before {
        content: var(--tw-content);
        border-color: var(--text-secondary)
    }

    .before\:border-r-transparent:before {
        content: var(--tw-content);
        border-right-color: #0000
    }

    .before\:border-b-\[\#1A1A1A\]:before {
        content: var(--tw-content);
        border-bottom-color: #1a1a1a
    }

    .before\:border-l-transparent:before {
        content: var(--tw-content);
        border-left-color: #0000
    }

    .before\:bg-\(--long\):before {
        content: var(--tw-content);
        background-color: var(--long)
    }

    .before\:bg-\(--short\):before {
        content: var(--tw-content);
        background-color: var(--short)
    }

    .before\:bg-\[\#1a1a1a\]:before {
        content: var(--tw-content);
        background-color: #1a1a1a
    }

    .before\:bg-fill-page-tertiary:before {
        content: var(--tw-content);
        background-color: var(--color-fill-page-tertiary)
    }

    .before\:bg-line-divider-tertiary:before {
        content: var(--tw-content);
        background-color: var(--color-line-divider-tertiary)
    }

    .before\:bg-special-tooltip:before {
        content: var(--tw-content);
        background-color: var(--color-special-tooltip)
    }

    .before\:bg-tooltip:before {
        content: var(--tw-content);
        background-color: var(--color-tooltip)
    }

    .before\:px-2:before {
        content: var(--tw-content);
        padding-inline: calc(var(--spacing)*2)
    }

    .before\:py-1:before {
        content: var(--tw-content);
        padding-block: calc(var(--spacing)*1)
    }

    .before\:indent-0:before {
        content: var(--tw-content);
        text-indent: calc(var(--spacing)*0)
    }

    .before\:text-xs:before {
        content: var(--tw-content);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .before\:leading-4\.5:before {
        content: var(--tw-content);
        --tw-leading: calc(var(--spacing)*4.5);
        line-height: calc(var(--spacing)*4.5)
    }

    .before\:leading-\[18px\]:before {
        content: var(--tw-content);
        --tw-leading: 18px;
        line-height: 18px
    }

    .before\:whitespace-nowrap:before {
        content: var(--tw-content);
        white-space: nowrap
    }

    .before\:text-text-tooltips-text:before {
        content: var(--tw-content);
        color: var(--color-text-tooltips-text)
    }

    .before\:text-white:before {
        content: var(--tw-content);
        color: var(--color-white)
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:content-\[attr\(data-slider-value\)\]:before {
        --tw-content: attr(data-slider-value);
        content: var(--tw-content)
    }

    .before\:\[clip-path\:polygon\(0_50\%\,100\%_0\,100\%_100\%\)\]:before {
        content: var(--tw-content);
        clip-path: polygon(0 50%, 100% 0, 100% 100%)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:-inset-2:after {
        content: var(--tw-content);
        inset: calc(var(--spacing)*-2)
    }

    .after\:inset-y-0:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*0)
    }

    .after\:top-1:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*1)
    }

    .after\:\!right-auto:after {
        content: var(--tw-content);
        right: auto
    }

    .after\:-right-4:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*-4)
    }

    .after\:-right-5:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*-5)
    }

    .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .after\:\!bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:\!bottom-\[-2px\]:after {
        content: var(--tw-content);
        bottom: -2px
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:bottom-full:after {
        content: var(--tw-content);
        bottom: 100%
    }

    .after\:\!left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:-left-4:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*-4)
    }

    .after\:-left-5:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*-5)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .after\:left-1:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*1)
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:z-10:after {
        content: var(--tw-content);
        z-index: 10
    }

    .after\:z-20:after {
        content: var(--tw-content);
        z-index: 20
    }

    .after\:-ml-\[1px\]:after {
        content: var(--tw-content);
        margin-left: -1px
    }

    .after\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .after\:size-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*0);
        height: calc(var(--spacing)*0)
    }

    .after\:\!h-\[1px\]:after,
    .after\:\!h-px:after {
        content: var(--tw-content);
        height: 1px
    }

    .after\:h-0:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*0)
    }

    .after\:h-2:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*2)
    }

    .after\:w-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*0)
    }

    .after\:w-1:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*1)
    }

    .after\:w-2:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*2)
    }

    .after\:w-\[2px\]:after {
        content: var(--tw-content);
        width: 2px
    }

    .after\:-translate-x-1\/2:after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:translate-y-1:after {
        content: var(--tw-content);
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .after\:border-8:after {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 8px
    }

    .after\:border-b:after {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .after\:border-dashed:after {
        content: var(--tw-content);
        --tw-border-style: dashed;
        border-style: dashed
    }

    .after\:border-solid:after {
        content: var(--tw-content);
        --tw-border-style: solid;
        border-style: solid
    }

    .after\:border-\[\#929292\]:after {
        content: var(--tw-content);
        border-color: #929292
    }

    .after\:border-\[color\:var\(--text-secondary\)\]:after {
        content: var(--tw-content);
        border-color: var(--text-secondary)
    }

    .after\:border-transparent:after {
        content: var(--tw-content);
        border-color: #0000
    }

    .after\:border-t-special-tooltip:after {
        content: var(--tw-content);
        border-top-color: var(--color-special-tooltip)
    }

    .after\:border-t-tooltip:after {
        content: var(--tw-content);
        border-top-color: var(--color-tooltip)
    }

    .after\:bg-background:after {
        content: var(--tw-content);
        background-color: var(--color-background)
    }

    .after\:bg-foreground:after {
        content: var(--tw-content);
        background-color: var(--color-foreground)
    }

    .after\:bg-line-border:after {
        content: var(--tw-content);
        background-color: var(--color-line-border)
    }

    .after\:bg-text-primary:after {
        content: var(--tw-content);
        background-color: var(--color-text-primary)
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:transition-all:after {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:transition-opacity:after {
        content: var(--tw-content);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:duration-200:after {
        content: var(--tw-content);
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .after\:ease-out:after {
        content: var(--tw-content);
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
        content: var(--tw-content);
        left: 100%
    }

    .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing)*0)
    }

    .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after {
        content: var(--tw-content);
        bottom: -5px
    }

    .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after {
        content: var(--tw-content);
        height: calc(var(--spacing)*.5)
    }

    .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing)*0)
    }

    .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after {
        content: var(--tw-content);
        right: calc(var(--spacing)*-1)
    }

    .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after {
        content: var(--tw-content);
        width: calc(var(--spacing)*.5)
    }

    .peer-checked\:after\:left-4:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        left: calc(var(--spacing)*4)
    }

    .peer-checked\:after\:bg-brand:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        background-color: var(--color-brand)
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing)*0)
    }

    .first\:rounded-t-lg:first-child {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .first\:rounded-l-full:first-child {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .first\:rounded-l-md:first-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .first\:border-t-0:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .first\:border-l:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .first\:pt-0:first-child {
        padding-top: calc(var(--spacing)*0)
    }

    .last\:mt-0:last-child {
        margin-top: calc(var(--spacing)*0)
    }

    .last\:mb-0:last-child {
        margin-bottom: calc(var(--spacing)*0)
    }

    .last\:rounded-r-full:last-child {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

    .last\:rounded-r-md:last-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .last\:rounded-b-lg:last-child {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .last\:border-0:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
    }

    .even\:border-l-0:nth-child(2n) {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .empty\:hidden:empty {
        display: none
    }

    .focus-within\:border-\[\#F9F9F9\]:focus-within,
    .focus-within\:border-\[\#f9f9f9\]:focus-within {
        border-color: #f9f9f9
    }

    .focus-within\:border-functional-red-1:focus-within {
        border-color: var(--color-functional-red-1)
    }

    .focus-within\:border-line-border:focus-within {
        border-color: var(--color-line-border)
    }

    .focus-within\:border-line-input-focus-line:focus-within {
        border-color: var(--color-line-input-focus-line)
    }

    .focus-within\:border-transparent:focus-within {
        border-color: #0000
    }

    .focus-within\:bg-fill-destructive:focus-within {
        background-color: var(--color-fill-destructive)
    }

    .focus-within\:bg-fill-input-primary:focus-within {
        background-color: var(--color-fill-input-primary)
    }

    .focus-within\:bg-transparent:focus-within {
        background-color: #0000
    }

    .focus-within\:outline-hidden:focus-within {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus-within\:outline-hidden:focus-within {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    @media (hover:hover) {
        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-\[1\.3\]:hover {
            scale: 1.3
        }

        .hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .hover\:rounded-\[8px\]:hover {
            border-radius: 8px
        }

        .hover\:rounded-lg:hover {
            border-radius: var(--radius-lg)
        }

        .hover\:border-0:hover {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .hover\:border-none:hover {
            --tw-border-style: none;
            border-style: none
        }

        .hover\:\!border-theme-normal:hover {
            border-color: var(--color-theme-normal)
        }

        .hover\:border-\[\#3A3F47\]:hover {
            border-color: #3a3f47
        }

        .hover\:border-\[\#3a3a3a\]:hover {
            border-color: #3a3a3a
        }

        .hover\:border-\[\#192c20\]:hover {
            border-color: #192c20
        }

        .hover\:border-\[\#001408\]:hover {
            border-color: #001408
        }

        .hover\:border-\[\#404040\]:hover {
            border-color: #404040
        }

        .hover\:border-\[\#F9F9F9\]:hover {
            border-color: #f9f9f9
        }

        .hover\:border-\[var\(--line-divider-primary\)\]:hover {
            border-color: var(--line-divider-primary)
        }

        .hover\:border-border-strong:hover {
            border-color: var(--color-border-strong)
        }

        .hover\:border-border-subtle:hover {
            border-color: var(--color-border-subtle)
        }

        .hover\:border-foreground-secondary:hover {
            border-color: var(--color-foreground-secondary)
        }

        .hover\:border-line-border:hover {
            border-color: var(--color-line-border)
        }

        .hover\:border-line-divider-primary:hover {
            border-color: var(--color-line-divider-primary)
        }

        .hover\:border-line-divider-secondary:hover {
            border-color: var(--color-line-divider-secondary)
        }

        .hover\:border-neutral-700:hover {
            border-color: var(--color-neutral-700)
        }

        .hover\:border-text-primary:hover {
            border-color: var(--color-text-primary)
        }

        .hover\:border-theme-normal:hover {
            border-color: var(--color-theme-normal)
        }

        .hover\:border-transparent:hover {
            border-color: #0000
        }

        .hover\:\!bg-\(--highlight\):hover {
            background-color: var(--highlight)
        }

        .hover\:\!bg-\[\#242424\]:hover {
            background-color: #242424
        }

        .hover\:\!bg-\[\#404040\]:hover {
            background-color: #404040
        }

        .hover\:\!bg-bg-tertiary:hover {
            background-color: var(--color-bg-tertiary)
        }

        .hover\:\!bg-fill-page-tertiary:hover {
            background-color: var(--color-fill-page-tertiary)
        }

        .hover\:\!bg-transparent:hover {
            background-color: #0000
        }

        .hover\:bg-\(--highlight\):hover {
            background-color: var(--highlight)
        }

        .hover\:bg-\(--long\):hover,
        .hover\:bg-\(--long\)\/95:hover {
            background-color: var(--long)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-\(--long\)\/95:hover {
                background-color: color-mix(in oklab, var(--long)95%, transparent)
            }
        }

        .hover\:bg-\(--short\):hover,
        .hover\:bg-\(--short\)\/95:hover {
            background-color: var(--short)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-\(--short\)\/95:hover {
                background-color: color-mix(in oklab, var(--short)95%, transparent)
            }
        }

        .hover\:bg-\[\#1a1a1a\]:hover {
            background-color: #1a1a1a
        }

        .hover\:bg-\[\#1ce96a\]:hover {
            background-color: #1ce96a
        }

        .hover\:bg-\[\#2A2A2A\]:hover {
            background-color: #2a2a2a
        }

        .hover\:bg-\[\#2C2C2C\]:hover {
            background-color: #2c2c2c
        }

        .hover\:bg-\[\#2a2a2a\]:hover {
            background-color: #2a2a2a
        }

        .hover\:bg-\[\#3a3a3a\]:hover {
            background-color: #3a3a3a
        }

        .hover\:bg-\[\#3de07a\]:hover {
            background-color: #3de07a
        }

        .hover\:bg-\[\#27B368\]:hover {
            background-color: #27b368
        }

        .hover\:bg-\[\#192c20\]:hover {
            background-color: #192c20
        }

        .hover\:bg-\[\#333\]:hover {
            background-color: #333
        }

        .hover\:bg-\[\#181818\]:hover {
            background-color: #181818
        }

        .hover\:bg-\[\#242424\]:hover {
            background-color: #242424
        }

        .hover\:bg-\[\#303030\]:hover {
            background-color: #303030
        }

        .hover\:bg-\[\#404040\]:hover {
            background-color: #404040
        }

        .hover\:bg-\[\#404040\]\/90:hover {
            background-color: #404040e6;
            background-color: color(display-p3 .25098 .25098 .25098/.9);
            background-color: lab(27.0934% -.0000298023 0/.9)
        }

        .hover\:bg-\[\#A5E8C1\]:hover {
            background-color: #a5e8c1
        }

        .hover\:bg-\[\#DA4949\]:hover {
            background-color: #da4949
        }

        .hover\:bg-\[\#E5E5E5\]:hover {
            background-color: #e5e5e5
        }

        .hover\:bg-\[\#E6E6E6\]:hover {
            background-color: #e6e6e6
        }

        .hover\:bg-\[\#F9F9F9\]\/90:hover {
            background-color: #f9f9f9e6;
            background-color: color(display-p3 .976471 .976471 .976471/.9);
            background-color: lab(97.9257% -.0000596046 .0000119209/.9)
        }

        .hover\:bg-\[\#cacaca\]:hover {
            background-color: #cacaca
        }

        .hover\:bg-\[\#dddddd\]:hover {
            background-color: #ddd
        }

        .hover\:bg-\[\#e9e9e9\]:hover {
            background-color: #e9e9e9
        }

        .hover\:bg-\[rgba\(26\,26\,26\,1\)\]:hover {
            background-color: #1a1a1a
        }

        .hover\:bg-\[var\(--fill-btn-secondary-hover\)\]:hover {
            background-color: var(--fill-btn-secondary-hover)
        }

        .hover\:bg-\[var\(--fill-page-tertiary\)\]:hover {
            background-color: var(--fill-page-tertiary)
        }

        .hover\:bg-\[var\(--fill-page-tertiary\,\#242424\)\]:hover {
            background-color: var(--fill-page-tertiary, #242424)
        }

        .hover\:bg-\[var\(--functional-green-1-hover\)\]:hover {
            background-color: var(--functional-green-1-hover)
        }

        .hover\:bg-\[var\(--functional-red-1-hover\)\]:hover {
            background-color: var(--functional-red-1-hover)
        }

        .hover\:bg-accent:hover {
            background-color: var(--color-accent)
        }

        .hover\:bg-bg-primary:hover {
            background-color: var(--color-bg-primary)
        }

        .hover\:bg-bg-secondary:hover {
            background-color: var(--color-bg-secondary)
        }

        .hover\:bg-black\/70:hover {
            background-color: #000000b3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/70:hover {
                background-color: color-mix(in oklab, var(--color-black)70%, transparent)
            }
        }

        .hover\:bg-fill-btn-primary:hover {
            background-color: var(--color-fill-btn-primary)
        }

        .hover\:bg-fill-btn-primary-hover:hover {
            background-color: var(--color-fill-btn-primary-hover)
        }

        .hover\:bg-fill-btn-primary\/90:hover {
            background-color: var(--color-fill-btn-primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-fill-btn-primary\/90:hover {
                background-color: color-mix(in oklab, var(--color-fill-btn-primary)90%, transparent)
            }
        }

        .hover\:bg-fill-btn-secondary:hover {
            background-color: var(--color-fill-btn-secondary)
        }

        .hover\:bg-fill-btn-secondary-hover:hover {
            background-color: var(--color-fill-btn-secondary-hover)
        }

        .hover\:bg-fill-btn-secondary\/80:hover {
            background-color: var(--color-fill-btn-secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-fill-btn-secondary\/80:hover {
                background-color: color-mix(in oklab, var(--color-fill-btn-secondary)80%, transparent)
            }
        }

        .hover\:bg-fill-destructive-hover:hover {
            background-color: var(--color-fill-destructive-hover)
        }

        .hover\:bg-fill-input-primary:hover {
            background-color: var(--color-fill-input-primary)
        }

        .hover\:bg-fill-page-opposite:hover {
            background-color: var(--color-fill-page-opposite)
        }

        .hover\:bg-fill-page-secondary:hover {
            background-color: var(--color-fill-page-secondary)
        }

        .hover\:bg-fill-page-tertiary:hover {
            background-color: var(--color-fill-page-tertiary)
        }

        .hover\:bg-foreground-secondary:hover {
            background-color: var(--color-foreground-secondary)
        }

        .hover\:bg-foreground\/90:hover {
            background-color: var(--color-foreground)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-foreground\/90:hover {
                background-color: color-mix(in oklab, var(--color-foreground)90%, transparent)
            }
        }

        .hover\:bg-functional-orange-1:hover {
            background-color: var(--color-functional-orange-1)
        }

        .hover\:bg-functional-red-1\/80:hover {
            background-color: var(--color-functional-red-1)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-functional-red-1\/80:hover {
                background-color: color-mix(in oklab, var(--color-functional-red-1)80%, transparent)
            }
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

        .hover\:bg-gray-200:hover {
            background-color: var(--color-gray-200)
        }

        .hover\:bg-gray-400:hover {
            background-color: var(--color-gray-400)
        }

        .hover\:bg-green-500\/10:hover {
            background-color: #00c7581a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-green-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-green-500)10%, transparent)
            }
        }

        .hover\:bg-green-600\/10:hover {
            background-color: #00a5441a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-green-600\/10:hover {
                background-color: color-mix(in oklab, var(--color-green-600)10%, transparent)
            }
        }

        .hover\:bg-red-400\/10:hover {
            background-color: #ff65681a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-400\/10:hover {
                background-color: color-mix(in oklab, var(--color-red-400)10%, transparent)
            }
        }

        .hover\:bg-red-500\/10:hover {
            background-color: #fb2c361a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-red-500\/10:hover {
                background-color: color-mix(in oklab, var(--color-red-500)10%, transparent)
            }
        }

        .hover\:bg-sidebar-accent:hover {
            background-color: var(--color-sidebar-accent)
        }

        .hover\:bg-stone-50:hover {
            background-color: var(--color-stone-50)
        }

        .hover\:bg-text-primary\/90:hover {
            background-color: var(--color-text-primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-text-primary\/90:hover {
                background-color: color-mix(in oklab, var(--color-text-primary)90%, transparent)
            }
        }

        .hover\:bg-theme-hover:hover {
            background-color: var(--color-theme-hover)
        }

        .hover\:bg-theme-normal:hover,
        .hover\:bg-theme-normal\/90:hover {
            background-color: var(--color-theme-normal)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-theme-normal\/90:hover {
                background-color: color-mix(in oklab, var(--color-theme-normal)90%, transparent)
            }
        }

        .hover\:bg-transparent:hover {
            background-color: #0000
        }

        .hover\:bg-white:hover {
            background-color: var(--color-white)
        }

        .hover\:bg-white\/20:hover {
            background-color: #fff3
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/20:hover {
                background-color: color-mix(in oklab, var(--color-white)20%, transparent)
            }
        }

        .hover\:fill-foreground-secondary:hover {
            fill: var(--color-foreground-secondary)
        }

        .hover\:fill-primary:hover {
            fill: var(--color-primary)
        }

        .hover\:fill-text-primary:hover {
            fill: var(--color-text-primary)
        }

        .hover\:px-4:hover {
            padding-inline: calc(var(--spacing)*4)
        }

        .hover\:\!text-text-primary:hover {
            color: var(--color-text-primary)
        }

        .hover\:text-Global-Highlight-Green:hover {
            color: var(--color-Global-Highlight-Green)
        }

        .hover\:text-\[\#0d4fcc\]:hover {
            color: #0d4fcc
        }

        .hover\:text-\[\#1EE066\]:hover {
            color: #1ee066
        }

        .hover\:text-\[\#1de460\]:hover {
            color: #1de460
        }

        .hover\:text-\[\#102A1C\]:hover {
            color: #102a1c
        }

        .hover\:text-\[\#381412\]:hover {
            color: #381412
        }

        .hover\:text-\[\#F9F9F9\]:hover,
        .hover\:text-\[\#f9f9f9\]:hover {
            color: #f9f9f9
        }

        .hover\:text-\[var\(--text-primary\)\]:hover {
            color: var(--text-primary)
        }

        .hover\:text-\[var\(--text-primary\,\#f9f9f9\)\]:hover {
            color: var(--text-primary, #f9f9f9)
        }

        .hover\:text-accent-foreground:hover {
            color: var(--color-accent-foreground)
        }

        .hover\:text-appwhite:hover {
            color: var(--color-appwhite)
        }

        .hover\:text-border-strong:hover {
            color: var(--color-border-strong)
        }

        .hover\:text-foreground:hover {
            color: var(--color-foreground)
        }

        .hover\:text-foreground-secondary:hover {
            color: var(--color-foreground-secondary)
        }

        .hover\:text-gray-300:hover {
            color: var(--color-gray-300)
        }

        .hover\:text-green-400:hover {
            color: var(--color-green-400)
        }

        .hover\:text-primary:hover {
            color: var(--color-primary)
        }

        .hover\:text-red-400:hover {
            color: var(--color-red-400)
        }

        .hover\:text-sidebar-accent-foreground:hover {
            color: var(--color-sidebar-accent-foreground)
        }

        .hover\:text-special-switch-active\/90:hover {
            color: var(--color-special-switch-active)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-special-switch-active\/90:hover {
                color: color-mix(in oklab, var(--color-special-switch-active)90%, transparent)
            }
        }

        .hover\:text-text-black-static:hover {
            color: var(--color-text-black-static)
        }

        .hover\:text-text-primary:hover,
        .hover\:text-text-primary\/80:hover {
            color: var(--color-text-primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-text-primary\/80:hover {
                color: color-mix(in oklab, var(--color-text-primary)80%, transparent)
            }
        }

        .hover\:text-text-secondary:hover {
            color: var(--color-text-secondary)
        }

        .hover\:text-text-tertiary:hover {
            color: var(--color-text-tertiary)
        }

        .hover\:text-theme-hover:hover {
            color: var(--color-theme-hover)
        }

        .hover\:text-theme-normal:hover {
            color: var(--color-theme-normal)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:opacity-70:hover {
            opacity: .7
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-85:hover {
            opacity: .85
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
            --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-\[0_0_12px_0_rgba\(255\,255\,255\,0\.3\)\]:hover {
            --tw-shadow: 0 0 12px 0 var(--tw-shadow-color, #ffffff4d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-\[0_0_16px_0_rgba\(83\,253\,146\,0\.6\)\]:hover {
            --tw-shadow: 0 0 16px 0 var(--tw-shadow-color, #53fd9299);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%);
            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\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) {
            background-color: var(--color-sidebar)
        }

        .hover\:before\:block:hover:before,
        .hover\:after\:block:hover:after {
            content: var(--tw-content);
            display: block
        }

        .group-not-data-disabled\:hover\:before\:block:is(:where(.group):not([data-disabled]) *):hover:before {
            content: var(--tw-content);
            display: block
        }

        .hover\:after\:bg-sidebar-border:hover:after {
            content: var(--tw-content);
            background-color: var(--color-sidebar-border)
        }

        .group-not-data-disabled\:hover\:after\:block:is(:where(.group):not([data-disabled]) *):hover:after {
            content: var(--tw-content);
            display: block
        }
    }

    .focus\:z-10:focus {
        z-index: 10
    }

    .focus\:border-none:focus {
        --tw-border-style: none;
        border-style: none
    }

    .focus\:border-\[var\(--line-divider-secondary\,\#404040\)\]:focus {
        border-color: var(--line-divider-secondary, #404040)
    }

    .focus\:border-functional-red-1:focus {
        border-color: var(--color-functional-red-1)
    }

    .focus\:border-line-border:focus {
        border-color: var(--color-line-border)
    }

    .focus\:border-line-input-focus-line:focus {
        border-color: var(--color-line-input-focus-line)
    }

    .focus\:border-theme-normal:focus {
        border-color: var(--color-theme-normal)
    }

    .focus\:border-white\/30:focus {
        border-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:border-white\/30:focus {
            border-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .focus\:bg-\[\#242424\]:focus {
        background-color: #242424
    }

    .focus\:bg-accent:focus {
        background-color: var(--color-accent)
    }

    .focus\:bg-fill-btn-secondary-hover:focus {
        background-color: var(--color-fill-btn-secondary-hover)
    }

    .focus\:bg-fill-destructive:focus {
        background-color: var(--color-fill-destructive)
    }

    .focus\:bg-fill-input-primary:focus {
        background-color: var(--color-fill-input-primary)
    }

    .focus\:text-\[\#F9F9F9\]:focus {
        color: #f9f9f9
    }

    .focus\:text-accent-foreground:focus {
        color: var(--color-accent-foreground)
    }

    .focus\:text-primary:focus {
        color: var(--color-primary)
    }

    .focus\:text-text-on-sec-btn:focus {
        color: var(--color-text-on-sec-btn)
    }

    .focus\:text-text-primary:focus {
        color: var(--color-text-primary)
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-offset-0:focus {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus\:outline-2:focus {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus\:outline-theme-normal:focus {
        outline-color: var(--color-theme-normal)
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:z-10:focus-visible {
        z-index: 10
    }

    .focus-visible\:border-ring:focus-visible {
        border-color: var(--color-ring)
    }

    .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-4:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[\#17494D\]\/50:focus-visible {
        --tw-ring-color: #17494d80
    }

    @supports (color:color(display-p3 0 0 0)) {
        .focus-visible\:ring-\[\#17494D\]\/50:focus-visible {
            --tw-ring-color: color(display-p3 .14678 .282126 .29859/.5)
        }
    }

    @supports (color:lab(0% 0 0)) {
        .focus-visible\:ring-\[\#17494D\]\/50:focus-visible {
            --tw-ring-color: lab(27.8908% -16.0792 -7.61157/.5)
        }
    }

    .focus-visible\:ring-black:focus-visible {
        --tw-ring-color: var(--color-black)
    }

    .focus-visible\:ring-line-input-focus-line:focus-visible {
        --tw-ring-color: var(--color-line-input-focus-line)
    }

    .focus-visible\:ring-transparent:focus-visible {
        --tw-ring-color: transparent
    }

    .focus-visible\:ring-white\/70:focus-visible {
        --tw-ring-color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/70:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    .focus-visible\:ring-offset-0:focus-visible {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:outline-hidden:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus-visible\:outline-hidden:focus-visible {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .active\:scale-\[0\.98\]:active {
        scale: .98
    }

    .active\:cursor-grabbing:active {
        cursor: grabbing
    }

    .active\:border-\[\#192c20\]:active {
        border-color: #192c20
    }

    .active\:bg-\[\#192c20\]:active {
        background-color: #192c20
    }

    .active\:bg-neutral-700:active {
        background-color: var(--color-neutral-700)
    }

    .active\:bg-sidebar-accent:active {
        background-color: var(--color-sidebar-accent)
    }

    .active\:text-sidebar-accent-foreground:active {
        color: var(--color-sidebar-accent-foreground)
    }

    .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .enabled\:hover\:border-line-divider-primary:enabled:hover {
            border-color: var(--color-line-divider-primary)
        }

        .enabled\:hover\:bg-fill-btn-secondary-hover:enabled:hover {
            background-color: var(--color-fill-btn-secondary-hover)
        }

        .enabled\:hover\:bg-fill-page-secondary:enabled:hover {
            background-color: var(--color-fill-page-secondary)
        }
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:border-\[var\(--line-divider-tertiary\)\]:disabled {
        border-color: var(--line-divider-tertiary)
    }

    .disabled\:border-line-divider-tertiary:disabled {
        border-color: var(--color-line-divider-tertiary)
    }

    .disabled\:\!bg-text-primary:disabled {
        background-color: var(--color-text-primary)
    }

    .disabled\:bg-\[var\(--fill-btn-disabled\)\]:disabled {
        background-color: var(--fill-btn-disabled)
    }

    .disabled\:bg-bg-disabled:disabled {
        background-color: var(--color-bg-disabled)
    }

    .disabled\:bg-bg-primary:disabled {
        background-color: var(--color-bg-primary)
    }

    .disabled\:bg-fill-btn-disabled:disabled {
        background-color: var(--color-fill-btn-disabled)
    }

    .disabled\:bg-fill-btn-secondary:disabled {
        background-color: var(--color-fill-btn-secondary)
    }

    .disabled\:bg-transparent:disabled {
        background-color: #0000
    }

    .disabled\:bg-white\/15:disabled {
        background-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:bg-white\/15:disabled {
            background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }
    }

    .disabled\:\!text-bg-disabled:disabled {
        color: var(--color-bg-disabled)
    }

    .disabled\:text-\[var\(--text-disabled\)\]:disabled {
        color: var(--text-disabled)
    }

    .disabled\:text-foreground:disabled {
        color: var(--color-foreground)
    }

    .disabled\:text-line-divider-tertiary:disabled {
        color: var(--color-line-divider-tertiary)
    }

    .disabled\:text-text-disabled:disabled {
        color: var(--color-text-disabled)
    }

    .disabled\:text-text-secondary:disabled {
        color: var(--color-text-secondary)
    }

    .disabled\:text-theme-text-disable:disabled {
        color: var(--color-theme-text-disable)
    }

    .disabled\:text-white\/40:disabled {
        color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:text-white\/40:disabled {
            color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .disabled\:opacity-30:disabled {
        opacity: .3
    }

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

    .disabled\:opacity-100:disabled {
        opacity: 1
    }

    .disabled\:placeholder\:text-text-disabled:disabled::placeholder {
        color: var(--color-text-disabled)
    }

    @media (hover:hover) {
        .disabled\:hover\:bg-fill-btn-disabled:disabled:hover {
            background-color: var(--color-fill-btn-disabled)
        }
    }

    :where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize {
        cursor: w-resize
    }

    :where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize {
        cursor: e-resize
    }

    .has-focus\:border-ring:has(:focus) {
        border-color: var(--color-ring)
    }

    .has-focus\:ring-\[3px\]:has(:focus) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-focus\:ring-ring\/50:has(:focus) {
        --tw-ring-color: color-mix(in srgb, hsl(var(--ring))50%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-focus\:ring-ring\/50:has(:focus) {
            --tw-ring-color: color-mix(in oklab, var(--color-ring)50%, transparent)
        }
    }

    .has-disabled\:opacity-50:has(:disabled) {
        opacity: .5
    }

    .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]) {
        grid-template-rows: auto auto 1fr
    }

    .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]) {
        column-gap: calc(var(--spacing)*6)
    }

    .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
    }

    .has-data-\[state\=checked\]\:border-primary:has([data-state=checked]) {
        border-color: var(--color-primary)
    }

    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
        background-color: #00ce5f0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]) {
            background-color: color-mix(in oklab, var(--color-primary)5%, transparent)
        }
    }

    .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]) {
        background-color: var(--color-sidebar)
    }

    .has-\[\:focus\]\:border-0:has(:focus) {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .has-\[\:focus\]\:border-line-border:has(:focus) {
        border-color: var(--color-line-border)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) {
        border-color: var(--color-ring)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
        --tw-ring-color: color-mix(in srgb, hsl(var(--ring))50%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
            --tw-ring-color: color-mix(in oklab, var(--color-ring)50%, transparent)
        }
    }

    .has-\[\[data-slot\=tooltip-title\]\]\:flex:has([data-slot=tooltip-title]) {
        display: flex
    }

    .has-\[\[data-slot\=tooltip-title\]\]\:w-\[320px\]:has([data-slot=tooltip-title]) {
        width: 320px
    }

    .has-\[\[data-slot\=tooltip-title\]\]\:flex-col:has([data-slot=tooltip-title]) {
        flex-direction: column
    }

    .has-\[\[data-slot\=tooltip-title\]\]\:gap-1:has([data-slot=tooltip-title]) {
        gap: calc(var(--spacing)*1)
    }

    .has-\[\[data-slot\=tooltip-title\]\]\:p-3:has([data-slot=tooltip-title]) {
        padding: calc(var(--spacing)*3)
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]) {
        border-color: var(--color-destructive)
    }

    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
        --tw-ring-color: #f7647e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]) {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
        }
    }

    .has-\[\[data-state\=open\]\]\:border-line-border:has([data-state=open]) {
        border-color: var(--color-line-border)
    }

    .has-\[select\:disabled\]\:opacity-50:has(:-webkit-any(select:disabled)) {
        opacity: .5
    }

    .has-\[select\:disabled\]\:opacity-50:has(:-moz-any(select:disabled)) {
        opacity: .5
    }

    .has-\[select\:disabled\]\:opacity-50:has(:-webkit-any(select:disabled)) {
        opacity: .5
    }

    .has-\[select\:disabled\]\:opacity-50:has(:-moz-any(select:disabled)) {
        opacity: .5
    }

    .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
        opacity: .5
    }

    .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]) {
        height: auto
    }

    .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]) {
        flex-direction: column
    }

    .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]) {
        height: auto
    }

    .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]) {
        flex-direction: column
    }

    .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]) {
        gap: calc(var(--spacing)*2)
    }

    .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]) {
        gap: calc(var(--spacing)*3)
    }

    .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
        align-items: flex-start
    }

    .has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]) {
        width: 100%
    }

    .has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]) {
        flex-direction: column
    }

    .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]) {
        border-radius: var(--radius-md)
    }

    .has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]) {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]) {
        gap: calc(var(--spacing)*3)
    }

    .has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button) {
        margin-right: -.45rem
    }

    .has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button) {
        margin-left: -.45rem
    }

    .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd) {
        margin-right: -.35rem
    }

    .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd) {
        margin-left: -.35rem
    }

    .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg) {
        grid-template-columns: calc(var(--spacing)*4)1fr
    }

    .has-\[\>svg\]\:gap-x-3:has(>svg) {
        column-gap: calc(var(--spacing)*3)
    }

    .has-\[\>svg\]\:p-0:has(>svg) {
        padding: calc(var(--spacing)*0)
    }

    .has-\[\>svg\]\:px-2:has(>svg) {
        padding-inline: calc(var(--spacing)*2)
    }

    .has-\[\>svg\]\:px-2\.5:has(>svg) {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .has-\[\>textarea\]\:h-auto:has(>textarea) {
        height: auto
    }

    .aria-disabled\:pointer-events-none[aria-disabled=true] {
        pointer-events: none
    }

    .aria-disabled\:opacity-50[aria-disabled=true] {
        opacity: .5
    }

    .aria-invalid\:border-destructive[aria-invalid=true] {
        border-color: var(--color-destructive)
    }

    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color: #f7647e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
        }
    }

    .aria-selected\:text-\[var\(--text-disabled\,\#505050\)\][aria-selected=true] {
        color: var(--text-disabled, #505050)
    }

    .aria-selected\:text-muted-foreground[aria-selected=true] {
        color: var(--color-muted-foreground)
    }

    .aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal] {
        height: 1px
    }

    .aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal] {
        width: 100%
    }

    .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*1)
    }

    .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after {
        content: var(--tw-content);
        width: 100%
    }

    .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after {
        content: var(--tw-content);
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical] {
        flex-direction: column
    }

    .data-disabled\:cursor-not-allowed[data-disabled] {
        cursor: not-allowed
    }

    .data-disabled\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[active\=true\]\:z-10[data-active=true] {
        z-index: 10
    }

    .data-\[active\=true\]\:border-ring[data-active=true] {
        border-color: var(--color-ring)
    }

    .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
        background-color: #40404080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
            background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
        }
    }

    .data-\[active\=true\]\:bg-sidebar-accent[data-active=true] {
        background-color: var(--color-sidebar-accent)
    }

    .data-\[active\=true\]\:font-medium[data-active=true] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .data-\[active\=true\]\:text-accent-foreground[data-active=true] {
        color: var(--color-accent-foreground)
    }

    .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] {
        color: var(--color-sidebar-accent-foreground)
    }

    .data-\[active\=true\]\:ring-\[3px\][data-active=true] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[active\=true\]\:ring-ring\/50[data-active=true] {
        --tw-ring-color: color-mix(in srgb, hsl(var(--ring))50%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:ring-ring\/50[data-active=true] {
            --tw-ring-color: color-mix(in oklab, var(--color-ring)50%, transparent)
        }
    }

    @media (hover:hover) {
        .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
            background-color: var(--color-accent)
        }
    }

    .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
        background-color: var(--color-accent)
    }

    .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true] {
        border-color: var(--color-destructive)
    }

    .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] {
        --tw-ring-color: #f7647e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
        }
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:text-text-disabled[data-disabled] {
        color: var(--color-text-disabled)
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
        pointer-events: none
    }

    .data-\[disabled\=true\]\:opacity-50[data-disabled=true] {
        opacity: .5
    }

    .data-\[error\=true\]\:text-destructive[data-error=true] {
        color: var(--color-destructive)
    }

    .data-\[inset\]\:pl-8[data-inset] {
        padding-left: calc(var(--spacing)*8)
    }

    .data-\[invalid\=true\]\:text-destructive[data-invalid=true] {
        color: var(--color-destructive)
    }

    .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] {
        --tw-enter-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] {
        --tw-enter-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] {
        --tw-exit-translate-x: calc(52*var(--spacing))
    }

    .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] {
        --tw-exit-translate-x: calc(52*var(--spacing)*-1)
    }

    .data-\[motion\^\=from-\]\:animate-in[data-motion^=from-] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] {
        --tw-enter-opacity: 0
    }

    .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[motion\^\=to-\]\:fade-out[data-motion^=to-] {
        --tw-exit-opacity: 0
    }

    .data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal] {
        height: 1px
    }

    .data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal] {
        width: 100%
    }

    .data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal] {
        flex-direction: column
    }

    .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical] {
        height: auto
    }

    .data-\[orientation\=vertical\]\:h-full[data-orientation=vertical] {
        height: 100%
    }

    .data-\[orientation\=vertical\]\:w-px[data-orientation=vertical] {
        width: 1px
    }

    .data-\[placeholder\]\:text-text-tertiary[data-placeholder] {
        color: var(--color-text-tertiary)
    }

    .data-\[range-end\=true\]\:rounded-md[data-range-end=true] {
        border-radius: var(--radius-md)
    }

    .data-\[range-end\=true\]\:rounded-r-md[data-range-end=true] {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .data-\[range-end\=true\]\:bg-primary[data-range-end=true] {
        background-color: var(--color-primary)
    }

    .data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true] {
        color: var(--color-primary-foreground)
    }

    .data-\[range-middle\=true\]\:rounded-none[data-range-middle=true] {
        border-radius: 0
    }

    .data-\[range-middle\=true\]\:bg-accent[data-range-middle=true] {
        background-color: var(--color-accent)
    }

    .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true] {
        color: var(--color-accent-foreground)
    }

    .data-\[range-start\=true\]\:rounded-md[data-range-start=true] {
        border-radius: var(--radius-md)
    }

    .data-\[range-start\=true\]\:rounded-l-md[data-range-start=true] {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .data-\[range-start\=true\]\:bg-primary[data-range-start=true] {
        background-color: var(--color-primary)
    }

    .data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true] {
        color: var(--color-primary-foreground)
    }

    .data-\[selected\]\:bg-\[\#404040\][data-selected] {
        background-color: #404040
    }

    .data-\[selected\]\:bg-fill-btn-secondary-hover[data-selected] {
        background-color: var(--color-fill-btn-secondary-hover)
    }

    .data-\[selected\]\:text-text-primary[data-selected] {
        color: var(--color-text-primary)
    }

    .data-\[selected-single\=true\]\:bg-primary[data-selected-single=true] {
        background-color: var(--color-primary)
    }

    .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true] {
        color: var(--color-primary-foreground)
    }

    .data-\[selected\=true\]\:rounded-none[data-selected=true] {
        border-radius: 0
    }

    .data-\[selected\=true\]\:bg-accent[data-selected=true] {
        background-color: var(--color-accent)
    }

    .data-\[selected\=true\]\:text-accent-foreground[data-selected=true] {
        color: var(--color-accent-foreground)
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: calc(2*var(--spacing))
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: calc(2*var(--spacing)*-1)
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: calc(2*var(--spacing))
    }

    .data-\[size\=default\]\:h-10[data-size=default] {
        height: calc(var(--spacing)*10)
    }

    .data-\[size\=lg\]\:size-10[data-size=lg] {
        width: calc(var(--spacing)*10);
        height: calc(var(--spacing)*10)
    }

    .data-\[size\=sm\]\:size-6[data-size=sm] {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .data-\[size\=sm\]\:h-7[data-size=sm] {
        height: calc(var(--spacing)*7)
    }

    .data-\[size\=sm\]\:h-8[data-size=sm] {
        height: calc(var(--spacing)*8)
    }

    .data-\[size\=sm\]\:max-w-xs[data-size=sm] {
        max-width: var(--container-xs)
    }

    .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm] {
        border-radius: min(var(--radius-md), 10px)
    }

    .data-\[size\=sm\]\:py-1[data-size=sm] {
        padding-block: calc(var(--spacing)*1)
    }

    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
        color: #f7647ee6
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description] {
            color: color-mix(in oklab, var(--color-destructive)90%, transparent)
        }
    }

    :is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar] {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar] {
        --tw-ring-color: var(--color-background)
    }

    .data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group] {
        gap: calc(var(--spacing)*3)
    }

    :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper] {
        height: calc(var(--spacing)*12)
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
    }

    :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
    }

    :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value] {
        gap: calc(var(--spacing)*1.5)
    }

    .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] {
        border-radius: 0
    }

    .data-\[spacing\=0\]\:shadow-none[data-spacing="0"] {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .data-\[state\=active\]\:animate-tabs-content-enter[data-state=active] {
        animation: var(--animate-tabs-content-enter)
    }

    .data-\[state\=active\]\:animate-tabs-content-horizontal-enter-from-left[data-state=active] {
        animation: var(--animate-tabs-content-horizontal-enter-from-left)
    }

    .data-\[state\=active\]\:animate-tabs-content-horizontal-enter-from-right[data-state=active] {
        animation: var(--animate-tabs-content-horizontal-enter-from-right)
    }

    .data-\[state\=active\]\:border-b[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .data-\[state\=active\]\:border-b-2[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .data-\[state\=active\]\:\!border-transparent[data-state=active] {
        border-color: #0000
    }

    .data-\[state\=active\]\:border-\[\#d9d9d9\][data-state=active] {
        border-color: #d9d9d9
    }

    .data-\[state\=active\]\:border-appwhite[data-state=active] {
        border-color: var(--color-appwhite)
    }

    .data-\[state\=active\]\:border-line-border[data-state=active] {
        border-color: var(--color-line-border)
    }

    .data-\[state\=active\]\:border-text-primary[data-state=active] {
        border-color: var(--color-text-primary)
    }

    .data-\[state\=active\]\:border-transparent[data-state=active] {
        border-color: #0000
    }

    .data-\[state\=active\]\:\!bg-fill-btn-primary[data-state=active] {
        background-color: var(--color-fill-btn-primary)
    }

    .data-\[state\=active\]\:\!bg-transparent[data-state=active] {
        background-color: #0000
    }

    .data-\[state\=active\]\:bg-fill-btn-secondary[data-state=active] {
        background-color: var(--color-fill-btn-secondary)
    }

    .data-\[state\=active\]\:bg-transparent[data-state=active] {
        background-color: #0000
    }

    .data-\[state\=active\]\:bg-\[linear-gradient\(to_bottom\,transparent_0px\,transparent_96\%\,\#00CE5F_96\%\,\#00CE5F\)\][data-state=active] {
        background-image: linear-gradient(#0000 0, #0000 96%, #00ce5f 96%, #00ce5f)
    }

    .data-\[state\=active\]\:font-bold[data-state=active] {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .data-\[state\=active\]\:font-medium[data-state=active] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .data-\[state\=active\]\:font-normal[data-state=active] {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .data-\[state\=active\]\:\!text-text-black-static[data-state=active] {
        color: var(--color-text-black-static)
    }

    .data-\[state\=active\]\:\!text-text-on-btn[data-state=active] {
        color: var(--color-text-on-btn)
    }

    .data-\[state\=active\]\:\!text-text-primary[data-state=active] {
        color: var(--color-text-primary)
    }

    .data-\[state\=active\]\:\!text-white[data-state=active] {
        color: var(--color-white)
    }

    .data-\[state\=active\]\:text-\(--tab-active\)[data-state=active] {
        color: var(--tab-active)
    }

    .data-\[state\=active\]\:text-foreground[data-state=active] {
        color: var(--color-foreground)
    }

    .data-\[state\=active\]\:text-text-primary[data-state=active] {
        color: var(--color-text-primary)
    }

    .data-\[state\=active\]\:text-white[data-state=active] {
        color: var(--color-white)
    }

    .group-data-\[variant\=big\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=big] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=big\]\/tabs-list\:data-\[state\=active\]\:text-text-primary:is(:where(.group\/tabs-list)[data-variant=big] *)[data-state=active] {
        color: var(--color-text-primary)
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=big-new] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=big-new\]\/tabs-list\:data-\[state\=active\]\:text-text-primary:is(:where(.group\/tabs-list)[data-variant=big-new] *)[data-state=active] {
        color: var(--color-text-primary)
    }

    .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=secondary] *)[data-state=active] {
        border-color: #0000
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=secondary] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=secondary\]\/tabs-list\:data-\[state\=active\]\:text-text-primary:is(:where(.group\/tabs-list)[data-variant=secondary] *)[data-state=active] {
        color: var(--color-text-primary)
    }

    .group-data-\[variant\=third\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=third] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=third\]\/tabs-list\:data-\[state\=active\]\:text-text-on-sec-btn:is(:where(.group\/tabs-list)[data-variant=third] *)[data-state=active] {
        color: var(--color-text-on-sec-btn)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:\!border-b-0:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:border-b:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:border-b-2:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:\!border-transparent:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-color: #0000
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:border-line-border:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-color: var(--color-line-border)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:border-text-primary:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        border-color: var(--color-text-primary)
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        background-color: #0000
    }

    .group-data-\[variant\=trade\]\/tabs-list\:data-\[state\=active\]\:text-text-primary:is(:where(.group\/tabs-list)[data-variant=trade] *)[data-state=active] {
        color: var(--color-text-primary)
    }

    .data-\[state\=active\]\:after\:w-full[data-state=active]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[state\=active\]\:after\:opacity-100[data-state=active]:after {
        content: var(--tw-content);
        opacity: 1
    }

    .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:\!opacity-0:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after {
        content: var(--tw-content);
        opacity: 0
    }

    .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after {
        content: var(--tw-content);
        opacity: 1
    }

    .data-\[state\=checked\]\:translate-x-3\.5[data-state=checked] {
        --tw-translate-x: calc(var(--spacing)*3.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=checked\]\:translate-x-4[data-state=checked] {
        --tw-translate-x: calc(var(--spacing)*4);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=checked\]\:\!border-text-primary[data-state=checked] {
        border-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:border-appbrand[data-state=checked] {
        border-color: var(--color-appbrand)
    }

    .data-\[state\=checked\]\:border-appwhite[data-state=checked] {
        border-color: var(--color-appwhite)
    }

    .data-\[state\=checked\]\:border-border[data-state=checked] {
        border-color: var(--color-border)
    }

    .data-\[state\=checked\]\:border-text-primary[data-state=checked] {
        border-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:border-text-primary\![data-state=checked] {
        border-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:\!bg-appwhite[data-state=checked] {
        background-color: var(--color-appwhite)
    }

    .data-\[state\=checked\]\:\!bg-text-primary[data-state=checked] {
        background-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:bg-\[var\(--functional-green-1\)\][data-state=checked] {
        background-color: var(--functional-green-1)
    }

    .data-\[state\=checked\]\:bg-appbrand[data-state=checked] {
        background-color: var(--color-appbrand)
    }

    .data-\[state\=checked\]\:bg-fill-btn-primary[data-state=checked] {
        background-color: var(--color-fill-btn-primary)
    }

    .data-\[state\=checked\]\:bg-text-primary[data-state=checked] {
        background-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:bg-text-primary\![data-state=checked] {
        background-color: var(--color-text-primary)
    }

    .data-\[state\=checked\]\:text-black[data-state=checked] {
        color: var(--color-black)
    }

    .data-\[state\=checked\]\:text-fill-page-primary[data-state=checked] {
        color: var(--color-fill-page-primary)
    }

    .data-\[state\=checked\]\:text-fill-page-primary\![data-state=checked] {
        color: var(--color-fill-page-primary)
    }

    .data-\[state\=checked\]\:text-text-on-sec-btn[data-state=checked] {
        color: var(--color-text-on-sec-btn)
    }

    @media (hover:hover) {
        .data-\[state\=checked\]\:hover\:bg-\[var\(--functional-green-1-hover\)\][data-state=checked]:hover {
            background-color: var(--functional-green-1-hover)
        }
    }

    .disabled\:data-\[state\=checked\]\:border-line-divider-tertiary:disabled[data-state=checked] {
        border-color: var(--color-line-divider-tertiary)
    }

    .disabled\:data-\[state\=checked\]\:bg-transparent:disabled[data-state=checked] {
        background-color: #0000
    }

    .disabled\:data-\[state\=checked\]\:text-line-divider-tertiary:disabled[data-state=checked] {
        color: var(--color-line-divider-tertiary)
    }

    .data-\[state\=closed\]\:animate-accordion-up[data-state=closed] {
        animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
        --tw-exit-translate-y: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
        --tw-exit-translate-x: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
        --tw-exit-translate-x: calc(1/2*-100%)
    }

    .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
        --tw-exit-translate-y: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
        --tw-exit-translate-y: calc(48%*-1)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=hidden\]\:animate-out[data-state=hidden] {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=hidden\]\:fade-out[data-state=hidden] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=inactive\]\:hidden[data-state=inactive] {
        display: none
    }

    .data-\[state\=inactive\]\:text-text-tertiary[data-state=inactive] {
        color: var(--color-text-tertiary)
    }

    .data-\[state\=indeterminate\]\:border-text-primary[data-state=indeterminate] {
        border-color: var(--color-text-primary)
    }

    .data-\[state\=indeterminate\]\:bg-text-primary[data-state=indeterminate] {
        background-color: var(--color-text-primary)
    }

    .disabled\:data-\[state\=indeterminate\]\:border-line-divider-tertiary:disabled[data-state=indeterminate] {
        border-color: var(--color-line-divider-tertiary)
    }

    .disabled\:data-\[state\=indeterminate\]\:bg-transparent:disabled[data-state=indeterminate] {
        background-color: #0000
    }

    .disabled\:data-\[state\=indeterminate\]\:text-line-divider-tertiary:disabled[data-state=indeterminate] {
        color: var(--color-line-divider-tertiary)
    }

    .data-\[state\=on\]\:bg-\[var\(--fill-page-tertiary\)\][data-state=on] {
        background-color: var(--fill-page-tertiary)
    }

    .data-\[state\=on\]\:bg-transparent[data-state=on] {
        background-color: #0000
    }

    .data-\[state\=on\]\:opacity-100[data-state=on] {
        opacity: 1
    }

    .data-\[state\=on\]\:disabled\:bg-transparent[data-state=on]:disabled {
        background-color: #0000
    }

    .data-\[state\=open\]\:animate-accordion-down[data-state=open] {
        animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=open\]\:gap-2[data-state=open] {
        gap: calc(var(--spacing)*2)
    }

    .data-\[state\=open\]\:border-line-border[data-state=open] {
        border-color: var(--color-line-border)
    }

    .data-\[state\=open\]\:border-transparent[data-state=open] {
        border-color: #0000
    }

    .data-\[state\=open\]\:bg-accent[data-state=open] {
        background-color: var(--color-accent)
    }

    .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
        background-color: #40404080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
            background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
        }
    }

    .data-\[state\=open\]\:bg-fill-btn-secondary-hover[data-state=open] {
        background-color: var(--color-fill-btn-secondary-hover)
    }

    .data-\[state\=open\]\:text-accent-foreground[data-state=open] {
        color: var(--color-accent-foreground)
    }

    .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
        color: var(--color-muted-foreground)
    }

    .data-\[state\=open\]\:text-text-primary[data-state=open] {
        color: var(--color-text-primary)
    }

    .data-\[state\=open\]\:opacity-100[data-state=open] {
        opacity: 1
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:zoom-in-90[data-state=open] {
        --tw-enter-scale: .9
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
        --tw-enter-translate-y: 100%
    }

    .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
        --tw-enter-translate-x: -100%
    }

    .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
        --tw-enter-translate-x: calc(1/2*-100%)
    }

    .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
        --tw-enter-translate-y: -100%
    }

    .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] {
        --tw-enter-translate-y: calc(48%*-1)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-opacity: 0
    }

    .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open] {
        --tw-enter-scale: .95
    }

    @media (hover:hover) {
        .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
            background-color: var(--color-accent)
        }

        .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
            background-color: var(--color-sidebar-accent)
        }

        .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
            color: var(--color-sidebar-accent-foreground)
        }
    }

    .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
        background-color: var(--color-accent)
    }

    .data-\[state\=selected\]\:bg-\[\#242424\][data-state=selected] {
        background-color: #242424
    }

    .data-\[state\=selected\]\:bg-\[\#404040\][data-state=selected] {
        background-color: #404040
    }

    .data-\[state\=selected\]\:bg-transparent[data-state=selected] {
        background-color: #0000
    }

    .data-\[state\=selected\]\:text-\[\#F9F9F9\][data-state=selected],
    .data-\[state\=selected\]\:text-\[\#f9f9f9\][data-state=selected] {
        color: #f9f9f9
    }

    .data-\[state\=selected\]\:text-text-primary[data-state=selected] {
        color: var(--color-text-primary)
    }

    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    @media (hover:hover) {
        .enabled\:data-\[state\=unchecked\]\:hover\:bg-fill-input-primary:enabled[data-state=unchecked]:hover {
            background-color: var(--color-fill-input-primary)
        }
    }

    .data-\[state\=visible\]\:animate-in[data-state=visible] {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-\[state\=visible\]\:fade-in[data-state=visible] {
        --tw-enter-opacity: 0
    }

    .data-\[variant\=destructive\]\:text-destructive[data-variant=destructive] {
        color: var(--color-destructive)
    }

    .data-\[variant\=destructive\]\:text-functional-red-1[data-variant=destructive] {
        color: var(--color-functional-red-1)
    }

    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
        background-color: #f7647e1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--color-destructive)10%, transparent)
        }
    }

    .data-\[variant\=destructive\]\:focus\:bg-functional-red-1\/10[data-variant=destructive]:focus {
        background-color: var(--color-functional-red-1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[variant\=destructive\]\:focus\:bg-functional-red-1\/10[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--color-functional-red-1)10%, transparent)
        }
    }

    .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
        color: var(--color-destructive)
    }

    .data-\[variant\=destructive\]\:focus\:text-functional-red-1[data-variant=destructive]:focus {
        color: var(--color-functional-red-1)
    }

    .data-\[variant\=label\]\:text-sm[data-variant=label] {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .data-\[variant\=legend\]\:text-base[data-variant=legend] {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline] {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline] {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
        inset-inline: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
        bottom: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
        margin-top: calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
        border-top-left-radius: var(--radius-lg);
        border-top-right-radius: var(--radius-lg)
    }

    .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
        inset-block: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
        left: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
        inset-block: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
        right: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
        width: 75%
    }

    .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
        inset-inline: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
        top: calc(var(--spacing)*0)
    }

    .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
        margin-bottom: calc(var(--spacing)*24)
    }

    .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
        max-height: 80vh
    }

    .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .nth-last-2\:-mt-1:nth-last-child(2) {
        margin-top: calc(var(--spacing)*-1)
    }

    @media not all and (min-width:64rem) {
        .max-lg\:top-\[51px\] {
            top: 51px
        }

        .max-lg\:left-\[121px\] {
            left: 121px
        }

        .max-lg\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .max-lg\:flex {
            display: flex
        }

        .max-lg\:hidden {
            display: none
        }

        .max-lg\:h-\[369px\] {
            height: 369px
        }

        .max-lg\:h-\[420px\] {
            height: 420px
        }

        .max-lg\:\!w-\[320px\] {
            width: 320px
        }

        .max-lg\:w-\[179px\] {
            width: 179px
        }

        .max-lg\:w-\[243px\] {
            width: 243px
        }

        .max-lg\:w-\[300px\] {
            width: 300px
        }

        .max-lg\:w-\[320px\] {
            width: 320px
        }

        .max-lg\:w-full {
            width: 100%
        }

        .max-lg\:max-w-\[200px\] {
            max-width: 200px
        }

        .max-lg\:flex-col {
            flex-direction: column
        }

        .max-lg\:flex-wrap {
            flex-wrap: wrap
        }

        .max-lg\:items-center {
            align-items: center
        }

        .max-lg\:justify-center {
            justify-content: center
        }

        .max-lg\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .max-lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .max-lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .max-lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .max-lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .max-lg\:rounded-\[21px\] {
            border-radius: 21px
        }

        .max-lg\:rounded-\[28px\] {
            border-radius: 28px
        }

        .max-lg\:rounded-\[30px\] {
            border-radius: 30px
        }

        .max-lg\:border-\[2\.5px\] {
            border-style: var(--tw-border-style);
            border-width: 2.5px
        }

        .max-lg\:border-y {
            border-block-style: var(--tw-border-style);
            border-top-width: 1px;
            border-bottom-width: 1px
        }

        .max-lg\:border-r-0 {
            border-right-style: var(--tw-border-style);
            border-right-width: 0
        }

        .max-lg\:border-dashed {
            --tw-border-style: dashed;
            border-style: dashed
        }

        .max-lg\:bg-theme-normal {
            background-color: var(--color-theme-normal)
        }

        .max-lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .max-lg\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .max-lg\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .max-lg\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .max-lg\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .max-lg\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .max-lg\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .max-lg\:pl-2 {
            padding-left: calc(var(--spacing)*2)
        }

        .max-lg\:text-center {
            text-align: center
        }

        .max-lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .max-lg\:text-\[22px\] {
            font-size: 22px
        }

        .max-lg\:text-\[32px\] {
            font-size: 32px
        }

        .max-lg\:leading-5\.5 {
            --tw-leading: calc(var(--spacing)*5.5);
            line-height: calc(var(--spacing)*5.5)
        }

        .max-lg\:leading-10 {
            --tw-leading: calc(var(--spacing)*10);
            line-height: calc(var(--spacing)*10)
        }

        .max-lg\:whitespace-normal {
            white-space: normal
        }

        .max-lg\:text-text-secondary {
            color: var(--color-text-secondary)
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .max-md\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .max-md\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }
    }

    @media not all and (min-width:40rem) {
        .max-sm\:inset-x-0 {
            inset-inline: calc(var(--spacing)*0)
        }

        .max-sm\:top-1\/2 {
            top: 50%
        }

        .max-sm\:bottom-0 {
            bottom: calc(var(--spacing)*0)
        }

        .max-sm\:bottom-auto {
            bottom: auto
        }

        .max-sm\:left-1\/2 {
            left: 50%
        }

        .max-sm\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .max-sm\:block {
            display: block
        }

        .max-sm\:hidden {
            display: none
        }

        .max-sm\:w-\[calc\(100vw-32px\)\] {
            width: calc(100vw - 32px)
        }

        .max-sm\:w-full {
            width: 100%
        }

        .max-sm\:max-w-\[420px\] {
            max-width: 420px
        }

        .max-sm\:-translate-x-1\/2 {
            --tw-translate-x: calc(calc(1/2*100%)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .max-sm\:-translate-y-1\/2 {
            --tw-translate-y: calc(calc(1/2*100%)*-1);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .max-sm\:flex-col {
            flex-direction: column
        }

        .max-sm\:items-start {
            align-items: flex-start
        }

        .max-sm\:justify-start {
            justify-content: flex-start
        }

        .max-sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .max-sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .max-sm\:rounded-t-xl {
            border-top-left-radius: var(--radius-xl);
            border-top-right-radius: var(--radius-xl)
        }

        .max-sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .max-sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .max-sm\:text-\[32px\] {
            font-size: 32px
        }

        .max-sm\:leading-10 {
            --tw-leading: calc(var(--spacing)*10);
            line-height: calc(var(--spacing)*10)
        }

        .max-sm\:data-\[state\=closed\]\:animate-out[data-state=closed] {
            animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
        }

        .max-sm\:data-\[state\=closed\]\:fade-out-0[data-state=closed] {
            --tw-exit-opacity: 0
        }

        .max-sm\:data-\[state\=closed\]\:slide-out-to-bottom-0[data-state=closed] {
            --tw-exit-translate-y: calc(0*100%)
        }

        .max-sm\:data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
            --tw-exit-translate-y: 100%
        }

        .max-sm\:data-\[state\=open\]\:animate-in[data-state=open] {
            animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
        }

        .max-sm\:data-\[state\=open\]\:fade-in-0[data-state=open] {
            --tw-enter-opacity: 0
        }

        .max-sm\:data-\[state\=open\]\:slide-in-from-bottom-0[data-state=open] {
            --tw-enter-translate-y: calc(0*100%)
        }

        .max-sm\:data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
            --tw-enter-translate-y: 100%
        }
    }

    @media (min-width:40rem) {
        .sm\:relative {
            position: relative
        }

        .sm\:top-\[50\%\] {
            top: 50%
        }

        .sm\:left-\[50\%\] {
            left: 50%
        }

        .sm\:flex {
            display: flex
        }

        .sm\:w-1\/3 {
            width: 33.3333%
        }

        .sm\:w-96 {
            width: calc(var(--spacing)*96)
        }

        .sm\:w-\[360px\] {
            width: 360px
        }

        .sm\:w-\[720px\] {
            width: 720px
        }

        .sm\:w-\[820px\] {
            width: 820px
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:\!max-w-\[420px\] {
            max-width: 420px
        }

        .sm\:max-w-90 {
            max-width: calc(var(--spacing)*90)
        }

        .sm\:max-w-96 {
            max-width: calc(var(--spacing)*96)
        }

        .sm\:max-w-105 {
            max-width: calc(var(--spacing)*105)
        }

        .sm\:max-w-\[22\.5rem\] {
            max-width: 22.5rem
        }

        .sm\:max-w-\[350px\] {
            max-width: 350px
        }

        .sm\:max-w-\[360px\] {
            max-width: 360px
        }

        .sm\:max-w-\[396px\] {
            max-width: 396px
        }

        .sm\:max-w-\[400px\] {
            max-width: 400px
        }

        .sm\:max-w-\[420px\] {
            max-width: 420px
        }

        .sm\:max-w-\[440px\] {
            max-width: 440px
        }

        .sm\:max-w-\[456px\] {
            max-width: 456px
        }

        .sm\:max-w-\[480px\] {
            max-width: 480px
        }

        .sm\:max-w-\[486px\] {
            max-width: 486px
        }

        .sm\:max-w-\[520px\] {
            max-width: 520px
        }

        .sm\:max-w-\[600px\] {
            max-width: 600px
        }

        .sm\:max-w-\[640px\] {
            max-width: 640px
        }

        .sm\:max-w-\[680px\] {
            max-width: 680px
        }

        .sm\:max-w-\[700px\] {
            max-width: 700px
        }

        .sm\:max-w-\[720px\] {
            max-width: 720px
        }

        .sm\:max-w-\[800px\] {
            max-width: 800px
        }

        .sm\:max-w-\[820px\] {
            max-width: 820px
        }

        .sm\:max-w-\[840px\] {
            max-width: 840px
        }

        .sm\:max-w-dialog {
            max-width: var(--spacing-dialog)
        }

        .sm\:max-w-full {
            max-width: 100%
        }

        .sm\:max-w-none {
            max-width: none
        }

        .sm\:translate-x-\[-50\%\] {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .sm\:translate-y-\[-50\%\] {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .sm\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:place-items-start {
            place-items: start
        }

        .sm\:justify-center {
            justify-content: center
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .sm\:gap-2\.5 {
            gap: calc(var(--spacing)*2.5)
        }

        :where(.sm\:space-x-0>:not(:last-child)) {
            --tw-space-x-reverse: 0
        }

        :where(.sm\:space-x-0>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-0>:not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)) {
            --tw-space-x-reverse: 0
        }

        :where(.sm\:space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
            margin-left: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-right: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        :where(.sm\:space-x-2>:not(:last-child)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
            margin-right: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
            margin-left: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
        }

        .sm\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *) {
            grid-row: span 2/span 2
        }

        .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *) {
            place-items: start
        }

        .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *) {
            text-align: left
        }

        .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *) {
            grid-column-start: 2
        }

        .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]) {
            grid-template-rows: auto 1fr
        }

        .data-\[size\=default\]\:sm\:max-w-90[data-size=default] {
            max-width: calc(var(--spacing)*90)
        }

        .sm\:data-\[state\=closed\]\:animate-out[data-state=closed] {
            animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
        }

        .sm\:data-\[state\=closed\]\:fade-out-0[data-state=closed] {
            --tw-exit-opacity: 0
        }

        .sm\:data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
            --tw-exit-scale: .95
        }

        .sm\:data-\[state\=open\]\:animate-in[data-state=open] {
            animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
        }

        .sm\:data-\[state\=open\]\:fade-in-0[data-state=open] {
            --tw-enter-opacity: 0
        }

        .sm\:data-\[state\=open\]\:zoom-in-95[data-state=open] {
            --tw-enter-scale: .95
        }

        .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],
        .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
            max-width: var(--container-sm)
        }
    }

    @media (min-width:48rem) {
        .md\:absolute {
            position: absolute
        }

        .gtPhone\:order-1 {
            order: 1
        }

        .gtPhone\:order-2 {
            order: 2
        }

        .gtPhone\:order-3 {
            order: 3
        }

        .gtPhone\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .gtPhone\:\!mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .gtPhone\:mt-1 {
            margin-top: calc(var(--spacing)*1)
        }

        .gtPhone\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .gtPhone\:mt-5 {
            margin-top: calc(var(--spacing)*5)
        }

        .gtPhone\:mt-11 {
            margin-top: calc(var(--spacing)*11)
        }

        .gtPhone\:mt-16 {
            margin-top: calc(var(--spacing)*16)
        }

        .gtPhone\:mt-\[3\.125rem\] {
            margin-top: 3.125rem
        }

        .gtPhone\:mr-2 {
            margin-right: calc(var(--spacing)*2)
        }

        .gtPhone\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .gtPhone\:ml-2 {
            margin-left: calc(var(--spacing)*2)
        }

        .gtPhone\:block {
            display: block
        }

        .gtPhone\:flex {
            display: flex
        }

        .gtPhone\:grid {
            display: grid
        }

        .gtPhone\:hidden {
            display: none
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:grid {
            display: grid
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .gtPhone\:h-6 {
            height: calc(var(--spacing)*6)
        }

        .gtPhone\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .gtPhone\:h-\[21\.5px\] {
            height: 21.5px
        }

        .gtPhone\:h-\[21px\] {
            height: 21px
        }

        .gtPhone\:h-\[320px\] {
            height: 320px
        }

        .gtPhone\:h-\[331px\] {
            height: 331px
        }

        .gtPhone\:h-auto {
            height: auto
        }

        .gtPhone\:h-full {
            height: 100%
        }

        .md\:h-4 {
            height: calc(var(--spacing)*4)
        }

        .md\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .md\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .md\:h-16 {
            height: calc(var(--spacing)*16)
        }

        .md\:h-\[18px\] {
            height: 18px
        }

        .gtPhone\:max-h-full {
            max-height: 100%
        }

        .md\:max-h-\[360px\] {
            max-height: 360px
        }

        .gtPhone\:min-h-10 {
            min-height: calc(var(--spacing)*10)
        }

        .gtPhone\:w-1\/2 {
            width: 50%
        }

        .gtPhone\:w-\[1\.625rem\] {
            width: 1.625rem
        }

        .gtPhone\:w-\[360px\] {
            width: 360px
        }

        .gtPhone\:w-\[600px\] {
            width: 600px
        }

        .gtPhone\:w-\[800px\] {
            width: 800px
        }

        .gtPhone\:w-full {
            width: 100%
        }

        .md\:w-4 {
            width: calc(var(--spacing)*4)
        }

        .md\:w-12 {
            width: calc(var(--spacing)*12)
        }

        .md\:w-14 {
            width: calc(var(--spacing)*14)
        }

        .md\:w-16 {
            width: calc(var(--spacing)*16)
        }

        .md\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .md\:w-\[200px\] {
            width: 200px
        }

        .md\:w-\[360px\] {
            width: 360px
        }

        .md\:w-\[376px\] {
            width: 376px
        }

        .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
            width: var(--radix-navigation-menu-viewport-width)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-dialog {
            width: var(--spacing-dialog)
        }

        .md\:w-full {
            width: 100%
        }

        .gtPhone\:max-w-\[82\.5rem\] {
            max-width: 82.5rem
        }

        .gtPhone\:max-w-\[360px\] {
            max-width: 360px
        }

        .gtPhone\:max-w-\[600px\] {
            max-width: 600px
        }

        .gtPhone\:max-w-\[640px\] {
            max-width: 640px
        }

        .gtPhone\:max-w-\[800px\] {
            max-width: 800px
        }

        .gtPhone\:max-w-full {
            max-width: 100%
        }

        .md\:min-w-45 {
            min-width: calc(var(--spacing)*45)
        }

        .md\:flex-none {
            flex: none
        }

        .gtPhone\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .gtPhone\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-\[160px_140px_1px_140px_100px_1fr_100px\] {
            grid-template-columns: 160px 140px 1px 140px 100px 1fr 100px
        }

        .gtPhone\:flex-col {
            flex-direction: column
        }

        .gtPhone\:flex-row,
        .md\:flex-row {
            flex-direction: row
        }

        .gtPhone\:items-center {
            align-items: center
        }

        .gtPhone\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .gtPhone\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .gtPhone\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .md\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .md\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .gtPhone\:overflow-y-auto {
            overflow-y: auto
        }

        .gtPhone\:rounded-\[16px\] {
            border-radius: 16px
        }

        .gtPhone\:rounded-full {
            border-radius: 3.40282e38px
        }

        .gtPhone\:rounded-none {
            border-radius: 0
        }

        .gtPhone\:rounded-xs {
            border-radius: var(--radius-xs)
        }

        .md\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .gtPhone\:border,
        .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .gtPhone\:border-x {
            border-inline-style: var(--tw-border-style);
            border-left-width: 1px;
            border-right-width: 1px
        }

        .gtPhone\:border-y-0 {
            border-block-style: var(--tw-border-style);
            border-top-width: 0;
            border-bottom-width: 0
        }

        .gtPhone\:border-y-2 {
            border-block-style: var(--tw-border-style);
            border-top-width: 2px;
            border-bottom-width: 2px
        }

        .gtPhone\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }

        .gtPhone\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .gtPhone\:border-r-0 {
            border-right-style: var(--tw-border-style);
            border-right-width: 0
        }

        .gtPhone\:border-r-2 {
            border-right-style: var(--tw-border-style);
            border-right-width: 2px
        }

        .gtPhone\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .gtPhone\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .gtPhone\:border-b-2 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px
        }

        .md\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .gtPhone\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .gtPhone\:border-l-2 {
            border-left-style: var(--tw-border-style);
            border-left-width: 2px
        }

        .gtPhone\:border-solid {
            --tw-border-style: solid;
            border-style: solid
        }

        .md\:border-none {
            --tw-border-style: none;
            border-style: none
        }

        .gtPhone\:border-\[\#242424\] {
            border-color: #242424
        }

        .gtPhone\:border-line-border {
            border-color: var(--color-line-border)
        }

        .gtPhone\:border-line-divider-tertiary {
            border-color: var(--color-line-divider-tertiary)
        }

        .gtPhone\:border-transparent {
            border-color: #0000
        }

        .gtPhone\:border-white {
            border-color: var(--color-white)
        }

        .md\:border-line-divider-tertiary {
            border-color: var(--color-line-divider-tertiary)
        }

        .gtPhone\:bg-\[\#0e0f0f\] {
            background-color: #0e0f0f
        }

        .gtPhone\:bg-\[\#111413\] {
            background-color: #111413
        }

        .gtPhone\:bg-\[\#242424\] {
            background-color: #242424
        }

        .gtPhone\:bg-transparent {
            background-color: #0000
        }

        .gtPhone\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .gtPhone\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .gtPhone\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:p-12 {
            padding: calc(var(--spacing)*12)
        }

        .gtPhone\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .gtPhone\:px-1 {
            padding-inline: calc(var(--spacing)*1)
        }

        .gtPhone\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .gtPhone\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .gtPhone\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .gtPhone\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .gtPhone\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .gtPhone\:px-\[2\.5rem\] {
            padding-left: 2.5rem;
            padding-right: 2.5rem
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .md\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .md\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .gtPhone\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .gtPhone\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .gtPhone\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .gtPhone\:py-5 {
            padding-block: calc(var(--spacing)*5)
        }

        .gtPhone\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .gtPhone\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .gtPhone\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .gtPhone\:py-\[2rem\] {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .md\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .md\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .gtPhone\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .gtPhone\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .gtPhone\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .gtPhone\:pt-11 {
            padding-top: calc(var(--spacing)*11)
        }

        .md\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing)*4)
        }

        .gtPhone\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .gtPhone\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .gtPhone\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .gtPhone\:pb-5 {
            padding-bottom: calc(var(--spacing)*5)
        }

        .gtPhone\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .gtPhone\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .md\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .md\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .md\:pl-2 {
            padding-left: calc(var(--spacing)*2)
        }

        .md\:text-left {
            text-align: left
        }

        .gtPhone\:\!text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .gtPhone\:\!text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .gtPhone\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .gtPhone\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .gtPhone\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .gtPhone\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .gtPhone\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .md\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .gtPhone\:\!text-\[12px\] {
            font-size: 12px
        }

        .gtPhone\:text-\[2rem\] {
            font-size: 2rem
        }

        .md\:text-\[11px\] {
            font-size: 11px
        }

        .md\:text-\[13px\] {
            font-size: 13px
        }

        .gtPhone\:\!leading-\[14px\] {
            --tw-leading: 14px;
            line-height: 14px
        }

        .gtPhone\:leading-10 {
            --tw-leading: calc(var(--spacing)*10);
            line-height: calc(var(--spacing)*10)
        }

        .gtPhone\:leading-\[2\.375rem\] {
            --tw-leading: 2.375rem;
            line-height: 2.375rem
        }

        .gtPhone\:font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }

        .gtPhone\:font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
        }

        .gtPhone\:text-nowrap {
            text-wrap: nowrap
        }

        .gtPhone\:text-wrap {
            text-wrap: wrap
        }

        .gtPhone\:\!text-\[\#F9F9F9\] {
            color: #f9f9f9
        }

        .gtPhone\:\!text-white {
            color: var(--color-white)
        }

        .md\:opacity-0 {
            opacity: 0
        }

        .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*) {
            margin: calc(var(--spacing)*2)
        }

        .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*) {
            margin-left: calc(var(--spacing)*0)
        }

        .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*) {
            border-radius: var(--radius-xl)
        }

        .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*) {
            --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*) {
            margin-left: calc(var(--spacing)*2)
        }

        .md\:after\:hidden:after {
            content: var(--tw-content);
            display: none
        }

        .gtPhone\:last\:border-b-0:last-child {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }
    }

    @media (min-width:64rem) {
        .lg\:sticky {
            position: sticky
        }

        .lg\:top-\[98px\] {
            top: 98px
        }

        .lg\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .lg\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .pc\:mt-28 {
            margin-top: calc(var(--spacing)*28)
        }

        .pc\:mt-\[1px\] {
            margin-top: 1px
        }

        .pc\:mb-\[7rem\] {
            margin-bottom: 7rem
        }

        .pc\:-ml-4 {
            margin-left: calc(var(--spacing)*-4)
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .pc\:block {
            display: block
        }

        .pc\:flex {
            display: flex
        }

        .pc\:hidden {
            display: none
        }

        .lg\:h-\[222px\] {
            height: 222px
        }

        .lg\:max-h-\[calc\(-98px\+100vh\)\] {
            max-height: calc(100vh - 98px)
        }

        .lg\:w-1\/2 {
            width: 50%
        }

        .lg\:w-\[222px\] {
            width: 222px
        }

        .lg\:w-\[250px\] {
            width: 250px
        }

        .lg\:w-\[400px\] {
            width: 400px
        }

        .lg\:min-w-\[120px\] {
            min-width: 120px
        }

        .pc\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:flex-row,
        .pc\:flex-row {
            flex-direction: row
        }

        .pc\:flex-wrap {
            flex-wrap: wrap
        }

        .pc\:items-center {
            align-items: center
        }

        .pc\:items-end {
            align-items: flex-end
        }

        .lg\:\!justify-center {
            justify-content: center
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .pc\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .pc\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .pc\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .lg\:self-start {
            align-self: flex-start
        }

        .lg\:border-x {
            border-inline-style: var(--tw-border-style);
            border-left-width: 1px;
            border-right-width: 1px
        }

        .lg\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }

        .lg\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .pc\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .lg\:\!px-\[max\(1rem\,calc\(\(100\%-1200px\)\/2\)\)\] {
            padding-left: max(1rem, 50% - 600px);
            padding-right: max(1rem, 50% - 600px)
        }

        .lg\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .lg\:px-\[max\(1rem\,calc\(\(100\%-1200px\)\/2\)\)\] {
            padding-left: max(1rem, 50% - 600px);
            padding-right: max(1rem, 50% - 600px)
        }

        .pc\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .pc\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .pc\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .lg\:py-11 {
            padding-block: calc(var(--spacing)*11)
        }

        .pc\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .pc\:pr-10 {
            padding-right: calc(var(--spacing)*10)
        }

        .pc\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .lg\:text-3xl {
            font-size: var(--text-3xl);
            line-height: var(--tw-leading, var(--text-3xl--line-height))
        }

        .pc\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .pc\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }

        .pc\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }
    }

    @media (min-width:80rem) {
        .xl\:h-\[206px\] {
            height: 206px
        }

        .xl\:px-\[60px\] {
            padding-left: 60px;
            padding-right: 60px
        }
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:flex-row {
            flex-direction: row
        }

        .\@md\/field-group\:items-center {
            align-items: center
        }

        .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]) {
            align-items: flex-start
        }
    }

    .dark\:bg-input\/30:is(.dark *, [data-theme=dark] *):not([data-theme=light] *) {
        background-color: color-mix(in srgb, hsl(var(--input))30%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-input\/30:is(.dark *, [data-theme=dark] *):not([data-theme=light] *) {
            background-color: color-mix(in oklab, var(--color-input)30%, transparent)
        }
    }

    .dark\:bg-transparent:is(.dark *, [data-theme=dark] *):not([data-theme=light] *) {
        background-color: #0000
    }

    @media (hover:hover) {
        .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):hover {
            background-color: #40404080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-accent\/50:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):hover {
                background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
            }
        }

        .dark\:hover\:bg-input\/50:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):hover {
            background-color: color-mix(in srgb, hsl(var(--input))50%, transparent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-input\/50:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):hover {
                background-color: color-mix(in oklab, var(--color-input)50%, transparent)
            }
        }

        .dark\:hover\:text-accent-foreground:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):hover {
            color: var(--color-accent-foreground)
        }
    }

    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):has([data-state=checked]) {
        background-color: #00ce5f1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):has([data-state=checked]) {
            background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }
    }

    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):has([data-slot][aria-invalid=true]) {
        --tw-ring-color: #f7647e66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *):has([data-slot][aria-invalid=true]) {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)40%, transparent)
        }
    }

    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[aria-invalid=true] {
        --tw-ring-color: #f7647e66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)40%, transparent)
        }
    }

    .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[data-active=true][aria-invalid=true] {
        --tw-ring-color: #f7647e66
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[data-active=true][aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--color-destructive)40%, transparent)
        }
    }

    .dark\:data-\[state\=checked\]\:\!bg-appwhite:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[data-state=checked] {
        background-color: var(--color-appwhite)
    }

    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[data-variant=destructive]:focus {
        background-color: #f7647e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *, [data-theme=dark] *):not([data-theme=light] *)[data-variant=destructive]:focus {
            background-color: color-mix(in oklab, var(--color-destructive)20%, transparent)
        }
    }

    @media not all and (min-width:48rem) {
        .phone\:absolute {
            position: absolute
        }

        .phone\:fixed {
            position: fixed
        }

        .phone\:inset-4 {
            inset: calc(var(--spacing)*4)
        }

        .phone\:top-auto {
            top: auto
        }

        .phone\:right-0 {
            right: calc(var(--spacing)*0)
        }

        .phone\:bottom-0 {
            bottom: calc(var(--spacing)*0)
        }

        .phone\:left-0 {
            left: calc(var(--spacing)*0)
        }

        .phone\:order-1 {
            order: 1
        }

        .phone\:order-2 {
            order: 2
        }

        .phone\:order-3 {
            order: 3
        }

        .phone\:order-4 {
            order: 4
        }

        .phone\:col-span-1 {
            grid-column: span 1/span 1
        }

        .phone\:col-span-2 {
            grid-column: span 2/span 2
        }

        .phone\:m-4 {
            margin: calc(var(--spacing)*4)
        }

        .phone\:mx-0 {
            margin-inline: calc(var(--spacing)*0)
        }

        .phone\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .phone\:mt-3 {
            margin-top: calc(var(--spacing)*3)
        }

        .phone\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .phone\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .phone\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }

        .phone\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .phone\:mr-0 {
            margin-right: calc(var(--spacing)*0)
        }

        .phone\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .phone\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .phone\:ml-3 {
            margin-left: calc(var(--spacing)*3)
        }

        .phone\:block {
            display: block
        }

        .phone\:flex {
            display: flex
        }

        .phone\:grid {
            display: grid
        }

        .phone\:hidden {
            display: none
        }

        .phone\:size-\[288px\] {
            width: 288px;
            height: 288px
        }

        .phone\:size-\[320px\] {
            width: 320px;
            height: 320px
        }

        .phone\:\!h-5 {
            height: calc(var(--spacing)*5)
        }

        .phone\:h-3 {
            height: calc(var(--spacing)*3)
        }

        .phone\:h-6 {
            height: calc(var(--spacing)*6)
        }

        .phone\:h-7 {
            height: calc(var(--spacing)*7)
        }

        .phone\:h-8 {
            height: calc(var(--spacing)*8)
        }

        .phone\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .phone\:h-12 {
            height: calc(var(--spacing)*12)
        }

        .phone\:h-\[6\.25rem\] {
            height: 6.25rem
        }

        .phone\:h-\[11\.5rem\] {
            height: 11.5rem
        }

        .phone\:h-\[11px\] {
            height: 11px
        }

        .phone\:h-auto {
            height: auto
        }

        .phone\:h-full {
            height: 100%
        }

        .phone\:min-h-5 {
            min-height: calc(var(--spacing)*5)
        }

        .phone\:min-h-\[15rem\] {
            min-height: 15rem
        }

        .phone\:w-3 {
            width: calc(var(--spacing)*3)
        }

        .phone\:w-20 {
            width: calc(var(--spacing)*20)
        }

        .phone\:w-\[6\.75rem\] {
            width: 6.75rem
        }

        .phone\:w-auto {
            width: auto
        }

        .phone\:w-full {
            width: 100%
        }

        .phone\:max-w-full {
            max-width: 100%
        }

        .phone\:max-w-none {
            max-width: none
        }

        .phone\:min-w-6 {
            min-width: calc(var(--spacing)*6)
        }

        .phone\:shrink-0 {
            flex-shrink: 0
        }

        .phone\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .phone\:flex-col {
            flex-direction: column
        }

        .phone\:flex-row {
            flex-direction: row
        }

        .phone\:items-center {
            align-items: center
        }

        .phone\:items-start {
            align-items: flex-start
        }

        .phone\:items-stretch {
            align-items: stretch
        }

        .phone\:justify-between {
            justify-content: space-between
        }

        .phone\:justify-start {
            justify-content: flex-start
        }

        .phone\:gap-0 {
            gap: calc(var(--spacing)*0)
        }

        .phone\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .phone\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .phone\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .phone\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .phone\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .phone\:gap-x-6 {
            column-gap: calc(var(--spacing)*6)
        }

        .phone\:gap-y-4 {
            row-gap: calc(var(--spacing)*4)
        }

        .phone\:overflow-hidden {
            overflow: hidden
        }

        .phone\:overflow-x-scroll {
            overflow-x: scroll
        }

        .phone\:rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .phone\:rounded-\[16px\] {
            border-radius: 16px
        }

        .phone\:rounded-full {
            border-radius: 3.40282e38px
        }

        .phone\:rounded-none {
            border-radius: 0
        }

        .phone\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .phone\:rounded-xs {
            border-radius: var(--radius-xs)
        }

        .phone\:rounded-t-2xl {
            border-top-left-radius: var(--radius-2xl);
            border-top-right-radius: var(--radius-2xl)
        }

        .phone\:rounded-b-none {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .phone\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

        .phone\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .phone\:border-x-0 {
            border-inline-style: var(--tw-border-style);
            border-left-width: 0;
            border-right-width: 0
        }

        .phone\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }

        .phone\:border-t-0 {
            border-top-style: var(--tw-border-style);
            border-top-width: 0
        }

        .phone\:border-r-0 {
            border-right-style: var(--tw-border-style);
            border-right-width: 0
        }

        .phone\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .phone\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .phone\:border-b-2 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 2px
        }

        .phone\:border-dashed {
            --tw-border-style: dashed;
            border-style: dashed
        }

        .phone\:border-\[\#242424\] {
            border-color: #242424
        }

        .phone\:border-\[\#404040\] {
            border-color: #404040
        }

        .phone\:border-\[\#F9F9F9\] {
            border-color: #f9f9f9
        }

        .phone\:border-line-border {
            border-color: var(--color-line-border)
        }

        .phone\:border-line-divider-secondary {
            border-color: var(--color-line-divider-secondary)
        }

        .phone\:border-line-divider-tertiary {
            border-color: var(--color-line-divider-tertiary)
        }

        .phone\:border-transparent {
            border-color: #0000
        }

        .phone\:border-white {
            border-color: var(--color-white)
        }

        .phone\:bg-\[\#181818\] {
            background-color: #181818
        }

        .phone\:bg-\[\#242424\] {
            background-color: #242424
        }

        .phone\:bg-fill-btn-primary {
            background-color: var(--color-fill-btn-primary)
        }

        .phone\:bg-fill-btn-secondary {
            background-color: var(--color-fill-btn-secondary)
        }

        .phone\:bg-fill-page-secondary {
            background-color: var(--color-fill-page-secondary)
        }

        .phone\:bg-transparent {
            background-color: #0000
        }

        .phone\:p-0 {
            padding: calc(var(--spacing)*0)
        }

        .phone\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .phone\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .phone\:px-1 {
            padding-inline: calc(var(--spacing)*1)
        }

        .phone\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .phone\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .phone\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .phone\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .phone\:px-\[1rem\] {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .phone\:\!py-2 {
            padding-block: calc(var(--spacing)*2)
        }

        .phone\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }

        .phone\:py-2\.5 {
            padding-block: calc(var(--spacing)*2.5)
        }

        .phone\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .phone\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .phone\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .phone\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .phone\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .phone\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }

        .phone\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }

        .phone\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .phone\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .phone\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .phone\:pt-11 {
            padding-top: calc(var(--spacing)*11)
        }

        .phone\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }

        .phone\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }

        .phone\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .phone\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .phone\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .phone\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .phone\:pl-0 {
            padding-left: calc(var(--spacing)*0)
        }

        .phone\:\!text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .phone\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .phone\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .phone\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .phone\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .phone\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .phone\:\!text-\[12px\] {
            font-size: 12px
        }

        .phone\:\!text-\[16px\] {
            font-size: 16px
        }

        .phone\:text-\[0\.875rem\] {
            font-size: .875rem
        }

        .phone\:text-\[20px\] {
            font-size: 20px
        }

        .phone\:\!leading-\[14px\] {
            --tw-leading: 14px;
            line-height: 14px
        }

        .phone\:\!leading-\[24px\] {
            --tw-leading: 24px;
            line-height: 24px
        }

        .phone\:leading-4 {
            --tw-leading: calc(var(--spacing)*4);
            line-height: calc(var(--spacing)*4)
        }

        .phone\:leading-5 {
            --tw-leading: calc(var(--spacing)*5);
            line-height: calc(var(--spacing)*5)
        }

        .phone\:leading-6 {
            --tw-leading: calc(var(--spacing)*6);
            line-height: calc(var(--spacing)*6)
        }

        .phone\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }

        .phone\:leading-8 {
            --tw-leading: calc(var(--spacing)*8);
            line-height: calc(var(--spacing)*8)
        }

        .phone\:leading-\[0\.875rem\] {
            --tw-leading: .875rem;
            line-height: .875rem
        }

        .phone\:leading-\[1\.125rem\] {
            --tw-leading: 1.125rem;
            line-height: 1.125rem
        }

        .phone\:leading-\[1\.172em\] {
            --tw-leading: 1.172em;
            line-height: 1.172em
        }

        .phone\:leading-\[1\.375rem\] {
            --tw-leading: 1.375rem;
            line-height: 1.375rem
        }

        .phone\:leading-\[20px\] {
            --tw-leading: 20px;
            line-height: 20px
        }

        .phone\:font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
        }

        .phone\:font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }

        .phone\:font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal)
        }

        .phone\:\!text-\[\#929292\] {
            color: #929292
        }

        .phone\:\!text-\[\#F9F9F9\] {
            color: #f9f9f9
        }

        .phone\:\!text-white {
            color: var(--color-white)
        }

        .phone\:text-\[\#F9F9F9\] {
            color: #f9f9f9
        }

        .phone\:text-appwhite {
            color: var(--color-appwhite)
        }

        .phone\:text-special-switch-active {
            color: var(--color-special-switch-active)
        }

        .phone\:text-text-black-static {
            color: var(--color-text-black-static)
        }

        .phone\:text-text-primary {
            color: var(--color-text-primary)
        }

        .phone\:text-text-secondary {
            color: var(--color-text-secondary)
        }

        .phone\:text-text-white-static {
            color: var(--color-text-white-static)
        }

        .phone\:\[--lottery-label-radius\:103px\] {
            --lottery-label-radius: 103px
        }

        .phone\:focus\:bg-transparent:focus {
            background-color: #0000
        }

        .disabled\:phone\:bg-fill-btn-secondary:disabled {
            background-color: var(--color-fill-btn-secondary)
        }

        .phone\:data-\[state\=checked\]\:text-text-primary[data-state=checked] {
            color: var(--color-text-primary)
        }

        .phone\:data-\[state\=open\]\:animate-in[data-state=open] {
            animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
        }

        .phone\:data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
            --tw-enter-translate-y: calc(1*100%)
        }
    }

    @media not all and (min-width:64rem) {
        .ltPc\:top-10 {
            top: calc(var(--spacing)*10)
        }

        .ltPc\:m-auto {
            margin: auto
        }

        .ltPc\:mt-0 {
            margin-top: calc(var(--spacing)*0)
        }

        .ltPc\:mt-4 {
            margin-top: calc(var(--spacing)*4)
        }

        .ltPc\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .ltPc\:mb-\[2rem\] {
            margin-bottom: 2rem
        }

        .ltPc\:ml-6 {
            margin-left: calc(var(--spacing)*6)
        }

        .ltPc\:block {
            display: block
        }

        .ltPc\:flex {
            display: flex
        }

        .ltPc\:hidden {
            display: none
        }

        .ltPc\:size-2 {
            width: calc(var(--spacing)*2);
            height: calc(var(--spacing)*2)
        }

        .ltPc\:size-3 {
            width: calc(var(--spacing)*3);
            height: calc(var(--spacing)*3)
        }

        .ltPc\:size-4 {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }

        .ltPc\:h-16 {
            height: calc(var(--spacing)*16)
        }

        .ltPc\:h-\[20vh\] {
            height: 20vh
        }

        .ltPc\:h-\[260px\] {
            height: 260px
        }

        .ltPc\:h-\[calc\(100\%-48px\)\] {
            height: calc(100% - 48px)
        }

        .ltPc\:h-auto {
            height: auto
        }

        .ltPc\:h-px {
            height: 1px
        }

        .ltPc\:min-h-0 {
            min-height: calc(var(--spacing)*0)
        }

        .ltPc\:min-h-\[56px\] {
            min-height: 56px
        }

        .ltPc\:w-16 {
            width: calc(var(--spacing)*16)
        }

        .ltPc\:w-\[1080px\] {
            width: 1080px
        }

        .ltPc\:w-auto {
            width: auto
        }

        .ltPc\:w-full {
            width: 100%
        }

        .ltPc\:max-w-full {
            max-width: 100%
        }

        .ltPc\:min-w-\[1080px\] {
            min-width: 1080px
        }

        .ltPc\:flex-1 {
            flex: 1
        }

        .ltPc\:flex-none {
            flex: none
        }

        .ltPc\:shrink {
            flex-shrink: 1
        }

        .ltPc\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .ltPc\:flex-col {
            flex-direction: column
        }

        .ltPc\:items-start {
            align-items: flex-start
        }

        .ltPc\:items-stretch {
            align-items: stretch
        }

        .ltPc\:justify-between {
            justify-content: space-between
        }

        .ltPc\:justify-start {
            justify-content: flex-start
        }

        .ltPc\:gap-0\.5 {
            gap: calc(var(--spacing)*.5)
        }

        .ltPc\:gap-1 {
            gap: calc(var(--spacing)*1)
        }

        .ltPc\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .ltPc\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .ltPc\:gap-2\.5 {
            gap: calc(var(--spacing)*2.5)
        }

        .ltPc\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .ltPc\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .ltPc\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .ltPc\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .ltPc\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .ltPc\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

        .ltPc\:rounded-3xl {
            border-radius: var(--radius-3xl)
        }

        .ltPc\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }

        .ltPc\:border-l-0 {
            border-left-style: var(--tw-border-style);
            border-left-width: 0
        }

        .ltPc\:bg-fill-page-primary {
            background-color: var(--color-fill-page-primary)
        }

        .ltPc\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .ltPc\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .ltPc\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .ltPc\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .ltPc\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .ltPc\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }

        .ltPc\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .ltPc\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .ltPc\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .ltPc\:py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
        }

        .ltPc\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .ltPc\:py-4 {
            padding-block: calc(var(--spacing)*4)
        }

        .ltPc\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .ltPc\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .ltPc\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .ltPc\:py-\[49px\] {
            padding-top: 49px;
            padding-bottom: 49px
        }

        .ltPc\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .ltPc\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .ltPc\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .ltPc\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .ltPc\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .ltPc\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }

        .ltPc\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .ltPc\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .ltPc\:pb-\[2\.125rem\] {
            padding-bottom: 2.125rem
        }

        .ltPc\:pl-4 {
            padding-left: calc(var(--spacing)*4)
        }

        .ltPc\:text-center {
            text-align: center
        }

        .ltPc\:text-left {
            text-align: left
        }

        .ltPc\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .ltPc\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .ltPc\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .ltPc\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .ltPc\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .ltPc\:text-\[2rem\] {
            font-size: 2rem
        }

        .ltPc\:text-\[10\.5vw\] {
            font-size: 10.5vw
        }

        .ltPc\:text-\[32px\] {
            font-size: 32px
        }

        .ltPc\:text-\[48px\] {
            font-size: 48px
        }

        .ltPc\:leading-4 {
            --tw-leading: calc(var(--spacing)*4);
            line-height: calc(var(--spacing)*4)
        }

        .ltPc\:leading-4\.5 {
            --tw-leading: calc(var(--spacing)*4.5);
            line-height: calc(var(--spacing)*4.5)
        }

        .ltPc\:leading-5 {
            --tw-leading: calc(var(--spacing)*5);
            line-height: calc(var(--spacing)*5)
        }

        .ltPc\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }

        .ltPc\:leading-10 {
            --tw-leading: calc(var(--spacing)*10);
            line-height: calc(var(--spacing)*10)
        }

        .ltPc\:leading-\[1\.25\] {
            --tw-leading: 1.25;
            line-height: 1.25
        }

        .ltPc\:leading-\[17px\] {
            --tw-leading: 17px;
            line-height: 17px
        }

        .ltPc\:leading-\[23px\] {
            --tw-leading: 23px;
            line-height: 23px
        }

        .ltPc\:leading-\[58px\] {
            --tw-leading: 58px;
            line-height: 58px
        }

        .ltPc\:leading-\[normal\] {
            --tw-leading: normal;
            line-height: normal
        }

        .ltPc\:\[overflow-wrap\:anywhere\] {
            overflow-wrap: anywhere
        }

        .ltPc\:whitespace-normal {
            white-space: normal
        }
    }

    .\[\&_\.caret\]\:open\:fill-primary .caret:-webkit-any([open], :popover-open, :open) {
        fill: var(--color-primary)
    }

    .\[\&_\.caret\]\:open\:fill-primary .caret:-moz-any([open], :popover-open, :open) {
        fill: var(--color-primary)
    }

    .\[\&_\.caret\]\:open\:fill-primary .caret:is([open], :popover-open, :open) {
        fill: var(--color-primary)
    }

    .\[\&_\.edgex-table\.pin-rows_thead_tr\]\:\!bg-\[\#181818\] .edgex-table.pin-rows thead tr,
    .\[\&_\.edgex-table\.pin-rows_thead_tr\>th\]\:\!bg-\[\#181818\] .edgex-table.pin-rows thead tr>th {
        background-color: #181818
    }

    .\[\&_\.icon\]\:size-5 .icon {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_\.label\]\:p-0 .label {
        padding: calc(var(--spacing)*0)
    }

    .\[\&_\.label\]\:px-0 .label {
        padding-inline: calc(var(--spacing)*0)
    }

    .\[\&_\.label\]\:pb-2 .label {
        padding-bottom: calc(var(--spacing)*2)
    }

    .\[\&_\.phone\\\:px-4\]\:px-0 .phone\:px-4 {
        padding-inline: calc(var(--spacing)*0)
    }

    .\[\&_\.query-label\]\:text-nowrap .query-label {
        text-wrap: nowrap
    }

    .\[\&_\.query-label\]\:text-\(--font-gray\) .query-label {
        color: var(--font-gray)
    }

    .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
        fill: var(--color-muted-foreground)
    }

    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc] {
        stroke: color-mix(in srgb, hsl(var(--border))50%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc] {
            stroke: color-mix(in oklab, var(--color-border)50%, transparent)
        }
    }

    .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
        stroke: var(--color-border)
    }

    .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff] {
        stroke: #0000
    }

    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc] {
        stroke: var(--color-border)
    }

    .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,
    .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
        fill: var(--color-muted)
    }

    .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc] {
        stroke: var(--color-border)
    }

    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff] {
        stroke: #0000
    }

    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .\[\&_\.slider-ratio-ruler\]\:text-xs .slider-ratio-ruler {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&_\.slider-ratio-ruler\]\:text-\[\#808080\] .slider-ratio-ruler {
        color: gray
    }

    .\[\&_\.slider-ratio-ruler\]\:opacity-40 .slider-ratio-ruler {
        opacity: .4
    }

    .\[\&_\.spinner\]\:size-5 .spinner {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_\.text-text-primary\]\:text-text-primary .text-text-primary {
        color: var(--color-text-primary)
    }

    .\[\&_\.trigger-hidden\]\:hidden .trigger-hidden {
        display: none
    }

    .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
        padding-block: calc(var(--spacing)*1.5)
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
        color: var(--color-muted-foreground)
    }

    .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group] {
        padding-top: calc(var(--spacing)*0)
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
        height: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
        width: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
        height: calc(var(--spacing)*12)
    }

    .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
        padding-block: calc(var(--spacing)*3)
    }

    .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
        height: calc(var(--spacing)*5)
    }

    .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
        width: calc(var(--spacing)*5)
    }

    .\[\&_\[data-description\]\]\:\!text-functional-orange-1 [data-description] {
        color: var(--color-functional-orange-1)
    }

    .\[\&_\[data-description\]\]\:\!text-functional-red-1 [data-description] {
        color: var(--color-functional-red-1)
    }

    .\[\&_\[data-icon\]\]\:\!text-functional-orange-1 [data-icon] {
        color: var(--color-functional-orange-1)
    }

    .\[\&_\[data-icon\]\]\:\!text-functional-red-1 [data-icon] {
        color: var(--color-functional-red-1)
    }

    .\[\&_\[data-slot\=\'radio-group-indicator\'\]\]\:hidden [data-slot=radio-group-indicator] {
        display: none
    }

    @media not all and (min-width:40rem) {
        .max-sm\:\[\&_\[data-slot\=dialog-header\]\]\:mr-7 [data-slot=dialog-header] {
            margin-right: calc(var(--spacing)*7)
        }
    }

    @media (min-width:40rem) {
        .sm\:\[\&_\[data-slot\=dialog-header\]\]\:mr-7 [data-slot=dialog-header] {
            margin-right: calc(var(--spacing)*7)
        }
    }

    @media not all and (min-width:48rem) {
        .phone\:\[\&_\[data-slot\=select-indicator\]\]\:right-0 [data-slot=select-indicator] {
            right: calc(var(--spacing)*0)
        }

        .phone\:\[\&_\[data-slot\=select-indicator\]\]\:size-4 [data-slot=select-indicator],
        .phone\:\[\&_\[data-slot\=select-indicator\]_svg\]\:size-4 [data-slot=select-indicator] svg {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }
    }

    .\[\&_\[data-slot\=select-value\]\]\:\!hidden [data-slot=select-value] {
        display: none
    }

    .\[\&_\[data-slot\=tabs-trigger\]\]\:text-\[18px\] [data-slot=tabs-trigger] {
        font-size: 18px
    }

    .\[\&_\[data-slot\=tabs-trigger\]\]\:text-\[32px\] [data-slot=tabs-trigger] {
        font-size: 32px
    }

    .\[\&_\[data-slot\=tabs-trigger\]\]\:leading-\[26px\] [data-slot=tabs-trigger] {
        --tw-leading: 26px;
        line-height: 26px
    }

    .\[\&_\[data-slot\=tabs-trigger\]\]\:leading-\[40px\] [data-slot=tabs-trigger] {
        --tw-leading: 40px;
        line-height: 40px
    }

    .\[\&_\[data-title\]\]\:\!text-functional-orange-1 [data-title] {
        color: var(--color-functional-orange-1)
    }

    .\[\&_\[data-title\]\]\:\!text-functional-red-1 [data-title] {
        color: var(--color-functional-red-1)
    }

    .\[\&_\[role\=\'option\'\]\]\:min-h-11 [role=option] {
        min-height: calc(var(--spacing)*11)
    }

    .\[\&_a\]\:cursor-pointer a {
        cursor: pointer
    }

    .\[\&_a\]\:text-primary a {
        color: var(--color-primary)
    }

    @media (hover:hover) {
        .hover\:\[\&_button\]\:\!bg-transparent:hover button {
            background-color: #0000
        }
    }

    .\[\&_img\]\:size-5 img {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_img\]\:size-full img {
        width: 100%;
        height: 100%
    }

    .\[\&_img\]\:object-cover img {
        object-fit: cover
    }

    .\[\&_input\]\:px-0 input {
        padding-inline: calc(var(--spacing)*0)
    }

    .\[\&_label\]\:font-normal label {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\[\&_label\]\:text-\(--font-gray\) label {
        color: var(--font-gray)
    }

    .\[\&_label\]\:text-text-tertiary label {
        color: var(--color-text-tertiary)
    }

    .\[\&_output\]\:text-right output {
        text-align: right
    }

    .\[\&_output\]\:font-medium output {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_output\:not\(\.text-primary\)\]\:text-foreground output:not(.text-primary) {
        color: var(--color-foreground)
    }

    .\[\&_p\]\:leading-relaxed p {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:\!size-2\.5 svg {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
    }

    .\[\&_svg\]\:\!size-3 svg {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&_svg\]\:\!size-5 svg {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_svg\]\:size-2\! svg {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .\[\&_svg\]\:size-4 svg {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&_svg\]\:size-5 svg {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\]\:stroke-3 svg,
    .\[\&_svg\]\:stroke-\[3\] svg {
        stroke-width: 3px
    }

    .\[\&_svg\]\:stroke-\[4\] svg {
        stroke-width: 4px
    }

    .\[\&_svg\]\:\!text-text-on-btn svg {
        color: var(--color-text-on-btn)
    }

    .\[\&_svg\]\:text-\[\#808080\] svg {
        color: gray
    }

    .\[\&_svg\]\:text-text-secondary svg {
        color: var(--color-text-secondary)
    }

    .\[\&_svg\]\:opacity-30 svg {
        opacity: .3
    }

    .\[\&_svg\]\:transition-transform svg {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_svg\]\:duration-150 svg {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .\[\&_svg\]\:ease-out svg {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .data-\[state\=open\]\:\[\&_svg\]\:rotate-180[data-state=open] svg {
        rotate: 180deg
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]) {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]) {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]) {
        width: calc(var(--spacing)*6);
        height: calc(var(--spacing)*6)
    }

    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
        color: var(--color-muted-foreground)
    }

    .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-secondary svg:not([class*=text-]) {
        color: var(--color-text-secondary)
    }

    .focus\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-primary:focus svg:not([class*=text-]),
    .data-\[selected\]\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-primary[data-selected] svg:not([class*=text-]),
    .data-\[state\=open\]\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-text-primary[data-state=open] svg:not([class*=text-]) {
        color: var(--color-text-primary)
    }

    .\[\&_table\]\:border-spacing-0 table {
        --tw-border-spacing-x: calc(var(--spacing)*0);
        --tw-border-spacing-y: calc(var(--spacing)*0);
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .\[\&_tbody_tr_th\]\:\!bg-fill-page-primary tbody tr th {
        background-color: var(--color-fill-page-primary)
    }

    .\[\&_tbody_tr_th\]\:bg-background tbody tr th {
        background-color: var(--color-background)
    }

    @media (hover:hover) {
        .hover\:\[\&_tbody_tr\:hover_th\]\:\!bg-fill-page-secondary:hover tbody tr:hover th {
            background-color: var(--color-fill-page-secondary)
        }
    }

    .\[\&_td\]\:px-2 td {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_td\]\:py-1 td {
        padding-block: calc(var(--spacing)*1)
    }

    .\[\&_td\]\:\!pl-0 td {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&_td\]\:align-middle td {
        vertical-align: middle
    }

    .\[\&_td\]\:text-\[12px\] td {
        font-size: 12px
    }

    .\[\&_td\]\:whitespace-nowrap td {
        white-space: nowrap
    }

    .\[\&_th\]\:px-2 th {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&_th\]\:py-1 th {
        padding-block: calc(var(--spacing)*1)
    }

    .\[\&_th\]\:\!pl-0 th {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&_th\]\:align-middle th {
        vertical-align: middle
    }

    .\[\&_th\]\:whitespace-nowrap th {
        white-space: nowrap
    }

    .\[\&_thead_tr\]\:sticky thead tr {
        position: sticky
    }

    .\[\&_thead_tr\]\:top-0 thead tr {
        top: calc(var(--spacing)*0)
    }

    .\[\&_thead_tr\]\:z-\[2\] thead tr {
        z-index: 2
    }

    .\[\&_thead_tr_th\]\:\!top-0 thead tr th {
        top: calc(var(--spacing)*0)
    }

    .\[\&_thead_tr_th\]\:\!z-\[3\] thead tr th {
        z-index: 3
    }

    .\[\&_tr_th\]\:sticky tr th {
        position: sticky
    }

    .\[\&_tr_th\]\:z-\[1\] tr th {
        z-index: 1
    }

    .\[\&_tr_th\]\:bg-inherit tr th {
        background-color: inherit
    }

    .\[\&_tr_th\:first-child\]\:left-0 tr th:first-child {
        left: calc(var(--spacing)*0)
    }

    .\[\&_tr_th\:last-child\]\:right-0 tr th:last-child {
        right: calc(var(--spacing)*0)
    }

    .\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content] {
        flex: none
    }

    .\[\&\:\:-moz-progress-bar\]\:bg-appbrand::-moz-progress-bar {
        background-color: var(--color-appbrand)
    }

    .\[\&\:\:-moz-progress-bar\]\:bg-functional-green-1::-moz-progress-bar {
        background-color: var(--color-functional-green-1)
    }

    .\[\&\:\:-moz-progress-bar\]\:bg-theme-normal::-moz-progress-bar {
        background-color: var(--color-theme-normal)
    }

    .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
        display: none
    }

    .\[\&\:\:-webkit-progress-bar\]\:bg-\[\#373737\]::-webkit-progress-bar {
        background-color: #373737
    }

    .\[\&\:\:-webkit-progress-bar\]\:bg-fill-page-tertiary::-webkit-progress-bar {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\:\:-webkit-progress-bar\]\:bg-transparent::-webkit-progress-bar {
        background-color: #0000
    }

    .\[\&\:\:-webkit-progress-value\]\:bg-appbrand::-webkit-progress-value {
        background-color: var(--color-appbrand)
    }

    .\[\&\:\:-webkit-progress-value\]\:bg-functional-green-1::-webkit-progress-value {
        background-color: var(--color-functional-green-1)
    }

    .\[\&\:\:-webkit-progress-value\]\:bg-theme-normal::-webkit-progress-value {
        background-color: var(--color-theme-normal)
    }

    .\[\&\:\:-webkit-scrollbar\]\:\!block::-webkit-scrollbar {
        display: block
    }

    .\[\&\:\:-webkit-scrollbar\]\:\!h-1\.5::-webkit-scrollbar {
        height: calc(var(--spacing)*1.5)
    }

    .\[\&\:\:-webkit-scrollbar\]\:w-\[3px\]::-webkit-scrollbar {
        width: 3px
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:\!rounded::-webkit-scrollbar-thumb {
        border-radius: .25rem
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[100px\]::-webkit-scrollbar-thumb {
        border-radius: 100px
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
        border-radius: 3.40282e38px
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:\!bg-\(--fill-tertiary\)::-webkit-scrollbar-thumb {
        background-color: var(--fill-tertiary)
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#303030\]::-webkit-scrollbar-thumb {
        background-color: #303030
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:\!bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
    }

    .\[\&\:disabled\]\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .\[\&\:disabled\]\:bg-appwhite\/50:disabled {
        background-color: var(--color-appwhite)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\[\&\:disabled\]\:bg-appwhite\/50:disabled {
            background-color: color-mix(in oklab, var(--color-appwhite)50%, transparent)
        }
    }

    .\[\&\:disabled\]\:text-text-on-btn:disabled {
        color: var(--color-text-on-btn)
    }

    .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\:has\(\.custom-for-hiding\)\]\:hidden:has(.custom-for-hiding) {
        display: none
    }

    .\[\&\:has\(\>div\:empty\)\]\:hidden:has(>div:empty) {
        display: none
    }

    .\[\.border-b\]\:pb-3.border-b {
        padding-bottom: calc(var(--spacing)*3)
    }

    .\[\.border-b\]\:pb-6.border-b {
        padding-bottom: calc(var(--spacing)*6)
    }

    .\[\.border-t\]\:pt-3.border-t {
        padding-top: calc(var(--spacing)*3)
    }

    .\[\.border-t\]\:pt-6.border-t {
        padding-top: calc(var(--spacing)*6)
    }

    :-webkit-any(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-webkit-any(.rdp-button_next>svg) {
        rotate: 180deg
    }

    :-moz-any(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-moz-any(.rdp-button_next>svg) {
        rotate: 180deg
    }

    :-webkit-any(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-webkit-any(.rdp-button_next>svg) {
        rotate: 180deg
    }

    :-moz-any(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-moz-any(.rdp-button_next>svg) {
        rotate: 180deg
    }

    :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_next>svg) {
        rotate: 180deg
    }

    :-webkit-any(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-webkit-any(.rdp-button_previous>svg) {
        rotate: 180deg
    }

    :-moz-any(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-moz-any(.rdp-button_previous>svg) {
        rotate: 180deg
    }

    :-webkit-any(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-webkit-any(.rdp-button_previous>svg) {
        rotate: 180deg
    }

    :-moz-any(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):-moz-any(.rdp-button_previous>svg) {
        rotate: 180deg
    }

    :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_previous>svg) {
        rotate: 180deg
    }

    .\[a\]\:transition-colors:-webkit-any(a) {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[a\]\:transition-colors:-moz-any(a) {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[a\]\:transition-colors:is(a) {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    @media (hover:hover) {
        .\[a\]\:hover\:bg-accent\/50:-webkit-any(a):hover {
            background-color: #40404080
        }

        .\[a\]\:hover\:bg-accent\/50:-moz-any(a):hover {
            background-color: #40404080
        }

        .\[a\]\:hover\:bg-accent\/50:is(a):hover {
            background-color: #40404080
        }

        @supports (color:color-mix(in lab, red, red)) {
            .\[a\]\:hover\:bg-accent\/50:-webkit-any(a):hover {
                background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
            }

            .\[a\]\:hover\:bg-accent\/50:-moz-any(a):hover {
                background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
            }

            .\[a\]\:hover\:bg-accent\/50:is(a):hover {
                background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
            }
        }
    }

    :-webkit-any(.\*\:\[span\]\:last\:flex>*):-webkit-any(span):last-child {
        display: flex
    }

    :-moz-any(.\*\:\[span\]\:last\:flex>*):-moz-any(span):last-child {
        display: flex
    }

    :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
    }

    :-webkit-any(.\*\:\[span\]\:last\:w-full>*):-webkit-any(span):last-child {
        width: 100%
    }

    :-moz-any(.\*\:\[span\]\:last\:w-full>*):-moz-any(span):last-child {
        width: 100%
    }

    :is(.\*\:\[span\]\:last\:w-full>*):is(span):last-child {
        width: 100%
    }

    :-webkit-any(.\*\:\[span\]\:last\:items-center>*):-webkit-any(span):last-child {
        align-items: center
    }

    :-moz-any(.\*\:\[span\]\:last\:items-center>*):-moz-any(span):last-child {
        align-items: center
    }

    :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
    }

    :-webkit-any(.\*\:\[span\]\:last\:gap-2>*):-webkit-any(span):last-child {
        gap: calc(var(--spacing)*2)
    }

    :-moz-any(.\*\:\[span\]\:last\:gap-2>*):-moz-any(span):last-child {
        gap: calc(var(--spacing)*2)
    }

    :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
        gap: calc(var(--spacing)*2)
    }

    :-webkit-any(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):-webkit-any(svg) {
        color: var(--color-destructive)
    }

    :-moz-any(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):-moz-any(svg) {
        color: var(--color-destructive)
    }

    :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg) {
        color: var(--color-destructive)
    }

    :-webkit-any(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-functional-red-1\![data-variant=destructive]>*):-webkit-any(svg) {
        color: var(--color-functional-red-1)
    }

    :-moz-any(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-functional-red-1\![data-variant=destructive]>*):-moz-any(svg) {
        color: var(--color-functional-red-1)
    }

    :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-functional-red-1\![data-variant=destructive]>*):is(svg) {
        color: var(--color-functional-red-1)
    }

    :-webkit-any(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):-webkit-any(svg:not([class*=size-])) {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    :-moz-any(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):-moz-any(svg:not([class*=size-])) {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])) {
        width: calc(var(--spacing)*8);
        height: calc(var(--spacing)*8)
    }

    .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    @media (hover:hover) {
        .\[\&\:not\(\[disabled\]\)\]\:hover\:bg-\[\#181818\]\/80:not([disabled]):hover {
            background-color: #181818cc;
            background-color: color(display-p3 .0941175 .0941176 .0941176/.8);
            background-color: lab(8.24818% -.0000149012 .00000298023/.8)
        }

        .\[\&\:not\(\[disabled\]\)\]\:hover\:bg-primary:not([disabled]):hover {
            background-color: var(--color-primary)
        }
    }

    .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button {
        border-top-left-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }

    .\[\&\>\*\]\:flex>* {
        display: flex
    }

    .\[\&\>\*\]\:h-3>* {
        height: calc(var(--spacing)*3)
    }

    .\[\&\>\*\]\:h-6>* {
        height: calc(var(--spacing)*6)
    }

    .\[\&\>\*\]\:h-7>* {
        height: calc(var(--spacing)*7)
    }

    .\[\&\>\*\]\:h-8>* {
        height: calc(var(--spacing)*8)
    }

    .\[\&\>\*\]\:h-9>* {
        height: calc(var(--spacing)*9)
    }

    .\[\&\>\*\]\:h-10>* {
        height: calc(var(--spacing)*10)
    }

    .\[\&\>\*\]\:h-11>* {
        height: calc(var(--spacing)*11)
    }

    .\[\&\>\*\]\:h-12>* {
        height: calc(var(--spacing)*12)
    }

    .\[\&\>\*\]\:h-\[20px\]>* {
        height: 20px
    }

    .\[\&\>\*\]\:h-\[28px\]>* {
        height: 28px
    }

    .\[\&\>\*\]\:h-\[39px\]>* {
        height: 39px
    }

    .\[\&\>\*\]\:min-h-8>* {
        min-height: calc(var(--spacing)*8)
    }

    .\[\&\>\*\]\:min-h-9>* {
        min-height: calc(var(--spacing)*9)
    }

    .\[\&\>\*\]\:min-h-11>* {
        min-height: calc(var(--spacing)*11)
    }

    .\[\&\>\*\]\:min-h-12>* {
        min-height: calc(var(--spacing)*12)
    }

    .\[\&\>\*\]\:w-full>* {
        width: 100%
    }

    .\[\&\>\*\]\:items-center>* {
        align-items: center
    }

    .\[\&\>\*\]\:\!bg-\[\#333333\]>* {
        background-color: #333
    }

    .\[\&\>\*\]\:\!bg-fill-page-secondary>* {
        background-color: var(--color-fill-page-secondary)
    }

    .\[\&\>\*\]\:\!bg-transparent>* {
        background-color: #0000
    }

    .\[\&\>\*\]\:bg-inherit>* {
        background-color: inherit
    }

    .\[\&\>\*\]\:bg-transparent>* {
        background-color: #0000
    }

    .\[\&\>\*\]\:\!px-4>* {
        padding-inline: calc(var(--spacing)*4)
    }

    .\[\&\>\*\]\:px-0>* {
        padding-inline: calc(var(--spacing)*0)
    }

    .\[\&\>\*\]\:px-1>* {
        padding-inline: calc(var(--spacing)*1)
    }

    .\[\&\>\*\]\:px-2>* {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&\>\*\]\:px-3>* {
        padding-inline: calc(var(--spacing)*3)
    }

    .\[\&\>\*\]\:px-\[10px\]>* {
        padding-left: 10px;
        padding-right: 10px
    }

    .\[\&\>\*\]\:py-0>* {
        padding-block: calc(var(--spacing)*0)
    }

    .\[\&\>\*\]\:py-1>* {
        padding-block: calc(var(--spacing)*1)
    }

    .\[\&\>\*\]\:pt-0>* {
        padding-top: calc(var(--spacing)*0)
    }

    .\[\&\>\*\]\:pb-2\.5>* {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .\[\&\>\*\]\:pb-4>* {
        padding-bottom: calc(var(--spacing)*4)
    }

    .\[\&\>\*\]\:\!text-left>* {
        text-align: left
    }

    .\[\&\>\*\]\:text-left>* {
        text-align: left
    }

    .\[\&\>\*\]\:\!text-xs\/3>* {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing)*3)
    }

    .\[\&\>\*\]\:text-sm>* {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\[\&\>\*\]\:text-xs>* {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&\>\*\]\:text-xs\/3>* {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing)*3)
    }

    .\[\&\>\*\]\:text-\[13px\]>* {
        font-size: 13px
    }

    .\[\&\>\*\]\:\!leading-3>* {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .\[\&\>\*\]\:leading-1>* {
        --tw-leading: calc(var(--spacing)*1);
        line-height: calc(var(--spacing)*1)
    }

    .\[\&\>\*\]\:leading-6>* {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .\[\&\>\*\]\:leading-9>* {
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9)
    }

    .\[\&\>\*\]\:leading-10>* {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }

    .\[\&\>\*\]\:leading-11>* {
        --tw-leading: calc(var(--spacing)*11);
        line-height: calc(var(--spacing)*11)
    }

    .\[\&\>\*\]\:leading-\[32px\]>* {
        --tw-leading: 32px;
        line-height: 32px
    }

    .\[\&\>\*\]\:leading-\[39px\]>* {
        --tw-leading: 39px;
        line-height: 39px
    }

    .\[\&\>\*\]\:leading-\[48px\]>* {
        --tw-leading: 48px;
        line-height: 48px
    }

    .\[\&\>\*\]\:leading-none>* {
        --tw-leading: 1;
        line-height: 1
    }

    .\[\&\>\*\]\:leading-normal>* {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .\[\&\>\*\]\:\!font-normal>* {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\[\&\>\*\]\:font-normal>* {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\[\&\>\*\]\:text-nowrap>* {
        text-wrap: nowrap
    }

    .\[\&\>\*\]\:\!whitespace-nowrap>* {
        white-space: nowrap
    }

    .\[\&\>\*\]\:whitespace-nowrap>* {
        white-space: nowrap
    }

    .\[\&\>\*\]\:\!text-text-tertiary>* {
        color: var(--color-text-tertiary)
    }

    .\[\&\>\*\]\:text-\(--font-gray\)>* {
        color: var(--font-gray)
    }

    .\[\&\>\*\]\:text-\[\#00CE5F\]>* {
        color: #00ce5f
    }

    .\[\&\>\*\]\:text-\[\#606060\]>* {
        color: #606060
    }

    .\[\&\>\*\]\:text-\[\#666666\]>* {
        color: #666
    }

    .\[\&\>\*\]\:text-\[\#B2B2B2\]>* {
        color: #b2b2b2
    }

    .\[\&\>\*\]\:text-foreground>* {
        color: var(--color-foreground)
    }

    .\[\&\>\*\]\:text-text-tertiary>* {
        color: var(--color-text-tertiary)
    }

    .\[\&\>\*\]\:transition-colors>* {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    @media (hover:hover) {
        .\[\&\>\*\]\:hover\:bg-\[rgba\(26\,77\,49\,0\.50\)\]>:hover {
            background-color: #1a4d3180
        }

        .\[\&\>\*\]\:hover\:bg-transparent>:hover {
            background-color: #0000
        }

        .hover\:\[\&\>\*\]\:\!bg-fill-page-tertiary:hover>* {
            background-color: var(--color-fill-page-tertiary)
        }
    }

    .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
        position: relative
    }

    .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
        z-index: 10
    }

    .\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field] {
        padding: calc(var(--spacing)*4)
    }

    @media (min-width:48rem) {
        .gtPhone\:\[\&\>\*\]\:h-\[1\.875rem\]>* {
            height: 1.875rem
        }

        @media (hover:hover) {
            .gtPhone\:\[\&\>\*\]\:hover\:bg-transparent>:hover {
                background-color: #0000
            }
        }
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:\[\&\>\*\]\:w-auto>* {
            width: auto
        }
    }

    @media not all and (min-width:48rem) {
        .phone\:\[\&\>\*\]\:h-\[1\.875rem\]>* {
            height: 1.875rem
        }

        @media (hover:hover) {
            .phone\:\[\&\>\*\]\:hover\:bg-transparent>:hover {
                background-color: #0000
            }
        }
    }

    .\[\&\>\*\:first-child\]\:\!pl-\[18px\]>:first-child {
        padding-left: 18px
    }

    .\[\&\>\*\:first-child\]\:pl-0>:first-child {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&\>\*\:first-child\]\:pl-8>:first-child {
        padding-left: calc(var(--spacing)*8)
    }

    .\[\&\>\*\:first-child\]\:indent-2>:first-child {
        text-indent: calc(var(--spacing)*2)
    }

    .\[\&\>\*\:last-child\]\:pr-0>:last-child {
        padding-right: calc(var(--spacing)*0)
    }

    .\[\&\>\*\:last-child\]\:pr-6>:last-child {
        padding-right: calc(var(--spacing)*6)
    }

    .\[\&\>\*\:last-child\]\:pr-8>:last-child {
        padding-right: calc(var(--spacing)*8)
    }

    .\[\&\>\*\:last-child\]\:\!text-right>:last-child {
        text-align: right
    }

    .\[\&\>\*\:last-child\]\:text-right>:last-child {
        text-align: right
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child) {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child) {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:text-center>:not(:first-child) {
        text-align: center
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:text-left>:not(:first-child) {
        text-align: left
    }

    .\[\&\>\*\:not\(\:first-child\)\]\:text-right>:not(:first-child) {
        text-align: right
    }

    .\[\&\>\*\:not\(\:first-child\)\:last-child\]\:pr-6>:not(:first-child):last-child {
        padding-right: calc(var(--spacing)*6)
    }

    .\[\&\>\*\:not\(\:first-child\)\:last-child\]\:text-right>:not(:first-child):last-child {
        text-align: right
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .\[\&\>\*\:nth-child\(2\)\]\:text-center>:nth-child(2) {
        text-align: center
    }

    .\[\&\>\.amount\]\:flex-1>.amount {
        flex: 1
    }

    .\[\&\>\.amount\]\:text-right>.amount {
        text-align: right
    }

    @media (hover:hover) {
        .\[\&\>\.caret\]\:hover\:fill-primary>.caret:hover {
            fill: var(--color-primary)
        }
    }

    .\[\&\>\.price\]\:max-w-\[80px\]>.price {
        max-width: 80px
    }

    .\[\&\>\.price\]\:flex-1>.price {
        flex: 1
    }

    .\[\&\>\.price\]\:cursor-pointer>.price {
        cursor: pointer
    }

    .\[\&\>\.price\]\:text-left>.price {
        text-align: left
    }

    .\[\&\>\.query-section-item\]\:inline-flex>.query-section-item {
        display: inline-flex
    }

    .\[\&\>\.query-section-item\]\:w-auto>.query-section-item {
        width: auto
    }

    .\[\&\>\.query-section-item\]\:flex-row>.query-section-item {
        flex-direction: row
    }

    .\[\&\>\.query-section-item\]\:gap-1>.query-section-item {
        gap: calc(var(--spacing)*1)
    }

    .\[\&\>\.query-section-item\]\:rounded>.query-section-item {
        border-radius: .25rem
    }

    .\[\&\>\.query-section-item\]\:bg-bg-secondary>.query-section-item {
        background-color: var(--color-bg-secondary)
    }

    .\[\&\>\.query-section-item\]\:pl-3>.query-section-item {
        padding-left: calc(var(--spacing)*3)
    }

    .\[\&\>\.ratio\]\:absolute>.ratio {
        position: absolute
    }

    .\[\&\>\.ratio\]\:inset-0>.ratio {
        inset: calc(var(--spacing)*0)
    }

    .\[\&\>\.slider-ratio-ruler\]\:hidden>.slider-ratio-ruler {
        display: none
    }

    .\[\&\>\.sr-only\]\:w-auto>.sr-only {
        width: auto
    }

    .\[\&\>\.total\]\:flex-1>.total {
        flex: 1
    }

    .\[\&\>\.total\]\:text-right>.total {
        text-align: right
    }

    .\[\&\>\.view-item-value\]\:text-xs>.view-item-value {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&\>\.view-item-value\]\:whitespace-nowrap>.view-item-value {
        white-space: nowrap
    }

    .\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group] {
        gap: calc(var(--spacing)*4)
    }

    .\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
        flex: auto
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label] {
            flex: auto
        }
    }

    .\[\&\>\[data-slot\=scroll-area\]\]\:-mx-5>[data-slot=scroll-area] {
        margin-inline: calc(var(--spacing)*-5)
    }

    .\[\&\>\[data-slot\=scroll-area\]\]\:px-5>[data-slot=scroll-area] {
        padding-inline: calc(var(--spacing)*5)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:absolute>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:top-1\/2>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        top: 50%
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:left-1\/2>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        left: 50%
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:hidden>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        display: none
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:size-1>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*1);
        height: calc(var(--spacing)*1)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:-translate-x-1\/2>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:-translate-y-1\/2>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:rounded-full>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:bg-primary>[data-slot=select-indicator]:before {
        content: var(--tw-content);
        background-color: var(--color-primary)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:before\:content-\[\'\'\]>[data-slot=select-indicator]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .\[\&\>\[data-slot\=select-indicator\]\]\:data-\[state\=checked\]\:before\:block>[data-slot=select-indicator][data-state=checked]:before {
        content: var(--tw-content);
        display: block
    }

    .\[\&\>\[data-slot\=select-indicator\]\>span\]\:hidden>[data-slot=select-indicator]>span {
        display: none
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:-webkit-any(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:-moz-any(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:-webkit-any(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:-moz-any(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]) {
        width: -moz-fit-content;
        width: fit-content
    }

    .\[\&\>\[data-slot\=select-value\]\]\:\!block>[data-slot=select-value] {
        display: block
    }

    .\[\&\>\[data-slot\=select-value\]\]\:max-w-\[250px\]>[data-slot=select-value] {
        max-width: 250px
    }

    .\[\&\>\[data-slot\=select-value\]\]\:min-w-0>[data-slot=select-value] {
        min-width: calc(var(--spacing)*0)
    }

    .\[\&\>\[data-slot\=select-value\]\]\:flex-1>[data-slot=select-value] {
        flex: 1
    }

    .\[\&\>\[data-slot\=select-value\]\]\:overflow-hidden>[data-slot=select-value] {
        overflow: hidden
    }

    .\[\&\>\[data-slot\=select-value\]\]\:text-left>[data-slot=select-value] {
        text-align: left
    }

    .\[\&\>\[data-slot\=select-value\]\]\:text-ellipsis>[data-slot=select-value] {
        text-overflow: ellipsis
    }

    .\[\&\>\[data-slot\=select-value\]\]\:whitespace-nowrap>[data-slot=select-value] {
        white-space: nowrap
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:\!top-1\/2>[data-slot=tabs-active-indicator] {
        top: 50%
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:\!-translate-y-1\/2>[data-slot=tabs-active-indicator] {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:rounded-full>[data-slot=tabs-active-indicator] {
        border-radius: 3.40282e38px
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:rounded-lg>[data-slot=tabs-active-indicator] {
        border-radius: var(--radius-lg)
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:\!border-transparent>[data-slot=tabs-active-indicator] {
        border-color: #0000
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:\!bg-fill-btn-primary>[data-slot=tabs-active-indicator] {
        background-color: var(--color-fill-btn-primary)
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:bg-fill-input-tertiary>[data-slot=tabs-active-indicator] {
        background-color: var(--color-fill-input-tertiary)
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:bg-fill-page-tertiary>[data-slot=tabs-active-indicator] {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\>\[data-slot\=tabs-active-indicator\]\]\:bg-special-subtab>[data-slot=tabs-active-indicator] {
        background-color: var(--color-special-subtab)
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:absolute>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        position: absolute
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:top-1\/2>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        top: 50%
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:right-\[-16px\]>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        right: -16px
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:h-4>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:w-px>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        width: 1px
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:-translate-y-1\/2>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:bg-line-divider-tertiary>[data-slot=tabs-trigger]:not(:last-child):before {
        content: var(--tw-content);
        background-color: var(--color-line-divider-tertiary)
    }

    .\[\&\>\[data-slot\=tabs-trigger\]\:not\(\:last-child\)\]\:before\:content-\[\'\'\]>[data-slot=tabs-trigger]:not(:last-child):before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox] {
        margin-top: 1px
    }

    .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] {
        margin-top: 1px
    }

    @container field-group (width>=28rem) {
        .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox] {
            margin-top: 1px
        }

        .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio] {
            margin-top: 1px
        }
    }

    .\[\&\>a\]\:flex>a {
        display: flex
    }

    .\[\&\>a\]\:min-h-9>a {
        min-height: calc(var(--spacing)*9)
    }

    .\[\&\>a\]\:cursor-pointer>a {
        cursor: pointer
    }

    .\[\&\>a\]\:items-center>a {
        align-items: center
    }

    .\[\&\>a\]\:gap-2>a {
        gap: calc(var(--spacing)*2)
    }

    .\[\&\>a\]\:rounded-\[3px\]>a {
        border-radius: 3px
    }

    .\[\&\>a\]\:px-1\.5>a {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .\[\&\>a\]\:px-2>a {
        padding-inline: calc(var(--spacing)*2)
    }

    .\[\&\>a\]\:whitespace-nowrap>a {
        white-space: nowrap
    }

    .\[\&\>a\]\:text-foreground>a {
        color: var(--color-foreground)
    }

    .\[\&\>a\]\:text-text-primary>a {
        color: var(--color-text-primary)
    }

    .\[\&\>a\]\:underline>a {
        text-decoration-line: underline
    }

    .\[\&\>a\]\:underline-offset-4>a {
        text-underline-offset: 4px
    }

    .\[\&\>a\]\:transition-colors>a {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&\>a\]\:duration-200>a {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .\[\&\>a\+a\]\:mt-0\.5>a+a {
        margin-top: calc(var(--spacing)*.5)
    }

    .\[\&\>a\:hover\]\:bg-fill-page-tertiary>a:hover {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\>a\:hover\]\:fill-primary>a:hover {
        fill: var(--color-primary)
    }

    .\[\&\>a\:hover\]\:text-primary>a:hover {
        color: var(--color-primary)
    }

    .\[\&\>button\]\:top-6>button {
        top: calc(var(--spacing)*6)
    }

    .\[\&\>button\]\:right-5>button {
        right: calc(var(--spacing)*5)
    }

    .\[\&\>button\]\:hidden>button {
        display: none
    }

    .\[\&\>button\]\:h-10>button {
        height: calc(var(--spacing)*10)
    }

    .\[\&\>button\]\:w-full>button {
        width: 100%
    }

    .\[\&\>button\]\:flex-1>button {
        flex: 1
    }

    .\[\&\>button\]\:rounded-xl>button {
        border-radius: var(--radius-xl)
    }

    .\[\&\>button\]\:px-3>button {
        padding-inline: calc(var(--spacing)*3)
    }

    .\[\&\>button\]\:text-sm>button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\[\&\>button\]\:leading-\[22px\]>button {
        --tw-leading: 22px;
        line-height: 22px
    }

    .\[\&\>button\]\:text-text-tertiary>button {
        color: var(--color-text-tertiary)
    }

    .\[\&\>div\]\:w-full>div {
        width: 100%
    }

    .\[\&\>div\]\:cursor-pointer>div {
        cursor: pointer
    }

    .\[\&\>div\]\:text-left>div {
        text-align: left
    }

    .\[\&\>div\]\:text-text-secondary>div {
        color: var(--color-text-secondary)
    }

    @media (hover:hover) {
        .\[\&\>div\>div\>button\]\:hover\:border-text-black-static>div>div>button:hover {
            border-color: var(--color-text-black-static)
        }
    }

    .\[\&\>div\>h3\]\:block>div>h3 {
        display: block
    }

    .\[\&\>input\]\:flex-1>input {
        flex: 1
    }

    .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input {
        padding-top: calc(var(--spacing)*3)
    }

    .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input {
        padding-bottom: calc(var(--spacing)*3)
    }

    .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input {
        padding-right: calc(var(--spacing)*2)
    }

    .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input {
        padding-left: calc(var(--spacing)*2)
    }

    .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd {
        border-radius: calc(var(--radius) - 5px)
    }

    .\[\&\>section\]\:flex>section {
        display: flex
    }

    .\[\&\>section\]\:h-4>section {
        height: calc(var(--spacing)*4)
    }

    .\[\&\>section\]\:\!min-h-4>section {
        min-height: calc(var(--spacing)*4)
    }

    .\[\&\>section\]\:min-h-3>section {
        min-height: calc(var(--spacing)*3)
    }

    .\[\&\>section\]\:min-h-5>section {
        min-height: calc(var(--spacing)*5)
    }

    .\[\&\>section\]\:min-h-\[18px\]>section {
        min-height: 18px
    }

    .\[\&\>section\]\:flex-wrap>section {
        flex-wrap: wrap
    }

    .\[\&\>section\]\:items-center>section {
        align-items: center
    }

    .\[\&\>section\]\:justify-between>section {
        justify-content: space-between
    }

    .\[\&\>span\]\:mr-1>span {
        margin-right: calc(var(--spacing)*1)
    }

    .\[\&\>span\]\:flex>span {
        display: flex
    }

    .\[\&\>span\]\:hidden>span {
        display: none
    }

    .\[\&\>span\]\:h-3>span {
        height: calc(var(--spacing)*3)
    }

    .\[\&\>span\]\:w-0\.5>span {
        width: calc(var(--spacing)*.5)
    }

    .\[\&\>span\]\:w-full>span {
        width: 100%
    }

    .\[\&\>span\]\:max-w-\[274px\]>span {
        max-width: 274px
    }

    .\[\&\>span\]\:items-center>span {
        align-items: center
    }

    .\[\&\>span\]\:justify-between>span {
        justify-content: space-between
    }

    .\[\&\>span\]\:gap-1>span {
        gap: calc(var(--spacing)*1)
    }

    .\[\&\>span\]\:truncate>span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\[\&\>span\]\:overflow-visible>span {
        overflow: visible
    }

    .\[\&\>span\]\:bg-\[\#3b3b3b\]>span {
        background-color: #3b3b3b
    }

    .\[\&\>span\]\:text-2xl>span {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .\[\&\>span\]\:text-xs>span {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&\>span\]\:font-medium>span {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&\>span\]\:text-nowrap>span {
        text-wrap: nowrap
    }

    .\[\&\>span\]\:whitespace-nowrap>span {
        white-space: nowrap
    }

    .\[\&\>span\]\:text-special-switch-active>span {
        color: var(--color-special-switch-active)
    }

    .\[\&\>span\]\:text-text-primary>span {
        color: var(--color-text-primary)
    }

    .\[\&\>span\]\:text-theme-normal>span {
        color: var(--color-theme-normal)
    }

    .\[\&\>span\]\:opacity-70>span {
        opacity: .7
    }

    .\[\&\>span\:first-child\]\:text-theme-normal>span:first-child {
        color: var(--color-theme-normal)
    }

    .\[\&\>span\:last-child\]\:truncate>span:last-child {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\[\&\>span\>span\[style\]\]\:top-0>span>span[style] {
        top: calc(var(--spacing)*0)
    }

    .\[\&\>span\[data-active\=on\]\:nth-child\(1\)\]\:bg-\[\#08BA4E\]>span[data-active=on]:first-child {
        background-color: #08ba4e
    }

    .\[\&\>span\[data-active\=on\]\:nth-child\(2\)\]\:bg-\[\#409F4B\]>span[data-active=on]:nth-child(2) {
        background-color: #409f4b
    }

    .\[\&\>span\[data-active\=on\]\:nth-child\(3\)\]\:bg-\[\#7F8147\]>span[data-active=on]:nth-child(3) {
        background-color: #7f8147
    }

    .\[\&\>span\[data-active\=on\]\:nth-child\(4\)\]\:bg-\[\#B36844\]>span[data-active=on]:nth-child(4) {
        background-color: #b36844
    }

    .\[\&\>span\[data-active\=on\]\:nth-child\(5\)\]\:bg-\[\#F1493F\]>span[data-active=on]:nth-child(5) {
        background-color: #f1493f
    }

    .\[\&\>span\[style\]\]\:top-1>span[style] {
        top: calc(var(--spacing)*1)
    }

    .\[\&\>span\[style\]\]\:flex>span[style] {
        display: flex
    }

    .\[\&\>span\[style\]\]\:h-4>span[style] {
        height: calc(var(--spacing)*4)
    }

    .\[\&\>span\[style\]\]\:w-4>span[style] {
        width: calc(var(--spacing)*4)
    }

    .\[\&\>span\[style\]\]\:cursor-pointer>span[style] {
        cursor: pointer
    }

    .\[\&\>span\[style\]\]\:items-center>span[style] {
        align-items: center
    }

    .\[\&\>span\[style\]\]\:justify-center>span[style] {
        justify-content: center
    }

    .\[\&\>span\[style\]\]\:text-\[0px\]>span[style] {
        font-size: 0
    }

    .\[\&\>span\[style\]\]\:leading-4>span[style] {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }

    .\[\&\>span\[style\]\]\:\[--radix-slider-thumb-transform\:translateX\(calc\(-50\%_\+_2px\)\)\]>span[style] {
        --radix-slider-thumb-transform: translateX(calc(-50% + 2px))
    }

    .\[\&\>span\[style\]\]\:\[--radix-slider-thumb-transform\:translateX\(calc\(-50\%_-_2px\)\)\]>span[style] {
        --radix-slider-thumb-transform: translateX(calc(-50% - 2px))
    }

    .\[\&\>summary\]\:open\:bg-fill-page-tertiary>summary:-webkit-any([open], :popover-open, :open) {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\>summary\]\:open\:bg-fill-page-tertiary>summary:-moz-any([open], :popover-open, :open) {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\>summary\]\:open\:bg-fill-page-tertiary>summary:is([open], :popover-open, :open) {
        background-color: var(--color-fill-page-tertiary)
    }

    .\[\&\>summary\>\.caret\]\:open\:rotate-180>summary>.caret:-webkit-any([open], :popover-open, :open) {
        rotate: 180deg
    }

    .\[\&\>summary\>\.caret\]\:open\:rotate-180>summary>.caret:-moz-any([open], :popover-open, :open) {
        rotate: 180deg
    }

    .\[\&\>summary\>\.caret\]\:open\:rotate-180>summary>.caret:is([open], :popover-open, :open) {
        rotate: 180deg
    }

    .\[\&\>summary\>\.caret\]\:open\:fill-current>summary>.caret:-webkit-any([open], :popover-open, :open) {
        fill: currentColor
    }

    .\[\&\>summary\>\.caret\]\:open\:fill-current>summary>.caret:-moz-any([open], :popover-open, :open) {
        fill: currentColor
    }

    .\[\&\>summary\>\.caret\]\:open\:fill-current>summary>.caret:is([open], :popover-open, :open) {
        fill: currentColor
    }

    .\[\&\>svg\]\:hidden>svg {
        display: none
    }

    .\[\&\>svg\]\:size-3>svg {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&\>svg\]\:size-3\.5>svg {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .\[\&\>svg\]\:size-4>svg {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&\>svg\]\:size-5>svg {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .\[\&\>svg\]\:h-2\.5>svg {
        height: calc(var(--spacing)*2.5)
    }

    .\[\&\>svg\]\:h-3>svg {
        height: calc(var(--spacing)*3)
    }

    .\[\&\>svg\]\:w-2\.5>svg {
        width: calc(var(--spacing)*2.5)
    }

    .\[\&\>svg\]\:w-3>svg {
        width: calc(var(--spacing)*3)
    }

    .\[\&\>svg\]\:shrink-0>svg {
        flex-shrink: 0
    }

    .\[\&\>svg\]\:translate-y-0\.5>svg {
        --tw-translate-y: calc(var(--spacing)*.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>svg\]\:text-accent>svg {
        color: var(--color-accent)
    }

    .\[\&\>svg\]\:text-current>svg {
        color: currentColor
    }

    .\[\&\>svg\]\:text-muted-foreground>svg {
        color: var(--color-muted-foreground)
    }

    .\[\&\>svg\]\:text-sidebar-accent-foreground>svg {
        color: var(--color-sidebar-accent-foreground)
    }

    .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }

    .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
    }

    .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg {
        display: none
    }

    @media not all and (min-width:64rem) {
        .ltPc\:\[\&\>svg\]\:size-4>svg {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }
    }

    .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]) {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
    }

    .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .\[\&\>td\]\:h-6>td {
        height: calc(var(--spacing)*6)
    }

    .\[\&\>td\]\:py-0>td {
        padding-block: calc(var(--spacing)*0)
    }

    .\[\&\>td\]\:py-1\.5>td {
        padding-block: calc(var(--spacing)*1.5)
    }

    .\[\&\>td\]\:text-xs>td {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\[\&\>td\]\:text-xs\/3>td {
        font-size: var(--text-xs);
        line-height: calc(var(--spacing)*3)
    }

    .\[\&\>td\]\:leading-3>td {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .\[\&\>td\]\:whitespace-nowrap>td {
        white-space: nowrap
    }

    .\[\&\>td\]\:text-foreground>td {
        color: var(--color-foreground)
    }

    @media (hover:hover) {
        .hover\:\[\&\>td\:first-child\]\:\!bg-\[\#181818\]:hover>td:first-child {
            background-color: #181818
        }

        .hover\:\[\&\>td\:first-child\]\:\!bg-fill-page-secondary:hover>td:first-child {
            background-color: var(--color-fill-page-secondary)
        }
    }

    .\[\&\>th\]\:\!pl-0>th {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&\>th\]\:pl-0>th {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&\>th\]\:\!text-left>th {
        text-align: left
    }

    .\[\&\>th\]\:text-left>th {
        text-align: left
    }

    @media (hover:hover) {
        .hover\:\[\&\>th\:first-child\]\:\!bg-\[\#181818\]:hover>th:first-child {
            background-color: #181818
        }

        .hover\:\[\&\>th\:first-child\]\:\!bg-fill-page-secondary:hover>th:first-child {
            background-color: var(--color-fill-page-secondary)
        }
    }

    .\[\&\>th\:last-child\]\:\!pr-0>th:last-child {
        padding-right: calc(var(--spacing)*0)
    }

    .\[\&\>th\:last-child\]\:pr-0>th:last-child {
        padding-right: calc(var(--spacing)*0)
    }

    @media (hover:hover) {
        .hover\:\[\&\>th\:last-child\]\:\!bg-fill-page-secondary:hover>th:last-child {
            background-color: var(--color-fill-page-secondary)
        }
    }

    .\[\&\>th\:nth-child\(4\)\]\:\!text-right>th:nth-child(4) {
        text-align: right
    }

    .\[\&\>th\:nth-child\(4\)\]\:text-right>th:nth-child(4) {
        text-align: right
    }

    .\[\&\>tr\>td\]\:\!pl-0>tr>td {
        padding-left: calc(var(--spacing)*0)
    }

    .\[\&\>tr\>td\]\:\!text-left>tr>td {
        text-align: left
    }

    .\[\&\>tr\>td\:last-child\]\:\!pr-0>tr>td:last-child {
        padding-right: calc(var(--spacing)*0)
    }

    .\[\&\>tr\>td\:nth-child\(4\)\]\:\!text-right>tr>td:nth-child(4) {
        text-align: right
    }

    .\[\&\>ul\:empty\]\:open\:hidden>ul:empty:-webkit-any([open], :popover-open, :open) {
        display: none
    }

    .\[\&\>ul\:empty\]\:open\:hidden>ul:empty:-moz-any([open], :popover-open, :open) {
        display: none
    }

    .\[\&\>ul\:empty\]\:open\:hidden>ul:empty:is([open], :popover-open, :open) {
        display: none
    }

    .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div {
        rotate: 90deg
    }

    .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg {
        rotate: 180deg
    }

    .\[\&\[open\]_summary\]\:rounded-lg[open] summary {
        border-radius: var(--radius-lg)
    }

    @media (hover:hover) {
        @media (hover:hover) {

            .\[\@media\(hover\:hover\)\]\:hover\:bg-\[var\(--dialog-tr-hover\)\]:hover,
            .\[\@media\(hover\:hover\)\]\:hover\:\[\&_tbody_tr\:hover_th\]\:bg-\[var\(--dialog-tr-hover\)\]:hover tbody tr:hover th {
                background-color: var(--dialog-tr-hover)
            }
        }
    }

    [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
        right: calc(var(--spacing)*-2)
    }

    [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
        cursor: e-resize
    }

    [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
        left: calc(var(--spacing)*-2)
    }

    [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
        cursor: w-resize
    }

    [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,
    [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
        background-color: #0000
    }

    [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
        background-color: var(--color-background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
            background-color: color-mix(in oklab, var(--color-background)20%, transparent)
        }
    }

    [data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
        color: var(--color-background)
    }

    [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *, [data-theme=dark] *):not([data-theme=light] *) {
        background-color: var(--color-background)
    }

    @supports (color:color-mix(in lab, red, red)) {
        [data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *, [data-theme=dark] *):not([data-theme=light] *) {
            background-color: color-mix(in oklab, var(--color-background)10%, transparent)
        }
    }

    [data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
        margin-top: calc(var(--spacing)*-1.5)
    }
}

.checkbox-primary {
    border-color: var(--border-subtle);
    background-color: var(--bg-primary)
}

.checkbox-primary:disabled {
    --tw-border-style: none;
    border-style: none
}

.checkbox-custom {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-neutral-700);
    border-radius: 3px
}

.checkbox-custom:checked {
    border-color: var(--color-text-primary)
}

@media (hover:hover) {
    .checkbox-custom:hover {
        border-color: var(--color-text-secondary)
    }

    .checkbox-custom:checked:hover {
        border-color: var(--color-text-primary)
    }
}

.checkbox-custom:checked {
    background-color: var(--text-primary);
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27%23121212%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[type=checkbox].checkbox-xs {
    width: calc(var(--spacing)*3);
    height: calc(var(--spacing)*3)
}

.module {
    background-color: var(--color-fill-page-primary)
}

@media (hover:hover) {
    .nav-link:hover {
        color: var(--color-primary)
    }
}

.active-nav-link {
    color: var(--color-primary)
}

.symbol-popover-content {
    background-color: #111413;
    border-color: #0000
}

.symbol-popover-table .symbol-row>* {
    background-color: #0000;
    transition: background-color .15s
}

@media (hover:hover) {
    .symbol-popover-table .symbol-row:hover>* {
        background-color: var(--fill-input-primary)
    }
}

.symbol-popover-table .symbol-row-active>* {
    background-color: var(--fill-btn-secondary)
}

.enable-token-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-foreground)
}

.enable-token-desc {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-foreground-secondary)
}

.trade-card {
    background-color: var(--color-fill-page-primary);
    border-radius: 4px
}

.theme-popularity {
    --long: #2ebd85;
    --long-rgb: 46, 189, 133;
    --short: #f6465d;
    --short-rgb: 246, 70, 93
}

.theme-high-contrast {
    --long: #33ad5c;
    --long-rgb: 51, 173, 92;
    --short: #ea3333;
    --short-rgb: 234, 51, 51
}

.theme-classic {
    --long: #74a700;
    --long-rgb: 116, 167, 0;
    --short: #ea0070;
    --short-rgb: 234, 0, 112
}

.theme-caring-model {
    --long: #1f8df9;
    --long-rgb: 31, 141, 249;
    --short: #ec8d42;
    --short-rgb: 236, 141, 66
}

.theme-popularity-reverse {
    --long: #f6465d;
    --long-rgb: 246, 70, 93;
    --short: #2ebd85;
    --short-rgb: 46, 189, 133
}

.theme-high-contrast-reverse {
    --long: #ea3333;
    --long-rgb: 234, 51, 51;
    --short: #33ad5c;
    --short-rgb: 51, 173, 92
}

.theme-classic-reverse {
    --long: #ea0070;
    --short: #74a700
}

.theme-caring-model-reverse {
    --long: #ec8d42;
    --short: #1f8df9
}

.theme1 {
    --trade-container-bg: #101010;
    --trade-container-border: #454545;
    --trade-divider-bg: #454545;
    --trade-form-border: #454545;
    --trade-input-bg: #242424;
    --trade-input-border: #242424
}

.theme2 {
    --trade-container-bg: #101010;
    --trade-container-border: #242424;
    --trade-divider-bg: #242424;
    --trade-form-border: #242424;
    --trade-input-bg: #101010;
    --trade-input-border: #242424
}

.theme3 {
    --trade-container-bg: #111115;
    --trade-container-border: #242424;
    --trade-divider-bg: #242424;
    --trade-form-border: #242424;
    --trade-input-bg: #111115;
    --trade-input-border: #242424
}

.container-main,
.container-order {
    background-color: var(--trade-container-bg);
    border-color: var(--trade-container-border)
}

.container-divider {
    background-color: var(--trade-divider-bg)
}

.container-order-form,
.container-order-banner {
    border-top: 1px solid var(--trade-form-border)
}

.container-order-form .join-input {
    border: 1px solid var(--trade-input-border);
    background: var(--trade-input-bg);
    border-radius: 8px
}

#root:has(.fullscreen) {
    width: 100%;
    height: 100%;
    transition-property: none;
    position: static;
    transform: none
}

#root :has(.fullscreen) {
    width: 100%;
    height: 100%;
    transition-property: none;
    position: static;
    transform: none
}

.swiper {
    width: 100%;
    height: 100%
}

.mySwiper .swiper-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    transition-timing-function: linear
}

.advantages-swiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width:1024px) {
    .advantages-swiper:not(.swiper-initialized) .swiper-wrapper {
        gap: 24px;
        padding-left: 0;
        padding-right: 0
    }
}

.scrollarrows {
    width: 14px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px
}

.scrollarrows path.a1 {
    animation-delay: -1s
}

.scrollarrows path.a2 {
    animation-delay: -.66s
}

.scrollarrows path.a3 {
    animation-delay: 0s
}

.scrollarTradeKeyframes {
    z-index: 8;
    opacity: 1;
    animation: .5s ease-in-out forwards tradeAnimation
}

@keyframes tradeAnimation {
    0% {
        opacity: 0;
        transform: translateY(999px)
    }

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

.animate__animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

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

.fadeInUp {
    animation-name: fadeInUp
}

.textshadow-gray {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--font-gray)
}

.textshadow-primary {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--appbrand)
}

.textshadow-gray-2 {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--font-gray)
}

.textshadow-primary-2 {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #00b151
}

@media (max-width:768px) {
    .textshadow-primary {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--appbrand)
    }
}

.leaderboard-card-1 {
    background: linear-gradient(#ffb80080 0%, #ffb80000 100%)
}

.leaderboard-card-1 .content {
    border-radius: inherit;
    background: linear-gradient(#483912 0%, #202020 50%, #101010 100%) padding-box padding-box;
    border: 1px solid #0000;
    width: 100%;
    height: 100%
}

.leaderboard-card-2 {
    background: linear-gradient(#a1abba80 0%, #a1abba00 100%)
}

.leaderboard-card-2 .content {
    border-radius: inherit;
    background: linear-gradient(#41454a 0%, #202020 50%, #101010 100%) padding-box padding-box;
    border: 1px solid #0000;
    width: 100%;
    height: 100%
}

.leaderboard-card-3 {
    background: linear-gradient(#cb710880 0%, #cb710800 100%)
}

.leaderboard-card-3 .content {
    border-radius: inherit;
    background: linear-gradient(#5e4c36 0%, #202020 50%, #101010 100%) padding-box padding-box;
    border: 1px solid #0000;
    width: 100%;
    height: 100%
}

.linear-gradient-button {
    background: var(--VIP, linear-gradient(90deg, #58e0a4 0%, #77b5c7 31.67%, #ffc701 68.94%, #c3d092 100%));
    -webkit-text-fill-color: transparent;
    border: 1px solid var(--VIP, #58e0a4);
    -webkit-background-clip: text;
    background-clip: text;
    border-radius: 3px
}

#privy-modal-content>div>div:first-child>div[style]>div>button>svg:last-child {
    display: none
}

#privy-modal-content>div>div:first-child>div[style]>div>button:only-of-type {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAYCAYAAABDX1s+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAiRSURBVHgBtVltbBTHGX5m986+s893Z9fGNtjmaoJoCigUJFCQ2xyNUlNCC0ENUqVKgfZvq5BWkLRCwm5aKRV/XNRK/VVAior7h4aqSC0hxdCAAopcCLSBmJgLBtuYs7kP3/k+dnfyzs7t+dY+48tdeKy92Xl3Zmfm2fdrxgw7eQAq/gaOdSgDCk/Dnb4OVyZE99NgRtqUMwZwTmWuwkUFXD6jPz55CfzBv8H1FL4sMMZCNM6xcDjcizLBsIvfoTKAMuDQw/DHTpmkzAXP/TBWRJ4Igd85iieILUTKAMqAgjLJUI0YfNGTgJ4EN3S6DBh0yVIH/dDqTRl9NCPfRsgwPYxK0ehiaHSzhR4HUQJ6ggG/uApljlI6+mtphNVU1sh6JAm8994HJhlCyXhBW5775UIuNYRxUQVnpgGZlsNRKZppLi90KOj4ioKBuwbO0RVPL/7eOz0Bv5LM7hmNYcfZ2zPBeIYL8+qxnj+WkMAS4OhPJRlzEbz5ADeGDEkArfMFdy22eBphUOURacIkKcKopuNWOo7P0jH5KcWv2cFA4bfdv38/Dhw4YHv/yMgI1q9fP2/cc+fOYc2aNej78fMYu30DN0Z17HpKwf5NTpOUv9OcDMZ9p34RCBT2C0e1AKnqDiS1PdfGDP+VewbSmvhs7LnCdgsS8up2om231I5iuDsagTAFc2UGx2ZlGCsyt0gPFGioQoa5karyIlntxxhfjnenIyY5Ka6ZKlMufD4fZqajJhkWLoQMPEwA3QEV339KRb0X+7iR3Wc913OWmtaA90MaPn5o5PuS8gbfCLYE3hoYDy1IiCCjby8ei0gsOVshUpZmr2OFMVlASA1mFB+SSgOalCXo8LTgbu0ynEnE8RG3a8gXhdvjg8vjRWo6lpeJRd6Pcexa7YA7Q22qZ9tniIgwTff0Ta2YWUUsMgTmESLMZDEyBDjXpfrn4uuSjbfR0fSZGV6NGRXZcRdSE15MRxoRU5rhV5fBp7ajtS6At2vqcW0KFWHpyrUY/u9FmyxGiz02mMWz5Fu6v67m5ZdJgwaG9aLvIZO5WlifR8ih3SgJImqYZJjaR7a4UofSmTF9p6pl4cxQfjIThT88iuSgH1OhcdQaYbh4FG0sjmuoDG7SkIUwk5VBTlFkGZnB4xAprNgIEf5iz5b5PX7/D+CdK3aZ6T8KtW8J1TtyBGlUUmrCaCKsXoeneRLu2zHUXoygaiaBOiNpe1d/fz/u3btnk0WjURw5cmTeXA4ePGj6kYZkBMWwqV3BpjbVJvtWQEE1rfTySDEt4QsTUiyaCAgyBv5nl3lFbsGtzIujl30N7WoDfM4s1tU+wnPKJAIZykKn6TERrbqzaPDfheNMBnVjHtu7REQ5ceKETdbe3o7jx4/Pm8vhw4fN9iv9DN9slZ7I5WRYt4yhw6ugpVbKLL+t5/znpjYK0dRnaMpAaIqT1sgGiuo4hYUIsfKMUmAmX+bIshiIbIT+kG4YeTCFVMPxCMHaYfy58UME3FSvIrNSDXi/NwbPSAMqxVCE4yffULC5Q0WggSFN1pooMA0KfFDn9Gn1MKxoUuGqAsbjHDcf8PPbjo6+U9impMSsGLhFCJN7E0yuIj1vJBdChKgJMOckBtJt6Ex+FYf8l3CoaUi2pZk6VtHMP3WjUmx/WoW3WmpEgqzwUVSTUyKRi2zESavLkigW16HruZSRC0IYWurM6xlOiRrrCeXNxkZIJImSYfoQ4UzJiYr0zHmStkRjlAXX18FobQVvDoBXkV/QvOg1quBv1PFqA7Uhh4dqVIxuSsYsMgTq6OsnKbp9MOFGUlfxgyVJWOp7gaJdgmQvLotRjpLPDgX8KVUTm9oBS2AjZK6fsLBj43zZ5U+khnAZe0lDonCePp8fS9u8Afp3noZRX22KXpvM4JkmMiMvfYxqey6wdu1aM/sshHCqc/2K1barqwvP62cgHZSE08HJRzmw2Uc+IqpAVeTCRdncSKbVmoDTUCjyGLb36QrfuSAhEcr2BigBDNrnhn3b5VWImpOzHpvPu6EXX7wC5dMQMj+n8VThU6L4dXINgp73yZ/Y07KtW7eWnLoPDg6aDjf+p26kx3NfkF6nURpuGBqW1upYWpMhU5FjqORIujvi5r3wMQlypnRMQETlX/mKWKJVUeYOuPePpZmOcKqcz+5s5W5WyqydL0bHoP7zOoVgMqFME84nOxER8a9szzWLNPPmFkh6Qh/y/riO8Yc6otMysgiNERALF3Uhvz+ume1mUjzfN5GyJ2bzCAlNAL1/xaIQmar4IjDDb44IkwxN1s3SgPIhEaLV06x84FodTmnNNMvKd7uu1d35e+FEvXWqmYjp9H2m6p/Ftr9o6Dqq4cUTWbMu5E4HM9uxwkMazm1hVyk2WB8lYq8tcn7j87hy5x261Jb8JRI2S1OonAyTLpMXFRevQoQ7adRKdjIS7tVbbXWxRfm/1oTEt3+Lic6XETb8yDj9Zjmx4mXEg2/C0dJ5tcqp2BIxVdFLC7t9uexU7HhfKZK9+jzVFOaEbZoHgtbZR/64g+W3b5yx/1wG3yaHihhOlBJwhVN9HNT6NtRs2A21oQ3HznyEN98+TdJx/BBn8aOXvos//Ob12caUh02mHb1dPZf6RHXkjbYgTXKnwtny1rdmN3aAPEJcVH+LHRBdeLcf0dBZFI7K8odFucgj7/OVHHV0BnsLrtQtPCl0Lm87/rtf/SyUFyjKsS0v7Q2V0rckQooiE4Zy8xCZQnJ26Si4YdYAOZGV5xMnbiLDnRmq3G4WRi+dqfagDCg0wasoB1V0OrbydXBnvRlRZLTRc05WnshY56syzedMHhkYLKvW4wljAGVCxaqefxEpIjnxf+HeTh/12mBaBVPIR+gJ8qdpeTyV+7eDldGadW6YZ6sGk6fDKk/R0Bq+RAiH+UvSjn6Uic8BwPUH5ZnlW6YAAAAASUVORK5CYII=); */
    background-position: 244px;
    background-repeat: no-repeat
}

.privy-wallet-coin98wallet>span:first-of-type:after {
    content: "10% Boost!";
    color: #00ce5f;
    margin-left: 8px;
    font-weight: 700
}

.connectWallet-butStyle .wallet-adapter-button {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    background-color: rgb(34 197 94/var(--tw-bg-opacity));
    height: 38px;
    margin: 0;
    padding: 0
}

details.header-dropdown {
    position: relative
}

details.header-dropdown[open]>.header-dropdown-content {
    z-index: 10;
    flex-direction: column;
    display: flex;
    position: absolute;
    top: 100%
}

.connectWallet-butStyle .wallet-adapter-dropdown {
    width: 100%
}

.connectWallet-butStyle .wallet-adapter-button-start-icon {
    margin-right: 4px
}

.connectedWallet-butStyle .wallet-adapter-button {
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: inherit;
    height: 38px;
    margin: 0;
    padding: 0
}

.rotate-loading {
    border: 1px solid #c8c8c880;
    border-top-color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    animation: 1s linear infinite rotate-loading
}

.disabled-input-custom input {
    background-color: #0000
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

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

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

.custom-scrollbar {
    scrollbar-color: #363a45 transparent;
    scrollbar-width: thin
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #363a45;
    border-radius: 3px
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #0000;
    border-radius: 3px
}

.custom-scrollbar::-webkit-scrollbar-corner {
    display: none
}

.relative.w-full>.absolute.transition-all.ease-out.duration-300 {
    z-index: 99999;
    margin-top: 0;
    position: absolute
}

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

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

.scrollbar-x-only {
    scrollbar-color: #363a45 transparent;
    scrollbar-width: thin
}

.scrollbar-x-only::-webkit-scrollbar {
    width: 0;
    height: 6px
}

.scrollbar-x-only::-webkit-scrollbar-thumb {
    background-color: #363a45;
    border-radius: 3px
}

.scrollbar-x-only::-webkit-scrollbar-track {
    background-color: #0000
}

.scrollbar-x-only::-webkit-scrollbar-corner {
    display: none
}

#tvCtr [class*=separatorWrap-]:has(+[class*=group-]:last-child) {
    display: none
}

.driver-popover {
    background-color: var(--color-fill-page-secondary);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-secondary)
}

.driver-overlay {
    z-index: 45
}

.driver-active-element {
    z-index: 46
}

.driver-popover {
    z-index: 47
}

.driver-popover-arrow {
    border-color: var(--color-fill-page-secondary)
}

.driver-popover-arrow-side-left {
    border-top-color: #0000;
    border-bottom-color: #0000;
    border-right-color: #0000
}

.driver-popover-arrow-side-right {
    border-top-color: #0000;
    border-bottom-color: #0000;
    border-left-color: #0000
}

.driver-popover-arrow-side-top {
    border-bottom-color: #0000;
    border-left-color: #0000;
    border-right-color: #0000
}

.driver-popover-arrow-side-bottom {
    border-top-color: #0000;
    border-left-color: #0000;
    border-right-color: #0000
}

.driver-popover-next-btn {
    min-height: calc(var(--spacing)*6);
    min-width: calc(var(--spacing)*20);
    border-radius: var(--radius-2xl);
    fill: var(--color-fill-btn-primary);
    text-align: center;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-shadow: none
}

.edgex-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: .875rem;
    position: relative
}

.edgex-table :where(th, td) {
    vertical-align: middle
}

.edgex-table :where(thead th) {
    white-space: nowrap
}

.edgex-table.pin-rows :where(thead tr) {
    z-index: 2;
    position: sticky;
    top: 0
}

.edgex-table.pin-rows.pin-cols :where(thead tr) {
    z-index: 3
}

.edgex-table.pin-rows.pin-cols :where(thead tr th) {
    z-index: 4;
    top: 0
}

.edgex-table.pin-rows :where(tfoot tr) {
    z-index: 2;
    position: sticky;
    bottom: 0
}

.edgex-table.pin-cols :where(tr th) {
    z-index: 1;
    background-color: inherit;
    position: sticky
}

.edgex-table.pin-cols tbody tr th {
    background-color: var(--fill-page-primary)
}

.edgex-table.pin-cols :where(tr th:first-child) {
    left: 0
}

.edgex-table.pin-cols :where(tr th:last-child) {
    right: 0
}

.edgex-table.pin-cols tbody tr:hover th {
    background-color: var(--fill-page-secondary)
}

.edgex-table.pin-rows.pin-cols thead tr :where(th) {
    z-index: 3
}

@media (hover:hover) {
    .edgex-table tr.row-hover:hover {
        background-color: var(--fill-page-secondary)
    }
}

.container-main .edgex-table.pin-cols :where(tbody tr th) {
    background-color: var(--trade-container-bg)
}


@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes tabs-content-enter {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }

    35% {
        opacity: 0;
        transform: translateY(3px)
    }

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

@keyframes tabs-content-horizontal-enter-from-left {
    0% {
        opacity: 0;
        transform: translate(-8px)
    }

    35% {
        opacity: 0;
        transform: translate(-6px)
    }

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

@keyframes tabs-content-horizontal-enter-from-right {
    0% {
        opacity: 0;
        transform: translate(8px)
    }

    35% {
        opacity: 0;
        transform: translate(6px)
    }

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

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
        filter: blur(var(--tw-enter-blur, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
        filter: blur(var(--tw-exit-blur, 0))
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
    }

    to {
        height: 0
    }
}

@keyframes caret-blink {

    0%,
    70%,
    to {
        opacity: 1
    }

    20%,
    50% {
        opacity: 0
    }
}

@keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(-8px)
    }

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