.AssetsPopper_assets-container__kxexo {
    position: relative;
    display: flex;
    height: 64px;
    align-items: center
}

.AssetsPopper_assets-text__awWK7 {
    margin-right: 20px;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 400
}

.AssetsPopper_assets-arrow__mAJfy {
    margin-left: 2px
}

.AssetsPopper_group__j8Ck6:hover .AssetsPopper_assets-arrow__mAJfy {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.AssetsPopper_assets-icon__42Msn {
    margin-right: 16px;
    height: 20px;
    width: 20px
}

.AssetsPopper_asset-hover-animate__7oq4N {
    transform: perspective(1px) scale(.75);
    transform-origin: 50% 0;
    transition: transform .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}

.AssetsPopper_assets-container__kxexo:hover .AssetsPopper_asset-hover-animate__7oq4N {
    transform: perspective(1px) scale(1)
}

.OverviewPopper_user-overview-hover-animate__6uuo5 {
    transform: perspective(1px) scale(.75);
    transform-origin: 50% 0;
    transition: transform .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}

.OverviewPopper_user-overview-container__i7Tll:hover .OverviewPopper_user-overview-hover-animate__6uuo5 {
    transform: perspective(1px) scale(1)
}

.NotificationPopper_notification-hover-animate__HdjXC {
    transform: perspective(1px) scale(.75);
    transform-origin: 50% 0;
    transition: transform .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}

.NotificationPopper_notification-container__blST5:hover .NotificationPopper_notification-hover-animate__HdjXC {
    transform: perspective(1px) scale(1)
}

.NotificationPopper_scroll-container__9uhIp {
    overflow-y: auto;
    overflow-x: hidden
}

.NotificationPopper_scroll-container__9uhIp::-webkit-scrollbar {
    width: 4px
}

.NotificationPopper_scroll-container__9uhIp::-webkit-scrollbar-track {
    background: transparent !important
}

.NotificationPopper_scroll-container__9uhIp::-webkit-scrollbar-thumb {
    background-color: #f2f4f5;
    border-radius: 4px
}

.ApplicationPopper_download-hover-animate__e7HDb {
    transform: perspective(1px) scale(.75);
    transform-origin: 50% 0;
    transition: transform .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}

.ApplicationPopper_download-container__Xvz1v:hover .ApplicationPopper_download-hover-animate__e7HDb {
    transform: perspective(1px) scale(1)
}

.h-fit {
    height: -moz-fit-content
}

.max-h-fit {
    max-height: -moz-fit-content
}

.w-fit {
    width: -moz-fit-content
}

.min-w-fit {
    min-width: -moz-fit-content
}

.min-w-max {
    min-width: -moz-max-content
}

.min-w-min {
    min-width: -moz-min-content
}

.select-none {
    -moz-user-select: none
}

.gap-x-0 {
    -moz-column-gap: 0
}

.gap-x-1 {
    -moz-column-gap: .25rem
}

.gap-x-2 {
    -moz-column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem
}

.object-contain {
    -o-object-fit: contain
}

.object-cover {
    -o-object-fit: cover
}

.placeholder-light-label::-moz-placeholder {
    color: var(--light-label-default)
}

.placeholder\:text-\[14px\]::-moz-placeholder {
    font-size: 14px
}

.placeholder\:text-\[16px\]::-moz-placeholder {
    font-size: 16px
}

.placeholder\:text-sm::-moz-placeholder {
    font-size: 12px
}

.placeholder\:text-base-label-40::-moz-placeholder {
    color: var(--base-label-40)
}

.placeholder\:text-dark-label-40::-moz-placeholder {
    color: var(--dark-label-40)
}

.hover\:placeholder-light-label-40:hover::-moz-placeholder,
.placeholder\:text-light-label-40::-moz-placeholder {
    color: var(--light-label-40)
}

.focus\:placeholder\:opacity-0:focus::-moz-placeholder {
    opacity: 0
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
        animation: spin 1.5s linear infinite
    }
}

.dark\:placeholder-dark-label:is([data-theme=dark] *)::-moz-placeholder {
    color: var(--dark-label-default)
}

.dark\:hover\:placeholder-dark-label-40:hover:is([data-theme=dark] *)::-moz-placeholder {
    color: var(--dark-label-40)
}

@media (min-width:768px) {
    .md\:relative {
        position: relative
    }

    .md\:bottom-\[36px\] {
        bottom: 36px
    }

    .md\:left-6 {
        left: 1.5rem
    }

    .md\:right-4 {
        right: 1rem
    }

    .md\:top-16 {
        top: 4rem
    }

    .md\:top-6 {
        top: 1.5rem
    }

    .md\:top-\[198px\] {
        top: 198px
    }

    .md\:z-10 {
        z-index: 10
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

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

    .md\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

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

    .md\:-mt-5 {
        margin-top: -1.25rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

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

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-5 {
        margin-right: 1.25rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

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

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

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

    .md\:\!block {
        display: block !important
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

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

    .md\:h-\[160px\] {
        height: 160px
    }

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

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

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

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

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

    .md\:h-\[84px\] {
        height: 84px
    }

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

    .md\:h-\[calc\(500px\+64px\)\] {
        height: calc(500px + 64px)
    }

    .md\:min-h-\[620px\] {
        min-height: 620px
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-\[1200px\] {
        width: 1200px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[14px\] {
        width: 14px
    }

    .md\:w-\[220px\] {
        width: 220px
    }

    .md\:w-\[240px\] {
        width: 240px
    }

    .md\:w-\[250px\] {
        width: 250px
    }

    .md\:w-\[320px\] {
        width: 320px
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[44px\] {
        width: 44px
    }

    .md\:w-\[520px\] {
        width: 520px
    }

    .md\:w-\[56px\] {
        width: 56px
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[88px\] {
        width: 88px
    }

    .md\:w-\[895px\] {
        width: 895px
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[120px\] {
        min-width: 120px
    }

    .md\:min-w-\[160px\] {
        min-width: 160px
    }

    .md\:min-w-\[180px\] {
        min-width: 180px
    }

    .md\:min-w-full {
        min-width: 100%
    }

    .md\:min-w-min {
        min-width: -moz-min-content;
        min-width: min-content
    }

    .md\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .md\:max-w-\[860px\] {
        max-width: 860px
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:basis-1\/5 {
        flex-basis: 20%
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto
    }

    .md\:grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-\[12px\] {
        gap: 12px
    }

    .md\:gap-\[16px\] {
        gap: 16px
    }

    .md\:gap-\[56px\] {
        gap: 56px
    }

    .md\:gap-\[6px\] {
        gap: 6px
    }

    .md\:gap-\[80px\] {
        gap: 80px
    }

    .md\:self-stretch {
        align-self: stretch
    }

    .md\:rounded-\[16px\] {
        border-radius: 16px
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-light-line-secondary {
        border-color: var(--light-line-secondary)
    }

    .md\:bg-base-fill-secondary {
        background-color: var(--base-fill-secondary)
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-\[24px\] {
        padding: 24px
    }

    .md\:\!px-\[60px\] {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:\!pb-\[120px\] {
        padding-bottom: 120px !important
    }

    .md\:\!pt-\[90px\] {
        padding-top: 90px !important
    }

    .md\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .md\:pb-\[68px\] {
        padding-bottom: 68px
    }

    .md\:pl-\[24px\] {
        padding-left: 24px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:pt-\[90px\] {
        padding-top: 90px
    }

    .md\:text-2xl {
        font-size: 22px
    }

    .md\:text-3xl {
        font-size: 24px
    }

    .md\:text-4xl {
        font-size: 28px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[36px\] {
        font-size: 36px
    }

    .md\:text-\[48px\] {
        font-size: 48px
    }

    .md\:text-lg {
        font-size: 18px
    }

    .md\:text-md {
        font-size: 16px
    }

    .md\:text-xl {
        font-size: 20px
    }

    .md\:font-bold {
        font-weight: 700
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:leading-6 {
        line-height: 1.5rem
    }

    .md\:leading-\[24px\] {
        line-height: 24px
    }

    .md\:leading-\[26px\] {
        line-height: 26px
    }

    .md\:leading-\[30px\] {
        line-height: 30px
    }

    .md\:leading-\[34px\] {
        line-height: 34px
    }

    .md\:leading-\[44px\] {
        line-height: 44px
    }

    .md\:leading-\[60px\] {
        line-height: 60px
    }

    .md\:text-base-label-20 {
        color: var(--base-label-20)
    }

    .md\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .md\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .md\:after\:right-\[10px\]:after {
        content: var(--tw-content);
        right: 10px
    }

    .md\:after\:top-\[10px\]:after {
        content: var(--tw-content);
        top: 10px
    }

    .md\:after\:h-\[6px\]:after {
        content: var(--tw-content);
        height: 6px
    }

    .md\:after\:w-\[6px\]:after {
        content: var(--tw-content);
        width: 6px
    }

    .md\:after\:rounded-\[10px\]:after {
        content: var(--tw-content);
        border-radius: 10px
    }

    .md\:after\:bg-base-primary:after {
        content: var(--tw-content);
        background-color: var(--base-primary-default)
    }

    .md\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:text-light-primary:hover {
        color: var(--light-primary-default)
    }

    .md\:data-\[show-kyc-alert\=true\]\:mt-\[-112px\][data-show-kyc-alert=true] {
        margin-top: -112px
    }

    .md\:data-\[show-kyc-alert\=true\]\:pt-\[112px\][data-show-kyc-alert=true] {
        padding-top: 112px
    }
}

.IpDialog_icon__QICiJ {
    width: 40px;
    height: 40px;
    margin-bottom: 40px
}

[data-theme=light] .IpDialog_icon__QICiJ {
    color: #fac823
}

[data-theme=dark] .IpDialog_icon__QICiJ {
    color: #ffd342
}

.IpDialog_dialog-content__yethP {
    width: 520px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 30px
}

.IpDialog_dialog-content__yethP p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.IpDialog_btn-group__BfNeJ {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.IpDialog_btn__yvjYC {
    width: 220px
}

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    width: 100%;
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden
}

.react-loading-skeleton:after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0, var(--highlight-color) 50%, var(--base-color) 100%));
    transform: translateX(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

.UserComebackDialog_customClass__W34MA {
    width: 400px !important;
    height: 520px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: transparent !important
}

@media(max-width:768px) {
    .UserComebackDialog_customClass__W34MA {
        width: 320px !important;
        height: 416px !important
    }
}

.UserComebackDialog_contentCustomClass__LeLUX {
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.UserComebackDialog_dialogContent__UNPfU {
    background-image: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/user-comeback-dialog-bg-pc.e4c20691.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 16px;
    padding: 32px 20px 24px;
    font-family: HarmonyOS Sans
}

@media(max-width:768px) {
    .UserComebackDialog_dialogContent__UNPfU {
        background-image: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/user-comeback-dialog-bg-h5.8229aeaf.png)
    }
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo {
    margin-top: auto
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_desc__Fc3S2,
.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_title__e5pgJ {
    color: #fcfdff
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_title__e5pgJ {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.2px
}

@media(max-width:768px) {
    .UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_title__e5pgJ {
        font-size: 16px;
        line-height: 32px
    }
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_desc__Fc3S2 {
    margin-top: 8px;
    line-height: 18px;
    letter-spacing: -.2px
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_btnGroup__6gxsI {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px
}

@media(max-width:768px) {
    .UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_btnGroup__6gxsI {
        margin-top: 12px
    }
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_btnGroup__6gxsI .UserComebackDialog_btn__xpC1F {
    flex: 1
}

.UserComebackDialog_dialogContent__UNPfU .UserComebackDialog_wrapper__GvGzo .UserComebackDialog_btnGroup__6gxsI .UserComebackDialog_cancelBtn__jt0J8 {
    color: #fcfdff !important
}

@font-face {
    font-family: iconfont;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/iconfont.ddf8aaaf.woff2) format("woff2"), url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/iconfont.16bf5c1a.woff) format("woff"), url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/iconfont.aaaf511f.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-hide-fill:before {
    content: "\e62e"
}

.icon-history-fill:before {
    content: "\e651"
}

.icon-chart05-line:before {
    content: "\e64d"
}

.icon-chart02-line:before {
    content: "\e64e"
}

.icon-chart09-line:before {
    content: "\e64f"
}

.icon-chart01-line:before {
    content: "\e650"
}

.icon-chart14-line:before {
    content: "\e63e"
}

.icon-chart24-line:before {
    content: "\e63f"
}

.icon-chart03-line:before {
    content: "\e640"
}

.icon-chart18-line:before {
    content: "\e641"
}

.icon-chart16-line:before {
    content: "\e642"
}

.icon-chart21-line:before {
    content: "\e643"
}

.icon-chart11-line:before {
    content: "\e644"
}

.icon-chart17-line:before {
    content: "\e645"
}

.icon-chart08-line:before {
    content: "\e646"
}

.icon-chart15-line:before {
    content: "\e647"
}

.icon-chart20-line:before {
    content: "\e648"
}

.icon-chart07-line:before {
    content: "\e649"
}

.icon-chart12-line:before {
    content: "\e64a"
}

.icon-chart23-line:before {
    content: "\e64b"
}

.icon-chart13-line:before {
    content: "\e64c"
}

.icon-chart26-line:before {
    content: "\e62c"
}

.icon-chart25-line:before {
    content: "\e630"
}

.icon-chart19-line:before {
    content: "\e639"
}

.icon-chart06-line:before {
    content: "\e63a"
}

.icon-chart10-line:before {
    content: "\e63b"
}

.icon-chart22-line:before {
    content: "\e63c"
}

.icon-chart04-line:before {
    content: "\e63d"
}

.icon-sub-account:before {
    content: "\e745"
}

.icon-sub-account1:before {
    content: "\e744"
}

.icon-copytrading_line:before {
    content: "\e743"
}

.icon-lower-fees1:before {
    content: "\e633"
}

.icon-book-fill:before {
    content: "\e634"
}

.icon-higher-interest-rate:before {
    content: "\e635"
}

.icon-vip-events:before {
    content: "\e636"
}

.icon-exclusive-products:before {
    content: "\e637"
}

.icon-list-indefinite-line:before {
    content: "\e638"
}

.icon-card:before {
    content: "\e624"
}

.icon-telegram-fill1:before {
    content: "\e625"
}

.icon-Star-line:before {
    content: "\e626"
}

.icon-notification-line:before {
    content: "\e627"
}

.icon-transfer-fill:before {
    content: "\e628"
}

.icon-system-notification-fill:before {
    content: "\e629"
}

.icon-add-circle-fill:before {
    content: "\e62a"
}

.icon-a-futuresgrid-fill:before {
    content: "\e62b"
}

.icon-vip-gifts:before {
    content: "\e62d"
}

.icon-exclusive-support:before {
    content: "\e62f"
}

.icon-latest-events-fill:before {
    content: "\e631"
}

.icon-record-circle-line:before {
    content: "\e623"
}

.icon-lower-fees:before {
    content: "\e622"
}

.icon-a-market-insightsreports:before {
    content: "\e621"
}

.icon-discord-fill:before {
    content: "\e61d"
}

.icon-clear-fill:before {
    content: "\e61e"
}

.icon-price-alert-fill:before {
    content: "\e60c"
}

.icon-unlink-line:before {
    content: "\e60d"
}

.icon-new-listings-line:before {
    content: "\e60e"
}

.icon-assets-fill:before {
    content: "\e60f"
}

.icon-news-fill:before {
    content: "\e610"
}

.icon-academy-fill:before {
    content: "\e611"
}

.icon-announcements-notice-fill:before {
    content: "\e613"
}

.icon-sound-effect-line:before {
    content: "\e614"
}

.icon-a-futuresDCA-fill:before {
    content: "\e616"
}

.icon-eraser-fill:before {
    content: "\e617"
}

.icon-share-fill2:before {
    content: "\e61b"
}

.icon-total-commission:before {
    content: "\e619"
}

.icon-traded-invitees:before {
    content: "\e61a"
}

.icon-invitees:before {
    content: "\e618"
}

.icon-file-text-line:before {
    content: "\e73d"
}

.icon-checkbox-fill:before {
    content: "\e73a"
}

.icon-checkbox-line:before {
    content: "\e73b"
}

.icon-nfc-line:before {
    content: "\e739"
}

.icon-withdraw-line:before {
    content: "\e738"
}

.icon-warning-line:before {
    content: "\e737"
}

.icon-warning-fill:before {
    content: "\e736"
}

.icon-verification-line:before {
    content: "\e735"
}

.icon-user-fill:before {
    content: "\e734"
}

.icon-ubk-line:before {
    content: "\e733"
}

.icon-renko-line:before {
    content: "\e71d"
}

.icon-success-fill:before {
    content: "\e72c"
}

.icon-subtraction-circle-line:before {
    content: "\e72b"
}

.icon-subtract-line:before {
    content: "\e72a"
}

.icon-star-line:before {
    content: "\e729"
}

.icon-star-fill:before {
    content: "\e728"
}

.icon-spot-line:before {
    content: "\e727"
}

.icon-signal-line:before {
    content: "\e726"
}

.icon-show-fill:before {
    content: "\e725"
}

.icon-shining-fill:before {
    content: "\e723"
}

.icon-share-fill:before {
    content: "\e722"
}

.icon-setting-fill:before {
    content: "\e721"
}

.icon-search-fill:before {
    content: "\e720"
}

.icon-restart-line:before {
    content: "\e71f"
}

.icon-repeat-line:before {
    content: "\e71e"
}

.icon-twap-line:before {
    content: "\e732"
}

.icon-a-transferline:before {
    content: "\e731"
}

.icon-touch-line:before {
    content: "\e730"
}

.icon-telegram-fill:before {
    content: "\e72f"
}

.icon-sun-fill:before {
    content: "\e72e"
}

.icon-success-line:before {
    content: "\e72d"
}

.icon-QRcode-line:before {
    content: "\e719"
}

.icon-QRscan-line:before {
    content: "\e71a"
}

.icon-recycle-line:before {
    content: "\e71b"
}

.icon-oading-line:before {
    content: "\e70d"
}

.icon-notification-fill:before {
    content: "\e70c"
}

.icon-a-pricealert-added:before {
    content: "\e718"
}

.icon-a-pricealert-add:before {
    content: "\e717"
}

.icon-a-pointfigure-line:before {
    content: "\e716"
}

.icon-point-fill:before {
    content: "\e715"
}

.icon-play:before {
    content: "\e714"
}

.icon-percent-line:before {
    content: "\e713"
}

.icon-pause:before {
    content: "\e711"
}

.icon-overview-line:before {
    content: "\e710"
}

.icon-a-ordercenter-line:before {
    content: "\e70e"
}

.icon-info-line:before {
    content: "\e6f7"
}

.icon-info-fill:before {
    content: "\e6f6"
}

.icon-indicators-line:before {
    content: "\e6fe"
}

.icon-hourglass-line:before {
    content: "\e70b"
}

.icon-logout-line:before {
    content: "\e705"
}

.icon-login-circle-line:before {
    content: "\e704"
}

.icon-a-lockTure:before {
    content: "\e703"
}

.icon-a-lockFalse:before {
    content: "\e702"
}

.icon-list-line:before {
    content: "\e701"
}

.icon-link:before {
    content: "\e700"
}

.icon-a-linebreak-line:before {
    content: "\e6ff"
}

.icon-line-line:before {
    content: "\e6fd"
}

.icon-leader-fill:before {
    content: "\e6fc"
}

.icon-layout-line:before {
    content: "\e6fb"
}

.icon-language-line:before {
    content: "\e6fa"
}

.icon-kagi-line:before {
    content: "\e6f9"
}

.icon-information-line:before {
    content: "\e6f8"
}

.icon-magic-fill:before {
    content: "\e706"
}

.icon-money-line:before {
    content: "\e707"
}

.icon-moon-fill:before {
    content: "\e708"
}

.icon-more-line-1:before {
    content: "\e709"
}

.icon-more-line:before {
    content: "\e70a"
}

.icon-futures-line:before {
    content: "\e6e7"
}

.icon-funding-line:before {
    content: "\e6e5"
}

.icon-fullscreen-line:before {
    content: "\e6e6"
}

.icon-fullscreen-exit-line:before {
    content: "\e6f3"
}

.icon-fire-fill:before {
    content: "\e6f4"
}

.icon-filter-line:before {
    content: "\e6f5"
}

.icon-group-fill:before {
    content: "\e6e9"
}

.icon-group-line:before {
    content: "\e6ea"
}

.icon-guide-line:before {
    content: "\e6eb"
}

.icon-a-heikinashi-line:before {
    content: "\e6ec"
}

.icon-help-fill:before {
    content: "\e6ed"
}

.icon-hide-line:before {
    content: "\e6ee"
}

.icon-history-line:before {
    content: "\e6ef"
}

.icon-history-line1:before {
    content: "\e6f0"
}

.icon-a-hollowcandles-line:before {
    content: "\e6f2"
}

.icon-face-line:before {
    content: "\e6e1"
}

.icon-faq-line:before {
    content: "\e6e2"
}

.icon-fee-line:before {
    content: "\e6e3"
}

.icon-fee-line2:before {
    content: "\e6e4"
}

.icon-arrow-down-l-line:before {
    content: "\e6e0"
}

.icon-exchange-line:before {
    content: "\e6db"
}

.icon-equalizer-fill:before {
    content: "\e6dc"
}

.icon-edit-line:before {
    content: "\e6dd"
}

.icon-earn-line:before {
    content: "\e6de"
}

.icon-drag-line:before {
    content: "\e6df"
}

.icon-danger-fill:before {
    content: "\e6da"
}

.icon-download-line:before {
    content: "\e6d3"
}

.icon-arrow-down-l-fill:before {
    content: "\e6d2"
}

.icon-doubt-line:before {
    content: "\e6d1"
}

.icon-doubt-fill:before {
    content: "\e6d0"
}

.icon-details-line:before {
    content: "\e6d4"
}

.icon-deposit-line:before {
    content: "\e6d5"
}

.icon-delete-bin-line:before {
    content: "\e6d6"
}

.icon-dashboard-line:before {
    content: "\e6d7"
}

.icon-danger-line:before {
    content: "\e6d9"
}

.icon-check-line:before {
    content: "\e6ce"
}

.icon-candles-line-1:before {
    content: "\e6cf"
}

.icon-coupon-line:before {
    content: "\e6c5"
}

.icon-copy-line:before {
    content: "\e6c6"
}

.icon-compare-line:before {
    content: "\e6c7"
}

.icon-close-line:before {
    content: "\e6c8"
}

.icon-clock-line:before {
    content: "\e6c9"
}

.icon-clock-fill:before {
    content: "\e6ca"
}

.icon-checkbox-circle-line:before {
    content: "\e6cb"
}

.icon-checkbox-circle-fill:before {
    content: "\e6cd"
}

.icon-calendar-fill:before {
    content: "\e6c3"
}

.icon-camera-line:before {
    content: "\e6c4"
}

.icon-arrow-right-s-fill:before {
    content: "\e6bc"
}

.icon-arrow-right-l-line:before {
    content: "\e6bd"
}

.icon-arrow-up-s-fill:before {
    content: "\e6be"
}

.icon-arrow-right-l-fill:before {
    content: "\e6bf"
}

.icon-arrow-up-l-line:before {
    content: "\e6c0"
}

.icon-arrow-left-s-fill:before {
    content: "\e6c1"
}

.icon-arrow-up-l-fill:before {
    content: "\e6c2"
}

.icon-arrow-down-s-line:before {
    content: "\e6b0"
}

.icon-arrow-down-s-fill:before {
    content: "\e6af"
}

.icon-area-line:before {
    content: "\e6ae"
}

.icon-api-line:before {
    content: "\e6ad"
}

.icon-anticode-line:before {
    content: "\e6ac"
}

.icon-announcement-line:before {
    content: "\e6ab"
}

.icon-a-buycrypto-line:before {
    content: "\e6b6"
}

.icon-book-line:before {
    content: "\e6b5"
}

.icon-baseline-line:before {
    content: "\e6b4"
}

.icon-bars-line:before {
    content: "\e6b3"
}

.icon-audits-line2:before {
    content: "\e6b2"
}

.icon-arrow-left-l-fill:before {
    content: "\e6b1"
}

.icon-arrow-up-s-line:before {
    content: "\e6b7"
}

.icon-arrow-left-l-line:before {
    content: "\e6b8"
}

.icon-arrow-go-back-line:before {
    content: "\e6b9"
}

.icon-arrow-right-s-line:before {
    content: "\e6ba"
}

.icon-arrow-left-s-line:before {
    content: "\e6bb"
}

.icon-account-line:before {
    content: "\e6a2"
}

.icon-add-box-line:before {
    content: "\e6a4"
}

.icon-add-box-fill:before {
    content: "\e6a5"
}

.icon-add-circle-line:before {
    content: "\e6a6"
}

.icon-add-line:before {
    content: "\e6a7"
}

.icon-affiliate-line:before {
    content: "\e6a8"
}

.icon-align-line:before {
    content: "\e6a9"
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/Switzer-Regular.03e7decc.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/Switzer-Medium.7b78a01d.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/Switzer-Bold.31bf83bc.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/Switzer-Black.d081d8ff.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/Switzer-Semibold.a50b65dc.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Balgin-BlackItalic;
    src: url(https://s2.blockfin.com/frontend/_exchange_website_kr/_next/static/media/balgin-black-italic.3c270216.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

._container_1qik0_1 {
    display: flex;
    align-items: center;
    gap: .25rem;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._container_1qik0_1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

._checkmark_1qik0_22:after {
    content: "";
    display: none
}

._container_1qik0_1 input:checked~._checkmark_1qik0_22:after {
    display: flex;
    align-items: center;
    justify-content: center
}

._container_1qik0_1 ._checkmark_1qik0_22:after {
    border-style: solid;
    margin-bottom: 2px;
    transform: rotate(35deg)
}

._picker-column_mbbcs_1 {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: none;
    position: relative;
    overflow: hidden;
    flex: 1
}

._down_mbbcs_11,
._up_mbbcs_10 {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    height: calc(50% - 13px);
    pointer-events: none
}

._up-light_mbbcs_20 {
    top: -5px;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7) 50%, #fff)
}

._down-light_mbbcs_25 {
    bottom: -5px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .7) 50%, #fff)
}

._up-dark_mbbcs_30 {
    top: -5px
}

._down-dark_mbbcs_34 {
    bottom: -5px
}

._picker-column-wheel_mbbcs_38 {
    width: 100%;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    transition: all .2s ease-out
}

._picker-list_mbbcs_48 {
    font-weight: 400;
    letter-spacing: -.2px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--light-label-default)
}

:is(._bu-dark_mbbcs_1 ._picker-list_mbbcs_48) {
    color: var(--dark-label-default)
}

._popup-container_1lnwv_1 {
    position: relative;
    display: inline-flex
}

._popup-title_1lnwv_5 {
    cursor: pointer
}

._popup-content_1lnwv_9 {
    position: absolute;
    overflow: hidden;
    border-radius: 4px;
    transition-duration: .15s;
    transition-timing-function: linear
}

._hide-scrollbar_ygqqb_1::-webkit-scrollbar {
    display: none
}

._options_7iqvu_1 {
    position: absolute;
    z-index: 99999;
    border-radius: 8px;
    padding-bottom: 8px
}

._item_7iqvu_5 {
    display: flex;
    height: 34px;
    cursor: pointer;
    align-items: center;
    padding: 8px;
    font-size: 12px
}

._input_7iqvu_9 {
    cursor: pointer
}

._roate_7iqvu_13 {
    transform: rotate(180deg)
}

._popover-content_rro3o_1 {
    visibility: hidden;
    transition: opacity .12s ease-in-out, visibility .12s ease-in-out;
    pointer-events: none;
    z-index: 9999;
    border-radius: 4px;
    opacity: 0;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

._popover-content-visible_rro3o_7 {
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

._popover-content-hidden_rro3o_12 {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

._select-container_d7gu0_1 {
    z-index: 99999;
    min-width: 80px;
    overflow: auto;
    border-radius: 4px;
    transition: opacity .3s
}

._sort-wrap_ok1zd_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 14px
}

._sort-wrap_ok1zd_1 ._icon_ok1zd_8 {
    width: 10px;
    height: 6px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

._sort-wrap_ok1zd_1._sort-wrap-light_ok1zd_15 {
    color: var(--light-label-20)
}

._sort-wrap_ok1zd_1._sort-wrap-light_ok1zd_15 ._sort-active_ok1zd_18 {
    color: var(--light-label-60)
}

._sort-wrap_ok1zd_1._sort-wrap-dark_ok1zd_21 {
    color: var(--dark-label-20)
}

._sort-wrap_ok1zd_1._sort-wrap-dark_ok1zd_21 ._sort-active_ok1zd_18 {
    color: var(--dark-label-60)
}

._switch_1j6lc_1 {
    border-radius: 90px;
    display: flex;
    align-items: center;
    cursor: pointer
}

._switch_1j6lc_1,
._thumb_1j6lc_9 {
    transition: .15s ease-in
}

._move_1j6lc_13 {
    transform: translate(10px)
}

._tab_z7uci_1 {
    display: inline-flex
}

._tab_z7uci_1 li {
    display: flex;
    flex-direction: column;
    align-items: center
}

._tab_z7uci_1 li:last-child {
    margin-right: 0
}

._empty-wrapper_j04qd_1 {
    height: 200px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dcdcdd
}

._container_j06tt_1 {
    width: 100%;
    margin: 0 auto;
    overflow-y: scroll;
    border-radius: 10px
}

._shadow_j06tt_8 {
    box-shadow: 0 0 24px rgba(240, 242, 250, .6)
}

._table_j06tt_12 {
    table-layout: fixed
}

._table-col-fixed-left_j06tt_16,
._table-col-fixed-right_j06tt_21 {
    position: sticky;
    z-index: 1
}

._table-col-fixed-left-last_j06tt_26:after {
    right: 10px;
    box-shadow: inset 6px 0 8px -3px rgba(0, 0, 0, .051)
}

._table-col-fixed-left-last_j06tt_26:after,
._table-col-fixed-right-last_j06tt_40:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    width: 10px;
    pointer-events: none;
    transition: box-shadow .1s linear;
    left: unset;
    transform: translate(100%)
}

._table-col-fixed-right-last_j06tt_40:before {
    left: 10px;
    box-shadow: inset -6px 0 8px -3px rgba(0, 0, 0, .051)
}

._th_j06tt_54 {
    width: auto;
    font-weight: 300;
    color: #bdbdbf;
    background-color: var(--light-background)
}

._th_j06tt_54:first-child {
    padding-left: 20px
}

._th_j06tt_54:last-child {
    padding-right: 20px
}

._thead_j06tt_69 {
    height: 64px;
    color: var(--light-label-default)
}

._td_j06tt_74,
._thead_j06tt_69 {
    order: 1;
    border-color: var(--light-line-primary)
}

._td_j06tt_74 {
    height: 80px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis
}

._td_j06tt_74:first-child {
    padding-left: 20px
}

._td_j06tt_74:last-child {
    padding-right: 20px
}

tr:last-child ._td_j06tt_74 {
    border-bottom: none
}

._hover_j06tt_93:hover td {
    transition: .1s linear
}

._pagination-container_j06tt_97 {
    margin-top: 20px;
    display: flex;
    width: 100%
}

._pagination_j06tt_97 {
    display: flex
}

._pagination_j06tt_97 ._prev_j06tt_106 {
    margin-right: 10px;
    width: 100px
}

._pagination_j06tt_97 ._next_j06tt_109 {
    width: 100px
}

._pagination_j06tt_97 ._arrow_j06tt_112 {
    width: 5px;
    height: 10px;
    margin-top: -1px
}

._pagination_j06tt_97 ._nexticon_j06tt_120 path,
._pagination_j06tt_97 ._previcon_j06tt_117 path {
    color: var(--light-label-default)
}

._icon_j06tt_124 {
    width: 14px;
    height: 14px
}

._pageBtn_j06tt_129 {
    height: 24px;
    width: 24px;
    padding: 5px;
    min-width: 24px
}

._disabled_j06tt_140 path,
._priamry_j06tt_136 path {
    color: var(--light-label-default)
}

._empty-wrapper_j06tt_144 {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dcdcdd
}

._ghostClass_j06tt_152 {
    color: transparent !important
}

._scroll_j06tt_156::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

._scroll_j06tt_156::-webkit-scrollbar-thumb {
    border-radius: 4px
}

._hideScrollbar_1vs4g_1::-webkit-scrollbar {
    width: 0
}

._hideScrollbar_1vs4g_1::-webkit-scrollbar-track {
    background-color: #f1f1f1
}

._hideScrollbar_1vs4g_1::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px
}

._tooltip-wrapper_cy6ql_1 {
    min-width: 48px;
    max-width: 500px;
    flex-direction: column;
    border-radius: 8px;
    padding: 8px 12px
}

._tooltip-wrapper_cy6ql_1 ._title_cy6ql_4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

._tooltip-wrapper_cy6ql_1 ._line_cy6ql_7 {
    height: 8px
}

._tooltip-wrapper_cy6ql_1 ._content_cy6ql_10 {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

._notification-enter_cuos3_1 {
    opacity: 1;
    margin-left: -100px
}

._notification-enter-active_cuos3_6 {
    transition: all .3s linear;
    opacity: 1;
    margin-left: 0
}

._notification-exit_cuos3_12 {
    opacity: 1;
    margin-left: 0
}

._notification-exit-active_cuos3_17 {
    transition: all .3s cubic-bezier(.05, .03, .99, .28);
    opacity: 0;
    margin-left: -100px
}

._notification-enter-right_cuos3_23 {
    opacity: 1;
    margin-left: 200px
}

._notification-enter-active-right_cuos3_28 {
    transition: all .3s linear;
    opacity: 1;
    margin-left: 0
}

._notification-exit-right_cuos3_34 {
    opacity: 1;
    margin-left: 0
}

._notification-exit-active-right_cuos3_39 {
    transition: all .3s cubic-bezier(.05, .03, .99, .28);
    opacity: 0;
    margin-left: 200px
}

._toast-enter_11sx9_1 {
    opacity: 1;
    margin-top: -10px
}

._toast-enter-active_11sx9_6 {
    transition: all .4s linear;
    opacity: 1;
    margin-top: 0
}

._toast-exit_11sx9_12 {
    opacity: 1;
    margin-top: 0
}

._toast-exit-active_11sx9_17 {
    transition: all .4s cubic-bezier(.05, .03, .99, .28);
    opacity: 0;
    margin-top: -10px
}

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

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

html {
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal
}

body {
    line-height: inherit
}

hr {
    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 {
    text-decoration: inherit
}

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

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

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    padding: 0
}

[type=button],
[type=reset],
[type=submit],
button {
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

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

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

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

fieldset,
menu,
ol,
ul {
    margin: 0;
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

body {
    position: relative;
    min-height: 100vh
}

:is(.bu-dark body) {
    --tw-bg-opacity: 1;
    background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity))
}

:root {
    --light-primary-default: #f80;
    --light-primary-60: rgba(255, 136, 0, .6);
    --light-primary-40: rgba(255, 136, 0, .4);
    --light-primary-14: rgba(255, 136, 0, .14);
    --light-primary-10: rgba(255, 136, 0, .1);
    --light-secondary-default: #0569ff;
    --light-secondary-14: rgba(5, 105, 255, .14);
    --light-tertiary-default: #9fea0e;
    --light-tertiary-14: rgba(159, 234, 14, .14);
    --light-success-default: #0fcc71;
    --light-success-14: rgba(15, 204, 113, .14);
    --light-warning-default: #ffc400;
    --light-warning-14: rgba(255, 196, 0, .12);
    --light-danger-default: #d62035;
    --light-danger-14: rgba(214, 32, 53, .14);
    --light-green-default: #04b97d;
    --light-green-alpha: rgba(4, 185, 125, .14);
    --light-red-default: #f13c54;
    --light-red-alpha: rgba(241, 60, 84, .14);
    --light-background: #fff;
    --light-second: #050505;
    --light-label-default: #0a0a0a;
    --light-label-60: hsla(0, 0%, 4%, .6);
    --light-label-40: hsla(0, 0%, 4%, .4);
    --light-label-20: hsla(0, 0%, 4%, .2);
    --light-fill-primary: #f7f8fa;
    --light-fill-secondary: #f2f4f5;
    --light-fill-tertiary: #cacbcc;
    --light-fill-quaternary: #e3e4e5;
    --light-line-primary: #ebedf0;
    --light-line-secondary: #dcdee0;
    --light-line-tertiary: #cdcfd1;
    --light-hover-primary: #f90;
    --light-hover-secondary: #0582ff;
    --light-hover-tertiary: #0582ff;
    --light-hover-success: #0582ff;
    --light-hover-warning: #ffda18;
    --light-hover-anger: #eb1730;
    --light-hover-green: #0c8;
    --light-hover-red: #ff4f67;
    --light-hover-fill-primary: #f2f3f5;
    --light-hover-fill-secondary: #e8e9eb;
    --light-hover-fill-tertiary: #b1b2b2;
    --light-hover-fill-quaternary: #dfdfe0;
    --light-disabled-blue: rgba(47, 84, 235, .4);
    --light-badge-primary-bg: rgba(255, 136, 0, .14);
    --light-badge-secondary-bg: rgba(5, 105, 255, .14);
    --light-badge-success-bg: rgba(15, 204, 113, .14);
    --light-badge-warning-bg: rgba(255, 196, 0, .12);
    --light-badge-danger-bg: rgba(214, 32, 53, .14);
    --light-badge-info-bg: #ebedf2;
    --light-pagination-primary: #2f54eb;
    --light-pagination-primary-hover: #2f54eb;
    --light-input-primary: #2f54eb;
    --light-input-gray: #dcdcdd;
    --light-input-error: #d9242f;
    --light-header-bgColor: #fff;
    --light-text: #fff;
    --dark-primary-default: #f80;
    --dark-primary-60: rgba(255, 136, 0, .6);
    --dark-primary-40: rgba(255, 136, 0, .4);
    --dark-primary-14: rgba(255, 136, 0, .16);
    --dark-primary-10: rgba(255, 136, 0, .1);
    --dark-primary-4: rgba(255, 136, 0, .04);
    --dark-secondary-default: #1e6bff;
    --dark-secondary-14: rgba(30, 107, 255, .14);
    --dark-tertiary-default: #a8ff00;
    --dark-tertiary-14: rgba(168, 255, 0, .14);
    --dark-success-default: #0fcc71;
    --dark-success-14: rgba(15, 204, 113, .14);
    --dark-warning-default: #ffd60a;
    --dark-warning-14: rgba(255, 214, 10, .14);
    --dark-danger-default: #d62035;
    --dark-danger-14: rgba(214, 32, 53, .14);
    --dark-green-default: #04b97d;
    --dark-green-alpha: rgba(4, 185, 125, .14);
    --dark-red-default: #f13c54;
    --dark-red-alpha: rgba(241, 60, 84, .14);
    --dark-background: #0f0f0f;
    --dark-second: #050505;
    --dark-label-default: #fcfdff;
    --dark-label-60: rgba(235, 236, 245, .6);
    --dark-label-40: rgba(235, 236, 245, .4);
    --dark-label-20: rgba(235, 236, 245, .2);
    --dark-fill-primary: #000;
    --dark-fill-secondary: #1a1a1a;
    --dark-fill-tertiary: #2d2d2e;
    --dark-fill-quaternary: #232324;
    --dark-line-primary: #2d2d2e;
    --dark-line-secondary: #3c3d3d;
    --dark-line-tertiary: #4b4c4d;
    --dark-hover-primary: #fa7500;
    --dark-hover-secondary: #1b60e5;
    --dark-hover-tertiary: #a8ff00;
    --dark-hover-success: #13ba6a;
    --dark-hover-warning: #ffc908;
    --dark-hover-anger: #bf1d30;
    --dark-hover-green: #0aab75;
    --dark-hover-red: #e03a51;
    --dark-hover-fill-primary: #121212;
    --dark-hover-fill-secondary: #242424;
    --dark-hover-fill-tertiary: #373838;
    --dark-hover-fill-quaternary: #323233;
    --dark-disabled-blue: rgba(92, 124, 255, .4);
    --dark-badge-primary-bg: rgba(255, 136, 0, .14);
    --dark-badge-secondary-bg: rgba(30, 107, 255, .14);
    --dark-badge-success-bg: rgba(15, 204, 113, .14);
    --dark-badge-warning-bg: rgba(255, 214, 10, .14);
    --dark-badge-danger-bg: rgba(214, 32, 53, .14);
    --dark-badge-info-bg: #242424;
    --dark-pagination-primary: #2f54eb;
    --dark-pagination-primary-hover: #f6f7fb;
    --dark-input-primary: #2f54eb;
    --dark-input-gray: #dcdcdd;
    --dark-input-error: #d9242f;
    --dark-header-bgColor: transparent;
    --dark-text: #fff;
    --base-primary-default: var(--light-primary-default);
    --base-primary-60: var(--light-primary-60);
    --base-primary-40: var(--light-primary-40);
    --base-primary-14: var(--light-primary-14);
    --base-primary-10: var(--light-primary-10);
    --base-secondary-default: var(--light-secondary-default);
    --base-secondary-14: var(--light-secondary-14);
    --base-tertiary-default: var(--light-tertiary-default);
    --base-tertiary-14: var(--light-tertiary-14);
    --base-success-default: var(--light-success-default);
    --base-success-14: var(--light-success-14);
    --base-warning-default: var(--light-warning-default);
    --base-warning-14: var(--light-warning-14);
    --base-danger-default: var(--light-danger-default);
    --base-danger-14: var(--light-danger-14);
    --base-green-default: var(--light-green-default);
    --base-green-alpha: var(--light-green-alpha);
    --base-red-default: var(--light-red-default);
    --base-red-alpha: var(--light-red-alpha);
    --base-background: var(--light-background);
    --base-second: var(--light-second);
    --base-label-default: var(--light-label-default);
    --base-label-60: var(--light-label-60);
    --base-label-40: var(--light-label-40);
    --base-label-20: var(--light-label-20);
    --base-fill-primary: var(--light-fill-primary);
    --base-fill-secondary: var(--light-fill-secondary);
    --base-fill-tertiary: var(--light-fill-tertiary);
    --base-fill-quaternary: var(--light-fill-quaternary);
    --base-line-primary: var(--light-line-primary);
    --base-line-secondary: var(--light-line-secondary);
    --base-line-tertiary: var(--light-line-tertiary);
    --base-hover-primary: var(--light-hover-primary);
    --base-hover-secondary: var(--light-hover-secondary);
    --base-hover-tertiary: var(--light-hover-tertiary);
    --base-hover-success: var(--light-hover-success);
    --base-hover-warning: var(--light-hover-warning);
    --base-hover-anger: var(--light-hover-anger);
    --base-hover-green: var(--light-hover-green);
    --base-hover-red: var(--light-hover-red);
    --base-hover-fill-primary: var(--light-hover-fill-primary);
    --base-hover-fill-secondary: var(--light-hover-fill-secondary);
    --base-hover-fill-tertiary: var(--light-hover-fill-tertiary);
    --base-hover-fill-quaternary: var(--light-hover-fill-quaternary);
    --base-disabled-blue: var(--light-disabled-blue);
    --base-badge-primary-bg: var(--light-badge-primary-bg);
    --base-badge-secondary-bg: var(--light-badge-secondary-bg);
    --base-badge-success-bg: var(--light-badge-success-bg);
    --base-badge-warning-bg: var(--light-badge-warning-bg);
    --base-badge-danger-bg: var(--light-badge-danger-bg);
    --base-badge-info-bg: var(--light-badge-info-bg);
    --base-pagination-primary: var(--light-pagination-primary);
    --base-pagination-primary-hover: var(--light-pagination-primary-hover);
    --base-input-primary: var(--light-input-primary);
    --base-input-gray: var(--light-input-gray);
    --base-input-error: var(--light-input-error);
    --base-header-bgColor: var(--light-header-bgColor);
    --base-text: var(--light-text);
    --btn-rounded-small: 6px;
    --btn-rounded-medium: 8px;
    --textfiled-rounded-medium: 8px;
    --textfiled-padding-left-sm: 8px;
    --textfiled-padding-left-md: 8px;
    --textfiled-padding-left-lg: 12px
}

[data-theme=dark] {
    --base-primary-default: var(--dark-primary-default);
    --base-primary-60: var(--dark-primary-60);
    --base-primary-40: var(--dark-primary-40);
    --base-primary-14: var(--dark-primary-14);
    --base-primary-10: var(--dark-primary-10);
    --base-secondary-default: var(--dark-secondary-default);
    --base-secondary-14: var(--dark-secondary-14);
    --base-tertiary-default: var(--dark-tertiary-default);
    --base-tertiary-14: var(--dark-tertiary-14);
    --base-success-default: var(--dark-success-default);
    --base-success-14: var(--dark-success-14);
    --base-warning-default: var(--dark-warning-default);
    --base-warning-14: var(--dark-warning-14);
    --base-danger-default: var(--dark-danger-default);
    --base-danger-14: var(--dark-danger-14);
    --base-green-default: var(--dark-green-default);
    --base-green-alpha: var(--dark-green-alpha);
    --base-red-default: var(--dark-red-default);
    --base-red-alpha: var(--dark-red-alpha);
    --base-background: var(--dark-background);
    --base-second: var(--dark-second);
    --base-label-default: var(--dark-label-default);
    --base-label-60: var(--dark-label-60);
    --base-label-40: var(--dark-label-40);
    --base-label-20: var(--dark-label-20);
    --base-fill-primary: var(--dark-fill-primary);
    --base-fill-secondary: var(--dark-fill-secondary);
    --base-fill-tertiary: var(--dark-fill-tertiary);
    --base-fill-quaternary: var(--dark-fill-quaternary);
    --base-line-primary: var(--dark-line-primary);
    --base-line-secondary: var(--dark-line-secondary);
    --base-line-tertiary: var(--dark-line-tertiary);
    --base-hover-primary: var(--dark-hover-primary);
    --base-hover-secondary: var(--dark-hover-secondary);
    --base-hover-tertiary: var(--dark-hover-tertiary);
    --base-hover-success: var(--dark-hover-success);
    --base-hover-warning: var(--dark-hover-warning);
    --base-hover-anger: var(--dark-hover-anger);
    --base-hover-green: var(--dark-hover-green);
    --base-hover-red: var(--dark-hover-red);
    --base-hover-fill-primary: var(--dark-hover-fill-primary);
    --base-hover-fill-secondary: var(--dark-hover-fill-secondary);
    --base-hover-fill-tertiary: var(--dark-hover-fill-tertiary);
    --base-hover-fill-quaternary: var(--dark-hover-fill-quaternary);
    --base-disabled-blue: var(--dark-disabled-blue);
    --base-badge-primary-bg: var(--dark-badge-primary-bg);
    --base-badge-secondary-bg: var(--dark-badge-secondary-bg);
    --base-badge-success-bg: var(--dark-badge-success-bg);
    --base-badge-warning-bg: var(--dark-badge-warning-bg);
    --base-badge-danger-bg: var(--dark-badge-danger-bg);
    --base-badge-info-bg: var(--dark-badge-info-bg);
    --base-pagination-primary: var(--dark-pagination-primary);
    --base-pagination-primary-hover: var(--dark-pagination-primary-hover);
    --base-input-primary: var(--dark-input-primary);
    --base-input-gray: var(--dark-input-gray);
    --base-input-error: var(--dark-input-error);
    --base-header-bgColor: var(--dark-header-bgColor);
    --base-text: var(--dark-text)
}

.bu-visible {
    visibility: visible
}

.bu-invisible {
    visibility: hidden
}

.bu-fixed {
    position: fixed
}

.bu-absolute {
    position: absolute
}

.bu-relative {
    position: relative
}

.bu-sticky {
    position: sticky
}

.bu-bottom-0 {
    bottom: 0
}

.bu-bottom-\[-7px\] {
    bottom: -7px
}

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

.bu-bottom-\[32px\] {
    bottom: 32px
}

.bu-left-0 {
    left: 0
}

.bu-left-1 {
    left: .25rem
}

.bu-left-\[-8px\] {
    left: -8px
}

.bu-left-\[16px\] {
    left: 16px
}

.bu-left-\[32px\] {
    left: 32px
}

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

.bu-right-0 {
    right: 0
}

.bu-right-1 {
    right: .25rem
}

.bu-right-\[-8px\] {
    right: -8px
}

.bu-right-\[16px\] {
    right: 16px
}

.bu-right-\[20px\] {
    right: 20px
}

.bu-right-\[8px\] {
    right: 8px
}

.bu-top-0 {
    top: 0
}

.bu-top-\[-7\.5px\] {
    top: -7.5px
}

.bu-top-\[32px\] {
    top: 32px
}

.bu-top-\[40px\] {
    top: 40px
}

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

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

.bu-top-\[calc\(50\%_-_17px\)\] {
    top: calc(50% - 17px)
}

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

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

.bu-z-\[10000\] {
    z-index: 10000
}

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

.bu-z-\[99999\] {
    z-index: 99999
}

.\!bu-my-\[8px\] {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.bu-mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

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

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

.bu-my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.\!bu-mb-0 {
    margin-bottom: 0 !important
}

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

.bu-mb-1 {
    margin-bottom: .25rem
}

.bu-mb-2 {
    margin-bottom: .5rem
}

.bu-mb-4 {
    margin-bottom: 1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bu-mt-1 {
    margin-top: .25rem
}

.bu-mt-2 {
    margin-top: .5rem
}

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

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

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

.bu-inline-block {
    display: inline-block
}

.bu-flex {
    display: flex
}

.bu-inline-flex {
    display: inline-flex
}

.bu-grid {
    display: grid
}

.bu-hidden {
    display: none
}

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

.\!bu-h-\[32px\] {
    height: 32px !important
}

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

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

.bu-h-0 {
    height: 0
}

.bu-h-10 {
    height: 2.5rem
}

.bu-h-3 {
    height: .75rem
}

.bu-h-4 {
    height: 1rem
}

.bu-h-5 {
    height: 1.25rem
}

.bu-h-6 {
    height: 1.5rem
}

.bu-h-7 {
    height: 1.75rem
}

.bu-h-8 {
    height: 2rem
}

.bu-h-\[1000px\] {
    height: 1000px
}

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

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

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

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

.bu-h-\[1500px\] {
    height: 1500px
}

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

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

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

.bu-h-\[210px\] {
    height: 210px
}

.bu-h-\[232px\] {
    height: 232px
}

.bu-h-\[236px\] {
    height: 236px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bu-h-\[600px\] {
    height: 600px
}

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

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

.bu-h-full {
    height: 100%
}

.bu-h-px {
    height: 1px
}

.bu-max-h-\[150px\] {
    max-height: 150px
}

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

.bu-min-h-\[32px\] {
    min-height: 32px
}

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

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

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

.\!bu-w-\[32px\] {
    width: 32px !important
}

.\!bu-w-\[50px\] {
    width: 50px !important
}

.bu-w-24 {
    width: 6rem
}

.bu-w-4 {
    width: 1rem
}

.bu-w-48 {
    width: 12rem
}

.bu-w-5 {
    width: 1.25rem
}

.bu-w-6 {
    width: 1.5rem
}

.bu-w-7 {
    width: 1.75rem
}

.bu-w-8 {
    width: 2rem
}

.bu-w-96 {
    width: 24rem
}

.bu-w-\[100\%\] {
    width: 100%
}

.bu-w-\[109px\] {
    width: 109px
}

.bu-w-\[10px\] {
    width: 10px
}

.bu-w-\[1150px\] {
    width: 1150px
}

.bu-w-\[1200px\] {
    width: 1200px
}

.bu-w-\[12px\] {
    width: 12px
}

.bu-w-\[14px\] {
    width: 14px
}

.bu-w-\[150px\] {
    width: 150px
}

.bu-w-\[16px\] {
    width: 16px
}

.bu-w-\[18px\] {
    width: 18px
}

.bu-w-\[1px\] {
    width: 1px
}

.bu-w-\[20px\] {
    width: 20px
}

.bu-w-\[240px\] {
    width: 240px
}

.bu-w-\[241px\] {
    width: 241px
}

.bu-w-\[24px\] {
    width: 24px
}

.bu-w-\[260px\] {
    width: 260px
}

.bu-w-\[28px\] {
    width: 28px
}

.bu-w-\[296px\] {
    width: 296px
}

.bu-w-\[300px\] {
    width: 300px
}

.bu-w-\[320px\] {
    width: 320px
}

.bu-w-\[32px\] {
    width: 32px
}

.bu-w-\[333px\] {
    width: 333px
}

.bu-w-\[360px\] {
    width: 360px
}

.bu-w-\[380px\] {
    width: 380px
}

.bu-w-\[400px\] {
    width: 400px
}

.bu-w-\[40px\] {
    width: 40px
}

.bu-w-\[440px\] {
    width: 440px
}

.bu-w-\[48px\] {
    width: 48px
}

.bu-w-\[500px\] {
    width: 500px
}

.bu-w-\[60px\] {
    width: 60px
}

.bu-w-\[64px\] {
    width: 64px
}

.bu-w-\[800px\] {
    width: 800px
}

.bu-w-\[80px\] {
    width: 80px
}

.bu-w-\[8px\] {
    width: 8px
}

.bu-w-\[97px\] {
    width: 97px
}

.bu-w-auto {
    width: auto
}

.bu-w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.bu-w-full {
    width: 100%
}

.bu-w-px {
    width: 1px
}

.bu-min-w-\[100px\] {
    min-width: 100px
}

.bu-min-w-\[138px\] {
    min-width: 138px
}

.bu-min-w-\[140px\] {
    min-width: 140px
}

.bu-min-w-\[180px\] {
    min-width: 180px
}

.bu-min-w-\[24px\] {
    min-width: 24px
}

.bu-min-w-\[30px\] {
    min-width: 30px
}

.bu-min-w-\[32px\] {
    min-width: 32px
}

.bu-min-w-\[40px\] {
    min-width: 40px
}

.bu-min-w-\[48px\] {
    min-width: 48px
}

.bu-min-w-\[56px\] {
    min-width: 56px
}

.bu-min-w-\[64px\] {
    min-width: 64px
}

.bu-min-w-\[80px\] {
    min-width: 80px
}

.bu-max-w-sm {
    max-width: 24rem
}

.bu-flex-1 {
    flex: 1 1 0%
}

.bu-flex-\[1\] {
    flex: 1
}

.bu-shrink-0 {
    flex-shrink: 0
}

.bu-border-collapse {
    border-collapse: collapse
}

.bu-origin-top-left {
    transform-origin: top left
}

.-bu-translate-y-2 {
    --tw-translate-y: -.5rem
}

.-bu-translate-y-2,
.bu-translate-x-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.bu-translate-x-\[12px\] {
    --tw-translate-x: 12px
}

.bu-translate-x-\[12px\],
.bu-translate-x-\[14px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-translate-x-\[14px\] {
    --tw-translate-x: 14px
}

.bu-translate-x-\[16px\] {
    --tw-translate-x: 16px
}

.bu-translate-x-\[16px\],
.bu-translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-translate-y-\[-50\%\] {
    --tw-translate-y: -50%
}

.-bu-rotate-90 {
    --tw-rotate: -90deg
}

.-bu-rotate-90,
.bu-rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-rotate-180 {
    --tw-rotate: 180deg
}

.bu-rotate-90 {
    --tw-rotate: 90deg
}

.bu-rotate-90,
.bu-rotate-\[-90deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-rotate-\[-90deg\] {
    --tw-rotate: -90deg
}

.bu-rotate-\[180deg\] {
    --tw-rotate: 180deg
}

.bu-rotate-\[180deg\],
.bu-rotate-\[90deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-rotate-\[90deg\] {
    --tw-rotate: 90deg
}

.bu-scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.bu-scale-95,
.bu-transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bu-spin {
    to {
        transform: rotate(1turn)
    }
}

.bu-animate-spin {
    animation: bu-spin 1s linear infinite
}

.\!bu-cursor-not-allowed {
    cursor: not-allowed !important
}

.bu-cursor-not-allowed {
    cursor: not-allowed
}

.bu-cursor-pointer {
    cursor: pointer
}

.bu-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bu-resize-none {
    resize: none
}

.bu-appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bu-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.bu-flex-row {
    flex-direction: row
}

.bu-flex-col {
    flex-direction: column
}

.bu-flex-wrap {
    flex-wrap: wrap
}

.bu-items-start {
    align-items: flex-start
}

.bu-items-center {
    align-items: center
}

.bu-justify-start {
    justify-content: flex-start
}

.bu-justify-end {
    justify-content: flex-end
}

.bu-justify-center {
    justify-content: center
}

.bu-justify-between {
    justify-content: space-between
}

.bu-justify-evenly {
    justify-content: space-evenly
}

.bu-gap-1 {
    gap: .25rem
}

.bu-gap-2 {
    gap: .5rem
}

.bu-gap-4 {
    gap: 1rem
}

.bu-gap-6 {
    gap: 1.5rem
}

.bu-gap-\[100px\] {
    gap: 100px
}

.bu-gap-\[10px\] {
    gap: 10px
}

.bu-gap-\[12px\] {
    gap: 12px
}

.bu-gap-\[16px\] {
    gap: 16px
}

.bu-gap-\[2px\] {
    gap: 2px
}

.bu-gap-\[4px\] {
    gap: 4px
}

.bu-gap-\[8px\] {
    gap: 8px
}

.bu-space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse));
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)))
}

.bu-space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.bu-overflow-hidden {
    overflow: hidden
}

.bu-overflow-y-auto {
    overflow-y: auto
}

.bu-overflow-x-hidden {
    overflow-x: hidden
}

.bu-overflow-y-scroll {
    overflow-y: scroll
}

.bu-whitespace-nowrap {
    white-space: nowrap
}

.bu-break-words {
    overflow-wrap: break-word
}

.bu-break-all {
    word-break: break-all
}

.bu-rounded {
    border-radius: .25rem
}

.bu-rounded-\[10px\] {
    border-radius: 10px
}

.bu-rounded-\[16px\] {
    border-radius: 16px
}

.bu-rounded-\[2px\] {
    border-radius: 2px
}

.bu-rounded-\[3px\] {
    border-radius: 3px
}

.bu-rounded-\[4px\] {
    border-radius: 4px
}

.bu-rounded-\[50\%\] {
    border-radius: 50%
}

.bu-rounded-\[6px\] {
    border-radius: 6px
}

.bu-rounded-\[8px\] {
    border-radius: 8px
}

.bu-rounded-\[var\(--btn-rounded-medium\)\] {
    border-radius: var(--btn-rounded-medium)
}

.bu-rounded-\[var\(--btn-rounded-small\)\] {
    border-radius: var(--btn-rounded-small)
}

.bu-rounded-\[var\(--textfiled-rounded-medium\)\] {
    border-radius: var(--textfiled-rounded-medium)
}

.bu-rounded-full {
    border-radius: 9999px
}

.bu-rounded-md {
    border-radius: .375rem
}

.bu-border {
    border-width: 1px
}

.bu-border-0 {
    border-width: 0
}

.bu-border-\[1px\] {
    border-width: 1px
}

.bu-border-b,
.bu-border-b-\[1px\] {
    border-bottom-width: 1px
}

.bu-border-r {
    border-right-width: 1px
}

.bu-border-solid {
    border-style: solid
}

.bu-border-none {
    border-style: none
}

.\!bu-border-dark-danger {
    border-color: var(--dark-danger-default) !important
}

.\!bu-border-dark-label {
    border-color: var(--dark-label-default) !important
}

.\!bu-border-dark-label-60 {
    border-color: var(--dark-label-60) !important
}

.\!bu-border-light-danger {
    border-color: var(--light-danger-default) !important
}

.\!bu-border-light-label-60 {
    border-color: var(--light-label-60) !important
}

.\!bu-border-transparent {
    border-color: transparent !important
}

.bu-border-dark-danger {
    border-color: var(--dark-danger-default)
}

.bu-border-dark-fill-secondary {
    border-color: var(--dark-fill-secondary)
}

.bu-border-dark-label {
    border-color: var(--dark-label-default)
}

.bu-border-dark-label-40 {
    border-color: var(--dark-label-40)
}

.bu-border-dark-line-primary {
    border-color: var(--dark-line-primary)
}

.bu-border-dark-line-secondary {
    border-color: var(--dark-line-secondary)
}

.bu-border-dark-primary {
    border-color: var(--dark-primary-default)
}

.bu-border-dark-text {
    border-color: var(--dark-text)
}

.bu-border-light-background {
    border-color: var(--light-background)
}

.bu-border-light-danger {
    border-color: var(--light-danger-default)
}

.bu-border-light-fill-secondary {
    border-color: var(--light-fill-secondary)
}

.bu-border-light-input-gray {
    border-color: var(--light-input-gray)
}

.bu-border-light-label-40 {
    border-color: var(--light-label-40)
}

.bu-border-light-label-60 {
    border-color: var(--light-label-60)
}

.bu-border-light-line-primary {
    border-color: var(--light-line-primary)
}

.bu-border-light-line-secondary {
    border-color: var(--light-line-secondary)
}

.bu-border-light-primary {
    border-color: var(--light-primary-default)
}

.bu-border-light-text {
    border-color: var(--light-text)
}

.bu-border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(132, 204, 22, var(--tw-border-opacity))
}

.bu-border-transparent {
    border-color: transparent
}

.\!bu-bg-dark-background {
    background-color: var(--dark-background) !important
}

.\!bu-bg-dark-fill-quaternary {
    background-color: var(--dark-fill-quaternary) !important
}

.\!bu-bg-dark-fill-secondary {
    background-color: var(--dark-fill-secondary) !important
}

.\!bu-bg-light-background {
    background-color: var(--light-background) !important
}

.\!bu-bg-light-fill-quaternary {
    background-color: var(--light-fill-quaternary) !important
}

.\!bu-bg-light-fill-secondary {
    background-color: var(--light-fill-secondary) !important
}

.\!bu-bg-transparent {
    background-color: transparent !important
}

.bu-bg-base-danger-14 {
    background-color: var(--base-danger-14)
}

.bu-bg-base-primary-14 {
    background-color: var(--base-primary-14)
}

.bu-bg-base-success-14 {
    background-color: var(--base-success-14)
}

.bu-bg-dark-background {
    background-color: var(--dark-background)
}

.bu-bg-dark-badge-danger-bg {
    background-color: var(--dark-badge-danger-bg)
}

.bu-bg-dark-badge-info-bg {
    background-color: var(--dark-badge-info-bg)
}

.bu-bg-dark-badge-primary-bg {
    background-color: var(--dark-badge-primary-bg)
}

.bu-bg-dark-badge-secondary-bg {
    background-color: var(--dark-badge-secondary-bg)
}

.bu-bg-dark-badge-success-bg {
    background-color: var(--dark-badge-success-bg)
}

.bu-bg-dark-badge-warning-bg {
    background-color: var(--dark-badge-warning-bg)
}

.bu-bg-dark-fill-quaternary {
    background-color: var(--dark-fill-quaternary)
}

.bu-bg-dark-fill-secondary {
    background-color: var(--dark-fill-secondary)
}

.bu-bg-dark-fill-tertiary {
    background-color: var(--dark-fill-tertiary)
}

.bu-bg-dark-green {
    background-color: var(--dark-green-default)
}

.bu-bg-dark-hover-fill-primary {
    background-color: var(--dark-hover-fill-primary)
}

.bu-bg-dark-hover-fill-tertiary {
    background-color: var(--dark-hover-fill-tertiary)
}

.bu-bg-dark-label {
    background-color: var(--dark-label-default)
}

.bu-bg-dark-label-20 {
    background-color: var(--dark-label-20)
}

.bu-bg-dark-line-primary {
    background-color: var(--dark-line-primary)
}

.bu-bg-dark-line-secondary {
    background-color: var(--dark-line-secondary)
}

.bu-bg-dark-primary {
    background-color: var(--dark-primary-default)
}

.bu-bg-dark-primary-14 {
    background-color: var(--dark-primary-14)
}

.bu-bg-dark-red {
    background-color: var(--dark-red-default)
}

.bu-bg-light-background {
    background-color: var(--light-background)
}

.bu-bg-light-badge-danger-bg {
    background-color: var(--light-badge-danger-bg)
}

.bu-bg-light-badge-info-bg {
    background-color: var(--light-badge-info-bg)
}

.bu-bg-light-badge-primary-bg {
    background-color: var(--light-badge-primary-bg)
}

.bu-bg-light-badge-secondary-bg {
    background-color: var(--light-badge-secondary-bg)
}

.bu-bg-light-badge-success-bg {
    background-color: var(--light-badge-success-bg)
}

.bu-bg-light-badge-warning-bg {
    background-color: var(--light-badge-warning-bg)
}

.bu-bg-light-fill-quaternary {
    background-color: var(--light-fill-quaternary)
}

.bu-bg-light-fill-secondary {
    background-color: var(--light-fill-secondary)
}

.bu-bg-light-fill-tertiary {
    background-color: var(--light-fill-tertiary)
}

.bu-bg-light-green {
    background-color: var(--light-green-default)
}

.bu-bg-light-hover-fill-primary {
    background-color: var(--light-hover-fill-primary)
}

.bu-bg-light-hover-fill-tertiary {
    background-color: var(--light-hover-fill-tertiary)
}

.bu-bg-light-label-20 {
    background-color: var(--light-label-20)
}

.bu-bg-light-label-60 {
    background-color: var(--light-label-60)
}

.bu-bg-light-line-primary {
    background-color: var(--light-line-primary)
}

.bu-bg-light-line-secondary {
    background-color: var(--light-line-secondary)
}

.bu-bg-light-primary {
    background-color: var(--light-primary-default)
}

.bu-bg-light-primary-14 {
    background-color: var(--light-primary-14)
}

.bu-bg-light-red {
    background-color: var(--light-red-default)
}

.bu-bg-transparent {
    background-color: transparent
}

.bu-p-0 {
    padding: 0
}

.bu-p-\[100px\] {
    padding: 100px
}

.bu-p-\[200px\] {
    padding: 200px
}

.bu-p-\[2px\] {
    padding: 2px
}

.bu-p-\[8px\] {
    padding: 8px
}

.\!bu-px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.\!bu-px-\[8px\] {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.bu-px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.bu-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.bu-px-\[0px\] {
    padding-left: 0;
    padding-right: 0
}

.bu-px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.bu-px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.bu-px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.bu-px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.bu-px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.bu-px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.bu-py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.bu-py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.bu-py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.bu-py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.bu-py-\[0px\] {
    padding-top: 0;
    padding-bottom: 0
}

.bu-py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.bu-py-\[21px\] {
    padding-top: 21px;
    padding-bottom: 21px
}

.bu-py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.bu-py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px
}

.bu-py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.bu-py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.bu-py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.bu-pb-\[32px\] {
    padding-bottom: 32px
}

.bu-pb-\[8px\] {
    padding-bottom: 8px
}

.bu-pl-1 {
    padding-left: .25rem
}

.bu-pl-2 {
    padding-left: .5rem
}

.bu-pl-3 {
    padding-left: .75rem
}

.bu-pl-\[16px\] {
    padding-left: 16px
}

.bu-pl-\[700px\] {
    padding-left: 700px
}

.bu-pl-\[8px\] {
    padding-left: 8px
}

.bu-pl-\[var\(--textfiled-padding-left-lg\)\] {
    padding-left: var(--textfiled-padding-left-lg)
}

.bu-pl-\[var\(--textfiled-padding-left-md\)\] {
    padding-left: var(--textfiled-padding-left-md)
}

.bu-pl-\[var\(--textfiled-padding-left-sm\)\] {
    padding-left: var(--textfiled-padding-left-sm)
}

.bu-pr-2 {
    padding-right: .5rem
}

.bu-pr-3 {
    padding-right: .75rem
}

.bu-pr-\[16px\] {
    padding-right: 16px
}

.bu-pt-1 {
    padding-top: .25rem
}

.bu-pt-2 {
    padding-top: .5rem
}

.bu-pt-\[1000px\] {
    padding-top: 1000px
}

.bu-pt-\[16px\] {
    padding-top: 16px
}

.bu-pt-\[24px\] {
    padding-top: 24px
}

.bu-pt-\[300px\] {
    padding-top: 300px
}

.bu-pt-\[8px\] {
    padding-top: 8px
}

.bu-text-left {
    text-align: left
}

.bu-text-center {
    text-align: center
}

.bu-text-right {
    text-align: right
}

.\!bu-text-\[30px\] {
    font-size: 30px !important
}

.\!bu-text-base {
    font-size: 14px !important
}

.bu-text-2xl {
    font-size: 22px
}

.bu-text-3xl {
    font-size: 24px
}

.bu-text-4xl {
    font-size: 28px
}

.bu-text-5xl {
    font-size: 32px
}

.bu-text-6xl {
    font-size: 36px
}

.bu-text-7xl {
    font-size: 48px
}

.bu-text-8xl {
    font-size: 64px
}

.bu-text-9xl {
    font-size: 72px
}

.bu-text-\[12px\] {
    font-size: 12px
}

.bu-text-\[14px\] {
    font-size: 14px
}

.bu-text-\[16px\] {
    font-size: 16px
}

.bu-text-\[18px\] {
    font-size: 18px
}

.bu-text-\[20px\] {
    font-size: 20px
}

.bu-text-base {
    font-size: 14px
}

.bu-text-lg {
    font-size: 18px
}

.bu-text-md {
    font-size: 16px
}

.bu-text-sm {
    font-size: 12px
}

.bu-text-xl {
    font-size: 20px
}

.bu-font-bold {
    font-weight: 700
}

.bu-font-medium {
    font-weight: 500
}

.bu-font-normal {
    font-weight: 400
}

.\!bu-leading-\[18px\] {
    line-height: 18px !important
}

.bu-leading-\[18px\] {
    line-height: 18px
}

.bu-leading-\[20px\] {
    line-height: 20px
}

.bu-leading-\[24px\] {
    line-height: 24px
}

.bu-leading-\[26px\] {
    line-height: 26px
}

.bu-tracking-\[-0\.2px\] {
    letter-spacing: -.2px
}

.\!bu-text-base-primary {
    color: var(--base-primary-default) !important
}

.\!bu-text-dark-danger {
    color: var(--dark-danger-default) !important
}

.\!bu-text-dark-label {
    color: var(--dark-label-default) !important
}

.\!bu-text-dark-label-40 {
    color: var(--dark-label-40) !important
}

.\!bu-text-dark-label-60 {
    color: var(--dark-label-60) !important
}

.\!bu-text-dark-primary {
    color: var(--dark-primary-default) !important
}

.\!bu-text-light-danger {
    color: var(--light-danger-default) !important
}

.\!bu-text-light-label {
    color: var(--light-label-default) !important
}

.\!bu-text-light-label-40 {
    color: var(--light-label-40) !important
}

.\!bu-text-light-label-60 {
    color: var(--light-label-60) !important
}

.\!bu-text-light-primary {
    color: var(--light-primary-default) !important
}

.bu-text-base-danger {
    color: var(--base-danger-default)
}

.bu-text-base-label {
    color: var(--base-label-default)
}

.bu-text-base-label-40 {
    color: var(--base-label-40)
}

.bu-text-base-primary {
    color: var(--base-primary-default)
}

.bu-text-base-success {
    color: var(--base-success-default)
}

.bu-text-dark-background {
    color: var(--dark-background)
}

.bu-text-dark-danger {
    color: var(--dark-danger-default)
}

.bu-text-dark-hover-fill-tertiary {
    color: var(--dark-hover-fill-tertiary)
}

.bu-text-dark-label {
    color: var(--dark-label-default)
}

.bu-text-dark-label-20 {
    color: var(--dark-label-20)
}

.bu-text-dark-label-40 {
    color: var(--dark-label-40)
}

.bu-text-dark-label-60 {
    color: var(--dark-label-60)
}

.bu-text-dark-primary {
    color: var(--dark-primary-default)
}

.bu-text-dark-second {
    color: var(--dark-second)
}

.bu-text-dark-secondary {
    color: var(--dark-secondary-default)
}

.bu-text-dark-success {
    color: var(--dark-success-default)
}

.bu-text-dark-text {
    color: var(--dark-text)
}

.bu-text-dark-warning {
    color: var(--dark-warning-default)
}

.bu-text-light-background {
    color: var(--light-background)
}

.bu-text-light-danger {
    color: var(--light-danger-default)
}

.bu-text-light-hover-fill-tertiary {
    color: var(--light-hover-fill-tertiary)
}

.bu-text-light-label {
    color: var(--light-label-default)
}

.bu-text-light-label-20 {
    color: var(--light-label-20)
}

.bu-text-light-label-40 {
    color: var(--light-label-40)
}

.bu-text-light-label-60 {
    color: var(--light-label-60)
}

.bu-text-light-primary {
    color: var(--light-primary-default)
}

.bu-text-light-second {
    color: var(--light-second)
}

.bu-text-light-secondary {
    color: var(--light-secondary-default)
}

.bu-text-light-success {
    color: var(--light-success-default)
}

.bu-text-light-text {
    color: var(--light-text)
}

.bu-text-light-warning {
    color: var(--light-warning-default)
}

.bu-text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity))
}

.bu-underline {
    text-decoration-line: underline
}

.bu-placeholder-dark-label-40::-moz-placeholder {
    color: var(--dark-label-40)
}

.bu-placeholder-dark-label-40::placeholder {
    color: var(--dark-label-40)
}

.bu-placeholder-light-label-40::-moz-placeholder {
    color: var(--light-label-40)
}

.bu-placeholder-light-label-40::placeholder {
    color: var(--light-label-40)
}

.bu-opacity-0 {
    opacity: 0
}

.bu-shadow-\[0px_2px_8px_0px_rgba\(48\,53\,71\,0\.04\)\] {
    --tw-shadow: 0px 2px 8px 0px rgba(48, 53, 71, .04);
    --tw-shadow-colored: 0px 2px 8px 0px var(--tw-shadow-color)
}

.bu-shadow-\[0px_2px_8px_0px_rgba\(48\,53\,71\,0\.04\)\],
.bu-shadow-card {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bu-shadow-card {
    --tw-shadow: 0px 0px 24px rgba(240, 242, 250, .6);
    --tw-shadow-colored: 0px 0px 24px var(--tw-shadow-color)
}

.bu-shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.bu-shadow-lg,
.bu-shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bu-shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.bu-shadow-toast {
    --tw-shadow: 0px 2px 16px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0px 2px 16px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}

.bu-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.bu-transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bu-transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bu-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bu-transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bu-delay-200 {
    transition-delay: .2s
}

.bu-duration-100 {
    transition-duration: .1s
}

.bu-duration-300 {
    transition-duration: .3s
}

.bu-ease-linear {
    transition-timing-function: linear
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.after\:bu-mt-\[8px\]:after {
    content: var(--tw-content);
    margin-top: 8px
}

.after\:bu-block:after {
    content: var(--tw-content);
    display: block
}

.after\:bu-h-\[10px\]:after {
    content: var(--tw-content);
    height: 10px
}

.after\:bu-h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:bu-h-\[6px\]:after {
    content: var(--tw-content);
    height: 6px
}

.after\:bu-w-\[32px\]:after {
    content: var(--tw-content);
    width: 32px
}

.after\:bu-w-\[4px\]:after {
    content: var(--tw-content);
    width: 4px
}

.after\:bu-w-\[8px\]:after {
    content: var(--tw-content);
    width: 8px
}

.after\:bu-border-b-\[1\.8px\]:after {
    content: var(--tw-content);
    border-bottom-width: 1.8px
}

.after\:bu-border-b-\[2px\]:after {
    content: var(--tw-content);
    border-bottom-width: 2px
}

.after\:bu-border-l-0:after {
    content: var(--tw-content);
    border-left-width: 0
}

.after\:bu-border-r-\[1\.8px\]:after {
    content: var(--tw-content);
    border-right-width: 1.8px
}

.after\:bu-border-r-\[2px\]:after {
    content: var(--tw-content);
    border-right-width: 2px
}

.after\:bu-border-t-0:after {
    content: var(--tw-content);
    border-top-width: 0
}

.after\:bu-border-dark-background:after {
    content: var(--tw-content);
    border-color: var(--dark-background)
}

.after\:bu-border-dark-fill-tertiary:after {
    content: var(--tw-content);
    border-color: var(--dark-fill-tertiary)
}

.after\:bu-border-dark-label-40:after {
    content: var(--tw-content);
    border-color: var(--dark-label-40)
}

.after\:bu-border-light-background:after {
    content: var(--tw-content);
    border-color: var(--light-background)
}

.after\:bu-border-light-fill-tertiary:after {
    content: var(--tw-content);
    border-color: var(--light-fill-tertiary)
}

.after\:bu-border-light-label-40:after {
    content: var(--tw-content);
    border-color: var(--light-label-40)
}

.after\:bu-border-x-transparent:after {
    content: var(--tw-content);
    border-left-color: transparent;
    border-right-color: transparent
}

.after\:bu-border-b-transparent:after {
    content: var(--tw-content);
    border-bottom-color: transparent
}

.after\:bu-bg-dark-primary:after {
    content: var(--tw-content);
    background-color: var(--dark-primary-default)
}

.after\:bu-bg-light-primary:after {
    content: var(--tw-content);
    background-color: var(--light-primary-default)
}

.checked\:\!bu-border-dark-primary:checked {
    border-color: var(--dark-primary-default) !important
}

.checked\:\!bu-border-light-primary:checked {
    border-color: var(--light-primary-default) !important
}

.checked\:after\:bu-absolute:checked:after {
    content: var(--tw-content);
    position: absolute
}

.checked\:after\:bu-left-1\/2:checked:after {
    content: var(--tw-content);
    left: 50%
}

.checked\:after\:bu-top-1\/2:checked:after {
    content: var(--tw-content);
    top: 50%
}

.checked\:after\:bu-top-\[4\.5px\]:checked:after {
    content: var(--tw-content);
    top: 4.5px
}

.checked\:after\:bu-block:checked:after {
    content: var(--tw-content);
    display: block
}

.checked\:after\:bu-h-\[6px\]:checked:after {
    content: var(--tw-content);
    height: 6px
}

.checked\:after\:bu-w-\[4px\]:checked:after {
    content: var(--tw-content);
    width: 4px
}

.checked\:after\:bu-w-\[6px\]:checked:after {
    content: var(--tw-content);
    width: 6px
}

.checked\:after\:bu--translate-x-1\/2:checked:after {
    --tw-translate-x: -50%
}

.checked\:after\:bu--translate-x-1\/2:checked:after,
.checked\:after\:bu--translate-y-1\/2:checked:after {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:after\:bu--translate-y-1\/2:checked:after {
    --tw-translate-y: -50%
}

.checked\:after\:bu-rotate-\[35deg\]:checked:after {
    --tw-rotate: 35deg
}

.checked\:after\:bu-rotate-\[35deg\]:checked:after,
.checked\:after\:bu-transform:checked:after {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:after\:bu-rounded-full:checked:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.checked\:after\:bu-border-b-\[1\.8px\]:checked:after {
    content: var(--tw-content);
    border-bottom-width: 1.8px
}

.checked\:after\:bu-border-r-\[1\.8px\]:checked:after {
    content: var(--tw-content);
    border-right-width: 1.8px
}

.checked\:after\:bu-border-dark-background:checked:after {
    content: var(--tw-content);
    border-color: var(--dark-background)
}

.checked\:after\:bu-border-light-background:checked:after {
    content: var(--tw-content);
    border-color: var(--light-background)
}

.checked\:after\:\!bu-bg-dark-primary:checked:after {
    content: var(--tw-content);
    background-color: var(--dark-primary-default) !important
}

.checked\:after\:\!bu-bg-light-primary:checked:after {
    content: var(--tw-content);
    background-color: var(--light-primary-default) !important
}

.focus-within\:bu-relative:focus-within {
    position: relative
}

.focus-within\:bu-z-20:focus-within {
    z-index: 20
}

.focus-within\:\!bu-border-dark-primary:focus-within {
    border-color: var(--dark-primary-default) !important
}

.focus-within\:\!bu-border-light-primary:focus-within {
    border-color: var(--light-primary-default) !important
}

.focus-within\:bu-border-dark-danger:focus-within {
    border-color: var(--dark-danger-default)
}

.focus-within\:bu-border-dark-primary:focus-within {
    border-color: var(--dark-primary-default)
}

.focus-within\:bu-border-light-danger:focus-within {
    border-color: var(--light-danger-default)
}

.focus-within\:bu-border-light-primary:focus-within {
    border-color: var(--light-primary-default)
}

.focus-within\:\!bu-bg-transparent:focus-within {
    background-color: transparent !important
}

.hover\:bu-border-\[1px\]:hover {
    border-width: 1px
}

.hover\:bu-border-dark-danger:hover {
    border-color: var(--dark-danger-default)
}

.hover\:bu-border-dark-line-tertiary:hover {
    border-color: var(--dark-line-tertiary)
}

.hover\:bu-border-dark-primary:hover {
    border-color: var(--dark-primary-default)
}

.hover\:bu-border-light-background:hover {
    border-color: var(--light-background)
}

.hover\:bu-border-light-danger:hover {
    border-color: var(--light-danger-default)
}

.hover\:bu-border-light-input-primary:hover {
    border-color: var(--light-input-primary)
}

.hover\:bu-border-light-line-tertiary:hover {
    border-color: var(--light-line-tertiary)
}

.hover\:bu-border-light-primary:hover {
    border-color: var(--light-primary-default)
}

.hover\:\!bu-bg-dark-hover-fill-primary:hover {
    background-color: var(--dark-hover-fill-primary) !important
}

.hover\:\!bu-bg-dark-primary:hover {
    background-color: var(--dark-primary-default) !important
}

.hover\:\!bu-bg-dark-primary-14:hover {
    background-color: var(--dark-primary-14) !important
}

.hover\:\!bu-bg-light-background:hover {
    background-color: var(--light-background) !important
}

.hover\:\!bu-bg-light-hover-fill-primary:hover {
    background-color: var(--light-hover-fill-primary) !important
}

.hover\:\!bu-bg-light-primary:hover {
    background-color: var(--light-primary-default) !important
}

.hover\:\!bu-bg-light-primary-14:hover {
    background-color: var(--light-primary-14) !important
}

.hover\:bu-bg-dark-fill-primary:hover {
    background-color: var(--dark-fill-primary)
}

.hover\:bu-bg-dark-fill-quaternary:hover {
    background-color: var(--dark-fill-quaternary)
}

.hover\:bu-bg-dark-fill-secondary:hover {
    background-color: var(--dark-fill-secondary)
}

.hover\:bu-bg-dark-hover-fill-primary:hover {
    background-color: var(--dark-hover-fill-primary)
}

.hover\:bu-bg-dark-hover-fill-secondary:hover {
    background-color: var(--dark-hover-fill-secondary)
}

.hover\:bu-bg-dark-hover-green:hover {
    background-color: var(--dark-hover-green)
}

.hover\:bu-bg-dark-hover-primary:hover {
    background-color: var(--dark-hover-primary)
}

.hover\:bu-bg-dark-hover-red:hover {
    background-color: var(--dark-hover-red)
}

.hover\:bu-bg-dark-label-20:hover {
    background-color: var(--dark-label-20)
}

.hover\:bu-bg-dark-primary:hover {
    background-color: var(--dark-primary-default)
}

.hover\:bu-bg-dark-primary-10:hover {
    background-color: var(--dark-primary-10)
}

.hover\:bu-bg-dark-primary-14:hover {
    background-color: var(--dark-primary-14)
}

.hover\:bu-bg-dark-text:hover {
    background-color: var(--dark-text)
}

.hover\:bu-bg-light-fill-primary:hover {
    background-color: var(--light-fill-primary)
}

.hover\:bu-bg-light-fill-quaternary:hover {
    background-color: var(--light-fill-quaternary)
}

.hover\:bu-bg-light-fill-secondary:hover {
    background-color: var(--light-fill-secondary)
}

.hover\:bu-bg-light-hover-fill-primary:hover {
    background-color: var(--light-hover-fill-primary)
}

.hover\:bu-bg-light-hover-fill-secondary:hover {
    background-color: var(--light-hover-fill-secondary)
}

.hover\:bu-bg-light-hover-green:hover {
    background-color: var(--light-hover-green)
}

.hover\:bu-bg-light-hover-primary:hover {
    background-color: var(--light-hover-primary)
}

.hover\:bu-bg-light-hover-red:hover {
    background-color: var(--light-hover-red)
}

.hover\:bu-bg-light-label-20:hover {
    background-color: var(--light-label-20)
}

.hover\:bu-bg-light-primary:hover {
    background-color: var(--light-primary-default)
}

.hover\:bu-bg-light-primary-10:hover {
    background-color: var(--light-primary-10)
}

.hover\:bu-bg-light-primary-14:hover {
    background-color: var(--light-primary-14)
}

.hover\:bu-bg-light-text:hover {
    background-color: var(--light-text)
}

.hover\:bu-bg-transparent:hover {
    background-color: transparent
}

.hover\:\!bu-text-dark-primary:hover {
    color: var(--dark-primary-default) !important
}

.hover\:\!bu-text-dark-second:hover {
    color: var(--dark-second) !important
}

.hover\:\!bu-text-light-primary:hover {
    color: var(--light-primary-default) !important
}

.hover\:\!bu-text-light-second:hover {
    color: var(--light-second) !important
}

.hover\:bu-text-base-label:hover {
    color: var(--base-label-default)
}

.hover\:bu-text-dark-label:hover {
    color: var(--dark-label-default)
}

.hover\:bu-text-dark-label-40:hover {
    color: var(--dark-label-40)
}

.hover\:bu-text-dark-primary:hover {
    color: var(--dark-primary-default)
}

.hover\:bu-text-dark-second:hover {
    color: var(--dark-second)
}

.hover\:bu-text-light-label:hover {
    color: var(--light-label-default)
}

.hover\:bu-text-light-label-40:hover {
    color: var(--light-label-40)
}

.hover\:bu-text-light-primary:hover {
    color: var(--light-primary-default)
}

.hover\:bu-text-light-second:hover {
    color: var(--light-second)
}

.hover\:bu-opacity-100:hover {
    opacity: 1
}

.focus\:bu-border-light-input-primary:focus {
    border-color: var(--light-input-primary)
}

.focus\:bu-bg-dark-primary:focus {
    background-color: var(--dark-primary-default)
}

.focus\:bu-bg-light-primary:focus {
    background-color: var(--light-primary-default)
}

.focus\:bu-text-dark-second:focus {
    color: var(--dark-second)
}

.focus\:bu-text-light-second:focus {
    color: var(--light-second)
}

.focus\:bu-caret-light-primary:focus {
    caret-color: var(--light-primary-default)
}

.focus\:bu-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:bu-outline-0:focus {
    outline-width: 0
}

.focus-visible\:bu-outline-0:focus-visible {
    outline-width: 0
}

.disabled\:bu-pointer-events-none:disabled {
    pointer-events: none
}

.bu-group:focus-within .group-focus-within\:bu-visible {
    visibility: visible
}

.bu-group:focus-within .group-focus-within\:bu-translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-group:focus-within .group-focus-within\:bu-scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bu-group:focus-within .group-focus-within\:bu-opacity-100 {
    opacity: 1
}

.bu-group:hover .group-hover\:\!bu-border-dark-primary {
    border-color: var(--dark-primary-default) !important
}

.bu-group:hover .group-hover\:\!bu-border-light-primary {
    border-color: var(--light-primary-default) !important
}

.bu-group:hover .group-hover\:\!bu-text-dark-label {
    color: var(--dark-label-default) !important
}

.bu-group:hover .group-hover\:\!bu-text-light-label {
    color: var(--light-label-default) !important
}

.bu-group:hover .group-hover\:bu-text-light-label {
    color: var(--light-label-default)
}

.aria-selected\:bu-rounded-\[16px\][aria-selected=true] {
    border-radius: 16px
}

.aria-selected\:\!bu-bg-dark-background[aria-selected=true] {
    background-color: var(--dark-background) !important
}

.aria-selected\:\!bu-bg-light-background[aria-selected=true] {
    background-color: var(--light-background) !important
}

.aria-selected\:bu-bg-dark-primary[aria-selected=true] {
    background-color: var(--dark-primary-default)
}

.aria-selected\:bu-bg-light-primary[aria-selected=true] {
    background-color: var(--light-primary-default)
}

.aria-selected\:\!bu-text-dark-label-40[aria-selected=true] {
    color: var(--dark-label-40) !important
}

.aria-selected\:\!bu-text-light-label-40[aria-selected=true] {
    color: var(--light-label-40) !important
}

.aria-selected\:bu-text-dark-second[aria-selected=true] {
    color: var(--dark-second)
}

.aria-selected\:bu-text-light-second[aria-selected=true] {
    color: var(--light-second)
}

.aria-selected\:bu-opacity-100[aria-selected=true] {
    opacity: 1
}

.data-\[disabled\=\'true\'\]\:bu-cursor-not-allowed[data-disabled=true] {
    cursor: not-allowed
}

.data-\[current\=\'true\'\]\:bu-bg-dark-primary[data-current=true] {
    background-color: var(--dark-primary-default)
}

.data-\[current\=\'true\'\]\:bu-bg-light-primary[data-current=true] {
    background-color: var(--light-primary-default)
}

.data-\[current\=\'true\'\]\:bu-text-dark-second[data-current=true] {
    color: var(--dark-second)
}

.data-\[current\=\'true\'\]\:bu-text-light-second[data-current=true] {
    color: var(--light-second)
}

.data-\[disabled\=\'true\'\]\:bu-text-dark-label-40[data-disabled=true] {
    color: var(--dark-label-40)
}

.data-\[disabled\=\'true\'\]\:bu-text-light-label-40[data-disabled=true] {
    color: var(--light-label-40)
}

:is(.bu-dark .dark\:bu-border-dark-primary) {
    border-color: var(--dark-primary-default)
}

:is(.bu-dark .focus\:dark\:bu-caret-dark-primary):focus {
    caret-color: var(--dark-primary-default)
}

@media(max-width:634px) {
    .max-\[634px\]\:bu-mb-\[8px\] {
        margin-bottom: 8px
    }

    .max-\[634px\]\:bu-mr-\[0\] {
        margin-right: 0
    }

    .max-\[634px\]\:bu-flex-col {
        flex-direction: column
    }

    .max-\[634px\]\:bu-items-center {
        align-items: center
    }

    .max-\[634px\]\:bu-px-\[9px\] {
        padding-left: 9px;
        padding-right: 9px
    }

    .max-\[634px\]\:bu-py-\[4px\] {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .max-\[634px\]\:bu-text-\[12px\] {
        font-size: 12px
    }
}

@media(max-width:600px) {
    .max-\[600px\]\:bu-w-\[80\%\] {
        width: 80%
    }
}

@media(min-width:600px) {
    .min-\[600px\]\:bu-min-h-\[210px\] {
        min-height: 210px
    }

    .min-\[600px\]\:bu-min-h-\[226px\] {
        min-height: 226px
    }

    .min-\[600px\]\:bu-min-h-\[234px\] {
        min-height: 234px
    }

    .min-\[600px\]\:bu-w-\[520px\] {
        width: 520px
    }

    .min-\[600px\]\:bu-w-\[600px\] {
        width: 600px
    }

    .min-\[600px\]\:bu-w-\[800px\] {
        width: 800px
    }
}

@media(min-width:640px) {
    .sm\:bu-flex-row {
        flex-direction: row
    }

    .sm\:bu-space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem*var(--tw-space-x-reverse));
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
    }

    .sm\:bu-space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }
}

@media(min-width:768px) {
    .md\:bu-gap-\[24px\] {
        gap: 24px
    }
}

.\[\&\:has\(\[aria-selected\]\)\]\:bu-bg-dark-primary-14:has([aria-selected]) {
    background-color: var(--dark-primary-14)
}

.\[\&\:has\(\[aria-selected\]\)\]\:bu-bg-light-primary-14:has([aria-selected]) {
    background-color: var(--light-primary-14)
}

.\[\&\:has\(\[aria-selected\]\)\]\:bu-text-dark-second:has([aria-selected]) {
    color: var(--dark-second)
}

.\[\&\:has\(\[aria-selected\]\)\]\:bu-text-light-second:has([aria-selected]) {
    color: var(--light-second)
}

.first\:\[\&\:has\(\[aria-selected\]\)\]\:bu-rounded-l-\[0px\]:has([aria-selected]):first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.last\:\[\&\:has\(\[aria-selected\]\)\]\:bu-rounded-r-\[0px\]:has([aria-selected]):last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:\!bu-bg-dark-background:has([aria-selected].day-outside) {
    background-color: var(--dark-background) !important
}

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:\!bu-bg-light-background:has([aria-selected].day-outside) {
    background-color: var(--light-background) !important
}

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:bu-rounded-r-\[16px\]:has([aria-selected].day-range-end) {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:bu-rounded-l-\[16px\]:has([aria-selected].day-range-start) {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.\[\&\:has\(\[disabled\]\)\]\:\!bu-cursor-not-allowed:has([disabled]) {
    cursor: not-allowed !important
}

.\[\&\:has\(\[disabled\]\)\]\:bu-bg-dark-line-primary:has([disabled]) {
    background-color: var(--dark-line-primary)
}

.\[\&\:has\(\[disabled\]\)\]\:bu-bg-light-line-primary:has([disabled]) {
    background-color: var(--light-line-primary)
}

._menus_1u4o4_1 {
    position: absolute;
    z-index: 99999;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
    padding-bottom: 8px
}

._options-wrapper_1u4o4_5 {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: auto
}

._options-wrapper_1u4o4_5::-webkit-scrollbar {
    width: 2px
}

._loader-medium_amaox_2 {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: block;
    position: relative;
    box-sizing: border-box;
    animation: _animloader-medium_amaox_1 1s linear infinite alternate
}

._loader-light_amaox_12 {
    color: hsla(0, 0%, 4%, .6)
}

._loader-dark_amaox_16 {
    color: var(--dark-label-20)
}

@keyframes _animloader-medium_amaox_1 {
    0% {
        box-shadow: -12.67px -4px, -4.67px 0, 4.67px 0, 12.67px 0
    }

    33% {
        box-shadow: -12.67px 0, -4.67px -4px, 4.67px 0, 12.67px 0
    }

    66% {
        box-shadow: -12.67px 0, -4.67px 0, 4.67px -4px, 12.67px 0
    }

    to {
        box-shadow: -12.67px 0, -4.67px 0, 4.67px 0, 12.67px -4px
    }
}

._loader-large_amaox_34 {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: relative;
    box-sizing: border-box;
    animation: _animloader-large_amaox_1 1s linear infinite alternate
}

@keyframes _animloader-large_amaox_1 {
    0% {
        box-shadow: -19px -6px, -7px 0, 7px 0, 19px 0
    }

    33% {
        box-shadow: -19px 0, -7px -6px, 7px 0, 19px 0
    }

    66% {
        box-shadow: -19px 0, -7px 0, 7px -6px, 19px 0
    }

    to {
        box-shadow: -19px 0, -7px 0, 7px 0, 19px -6px
    }
}

._loader-small_amaox_58 {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    display: block;
    position: relative;
    box-sizing: border-box;
    animation: _animloader-small_amaox_1 .8s linear infinite alternate
}

@keyframes _animloader-small_amaox_1 {
    0% {
        box-shadow: -9.5px -3px, -3.5px 0, 3.5px 0, 9.5px 0
    }

    33% {
        box-shadow: -9.5px 0, -3.5px -3px, 3.5px 0, 9.5px 0
    }

    66% {
        box-shadow: -9.5px 0, -3.5px 0, 3.5px -3px, 9.5px 0
    }

    to {
        box-shadow: -9.5px 0, -3.5px 0, 3.5px 0, 9.5px -3px
    }
}

._loader-m-small_amaox_82 {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    display: block;
    position: relative;
    box-sizing: border-box;
    animation: _animloader-m-small_amaox_1 .8s linear infinite alternate
}

@keyframes _animloader-m-small_amaox_1 {
    0% {
        box-shadow: -9.5px -3px, -3.5px 0, 3.5px 0, 9.5px 0
    }

    33% {
        box-shadow: -9.5px 0, -3.5px -3px, 3.5px 0, 9.5px 0
    }

    66% {
        box-shadow: -9.5px 0, -3.5px 0, 3.5px -3px, 9.5px 0
    }

    to {
        box-shadow: -9.5px 0, -3.5px 0, 3.5px 0, 9.5px -3px
    }
}

._mock_13kkq_1 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6)
}

._dialog_13kkq_5 {
    max-height: calc(100% - 32px)
}

._title_13kkq_9 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500
}

._content_13kkq_13,
._title_13kkq_9 {
    padding-left: 24px;
    padding-right: 24px;
    letter-spacing: -.2px
}

._content_13kkq_13 {
    margin-bottom: 26px;
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

._content_13kkq_13::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

._content_13kkq_13::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 4px;
    background-color: var(--light-fill-tertiary)
}

._drawerOverlay_w8q99_2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .502);
    display: flex;
    justify-content: center;
    align-items: center
}

._drawerContent_w8q99_14 {
    position: absolute;
    height: 100%;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

._left_w8q99_19 {
    left: 0
}

._right_w8q99_23 {
    right: 0
}

._drawerHeader_w8q99_27 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

._drawer-close-button_w8q99_34 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #888
}

._title_w8q99_42 {
    margin: 0;
    font-size: 20px
}

._mock_w8q99_47 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6)
}

._content_w8q99_51 {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.2px
}

._content_w8q99_51::-webkit-scrollbar {
    width: 4px;
    height: 6px
}

._content_w8q99_51::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 4px;
    background-color: var(--light-fill-tertiary)
}

._slider-container_ku8lc_1 {
    padding: 0 6px;
    display: flex;
    width: 100%
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 {
    position: relative;
    width: 100%
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._rail_ku8lc_8 {
    width: 100%
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._rail_ku8lc_8,
._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._track_ku8lc_16 {
    position: absolute;
    height: 2px;
    border-radius: 9999px;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._track_ku8lc_16 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 {
    width: 100%;
    top: 50%;
    --tw-translate-y: -50%
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24,
._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark_ku8lc_24 {
    position: absolute;
    height: 6px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: pointer
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark_ku8lc_24 {
    width: 6px;
    border-radius: 1px;
    border-width: 1px;
    --tw-translate-x: -50%
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark_ku8lc_24:first-of-type {
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark_ku8lc_24:last-of-type {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark-label_ku8lc_47 {
    position: absolute;
    font-size: 12px;
    top: .75rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark-label_ku8lc_47:first-of-type {
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._mark-container_ku8lc_24 ._mark-label_ku8lc_47:last-of-type {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._thumb-container_ku8lc_59 {
    position: relative
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._thumb-container_ku8lc_59:hover ._tooltip_ku8lc_62 {
    opacity: 1;
    pointer-events: auto
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._thumb_ku8lc_59 {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border-width: 2px;
    top: 50%;
    --tw-translate-x: -6px;
    --tw-translate-y: -50%;
    cursor: grab
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._thumb_ku8lc_59,
._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._tooltip_ku8lc_62 {
    position: absolute;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._tooltip_ku8lc_62 {
    top: 3px;
    font-size: 12px;
    border-radius: .25rem;
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity));
    padding: 2px 8px;
    --tw-translate-x: -50%;
    --tw-translate-y: -150%;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    opacity: 0;
    pointer-events: none;
    z-index: 10
}

._slider-container_ku8lc_1 ._slider-content_ku8lc_5 ._tooltip_ku8lc_62._tooltip-drag_ku8lc_89 {
    opacity: 1;
    pointer-events: auto
}

._slider-container_ku8lc_1._disabled_ku8lc_93 ._mark-container_ku8lc_24,
._slider-container_ku8lc_1._disabled_ku8lc_93 ._mark_ku8lc_24,
._slider-container_ku8lc_1._disabled_ku8lc_93 ._thumb_ku8lc_59 {
    cursor: default !important
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
        transform: translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
        transform: translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
        transform: translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
        transform: translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
        transform: translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

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

.container {
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.\!bottom-\[94px\] {
    bottom: 94px !important
}

.\!left-\[-4px\] {
    left: -4px !important
}

.\!right-\[20px\] {
    right: 20px !important
}

.\!top-0 {
    top: 0 !important
}

.\!top-16 {
    top: 4rem !important
}

.-bottom-2 {
    bottom: -.5rem
}

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

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

.-right-2 {
    right: -.5rem
}

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

.-top-1 {
    top: -.25rem
}

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

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-6 {
    bottom: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

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

.left-2 {
    left: .5rem
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

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

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

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

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

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

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

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

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

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

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-0 {
    top: 0
}

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

.top-16 {
    top: 4rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-\[calc\(50\%_-_17px\)\] {
    top: calc(50% - 17px)
}

.\!z-\[9998\] {
    z-index: 9998 !important
}

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

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.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-full {
    grid-column: 1/-1
}

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

.float-right {
    float: right
}

.float-left {
    float: left
}

.\!-m-px {
    margin: -1px !important
}

.m-\[auto\],
.m-auto {
    margin: auto
}

.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.\!my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
}

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

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

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

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

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

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

.mx-\[3vw\] {
    margin-left: 3vw;
    margin-right: 3vw
}

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

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

.mx-\[auto\],
.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

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

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

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

.my-\[1vw\] {
    margin-top: 1vw;
    margin-bottom: 1vw
}

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

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

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

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

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

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

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

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

.\!mb-0,
.\!mb-\[0px\] {
    margin-bottom: 0 !important
}

.\!mb-\[16px\] {
    margin-bottom: 16px !important
}

.\!ml-0 {
    margin-left: 0 !important
}

.\!ml-\[8px\] {
    margin-left: 8px !important
}

.\!mr-0 {
    margin-right: 0 !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.\!mt-12 {
    margin-top: 3rem !important
}

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

.\!mt-\[160px\] {
    margin-top: 160px !important
}

.\!mt-\[40px\] {
    margin-top: 40px !important
}

.\!mt-\[48px\] {
    margin-top: 48px !important
}

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

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

.-ml-2 {
    margin-left: -.5rem
}

.-ml-8 {
    margin-left: -2rem
}

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

.-mt-1 {
    margin-top: -.25rem
}

.-mt-10 {
    margin-top: -2.5rem
}

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-1 {
    margin-left: .25rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-\[calc\(33\.33\%-360px\)\] {
    margin-left: calc(33.33% - 360px)
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-6 {
    margin-right: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

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

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

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

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.line-clamp-3,
.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.line-clamp-4 {
    -webkit-line-clamp: 4
}

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

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    /*display: table*/
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1/1
}

.size-3 {
    width: .75rem;
    height: .75rem
}

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

.\!h-4 {
    height: 1rem !important
}

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

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

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

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

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

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

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

.\!h-\[calc\(100\%_-_26px\)\] {
    height: calc(100% - 26px) !important
}

.\!h-\[calc\(100\%_-_34px\)\] {
    height: calc(100% - 34px) !important
}

.\!h-\[calc\(100vh-64px\)\] {
    height: calc(100vh - 64px) !important
}

.\!h-auto {
    height: auto !important
}

.\!h-px {
    height: 1px !important
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-44px\)\] {
    height: calc(100% - 44px)
}

.h-\[calc\(100\%_-_100px\)\] {
    height: calc(100% - 100px)
}

.h-\[calc\(100\%_-_50px\)\] {
    height: calc(100% - 50px)
}

.h-\[calc\(100\%_-_56px\)\] {
    height: calc(100% - 56px)
}

.h-\[calc\(100vh-64px\)\],
.h-\[calc\(100vh_-_64px\)\] {
    height: calc(100vh - 64px)
}

.h-auto {
    height: auto
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-\[100\%\] {
    max-height: 100%
}

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

.max-h-\[192px\] {
    max-height: 192px
}

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

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

.max-h-\[232px\] {
    max-height: 232px
}

.max-h-\[236px\] {
    max-height: 236px
}

.max-h-\[246px\] {
    max-height: 246px
}

.max-h-\[256px\] {
    max-height: 256px
}

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

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

.max-h-\[350px\] {
    max-height: 350px
}

.max-h-\[372px\] {
    max-height: 372px
}

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

.max-h-\[440px\] {
    max-height: 440px
}

.max-h-\[548px\] {
    max-height: 548px
}

.max-h-\[558px\] {
    max-height: 558px
}

.max-h-\[572px\] {
    max-height: 572px
}

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

.max-h-\[85\%\] {
    max-height: 85%
}

.max-h-fit {
    max-height: fit-content
}

.\!min-h-0 {
    min-height: 0 !important
}

.min-h-20 {
    min-height: 5rem
}

.min-h-\[126px\] {
    min-height: 126px
}

.min-h-\[136px\] {
    min-height: 136px
}

.min-h-\[142px\] {
    min-height: 142px
}

.min-h-\[144px\] {
    min-height: 144px
}

.min-h-\[160px\] {
    min-height: 160px
}

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

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

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

.min-h-\[202px\] {
    min-height: 202px
}

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

.min-h-\[242px\] {
    min-height: 242px
}

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

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

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

.min-h-\[340px\] {
    min-height: 340px
}

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

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

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

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

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

.min-h-\[408px\] {
    min-height: 408px
}

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

.min-h-\[420px\] {
    min-height: 420px
}

.min-h-\[480px\] {
    min-height: 480px
}

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

.min-h-\[495px\] {
    min-height: 495px
}

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

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

.min-h-\[642px\] {
    min-height: 642px
}

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

.min-h-\[650px\] {
    min-height: 650px
}

.min-h-\[65vh\] {
    min-height: 65vh
}

.min-h-\[664px\] {
    min-height: 664px
}

.min-h-\[85vh\] {
    min-height: 85vh
}

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

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

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

.min-h-\[calc\(100vh-114px\)\] {
    min-height: calc(100vh - 114px)
}

.min-h-\[calc\(100vh_-_50px\)\] {
    min-height: calc(100vh - 50px)
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\!w-\[100\%\] {
    width: 100% !important
}

.\!w-\[100px\] {
    width: 100px !important
}

.\!w-\[124px\] {
    width: 124px !important
}

.\!w-\[136px\] {
    width: 136px !important
}

.\!w-\[152px\] {
    width: 152px !important
}

.\!w-\[220px\] {
    width: 220px !important
}

.\!w-\[240px\] {
    width: 240px !important
}

.\!w-\[440px\] {
    width: 440px !important
}

.\!w-\[calc\(100\%_-_377px\)\] {
    width: calc(100% - 377px) !important
}

.\!w-full {
    width: 100% !important
}

.\!w-px {
    width: 1px !important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[100\%\] {
    width: 100%
}

.w-\[100px\] {
    width: 100px
}

.w-\[100vw\] {
    width: 100vw
}

.w-\[104px\] {
    width: 104px
}

.w-\[105px\] {
    width: 105px
}

.w-\[106px\] {
    width: 106px
}

.w-\[107px\] {
    width: 107px
}

.w-\[108px\] {
    width: 108px
}

.w-\[10px\] {
    width: 10px
}

.w-\[110px\] {
    width: 110px
}

.w-\[112px\] {
    width: 112px
}

.w-\[1200px\] {
    width: 1200px
}

.w-\[120px\] {
    width: 120px
}

.w-\[1264px\] {
    width: 1264px
}

.w-\[126px\] {
    width: 126px
}

.w-\[1280px\] {
    width: 1280px
}

.w-\[12px\] {
    width: 12px
}

.w-\[130px\] {
    width: 130px
}

.w-\[132px\] {
    width: 132px
}

.w-\[1360px\] {
    width: 1360px
}

.w-\[136px\] {
    width: 136px
}

.w-\[138px\] {
    width: 138px
}

.w-\[139px\] {
    width: 139px
}

.w-\[13px\] {
    width: 13px
}

.w-\[140px\] {
    width: 140px
}

.w-\[144px\] {
    width: 144px
}

.w-\[146px\] {
    width: 146px
}

.w-\[148px\] {
    width: 148px
}

.w-\[14px\] {
    width: 14px
}

.w-\[150px\] {
    width: 150px
}

.w-\[153px\] {
    width: 153px
}

.w-\[154px\] {
    width: 154px
}

.w-\[156px\] {
    width: 156px
}

.w-\[160px\] {
    width: 160px
}

.w-\[168px\] {
    width: 168px
}

.w-\[16px\] {
    width: 16px
}

.w-\[178px\] {
    width: 178px
}

.w-\[180px\] {
    width: 180px
}

.w-\[183px\] {
    width: 183px
}

.w-\[18px\] {
    width: 18px
}

.w-\[190px\] {
    width: 190px
}

.w-\[198px\] {
    width: 198px
}

.w-\[19px\] {
    width: 19px
}

.w-\[1px\] {
    width: 1px
}

.w-\[200px\] {
    width: 200px
}

.w-\[202px\] {
    width: 202px
}

.w-\[20px\] {
    width: 20px
}

.w-\[210px\] {
    width: 210px
}

.w-\[216px\] {
    width: 216px
}

.w-\[21px\] {
    width: 21px
}

.w-\[220px\] {
    width: 220px
}

.w-\[221px\] {
    width: 221px
}

.w-\[224px\] {
    width: 224px
}

.w-\[225px\] {
    width: 225px
}

.w-\[228px\] {
    width: 228px
}

.w-\[232px\] {
    width: 232px
}

.w-\[233px\] {
    width: 233px
}

.w-\[234px\] {
    width: 234px
}

.w-\[236px\] {
    width: 236px
}

.w-\[240px\] {
    width: 240px
}

.w-\[241px\] {
    width: 241px
}

.w-\[248px\] {
    width: 248px
}

.w-\[24px\] {
    width: 24px
}

.w-\[25\%\] {
    width: 25%
}

.w-\[250px\] {
    width: 250px
}

.w-\[260px\] {
    width: 260px
}

.w-\[268px\] {
    width: 268px
}

.w-\[26px\] {
    width: 26px
}

.w-\[278px\] {
    width: 278px
}

.w-\[280px\] {
    width: 280px
}

.w-\[282px\] {
    width: 282px
}

.w-\[284px\] {
    width: 284px
}

.w-\[288px\] {
    width: 288px
}

.w-\[28px\] {
    width: 28px
}

.w-\[290px\] {
    width: 290px
}

.w-\[296px\] {
    width: 296px
}

.w-\[297px\] {
    width: 297px
}

.w-\[298px\] {
    width: 298px
}

.w-\[2px\] {
    width: 2px
}

.w-\[30\%\] {
    width: 30%
}

.w-\[300px\] {
    width: 300px
}

.w-\[308px\] {
    width: 308px
}

.w-\[30px\] {
    width: 30px
}

.w-\[312px\] {
    width: 312px
}

.w-\[32\.5\%\] {
    width: 32.5%
}

.w-\[320px\] {
    width: 320px
}

.w-\[32px\] {
    width: 32px
}

.w-\[336px\] {
    width: 336px
}

.w-\[340px\] {
    width: 340px
}

.w-\[346px\] {
    width: 346px
}

.w-\[347px\] {
    width: 347px
}

.w-\[34px\] {
    width: 34px
}

.w-\[35px\] {
    width: 35px
}

.w-\[360px\] {
    width: 360px
}

.w-\[36px\] {
    width: 36px
}

.w-\[372px\] {
    width: 372px
}

.w-\[376px\] {
    width: 376px
}

.w-\[380px\] {
    width: 380px
}

.w-\[382px\] {
    width: 382px
}

.w-\[384px\] {
    width: 384px
}

.w-\[386px\] {
    width: 386px
}

.w-\[398px\] {
    width: 398px
}

.w-\[3px\] {
    width: 3px
}

.w-\[40\%\] {
    width: 40%
}

.w-\[400px\] {
    width: 400px
}

.w-\[403px\] {
    width: 403px
}

.w-\[40px\] {
    width: 40px
}

.w-\[420px\] {
    width: 420px
}

.w-\[44\%\] {
    width: 44%
}

.w-\[440px\] {
    width: 440px
}

.w-\[444px\] {
    width: 444px
}

.w-\[44px\] {
    width: 44px
}

.w-\[45\%\] {
    width: 45%
}

.w-\[450px\] {
    width: 450px
}

.w-\[466px\] {
    width: 466px
}

.w-\[46px\] {
    width: 46px
}

.w-\[470px\] {
    width: 470px
}

.w-\[472px\] {
    width: 472px
}

.w-\[480px\] {
    width: 480px
}

.w-\[486px\] {
    width: 486px
}

.w-\[48px\] {
    width: 48px
}

.w-\[490px\] {
    width: 490px
}

.w-\[496px\] {
    width: 496px
}

.w-\[4px\] {
    width: 4px
}

.w-\[500px\] {
    width: 500px
}

.w-\[504px\] {
    width: 504px
}

.w-\[506px\] {
    width: 506px
}

.w-\[50px\] {
    width: 50px
}

.w-\[520px\] {
    width: 520px
}

.w-\[52px\] {
    width: 52px
}

.w-\[53px\] {
    width: 53px
}

.w-\[540px\] {
    width: 540px
}

.w-\[54px\] {
    width: 54px
}

.w-\[55\%\] {
    width: 55%
}

.w-\[55px\] {
    width: 55px
}

.w-\[56\%\] {
    width: 56%
}

.w-\[560px\] {
    width: 560px
}

.w-\[56px\] {
    width: 56px
}

.w-\[579px\] {
    width: 579px
}

.w-\[58px\] {
    width: 58px
}

.w-\[594px\] {
    width: 594px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[60px\] {
    width: 60px
}

.w-\[62px\] {
    width: 62px
}

.w-\[64px\] {
    width: 64px
}

.w-\[65\%\] {
    width: 65%
}

.w-\[650px\] {
    width: 650px
}

.w-\[65px\] {
    width: 65px
}

.w-\[66\%\] {
    width: 66%
}

.w-\[680px\] {
    width: 680px
}

.w-\[68px\] {
    width: 68px
}

.w-\[6px\] {
    width: 6px
}

.w-\[70px\] {
    width: 70px
}

.w-\[71\.5\%\] {
    width: 71.5%
}

.w-\[720px\] {
    width: 720px
}

.w-\[72px\] {
    width: 72px
}

.w-\[74px\] {
    width: 74px
}

.w-\[752px\] {
    width: 752px
}

.w-\[762px\] {
    width: 762px
}

.w-\[77px\] {
    width: 77px
}

.w-\[800px\] {
    width: 800px
}

.w-\[80px\] {
    width: 80px
}

.w-\[812px\] {
    width: 812px
}

.w-\[820px\] {
    width: 820px
}

.w-\[825px\] {
    width: 825px
}

.w-\[82px\] {
    width: 82px
}

.w-\[848px\] {
    width: 848px
}

.w-\[84px\] {
    width: 84px
}

.w-\[89px\] {
    width: 89px
}

.w-\[8px\] {
    width: 8px
}

.w-\[90\%\] {
    width: 90%
}

.w-\[900px\] {
    width: 900px
}

.w-\[90px\] {
    width: 90px
}

.w-\[92px\] {
    width: 92px
}

.w-\[94px\] {
    width: 94px
}

.w-\[96px\] {
    width: 96px
}

.w-\[988px\] {
    width: 988px
}

.w-\[9px\] {
    width: 9px
}

.w-\[auto\] {
    width: auto
}

.w-\[calc\(100\%_-_16px\)\] {
    width: calc(100% - 16px)
}

.w-\[calc\(100\%_-_24px\)\] {
    width: calc(100% - 24px)
}

.w-\[calc\(100vw_-_60px\)\] {
    width: calc(100vw - 60px)
}

.w-\[calc\(50\%-12px\)\] {
    width: calc(50% - 12px)
}

.w-\[calc\(50\%_-_10px_\/_2\)\] {
    width: calc(50% - 10px / 2)
}

.w-\[calc\(50\%_-_20px\)\] {
    width: calc(50% - 20px)
}

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.\!min-w-\[240px\] {
    min-width: 240px !important
}

.\!min-w-\[auto\] {
    min-width: auto !important
}

.min-w-0,
.min-w-\[0\],
.min-w-\[0px\] {
    min-width: 0
}

.min-w-\[100px\] {
    min-width: 100px
}

.min-w-\[106px\] {
    min-width: 106px
}

.min-w-\[1200px\] {
    min-width: 1200px
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[131px\] {
    min-width: 131px
}

.min-w-\[135px\] {
    min-width: 135px
}

.min-w-\[1360px\] {
    min-width: 1360px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[150px\] {
    min-width: 150px
}

.min-w-\[180px\] {
    min-width: 180px
}

.min-w-\[182px\] {
    min-width: 182px
}

.min-w-\[18px\] {
    min-width: 18px
}

.min-w-\[190px\] {
    min-width: 190px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[247px\] {
    min-width: 247px
}

.min-w-\[260px\] {
    min-width: 260px
}

.min-w-\[30px\] {
    min-width: 30px
}

.min-w-\[32px\] {
    min-width: 32px
}

.min-w-\[340px\] {
    min-width: 340px
}

.min-w-\[35px\] {
    min-width: 35px
}

.min-w-\[37px\] {
    min-width: 37px
}

.min-w-\[400px\] {
    min-width: 400px
}

.min-w-\[600px\] {
    min-width: 600px
}

.min-w-\[64px\] {
    min-width: 64px
}

.min-w-\[65px\] {
    min-width: 65px
}

.min-w-\[80px\] {
    min-width: 80px
}

.min-w-\[90px\] {
    min-width: 90px
}

.min-w-\[auto\] {
    min-width: auto
}

.min-w-fit {
    min-width: fit-content
}

.min-w-full {
    min-width: 100%
}

.min-w-max {
    min-width: max-content
}

.min-w-min {
    min-width: min-content
}

.\!max-w-\[260px\] {
    max-width: 260px !important
}

.\!max-w-\[360px\] {
    max-width: 360px !important
}

.\!max-w-\[400px\] {
    max-width: 400px !important
}

.max-w-\[100\%\] {
    max-width: 100%
}

.max-w-\[1006px\] {
    max-width: 1006px
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[1440px\] {
    max-width: 1440px
}

.max-w-\[150px\] {
    max-width: 150px
}

.max-w-\[153px\] {
    max-width: 153px
}

.max-w-\[1600px\] {
    max-width: 1600px
}

.max-w-\[170px\] {
    max-width: 170px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[1900px\] {
    max-width: 1900px
}

.max-w-\[200px\] {
    max-width: 200px
}

.max-w-\[218px\] {
    max-width: 218px
}

.max-w-\[220px\] {
    max-width: 220px
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[272px\] {
    max-width: 272px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[288px\] {
    max-width: 288px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[330px\] {
    max-width: 330px
}

.max-w-\[337px\] {
    max-width: 337px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[36px\] {
    max-width: 36px
}

.max-w-\[372px\] {
    max-width: 372px
}

.max-w-\[380px\] {
    max-width: 380px
}

.max-w-\[410px\] {
    max-width: 410px
}

.max-w-\[500px\] {
    max-width: 500px
}

.max-w-\[520px\] {
    max-width: 520px
}

.max-w-\[560px\] {
    max-width: 560px
}

.max-w-\[576px\] {
    max-width: 576px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[660px\] {
    max-width: 660px
}

.max-w-\[700px\] {
    max-width: 700px
}

.max-w-\[72\%\] {
    max-width: 72%
}

.max-w-\[756px\] {
    max-width: 756px
}

.max-w-\[85px\] {
    max-width: 85px
}

.max-w-\[88\%\] {
    max-width: 88%
}

.max-w-\[90\%\] {
    max-width: 90%
}

.max-w-\[90px\] {
    max-width: 90px
}

.max-w-\[940px\] {
    max-width: 940px
}

.max-w-\[95px\] {
    max-width: 95px
}

.max-w-full {
    max-width: 100%
}

.max-w-screen-xl {
    max-width: 1280px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-\[1\] {
    flex: 1
}

.flex-\[1_0_0\] {
    flex: 1 0 0
}

.flex-\[1_1\] {
    flex: 1 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0,
.shrink-\[0\] {
    flex-shrink: 0
}

.flex-grow-0 {
    flex-grow: 0
}

.grow {
    flex-grow: 1
}

.basis-1\/4 {
    flex-basis: 25%
}

.basis-3\/4 {
    flex-basis: 75%
}

.basis-full {
    flex-basis: 100%
}

.border-collapse {
    border-collapse: collapse
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-x-\[calc\(100\%\+4px\)\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[calc\(100\%\+4px\)\] {
    --tw-translate-x: calc(calc(100% + 4px) * -1)
}

.-translate-y-1\/2,
.-translate-y-\[50\%\] {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.-translate-y-\[50\%\],
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-1\/4 {
    --tw-translate-x: 25%
}

.translate-x-1\/4,
.translate-x-\[-4px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-4px\] {
    --tw-translate-x: -4px
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%
}

.translate-x-\[-50\%\],
.translate-x-\[16px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[16px\] {
    --tw-translate-x: 16px
}

.translate-x-\[calc\(100\%\+4px\)\] {
    --tw-translate-x: calc(100% + 4px)
}

.translate-x-\[calc\(100\%\+4px\)\],
.translate-y-\[20\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[20\%\] {
    --tw-translate-y: 20%
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-0,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.rotate-90,
.rotate-\[-45deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[-45deg\] {
    --tw-rotate: -45deg
}

.rotate-\[-90deg\] {
    --tw-rotate: -90deg
}

.-skew-x-12,
.rotate-\[-90deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-skew-x-12 {
    --tw-skew-x: -12deg
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-110,
.scale-50 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5
}

.scale-\[\.33\] {
    --tw-scale-x: .33;
    --tw-scale-y: .33
}

.scale-\[\.33\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.\!cursor-grabbing {
    cursor: grabbing !important
}

.\!cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-no-drop {
    cursor: no-drop
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.scroll-mt-16 {
    scroll-margin-top: 4rem
}

.\!list-disc {
    list-style-type: disc !important
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.grid-flow-col {
    grid-auto-flow: column
}

.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-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-\[1fr_80px_1fr\] {
    grid-template-columns: 1fr 80px 1fr
}

.grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto
}

.grid-cols-\[repeat\(2\2c auto\)\] {
    grid-template-columns: repeat(2, auto)
}

.grid-cols-\[repeat\(3\2c 300px\)\] {
    grid-template-columns: repeat(3, 300px)
}

.grid-cols-\[repeat\(4\2c 1fr\)\] {
    grid-template-columns: repeat(4, 1fr)
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto
}

.grid-rows-\[repeat\(3\2c auto\)\] {
    grid-template-rows: repeat(3, auto)
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.\!items-start {
    align-items: flex-start !important
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.\!items-center {
    align-items: center !important
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.\!justify-center {
    justify-content: center !important
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-items-end {
    justify-items: end
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

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

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

.gap-\[15\%\] {
    gap: 15%
}

.gap-\[15px\] {
    gap: 15px
}

.gap-\[16px\] {
    gap: 16px
}

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

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

.gap-\[20px\] {
    gap: 20px
}

.gap-\[24px\] {
    gap: 24px
}

.gap-\[28px\] {
    gap: 28px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[34px\] {
    gap: 34px
}

.gap-\[36px\] {
    gap: 36px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[48px\] {
    gap: 48px
}

.gap-\[4px\] {
    gap: 4px
}

.gap-\[5px\] {
    gap: 5px
}

.gap-\[64px\] {
    gap: 64px
}

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

.gap-\[80px\] {
    gap: 80px
}

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

.gap-x-0 {
    column-gap: 0
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-\[16px\] {
    row-gap: 16px
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.overflow-auto {
    overflow: auto
}

.\!overflow-hidden {
    overflow: hidden !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-normal {
    white-space: normal
}

.\!whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.text-wrap {
    text-wrap: wrap
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-words {
    overflow-wrap: break-word
}

.\!break-all {
    word-break: break-all !important
}

.break-all {
    word-break: break-all
}

.\!rounded-\[16px\] {
    border-radius: 16px !important
}

.\!rounded-\[4px\] {
    border-radius: 4px !important
}

.\!rounded-lg {
    border-radius: .5rem !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[100\%\] {
    border-radius: 100%
}

.rounded-\[100px\] {
    border-radius: 100px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[32px\] {
    border-radius: 32px
}

.rounded-\[40px\] {
    border-radius: 40px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-\[9px\] {
    border-radius: 9px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-\[10px\] {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.rounded-l-\[8px\] {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-r-\[8px\] {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-r-md {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-t-\[6px\] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-\[12px\] {
    border-bottom-left-radius: 12px
}

.rounded-bl-\[8px\] {
    border-bottom-left-radius: 8px
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-br-\[12px\] {
    border-bottom-right-radius: 12px
}

.rounded-br-\[4px\] {
    border-bottom-right-radius: 4px
}

.rounded-br-\[8px\] {
    border-bottom-right-radius: 8px
}

.rounded-ee {
    border-end-end-radius: .25rem
}

.rounded-es-2xl {
    border-end-start-radius: 1rem
}

.rounded-es-lg {
    border-end-start-radius: .5rem
}

.rounded-se-2xl {
    border-start-end-radius: 1rem
}

.rounded-se-lg {
    border-start-end-radius: .5rem
}

.rounded-ss {
    border-start-start-radius: .25rem
}

.rounded-tl-\[12px\] {
    border-top-left-radius: 12px
}

.rounded-tl-\[16px\] {
    border-top-left-radius: 16px
}

.rounded-tl-\[4px\] {
    border-top-left-radius: 4px
}

.rounded-tl-\[8px\] {
    border-top-left-radius: 8px
}

.rounded-tr-\[12px\] {
    border-top-right-radius: 12px
}

.rounded-tr-\[16px\] {
    border-top-right-radius: 16px
}

.rounded-tr-\[8px\] {
    border-top-right-radius: 8px
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-\[3px\] {
    border-width: 3px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r,
.border-r-\[1px\] {
    border-right-width: 1px
}

.border-t,
.border-t-\[1px\] {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.\!border-none {
    border-style: none !important
}

.border-none {
    border-style: none
}

.\!border-light-danger {
    border-color: var(--light-danger-default) !important
}

.\!border-light-label {
    border-color: var(--light-label-default) !important
}

.border-\[\#202020\] {
    --tw-border-opacity: 1;
    border-color: rgb(32 32 32/var(--tw-border-opacity, 1))
}

.border-\[\#DCDEE0\] {
    --tw-border-opacity: 1;
    border-color: rgb(220 222 224/var(--tw-border-opacity, 1))
}

.border-\[\#E6E7EB\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 231 235/var(--tw-border-opacity, 1))
}

.border-\[\#EBEDF0\] {
    --tw-border-opacity: 1;
    border-color: rgb(235 237 240/var(--tw-border-opacity, 1))
}

.border-\[\#FCA71D\] {
    --tw-border-opacity: 1;
    border-color: rgb(252 167 29/var(--tw-border-opacity, 1))
}

.border-\[\#FFD000\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 208 0/var(--tw-border-opacity, 1))
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.26\)\] {
    border-color: rgba(0, 0, 0, .26)
}

.border-base-danger {
    border-color: var(--base-danger-default)
}

.border-base-label {
    border-color: var(--base-label-default)
}

.border-base-label-40 {
    border-color: var(--base-label-40)
}

.border-base-label-60 {
    border-color: var(--base-label-60)
}

.border-base-line-primary {
    border-color: var(--base-line-primary)
}

.border-base-line-secondary {
    border-color: var(--base-line-secondary)
}

.border-base-primary {
    border-color: var(--base-primary-default)
}

.border-current {
    border-color: currentColor
}

.border-dark-danger {
    border-color: var(--dark-danger-default)
}

.border-dark-fill-secondary {
    border-color: var(--dark-fill-secondary)
}

.border-dark-hover-fill-tertiary {
    border-color: var(--dark-hover-fill-tertiary)
}

.border-dark-input-gray {
    border-color: var(--dark-input-gray)
}

.border-dark-label {
    border-color: var(--dark-label-default)
}

.border-dark-label-40 {
    border-color: var(--dark-label-40)
}

.border-dark-line-primary {
    border-color: var(--dark-line-primary)
}

.border-dark-line-secondary {
    border-color: var(--dark-line-secondary)
}

.border-light-fill-secondary {
    border-color: var(--light-fill-secondary)
}

.border-light-fill-tertiary {
    border-color: var(--light-fill-tertiary)
}

.border-light-input-error {
    border-color: var(--light-input-error)
}

.border-light-label {
    border-color: var(--light-label-default)
}

.border-light-label-20 {
    border-color: var(--light-label-20)
}

.border-light-line-primary {
    border-color: var(--light-line-primary)
}

.border-light-line-secondary {
    border-color: var(--light-line-secondary)
}

.border-light-line-tertiary {
    border-color: var(--light-line-tertiary)
}

.border-light-primary {
    border-color: var(--light-primary-default)
}

.border-transparent {
    border-color: transparent
}

.border-b-dark-line-primary {
    border-bottom-color: var(--dark-line-primary)
}

.border-b-light-line-primary {
    border-bottom-color: var(--light-line-primary)
}

.border-b-light-line-secondary {
    border-bottom-color: var(--light-line-secondary)
}

.border-l-base-primary {
    border-left-color: var(--base-primary-default)
}

.border-l-light-green {
    border-left-color: var(--light-green-default)
}

.border-l-light-red {
    border-left-color: var(--light-red-default)
}

.border-r-transparent {
    border-right-color: transparent
}

.\!bg-\[\#000\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1)) !important
}

.\!bg-dark-background {
    background-color: var(--dark-background) !important
}

.\!bg-dark-fill-primary {
    background-color: var(--dark-fill-primary) !important
}

.\!bg-light-background {
    background-color: var(--light-background) !important
}

.\!bg-light-fill-primary {
    background-color: var(--light-fill-primary) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-\[\#000000\],
.bg-\[\#000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#08C787\] {
    --tw-bg-opacity: 1;
    background-color: rgb(8 199 135/var(--tw-bg-opacity, 1))
}

.bg-\[\#0D0D0D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(13 13 13/var(--tw-bg-opacity, 1))
}

.bg-\[\#0F0F0F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(15 15 15/var(--tw-bg-opacity, 1))
}

.bg-\[\#101014\] {
    --tw-bg-opacity: 1;
    background-color: rgb(16 16 20/var(--tw-bg-opacity, 1))
}

.bg-\[\#121212\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
}

.bg-\[\#242424\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 36 36/var(--tw-bg-opacity, 1))
}

.bg-\[\#2D2E2E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(45 46 46/var(--tw-bg-opacity, 1))
}

.bg-\[\#2F3033\] {
    --tw-bg-opacity: 1;
    background-color: rgb(47 48 51/var(--tw-bg-opacity, 1))
}

.bg-\[\#9FEA0E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(159 234 14/var(--tw-bg-opacity, 1))
}

.bg-\[\#E6E7EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 231 235/var(--tw-bg-opacity, 1))
}

.bg-\[\#E8E9EB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 233 235/var(--tw-bg-opacity, 1))
}

.bg-\[\#F13C54\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 60 84/var(--tw-bg-opacity, 1))
}

.bg-\[\#F80\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 136 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#FCA71D\]\/\[0\.12\] {
    background-color: rgba(252, 167, 29, .12)
}

.bg-\[\#FCDC9C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(252 220 156/var(--tw-bg-opacity, 1))
}

.bg-\[\#FF2400\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 36 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#FF8800\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 136 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFCE80\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 206 128/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFD000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 208 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
    background-color: rgba(0, 0, 0, .3)
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
    background-color: hsla(0, 0%, 100%, .8)
}

.bg-base-background {
    background-color: var(--base-background)
}

.bg-base-danger-14 {
    background-color: var(--base-danger-14)
}

.bg-base-fill-primary {
    background-color: var(--base-fill-primary)
}

.bg-base-fill-secondary {
    background-color: var(--base-fill-secondary)
}

.bg-base-fill-tertiary {
    background-color: var(--base-fill-tertiary)
}

.bg-base-hover-fill-secondary {
    background-color: var(--base-hover-fill-secondary)
}

.bg-base-label {
    background-color: var(--base-label-default)
}

.bg-base-label-20 {
    background-color: var(--base-label-20)
}

.bg-base-line-primary {
    background-color: var(--base-line-primary)
}

.bg-base-line-secondary {
    background-color: var(--base-line-secondary)
}

.bg-base-line-tertiary {
    background-color: var(--base-line-tertiary)
}

.bg-base-primary {
    background-color: var(--base-primary-default)
}

.bg-base-primary-14 {
    background-color: var(--base-primary-14)
}

.bg-base-warning-14 {
    background-color: var(--base-warning-14)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/40 {
    background-color: rgba(0, 0, 0, .4)
}

.bg-dark-background {
    background-color: var(--dark-background)
}

.bg-dark-badge-info-bg {
    background-color: var(--dark-badge-info-bg)
}

.bg-dark-danger {
    background-color: var(--dark-danger-default)
}

.bg-dark-fill-primary {
    background-color: var(--dark-fill-primary)
}

.bg-dark-fill-secondary {
    background-color: var(--dark-fill-secondary)
}

.bg-dark-green {
    background-color: var(--dark-green-default)
}

.bg-dark-hover-fill-secondary {
    background-color: var(--dark-hover-fill-secondary)
}

.bg-dark-label {
    background-color: var(--dark-label-default)
}

.bg-dark-line-primary {
    background-color: var(--dark-line-primary)
}

.bg-dark-primary {
    background-color: var(--dark-primary-default)
}

.bg-dark-primary-14 {
    background-color: var(--dark-primary-14)
}

.bg-dark-red {
    background-color: var(--dark-red-default)
}

.bg-dark-secondary-14 {
    background-color: var(--dark-secondary-14)
}

.bg-dark-success {
    background-color: var(--dark-success-default)
}

.bg-dark-tertiary {
    background-color: var(--dark-tertiary-default)
}

.bg-dark-text {
    background-color: var(--dark-text)
}

.bg-dark-warning {
    background-color: var(--dark-warning-default)
}

.bg-inherit {
    background-color: inherit
}

.bg-light-background {
    background-color: var(--light-background)
}

.bg-light-badge-info-bg {
    background-color: var(--light-badge-info-bg)
}

.bg-light-badge-primary-bg {
    background-color: var(--light-badge-primary-bg)
}

.bg-light-badge-success-bg {
    background-color: var(--light-badge-success-bg)
}

.bg-light-badge-warning-bg {
    background-color: var(--light-badge-warning-bg)
}

.bg-light-danger {
    background-color: var(--light-danger-default)
}

.bg-light-danger-14 {
    background-color: var(--light-danger-14)
}

.bg-light-fill-primary {
    background-color: var(--light-fill-primary)
}

.bg-light-fill-quaternary {
    background-color: var(--light-fill-quaternary)
}

.bg-light-fill-secondary {
    background-color: var(--light-fill-secondary)
}

.bg-light-fill-tertiary {
    background-color: var(--light-fill-tertiary)
}

.bg-light-green {
    background-color: var(--light-green-default)
}

.bg-light-green-alpha {
    background-color: var(--light-green-alpha)
}

.bg-light-hover-fill-primary {
    background-color: var(--light-hover-fill-primary)
}

.bg-light-hover-fill-secondary {
    background-color: var(--light-hover-fill-secondary)
}

.bg-light-label {
    background-color: var(--light-label-default)
}

.bg-light-label-20 {
    background-color: var(--light-label-20)
}

.bg-light-label-40 {
    background-color: var(--light-label-40)
}

.bg-light-line-primary {
    background-color: var(--light-line-primary)
}

.bg-light-line-secondary {
    background-color: var(--light-line-secondary)
}

.bg-light-primary {
    background-color: var(--light-primary-default)
}

.bg-light-primary-10 {
    background-color: var(--light-primary-10)
}

.bg-light-primary-14 {
    background-color: var(--light-primary-14)
}

.bg-light-primary-60 {
    background-color: var(--light-primary-60)
}

.bg-light-red {
    background-color: var(--light-red-default)
}

.bg-light-red-alpha {
    background-color: var(--light-red-alpha)
}

.bg-light-secondary-14 {
    background-color: var(--light-secondary-14)
}

.bg-light-tertiary {
    background-color: var(--light-tertiary-default)
}

.bg-light-warning {
    background-color: var(--light-warning-default)
}

.bg-light-warning-14 {
    background-color: var(--light-warning-14)
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.\!bg-none {
    background-image: none !important
}

.bg-\[linear-gradient\(270deg\2c rgba\(26\2c 26\2c 26\2c 0\.00\)_0\%\2c rgba\(26\2c 26\2c 26\2c 0\.60\)_30\%\2c \#1A1A1A_100\%\)\] {
    background-image: linear-gradient(270deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, .6) 30%, #1a1a1a)
}

.bg-\[linear-gradient\(90deg\2c rgba\(26\2c 26\2c 26\2c 0\.00\)_0\%\2c \#1A1A1A_100\%\)\] {
    background-image: linear-gradient(90deg, rgba(26, 26, 26, 0), #1a1a1a)
}

.bg-\[linear-gradient\(to_right\2c _\#0f0f0f_44\%\2c _white_44\%\)\] {
    background-image: linear-gradient(90deg, #0f0f0f 44%, #fff 0)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#FFE44C\] {
    --tw-gradient-from: #ffe44c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 228, 76, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#FFEA45\] {
    --tw-gradient-from: #ffea45 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 234, 69, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#F80\] {
    --tw-gradient-to: rgba(255, 136, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f80 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[63\%\] {
    --tw-gradient-via-position: 63%
}

.to-\[\#1FF982\] {
    --tw-gradient-to: #1ff982 var(--tw-gradient-to-position)
}

.to-\[\#EB3063\] {
    --tw-gradient-to: #eb3063 var(--tw-gradient-to-position)
}

.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.bg-repeat {
    background-repeat: repeat
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.\!p-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[12px\] {
    padding: 12px
}

.p-\[16px\] {
    padding: 16px
}

.p-\[24px\] {
    padding: 24px
}

.p-\[2px\] {
    padding: 2px
}

.p-\[32px\] {
    padding: 32px
}

.p-\[3px\] {
    padding: 3px
}

.p-\[40px\] {
    padding: 40px
}

.p-\[4px\] {
    padding: 4px
}

.p-\[8px\] {
    padding: 8px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.\!px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important
}

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[1\%\] {
    padding-left: 1%;
    padding-right: 1%
}

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

.px-\[11px\] {
    padding-left: 11px;
    padding-right: 11px
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px
}

.px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px
}

.px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px
}

.px-\[3vw\] {
    padding-left: 3vw;
    padding-right: 3vw
}

.px-\[40px\] {
    padding-left: 40px;
    padding-right: 40px
}

.px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px
}

.px-\[4vw\] {
    padding-left: 4vw;
    padding-right: 4vw
}

.px-\[64px\] {
    padding-left: 64px;
    padding-right: 64px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[8\%\] {
    padding-left: 8%;
    padding-right: 8%
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px
}

.py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-\[131px\] {
    padding-top: 131px;
    padding-bottom: 131px
}

.py-\[14px\] {
    padding-top: 14px;
    padding-bottom: 14px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-\[21px\] {
    padding-top: 21px;
    padding-bottom: 21px
}

.py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px
}

.py-\[24px\] {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-\[28px\] {
    padding-top: 28px;
    padding-bottom: 28px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[32px\] {
    padding-top: 32px;
    padding-bottom: 32px
}

.py-\[39px\] {
    padding-top: 39px;
    padding-bottom: 39px
}

.py-\[40px\] {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-\[48px\] {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-\[56px\] {
    padding-top: 56px;
    padding-bottom: 56px
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-\[64px\] {
    padding-top: 64px;
    padding-bottom: 64px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-\[7px\] {
    padding-top: 7px;
    padding-bottom: 7px
}

.py-\[80px\] {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-\[9px\] {
    padding-top: 9px;
    padding-bottom: 9px
}

.\!pb-\[10px\] {
    padding-bottom: 10px !important
}

.\!pb-\[8px\] {
    padding-bottom: 8px !important
}

.\!pl-0 {
    padding-left: 0 !important
}

.\!pl-\[24px\] {
    padding-left: 24px !important
}

.\!pr-0 {
    padding-right: 0 !important
}

.\!pt-0,
.\!pt-\[0px\] {
    padding-top: 0 !important
}

.\!pt-\[16px\] {
    padding-top: 16px !important
}

.\!pt-\[48px\] {
    padding-top: 48px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[100px\] {
    padding-bottom: 100px
}

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

.pb-\[120px\] {
    padding-bottom: 120px
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[14px\] {
    padding-bottom: 14px
}

.pb-\[156px\] {
    padding-bottom: 156px
}

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[1vh\] {
    padding-bottom: 1vh
}

.pb-\[208px\] {
    padding-bottom: 208px
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pb-\[21px\] {
    padding-bottom: 21px
}

.pb-\[22px\] {
    padding-bottom: 22px
}

.pb-\[24px\] {
    padding-bottom: 24px
}

.pb-\[28px\] {
    padding-bottom: 28px
}

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[35px\] {
    padding-bottom: 35px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[4px\] {
    padding-bottom: 4px
}

.pb-\[52px\] {
    padding-bottom: 52px
}

.pb-\[55px\] {
    padding-bottom: 55px
}

.pb-\[60px\] {
    padding-bottom: 60px
}

.pb-\[68px\] {
    padding-bottom: 68px
}

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

.pb-\[80px\] {
    padding-bottom: 80px
}

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

.pb-\[8vh\] {
    padding-bottom: 8vh
}

.pb-\[9px\] {
    padding-bottom: 9px
}

.pl-0 {
    padding-left: 0
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

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

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

.pl-\[16px\] {
    padding-left: 16px
}

.pl-\[20px\] {
    padding-left: 20px
}

.pl-\[24px\] {
    padding-left: 24px
}

.pl-\[32px\] {
    padding-left: 32px
}

.pl-\[4px\] {
    padding-left: 4px
}

.pl-\[50px\] {
    padding-left: 50px
}

.pl-\[6px\] {
    padding-left: 6px
}

.pl-\[8px\] {
    padding-left: 8px
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-8 {
    padding-right: 2rem
}

.pr-\[0px\] {
    padding-right: 0
}

.pr-\[12px\] {
    padding-right: 12px
}

.pr-\[16px\] {
    padding-right: 16px
}

.pr-\[1px\] {
    padding-right: 1px
}

.pr-\[20px\] {
    padding-right: 20px
}

.pr-\[24px\] {
    padding-right: 24px
}

.pr-\[32px\] {
    padding-right: 32px
}

.pr-\[40px\] {
    padding-right: 40px
}

.pr-\[48px\] {
    padding-right: 48px
}

.pr-\[4px\] {
    padding-right: 4px
}

.pr-\[56px\] {
    padding-right: 56px
}

.pr-\[8px\] {
    padding-right: 8px
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-\[0px\] {
    padding-top: 0
}

.pt-\[100px\] {
    padding-top: 100px
}

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

.pt-\[120px\] {
    padding-top: 120px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[13px\] {
    padding-top: 13px
}

.pt-\[16px\] {
    padding-top: 16px
}

.pt-\[1vh\] {
    padding-top: 1vh
}

.pt-\[20px\] {
    padding-top: 20px
}

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

.pt-\[24px\] {
    padding-top: 24px
}

.pt-\[25px\] {
    padding-top: 25px
}

.pt-\[2px\] {
    padding-top: 2px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[32px\] {
    padding-top: 32px
}

.pt-\[34px\] {
    padding-top: 34px
}

.pt-\[40px\] {
    padding-top: 40px
}

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

.pt-\[48px\] {
    padding-top: 48px
}

.pt-\[4px\] {
    padding-top: 4px
}

.pt-\[50px\] {
    padding-top: 50px
}

.pt-\[54px\] {
    padding-top: 54px
}

.pt-\[5vh\] {
    padding-top: 5vh
}

.pt-\[64px\] {
    padding-top: 64px
}

.pt-\[80px\] {
    padding-top: 80px
}

.pt-\[8px\] {
    padding-top: 8px
}

.pt-\[calc\(50\%-12px\)\] {
    padding-top: calc(50% - 12px)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.align-text-bottom {
    vertical-align: text-bottom
}

.align-\[-0\.125em\] {
    vertical-align: -.125em
}

.font-\[\"Balgin-BlackItalic\"\] {
    font-family: Balgin-BlackItalic
}

.\!text-\[12px\] {
    font-size: 12px !important
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.\!text-base {
    font-size: 14px !important
}

.\!text-lg {
    font-size: 18px !important
}

.\!text-md {
    font-size: 16px !important
}

.\!text-sm {
    font-size: 12px !important
}

.text-2xl {
    font-size: 22px
}

.text-3xl {
    font-size: 24px
}

.text-4xl {
    font-size: 28px
}

.text-5xl {
    font-size: 32px
}

.text-6xl {
    font-size: 36px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.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-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[34px\] {
    font-size: 34px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[54px\] {
    font-size: 54px
}

.text-\[64px\] {
    font-size: 64px
}

.text-\[9px\] {
    font-size: 9px
}

.text-base,
.text-base\/5 {
    font-size: 14px
}

.text-base\/5 {
    line-height: 1.25rem
}

.text-lg {
    font-size: 18px
}

.text-lg\/\[26px\] {
    font-size: 18px;
    line-height: 26px
}

.text-md {
    font-size: 16px
}

.text-sm {
    font-size: 12px
}

.text-sm\/\[18px\] {
    font-size: 12px;
    line-height: 18px
}

.text-xl {
    font-size: 20px
}

.text-xs {
    font-size: 10px
}

.font-\[400\] {
    font-weight: 400
}

.font-\[500\] {
    font-weight: 500
}

.font-\[700\] {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.not-italic {
    font-style: normal
}

.\!leading-5 {
    line-height: 1.25rem !important
}

.\!leading-\[18px\] {
    line-height: 18px !important
}

.\!leading-\[20px\] {
    line-height: 20px !important
}

.\!leading-\[24px\] {
    line-height: 24px !important
}

.\!leading-\[24x\] {
    line-height: 24x !important
}

.\!leading-\[80px\] {
    line-height: 80px !important
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[12px\] {
    line-height: 12px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[34px\] {
    line-height: 34px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[47px\] {
    line-height: 47px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[60px\] {
    line-height: 60px
}

.leading-\[80px\] {
    line-height: 80px
}

.leading-\[88px\] {
    line-height: 88px
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.25
}

.-tracking-\[\.2px\],
.tracking-\[-0\.2px\] {
    letter-spacing: -.2px
}

.tracking-normal {
    letter-spacing: 0
}

.\!text-base-label {
    color: var(--base-label-default) !important
}

.\!text-base-primary {
    color: var(--base-primary-default) !important
}

.\!text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.\!text-dark-label {
    color: var(--dark-label-default) !important
}

.\!text-dark-label-40 {
    color: var(--dark-label-40) !important
}

.\!text-dark-label-60 {
    color: var(--dark-label-60) !important
}

.\!text-dark-primary {
    color: var(--dark-primary-default) !important
}

.\!text-light-label {
    color: var(--light-label-default) !important
}

.\!text-light-label-40 {
    color: var(--light-label-40) !important
}

.\!text-light-label-60 {
    color: var(--light-label-60) !important
}

.\!text-light-primary {
    color: var(--light-primary-default) !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#000\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-\[\#050505\] {
    --tw-text-opacity: 1;
    color: rgb(5 5 5/var(--tw-text-opacity, 1))
}

.text-\[\#0569FF\] {
    --tw-text-opacity: 1;
    color: rgb(5 105 255/var(--tw-text-opacity, 1))
}

.text-\[\#08C787\] {
    --tw-text-opacity: 1;
    color: rgb(8 199 135/var(--tw-text-opacity, 1))
}

.text-\[\#0A0A0A\] {
    --tw-text-opacity: 1;
    color: rgb(10 10 10/var(--tw-text-opacity, 1))
}

.text-\[\#0A0A0A\]\/\[0\.4\] {
    color: hsla(0, 0%, 4%, .4)
}

.text-\[\#0A0A0A\]\/\[0\.6\] {
    color: hsla(0, 0%, 4%, .6)
}

.text-\[\#0FCC71\] {
    --tw-text-opacity: 1;
    color: rgb(15 204 113/var(--tw-text-opacity, 1))
}

.text-\[\#27A8E9\] {
    --tw-text-opacity: 1;
    color: rgb(39 168 233/var(--tw-text-opacity, 1))
}

.text-\[\#312215\] {
    --tw-text-opacity: 1;
    color: rgb(49 34 21/var(--tw-text-opacity, 1))
}

.text-\[\#3C3C4366\] {
    color: #3c3c4366
}

.text-\[\#3c3c4399\] {
    color: #3c3c4399
}

.text-\[\#6c6c6c\] {
    --tw-text-opacity: 1;
    color: rgb(108 108 108/var(--tw-text-opacity, 1))
}

.text-\[\#738BD8\] {
    --tw-text-opacity: 1;
    color: rgb(115 139 216/var(--tw-text-opacity, 1))
}

.text-\[\#7A80E0\] {
    --tw-text-opacity: 1;
    color: rgb(122 128 224/var(--tw-text-opacity, 1))
}

.text-\[\#81858C\] {
    --tw-text-opacity: 1;
    color: rgb(129 133 140/var(--tw-text-opacity, 1))
}

.text-\[\#A8FF00\] {
    --tw-text-opacity: 1;
    color: rgb(168 255 0/var(--tw-text-opacity, 1))
}

.text-\[\#D62035\] {
    --tw-text-opacity: 1;
    color: rgb(214 32 53/var(--tw-text-opacity, 1))
}

.text-\[\#D7B09B\] {
    --tw-text-opacity: 1;
    color: rgb(215 176 155/var(--tw-text-opacity, 1))
}

.text-\[\#EBECF566\] {
    color: #ebecf566
}

.text-\[\#EBECF599\] {
    color: #ebecf599
}

.text-\[\#EBECF5\] {
    --tw-text-opacity: 1;
    color: rgb(235 236 245/var(--tw-text-opacity, 1))
}

.text-\[\#EBECF5\]\/\[0\.4\] {
    color: rgba(235, 236, 245, .4)
}

.text-\[\#F13C54\] {
    --tw-text-opacity: 1;
    color: rgb(241 60 84/var(--tw-text-opacity, 1))
}

.text-\[\#F2465D\] {
    --tw-text-opacity: 1;
    color: rgb(242 70 93/var(--tw-text-opacity, 1))
}

.text-\[\#FCFDFF\] {
    --tw-text-opacity: 1;
    color: rgb(252 253 255/var(--tw-text-opacity, 1))
}

.text-\[\#FF2400\] {
    --tw-text-opacity: 1;
    color: rgb(255 36 0/var(--tw-text-opacity, 1))
}

.text-\[\#FFCE80\] {
    --tw-text-opacity: 1;
    color: rgb(255 206 128/var(--tw-text-opacity, 1))
}

.text-\[\#c1c3cc\] {
    --tw-text-opacity: 1;
    color: rgb(193 195 204/var(--tw-text-opacity, 1))
}

.text-\[\#f6da0e\] {
    --tw-text-opacity: 1;
    color: rgb(246 218 14/var(--tw-text-opacity, 1))
}

.text-base-background {
    color: var(--base-background)
}

.text-base-danger {
    color: var(--base-danger-default)
}

.text-base-green {
    color: var(--base-green-default)
}

.text-base-label {
    color: var(--base-label-default)
}

.text-base-label-20 {
    color: var(--base-label-20)
}

.text-base-label-40 {
    color: var(--base-label-40)
}

.text-base-label-60 {
    color: var(--base-label-60)
}

.text-base-primary {
    color: var(--base-primary-default)
}

.text-base-primary-60 {
    color: var(--base-primary-60)
}

.text-base-red {
    color: var(--base-red-default)
}

.text-base-second {
    color: var(--base-second)
}

.text-base-success {
    color: var(--base-success-default)
}

.text-base-warning {
    color: var(--base-warning-default)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-current {
    color: currentColor
}

.text-dark-background {
    color: var(--dark-background)
}

.text-dark-danger {
    color: var(--dark-danger-default)
}

.text-dark-fill-primary {
    color: var(--dark-fill-primary)
}

.text-dark-green {
    color: var(--dark-green-default)
}

.text-dark-label {
    color: var(--dark-label-default)
}

.text-dark-label-40 {
    color: var(--dark-label-40)
}

.text-dark-label-60 {
    color: var(--dark-label-60)
}

.text-dark-primary {
    color: var(--dark-primary-default)
}

.text-dark-red {
    color: var(--dark-red-default)
}

.text-dark-second {
    color: var(--dark-second)
}

.text-dark-secondary {
    color: var(--dark-secondary-default)
}

.text-dark-success {
    color: var(--dark-success-default)
}

.text-dark-tertiary {
    color: var(--dark-tertiary-default)
}

.text-dark-text {
    color: var(--dark-text)
}

.text-dark-warning {
    color: var(--dark-warning-default)
}

.text-inherit {
    color: inherit
}

.text-light-background {
    color: var(--light-background)
}

.text-light-danger {
    color: var(--light-danger-default)
}

.text-light-fill-tertiary {
    color: var(--light-fill-tertiary)
}

.text-light-green {
    color: var(--light-green-default)
}

.text-light-hover-fill-tertiary {
    color: var(--light-hover-fill-tertiary)
}

.text-light-input-error {
    color: var(--light-input-error)
}

.text-light-label {
    color: var(--light-label-default)
}

.text-light-label-20 {
    color: var(--light-label-20)
}

.text-light-label-40 {
    color: var(--light-label-40)
}

.text-light-label-60 {
    color: var(--light-label-60)
}

.text-light-line-primary {
    color: var(--light-line-primary)
}

.text-light-line-secondary {
    color: var(--light-line-secondary)
}

.text-light-primary {
    color: var(--light-primary-default)
}

.text-light-red {
    color: var(--light-red-default)
}

.text-light-second {
    color: var(--light-second)
}

.text-light-secondary {
    color: var(--light-secondary-default)
}

.text-light-success {
    color: var(--light-success-default)
}

.text-light-tertiary {
    color: var(--light-tertiary-default)
}

.text-light-text {
    color: var(--light-text)
}

.text-light-warning {
    color: var(--light-warning-default)
}

.text-neutral-950\/30 {
    color: hsla(0, 0%, 4%, .3)
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-opacity-60 {
    --tw-text-opacity: 0.6
}

.underline {
    text-decoration-line: underline
}

.decoration-\[\#DCDEE0\] {
    text-decoration-color: #dcdee0
}

.decoration-base-label {
    text-decoration-color: var(--base-label-default)
}

.decoration-base-label-60 {
    text-decoration-color: var(--base-label-60)
}

.decoration-dark-line-secondary {
    text-decoration-color: var(--dark-line-secondary)
}

.decoration-light-label-40 {
    text-decoration-color: var(--light-label-40)
}

.decoration-light-line-secondary {
    text-decoration-color: var(--light-line-secondary)
}

.decoration-light-primary {
    text-decoration-color: var(--light-primary-default)
}

.decoration-solid {
    text-decoration-style: solid
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.underline-offset-\[3px\] {
    text-underline-offset: 3px
}

.underline-offset-\[4px\] {
    text-underline-offset: 4px
}

.underline-offset-\[5px\] {
    text-underline-offset: 5px
}

.underline-offset-\[6px\] {
    text-underline-offset: 6px
}

.placeholder-light-label::placeholder {
    color: var(--light-label-default)
}

.opacity-0 {
    opacity: 0
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-\[0\.6\] {
    opacity: .6
}

.opacity-\[1\] {
    opacity: 1
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-\[0_1px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_1px_12px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
    --tw-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08);
    --tw-shadow-colored: 0 1px 12px 0 var(--tw-shadow-color)
}

.shadow-\[0_2px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
    --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_2px_20px_rgba\(0\2c 0\2c 0\2c \.12\)\] {
    --tw-shadow: 0 2px 20px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 2px 20px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_2px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
    --tw-shadow: 0px 2px 16px 0px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0px 2px 16px 0px var(--tw-shadow-color)
}

.shadow-\[0px_2px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\],
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-toast {
    --tw-shadow: 0px 2px 16px rgba(0, 0, 0, .06);
    --tw-shadow-colored: 0px 2px 16px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-\[2px\] {
    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-\[2px\] {
    --tw-blur: blur(2px)
}

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

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[200ms\] {
    transition-property: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150,
.transition-transform {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[background\:\#FF8800\] {
    background: #f80
}

.\[background\:linear-gradient\(0deg\2c \#F80_0\%\2c \#F80_100\%\)\2c linear-gradient\(181deg\2c \#000_26\.19\%\2c \#F80_374\.01\%\)\] {
    background: linear-gradient(0deg, #f80, #f80), linear-gradient(181deg, #000 26.19%, #f80 374.01%)
}

.\[background\:linear-gradient\(180deg\2c \#000_45\.05\%\2c \#F80_302\.57\%\)\] {
    background: linear-gradient(180deg, #000 45.05%, #f80 302.57%)
}

.\[background\:linear-gradient\(181deg\2c \#000_26\.19\%\2c \#F80_374\.01\%\)\] {
    background: linear-gradient(181deg, #000 26.19%, #f80 374.01%)
}

.\[background\:linear-gradient\(186deg\2c \#000_28\.63\%\2c \#F80_362\.14\%\)\] {
    background: linear-gradient(186deg, #000 28.63%, #f80 362.14%)
}

.\!\[clip\:rect\(0\2c 0\2c 0\2c 0\)\] {
    clip: rect(0, 0, 0, 0) !important
}

body,
html {
    padding: 0;
    margin: 0
}

body ::-webkit-scrollbar,
html ::-webkit-scrollbar {
    width: 0;
    height: 6px;
    background-color: #fdfdff
}

body {
    background-color: var(--base-background)
}

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

* {
    box-sizing: border-box;
    font-family: HarmonyOS Sans, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    font-weight: 400
}

::-webkit-scrollbar {
    width: 5px;
    height: 6px;
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: var(--light-label-20)
}

:is([data-theme=dark] *)::-webkit-scrollbar-thumb {
    background-color: var(--dark-label-20)
}

::-webkit-scrollbar-thumb {
    border-radius: 4px
}

::-webkit-scrollbar-track {
    background-color: var(--base-line-primary)
}

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

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

.react-grid-layout {
    background-color: var(--light-fill-primary)
}

.react-grid-layout:is([data-theme=dark] *) {
    background-color: var(--dark-fill-primary)
}

.react-grid-item {
    transition: none !important
}

table,
tbody,
td,
th,
thead,
tr {
    margin: 0;
    padding: 0;
    border-collapse: collapse
}

input:-webkit-autofill {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

[class^=_tooltip-wrapper] {
    z-index: 99999;
    max-width: 200px
}

[class^=_tooltip-wrapper] svg {
    display: block !important
}

:root {
    --light-primary-default: #00cc5d;
    --light-primary-60: rgba(0, 204, 93, .6);
    --light-primary-40: rgba(0, 204, 93, .4);
    --light-primary-14: rgba(0, 204, 93, .14);
    --light-primary-10: rgba(0, 204, 93, .14);
    --light-hover-primary: #00c057;
    --light-red-default: #e93c6a;
    --light-hover-red: #db3864;
    --light-green-default: #00cc5d;
    --light-hover-green: #00c057;
    --light-badge-primary-bg: rgba(0, 204, 93, .14);
    --dark-primary-default: #00cc5d;
    --dark-primary-60: rgba(0, 204, 93, .6);
    --dark-primary-40: rgba(0, 204, 93, .4);
    --dark-primary-14: rgba(0, 204, 93, .14);
    --dark-primary-10: rgba(0, 204, 93, .14);
    --dark-hover-primary: #00b854;
    --dark-red-default: #e93c6a;
    --dark-hover-red: #d2365f;
    --dark-green-default: #00cc5d;
    --dark-hover-green: #00c057;
    --dark-badge-primary-bg: rgba(0, 204, 93, .14);
    --btn-rounded-small: 200px;
    --btn-rounded-medium: 200px;
    --textfiled-rounded-medium: 200px;
    --textfiled-padding-left-sm: 12px;
    --textfiled-padding-left-md: 12px;
    --textfiled-padding-left-lg: 16px
}

.placeholder\:text-\[14px\]::placeholder {
    font-size: 14px
}

.placeholder\:text-\[16px\]::placeholder {
    font-size: 16px
}

.placeholder\:text-sm::placeholder {
    font-size: 12px
}

.placeholder\:text-base-label-40::placeholder {
    color: var(--base-label-40)
}

.placeholder\:text-dark-label-40::placeholder {
    color: var(--dark-label-40)
}

.placeholder\:text-light-label-40::placeholder {
    color: var(--light-label-40)
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:-left-2:before {
    content: var(--tw-content);
    left: -.5rem
}

.before\:-left-\[12px\]:before {
    content: var(--tw-content);
    left: -12px
}

.before\:-left-\[16px\]:before {
    content: var(--tw-content);
    left: -16px
}

.before\:-top-16:before {
    content: var(--tw-content);
    top: -4rem
}

.before\:-top-4:before {
    content: var(--tw-content);
    top: -1rem
}

.before\:-top-\[28px\]:before {
    content: var(--tw-content);
    top: -28px
}

.before\:-top-\[8px\]:before {
    content: var(--tw-content);
    top: -8px
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:left-1\/4:before {
    content: var(--tw-content);
    left: 25%
}

.before\:left-\[1\.5px\]:before {
    content: var(--tw-content);
    left: 1.5px
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:top-1\/2:before,
.before\:top-\[50\%\]:before {
    content: var(--tw-content);
    top: 50%
}

.before\:top-\[8px\]:before {
    content: var(--tw-content);
    top: 8px
}

.before\:z-10:before {
    content: var(--tw-content);
    z-index: 10
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-10:before {
    content: var(--tw-content);
    height: 2.5rem
}

.before\:h-16:before {
    content: var(--tw-content);
    height: 4rem
}

.before\:h-\[24px\]:before {
    content: var(--tw-content);
    height: 24px
}

.before\:h-\[4px\]:before {
    content: var(--tw-content);
    height: 4px
}

.before\:h-\[calc\(100\%-16px\)\]:before {
    content: var(--tw-content);
    height: calc(100% - 16px)
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.before\:w-1\/2:before {
    content: var(--tw-content);
    width: 50%
}

.before\:w-\[1px\]:before {
    content: var(--tw-content);
    width: 1px
}

.before\:w-\[2px\]:before {
    content: var(--tw-content);
    width: 2px
}

.before\:w-\[4px\]:before {
    content: var(--tw-content);
    width: 4px
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:w-px:before {
    content: var(--tw-content);
    width: 1px
}

.before\:-translate-y-1\/2:before,
.before\:-translate-y-\[50\%\]:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded-\[2px\]:before {
    content: var(--tw-content);
    border-radius: 2px
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:border-2:before {
    content: var(--tw-content);
    border-width: 2px
}

.before\:border-b-0:before {
    content: var(--tw-content);
    border-bottom-width: 0
}

.before\:border-solid:before {
    content: var(--tw-content);
    border-style: solid
}

.before\:border-dark-fill-secondary:before {
    content: var(--tw-content);
    border-color: var(--dark-fill-secondary)
}

.before\:border-light-fill-secondary:before {
    content: var(--tw-content);
    border-color: var(--light-fill-secondary)
}

.before\:bg-base-background:before {
    content: var(--tw-content);
    background-color: var(--base-background)
}

.before\:bg-base-label:before {
    content: var(--tw-content);
    background-color: var(--base-label-default)
}

.before\:bg-base-line-primary:before {
    content: var(--tw-content);
    background-color: var(--base-line-primary)
}

.before\:bg-base-line-secondary:before {
    content: var(--tw-content);
    background-color: var(--base-line-secondary)
}

.before\:bg-black:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.before\:bg-dark-background:before {
    content: var(--tw-content);
    background-color: var(--dark-background)
}

.before\:bg-dark-label-60:before {
    content: var(--tw-content);
    background-color: var(--dark-label-60)
}

.before\:bg-dark-primary:before {
    content: var(--tw-content);
    background-color: var(--dark-primary-default)
}

.before\:bg-light-line-primary:before {
    content: var(--tw-content);
    background-color: var(--light-line-primary)
}

.before\:bg-light-line-secondary:before {
    content: var(--tw-content);
    background-color: var(--light-line-secondary)
}

.before\:content-\[\"\"\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-x-0:after {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.after\:inset-y-3:after {
    content: var(--tw-content);
    top: .75rem;
    bottom: .75rem
}

.after\:-bottom-\[24px\]:after {
    content: var(--tw-content);
    bottom: -24px
}

.after\:-left-\[22px\]:after {
    content: var(--tw-content);
    left: -22px
}

.after\:-right-2:after {
    content: var(--tw-content);
    right: -.5rem
}

.after\:-right-6:after {
    content: var(--tw-content);
    right: -1.5rem
}

.after\:top-1:after {
    content: var(--tw-content);
    top: .25rem
}

.after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%
}

.after\:top-\[22px\]:after {
    content: var(--tw-content);
    top: 22px
}

.after\:-z-10:after {
    content: var(--tw-content);
    z-index: -10
}

.after\:mx-auto:after {
    content: var(--tw-content);
    margin-left: auto;
    margin-right: auto
}

.after\:mb-\[0px\]:after {
    content: var(--tw-content);
    margin-bottom: 0
}

.after\:mt-\[6px\]:after {
    content: var(--tw-content);
    margin-top: 6px
}

.after\:mt-\[8px\]:after {
    content: var(--tw-content);
    margin-top: 8px
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-3:after {
    content: var(--tw-content);
    height: .75rem
}

.after\:h-\[24px\]:after {
    content: var(--tw-content);
    height: 24px
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[calc\(100\%-20px\)\]:after {
    content: var(--tw-content);
    height: calc(100% - 20px)
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

.after\:w-6:after {
    content: var(--tw-content);
    width: 1.5rem
}

.after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px
}

.after\:w-\[32px\]:after {
    content: var(--tw-content);
    width: 32px
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:w-px:after {
    content: var(--tw-content);
    width: 1px
}

.after\:border-l:after {
    content: var(--tw-content);
    border-left-width: 1px
}

.after\:\!border-solid:after {
    content: var(--tw-content);
    border-style: solid !important
}

.after\:border-dashed:after {
    content: var(--tw-content);
    border-style: dashed
}

.after\:border-base-label:after {
    content: var(--tw-content);
    border-color: var(--base-label-default)
}

.after\:border-base-line-secondary:after {
    content: var(--tw-content);
    border-color: var(--base-line-secondary)
}

.after\:bg-base-line-primary:after {
    content: var(--tw-content);
    background-color: var(--base-line-primary)
}

.after\:bg-base-line-secondary:after {
    content: var(--tw-content);
    background-color: var(--base-line-secondary)
}

.after\:bg-base-primary:after {
    content: var(--tw-content);
    background-color: var(--base-primary-default)
}

.after\:bg-base-primary-60:after {
    content: var(--tw-content);
    background-color: var(--base-primary-60)
}

.after\:bg-dark-fill-secondary:after {
    content: var(--tw-content);
    background-color: var(--dark-fill-secondary)
}

.after\:bg-dark-primary:after {
    content: var(--tw-content);
    background-color: var(--dark-primary-default)
}

.after\:bg-light-fill-secondary:after {
    content: var(--tw-content);
    background-color: var(--light-fill-secondary)
}

.after\:bg-light-primary:after {
    content: var(--tw-content);
    background-color: var(--light-primary-default)
}

.after\:text-base-label-40:after {
    content: var(--tw-content);
    color: var(--base-label-40)
}

.after\:content-\[\"\"\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:content-\[attr\(data-content\)\]:after {
    --tw-content: attr(data-content);
    content: var(--tw-content)
}

.after\:content-none:after {
    --tw-content: none;
    content: var(--tw-content)
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:mt-2:first-child {
    margin-top: .5rem
}

.first\:mt-4:first-child {
    margin-top: 1rem
}

.first\:rounded-l-\[3px\]:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:col-span-3:last-child {
    grid-column: span 3/span 3
}

.last\:col-span-full:last-child {
    grid-column: 1/-1
}

.last\:m-0:last-child {
    margin: 0
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:rounded-r-\[3px\]:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.last\:border-b-\[0px\]:last-child {
    border-bottom-width: 0
}

.last\:after\:content-none:last-child:after {
    --tw-content: none;
    content: var(--tw-content)
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.last-of-type\:after\:content-none:last-of-type:after {
    --tw-content: none;
    content: var(--tw-content)
}

.focus-within\:relative:focus-within {
    position: relative
}

.focus-within\:z-20:focus-within {
    z-index: 20
}

.focus-within\:border-base-primary:focus-within {
    border-color: var(--base-primary-default)
}

.focus-within\:\!bg-transparent:focus-within {
    background-color: transparent !important
}

.hover\:flex:hover {
    display: flex
}

.hover\:translate-y-\[-12px\]:hover {
    --tw-translate-y: -12px
}

.hover\:scale-125:hover,
.hover\:translate-y-\[-12px\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-125:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:rounded-\[8px\]:hover {
    border-radius: 8px
}

.hover\:border-base-line-secondary:hover {
    border-color: var(--base-line-secondary)
}

.hover\:border-base-primary:hover {
    border-color: var(--base-primary-default)
}

.hover\:border-dark-label:hover {
    border-color: var(--dark-label-default)
}

.hover\:border-light-label:hover {
    border-color: var(--light-label-default)
}

.hover\:border-light-primary:hover {
    border-color: var(--light-primary-default)
}

.hover\:\!bg-light-background:hover {
    background-color: var(--light-background) !important
}

.hover\:\!bg-light-fill-primary:hover {
    background-color: var(--light-fill-primary) !important
}

.hover\:\!bg-light-hover-fill-primary:hover {
    background-color: var(--light-hover-fill-primary) !important
}

.hover\:\!bg-light-primary:hover {
    background-color: var(--light-primary-default) !important
}

.hover\:\!bg-light-primary-14:hover {
    background-color: var(--light-primary-14) !important
}

.hover\:bg-\[\#F4F4F5\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[\#FFCE80\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 206 128/var(--tw-bg-opacity, 1))
}

.hover\:bg-base-fill-secondary:hover {
    background-color: var(--base-fill-secondary)
}

.hover\:bg-base-hover-fill-secondary:hover {
    background-color: var(--base-hover-fill-secondary)
}

.hover\:bg-base-hover-primary:hover {
    background-color: var(--base-hover-primary)
}

.hover\:bg-dark-fill-primary:hover {
    background-color: var(--dark-fill-primary)
}

.hover\:bg-dark-fill-secondary:hover {
    background-color: var(--dark-fill-secondary)
}

.hover\:bg-dark-hover-fill-secondary:hover {
    background-color: var(--dark-hover-fill-secondary)
}

.hover\:bg-dark-primary-40:hover {
    background-color: var(--dark-primary-40)
}

.hover\:bg-light-background:hover {
    background-color: var(--light-background)
}

.hover\:bg-light-fill-primary:hover {
    background-color: var(--light-fill-primary)
}

.hover\:bg-light-fill-secondary:hover {
    background-color: var(--light-fill-secondary)
}

.hover\:bg-light-hover-fill-primary:hover {
    background-color: var(--light-hover-fill-primary)
}

.hover\:bg-light-hover-fill-secondary:hover {
    background-color: var(--light-hover-fill-secondary)
}

.hover\:bg-light-label-40:hover {
    background-color: var(--light-label-40)
}

.hover\:bg-light-primary:hover {
    background-color: var(--light-primary-default)
}

.hover\:bg-light-primary-14:hover {
    background-color: var(--light-primary-14)
}

.hover\:bg-light-primary-40:hover {
    background-color: var(--light-primary-40)
}

.hover\:\!text-light-label:hover {
    color: var(--light-label-default) !important
}

.hover\:\!text-light-primary:hover {
    color: var(--light-primary-default) !important
}

.hover\:\!text-light-second:hover {
    color: var(--light-second) !important
}

.hover\:text-\[\#18181B\]:hover {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#FCA71D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(252 167 29/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#FCFDFF\]:hover {
    --tw-text-opacity: 1;
    color: rgb(252 253 255/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#FF8800\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 136 0/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#FFCE80\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 206 128/var(--tw-text-opacity, 1))
}

.hover\:text-\[\#ffce8099\]:hover {
    color: #ffce8099
}

.hover\:text-base-hover-primary:hover {
    color: var(--base-hover-primary)
}

.hover\:text-base-label:hover {
    color: var(--base-label-default)
}

.hover\:text-base-primary:hover {
    color: var(--base-primary-default)
}

.hover\:text-base-primary-60:hover {
    color: var(--base-primary-60)
}

.hover\:text-dark-hover-secondary:hover {
    color: var(--dark-hover-secondary)
}

.hover\:text-dark-label:hover {
    color: var(--dark-label-default)
}

.hover\:text-dark-primary:hover {
    color: var(--dark-primary-default)
}

.hover\:text-dark-primary-60:hover {
    color: var(--dark-primary-60)
}

.hover\:text-light-hover-fill-secondary:hover {
    color: var(--light-hover-fill-secondary)
}

.hover\:text-light-label:hover {
    color: var(--light-label-default)
}

.hover\:text-light-label-40:hover {
    color: var(--light-label-40)
}

.hover\:text-light-primary:hover {
    color: var(--light-primary-default)
}

.hover\:text-light-primary-60:hover {
    color: var(--light-primary-60)
}

.hover\:text-light-second:hover {
    color: var(--light-second)
}

.hover\:text-light-secondary:hover {
    color: var(--light-secondary-default)
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:placeholder-light-label-40:hover::placeholder {
    color: var(--light-label-40)
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-\[\.95\]:hover {
    opacity: .95
}

.hover\:opacity-\[0\.6\]:hover {
    opacity: .6
}

.hover\:opacity-\[1\]:hover {
    opacity: 1
}

.focus\:bg-light-primary:focus {
    background-color: var(--light-primary-default)
}

.focus\:text-light-second:focus {
    color: var(--light-second)
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:placeholder\:opacity-0:focus::placeholder {
    opacity: 0
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:text-base-label-20:active {
    color: var(--base-label-20)
}

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

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-base-line-secondary:disabled {
    border-color: var(--base-line-secondary)
}

.disabled\:text-base-label-40:disabled {
    color: var(--base-label-40)
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:flex {
    display: flex
}

.group\/second:hover .group-hover\/second\:translate-x-0 {
    --tw-translate-x: 0px
}

.group:hover .group-hover\:rotate-180,
.group\/second:hover .group-hover\/second\:translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:rotate-180 {
    --tw-rotate: 180deg
}

.group:hover .group-hover\:scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-base-fill-secondary,
.group\/line:hover .group-hover\/line\:bg-base-fill-secondary {
    background-color: var(--base-fill-secondary)
}

.group:hover .group-hover\:bg-base-primary {
    background-color: var(--base-primary-default)
}

.group\/assetcard:hover .group-hover\/assetcard\:text-light-label {
    color: var(--light-label-default)
}

.group\/list:hover .group-hover\/list\:\!text-base-label {
    color: var(--base-label-default) !important
}

.group:hover .group-hover\:text-base-label,
.group\/list:hover .group-hover\/list\:text-base-label {
    color: var(--base-label-default)
}

.group:hover .group-hover\:text-base-primary {
    color: var(--base-primary-default)
}

.group:hover .group-hover\:text-base-second {
    color: var(--base-second)
}

.group:hover .group-hover\:text-dark-hover-primary {
    color: var(--dark-hover-primary)
}

.group:hover .group-hover\:text-light-label {
    color: var(--light-label-default)
}

.group:hover .group-hover\:text-light-primary {
    color: var(--light-primary-default)
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group:hover .group-hover\:opacity-100,
.group:hover .group-hover\:opacity-\[1\],
.group\/second:hover .group-hover\/second\:opacity-100 {
    opacity: 1
}

.group\/second:hover .group-hover\/second\:\[transition\:all_300ms_ease-out\] {
    transition: all .3s ease-out
}

.peer:hover~.peer-hover\:flex {
    display: flex
}

.aria-selected\:rounded-\[16px\][aria-selected=true] {
    border-radius: 16px
}

.aria-selected\:bg-light-background[aria-selected=true] {
    background-color: var(--light-background)
}

.aria-selected\:text-light-label-40[aria-selected=true] {
    color: var(--light-label-40)
}

.aria-selected\:opacity-100[aria-selected=true] {
    opacity: 1
}

.group[aria-checked=true] .group-aria-checked\:block {
    display: block
}

.group[aria-checked=true] .group-aria-checked\:hidden {
    display: none
}

.data-\[is-app\=true\]\:top-0[data-is-app=true] {
    top: 0
}

.data-\[is-app\=true\]\:\!mt-0[data-is-app=true] {
    margin-top: 0 !important
}

.data-\[show-kyc-alert\=true\]\:mt-\[-100px\][data-show-kyc-alert=true] {
    margin-top: -100px
}

.data-\[asLink\=true\]\:cursor-pointer[data-asLink=true],
.data-\[desc\=\'true\'\]\:cursor-pointer[data-desc=true] {
    cursor: pointer
}

.data-\[disable\=true\]\:cursor-not-allowed[data-disable=true],
.data-\[loading\=true\]\:cursor-not-allowed[data-loading=true] {
    cursor: not-allowed
}

.data-\[no-more\=true\]\:cursor-default[data-no-more=true] {
    cursor: default
}

.data-\[disable\=true\]\:bg-base-hover-fill-primary[data-disable=true] {
    background-color: var(--base-hover-fill-primary)
}

.data-\[style\=green\]\:bg-base-green-alpha[data-style=green] {
    background-color: var(--base-green-alpha)
}

.data-\[style\=red\]\:bg-base-red-alpha[data-style=red] {
    background-color: var(--base-red-alpha)
}

.data-\[is-app\=true\]\:\!pt-0[data-is-app=true] {
    padding-top: 0 !important
}

.data-\[show-kyc-alert\=true\]\:pt-\[100px\][data-show-kyc-alert=true] {
    padding-top: 100px
}

.data-\[active\=true\]\:text-base-label[data-active=true] {
    color: var(--base-label-default)
}

.data-\[disable\=true\]\:text-base-label-20[data-disable=true],
.data-\[loading\=true\]\:text-base-label-20[data-loading=true] {
    color: var(--base-label-20)
}

.data-\[no-more\=true\]\:text-base-label-40[data-no-more=true] {
    color: var(--base-label-40)
}

.data-\[polarity\=negative\]\:text-base-red[data-polarity=negative] {
    color: var(--base-red-default)
}

.data-\[polarity\=positive\]\:text-base-green[data-polarity=positive],
.data-\[style\=green\]\:text-base-green[data-style=green] {
    color: var(--base-green-default)
}

.data-\[style\=red\]\:text-base-red[data-style=red] {
    color: var(--base-red-default)
}

.data-\[asLink\=true\]\:underline[data-asLink=true] {
    text-decoration-line: underline
}

.data-\[asLink\=true\]\:decoration-light-label-40[data-asLink=true] {
    text-decoration-color: var(--light-label-40)
}

.data-\[asLink\=true\]\:decoration-dashed[data-asLink=true] {
    text-decoration-style: dashed
}

.data-\[asLink\=true\]\:decoration-1[data-asLink=true] {
    text-decoration-thickness: 1px
}

.data-\[asLink\=true\]\:underline-offset-2[data-asLink=true] {
    text-underline-offset: 2px
}

.before\:data-\[type\=buy\]\:bg-base-green[data-type=buy]:before,
.before\:data-\[type\=long\]\:bg-base-green[data-type=long]:before {
    content: var(--tw-content);
    background-color: var(--base-green-default)
}

.before\:data-\[type\=neutral\]\:bg-base-label[data-type=neutral]:before {
    content: var(--tw-content);
    background-color: var(--base-label-default)
}

.before\:data-\[type\=sell\]\:bg-base-red[data-type=sell]:before,
.before\:data-\[type\=short\]\:bg-base-red[data-type=short]:before {
    content: var(--tw-content);
    background-color: var(--base-red-default)
}

.group[data-has-title=true] .group-data-\[has-title\=true\]\:mt-\[16px\] {
    margin-top: 16px
}

.group[data-desc=true] .group-data-\[desc\=\'true\'\]\:block {
    display: block
}

.group[data-no-more=true] .group-data-\[no-more\=true\]\:inline,
.group[data-polarity=positive] .group-data-\[polarity\=positive\]\:inline,
.group[data-selected=true] .group-data-\[selected\=true\]\:inline {
    display: inline
}

.group[data-warning=true] .group-data-\[warning\=true\]\:flex {
    display: flex
}

.group[data-no-more=true] .group-data-\[no-more\=true\]\:hidden,
.group[data-selected=true] .group-data-\[selected\=true\]\:hidden {
    display: none
}

.group[data-activated=true] .group-data-\[activated\=true\]\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-selected=true] .group-data-\[selected\=true\]\:bg-base-fill-secondary {
    background-color: var(--base-fill-secondary)
}

.group[data-type=buy] .group-data-\[type\=buy\]\:text-base-green,
.group[data-type=long] .group-data-\[type\=long\]\:text-base-green {
    color: var(--base-green-default)
}

.group[data-type=neutral] .group-data-\[type\=neutral\]\:text-base-label {
    color: var(--base-label-default)
}

.group[data-type=sell] .group-data-\[type\=sell\]\:text-base-red,
.group[data-type=short] .group-data-\[type\=short\]\:text-base-red {
    color: var(--base-red-default)
}

.group[data-warning=true] .group-data-\[warning\=true\]\:text-base-primary {
    color: var(--base-primary-default)
}

@media (prefers-reduced-motion:reduce) {
    @keyframes spin {
        to {
            transform: rotate(1turn)
        }
    }

    .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
        animation: spin 1.5s linear infinite
    }
}

.dark\:\!block:is([data-theme=dark] *) {
    display: block !important
}

.dark\:\!hidden:is([data-theme=dark] *) {
    display: none !important
}

.dark\:border-\[1px\]:is([data-theme=dark] *) {
    border-width: 1px
}

.dark\:\!border-none:is([data-theme=dark] *) {
    border-style: none !important
}

.dark\:border-none:is([data-theme=dark] *) {
    border-style: none
}

.dark\:border-dark-danger:is([data-theme=dark] *) {
    border-color: var(--dark-danger-default)
}

.dark\:border-dark-fill-tertiary:is([data-theme=dark] *) {
    border-color: var(--dark-fill-tertiary)
}

.dark\:border-dark-label:is([data-theme=dark] *) {
    border-color: var(--dark-label-default)
}

.dark\:border-dark-line-primary:is([data-theme=dark] *) {
    border-color: var(--dark-line-primary)
}

.dark\:border-dark-line-secondary:is([data-theme=dark] *) {
    border-color: var(--dark-line-secondary)
}

.dark\:border-dark-line-tertiary:is([data-theme=dark] *) {
    border-color: var(--dark-line-tertiary)
}

.dark\:border-b-dark-line-primary:is([data-theme=dark] *) {
    border-bottom-color: var(--dark-line-primary)
}

.dark\:border-l-dark-green:is([data-theme=dark] *) {
    border-left-color: var(--dark-green-default)
}

.dark\:border-l-dark-red:is([data-theme=dark] *) {
    border-left-color: var(--dark-red-default)
}

.dark\:border-t-dark-line-primary:is([data-theme=dark] *) {
    border-top-color: var(--dark-line-primary)
}

.dark\:bg-\[\#000\]:is([data-theme=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[\#2D2D2E\]:is([data-theme=dark] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(45 45 46/var(--tw-bg-opacity, 1))
}

.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.4\)\]:is([data-theme=dark] *) {
    background-color: rgba(0, 0, 0, .4)
}

.dark\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.8\)\]:is([data-theme=dark] *) {
    background-color: rgba(0, 0, 0, .8)
}

.dark\:bg-base-fill-secondary:is([data-theme=dark] *) {
    background-color: var(--base-fill-secondary)
}

.dark\:bg-dark-background:is([data-theme=dark] *) {
    background-color: var(--dark-background)
}

.dark\:bg-dark-fill-primary:is([data-theme=dark] *) {
    background-color: var(--dark-fill-primary)
}

.dark\:bg-dark-fill-quaternary:is([data-theme=dark] *) {
    background-color: var(--dark-fill-quaternary)
}

.dark\:bg-dark-fill-secondary:is([data-theme=dark] *) {
    background-color: var(--dark-fill-secondary)
}

.dark\:bg-dark-green:is([data-theme=dark] *) {
    background-color: var(--dark-green-default)
}

.dark\:bg-dark-hover-fill-primary:is([data-theme=dark] *) {
    background-color: var(--dark-hover-fill-primary)
}

.dark\:bg-dark-hover-fill-secondary:is([data-theme=dark] *) {
    background-color: var(--dark-hover-fill-secondary)
}

.dark\:bg-dark-label-20:is([data-theme=dark] *) {
    background-color: var(--dark-label-20)
}

.dark\:bg-dark-line-secondary:is([data-theme=dark] *) {
    background-color: var(--dark-line-secondary)
}

.dark\:bg-dark-line-tertiary:is([data-theme=dark] *) {
    background-color: var(--dark-line-tertiary)
}

.dark\:bg-dark-primary:is([data-theme=dark] *) {
    background-color: var(--dark-primary-default)
}

.dark\:bg-dark-primary-14:is([data-theme=dark] *) {
    background-color: var(--dark-primary-14)
}

.dark\:bg-dark-red:is([data-theme=dark] *) {
    background-color: var(--dark-red-default)
}

.dark\:bg-dark-tertiary:is([data-theme=dark] *) {
    background-color: var(--dark-tertiary-default)
}

.dark\:\!text-dark-label-40:is([data-theme=dark] *) {
    color: var(--dark-label-40) !important
}

.dark\:text-\[\#EBECF5\]:is([data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(235 236 245/var(--tw-text-opacity, 1))
}

.dark\:text-\[\#FCFDFF\]:is([data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(252 253 255/var(--tw-text-opacity, 1))
}

.dark\:text-\[\#FF2400\]:is([data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 36 0/var(--tw-text-opacity, 1))
}

.dark\:text-dark-background:is([data-theme=dark] *) {
    color: var(--dark-background)
}

.dark\:text-dark-danger:is([data-theme=dark] *) {
    color: var(--dark-danger-default)
}

.dark\:text-dark-green:is([data-theme=dark] *) {
    color: var(--dark-green-default)
}

.dark\:text-dark-label:is([data-theme=dark] *) {
    color: var(--dark-label-default)
}

.dark\:text-dark-label-20:is([data-theme=dark] *) {
    color: var(--dark-label-20)
}

.dark\:text-dark-label-40:is([data-theme=dark] *) {
    color: var(--dark-label-40)
}

.dark\:text-dark-label-60:is([data-theme=dark] *) {
    color: var(--dark-label-60)
}

.dark\:text-dark-primary:is([data-theme=dark] *) {
    color: var(--dark-primary-default)
}

.dark\:text-dark-red:is([data-theme=dark] *) {
    color: var(--dark-red-default)
}

.dark\:text-dark-secondary:is([data-theme=dark] *) {
    color: var(--dark-secondary-default)
}

.dark\:text-dark-tertiary:is([data-theme=dark] *) {
    color: var(--dark-tertiary-default)
}

.dark\:text-light-background:is([data-theme=dark] *) {
    color: var(--light-background)
}

.dark\:text-light-label-60:is([data-theme=dark] *) {
    color: var(--light-label-60)
}

.dark\:text-light-primary:is([data-theme=dark] *) {
    color: var(--light-primary-default)
}

.dark\:text-white:is([data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.dark\:decoration-dark-label-40:is([data-theme=dark] *) {
    text-decoration-color: var(--dark-label-40)
}

.dark\:decoration-dark-line-secondary:is([data-theme=dark] *) {
    text-decoration-color: var(--dark-line-secondary)
}

.dark\:placeholder-dark-label:is([data-theme=dark] *)::placeholder {
    color: var(--dark-label-default)
}

.dark\:shadow-\[0_2px_16px_0_rgba\(0\2c 0\2c 0\2c 0\.12\)\]:is([data-theme=dark] *) {
    --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0 2px 16px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.before\:dark\:bg-dark-line-secondary:is([data-theme=dark] *):before {
    content: var(--tw-content);
    background-color: var(--dark-line-secondary)
}

.dark\:before\:bg-dark-line-primary:is([data-theme=dark] *):before {
    content: var(--tw-content);
    background-color: var(--dark-line-primary)
}

.dark\:hover\:\!bg-dark-fill-secondary:hover:is([data-theme=dark] *) {
    background-color: var(--dark-fill-secondary) !important
}

.dark\:hover\:\!bg-dark-hover-fill-secondary:hover:is([data-theme=dark] *) {
    background-color: var(--dark-hover-fill-secondary) !important
}

.dark\:hover\:bg-dark-background:hover:is([data-theme=dark] *) {
    background-color: var(--dark-background)
}

.dark\:hover\:bg-dark-fill-secondary:hover:is([data-theme=dark] *) {
    background-color: var(--dark-fill-secondary)
}

.dark\:hover\:bg-dark-fill-tertiary:hover:is([data-theme=dark] *) {
    background-color: var(--dark-fill-tertiary)
}

.dark\:hover\:bg-dark-hover-fill-secondary:hover:is([data-theme=dark] *) {
    background-color: var(--dark-hover-fill-secondary)
}

.hover\:dark\:\!bg-dark-background:is([data-theme=dark] *):hover {
    background-color: var(--dark-background) !important
}

.dark\:hover\:\!text-dark-label:hover:is([data-theme=dark] *) {
    color: var(--dark-label-default) !important
}

.dark\:hover\:text-\[\#FF8800\]:hover:is([data-theme=dark] *) {
    --tw-text-opacity: 1;
    color: rgb(255 136 0/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-base-label:hover:is([data-theme=dark] *) {
    color: var(--base-label-default)
}

.dark\:hover\:text-dark-label:hover:is([data-theme=dark] *) {
    color: var(--dark-label-default)
}

.dark\:hover\:text-dark-primary:hover:is([data-theme=dark] *) {
    color: var(--dark-primary-default)
}

.dark\:hover\:text-light-primary:hover:is([data-theme=dark] *) {
    color: var(--light-primary-default)
}

.dark\:hover\:text-light-primary-60:hover:is([data-theme=dark] *) {
    color: var(--light-primary-60)
}

.hover\:dark\:text-dark-label:is([data-theme=dark] *):hover {
    color: var(--dark-label-default)
}

.hover\:dark\:text-dark-primary:is([data-theme=dark] *):hover {
    color: var(--dark-primary-default)
}

.dark\:hover\:placeholder-dark-label-40:hover:is([data-theme=dark] *)::placeholder {
    color: var(--dark-label-40)
}

.group:hover .dark\:group-hover\:text-dark-label:is([data-theme=dark] *) {
    color: var(--dark-label-default)
}

@media (max-width:1440px) {
    .max-\[1440px\]\:right-\[0\] {
        right: 0
    }

    .max-\[1440px\]\:w-\[1200px\] {
        width: 1200px
    }

    .max-\[1440px\]\:min-w-\[1200px\] {
        min-width: 1200px
    }
}

@media not all and (min-width:1280px) {
    .max-xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .max-xl\:mt-\[110px\] {
        margin-top: 110px
    }

    .max-xl\:w-full {
        width: 100%
    }

    .max-xl\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media not all and (min-width:1024px) {
    .max-lg\:mt-\[110px\] {
        margin-top: 110px
    }

    .max-lg\:flex-col {
        flex-direction: column
    }

    .max-lg\:items-start {
        align-items: flex-start
    }

    .max-lg\:items-center {
        align-items: center
    }

    .max-lg\:gap-\[24px\] {
        gap: 24px
    }
}

@media (max-width:1000px) {
    .max-\[1000px\]\:ml-\[8px\] {
        margin-left: 8px
    }

    .max-\[1000px\]\:mr-\[15px\] {
        margin-right: 15px
    }

    .max-\[1000px\]\:hidden {
        display: none
    }

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

@media not all and (min-width:768px) {
    .max-md\:sticky {
        position: sticky
    }

    .max-md\:-right-\[1px\] {
        right: -1px
    }

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

    .max-md\:top-\[97px\] {
        top: 97px
    }

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

    .max-md\:\!mb-\[20px\] {
        margin-bottom: 20px !important
    }

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

    .max-md\:mb-0 {
        margin-bottom: 0
    }

    .max-md\:mb-2 {
        margin-bottom: .5rem
    }

    .max-md\:mb-4 {
        margin-bottom: 1rem
    }

    .max-md\:mb-\[20px\] {
        margin-bottom: 20px
    }

    .max-md\:ml-\[16px\] {
        margin-left: 16px
    }

    .max-md\:mt-1 {
        margin-top: .25rem
    }

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

    .max-md\:mt-\[24px\] {
        margin-top: 24px
    }

    .max-md\:mt-\[32px\] {
        margin-top: 32px
    }

    .max-md\:mt-\[40px\] {
        margin-top: 40px
    }

    .max-md\:mt-\[48px\] {
        margin-top: 48px
    }

    .max-md\:mt-\[64px\] {
        margin-top: 64px
    }

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

    .max-md\:block {
        display: block
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:h-8 {
        height: 2rem
    }

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

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

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

    .max-md\:w-\[100\%\] {
        width: 100%
    }

    .max-md\:w-\[200px\] {
        width: 200px
    }

    .max-md\:w-\[52px\] {
        width: 52px
    }

    .max-md\:w-\[64px\] {
        width: 64px
    }

    .max-md\:w-auto {
        width: auto
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:min-w-\[128px\] {
        min-width: 128px
    }

    .max-md\:min-w-\[80px\] {
        min-width: 80px
    }

    .max-md\:min-w-\[87px\] {
        min-width: 87px
    }

    .max-md\:max-w-full {
        max-width: 100%
    }

    .max-md\:flex-1 {
        flex: 1 1 0%
    }

    .max-md\:basis-full {
        flex-basis: 100%
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .max-md\:items-start {
        align-items: flex-start
    }

    .max-md\:items-center {
        align-items: center
    }

    .max-md\:justify-start {
        justify-content: flex-start
    }

    .max-md\:justify-between {
        justify-content: space-between
    }

    .max-md\:gap-2 {
        gap: .5rem
    }

    .max-md\:gap-4 {
        gap: 1rem
    }

    .max-md\:gap-8 {
        gap: 2rem
    }

    .max-md\:gap-\[16px\] {
        gap: 16px
    }

    .max-md\:gap-\[20px\] {
        gap: 20px
    }

    .max-md\:gap-\[4px\] {
        gap: 4px
    }

    .max-md\:overflow-hidden {
        overflow: hidden
    }

    .max-md\:overflow-y-auto {
        overflow-y: auto
    }

    .max-md\:rounded-2xl {
        border-radius: 1rem
    }

    .max-md\:rounded-\[16px\] {
        border-radius: 16px
    }

    .max-md\:rounded-\[24px\] {
        border-radius: 24px
    }

    .max-md\:border {
        border-width: 1px
    }

    .max-md\:border-none {
        border-style: none
    }

    .max-md\:border-base-line-secondary {
        border-color: var(--base-line-secondary)
    }

    .max-md\:bg-light-background {
        background-color: var(--light-background)
    }

    .max-md\:p-0 {
        padding: 0
    }

    .max-md\:p-\[16px\] {
        padding: 16px
    }

    .max-md\:p-\[20px\] {
        padding: 20px
    }

    .max-md\:\!px-\[20px\] {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .max-md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .max-md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .max-md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .max-md\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .max-md\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .max-md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .max-md\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .max-md\:py-\[2px\] {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .max-md\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .max-md\:pb-0 {
        padding-bottom: 0
    }

    .max-md\:pb-6 {
        padding-bottom: 1.5rem
    }

    .max-md\:pr-0 {
        padding-right: 0
    }

    .max-md\:pt-0 {
        padding-top: 0
    }

    .max-md\:pt-\[24px\] {
        padding-top: 24px
    }

    .max-md\:text-left {
        text-align: left
    }

    .max-md\:text-center {
        text-align: center
    }

    .max-md\:text-start {
        text-align: start
    }

    .max-md\:\!text-\[20px\] {
        font-size: 20px !important
    }

    .max-md\:\!text-base {
        font-size: 14px !important
    }

    .max-md\:text-\[12px\] {
        font-size: 12px
    }

    .max-md\:text-\[14px\] {
        font-size: 14px
    }

    .max-md\:text-\[16px\] {
        font-size: 16px
    }

    .max-md\:text-\[20px\] {
        font-size: 20px
    }

    .max-md\:text-\[24px\] {
        font-size: 24px
    }

    .max-md\:leading-\[14px\] {
        line-height: 14px
    }

    .max-md\:leading-\[18px\] {
        line-height: 18px
    }

    .max-md\:leading-\[20px\] {
        line-height: 20px
    }

    .max-md\:leading-\[24px\] {
        line-height: 24px
    }

    .max-md\:leading-\[30px\] {
        line-height: 30px
    }

    .max-md\:leading-\[34px\] {
        line-height: 34px
    }

    .max-md\:hover\:text-light-label:hover {
        color: var(--light-label-default)
    }
}

@media not all and (min-width:640px) {
    .max-sm\:visible {
        visibility: visible
    }

    .max-sm\:bottom-\[2px\] {
        bottom: 2px
    }

    .max-sm\:bottom-\[5px\] {
        bottom: 5px
    }

    .max-sm\:right-\[10px\] {
        right: 10px
    }

    .max-sm\:right-\[4px\] {
        right: 4px
    }

    .max-sm\:\!mt-\[24px\] {
        margin-top: 24px !important
    }

    .max-sm\:mb-4 {
        margin-bottom: 1rem
    }

    .max-sm\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .max-sm\:ml-0 {
        margin-left: 0
    }

    .max-sm\:ml-2 {
        margin-left: .5rem
    }

    .max-sm\:mr-0 {
        margin-right: 0
    }

    .max-sm\:mt-0 {
        margin-top: 0
    }

    .max-sm\:mt-2 {
        margin-top: .5rem
    }

    .max-sm\:mt-3 {
        margin-top: .75rem
    }

    .max-sm\:mt-4 {
        margin-top: 1rem
    }

    .max-sm\:mt-5 {
        margin-top: 1.25rem
    }

    .max-sm\:mt-6 {
        margin-top: 1.5rem
    }

    .max-sm\:mt-\[16px\] {
        margin-top: 16px
    }

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

    .max-sm\:mt-\[24px\] {
        margin-top: 24px
    }

    .max-sm\:mt-\[48px\] {
        margin-top: 48px
    }

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

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:aspect-square {
        aspect-ratio: 1/1
    }

    .max-sm\:h-1 {
        height: .25rem
    }

    .max-sm\:h-8 {
        height: 2rem
    }

    .max-sm\:h-\[118px\] {
        height: 118px
    }

    .max-sm\:h-\[154px\] {
        height: 154px
    }

    .max-sm\:h-\[160px\] {
        height: 160px
    }

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

    .max-sm\:h-\[186px\] {
        height: 186px
    }

    .max-sm\:h-\[188px\] {
        height: 188px
    }

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

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

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

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

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

    .max-sm\:h-\[32px\] {
        height: 32px
    }

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

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

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

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

    .max-sm\:h-\[67px\] {
        height: 67px
    }

    .max-sm\:h-\[9px\] {
        height: 9px
    }

    .max-sm\:h-auto {
        height: auto
    }

    .max-sm\:w-3 {
        width: .75rem
    }

    .max-sm\:w-6 {
        width: 1.5rem
    }

    .max-sm\:w-8 {
        width: 2rem
    }

    .max-sm\:w-\[149px\] {
        width: 149px
    }

    .max-sm\:w-\[154px\] {
        width: 154px
    }

    .max-sm\:w-\[16px\] {
        width: 16px
    }

    .max-sm\:w-\[18px\] {
        width: 18px
    }

    .max-sm\:w-\[20px\] {
        width: 20px
    }

    .max-sm\:w-\[25px\] {
        width: 25px
    }

    .max-sm\:w-\[65px\] {
        width: 65px
    }

    .max-sm\:w-\[67px\] {
        width: 67px
    }

    .max-sm\:w-\[94px\] {
        width: 94px
    }

    .max-sm\:w-auto {
        width: auto
    }

    .max-sm\:w-full {
        width: 100%
    }

    .max-sm\:min-w-\[224px\] {
        min-width: 224px
    }

    .max-sm\:min-w-\[50px\] {
        min-width: 50px
    }

    .max-sm\:max-w-\[304px\] {
        max-width: 304px
    }

    .max-sm\:basis-\[42\.27\%\] {
        flex-basis: 42.27%
    }

    .max-sm\:basis-\[57\.73\%\] {
        flex-basis: 57.73%
    }

    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:justify-center {
        justify-content: center
    }

    .max-sm\:gap-1 {
        gap: .25rem
    }

    .max-sm\:gap-2 {
        gap: .5rem
    }

    .max-sm\:gap-4 {
        gap: 1rem
    }

    .max-sm\:gap-\[16px\] {
        gap: 16px
    }

    .max-sm\:self-center {
        align-self: center
    }

    .max-sm\:overflow-x-hidden {
        overflow-x: hidden
    }

    .max-sm\:rounded {
        border-radius: .25rem
    }

    .max-sm\:rounded-sm {
        border-radius: .125rem
    }

    .max-sm\:rounded-xl {
        border-radius: .75rem
    }

    .max-sm\:\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .max-sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .max-sm\:px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }

    .max-sm\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .max-sm\:px-\[6px\] {
        padding-left: 6px;
        padding-right: 6px
    }

    .max-sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .max-sm\:py-\[12px\] {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .max-sm\:py-\[16px\] {
        padding-top: 16px;
        padding-bottom: 16px
    }

    .max-sm\:pt-\[12px\] {
        padding-top: 12px
    }

    .max-sm\:text-2xl {
        font-size: 22px
    }

    .max-sm\:text-\[12px\] {
        font-size: 12px
    }

    .max-sm\:text-\[13px\] {
        font-size: 13px
    }

    .max-sm\:text-\[20px\] {
        font-size: 20px
    }

    .max-sm\:text-\[22px\] {
        font-size: 22px
    }

    .max-sm\:text-\[8px\] {
        font-size: 8px
    }

    .max-sm\:text-md {
        font-size: 16px
    }

    .max-sm\:text-sm {
        font-size: 12px
    }

    .max-sm\:text-xl {
        font-size: 20px
    }

    .max-sm\:\!leading-\[8px\] {
        line-height: 8px !important
    }

    .max-sm\:leading-6 {
        line-height: 1.5rem
    }

    .max-sm\:leading-\[10px\] {
        line-height: 10px
    }

    .max-sm\:leading-\[15px\] {
        line-height: 15px
    }

    .max-sm\:leading-\[24px\] {
        line-height: 24px
    }

    .max-sm\:leading-\[30px\] {
        line-height: 30px
    }

    .max-sm\:leading-\[32px\] {
        line-height: 32px
    }
}

@media (max-width:600px) {
    .max-\[600px\]\:\!mt-\[15px\] {
        margin-top: 15px !important
    }

    .max-\[600px\]\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .max-\[600px\]\:mb-\[40px\] {
        margin-bottom: 40px
    }

    .max-\[600px\]\:mb-\[8px\] {
        margin-bottom: 8px
    }

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

    .max-\[600px\]\:mt-\[16px\] {
        margin-top: 16px
    }

    .max-\[600px\]\:mt-\[30px\] {
        margin-top: 30px
    }

    .max-\[600px\]\:mt-\[40px\] {
        margin-top: 40px
    }

    .max-\[600px\]\:mt-\[49px\] {
        margin-top: 49px
    }

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

    .max-\[600px\]\:flex {
        display: flex
    }

    .max-\[600px\]\:\!hidden {
        display: none !important
    }

    .max-\[600px\]\:hidden {
        display: none
    }

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

    .max-\[600px\]\:w-\[138px\] {
        width: 138px
    }

    .max-\[600px\]\:w-\[42\%\] {
        width: 42%
    }

    .max-\[600px\]\:w-\[56px\] {
        width: 56px
    }

    .max-\[600px\]\:w-\[calc\(100\%_-_32px\)\] {
        width: calc(100% - 32px)
    }

    .max-\[600px\]\:w-\[calc\(50\%_-_24px\)\] {
        width: calc(50% - 24px)
    }

    .max-\[600px\]\:w-full {
        width: 100%
    }

    .max-\[600px\]\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .max-\[600px\]\:flex-row {
        flex-direction: row
    }

    .max-\[600px\]\:flex-col {
        flex-direction: column
    }

    .max-\[600px\]\:flex-wrap {
        flex-wrap: wrap
    }

    .max-\[600px\]\:items-center {
        align-items: center
    }

    .max-\[600px\]\:justify-center {
        justify-content: center
    }

    .max-\[600px\]\:justify-between {
        justify-content: space-between
    }

    .max-\[600px\]\:gap-\[0\] {
        gap: 0
    }

    .max-\[600px\]\:gap-\[24px\] {
        gap: 24px
    }

    .max-\[600px\]\:gap-\[32px\] {
        gap: 32px
    }

    .max-\[600px\]\:gap-\[8px\] {
        gap: 8px
    }

    .max-\[600px\]\:rounded-\[12px\] {
        border-radius: 12px
    }

    .max-\[600px\]\:rounded-\[20px\] {
        border-radius: 20px
    }

    .max-\[600px\]\:border-\[0\] {
        border-width: 0
    }

    .max-\[600px\]\:px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
    }

    .max-\[600px\]\:py-\[0\] {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-\[600px\]\:text-\[12px\] {
        font-size: 12px
    }

    .max-\[600px\]\:text-\[14px\] {
        font-size: 14px
    }

    .max-\[600px\]\:text-\[16px\] {
        font-size: 16px
    }

    .max-\[600px\]\:text-\[20px\] {
        font-size: 20px
    }

    .max-\[600px\]\:text-\[24px\] {
        font-size: 24px
    }

    .max-\[600px\]\:font-medium {
        font-weight: 500
    }
}

@media (max-width:380px) {
    .max-\[380px\]\:ml-\[5px\] {
        margin-left: 5px
    }

    .max-\[380px\]\:mr-\[5px\] {
        margin-right: 5px
    }
}

@media (min-width:600px) {
    .min-\[600px\]\:mb-\[48px\] {
        margin-bottom: 48px
    }

    .min-\[600px\]\:mb-\[80px\] {
        margin-bottom: 80px
    }

    .min-\[600px\]\:hidden {
        display: none
    }
}

@media (min-width:640px) {
    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }
}

@media (min-width:768px) {
    .md\:relative {
        position: relative
    }

    .md\:bottom-\[36px\] {
        bottom: 36px
    }

    .md\:left-6 {
        left: 1.5rem
    }

    .md\:right-4 {
        right: 1rem
    }

    .md\:top-16 {
        top: 4rem
    }

    .md\:top-6 {
        top: 1.5rem
    }

    .md\:top-\[198px\] {
        top: 198px
    }

    .md\:z-10 {
        z-index: 10
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

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

    .md\:my-4 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

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

    .md\:-mt-5 {
        margin-top: -1.25rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mb-20 {
        margin-bottom: 5rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

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

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mr-5 {
        margin-right: 1.25rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

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

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

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

    .md\:\!block {
        display: block !important
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-10 {
        height: 2.5rem
    }

    .md\:h-4 {
        height: 1rem
    }

    .md\:h-6 {
        height: 1.5rem
    }

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

    .md\:h-\[160px\] {
        height: 160px
    }

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

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

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

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

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

    .md\:h-\[84px\] {
        height: 84px
    }

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

    .md\:h-\[calc\(500px\+64px\)\] {
        height: calc(500px + 64px)
    }

    .md\:min-h-\[620px\] {
        min-height: 620px
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-6 {
        width: 1.5rem
    }

    .md\:w-\[1200px\] {
        width: 1200px
    }

    .md\:w-\[140px\] {
        width: 140px
    }

    .md\:w-\[14px\] {
        width: 14px
    }

    .md\:w-\[220px\] {
        width: 220px
    }

    .md\:w-\[240px\] {
        width: 240px
    }

    .md\:w-\[250px\] {
        width: 250px
    }

    .md\:w-\[320px\] {
        width: 320px
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[44px\] {
        width: 44px
    }

    .md\:w-\[520px\] {
        width: 520px
    }

    .md\:w-\[56px\] {
        width: 56px
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[88px\] {
        width: 88px
    }

    .md\:w-\[895px\] {
        width: 895px
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[120px\] {
        min-width: 120px
    }

    .md\:min-w-\[160px\] {
        min-width: 160px
    }

    .md\:min-w-\[180px\] {
        min-width: 180px
    }

    .md\:min-w-full {
        min-width: 100%
    }

    .md\:min-w-min {
        min-width: min-content
    }

    .md\:max-w-\[1200px\] {
        max-width: 1200px
    }

    .md\:max-w-\[860px\] {
        max-width: 860px
    }

    .md\:flex-1 {
        flex: 1 1 0%
    }

    .md\:basis-1\/5 {
        flex-basis: 20%
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto
    }

    .md\:grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-\[12px\] {
        gap: 12px
    }

    .md\:gap-\[16px\] {
        gap: 16px
    }

    .md\:gap-\[56px\] {
        gap: 56px
    }

    .md\:gap-\[6px\] {
        gap: 6px
    }

    .md\:gap-\[80px\] {
        gap: 80px
    }

    .md\:self-stretch {
        align-self: stretch
    }

    .md\:rounded-\[16px\] {
        border-radius: 16px
    }

    .md\:rounded-lg {
        border-radius: .5rem
    }

    .md\:rounded-xl {
        border-radius: .75rem
    }

    .md\:border {
        border-width: 1px
    }

    .md\:border-light-line-secondary {
        border-color: var(--light-line-secondary)
    }

    .md\:bg-base-fill-secondary {
        background-color: var(--base-fill-secondary)
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-\[24px\] {
        padding: 24px
    }

    .md\:\!px-\[60px\] {
        padding-left: 60px !important;
        padding-right: 60px !important
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-\[40px\] {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:py-\[40px\] {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .md\:\!pb-\[120px\] {
        padding-bottom: 120px !important
    }

    .md\:\!pt-\[90px\] {
        padding-top: 90px !important
    }

    .md\:pb-\[120px\] {
        padding-bottom: 120px
    }

    .md\:pb-\[68px\] {
        padding-bottom: 68px
    }

    .md\:pl-\[24px\] {
        padding-left: 24px
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:pt-\[90px\] {
        padding-top: 90px
    }

    .md\:text-2xl {
        font-size: 22px
    }

    .md\:text-3xl {
        font-size: 24px
    }

    .md\:text-4xl {
        font-size: 28px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[36px\] {
        font-size: 36px
    }

    .md\:text-\[48px\] {
        font-size: 48px
    }

    .md\:text-lg {
        font-size: 18px
    }

    .md\:text-md {
        font-size: 16px
    }

    .md\:text-xl {
        font-size: 20px
    }

    .md\:font-bold {
        font-weight: 700
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:leading-6 {
        line-height: 1.5rem
    }

    .md\:leading-\[24px\] {
        line-height: 24px
    }

    .md\:leading-\[26px\] {
        line-height: 26px
    }

    .md\:leading-\[30px\] {
        line-height: 30px
    }

    .md\:leading-\[34px\] {
        line-height: 34px
    }

    .md\:leading-\[44px\] {
        line-height: 44px
    }

    .md\:leading-\[60px\] {
        line-height: 60px
    }

    .md\:text-base-label-20 {
        color: var(--base-label-20)
    }

    .md\:transition-transform {
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s
    }

    .md\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .md\:after\:right-\[10px\]:after {
        content: var(--tw-content);
        right: 10px
    }

    .md\:after\:top-\[10px\]:after {
        content: var(--tw-content);
        top: 10px
    }

    .md\:after\:h-\[6px\]:after {
        content: var(--tw-content);
        height: 6px
    }

    .md\:after\:w-\[6px\]:after {
        content: var(--tw-content);
        width: 6px
    }

    .md\:after\:rounded-\[10px\]:after {
        content: var(--tw-content);
        border-radius: 10px
    }

    .md\:after\:bg-base-primary:after {
        content: var(--tw-content);
        background-color: var(--base-primary-default)
    }

    .md\:hover\:-translate-y-3:hover {
        --tw-translate-y: -0.75rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:hover\:text-light-primary:hover {
        color: var(--light-primary-default)
    }

    .md\:data-\[show-kyc-alert\=true\]\:mt-\[-112px\][data-show-kyc-alert=true] {
        margin-top: -112px
    }

    .md\:data-\[show-kyc-alert\=true\]\:pt-\[112px\][data-show-kyc-alert=true] {
        padding-top: 112px
    }
}

@media (min-width:1000px) {
    .min-\[1000px\]\:block {
        display: block
    }

    .min-\[1000px\]\:flex {
        display: flex
    }

    .min-\[1000px\]\:hidden {
        display: none
    }

    .min-\[1000px\]\:items-center {
        align-items: center
    }
}

@media (min-width:1280px) {
    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}

.\[\&\:has\(\[aria-selected\]\)\]\:bg-light-primary-14:has([aria-selected]) {
    background-color: var(--light-primary-14)
}

.\[\&\:has\(\[aria-selected\]\)\]\:text-light-second:has([aria-selected]) {
    color: var(--light-second)
}

.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-\[0px\]:has([aria-selected]):first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-\[0px\]:has([aria-selected]):last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:\!bg-light-background:has([aria-selected].day-outside) {
    background-color: var(--light-background) !important
}

.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-\[16px\]:has([aria-selected].day-range-end) {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:rounded-l-\[16px\]:has([aria-selected].day-range-start) {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.\[\&\:has\(\[disabled\]\)\]\:\!cursor-not-allowed:has([disabled]) {
    cursor: not-allowed !important
}

.\[\&\:has\(\[disabled\]\)\]\:bg-light-line-primary:has([disabled]) {
    background-color: var(--light-line-primary)
}

.\[\&\>div\]\:inline>div {
    display: inline
}

.\[\&\>div\]\:leading-\[34px\]>div {
    line-height: 34px
}

.\[\&\>p\]\:m-0>p {
    margin: 0
}

.\[\&\>p\]\:inline>p {
    display: inline
}

.\[\&\>path\]\:fill-white>path {
    fill: #fff
}

.\[\&\>span\]\:inline>span {
    display: inline
}

.\[\&\>span\]\:leading-\[34px\]>span {
    line-height: 34px
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

li,
ul {
    list-style: none
}

li,
p,
ul {
    padding: 0;
    margin: 0
}

svg {
    display: initial !important;
    vertical-align: initial !important
}

/*# sourceMappingURL=d32c6d39b0f30c5d.css.map*/