:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, 0.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: 0.2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: var(--toastify-toast-top);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--top-center {
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: var(--toastify-toast-top);
    right: var(--toastify-toast-right)
}

.Toastify__toast-container--bottom-left {
    bottom: var(--toastify-toast-bottom);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right)
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: env(safe-area-inset-left);
        margin: 0
    }

    .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: auto
    }
}

.Toastify__toast {
    --y: 0;
    position: relative;
    touch-action: none;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    display: flex;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0;
    overflow: hidden
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s
}

.Toastify__toast--stacked[data-collapsed] .Toastify__close-button, .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
    opacity: 0
}

.Toastify__toast--stacked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    margin: auto 0;
    flex: 1 1 auto;
    padding: 6px;
    display: flex;
    align-items: center
}

.Toastify__toast-body > div:last-child {
    word-break: break-word;
    flex: 1
}

.Toastify__toast-icon {
    margin-inline-end: 10px;
    width: 20px;
    flex-shrink: 0;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .5s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    align-self: flex-start;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button > svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }
    30% {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.fi, .fib {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.fi {
    position: relative;
    display: inline-block;
    width: 1.333333em;
    line-height: 1em
}

.fi:before {
    content: " "
}

.fi.fis {
    width: 1em
}

.fi-xx {
    background-image: url(/_next/static/media/xx.7aec1681.svg)
}

.fi-xx.fis {
    background-image: url(/_next/static/media/xx.36e887fc.svg)
}

.fi-ad {
    background-image: url(/_next/static/media/ad.b565cad3.svg)
}

.fi-ad.fis {
    background-image: url(/_next/static/media/ad.14b2769a.svg)
}

.fi-ae {
    background-image: url(/_next/static/media/ae.f162af03.svg)
}

.fi-ae.fis {
    background-image: url(/_next/static/media/ae.d03f76a0.svg)
}

.fi-af {
    background-image: url(/_next/static/media/af.c6050ccd.svg)
}

.fi-af.fis {
    background-image: url(/_next/static/media/af.435470e3.svg)
}

.fi-ag {
    background-image: url(/_next/static/media/ag.62cf6a10.svg)
}

.fi-ag.fis {
    background-image: url(/_next/static/media/ag.e4ec7960.svg)
}

.fi-ai {
    background-image: url(/_next/static/media/ai.2a1a5933.svg)
}

.fi-ai.fis {
    background-image: url(/_next/static/media/ai.a4b34f84.svg)
}

.fi-al {
    background-image: url(/_next/static/media/al.5df89ac8.svg)
}

.fi-al.fis {
    background-image: url(/_next/static/media/al.4833b4f3.svg)
}

.fi-am {
    background-image: url(/_next/static/media/am.7f72827a.svg)
}

.fi-am.fis {
    background-image: url(/_next/static/media/am.34892225.svg)
}

.fi-ao {
    background-image: url(/_next/static/media/ao.a4fd2437.svg)
}

.fi-ao.fis {
    background-image: url(/_next/static/media/ao.dc602665.svg)
}

.fi-aq {
    background-image: url(/_next/static/media/aq.ce1f8e53.svg)
}

.fi-aq.fis {
    background-image: url(/_next/static/media/aq.f2df55b9.svg)
}

.fi-ar {
    background-image: url(/_next/static/media/ar.6208071e.svg)
}

.fi-ar.fis {
    background-image: url(/_next/static/media/ar.00c27288.svg)
}

.fi-as {
    background-image: url(/_next/static/media/as.01647fad.svg)
}

.fi-as.fis {
    background-image: url(/_next/static/media/as.a2913fa2.svg)
}

.fi-at {
    background-image: url(/_next/static/media/at.5b89999f.svg)
}

.fi-at.fis {
    background-image: url(/_next/static/media/at.eff32dd0.svg)
}

.fi-au {
    background-image: url(/_next/static/media/au.37597da1.svg)
}

.fi-au.fis {
    background-image: url(/_next/static/media/au.f7475e83.svg)
}

.fi-aw {
    background-image: url(/_next/static/media/aw.ffc51b5a.svg)
}

.fi-aw.fis {
    background-image: url(/_next/static/media/aw.38f24953.svg)
}

.fi-ax {
    background-image: url(/_next/static/media/ax.52a80967.svg)
}

.fi-ax.fis {
    background-image: url(/_next/static/media/ax.ff1515de.svg)
}

.fi-az {
    background-image: url(/_next/static/media/az.68efbd04.svg)
}

.fi-az.fis {
    background-image: url(/_next/static/media/az.1b8731a4.svg)
}

.fi-ba {
    background-image: url(/_next/static/media/ba.a6d937cc.svg)
}

.fi-ba.fis {
    background-image: url(/_next/static/media/ba.f7b5581c.svg)
}

.fi-bb {
    background-image: url(/_next/static/media/bb.4f50c33a.svg)
}

.fi-bb.fis {
    background-image: url(/_next/static/media/bb.39025a56.svg)
}

.fi-bd {
    background-image: url(/_next/static/media/bd.3b0570c0.svg)
}

.fi-bd.fis {
    background-image: url(/_next/static/media/bd.dda0e02d.svg)
}

.fi-be {
    background-image: url(/_next/static/media/be.77cccf17.svg)
}

.fi-be.fis {
    background-image: url(/_next/static/media/be.8dd87cc1.svg)
}

.fi-bf {
    background-image: url(/_next/static/media/bf.415d3659.svg)
}

.fi-bf.fis {
    background-image: url(/_next/static/media/bf.580f6b00.svg)
}

.fi-bg {
    background-image: url(/_next/static/media/bg.27e6e74d.svg)
}

.fi-bg.fis {
    background-image: url(/_next/static/media/bg.d5f28354.svg)
}

.fi-bh {
    background-image: url(/_next/static/media/bh.2ff06f83.svg)
}

.fi-bh.fis {
    background-image: url(/_next/static/media/bh.84867991.svg)
}

.fi-bi {
    background-image: url(/_next/static/media/bi.a6b2059a.svg)
}

.fi-bi.fis {
    background-image: url(/_next/static/media/bi.b0f6538c.svg)
}

.fi-bj {
    background-image: url(/_next/static/media/bj.1375d8c9.svg)
}

.fi-bj.fis {
    background-image: url(/_next/static/media/bj.14b050e1.svg)
}

.fi-bl {
    background-image: url(/_next/static/media/bl.0d579979.svg)
}

.fi-bl.fis {
    background-image: url(/_next/static/media/bl.2c23e677.svg)
}

.fi-bm {
    background-image: url(/_next/static/media/bm.a27098d2.svg)
}

.fi-bm.fis {
    background-image: url(/_next/static/media/bm.75279f04.svg)
}

.fi-bn {
    background-image: url(/_next/static/media/bn.c13ab93d.svg)
}

.fi-bn.fis {
    background-image: url(/_next/static/media/bn.4e5ec8c5.svg)
}

.fi-bo {
    background-image: url(/_next/static/media/bo.9eafaa77.svg)
}

.fi-bo.fis {
    background-image: url(/_next/static/media/bo.47b87e1d.svg)
}

.fi-bq {
    background-image: url(/_next/static/media/bq.f6d582bf.svg)
}

.fi-bq.fis {
    background-image: url(/_next/static/media/bq.68b35ed6.svg)
}

.fi-br {
    background-image: url(/_next/static/media/br.de35e3d0.svg)
}

.fi-br.fis {
    background-image: url(/_next/static/media/br.67a6502f.svg)
}

.fi-bs {
    background-image: url(/_next/static/media/bs.d0bf1659.svg)
}

.fi-bs.fis {
    background-image: url(/_next/static/media/bs.1fc645d9.svg)
}

.fi-bt {
    background-image: url(/_next/static/media/bt.bc95f27c.svg)
}

.fi-bt.fis {
    background-image: url(/_next/static/media/bt.1a35bb57.svg)
}

.fi-bv {
    background-image: url(/_next/static/media/bv.dbc727c7.svg)
}

.fi-bv.fis {
    background-image: url(/_next/static/media/bv.b376a0c2.svg)
}

.fi-bw {
    background-image: url(/_next/static/media/bw.df3366e6.svg)
}

.fi-bw.fis {
    background-image: url(/_next/static/media/bw.a1b03391.svg)
}

.fi-by {
    background-image: url(/_next/static/media/by.dcca2e49.svg)
}

.fi-by.fis {
    background-image: url(/_next/static/media/by.a9f5b570.svg)
}

.fi-bz {
    background-image: url(/_next/static/media/bz.07b1393a.svg)
}

.fi-bz.fis {
    background-image: url(/_next/static/media/bz.239d2201.svg)
}

.fi-ca {
    background-image: url(/_next/static/media/ca.896bca67.svg)
}

.fi-ca.fis {
    background-image: url(/_next/static/media/ca.b405d187.svg)
}

.fi-cc {
    background-image: url(/_next/static/media/cc.755d680f.svg)
}

.fi-cc.fis {
    background-image: url(/_next/static/media/cc.8bd1a967.svg)
}

.fi-cd {
    background-image: url(/_next/static/media/cd.25808585.svg)
}

.fi-cd.fis {
    background-image: url(/_next/static/media/cd.fffb6b4f.svg)
}

.fi-cf {
    background-image: url(/_next/static/media/cf.be784cc8.svg)
}

.fi-cf.fis {
    background-image: url(/_next/static/media/cf.6cff29be.svg)
}

.fi-cg {
    background-image: url(/_next/static/media/cg.d1d9c2f7.svg)
}

.fi-cg.fis {
    background-image: url(/_next/static/media/cg.4b0f3275.svg)
}

.fi-ch {
    background-image: url(/_next/static/media/ch.a4939cb8.svg)
}

.fi-ch.fis {
    background-image: url(/_next/static/media/ch.baba02d3.svg)
}

.fi-ci {
    background-image: url(/_next/static/media/ci.514886a6.svg)
}

.fi-ci.fis {
    background-image: url(/_next/static/media/ci.6778515b.svg)
}

.fi-ck {
    background-image: url(/_next/static/media/ck.04d9039d.svg)
}

.fi-ck.fis {
    background-image: url(/_next/static/media/ck.d6781181.svg)
}

.fi-cl {
    background-image: url(/_next/static/media/cl.c77df473.svg)
}

.fi-cl.fis {
    background-image: url(/_next/static/media/cl.5a22125c.svg)
}

.fi-cm {
    background-image: url(/_next/static/media/cm.a298fc08.svg)
}

.fi-cm.fis {
    background-image: url(/_next/static/media/cm.f4820dd5.svg)
}

.fi-cn {
    background-image: url(/_next/static/media/cn.7fd9bbb9.svg)
}

.fi-cn.fis {
    background-image: url(/_next/static/media/cn.cb52daf1.svg)
}

.fi-co {
    background-image: url(/_next/static/media/co.6b78e07b.svg)
}

.fi-co.fis {
    background-image: url(/_next/static/media/co.76882952.svg)
}

.fi-cr {
    background-image: url(/_next/static/media/cr.cc088912.svg)
}

.fi-cr.fis {
    background-image: url(/_next/static/media/cr.1b227430.svg)
}

.fi-cu {
    background-image: url(/_next/static/media/cu.41475839.svg)
}

.fi-cu.fis {
    background-image: url(/_next/static/media/cu.ad9e4327.svg)
}

.fi-cv {
    background-image: url(/_next/static/media/cv.8b2e1c15.svg)
}

.fi-cv.fis {
    background-image: url(/_next/static/media/cv.526fd91a.svg)
}

.fi-cw {
    background-image: url(/_next/static/media/cw.93b85dbf.svg)
}

.fi-cw.fis {
    background-image: url(/_next/static/media/cw.02547adf.svg)
}

.fi-cx {
    background-image: url(/_next/static/media/cx.fd2a5aee.svg)
}

.fi-cx.fis {
    background-image: url(/_next/static/media/cx.4676a5e8.svg)
}

.fi-cy {
    background-image: url(/_next/static/media/cy.7249484c.svg)
}

.fi-cy.fis {
    background-image: url(/_next/static/media/cy.239da485.svg)
}

.fi-cz {
    background-image: url(/_next/static/media/cz.7c86bb18.svg)
}

.fi-cz.fis {
    background-image: url(/_next/static/media/cz.83554014.svg)
}

.fi-de {
    background-image: url(/_next/static/media/de.666805f5.svg)
}

.fi-de.fis {
    background-image: url(/_next/static/media/de.7643c466.svg)
}

.fi-dj {
    background-image: url(/_next/static/media/dj.fdb22cb3.svg)
}

.fi-dj.fis {
    background-image: url(/_next/static/media/dj.5938f70a.svg)
}

.fi-dk {
    background-image: url(/_next/static/media/dk.4b0313b3.svg)
}

.fi-dk.fis {
    background-image: url(/_next/static/media/dk.89836fb3.svg)
}

.fi-dm {
    background-image: url(/_next/static/media/dm.c3205e29.svg)
}

.fi-dm.fis {
    background-image: url(/_next/static/media/dm.be65cbd3.svg)
}

.fi-do {
    background-image: url(/_next/static/media/do.90543632.svg)
}

.fi-do.fis {
    background-image: url(/_next/static/media/do.5dff1c5f.svg)
}

.fi-dz {
    background-image: url(/_next/static/media/dz.eccc2d17.svg)
}

.fi-dz.fis {
    background-image: url(/_next/static/media/dz.4d424eed.svg)
}

.fi-ec {
    background-image: url(/_next/static/media/ec.fe749fb4.svg)
}

.fi-ec.fis {
    background-image: url(/_next/static/media/ec.c410ad34.svg)
}

.fi-ee {
    background-image: url(/_next/static/media/ee.56dc3aee.svg)
}

.fi-ee.fis {
    background-image: url(/_next/static/media/ee.866fd1e9.svg)
}

.fi-eg {
    background-image: url(/_next/static/media/eg.047d5d78.svg)
}

.fi-eg.fis {
    background-image: url(/_next/static/media/eg.fa4029f7.svg)
}

.fi-eh {
    background-image: url(/_next/static/media/eh.8c2d6290.svg)
}

.fi-eh.fis {
    background-image: url(/_next/static/media/eh.fb5f92c8.svg)
}

.fi-er {
    background-image: url(/_next/static/media/er.522330c7.svg)
}

.fi-er.fis {
    background-image: url(/_next/static/media/er.dd9cd168.svg)
}

.fi-es {
    background-image: url(/_next/static/media/es.b74b7366.svg)
}

.fi-es.fis {
    background-image: url(/_next/static/media/es.56e04edb.svg)
}

.fi-et {
    background-image: url(/_next/static/media/et.2590f747.svg)
}

.fi-et.fis {
    background-image: url(/_next/static/media/et.831fb719.svg)
}

.fi-fi {
    background-image: url(/_next/static/media/fi.97487f84.svg)
}

.fi-fi.fis {
    background-image: url(/_next/static/media/fi.26d2687d.svg)
}

.fi-fj {
    background-image: url(/_next/static/media/fj.a7cdc5d9.svg)
}

.fi-fj.fis {
    background-image: url(/_next/static/media/fj.bdaf8e0b.svg)
}

.fi-fk {
    background-image: url(/_next/static/media/fk.2fa70293.svg)
}

.fi-fk.fis {
    background-image: url(/_next/static/media/fk.67b13a77.svg)
}

.fi-fm {
    background-image: url(/_next/static/media/fm.624c0401.svg)
}

.fi-fm.fis {
    background-image: url(/_next/static/media/fm.9f69c44d.svg)
}

.fi-fo {
    background-image: url(/_next/static/media/fo.67175ea9.svg)
}

.fi-fo.fis {
    background-image: url(/_next/static/media/fo.e2127081.svg)
}

.fi-fr {
    background-image: url(/_next/static/media/fr.f5380d92.svg)
}

.fi-fr.fis {
    background-image: url(/_next/static/media/fr.9b218945.svg)
}

.fi-ga {
    background-image: url(/_next/static/media/ga.c54a4716.svg)
}

.fi-ga.fis {
    background-image: url(/_next/static/media/ga.ed2911b6.svg)
}

.fi-gb {
    background-image: url(/_next/static/media/gb.a50bb9b9.svg)
}

.fi-gb.fis {
    background-image: url(/_next/static/media/gb.84704546.svg)
}

.fi-gd {
    background-image: url(/_next/static/media/gd.e05a9476.svg)
}

.fi-gd.fis {
    background-image: url(/_next/static/media/gd.14a558de.svg)
}

.fi-ge {
    background-image: url(/_next/static/media/ge.ea35a606.svg)
}

.fi-ge.fis {
    background-image: url(/_next/static/media/ge.58018902.svg)
}

.fi-gf {
    background-image: url(/_next/static/media/gf.3432de9d.svg)
}

.fi-gf.fis {
    background-image: url(/_next/static/media/gf.ebd3395c.svg)
}

.fi-gg {
    background-image: url(/_next/static/media/gg.2a17e1f5.svg)
}

.fi-gg.fis {
    background-image: url(/_next/static/media/gg.20336d11.svg)
}

.fi-gh {
    background-image: url(/_next/static/media/gh.c17cf878.svg)
}

.fi-gh.fis {
    background-image: url(/_next/static/media/gh.448b0251.svg)
}

.fi-gi {
    background-image: url(/_next/static/media/gi.1b7f29db.svg)
}

.fi-gi.fis {
    background-image: url(/_next/static/media/gi.238dcba4.svg)
}

.fi-gl {
    background-image: url(/_next/static/media/gl.78358425.svg)
}

.fi-gl.fis {
    background-image: url(/_next/static/media/gl.5444bdb4.svg)
}

.fi-gm {
    background-image: url(/_next/static/media/gm.ed8bbaab.svg)
}

.fi-gm.fis {
    background-image: url(/_next/static/media/gm.f9f1be29.svg)
}

.fi-gn {
    background-image: url(/_next/static/media/gn.649ba66f.svg)
}

.fi-gn.fis {
    background-image: url(/_next/static/media/gn.f1877078.svg)
}

.fi-gp {
    background-image: url(/_next/static/media/gp.bbea90b2.svg)
}

.fi-gp.fis {
    background-image: url(/_next/static/media/gp.6fcf1bbe.svg)
}

.fi-gq {
    background-image: url(/_next/static/media/gq.c572f675.svg)
}

.fi-gq.fis {
    background-image: url(/_next/static/media/gq.c6128d72.svg)
}

.fi-gr {
    background-image: url(/_next/static/media/gr.c44dd9de.svg)
}

.fi-gr.fis {
    background-image: url(/_next/static/media/gr.b29b73cc.svg)
}

.fi-gs {
    background-image: url(/_next/static/media/gs.fe3374bb.svg)
}

.fi-gs.fis {
    background-image: url(/_next/static/media/gs.4ae78589.svg)
}

.fi-gt {
    background-image: url(/_next/static/media/gt.c5f468c9.svg)
}

.fi-gt.fis {
    background-image: url(/_next/static/media/gt.097451fc.svg)
}

.fi-gu {
    background-image: url(/_next/static/media/gu.b033e7a6.svg)
}

.fi-gu.fis {
    background-image: url(/_next/static/media/gu.e98af0a7.svg)
}

.fi-gw {
    background-image: url(/_next/static/media/gw.ea5c7733.svg)
}

.fi-gw.fis {
    background-image: url(/_next/static/media/gw.63a96ba0.svg)
}

.fi-gy {
    background-image: url(/_next/static/media/gy.a49496e0.svg)
}

.fi-gy.fis {
    background-image: url(/_next/static/media/gy.f6fc470b.svg)
}

.fi-hk {
    background-image: url(/_next/static/media/hk.fbcde7e7.svg)
}

.fi-hk.fis {
    background-image: url(/_next/static/media/hk.dce082af.svg)
}

.fi-hm {
    background-image: url(/_next/static/media/hm.82bbdf2c.svg)
}

.fi-hm.fis {
    background-image: url(/_next/static/media/hm.5becb17f.svg)
}

.fi-hn {
    background-image: url(/_next/static/media/hn.2743fae6.svg)
}

.fi-hn.fis {
    background-image: url(/_next/static/media/hn.04ddc9c9.svg)
}

.fi-hr {
    background-image: url(/_next/static/media/hr.34b7d242.svg)
}

.fi-hr.fis {
    background-image: url(/_next/static/media/hr.f0c84cca.svg)
}

.fi-ht {
    background-image: url(/_next/static/media/ht.da0b6318.svg)
}

.fi-ht.fis {
    background-image: url(/_next/static/media/ht.9f915077.svg)
}

.fi-hu {
    background-image: url(/_next/static/media/hu.16c6335f.svg)
}

.fi-hu.fis {
    background-image: url(/_next/static/media/hu.dd178f4f.svg)
}

.fi-id {
    background-image: url(/_next/static/media/id.4cad97a8.svg)
}

.fi-id.fis {
    background-image: url(/_next/static/media/id.14f7cd20.svg)
}

.fi-ie {
    background-image: url(/_next/static/media/ie.81491cb3.svg)
}

.fi-ie.fis {
    background-image: url(/_next/static/media/ie.3ffc25e6.svg)
}

.fi-il {
    background-image: url(/_next/static/media/il.80b0a878.svg)
}

.fi-il.fis {
    background-image: url(/_next/static/media/il.189a898e.svg)
}

.fi-im {
    background-image: url(/_next/static/media/im.479ad3e9.svg)
}

.fi-im.fis {
    background-image: url(/_next/static/media/im.6477619a.svg)
}

.fi-in {
    background-image: url(/_next/static/media/in.895a1570.svg)
}

.fi-in.fis {
    background-image: url(/_next/static/media/in.d0d6fbfb.svg)
}

.fi-io {
    background-image: url(/_next/static/media/io.fc7eebc1.svg)
}

.fi-io.fis {
    background-image: url(/_next/static/media/io.6bb5f04b.svg)
}

.fi-iq {
    background-image: url(/_next/static/media/iq.ef417ed1.svg)
}

.fi-iq.fis {
    background-image: url(/_next/static/media/iq.97972d36.svg)
}

.fi-ir {
    background-image: url(/_next/static/media/ir.801fbb84.svg)
}

.fi-ir.fis {
    background-image: url(/_next/static/media/ir.b0b67ec9.svg)
}

.fi-is {
    background-image: url(/_next/static/media/is.d9058ffe.svg)
}

.fi-is.fis {
    background-image: url(/_next/static/media/is.429236e3.svg)
}

.fi-it {
    background-image: url(/_next/static/media/it.919398e6.svg)
}

.fi-it.fis {
    background-image: url(/_next/static/media/it.a33eed70.svg)
}

.fi-je {
    background-image: url(/_next/static/media/je.2b7a276f.svg)
}

.fi-je.fis {
    background-image: url(/_next/static/media/je.2f55f42c.svg)
}

.fi-jm {
    background-image: url(/_next/static/media/jm.d2a19045.svg)
}

.fi-jm.fis {
    background-image: url(/_next/static/media/jm.bdacb13d.svg)
}

.fi-jo {
    background-image: url(/_next/static/media/jo.1d753f70.svg)
}

.fi-jo.fis {
    background-image: url(/_next/static/media/jo.5f1bc0fd.svg)
}

.fi-jp {
    background-image: url(/_next/static/media/jp.469572a4.svg)
}

.fi-jp.fis {
    background-image: url(/_next/static/media/jp.f7679c7d.svg)
}

.fi-ke {
    background-image: url(/_next/static/media/ke.f16cb069.svg)
}

.fi-ke.fis {
    background-image: url(/_next/static/media/ke.97ba1711.svg)
}

.fi-kg {
    background-image: url(/_next/static/media/kg.be82c42b.svg)
}

.fi-kg.fis {
    background-image: url(/_next/static/media/kg.994fed1d.svg)
}

.fi-kh {
    background-image: url(/_next/static/media/kh.11eb9a0f.svg)
}

.fi-kh.fis {
    background-image: url(/_next/static/media/kh.e67aa6fd.svg)
}

.fi-ki {
    background-image: url(/_next/static/media/ki.9e4e595c.svg)
}

.fi-ki.fis {
    background-image: url(/_next/static/media/ki.2e09febf.svg)
}

.fi-km {
    background-image: url(/_next/static/media/km.7a0dade4.svg)
}

.fi-km.fis {
    background-image: url(/_next/static/media/km.646d1493.svg)
}

.fi-kn {
    background-image: url(/_next/static/media/kn.fd378e90.svg)
}

.fi-kn.fis {
    background-image: url(/_next/static/media/kn.108c8847.svg)
}

.fi-kp {
    background-image: url(/_next/static/media/kp.91011e5b.svg)
}

.fi-kp.fis {
    background-image: url(/_next/static/media/kp.c253ccbb.svg)
}

.fi-kr {
    background-image: url(/_next/static/media/kr.653f2f60.svg)
}

.fi-kr.fis {
    background-image: url(/_next/static/media/kr.b7c6fcdd.svg)
}

.fi-kw {
    background-image: url(/_next/static/media/kw.f6baad6c.svg)
}

.fi-kw.fis {
    background-image: url(/_next/static/media/kw.fb4eb65c.svg)
}

.fi-ky {
    background-image: url(/_next/static/media/ky.4f9c0b82.svg)
}

.fi-ky.fis {
    background-image: url(/_next/static/media/ky.c6d5a8d5.svg)
}

.fi-kz {
    background-image: url(/_next/static/media/kz.6e1e994c.svg)
}

.fi-kz.fis {
    background-image: url(/_next/static/media/kz.07b60b89.svg)
}

.fi-la {
    background-image: url(/_next/static/media/la.21965b6b.svg)
}

.fi-la.fis {
    background-image: url(/_next/static/media/la.a6797aaf.svg)
}

.fi-lb {
    background-image: url(/_next/static/media/lb.ed2ddca6.svg)
}

.fi-lb.fis {
    background-image: url(/_next/static/media/lb.95bb0628.svg)
}

.fi-lc {
    background-image: url(/_next/static/media/lc.75168bb4.svg)
}

.fi-lc.fis {
    background-image: url(/_next/static/media/lc.ab0f97c6.svg)
}

.fi-li {
    background-image: url(/_next/static/media/li.5cded325.svg)
}

.fi-li.fis {
    background-image: url(/_next/static/media/li.948747ca.svg)
}

.fi-lk {
    background-image: url(/_next/static/media/lk.b7c51dbe.svg)
}

.fi-lk.fis {
    background-image: url(/_next/static/media/lk.23166e8c.svg)
}

.fi-lr {
    background-image: url(/_next/static/media/lr.53b9aaa6.svg)
}

.fi-lr.fis {
    background-image: url(/_next/static/media/lr.24de0706.svg)
}

.fi-ls {
    background-image: url(/_next/static/media/ls.3ffccbb5.svg)
}

.fi-ls.fis {
    background-image: url(/_next/static/media/ls.9d74b3ad.svg)
}

.fi-lt {
    background-image: url(/_next/static/media/lt.bf4fafec.svg)
}

.fi-lt.fis {
    background-image: url(/_next/static/media/lt.8caacf8e.svg)
}

.fi-lu {
    background-image: url(/_next/static/media/lu.86de7018.svg)
}

.fi-lu.fis {
    background-image: url(/_next/static/media/lu.c50a5e54.svg)
}

.fi-lv {
    background-image: url(/_next/static/media/lv.a0f4e501.svg)
}

.fi-lv.fis {
    background-image: url(/_next/static/media/lv.4971dcb7.svg)
}

.fi-ly {
    background-image: url(/_next/static/media/ly.767d61c3.svg)
}

.fi-ly.fis {
    background-image: url(/_next/static/media/ly.b15665e7.svg)
}

.fi-ma {
    background-image: url(/_next/static/media/ma.ac9e8647.svg)
}

.fi-ma.fis {
    background-image: url(/_next/static/media/ma.011669b1.svg)
}

.fi-mc {
    background-image: url(/_next/static/media/mc.4575357b.svg)
}

.fi-mc.fis {
    background-image: url(/_next/static/media/mc.8d86df98.svg)
}

.fi-md {
    background-image: url(/_next/static/media/md.dba4c7fc.svg)
}

.fi-md.fis {
    background-image: url(/_next/static/media/md.1ac10547.svg)
}

.fi-me {
    background-image: url(/_next/static/media/me.4978895c.svg)
}

.fi-me.fis {
    background-image: url(/_next/static/media/me.7e20b942.svg)
}

.fi-mf {
    background-image: url(/_next/static/media/mf.ec6640d7.svg)
}

.fi-mf.fis {
    background-image: url(/_next/static/media/mf.bc094987.svg)
}

.fi-mg {
    background-image: url(/_next/static/media/mg.fdccffd8.svg)
}

.fi-mg.fis {
    background-image: url(/_next/static/media/mg.4877b16a.svg)
}

.fi-mh {
    background-image: url(/_next/static/media/mh.2e69453f.svg)
}

.fi-mh.fis {
    background-image: url(/_next/static/media/mh.84332268.svg)
}

.fi-mk {
    background-image: url(/_next/static/media/mk.e08d824e.svg)
}

.fi-mk.fis {
    background-image: url(/_next/static/media/mk.2e8a86db.svg)
}

.fi-ml {
    background-image: url(/_next/static/media/ml.8913b6a0.svg)
}

.fi-ml.fis {
    background-image: url(/_next/static/media/ml.ba7ce81b.svg)
}

.fi-mm {
    background-image: url(/_next/static/media/mm.88f1ae1b.svg)
}

.fi-mm.fis {
    background-image: url(/_next/static/media/mm.588f0238.svg)
}

.fi-mn {
    background-image: url(/_next/static/media/mn.365f5b1a.svg)
}

.fi-mn.fis {
    background-image: url(/_next/static/media/mn.b7e17957.svg)
}

.fi-mo {
    background-image: url(/_next/static/media/mo.5c0be540.svg)
}

.fi-mo.fis {
    background-image: url(/_next/static/media/mo.26867be2.svg)
}

.fi-mp {
    background-image: url(/_next/static/media/mp.fb95729b.svg)
}

.fi-mp.fis {
    background-image: url(/_next/static/media/mp.8842d0ea.svg)
}

.fi-mq {
    background-image: url(/_next/static/media/mq.552f523c.svg)
}

.fi-mq.fis {
    background-image: url(/_next/static/media/mq.ff8d61a6.svg)
}

.fi-mr {
    background-image: url(/_next/static/media/mr.b1c94640.svg)
}

.fi-mr.fis {
    background-image: url(/_next/static/media/mr.102a50bf.svg)
}

.fi-ms {
    background-image: url(/_next/static/media/ms.57d5c0e6.svg)
}

.fi-ms.fis {
    background-image: url(/_next/static/media/ms.2e19586b.svg)
}

.fi-mt {
    background-image: url(/_next/static/media/mt.2a8198a4.svg)
}

.fi-mt.fis {
    background-image: url(/_next/static/media/mt.b8ab0ef5.svg)
}

.fi-mu {
    background-image: url(/_next/static/media/mu.c9c6e4ee.svg)
}

.fi-mu.fis {
    background-image: url(/_next/static/media/mu.42abd700.svg)
}

.fi-mv {
    background-image: url(/_next/static/media/mv.f37078c1.svg)
}

.fi-mv.fis {
    background-image: url(/_next/static/media/mv.cd985551.svg)
}

.fi-mw {
    background-image: url(/_next/static/media/mw.69ded792.svg)
}

.fi-mw.fis {
    background-image: url(/_next/static/media/mw.65a71322.svg)
}

.fi-mx {
    background-image: url(/_next/static/media/mx.1134b850.svg)
}

.fi-mx.fis {
    background-image: url(/_next/static/media/mx.bc259576.svg)
}

.fi-my {
    background-image: url(/_next/static/media/my.fc14919a.svg)
}

.fi-my.fis {
    background-image: url(/_next/static/media/my.2cdcc8d1.svg)
}

.fi-mz {
    background-image: url(/_next/static/media/mz.2506e9e5.svg)
}

.fi-mz.fis {
    background-image: url(/_next/static/media/mz.4f04cc96.svg)
}

.fi-na {
    background-image: url(/_next/static/media/na.54baa000.svg)
}

.fi-na.fis {
    background-image: url(/_next/static/media/na.a64d8ca1.svg)
}

.fi-nc {
    background-image: url(/_next/static/media/nc.fe4ee3e5.svg)
}

.fi-nc.fis {
    background-image: url(/_next/static/media/nc.51c5586c.svg)
}

.fi-ne {
    background-image: url(/_next/static/media/ne.6a215ca5.svg)
}

.fi-ne.fis {
    background-image: url(/_next/static/media/ne.ddabaa80.svg)
}

.fi-nf {
    background-image: url(/_next/static/media/nf.0e3b38dc.svg)
}

.fi-nf.fis {
    background-image: url(/_next/static/media/nf.407d2ab8.svg)
}

.fi-ng {
    background-image: url(/_next/static/media/ng.ec2e74e2.svg)
}

.fi-ng.fis {
    background-image: url(/_next/static/media/ng.5247079e.svg)
}

.fi-ni {
    background-image: url(/_next/static/media/ni.5163411d.svg)
}

.fi-ni.fis {
    background-image: url(/_next/static/media/ni.bf7fcea5.svg)
}

.fi-nl {
    background-image: url(/_next/static/media/nl.c49ee8d5.svg)
}

.fi-nl.fis {
    background-image: url(/_next/static/media/nl.2c98e1df.svg)
}

.fi-no {
    background-image: url(/_next/static/media/no.4ceb414c.svg)
}

.fi-no.fis {
    background-image: url(/_next/static/media/no.a519bc0f.svg)
}

.fi-np {
    background-image: url(/_next/static/media/np.3a5eec1c.svg)
}

.fi-np.fis {
    background-image: url(/_next/static/media/np.a94793ce.svg)
}

.fi-nr {
    background-image: url(/_next/static/media/nr.f98dec91.svg)
}

.fi-nr.fis {
    background-image: url(/_next/static/media/nr.a83a706b.svg)
}

.fi-nu {
    background-image: url(/_next/static/media/nu.e3a84a02.svg)
}

.fi-nu.fis {
    background-image: url(/_next/static/media/nu.ab755ce5.svg)
}

.fi-nz {
    background-image: url(/_next/static/media/nz.16212e51.svg)
}

.fi-nz.fis {
    background-image: url(/_next/static/media/nz.e296aaa6.svg)
}

.fi-om {
    background-image: url(/_next/static/media/om.449f75b2.svg)
}

.fi-om.fis {
    background-image: url(/_next/static/media/om.0747201c.svg)
}

.fi-pa {
    background-image: url(/_next/static/media/pa.78bb9a3d.svg)
}

.fi-pa.fis {
    background-image: url(/_next/static/media/pa.beca3af6.svg)
}

.fi-pe {
    background-image: url(/_next/static/media/pe.1320cd1a.svg)
}

.fi-pe.fis {
    background-image: url(/_next/static/media/pe.74e80a97.svg)
}

.fi-pf {
    background-image: url(/_next/static/media/pf.41e90cd1.svg)
}

.fi-pf.fis {
    background-image: url(/_next/static/media/pf.43045c7c.svg)
}

.fi-pg {
    background-image: url(/_next/static/media/pg.cb62536b.svg)
}

.fi-pg.fis {
    background-image: url(/_next/static/media/pg.ed799a7c.svg)
}

.fi-ph {
    background-image: url(/_next/static/media/ph.d218202d.svg)
}

.fi-ph.fis {
    background-image: url(/_next/static/media/ph.fdc9fd6e.svg)
}

.fi-pk {
    background-image: url(/_next/static/media/pk.b52bfbe8.svg)
}

.fi-pk.fis {
    background-image: url(/_next/static/media/pk.39a05c74.svg)
}

.fi-pl {
    background-image: url(/_next/static/media/pl.4ca59b6d.svg)
}

.fi-pl.fis {
    background-image: url(/_next/static/media/pl.b7f0464c.svg)
}

.fi-pm {
    background-image: url(/_next/static/media/pm.a5508b8f.svg)
}

.fi-pm.fis {
    background-image: url(/_next/static/media/pm.6e3b8747.svg)
}

.fi-pn {
    background-image: url(/_next/static/media/pn.b4e1ab6a.svg)
}

.fi-pn.fis {
    background-image: url(/_next/static/media/pn.5e11b03b.svg)
}

.fi-pr {
    background-image: url(/_next/static/media/pr.89d15f52.svg)
}

.fi-pr.fis {
    background-image: url(/_next/static/media/pr.eac89ae4.svg)
}

.fi-ps {
    background-image: url(/_next/static/media/ps.af946441.svg)
}

.fi-ps.fis {
    background-image: url(/_next/static/media/ps.651e63e8.svg)
}

.fi-pt {
    background-image: url(/_next/static/media/pt.acd403c0.svg)
}

.fi-pt.fis {
    background-image: url(/_next/static/media/pt.751775fc.svg)
}

.fi-pw {
    background-image: url(/_next/static/media/pw.c4139f47.svg)
}

.fi-pw.fis {
    background-image: url(/_next/static/media/pw.e47cd8a0.svg)
}

.fi-py {
    background-image: url(/_next/static/media/py.975980dc.svg)
}

.fi-py.fis {
    background-image: url(/_next/static/media/py.6523d790.svg)
}

.fi-qa {
    background-image: url(/_next/static/media/qa.f779f3e2.svg)
}

.fi-qa.fis {
    background-image: url(/_next/static/media/qa.79dab309.svg)
}

.fi-re {
    background-image: url(/_next/static/media/re.d3c4fc19.svg)
}

.fi-re.fis {
    background-image: url(/_next/static/media/re.4d18457f.svg)
}

.fi-ro {
    background-image: url(/_next/static/media/ro.c05f47cb.svg)
}

.fi-ro.fis {
    background-image: url(/_next/static/media/ro.4885a544.svg)
}

.fi-rs {
    background-image: url(/_next/static/media/rs.3bffe169.svg)
}

.fi-rs.fis {
    background-image: url(/_next/static/media/rs.0f45ed27.svg)
}

.fi-ru {
    background-image: url(/_next/static/media/ru.2c447906.svg)
}

.fi-ru.fis {
    background-image: url(/_next/static/media/ru.9ee2a40e.svg)
}

.fi-rw {
    background-image: url(/_next/static/media/rw.c85e0781.svg)
}

.fi-rw.fis {
    background-image: url(/_next/static/media/rw.04eaf790.svg)
}

.fi-sa {
    background-image: url(/_next/static/media/sa.0db9e8ec.svg)
}

.fi-sa.fis {
    background-image: url(/_next/static/media/sa.9a769000.svg)
}

.fi-sb {
    background-image: url(/_next/static/media/sb.cf6a4ceb.svg)
}

.fi-sb.fis {
    background-image: url(/_next/static/media/sb.63a8b779.svg)
}

.fi-sc {
    background-image: url(/_next/static/media/sc.ae98e9c5.svg)
}

.fi-sc.fis {
    background-image: url(/_next/static/media/sc.95a235db.svg)
}

.fi-sd {
    background-image: url(/_next/static/media/sd.e0e59b6e.svg)
}

.fi-sd.fis {
    background-image: url(/_next/static/media/sd.cc39c2fd.svg)
}

.fi-se {
    background-image: url(/_next/static/media/se.ec52785e.svg)
}

.fi-se.fis {
    background-image: url(/_next/static/media/se.6e3dfa92.svg)
}

.fi-sg {
    background-image: url(/_next/static/media/sg.7ad85643.svg)
}

.fi-sg.fis {
    background-image: url(/_next/static/media/sg.6c7c77dd.svg)
}

.fi-sh {
    background-image: url(/_next/static/media/sh.3ad15ea1.svg)
}

.fi-sh.fis {
    background-image: url(/_next/static/media/sh.9a586a73.svg)
}

.fi-si {
    background-image: url(/_next/static/media/si.2451437b.svg)
}

.fi-si.fis {
    background-image: url(/_next/static/media/si.7c060dc6.svg)
}

.fi-sj {
    background-image: url(/_next/static/media/sj.239f992c.svg)
}

.fi-sj.fis {
    background-image: url(/_next/static/media/sj.86309dc7.svg)
}

.fi-sk {
    background-image: url(/_next/static/media/sk.22ca1340.svg)
}

.fi-sk.fis {
    background-image: url(/_next/static/media/sk.41f9c3b2.svg)
}

.fi-sl {
    background-image: url(/_next/static/media/sl.193f7759.svg)
}

.fi-sl.fis {
    background-image: url(/_next/static/media/sl.b8e2f9c8.svg)
}

.fi-sm {
    background-image: url(/_next/static/media/sm.4a279393.svg)
}

.fi-sm.fis {
    background-image: url(/_next/static/media/sm.9f3be35f.svg)
}

.fi-sn {
    background-image: url(/_next/static/media/sn.562c00dd.svg)
}

.fi-sn.fis {
    background-image: url(/_next/static/media/sn.3ab9bf55.svg)
}

.fi-so {
    background-image: url(/_next/static/media/so.81fb24d4.svg)
}

.fi-so.fis {
    background-image: url(/_next/static/media/so.90ac99ad.svg)
}

.fi-sr {
    background-image: url(/_next/static/media/sr.3b1c3796.svg)
}

.fi-sr.fis {
    background-image: url(/_next/static/media/sr.0953a6a0.svg)
}

.fi-ss {
    background-image: url(/_next/static/media/ss.1612a976.svg)
}

.fi-ss.fis {
    background-image: url(/_next/static/media/ss.6f65d43c.svg)
}

.fi-st {
    background-image: url(/_next/static/media/st.e2d0e812.svg)
}

.fi-st.fis {
    background-image: url(/_next/static/media/st.24c52b78.svg)
}

.fi-sv {
    background-image: url(/_next/static/media/sv.955539c3.svg)
}

.fi-sv.fis {
    background-image: url(/_next/static/media/sv.4a7ef341.svg)
}

.fi-sx {
    background-image: url(/_next/static/media/sx.1a2113b2.svg)
}

.fi-sx.fis {
    background-image: url(/_next/static/media/sx.ba3ea51f.svg)
}

.fi-sy {
    background-image: url(/_next/static/media/sy.1f32362a.svg)
}

.fi-sy.fis {
    background-image: url(/_next/static/media/sy.f444a6e6.svg)
}

.fi-sz {
    background-image: url(/_next/static/media/sz.cc9ae834.svg)
}

.fi-sz.fis {
    background-image: url(/_next/static/media/sz.61ba2742.svg)
}

.fi-tc {
    background-image: url(/_next/static/media/tc.1d40ce70.svg)
}

.fi-tc.fis {
    background-image: url(/_next/static/media/tc.79662ff0.svg)
}

.fi-td {
    background-image: url(/_next/static/media/td.4112ccd5.svg)
}

.fi-td.fis {
    background-image: url(/_next/static/media/td.5f20acc4.svg)
}

.fi-tf {
    background-image: url(/_next/static/media/tf.7c977baf.svg)
}

.fi-tf.fis {
    background-image: url(/_next/static/media/tf.5fa85387.svg)
}

.fi-tg {
    background-image: url(/_next/static/media/tg.5715bee8.svg)
}

.fi-tg.fis {
    background-image: url(/_next/static/media/tg.a1a84f46.svg)
}

.fi-th {
    background-image: url(/_next/static/media/th.b00e082a.svg)
}

.fi-th.fis {
    background-image: url(/_next/static/media/th.ef374066.svg)
}

.fi-tj {
    background-image: url(/_next/static/media/tj.cea8921a.svg)
}

.fi-tj.fis {
    background-image: url(/_next/static/media/tj.15422eff.svg)
}

.fi-tk {
    background-image: url(/_next/static/media/tk.c0bf669c.svg)
}

.fi-tk.fis {
    background-image: url(/_next/static/media/tk.4c50bf5b.svg)
}

.fi-tl {
    background-image: url(/_next/static/media/tl.2c56cc08.svg)
}

.fi-tl.fis {
    background-image: url(/_next/static/media/tl.8a381dde.svg)
}

.fi-tm {
    background-image: url(/_next/static/media/tm.c0fe3bc6.svg)
}

.fi-tm.fis {
    background-image: url(/_next/static/media/tm.6a8ec56b.svg)
}

.fi-tn {
    background-image: url(/_next/static/media/tn.37c8e7ce.svg)
}

.fi-tn.fis {
    background-image: url(/_next/static/media/tn.00f037a9.svg)
}

.fi-to {
    background-image: url(/_next/static/media/to.e21e7b02.svg)
}

.fi-to.fis {
    background-image: url(/_next/static/media/to.c6f3657c.svg)
}

.fi-tr {
    background-image: url(/_next/static/media/tr.d4c9d92a.svg)
}

.fi-tr.fis {
    background-image: url(/_next/static/media/tr.0def5aa5.svg)
}

.fi-tt {
    background-image: url(/_next/static/media/tt.e0985f1c.svg)
}

.fi-tt.fis {
    background-image: url(/_next/static/media/tt.6ab528e2.svg)
}

.fi-tv {
    background-image: url(/_next/static/media/tv.3824bd65.svg)
}

.fi-tv.fis {
    background-image: url(/_next/static/media/tv.6903cb03.svg)
}

.fi-tw {
    background-image: url(/_next/static/media/tw.73a45808.svg)
}

.fi-tw.fis {
    background-image: url(/_next/static/media/tw.be895da5.svg)
}

.fi-tz {
    background-image: url(/_next/static/media/tz.2fc608dc.svg)
}

.fi-tz.fis {
    background-image: url(/_next/static/media/tz.1c849474.svg)
}

.fi-ua {
    background-image: url(/_next/static/media/ua.f2fcca8e.svg)
}

.fi-ua.fis {
    background-image: url(/_next/static/media/ua.1906adac.svg)
}

.fi-ug {
    background-image: url(/_next/static/media/ug.950aec88.svg)
}

.fi-ug.fis {
    background-image: url(/_next/static/media/ug.447bdffc.svg)
}

.fi-um {
    background-image: url(/_next/static/media/um.dcc46281.svg)
}

.fi-um.fis {
    background-image: url(/_next/static/media/um.3bcbb586.svg)
}

.fi-us {
    background-image: url(/_next/static/media/us.ed9e9dcf.svg)
}

.fi-us.fis {
    background-image: url(/_next/static/media/us.74ba1789.svg)
}

.fi-uy {
    background-image: url(/_next/static/media/uy.9537a65d.svg)
}

.fi-uy.fis {
    background-image: url(/_next/static/media/uy.d2ccd308.svg)
}

.fi-uz {
    background-image: url(/_next/static/media/uz.f2c7bb34.svg)
}

.fi-uz.fis {
    background-image: url(/_next/static/media/uz.547d4bad.svg)
}

.fi-va {
    background-image: url(/_next/static/media/va.959875d9.svg)
}

.fi-va.fis {
    background-image: url(/_next/static/media/va.420e8e0c.svg)
}

.fi-vc {
    background-image: url(/_next/static/media/vc.fef5eea8.svg)
}

.fi-vc.fis {
    background-image: url(/_next/static/media/vc.236a0c50.svg)
}

.fi-ve {
    background-image: url(/_next/static/media/ve.fc18ce10.svg)
}

.fi-ve.fis {
    background-image: url(/_next/static/media/ve.fadaaf82.svg)
}

.fi-vg {
    background-image: url(/_next/static/media/vg.56b7d722.svg)
}

.fi-vg.fis {
    background-image: url(/_next/static/media/vg.a2ba8d0e.svg)
}

.fi-vi {
    background-image: url(/_next/static/media/vi.07ed8cfe.svg)
}

.fi-vi.fis {
    background-image: url(/_next/static/media/vi.aaeab146.svg)
}

.fi-vn {
    background-image: url(/_next/static/media/vn.72f1ed8d.svg)
}

.fi-vn.fis {
    background-image: url(/_next/static/media/vn.8508d803.svg)
}

.fi-vu {
    background-image: url(/_next/static/media/vu.e0449820.svg)
}

.fi-vu.fis {
    background-image: url(/_next/static/media/vu.e2f09778.svg)
}

.fi-wf {
    background-image: url(/_next/static/media/wf.bca98a8b.svg)
}

.fi-wf.fis {
    background-image: url(/_next/static/media/wf.f72e2367.svg)
}

.fi-ws {
    background-image: url(/_next/static/media/ws.7d68a871.svg)
}

.fi-ws.fis {
    background-image: url(/_next/static/media/ws.7f5978f7.svg)
}

.fi-ye {
    background-image: url(/_next/static/media/ye.9d9e4c9f.svg)
}

.fi-ye.fis {
    background-image: url(/_next/static/media/ye.8f3c7165.svg)
}

.fi-yt {
    background-image: url(/_next/static/media/yt.045dc596.svg)
}

.fi-yt.fis {
    background-image: url(/_next/static/media/yt.a50469fc.svg)
}

.fi-za {
    background-image: url(/_next/static/media/za.b4b48b9d.svg)
}

.fi-za.fis {
    background-image: url(/_next/static/media/za.41aa0ffd.svg)
}

.fi-zm {
    background-image: url(/_next/static/media/zm.ef3a9aef.svg)
}

.fi-zm.fis {
    background-image: url(/_next/static/media/zm.58e73af5.svg)
}

.fi-zw {
    background-image: url(/_next/static/media/zw.3e71d5a4.svg)
}

.fi-zw.fis {
    background-image: url(/_next/static/media/zw.f11b2c74.svg)
}

.fi-arab {
    background-image: url(/_next/static/media/arab.073495a5.svg)
}

.fi-arab.fis {
    background-image: url(/_next/static/media/arab.979580f2.svg)
}

.fi-asean {
    background-image: url(/_next/static/media/asean.22f23a72.svg)
}

.fi-asean.fis {
    background-image: url(/_next/static/media/asean.94b668bb.svg)
}

.fi-cefta {
    background-image: url(/_next/static/media/cefta.3c76a868.svg)
}

.fi-cefta.fis {
    background-image: url(/_next/static/media/cefta.6ce94a42.svg)
}

.fi-cp {
    background-image: url(/_next/static/media/cp.d0eb7df6.svg)
}

.fi-cp.fis {
    background-image: url(/_next/static/media/cp.f400c9ba.svg)
}

.fi-dg {
    background-image: url(/_next/static/media/dg.2de1a547.svg)
}

.fi-dg.fis {
    background-image: url(/_next/static/media/dg.52fa6fbe.svg)
}

.fi-eac {
    background-image: url(/_next/static/media/eac.1ac04507.svg)
}

.fi-eac.fis {
    background-image: url(/_next/static/media/eac.8d4776f5.svg)
}

.fi-es-ct {
    background-image: url(/_next/static/media/es-ct.5e59862b.svg)
}

.fi-es-ct.fis {
    background-image: url(/_next/static/media/es-ct.c6598d85.svg)
}

.fi-es-ga {
    background-image: url(/_next/static/media/es-ga.f3f34c34.svg)
}

.fi-es-ga.fis {
    background-image: url(/_next/static/media/es-ga.13ecfea2.svg)
}

.fi-es-pv {
    background-image: url(/_next/static/media/es-pv.75ca1be5.svg)
}

.fi-es-pv.fis {
    background-image: url(/_next/static/media/es-pv.98874354.svg)
}

.fi-eu {
    background-image: url(/_next/static/media/eu.cef9551f.svg)
}

.fi-eu.fis {
    background-image: url(/_next/static/media/eu.6f18afcd.svg)
}

.fi-gb-eng {
    background-image: url(/_next/static/media/gb-eng.e1fc6b4f.svg)
}

.fi-gb-eng.fis {
    background-image: url(/_next/static/media/gb-eng.5107a4c2.svg)
}

.fi-gb-nir {
    background-image: url(/_next/static/media/gb-nir.8ec547f4.svg)
}

.fi-gb-nir.fis {
    background-image: url(/_next/static/media/gb-nir.f40f87d5.svg)
}

.fi-gb-sct {
    background-image: url(/_next/static/media/gb-sct.10f3906a.svg)
}

.fi-gb-sct.fis {
    background-image: url(/_next/static/media/gb-sct.6618f22c.svg)
}

.fi-gb-wls {
    background-image: url(/_next/static/media/gb-wls.a6fac399.svg)
}

.fi-gb-wls.fis {
    background-image: url(/_next/static/media/gb-wls.1cf3d9cc.svg)
}

.fi-ic {
    background-image: url(/_next/static/media/ic.1404e905.svg)
}

.fi-ic.fis {
    background-image: url(/_next/static/media/ic.b8b8078e.svg)
}

.fi-pc {
    background-image: url(/_next/static/media/pc.9cfd8220.svg)
}

.fi-pc.fis {
    background-image: url(/_next/static/media/pc.25fa6033.svg)
}

.fi-sh-ac {
    background-image: url(/_next/static/media/sh-ac.49686f50.svg)
}

.fi-sh-ac.fis {
    background-image: url(/_next/static/media/sh-ac.103f8fd9.svg)
}

.fi-sh-hl {
    background-image: url(/_next/static/media/sh-hl.c4109a60.svg)
}

.fi-sh-hl.fis {
    background-image: url(/_next/static/media/sh-hl.664afc56.svg)
}

.fi-sh-ta {
    background-image: url(/_next/static/media/sh-ta.26f1bf6d.svg)
}

.fi-sh-ta.fis {
    background-image: url(/_next/static/media/sh-ta.9e06bc08.svg)
}

.fi-un {
    background-image: url(/_next/static/media/un.98053442.svg)
}

.fi-un.fis {
    background-image: url(/_next/static/media/un.f72dbd04.svg)
}

.fi-xk {
    background-image: url(/_next/static/media/xk.9fc203f3.svg)
}

.fi-xk.fis {
    background-image: url(/_next/static/media/xk.961776b9.svg)
}

*, :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: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.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:
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid
}

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

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

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

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

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

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

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button, select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

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

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 800px) {
    .container {
        max-width: 800px
    }
}

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

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-left-4 {
    left: -1rem
}

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

.-top-1 {
    top: -.25rem
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-4 {
    bottom: 1rem
}

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

.left-0 {
    left: 0
}

.left-2 {
    left: .5rem
}

.left-6 {
    left: 1.5rem
}

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

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

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

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

.right-0 {
    right: 0
}

.right-3 {
    right: .75rem
}

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

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

.top-0 {
    top: 0
}

.top-10 {
    top: 2.5rem
}

.top-3 {
    top: .75rem
}

.top-9 {
    top: 2.25rem
}

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

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

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

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

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

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

.z-10 {
    z-index: 10
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

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

.z-\[3\] {
    z-index: 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-4 {
    grid-column: span 4/span 4
}

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

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

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

.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-auto {
    margin-left: auto;
    margin-right: auto
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

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

.mb-1\.5 {
    margin-bottom: .375rem
}

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

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

.mb-2\.5 {
    margin-bottom: .625rem
}

.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-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

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

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

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .75rem
}

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

.ml-5 {
    margin-left: 1.25rem
}

.ml-8 {
    margin-left: 2rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-1\.5 {
    margin-right: .375rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

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

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

.mt-0\.5 {
    margin-top: .125rem
}

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

.mt-1\.5 {
    margin-top: .375rem
}

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

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

.mt-2\.5 {
    margin-top: .625rem
}

.mt-20 {
    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-\[22px\] {
    margin-top: 22px
}

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

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

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

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

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

.line-clamp-3 {
    -webkit-line-clamp: 3
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.\!h-5 {
    height: 1.25rem !important
}

.\!h-6 {
    height: 1.5rem !important
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-2\/5 {
    height: 40%
}

.h-20 {
    height: 5rem
}

.h-3\/5 {
    height: 60%
}

.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-\[100px\] {
    height: 100px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

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

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

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

.max-h-\[50dvh\] {
    max-height: 50 dvh
}

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

.min-h-2 {
    min-height: .5rem
}

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

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

.min-h-\[50dvh\] {
    min-height: 50 dvh
}

.min-h-dvh {
    min-height: 100 dvh
}

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

.min-h-screen {
    min-height: 100vh
}

.\!w-5 {
    width: 1.25rem !important
}

.\!w-6 {
    width: 1.5rem !important
}

.\!w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-0\.5 {
    width: .125rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-20 {
    width: 5rem
}

.w-28 {
    width: 7rem
}

.w-3\/4 {
    width: 75%
}

.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-\[100px\] {
    width: 100px
}

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

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

.w-\[136px\] {
    width: 136px
}

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

.w-\[145px\] {
    width: 145px
}

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

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

.w-\[170px\] {
    width: 170px
}

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

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

.w-\[200px\] {
    width: 200px
}

.w-\[217px\] {
    width: 217px
}

.w-\[232px\] {
    width: 232px
}

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

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

.w-\[280px\] {
    width: 280px
}

.w-\[294px\] {
    width: 294px
}

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

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

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

.w-\[350px\] {
    width: 350px
}

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

.w-\[416px\] {
    width: 416px
}

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

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

.w-\[610px\] {
    width: 610px
}

.w-\[70px\] {
    width: 70px
}

.w-\[76px\] {
    width: 76px
}

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

.w-\[900px\] {
    width: 900px
}

.w-\[90px\] {
    width: 90px
}

.w-\[96px\] {
    width: 96px
}

.w-\[calc\(100\%-100px\)\] {
    width: calc(100% - 100px)
}

.w-\[calc\(100\%-200px\)\] {
    width: calc(100% - 200px)
}

.w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px)
}

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

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

.w-screen {
    width: 100vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(100\%-48px\)\] {
    max-width: calc(100% - 48px)
}

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

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

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

.max-w-xs {
    max-width: 20rem
}

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

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

.flex-grow, .grow {
    flex-grow: 1
}

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

.translate-x-\[1px\], .translate-x-\[24px\] {
    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-\[24px\] {
    --tw-translate-x: 24px
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0, .translate-y-1 {
    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-1 {
    --tw-translate-y: 0.25rem
}

.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, .scale-100 {
    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-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

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

.scale-95, .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 pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-default {
    cursor: default
}

.cursor-help {
    cursor: help
}

.cursor-move {
    cursor: move
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

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

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.grid-flow-row-dense {
    grid-auto-flow: row dense
}

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

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

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

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

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

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

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

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

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[48px\] {
    gap: 48px
}

.gap-\[64px\] {
    gap: 64px
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

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

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

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

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

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

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

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-\[30px\] {
    -moz-column-gap: 30px;
    column-gap: 30px
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

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

.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-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.375rem * var(--tw-space-x-reverse));
    margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

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

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

.overflow-y-hidden {
    overflow-y: hidden
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis, .truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-pretty {
    text-wrap: pretty
}

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

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

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

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

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

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

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

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

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

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

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

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

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

.border-y {
    border-top-width: 1px
}

.border-b, .border-y {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-\[6px\] {
    border-top-width: 6px
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#0068FF\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 104 255/var(--tw-border-opacity, 1))
}

.border-\[\#1C2129\] {
    --tw-border-opacity: 1;
    border-color: rgb(28 33 41/var(--tw-border-opacity, 1))
}

.border-\[\#1F1F1F\] {
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1))
}

.border-\[\#1e1e1e19\] {
    border-color: #1e1e1e19
}

.border-\[\#242424\] {
    --tw-border-opacity: 1;
    border-color: rgb(36 36 36/var(--tw-border-opacity, 1))
}

.border-\[\#272727\] {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 39/var(--tw-border-opacity, 1))
}

.border-\[\#2A3247\] {
    --tw-border-opacity: 1;
    border-color: rgb(42 50 71/var(--tw-border-opacity, 1))
}

.border-\[\#2C2C2C\] {
    --tw-border-opacity: 1;
    border-color: rgb(44 44 44/var(--tw-border-opacity, 1))
}

.border-\[\#2b334766\] {
    border-color: #2b334766
}

.border-\[\#313131\] {
    --tw-border-opacity: 1;
    border-color: rgb(49 49 49/var(--tw-border-opacity, 1))
}

.border-\[\#404040\] {
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64/var(--tw-border-opacity, 1))
}

.border-\[\#4D554D\] {
    --tw-border-opacity: 1;
    border-color: rgb(77 85 77/var(--tw-border-opacity, 1))
}

.border-\[\#E1155E\] {
    --tw-border-opacity: 1;
    border-color: rgb(225 21 94/var(--tw-border-opacity, 1))
}

.border-\[\#E2E2E2\] {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity, 1))
}

.border-\[\#F29719\] {
    --tw-border-opacity: 1;
    border-color: rgb(242 151 25/var(--tw-border-opacity, 1))
}

.border-\[\#F3F80F\] {
    --tw-border-opacity: 1;
    border-color: rgb(243 248 15/var(--tw-border-opacity, 1))
}

.border-\[\#F6F6F629\] {
    border-color: #F6F6F629
}

.border-\[\#FF9F1A\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 159 26/var(--tw-border-opacity, 1))
}

.border-\[\#FFFFFF26\] {
    border-color: #FFFFFF26
}

.border-\[\#FFFFFF\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-\[\#ffffff0b\] {
    border-color: #ffffff0b
}

.border-\[\#ffffff0f\] {
    border-color: #ffffff0f
}

.border-black-border, .border-border {
    --tw-border-opacity: 1;
    border-color: rgb(36 36 36/var(--tw-border-opacity, 1))
}

.border-border-second {
    border-color: #ffffff0f
}

.border-brand {
    --tw-border-opacity: 1;
    border-color: rgb(122 241 122/var(--tw-border-opacity, 1))
}

.border-brand-second {
    --tw-border-opacity: 1;
    border-color: rgb(78 205 78/var(--tw-border-opacity, 1))
}

.border-danger {
    --tw-border-opacity: 1;
    border-color: rgb(225 21 94/var(--tw-border-opacity, 1))
}

.border-home {
    --tw-border-opacity: 1;
    border-color: rgb(246 246 246/var(--tw-border-opacity, 1))
}

.border-home-bg-3 {
    --tw-border-opacity: 1;
    border-color: rgb(41 41 41/var(--tw-border-opacity, 1))
}

.border-primary-8 {
    border-color: #f6f6f614
}

.border-spot {
    --tw-border-opacity: 1;
    border-color: rgb(246 246 246/var(--tw-border-opacity, 1))
}

.border-spot-20 {
    border-color: #f6f6f633
}

.border-spot-8 {
    border-color: #f6f6f614
}

.border-spot-second {
    --tw-border-opacity: 1;
    border-color: rgb(120 120 120/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-\[\#000000\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-\[\#0068FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 104 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#040204\] {
    --tw-bg-opacity: 1;
    background-color: rgb(4 2 4/var(--tw-bg-opacity, 1))
}

.bg-\[\#0BA66C1F\] {
    background-color: #0BA66C1F
}

.bg-\[\#18191c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(24 25 28/var(--tw-bg-opacity, 1))
}

.bg-\[\#1E1E1E80\] {
    background-color: #1E1E1E80
}

.bg-\[\#1c202a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 42/var(--tw-bg-opacity, 1))
}

.bg-\[\#1f1f1f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1))
}

.bg-\[\#243042\] {
    --tw-bg-opacity: 1;
    background-color: rgb(36 48 66/var(--tw-bg-opacity, 1))
}

.bg-\[\#2B2B2B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(43 43 43/var(--tw-bg-opacity, 1))
}

.bg-\[\#2E3342\] {
    --tw-bg-opacity: 1;
    background-color: rgb(46 51 66/var(--tw-bg-opacity, 1))
}

.bg-\[\#313131\] {
    --tw-bg-opacity: 1;
    background-color: rgb(49 49 49/var(--tw-bg-opacity, 1))
}

.bg-\[\#3B3C3C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(59 60 60/var(--tw-bg-opacity, 1))
}

.bg-\[\#404040\] {
    --tw-bg-opacity: 1;
    background-color: rgb(64 64 64/var(--tw-bg-opacity, 1))
}

.bg-\[\#4D554D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(77 85 77/var(--tw-bg-opacity, 1))
}

.bg-\[\#6666664d\] {
    background-color: #6666664d
}

.bg-\[\#DDDDDD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(221 221 221/var(--tw-bg-opacity, 1))
}

.bg-\[\#E2E2E2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226/var(--tw-bg-opacity, 1))
}

.bg-\[\#F297191F\] {
    background-color: #F297191F
}

.bg-\[\#F3F80F\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 248 15/var(--tw-bg-opacity, 1))
}

.bg-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#FB72011A\] {
    background-color: #FB72011A
}

.bg-\[\#FF9F1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 159 26/var(--tw-bg-opacity, 1))
}

.bg-\[\#FFFFFF14\] {
    background-color: #FFFFFF14
}

.bg-\[\#FFFFFF29\] {
    background-color: #FFFFFF29
}

.bg-\[\#FFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#f4f80f28\] {
    background-color: #f4f80f28
}

.bg-\[\#f7f5f81b\] {
    background-color: #f7f5f81b
}

.bg-\[\#ff990033\] {
    background-color: #ff990033
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#ffffff14\] {
    background-color: #ffffff14
}

.bg-\[\#ffffff1a\] {
    background-color: #ffffff1a
}

.bg-background-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(122 241 122/var(--tw-bg-opacity, 1))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black-bg-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(43 50 71/var(--tw-bg-opacity, 1))
}

.bg-black-bg-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 27 37/var(--tw-bg-opacity, 1))
}

.bg-black-bt-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(46 51 66/var(--tw-bg-opacity, 1))
}

.bg-black-bt-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 32 42/var(--tw-bg-opacity, 1))
}

.bg-black-home {
    --tw-bg-opacity: 1;
    background-color: rgb(30 30 30/var(--tw-bg-opacity, 1))
}

.bg-black-placeholder {
    background-color: #ffffff0f
}

.bg-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(122 241 122/var(--tw-bg-opacity, 1))
}

.bg-brand-second {
    --tw-bg-opacity: 1;
    background-color: rgb(78 205 78/var(--tw-bg-opacity, 1))
}

.bg-danger {
    --tw-bg-opacity: 1;
    background-color: rgb(225 21 94/var(--tw-bg-opacity, 1))
}

.bg-home {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-home-40 {
    background-color: #F6F6F666
}

.bg-home-60 {
    background-color: #F6F6F696
}

.bg-home-bg-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 18/var(--tw-bg-opacity, 1))
}

.bg-home-bg-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(27 27 27/var(--tw-bg-opacity, 1))
}

.bg-home-bg-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 41 41/var(--tw-bg-opacity, 1))
}

.bg-home-second {
    --tw-bg-opacity: 1;
    background-color: rgb(138 138 138/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-primary-8 {
    background-color: #f6f6f614
}

.bg-primary-second {
    --tw-bg-opacity: 1;
    background-color: rgb(120 120 120/var(--tw-bg-opacity, 1))
}

.bg-spot {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.bg-spot-8 {
    background-color: #f6f6f614
}

.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(46 218 139/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-opacity-\[11\%\] {
    --tw-bg-opacity: 11%
}

.bg-opacity-\[8\%\] {
    --tw-bg-opacity: 8%
}

.bg-\[url\(\'\/images\/header\/organization\/sub-menu-organization\.png\'\)\] {
    background-image: url(../images/sub-menu-organization.png)
}

.bg-\[url\(\'\/images\/home\/bg-contact\.png\'\)\] {
    background-image: url(../images/bg-contact.png)
}

.bg-\[url\(\'\/images\/home\/bg-market-home\.png\'\)\] {
    background-image: url(../images/bg-market-home.png)
}

.bg-\[url\(\'\/images\/home\/bg-signup-home\.png\'\)\] {
    background-image: url(../images/bg-signup-home.png)
}

.bg-\[url\(\'\/images\/home\/features\/bg-feature\.png\'\)\] {
    background-image: url(../images/bg-feature.png)
}

.bg-\[url\(\'\/images\/home\/header\/bg-sub-menu\.png\'\)\] {
    background-image: url(../images/bg-sub-menu.png)
}

.bg-\[url\(\'\/images\/home\/security\/bg\.png\'\)\] {
    background-image: url(../images/bg.png)
}

.bg-\[url\(\'\/images\/home\/v2\/footer\/bg-footer-mobile\.png\'\)\] {
    background-image: url(../images/bg-footer-mobile.png)
}

.bg-\[url\(\'\/images\/home\/v2\/intro\/bg-left\.png\'\)\] {
    background-image: url(../images/bg-left.png)
}

.bg-\[url\(\'\/images\/home\/v2\/intro\/bg-right\.png\'\)\] {
    background-image: url(../images/bg-right.png)
}

.bg-\[url\(\'\/images\/home\/v2\/partner\/bg-partner-1\.png\'\)\] {
    background-image: url(../images/bg-partner-1.png)
}

.bg-\[url\(\'\/images\/home\/v2\/partner\/bg-partner\.png\'\)\] {
    background-image: url(../images/bg-partner.png)
}

.bg-\[url\(\'\/images\/roadmap\/bg-mobile\.svg\'\)\] {
    background-image: url(../images/bg-mobile.svg)
}

.bg-\[url\(\'https\:\/\/cloudfront\.goonus\.io\/gold-exchange-dev\/public\/images\/spot\/overlay-countdown\.png\'\)\] {
    background-image: url(https://cloudfront.goonus.io/gold-exchange-dev/public/images/spot/overlay-countdown.png)
}

.bg-\[url\(\'https\:\/\/cloudfront\.goonus\.io\/gold-exchange-dev\/public\/images\/spot\/overlay-order\.png\'\)\] {
    background-image: url(https://cloudfront.goonus.io/gold-exchange-dev/public/images/spot/overlay-order.png)
}

.bg-\[url\(\'https\:\/\/cloudfront\.goonus\.io\/gold-exchange-dev\/public\/images\/spot\/overlay-trade\.png\'\)\] {
    background-image: url(https://cloudfront.goonus.io/gold-exchange-dev/public/images/spot/overlay-trade.png)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#4D554D\] {
    --tw-gradient-from: #4D554D var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(77 85 77/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-\[100\%_auto\] {
    background-size: 100% auto
}

.bg-\[length\:220px_220px\] {
    background-size: 220px 220px
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-\[position\:bottom_left\] {
    background-position: 0 100%
}

.bg-bottom {
    background-position: bottom
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-left-top {
    background-position: 0 0
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

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

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-\[1\.5px\] {
    padding: 1.5px
}

.p-\[1px\] {
    padding: 1px
}

.p-\[30px\] {
    padding: 30px
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-20 {
    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-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

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

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

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

.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-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    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-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

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

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

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

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

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

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-1\.5 {
    padding-bottom: .375rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

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

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

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

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

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

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

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

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

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-20 {
    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-8 {
    padding-left: 2rem
}

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

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

.pr-0\.5 {
    padding-right: .125rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-\[60px\] {
    padding-right: 60px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-1\.5 {
    padding-top: .375rem
}

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

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

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

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[0\.5px\] {
    padding-top: .5px
}

.pt-\[1\.5px\] {
    padding-top: 1.5px
}

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

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

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

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

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

.\!text-body-2 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    letter-spacing: -.16px !important
}

.\!text-normal {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

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

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

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

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

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

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

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

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

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

.text-body-1 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.18px
}

.text-body-2 {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px
}

.text-body-4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -.15px
}

.text-caption {
    font-size: .75rem;
    line-height: 1.125rem
}

.text-heading-2 {
    font-size: 2.5rem;
    line-height: 3.75rem;
    letter-spacing: -.8px
}

.text-heading-4 {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: -.64px
}

.text-heading-5 {
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: -.28px
}

.text-heading-6 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.24px
}

.text-heading-7 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px
}

.text-normal {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-normal-1 {
    font-size: .8125rem;
    line-height: 1.25rem;
    letter-spacing: -.14px
}

.text-para-1 {
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.14px
}

.text-para-2 {
    font-size: .8125rem;
    line-height: 1.375rem;
    letter-spacing: -.13px
}

.text-tini {
    font-size: .625rem;
    line-height: 1rem
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-5 {
    line-height: 1.25rem
}

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

.leading-8 {
    line-height: 2rem
}

.leading-\[150\%\] {
    line-height: 150%
}

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

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

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

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

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

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

.tracking-\[-0\.12px\] {
    letter-spacing: -.12px
}

.tracking-\[-0\.14px\] {
    letter-spacing: -.14px
}

.tracking-\[-0\.16px\] {
    letter-spacing: -.16px
}

.tracking-\[-0\.18px\] {
    letter-spacing: -.18px
}

.tracking-\[-0\.24px\] {
    letter-spacing: -.24px
}

.tracking-\[-0\.96px\] {
    letter-spacing: -.96px
}

.tracking-\[0\.48px\] {
    letter-spacing: .48px
}

.\!text-black-home {
    --tw-text-opacity: 1 !important;
    color: rgb(30 30 30/var(--tw-text-opacity, 1)) !important
}

.text-\[\#0BA66C\] {
    --tw-text-opacity: 1;
    color: rgb(11 166 108/var(--tw-text-opacity, 1))
}

.text-\[\#515C70\] {
    --tw-text-opacity: 1;
    color: rgb(81 92 112/var(--tw-text-opacity, 1))
}

.text-\[\#71778A\] {
    --tw-text-opacity: 1;
    color: rgb(113 119 138/var(--tw-text-opacity, 1))
}

.text-\[\#818B9D\] {
    --tw-text-opacity: 1;
    color: rgb(129 139 157/var(--tw-text-opacity, 1))
}

.text-\[\#8492A7\] {
    --tw-text-opacity: 1;
    color: rgb(132 146 167/var(--tw-text-opacity, 1))
}

.text-\[\#888888\] {
    --tw-text-opacity: 1;
    color: rgb(136 136 136/var(--tw-text-opacity, 1))
}

.text-\[\#999999\] {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity, 1))
}

.text-\[\#ACB9B9\] {
    --tw-text-opacity: 1;
    color: rgb(172 185 185/var(--tw-text-opacity, 1))
}

.text-\[\#B8B8B8\] {
    --tw-text-opacity: 1;
    color: rgb(184 184 184/var(--tw-text-opacity, 1))
}

.text-\[\#D9E1FF66\] {
    color: #D9E1FF66
}

.text-\[\#DDDDDD\], .text-\[\#DDD\] {
    --tw-text-opacity: 1;
    color: rgb(221 221 221/var(--tw-text-opacity, 1))
}

.text-\[\#E1155E\] {
    --tw-text-opacity: 1;
    color: rgb(225 21 94/var(--tw-text-opacity, 1))
}

.text-\[\#F29719\] {
    --tw-text-opacity: 1;
    color: rgb(242 151 25/var(--tw-text-opacity, 1))
}

.text-\[\#F3F80F\] {
    --tw-text-opacity: 1;
    color: rgb(243 248 15/var(--tw-text-opacity, 1))
}

.text-\[\#F6F6F6\] {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.text-\[\#FB7201\] {
    --tw-text-opacity: 1;
    color: rgb(251 114 1/var(--tw-text-opacity, 1))
}

.text-\[\#FF9900\] {
    --tw-text-opacity: 1;
    color: rgb(255 153 0/var(--tw-text-opacity, 1))
}

.text-\[\#f6f6f6dc\] {
    color: #f6f6f6dc
}

.text-background, .text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-black-home {
    --tw-text-opacity: 1;
    color: rgb(30 30 30/var(--tw-text-opacity, 1))
}

.text-black-text-1 {
    --tw-text-opacity: 1;
    color: rgb(221 221 221/var(--tw-text-opacity, 1))
}

.text-black-text-2 {
    --tw-text-opacity: 1;
    color: rgb(70 79 95/var(--tw-text-opacity, 1))
}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.text-brand-second {
    --tw-text-opacity: 1;
    color: rgb(78 205 78/var(--tw-text-opacity, 1))
}

.text-danger {
    --tw-text-opacity: 1;
    color: rgb(225 21 94/var(--tw-text-opacity, 1))
}

.text-home {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.text-home-40 {
    color: #F6F6F666
}

.text-home-60 {
    color: #F6F6F696
}

.text-home-second {
    --tw-text-opacity: 1;
    color: rgb(138 138 138/var(--tw-text-opacity, 1))
}

.text-home-title {
    --tw-text-opacity: 1;
    color: rgb(249 247 250/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.text-primary-20 {
    color: #f6f6f633
}

.text-primary-40 {
    color: #f6f6f666
}

.text-primary-60 {
    color: #f6f6f699
}

.text-primary-80 {
    color: #f6f6f6cc
}

.text-primary-brand {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.text-primary-second {
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.text-spot {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.text-spot-40 {
    color: #f6f6f666
}

.text-spot-60 {
    color: #f6f6f699
}

.text-spot-80 {
    color: #f6f6f6cc
}

.text-spot-second {
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.text-success {
    --tw-text-opacity: 1;
    color: rgb(46 218 139/var(--tw-text-opacity, 1))
}

.text-warning {
    --tw-text-opacity: 1;
    color: rgb(247 147 26/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.decoration-dashed {
    text-decoration-style: dashed
}

.placeholder-primary-second::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120/var(--tw-placeholder-opacity, 1))
}

.placeholder-primary-second::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(120 120 120/var(--tw-placeholder-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0/0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl, .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 rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.ring-0 {
    --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(0px + 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, .grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

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

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255
}

body, html {
    scroll-behavior: smooth;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

html {
    --scrollbarBG: #121212;
    --thumbBG: #2e3342ac;
    width: 100%
}

html::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0) !important;
    width: 3px;
    height: 3px;
    border: none !important
}

html::-webkit-scrollbar-thumb {
    background-color: rgba(46, 51, 66, .6745098039);
    border-radius: 3px;
    border: none
}

body.trade-page, body:not(.home-page) {
    color: #f6f6f6;
    background: #121212
}

body.trade-page input:-webkit-autofill, body.trade-page input:-webkit-autofill:active, body.trade-page input:-webkit-autofill:focus, body.trade-page input:-webkit-autofill:hover, body:not(.home-page) input:-webkit-autofill, body:not(.home-page) input:-webkit-autofill:active, body:not(.home-page) input:-webkit-autofill:focus, body:not(.home-page) input:-webkit-autofill:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    caret-color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6 !important;
    -webkit-transition: background-color 2000s ease-in-out 0s;
    transition: background-color 2000s ease-in-out 0s
}

body.trade-page input, body:not(.home-page) input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

body.trade-page input:focus-visible, body:not(.home-page) input:focus-visible {
    outline: none;
    border: none
}

.select-search-container {
    outline: none !important;
    box-shadow: none !important;
    height: 48px;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container .ant-select-selector {
    border: none !important;
    outline: none !important;
    box-shadow: none !important
}

.select-search-container .ant-select-selector input {
    font-size: 16px;
    line-height: 23px
}

.select-search-container-2 {
    height: 48px;
    border-radius: 6px;
    border: 1px solid #e0e5ed
}

.select-search-container-2, .select-search-container-2 .ant-select-selector {
    outline: none !important;
    box-shadow: none !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-2 .ant-select-selector {
    border: none !important
}

.select-search-container-2 .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-2 .ant-select-selector .ant-select-selection-item {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500
}

.select-search-container-2-chart {
    height: 48px;
    border-radius: 6px;
    border: 1px solid #e0e5ed
}

.select-search-container-2-chart, .select-search-container-2-chart .ant-select-selector {
    outline: none !important;
    box-shadow: none !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-2-chart .ant-select-selector {
    border: none !important
}

.select-search-container-2-chart .ant-select-selector .ant-select-selection-item, .select-search-container-2-chart .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 14px;
    line-height: 23px
}

.select-search-container-2-chart .ant-select-selector .ant-select-selection-item {
    font-weight: 500
}

.select-search-container-mobile {
    height: 48px;
    background-color: #f5f6f8;
    border-radius: 6px;
    border: 1px solid #e0e5ed
}

.select-search-container-mobile, .select-search-container-mobile .ant-select-selector {
    outline: none !important;
    box-shadow: none !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-mobile .ant-select-selector {
    background-color: #f5f6f8 !important;
    border: none !important
}

.select-search-container-mobile .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    background-color: #f5f6f8;
    font-size: 13px
}

.select-search-container-mobile .ant-select-selector .ant-select-selection-item {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 13px;
    font-weight: 500
}

.select-search-container-source {
    height: 48px;
    border-radius: 6px;
    border: 1px solid #e0e5ed
}

.select-search-container-source, .select-search-container-source .ant-select-selector {
    outline: none !important;
    box-shadow: none !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-source .ant-select-selector {
    border: none !important
}

.select-search-container-source .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-size: 16px;
    line-height: 23px
}

.select-search-container-source .ant-select-selector .ant-select-selection-item {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500
}

.ant-select-dropdown, .input-comp {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.input-comp {
    height: 48px;
    outline: none !important;
    box-shadow: none !important;
    border: none !important
}

.input-comp input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.input-comp-2 {
    font-variant-numeric: lining-nums tabular-nums !important;
    height: 48px;
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 6px;
    background-color: #f5f6f8 !important
}

.input-comp-2, .input-comp-2 input {
    font-family: ONUSSans, sans-serif;
    font-size: 16px;
    line-height: 23px
}

.input-comp-2 input {
    font-variant-numeric: lining-nums tabular-nums !important
}

.onus-box-shadow-no-rounded {
    padding-bottom: 24px
}

.onus-box-shadow, .onus-box-shadow-no-rounded {
    background: #fff;
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .08)
}

.onus-box-shadow {
    border-radius: 12px
}

.faqs {
    background-color: #fff
}

.faqs .ant-collapse-content-box, .faqs .ant-collapse-header {
    color: #66748a
}

.faqs .ant-collapse-content-box table, .faqs .ant-collapse-content-box table td, .faqs .ant-collapse-content-box table th, .faqs .ant-collapse-header table, .faqs .ant-collapse-header table td, .faqs .ant-collapse-header table th {
    border-color: rgb(224 229 237/var(--tw-border-opacity, 1))
}

.faqs .ant-collapse-content-box a, .faqs .ant-collapse-header a {
    color: #0068ff
}

.download-button {
    color: #fff;
    width: 111px;
    height: 34px;
    border-radius: 6px;
    background: linear-gradient(180deg, #09094d -125.29%, #0068ff 99.61%), linear-gradient(121deg, rgba(91, 186, 255, .17) -1.66%, rgba(0, 117, 255, .21) 101.59%);
    box-shadow: inset 0 1.5px 0 0 rgba(0, 104, 255, .57), 0 11.938px 27.242px 0 rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(4.8974370956px);
    backdrop-filter: blur(4.8974370956px);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

ul {
    list-style: inside
}

.pagination-table ul {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    list-style: none
}

.pagination-table ul li {
    padding: 0 10px;
    color: #66748a
}

.pagination-table ul .next, .pagination-table ul .previous, .pagination-table ul .selected {
    color: #ddd
}

.pagination-table ul .next a[aria-disabled=true], .pagination-table ul .previous a[aria-disabled=true], .pagination-table ul .selected a[aria-disabled=true] {
    cursor: not-allowed;
    color: #66748a
}

.box-shadow-detail {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(175, 178, 189, .25)
}

.box-shadow-detail, .select-search-container-rate {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-rate {
    width: calc(50% - 50px)
}

@media screen and (max-width: 640px) {
    .select-search-container-rate {
        width: 100%
    }
}

.select-search-container-rate .select-search-rate {
    height: 48px
}

.select-search-container-rate .select-search-rate, .select-search-container-rate .select-search-rate .ant-select-selector {
    outline: none !important;
    box-shadow: none !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-rate .select-search-rate .ant-select-selector {
    border-radius: 6px;
    border: 1px solid var(--Line-3-E0E5ED, #e0e5ed) !important;
    background: #fff
}

.select-search-container-rate .select-search-rate .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 16px;
    line-height: 23px
}

.tab-price-chart {
    background-color: #fff;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.tab-price-chart .ant-tabs-tab-btn:hover {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.tab-price-chart .ant-tabs-tab {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.24px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.tab-price-chart .ant-tabs-tab-active {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.content-chart {
    width: calc(100% - 320px)
}

@media screen and (max-width: 768px) {
    .content-chart {
        width: 100%
    }
}

.faqs-detail {
    background-color: #fff;
    color: #192231
}

.faqs-detail .ant-collapse-content-box, .faqs-detail .ant-collapse-header {
    color: #66748a
}

.faqs-detail .ant-collapse-content-box table, .faqs-detail .ant-collapse-content-box table td, .faqs-detail .ant-collapse-content-box table th, .faqs-detail .ant-collapse-header table, .faqs-detail .ant-collapse-header table td, .faqs-detail .ant-collapse-header table th {
    border-color: rgb(224 229 237/var(--tw-border-opacity, 1))
}

.faqs-detail .ant-collapse-content-box a, .faqs-detail .ant-collapse-header a {
    color: #0068ff
}

.list-gold-details {
    width: 100%
}

.list-gold-details div::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    display: none
}

.div-onus-header {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 100%;
    max-width: 1520px
}

@media screen and (max-width: 1520px) {
    .div-onus-header {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.div-dnex-content {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 100%;
    color: #192231;
    max-width: 1280px
}

@media screen and (max-width: 1280px) {
    .div-dnex-content {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.menu-collapse-footer {
    background-color: rgba(0, 0, 0, 0)
}

.menu-collapse-footer, .menu-collapse-footer .ant-collapse-item {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.menu-collapse-footer .ant-collapse-item {
    padding: 0 !important
}

.dropdown-title .icon-dropdown-hover, .dropdown-title:hover .icon-dropdown {
    display: none
}

.dropdown-title:hover .icon-dropdown-hover {
    display: block
}

.dropdown-header {
    width: 220px;
    padding: 0
}

.dropdown-header li {
    background-color: #fff !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    border-bottom: 1px solid;
    border-color: #eee !important;
    padding: 10px !important
}

.dropdown-header li :hover {
    color: #0068ff
}

.dropdown-header li:last-child {
    border-bottom: none
}

.drawer-menu, .drawer-menu .ant-drawer-header {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.drawer-menu .ant-drawer-header {
    display: none
}

.drawer-menu .ant-drawer-body {
    background-color: #0068ff;
    padding: 20px
}

.drawer-menu .ant-drawer-body, .drawer-menu-mobile, .drawer-menu-mobile .ant-drawer-header {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.drawer-menu-mobile .ant-drawer-header {
    display: none
}

.drawer-menu-mobile .ant-drawer-body {
    background-color: #fff;
    padding: 20px
}

.ant-dropdown-menu, .ant-modal-body, .ant-modal-root, .drawer-menu-mobile .ant-drawer-body {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.select-search-container-detail {
    outline: none !important;
    box-shadow: none !important;
    height: 40px;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 170px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .select-search-container-detail {
        min-width: 130px;
        width: calc(50% - 10px)
    }
}

.select-search-container-detail .ant-select-selector {
    border-radius: 6px;
    border: 1px solid #e0e5ed !important;
    background: #fff;
    outline: none !important;
    box-shadow: none !important;
    line-height: 23px;
    font-weight: 500;
    font-size: 16px;
    width: 200px
}

.select-search-container-detail .ant-select-selector .ant-select-selection-item, .select-search-container-detail .ant-select-selector input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    line-height: 23px;
    font-weight: 500;
    font-size: 16px
}

.box-shadow-tool {
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, .08);
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.input-number-cus .ant-input-number-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    height: 70px;
    font-size: 24px;
    font-weight: 600
}

@media screen and (max-width: 640px) {
    .input-number-cus .ant-input-number-input {
        font-size: 21px
    }
}

.input-number-cus .ant-input-number-handler-wrap {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    visibility: hidden
}

.input-number-cus .ant-input-number {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--Line-3-EFF2F6, #edf0f5);
    border-right: 0
}

.input-number-cus .ant-input-number-group-addon {
    outline: none !important;
    box-shadow: none !important;
    height: 70px !important;
    font-size: 24px;
    font-weight: 500;
    background-color: #fff;
    color: #8492a7;
    border: 1px solid var(--Line-3-EFF2F6, #edf0f5)
}

@media screen and (max-width: 640px) {
    .input-number-cus .ant-input-number-group-addon {
        font-size: 18px
    }
}

.input-number-cus .ant-input-number-group-addon .ant-select .ant-select-selection-item {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #8492a7 !important;
    font-size: 24px;
    font-weight: 600
}

.box-sign-up {
    border-radius: 12px;
    background: radial-gradient(190.66% 261.48% at 102.48% 121.43%, #0068ff 0, #001375 68.07%, #0c0c41 100%);
    box-shadow: 0 5.838px 29.189px 0 rgba(175, 178, 189, .16)
}

.dot-separator {
    padding: 16px 12px
}

.dot-separator:last-child {
    display: none
}

.rating-placeholder span > span {
    width: 12px;
    height: 12px
}

.box-shadow-rating {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12)
}

.input-number-cus-rate .ant-input-number-wrapper {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    display: flex
}

.input-number-cus-rate .ant-select-selection-search-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #8492a7 !important
}

@media screen and (max-width: 640px) {
    .input-number-cus-rate .ant-select-selection-search-input {
        font-size: 21px !important
    }
}

.input-number-cus-rate .ant-input-number-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    height: 70px;
    font-size: 24px;
    font-weight: 600
}

@media screen and (max-width: 640px) {
    .input-number-cus-rate .ant-input-number-input {
        font-size: 21px
    }
}

.input-number-cus-rate .ant-input-number-handler-wrap {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    visibility: hidden
}

.input-number-cus-rate .ant-input-number {
    border: 1px solid var(--Line-3-EFF2F6, #edf0f5);
    border-right: 0;
    flex-grow: 1
}

.input-number-cus-rate .ant-input-number, .input-number-cus-rate .ant-input-number-group-addon {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    outline: none !important;
    box-shadow: none !important
}

.input-number-cus-rate .ant-input-number-group-addon {
    width: -moz-fit-content !important;
    width: fit-content !important;
    height: 72px !important;
    font-size: 24px;
    font-weight: 500;
    background-color: #fff;
    color: #8492a7;
    border: 1px solid var(--Line-3-EFF2F6, #edf0f5);
    display: flex;
    align-items: center
}

@media screen and (max-width: 640px) {
    .input-number-cus-rate .ant-input-number-group-addon {
        font-size: 18px
    }
}

.input-number-cus-rate .ant-input-number-group-addon .ant-select .ant-select-selection-item {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #192231 !important;
    font-size: 24px;
    font-weight: 600;
    margin-right: 8px
}

.info-source table, .info-source table td, .info-source table th {
    border-color: rgb(224 229 237/var(--tw-border-opacity, 1))
}

.info-source .onus-iframe {
    width: 100%;
    max-width: 768px;
    height: 1050px
}

.menu-footer {
    width: calc(100% - 210px)
}

@media screen and (max-width: 640px) {
    .menu-footer {
        width: 100%
    }
}

.rdt_TableCol_Sortable div {
    overflow: unset !important
}

.ant-select-item-option-content {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 100%
}

.ant-select-item-option-content a {
    display: inline-block;
    width: 100%
}

.input-number-cus-gold .ant-input-number-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    height: 70px;
    font-size: 24px;
    background-color: #f5f6f8;
    text-align: end !important
}

@media screen and (max-width: 640px) {
    .input-number-cus-gold .ant-input-number-input {
        font-size: 21px
    }
}

.input-number-cus-gold .ant-input-number-handler-wrap {
    background-color: #f5f6f8;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    visibility: hidden
}

.input-number-cus-gold .ant-input-number {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--Line-3-EFF2F6, #f5f6f8);
    border-right: 0;
    font-weight: 600
}

.input-number-cus-gold .ant-input-number-group-addon {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    background-color: #f5f6f8 !important;
    outline: none !important;
    box-shadow: none !important;
    height: 70px !important;
    font-size: 18px;
    font-weight: 400;
    background-color: #fff;
    color: #192231;
    border: 1px solid var(--Line-3-EFF2F6, #f5f6f8)
}

@media screen and (max-width: 640px) {
    .input-number-cus-gold .ant-input-number-group-addon {
        font-size: 18px
    }
}

.input-number-cus-gold .ant-input-number-group-addon .ant-select {
    background-color: #f5f6f8
}

.input-number-cus-gold .ant-input-number-group-addon .ant-select .ant-select-selection-item {
    background-color: #f5f6f8;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #192231;
    font-size: 18px;
    font-weight: 400
}

.tab-convert {
    background-color: #fff;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.tab-convert .ant-tabs-nav-list {
    width: 100%
}

.tab-convert .ant-tabs-nav-list .ant-tabs-ink-bar {
    border-radius: 9999px
}

.tab-convert .ant-tabs-tab {
    display: flex;
    width: 50%;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.tab-convert .ant-tabs-tab .ant-tabs-tab-btn:hover, .tab-convert .ant-tabs-tab-active, .tab-convert .ant-tabs-tab:hover {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.table-cus table {
    width: 100%;
    table-layout: auto;
    text-align: center;
    border-style: hidden
}

.table-cus table td, .table-cus table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 245/var(--tw-border-opacity, 1));
    padding: .75rem .5rem;
    text-align: center
}

@media (min-width: 768px) {
    .table-cus table td, .table-cus table th {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.table-cus table tbody {
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 245/var(--tw-border-opacity, 1))
}

.table-cus-fx table {
    width: 100%;
    table-layout: auto;
    text-align: center;
    border-style: hidden
}

.table-cus-fx table td, .table-cus-fx table th {
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 245/var(--tw-border-opacity, 1));
    padding: .75rem .5rem;
    text-align: center
}

@media (min-width: 768px) {
    .table-cus-fx table td, .table-cus-fx table th {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.table-cus-fx table tbody {
    border-radius: .75rem;
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(237 240 245/var(--tw-border-opacity, 1))
}

.input-number-cus-detail-fx .ant-input-number-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    height: 70px;
    font-size: 24px;
    background-color: #f5f6f8;
    text-align: end !important
}

@media screen and (max-width: 640px) {
    .input-number-cus-detail-fx .ant-input-number-input {
        font-size: 21px
    }
}

.input-number-cus-detail-fx .ant-input-number-handler-wrap {
    background-color: #f5f6f8;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    visibility: hidden
}

.input-number-cus-detail-fx .ant-input-number {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--Line-3-EFF2F6, #f5f6f8);
    border-right: 0;
    font-weight: 600
}

.input-number-cus-detail-fx .ant-input-number-group-addon {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    background-color: #f5f6f8 !important;
    outline: none !important;
    box-shadow: none !important;
    height: 70px !important;
    font-size: 18px;
    font-weight: 400;
    background-color: #fff;
    color: #192231;
    border: 1px solid var(--Line-3-EFF2F6, #f5f6f8);
    width: 100px !important
}

@media screen and (max-width: 640px) {
    .input-number-cus-detail-fx .ant-input-number-group-addon {
        font-size: 18px
    }
}

.input-number-cus-detail-fx .ant-input-number-group-addon .ant-select {
    background-color: #f5f6f8
}

.input-number-cus-detail-fx .ant-input-number-group-addon .ant-select .ant-select-selection-item {
    background-color: #f5f6f8;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #192231;
    font-size: 18px;
    font-weight: 400
}

.disclaimer {
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid #0068ff;
    background: rgba(0, 104, 255, .08)
}

.content-scrollbar {
    width: 100%;
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden
}

.content-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 5px;
    background-color: rgba(0, 0, 0, 0) !important
}

@media screen and (max-width: 1024px) {
    .content-scrollbar::-webkit-scrollbar {
        width: 3px
    }
}

.content-scrollbar::-webkit-scrollbar-thumb {
    background-color: #e0e5ed;
    border-radius: 3px;
    border: none
}

.content-scrollbar:hover::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: rgba(0, 0, 0, 0) !important
}

.see-more-info {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 19.91%, #fff)
}

.onus-table-gold-mobile .rdt_TableCell {
    align-items: start
}

.post-keywords a {
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 500
}

.banner-bottom {
    width: 100%;
    background: radial-gradient(2654.48% 258.96% at 9.1% 0, #0840d0 0, #060674 100%), #f5f6f8;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    padding: .5rem 1.5rem
}

@media (min-width: 640px) {
    .banner-bottom {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}

.input-login {
    border: 1px solid rgba(0, 0, 0, 0) !important;
    height: 46px;
    width: 100%;
    background-color: hsla(0, 0%, 100%, .08) !important;
    box-shadow: none !important;
    border-radius: 8px;
    line-height: 23px;
    outline: none;
    font-size: 16px;
    font-weight: 500
}

.input-login, .input-login .ant-input {
    color: #ddd !important;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.input-login .ant-input {
    font-size: 16px;
    font-weight: 500
}

.input-login .ant-input, .input-login input {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0) !important
}

.input-login input {
    color: #ddd !important
}

.input-login input::-moz-placeholder {
    color: rgba(150, 150, 150, .5019607843) !important
}

.input-login input::placeholder {
    color: rgba(150, 150, 150, .5019607843) !important
}

.input-login::-moz-placeholder {
    color: rgba(150, 150, 150, .5019607843) !important
}

.input-login::placeholder {
    color: rgba(150, 150, 150, .5019607843) !important
}

.input-login::-ms-input-placeholder {
    color: rgba(150, 150, 150, .5019607843) !important
}

.input-login:active, .input-login:focus, .input-login:focus-within, .input-login:hover {
    outline: none;
    box-shadow: none
}

.input-login.ant-input-status-error {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    border: 1px solid #e1155e !important;
    color: #e1155e !important;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.input-login.ant-input-status-error .ant-input {
    color: #e1155e !important
}

.ant-form-item-explain-error {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #e1155e !important;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400
}

.input-login.ant-input-password {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.input-login.ant-input-password .ant-input-suffix svg {
    color: rgba(246, 246, 246, .5019607843)
}

.item-menu-my-active {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 25px 0 rgba(175, 178, 189, .25)
}

.content-my {
    width: calc(100% - 250px)
}

@media screen and (max-width: 768px) {
    .content-my {
        width: 100%
    }
}

.layout-grid {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #f6f6f6
}

.layout-grid ::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.layout-grid .spot-info-token {
    opacity: 1
}

.layout-grid .spot-chart {
    height: 100%
}

.layout-grid .spot-orderbook {
    height: 100%;
    min-height: unset
}

.layout-grid .spot-orderbook .orderbook {
    min-height: 958px;
    height: 100%
}

@media screen and (max-width: 1512px) {
    .layout-grid .spot-orderbook .orderbook {
        min-height: 100%;
        height: 100%
    }
}

.layout-grid .spot-orderbook .orderbook .content-order-book {
    height: calc(100% - 64px)
}

.layout-grid .spot-orderbook .orderbook .content-order-book .tab-panel {
    height: 100%
}

.layout-grid .spot-orderbook .orderbook .content-order-book .tab-panel .trade-orderbook {
    height: calc(100% - 56px);
    overflow-y: overlay
}

.layout-grid .spot-place-order {
    opacity: 1
}

.button-setting-info-token:focus-visible {
    border: none !important;
    box-shadow: none !important;
    outline: none !important
}

.dialog-shadow {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    background: #1f1f1f;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .7);
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    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));
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.layout-grid .info-trade {
    width: "100%";
    margin-right: 4px;
    border-radius: 6px
}

.layout-grid .info-trade .detail-info-token.detail-info-token-up {
    background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(225, 21, 94, .12) 0, rgba(225, 21, 94, 0) 100%), #111419;
    animation-name: upPrice;
    animation-duration: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    border-bottom-color: rgba(0, 0, 0, 0)
}

@keyframes upPrice {
    0% {
        background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(225, 21, 94, .12) 0, rgba(225, 21, 94, 0) 100%), #111419
    }
    to {
        background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(15, 226, 138, .12) 0, rgba(15, 226, 138, 0) 100%), #111419
    }
}

.layout-grid .info-trade .detail-info-token.detail-info-token-down {
    background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(15, 226, 138, .12) 0, rgba(15, 226, 138, 0) 100%), #111419;
    animation-name: downPrice;
    animation-duration: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

@keyframes downPrice {
    0% {
        background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(15, 226, 138, .08) 0, rgba(15, 226, 138, 0) 100%), #111419
    }
    to {
        background: radial-gradient(48.7% 12101.63% at 49.3% 48%, rgba(225, 21, 94, .08) 0, rgba(225, 21, 94, 0) 100%), #111419
    }
}

.layout-grid .info-trade .detail-info-token .label {
    margin-bottom: .125rem;
    font-size: 10px;
    text-transform: uppercase;
    color: rgb(217 225 255/.3);
    letter-spacing: .03em;
    line-height: 18px
}

.layout-grid .info-trade .detail-info-token .value {
    font-size: .9375rem;
    line-height: 1.5rem;
    letter-spacing: -.15px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.layout-grid .info-trade .detail-info-token .value.up {
    --tw-text-opacity: 1;
    color: rgb(46 218 139/var(--tw-text-opacity, 1))
}

.layout-grid .info-trade .detail-info-token .value.down {
    --tw-text-opacity: 1;
    color: rgb(225 21 94/var(--tw-text-opacity, 1))
}

.layout-grid .info-trade .order-book {
    min-height: 958px;
    height: calc(60vh + 420px);
    width: 100%;
    display: flex
}

@media screen and (max-width: 1512px) {
    .layout-grid .info-trade .order-book {
        min-height: auto;
        height: auto
    }
}

.layout-grid .info-trade .order-book .chart-trade-info {
    width: calc(100% - 328px);
    margin-right: 4px
}

@media screen and (max-width: 1512px) {
    .layout-grid .info-trade .order-book .chart-trade-info {
        width: calc(100% - 284px)
    }
}

.layout-grid .info-trade .order-book .order-book-info {
    height: 100%;
    width: 324px;
    flex-grow: 1;
    flex-shrink: 0
}

@media screen and (max-width: 1512px) {
    .layout-grid .info-trade .order-book .order-book-info {
        height: auto;
        width: 280px
    }
}

.layout-grid .info-trade .order-book .order-book-info .content-order-book {
    height: calc(100% - 64px) !important;
    overflow-y: overlay;
    width: 100%
}

.layout-grid .info-trade .order-book .order-book-info .content-order-book .tab-panel {
    height: 100%
}

.layout-grid .info-trade .order-book .order-book-info .content-order-book .tab-panel .table-order-book {
    height: calc(100% - 40px);
    width: 100%
}

.layout-grid .info-trade .order-book .order-book-info .content-order-book .tab-panel .table-order-book::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
    display: none
}

.layout-grid .info-trade .order-book .order-book-info .content-order-book.trades-tab {
    overflow-y: hidden
}

.layout-grid .place-orderbook {
    width: 340px
}

@media screen and (max-width: 1512px) {
    .layout-grid .place-orderbook {
        width: 300px
    }
}

.layout-grid .info-trading {
    margin-top: 0;
    height: 100%
}

@media screen and (max-width: 1512px) {
    .layout-grid .info-trading {
        height: 100%
    }
}

.layout-grid .info-trading .tab-item {
    margin-right: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-width: 2px;
    border-color: transparent;
    padding-bottom: .625rem;
    padding-right: 0;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1));
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.layout-grid .info-trading .tab-item.active {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.layout-grid .chart {
    height: 100%
}

.layout-grid .orderbook {
    height: 100%;
    min-height: unset
}

.layout-grid .react-grid-item {
    z-index: 1
}

.layout-grid .react-grid-item.react-grid-placeholder {
    z-index: 0
}

.list-token-drawer {
    height: calc(100vh - 125px);
    overflow-y: hidden
}

.list-token-drawer .list-token-trade .rdt_TableBody {
    height: calc(100vh - 230px) !important;
    overflow-y: auto;
    overflow-x: hidden
}

.list-token-drawer .list-token-trade .rdt_TableBody::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 3px;
    height: 3px;
    border-radius: 2px
}

.list-token-drawer .list-token-trade .rdt_TableBody::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    height: 3px;
    width: 3px;
    border: none
}

.list-token-drawer .list-token-trade .rdt_TableHeadRow {
    padding: 0 16px
}

.list-token-drawer .list-token-trade .rdt_TableHead {
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-top: none !important;
    border-bottom: none !important;
    padding-right: 0 !important
}

.list-token-drawer .list-token-trade .rdt_TableCol {
    padding-right: 0 !important
}

.list-token-drawer .list-token-trade .rdt_TableCol_Sortable {
    color: #787878 !important;
    height: 44px;
    font-size: 14px;
    border-bottom: 1px solid rgba(43, 51, 71, .4) !important
}

.list-token-drawer .list-token-trade .rdt_TableRow {
    cursor: pointer;
    border-top: none !important;
    border-bottom: none !important;
    padding: 0 13px 0 16px;
    height: 68px;
    min-height: 68px
}

.list-token-drawer .list-token-trade .rdt_TableCell {
    padding-right: 0 !important
}

.container-border-linear-gradient {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0))
}

.container-input-border-linear-gradient {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1))
}

.container-bt-border-linear-gradient {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0))
}

.container-bt-cf-border-linear-gradient {
    position: relative;
    background: linear-gradient(180deg, rgba(192, 69, 255, .32), rgba(255, 255, 255, 0))
}

.container-bt-cf-bg-border-linear-gradient {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, 0))
}

.custom-date-input::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

.custom-date-input::-moz-calendar-picker-indicator {
    display: none
}

.place-order {
    height: 100%
}

.place-order .tab-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-width: 2px;
    border-color: transparent;
    padding-bottom: .625rem;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1));
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.place-order .tab-item.active {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.place-order .btn-long-short {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #f6f6f6
}

.place-order .btn-long-active {
    background-color: #7af17a;
    color: #1e1e1e;
    border: 1px solid #7af17a
}

.place-order .btn-short-active {
    background-color: #e1155e;
    color: #1e1e1e;
    border: 1px solid #e1155e
}

.layout-gold {
    overflow-x: hidden;
    overflow-y: auto
}

.layout-gold::-webkit-scrollbar {
    background: #fff !important;
    width: 3px;
    height: 3px;
    border: none !important
}

.layout-gold::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 3px;
    border: none
}

.layout-spot {
    overflow-x: hidden;
    overflow-y: auto
}

.layout-spot::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px;
    border: none !important
}

.layout-spot::-webkit-scrollbar-thumb {
    background-color: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.layout-spot {
    height: 100 dvh;
    color: #f6f6f6
}

.layout-spot, .layout-spot input {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.layout-spot input:focus-visible {
    outline: none;
    border: none
}

.btn {
    height: 3rem;
    cursor: pointer;
    white-space: nowrap;
    border-radius: .125rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.btn.btn-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
}

.btn.btn-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 104 255/var(--tw-bg-opacity, 1))
}

.btn.btn-icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(21 25 35/var(--tw-bg-opacity, 1));
    padding: 0
}

.btn.btn-icon:hover svg path {
    fill: #fff !important
}

.btn.btn-outline-success {
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(21 25 35/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.btn.btn-outline-success.active, .btn.btn-outline-success:hover {
    --tw-border-opacity: 1;
    border-color: rgb(46 218 139/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(46 218 139/var(--tw-text-opacity, 1))
}

.btn.btn-outline-danger {
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(21 25 35/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.btn.btn-outline-danger.active, .btn.btn-outline-danger:hover {
    --tw-border-opacity: 1;
    border-color: rgb(225 21 94/var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(225 21 94/var(--tw-text-opacity, 1))
}

.btn.btn-lg {
    height: 3.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.btn.btn-sm {
    height: 2.5rem;
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.14px
}

.btn.btn-success {
    --tw-border-opacity: 1;
    border-color: rgb(15 226 138/var(--tw-border-opacity, 1));
    background-color: rgb(15 226 138/var(--tw-bg-opacity, 1));
    color: rgb(6 9 16/var(--tw-text-opacity, 1))
}

.btn.btn-success, .btn.btn-tv {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.btn.btn-tv {
    height: auto;
    border-radius: .25rem;
    background-color: rgb(46 51 66/var(--tw-bg-opacity, 1));
    padding: .375rem 1rem;
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.14px;
    font-weight: 600;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.toast-common {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .7) !important;
    border-radius: 6px !important;
    padding: 14px !important;
    min-height: 0 !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.toast-common .Toastify__toast-body {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #ddd;
    padding: 0 !important;
    align-items: flex-start !important
}

.toast-common .Toastify__toast-body .title-toast {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #ddd
}

.toast-common .Toastify__toast-body .description-toast {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: hsla(0, 0%, 100%, .5019607843);
    font-size: 14px;
    line-height: 22px;
    padding-top: 6px;
    font-weight: 400
}

.toast-common .Toastify__toast-body .Toastify__toast-icon {
    padding-top: 3px !important;
    width: 32px !important
}

.toast-common .Toastify__close-button svg {
    color: #ddd !important
}

.toast-success {
    background: linear-gradient(96.34deg, rgba(15, 226, 138, .12), rgba(15, 226, 138, 0)), #1c202a !important
}

.toast-error {
    background: linear-gradient(96.34deg, rgba(225, 21, 94, .09), rgba(225, 21, 94, 0)), #1c202a !important
}

.toast-waring {
    background: linear-gradient(96.34deg, rgba(243, 248, 15, .09), rgba(243, 248, 15, 0)), #1c202a !important
}

.row-table-asset circle {
    display: none
}

.row-table-asset-last-child circle:last-child {
    display: inline
}

.orderbook .row {
    display: flex;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.orderbook .table-head {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 1536px) {
    .orderbook .table-head {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.orderbook .table-head .cell {
    letter-spacing: .02em;
    flex: 1 1 0;
    font-size: .75rem;
    line-height: 1.125rem;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.orderbook .table-head .row {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.orderbook .table-body {
    cursor: pointer
}

.orderbook .table-body .row-container {
    position: relative;
    margin-bottom: .125rem;
    height: 27px;
    width: 100%;
    border-top-color: transparent
}

.orderbook .table-body .row {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .75rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media (min-width: 1536px) {
    .orderbook .table-body .row {
        font-size: .8125rem;
        line-height: 1.375rem;
        letter-spacing: -.13px
    }
}

.orderbook .table-body .row .cell {
    flex: 1 1 0
}

.orderbook .table-body .row div:first-child {
    padding-left: .75rem
}

@media (min-width: 1536px) {
    .orderbook .table-body .row div:first-child {
        padding-left: 1.25rem
    }
}

.orderbook .table-body .row div:last-child {
    padding-right: .75rem
}

@media (min-width: 1536px) {
    .orderbook .table-body .row div:last-child {
        padding-right: 1.25rem
    }
}

.orderbook .table-body.ask, .orderbook .table-body.ask .row {
    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-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.orderbook .table-body.ask .row div:first-child {
    --tw-text-opacity: 1;
    color: rgb(225 21 94/var(--tw-text-opacity, 1))
}

.orderbook .table-body.ask.hovering .row-container.active {
    margin-bottom: 0;
    height: 29px;
    border-top-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgb(128 128 128/var(--tw-border-opacity, 1))
}

.orderbook .table-body.ask.hovering .row-container.active .row {
    margin-bottom: 0;
    height: 29px;
    --tw-bg-opacity: 1;
    background-color: rgb(43 49 57/var(--tw-bg-opacity, 1))
}

.orderbook .table-body.ask.hovering .row-container.active ~ .row-container {
    margin-bottom: 0;
    height: 29px;
    --tw-border-opacity: 1;
    border-top-color: rgb(43 49 57/var(--tw-border-opacity, 1))
}

.orderbook .table-body.ask.hovering .row-container.active ~ .row-container .row {
    margin-bottom: 0;
    height: 29px;
    --tw-bg-opacity: 1;
    background-color: rgb(43 49 57/var(--tw-bg-opacity, 1))
}

.orderbook .table-body.ask .row-ask-even-full {
    background-color: rgba(225, 21, 70, 0)
}

@keyframes askFull {
    0% {
        background-color: rgba(225, 21, 70, 0)
    }
    to {
        background-color: rgba(225, 21, 70, .16)
    }
}

.orderbook .table-body.ask .row-ask-even, .orderbook .table-body.ask .row-ask-odd {
    background-color: #251422;
    width: 100%;
    animation-fill-mode: forwards
}

.orderbook .table-body.bid .row {
    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-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.orderbook .table-body.bid .row div:first-child {
    --tw-text-opacity: 1;
    color: rgb(46 218 139/var(--tw-text-opacity, 1))
}

.orderbook .table-body.bid.hovering .row-container.active {
    border-bottom: 1px dashed gray;
    margin-bottom: 0;
    height: 29px;
    --tw-border-opacity: 1;
    border-top-color: rgb(43 49 57/var(--tw-border-opacity, 1))
}

.orderbook .table-body.bid.hovering .row-container.active .row {
    --tw-bg-opacity: 1;
    background-color: rgb(43 49 57/var(--tw-bg-opacity, 1))
}

.orderbook .table-body.bid.hovering .row-container:has(~.row-container.active) {
    margin-bottom: 0;
    height: 29px;
    --tw-bg-opacity: 1;
    background-color: rgb(43 49 57/var(--tw-bg-opacity, 1))
}

.orderbook .table-body.bid.hovering .row-container:has(~.row-container.active) .row {
    margin-bottom: 0;
    height: 29px;
    --tw-bg-opacity: 1;
    background-color: rgb(43 49 57/var(--tw-bg-opacity, 1))
}

.orderbook .table-body.bid .row-bid-even-full {
    background-color: rgba(15, 226, 138, 0)
}

@keyframes bidFull {
    0% {
        background-color: rgba(15, 226, 138, 0)
    }
    to {
        background-color: rgba(15, 226, 138, .16)
    }
}

.orderbook .table-body.bid .row-bid-even, .orderbook .table-body.bid .row-bid-odd {
    background-color: #142d2d;
    width: 100%;
    animation-fill-mode: forwards
}

@keyframes changeWidthSize {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.orderbook .popover-left .content {
    position: absolute;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 216px;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1));
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: -.14px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.orderbook .popover-left .content .content-item {
    margin-bottom: .25rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.orderbook .popover-left .content .content-item:last-child {
    margin-bottom: 0
}

.orderbook .popover-left .content .content-item div {
    white-space: nowrap
}

.orderbook .popover-left .content .content-item div:first-child {
    flex-grow: 1
}

.orderbook .popover-left .triangle {
    border-right-style: solid;
    border-right-width: 0;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    position: absolute;
    height: 0;
    width: 0;
    --tw-border-opacity: 1;
    border-left: 5px solid rgb(31 31 31/var(--tw-border-opacity, 1))
}

.orderbook .popover-left .arrow {
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1))
}

.container-trades {
    overflow-y: auto
}

.container-trades::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.container-trades::-webkit-scrollbar-thumb {
    background-color: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.animation-width {
    overflow: hidden;
    height: 100%;
    width: 0;
    transition: width .3s
}

.onus-table-portfolio-filter {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    overflow: overlay !important;
    height: 100%
}

.onus-table-portfolio-filter::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.onus-table-portfolio-filter::-webkit-scrollbar-thumb {
    background-color: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.onus-table-portfolio-filter button[aria-disabled=true] {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0) !important
}

.onus-table-portfolio-filter button[aria-disabled=true] g path {
    fill: #464f5f
}

.onus-table-portfolio-filter button[aria-disabled=false] {
    background: rgba(0, 0, 0, 0) !important
}

.onus-table-portfolio-filter .rdt_ExpanderRow {
    padding-right: 36px;
    padding-left: 48px;
    padding-bottom: 16px;
    border-bottom: 1px solid #242424 !important;
    background: rgba(0, 0, 0, 0)
}

.onus-table-portfolio-filter .rdt_ExpanderRow > div {
    background: #1c202a;
    color: #ddd;
    border-radius: 5px
}

.onus-table-portfolio-filter .rdt_ExpanderRow .onus-table-expand .rdt_TableHead {
    border-bottom: 1px solid #242424;
    background-color: rgba(0, 0, 0, 0)
}

.onus-table-portfolio-filter .rdt_TableHead {
    border-bottom: 1px solid #242424;
    background-color: #161616
}

.onus-table-portfolio-filter .rdt_TableRow {
    border-bottom: 1px solid #242424 !important
}

.onus-table-portfolio-filter .content-expand {
    overflow-x: overlay
}

.onus-table-portfolio-filter .content-expand::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 0;
    height: 0
}

.onus-table-portfolio-filter .content-expand:hover::-webkit-scrollbar {
    width: 0;
    height: 6px
}

.loading-icon {
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes spin {
    0% {
        transform: rotate(1turn)
    }
    to {
        transform: rotate(0deg)
    }
}

.font-main-onus-dashboard, .font-main-onus-dashboard .ant-form {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

#menu-item-header-v2:first-child:hover, #menu-item-header-v2:nth-child(7):hover {
    background-color: rgba(0, 0, 0, 0) !important
}

#menu-item-header-v2:last-child {
    margin-bottom: 1em
}

.banner-zalo {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 8px 40px 0 rgba(175, 178, 189, .25)
}

.table-trading-rule {
    overflow-y: auto
}

.table-trading-rule::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 3px;
    height: 3px
}

.table-trading-rule::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 3px;
    border: none
}

.table-trading-rule .ant-table {
    background: #111419 !important
}

.table-trading-rule .ant-table .ant-table-container {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    background: #111419 !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell {
    border-color: #ffffff0f !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 20 25/var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 246/var(--tw-text-opacity, 1)) !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell:before {
    background-color: transparent !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell-fix-left-last {
    border-top-left-radius: .5rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 20 25/var(--tw-bg-opacity, 1)) !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell:first-child {
    padding-left: 30px
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell:last-child {
    padding-right: 30px
}

.table-trading-rule .ant-table .ant-table-container .ant-table-header .ant-table-thead .ant-table-cell-scrollbar {
    display: none !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    overflow-x: overlay !important;
    overflow-y: hidden !important;
    max-height: unset !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body::-webkit-scrollbar {
    margin-left: 5px;
    width: 5px;
    background: rgba(0, 0, 0, 0)
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-cell:first-child {
    padding-left: 30px
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-cell:last-child {
    padding-right: 30px
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-cell {
    border-color: #ffffff0f !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 20 25/var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 246/var(--tw-text-opacity, 1)) !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-body .ant-table-tbody .ant-table-placeholder {
    background: rgba(0, 0, 0, 0) !important
}

.table-trading-rule .ant-table .ant-table-container .ant-table-cell {
    border-bottom-color: #2b3247 !important
}

.filter-order .ant-picker-range {
    height: 28px;
    border-radius: 4px;
    background-color: #1f1f1f;
    border: none;
    border-inline-end-width: 0 !important
}

.filter-order .ant-picker-range input {
    color: #ddd;
    font-size: 13px;
    line-height: 20px
}

.filter-order .ant-picker-range input::-moz-placeholder {
    color: #787878
}

.filter-order .ant-picker-range input::placeholder {
    color: #787878
}

.filter-order .ant-picker-range .ant-picker-separator, .filter-order .ant-picker-range .ant-picker-suffix {
    color: #787878
}

.filter-order .ant-picker-focused {
    box-shadow: none !important
}

.filter-order .ant-picker-focused, .filter-order .ant-picker-focused:focus {
    border-inline-end-width: 0 !important
}

.content-filter-order, .content-filter-symbol {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 200px;
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1))
}

@media not all and (min-width: 768px) {
    .content-filter-order, .content-filter-symbol {
        width: 300px
    }
}

.content-filter-order .rc-virtual-list-holder::-webkit-scrollbar, .content-filter-symbol .rc-virtual-list-holder::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    width: 3px;
    height: 3px
}

.content-filter-order .rc-virtual-list-holder::-webkit-scrollbar-corner, .content-filter-symbol .rc-virtual-list-holder::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.content-filter-order .rc-virtual-list-holder::-webkit-scrollbar-thumb, .content-filter-symbol .rc-virtual-list-holder::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .0588235294);
    border-radius: 3px;
    border: none
}

.content-filter-order .ant-select-item, .content-filter-symbol .ant-select-item {
    border-radius: 0 !important;
    border-bottom-width: 1px !important;
    border-color: #ffffff0f !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1)) !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 246/var(--tw-text-opacity, 1)) !important
}

.content-filter-order .ant-select-item:last-child, .content-filter-symbol .ant-select-item:last-child {
    border: none !important
}

.content-filter-order .ant-empty-description, .content-filter-order .ant-select-item-option-content, .content-filter-symbol .ant-empty-description, .content-filter-symbol .ant-select-item-option-content {
    --tw-bg-opacity: 1;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1));
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.content-filter-order .ant-select-item-option-active, .content-filter-order .ant-select-item-option-selected, .content-filter-symbol .ant-select-item-option-active, .content-filter-symbol .ant-select-item-option-selected {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(122 241 122/var(--tw-text-opacity, 1)) !important
}

.content-filter-order .ant-select-item-option-selected .ant-select-item-option-content, .content-filter-symbol .ant-select-item-option-selected .ant-select-item-option-content {
    --tw-text-opacity: 1 !important;
    color: rgb(122 241 122/var(--tw-text-opacity, 1)) !important
}

.ant-select.select-filters {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    margin-right: .625rem;
    height: 1.75rem
}

.ant-select.select-filters .ant-select-selector {
    height: 1.75rem !important;
    width: 150px !important;
    border-radius: 3px !important;
    border-width: 0 !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(31 31 31/var(--tw-bg-opacity, 1)) !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 246/var(--tw-text-opacity, 1)) !important
}

@media not all and (min-width: 768px) {
    .ant-select.select-filters .ant-select-selector {
        width: 100% !important
    }
}

.ant-select.select-filters .ant-select-selector .ant-select-selection-item, .ant-select.select-filters .ant-select-selector .ant-select-selection-search-input {
    font-weight: 500 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(246 246 246/var(--tw-text-opacity, 1)) !important
}

.ant-select.select-filters .ant-select-selector .ant-select-selection-item {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.modal-news .ant-modal-content {
    padding: 0
}

.modal-news .ant-modal-content .content-news {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.modal-news .ant-modal-content .content-news::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.modal-news .ant-modal-content .content-news::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.modal-news .ant-modal-content .content-news::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.modal-news .ant-modal-content .content-news p {
    padding: 4px 0
}

.modal-news .ant-modal-content .content-news a {
    color: #0068ff;
    font-weight: 500
}

.tab-rules::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.tab-rules::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.tab-rules::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.popover-trading-pairs {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.popover-trading-pairs .ant-popover-arrow {
    display: none
}

.popover-trading-pairs .ant-popover-content {
    padding: 0;
    border-radius: 4px;
    background: #1c202a
}

.popover-trading-pairs .ant-popover-content .ant-popover-inner {
    border-radius: 4px;
    background: #1c202a;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .7);
    padding: 0
}

.popover-trading-pairs .ant-popover-content .container-trading-pairs::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.popover-trading-pairs .ant-popover-content .container-trading-pairs::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.popover-trading-pairs .ant-popover-content .container-trading-pairs::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.banner-bottom-v3 {
    width: 100%;
    border-radius: 8px;
    background: #eaf3ff;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    padding: .5rem
}

@media (min-width: 640px) {
    .banner-bottom-v3 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}

.onus-wrapper {
    width: 616px;
    position: relative
}

.onus-wrapper .image-wrapper {
    height: 735px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 10
}

.onus-wrapper .video-wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 25px;
    left: 0
}

.onus-wrapper .video-container {
    width: 100%;
    height: 589px
}

.table-fees .rdt_Table {
    border: 1px solid #242424 !important;
    border-radius: 6px
}

.table-fees .rdt_TableHeadRow {
    border-bottom: none !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px 40px
}

.table-fees .rdt_TableRow {
    border-top: 1px solid #242424 !important;
    padding: 12px 40px
}

.table-fees .rdt_TableCol_Sortable {
    color: #787878 !important
}

.table-fees-mobile {
    width: 100%;
    height: 100% !important
}

.table-fees-mobile .rdt_Table {
    border: 1px solid #242424 !important;
    border-radius: 6px
}

.table-fees-mobile .rdt_TableHeadRow {
    border-bottom: none !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px 8px
}

.table-fees-mobile .rdt_TableRow {
    border-top: 1px solid #242424 !important;
    padding: 12px 8px
}

.table-fees-mobile .rdt_TableCol_Sortable {
    color: #787878 !important
}

div.item-transaction-pending:last-child .items {
    border-bottom: 0 !important
}

.drawer-menu-mobile-account, .drawer-menu-mobile-account .ant-drawer-header {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.drawer-menu-mobile-account .ant-drawer-header {
    display: none
}

.drawer-menu-mobile-account .ant-drawer-body {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    background-color: #fff;
    padding: 0 !important;
    height: 100% !important;
    overflow: hidden !important
}

.onus-table-market {
    width: 100%;
    height: 100% !important
}

.onus-table-market .rdt_TableHeadRow {
    border-top: 1px solid #242424 !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px 0
}

.onus-table-market .rdt_TableHeadRow, .onus-table-market .rdt_TableRow {
    border-bottom: 1px solid #242424 !important
}

.onus-table-market .rdt_TableCol_Sortable {
    color: #787878 !important
}

.count-down-gift-btc {
    width: 74px;
    border-radius: 6px;
    background: #fff;
    box-shadow: inset 0 1.756px 0 0 rgba(115, 171, 255, .43);
    -webkit-backdrop-filter: blur(5.8064446449px);
    backdrop-filter: blur(5.8064446449px)
}

.modal-gift-btc {
    border-radius: 16px;
    background: linear-gradient(180deg, #e5f0ff, #fff)
}

.modal-gift-btc .ant-modal-content {
    border-radius: 16px;
    padding: 0
}

.grecaptcha-badge {
    visibility: hidden
}

.invitation-wrapper {
    background: rgba(0, 104, 255, .04);
    border: 1px solid rgba(0, 104, 255, .16);
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    padding: 8px;
    margin-bottom: 8px
}

.invitation-wrapper .avatar {
    width: 32px;
    height: 32px;
    border-radius: 100%
}

.invitation-wrapper .text {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .01em;
    color: #0068ff;
    margin-left: 12px
}

.modal-deposit-withdraw .ant-modal-content {
    padding: 20px 0
}

.modal-deposit-withdraw .list-token-deposit-withdraw::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
    width: 5px;
    height: 5px
}

.modal-deposit-withdraw .list-token-deposit-withdraw::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0)
}

.modal-deposit-withdraw .list-token-deposit-withdraw::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 5px;
    border: none
}

.dropdown-deposit-withdraw {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.menu-dropdown-header {
    border-radius: 10px;
    background: #1f1f1f;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .7)
}

.banner-bottom-v4 {
    background: linear-gradient(252deg, rgba(13, 183, 135, .28) 4.73%, rgba(13, 183, 135, .1) 20.15%, rgba(13, 183, 135, .1) 75.26%, rgba(13, 183, 135, .28) 94.68%), #fff
}

.dropdown-header-menu .ant-dropdown-menu {
    padding-bottom: 10px
}

.markets-signals .markets-signals-scrollbar::-webkit-scrollbar {
    display: none
}

.picker-date-filter-spot .ant-picker-range-arrow:before {
    background: #1c202a !important
}

.picker-date-filter-spot .ant-picker-panel-container {
    color: #ddd;
    background: #1c202a !important;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .7);
    border-radius: 4px
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell {
    color: #515c70
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-view, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-header-view, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-next-icon, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-prev-icon, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-super-next-icon, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-super-prev-icon, .picker-date-filter-spot .ant-picker-panel-container th {
    color: #ddd !important
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-range:before {
    background: rgba(0, 102, 255, .1) !important
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-range:before:hover, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-range:hover {
    background: rgba(0, 0, 0, 0) !important
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-range .ant-picker-cell-inner {
    position: unset;
    color: #ddd !important
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-in-range .ant-picker-cell-inner:hover {
    background: rgba(0, 0, 0, 0) !important
}

.picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-range-end:before, .picker-date-filter-spot .ant-picker-panel-container .ant-picker-cell-range-start:before {
    background: rgba(0, 102, 255, .1) !important
}

.picker-date-filter-spot .ant-picker-cell.ant-picker-cell-disabled.ant-picker-cell-in-view {
    color: #515c70 !important
}

.picker-date-filter-spot .ant-picker-dropdown .ant-picker-cell-disabled {
    cursor: not-allowed !important;
    pointer-events: auto
}

.date-picker-date-of-birth input {
    color: #f6f6f6 !important
}

.date-picker-date-of-birth input::-moz-placeholder {
    color: #787878 !important
}

.date-picker-date-of-birth input::placeholder {
    color: #787878 !important
}

.date-picker-date-of-birth .ant-picker-suffix, .date-picker-date-of-birth .anticon-close-circle {
    color: #f6f6f6
}

.date-picker-date-of-birth .ant-picker-range-arrow:before {
    background: #1c202a !important
}

.date-picker-date-of-birth .ant-picker-panel-container {
    color: #ddd;
    background: #1c202a !important;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .7);
    border-radius: 4px
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell {
    color: #515c70
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-view, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-header-view, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-next-icon, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-prev-icon, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-super-next-icon, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-super-prev-icon, .date-picker-date-of-birth .ant-picker-panel-container th {
    color: #ddd !important
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-range:before {
    background: rgba(0, 102, 255, .1) !important
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-range:before:hover, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-range:hover {
    background: rgba(0, 0, 0, 0) !important
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-range .ant-picker-cell-inner {
    position: unset;
    color: #ddd !important
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-in-range .ant-picker-cell-inner:hover {
    background: rgba(0, 0, 0, 0) !important
}

.date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-range-end:before, .date-picker-date-of-birth .ant-picker-panel-container .ant-picker-cell-range-start:before {
    background: rgba(0, 102, 255, .1) !important
}

.date-picker-date-of-birth .ant-picker-cell.ant-picker-cell-disabled.ant-picker-cell-in-view {
    color: #515c70 !important
}

.date-picker-date-of-birth .ant-picker-dropdown .ant-picker-cell-disabled {
    cursor: not-allowed !important;
    pointer-events: auto
}

.input-date-of-birth:focus {
    outline: none;
    box-shadow: none !important
}

.ant-picker-focused {
    box-shadow: none !important
}

.ant-picker-focused, .ant-picker-focused:focus {
    border-inline-end-width: 0 !important
}

.custom-scrollbar-trade-to-earn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #171b25
}

.custom-scrollbar-trade-to-earn::-webkit-scrollbar {
    width: 7px;
    background-color: #171b25
}

.custom-scrollbar-trade-to-earn::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #2e3342 !important
}

.line-trade-to-earn:last-child .line-trade-to-earn-item {
    display: none !important
}

.font-trade-to-earn {
    font-family: ONUSSans !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.modal-gift-trump {
    border-radius: 16px;
    background: linear-gradient(0deg, #001B7D .24%, #1B6BFF 62.64%, #EBF3FF 116.65%)
}

.modal-gift-trump .ant-modal-content {
    border-radius: 16px;
    padding: 0
}

.modal-gift-trump-btc {
    border-radius: 16px;
    background: linear-gradient(0deg, #001129 -11.77%, #0068FF 50.6%)
}

.modal-gift-trump-btc .ant-modal-content {
    border-radius: 16px;
    padding: 0
}

.modal-gift-god-btc {
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(0deg, #001129 -11.77%, #0068FF 50.6%)
}

.modal-gift-god-btc .ant-modal-content {
    border-radius: 16px;
    padding: 0
}

.modal-gift-2p-btc {
    overflow: hidden
}

.modal-gift-2p-btc, .modal-gift-2p-btc .ant-modal-content {
    border-radius: 16px;
    background: linear-gradient(0deg, #001B7D 10.87%, #1B6BFF 38.28%, #EBF3FF 116.65%)
}

.modal-gift-2p-btc .ant-modal-content {
    padding: 0
}

.banner-bottom-v5 {
    background: radial-gradient(238.82% 92.91% at 60.49% 64.37%, #08084E 9.49%, #008 100%), #008
}

.banking-shadow {
    border-radius: 4px;
    box-shadow: 0 2.667px 8px 0 rgba(0, 0, 0, .16)
}

.htb-download-app {
    border-radius: 12px;
    background: linear-gradient(180deg, #091A31, #0A408F)
}

.htb-chart-wrapper {
    background: #fff
}

.htb-input-number .ant-input-number-input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 100%;
    border-width: 0;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px;
    font-weight: 600
}

.htb-input-number .ant-input-number-input::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(220 220 220/var(--tw-text-opacity, 1))
}

.htb-input-number .ant-input-number-input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(220 220 220/var(--tw-text-opacity, 1))
}

.htb-input-number .ant-input-number-input:focus-visible {
    border-width: 0
}

@media (min-width: 1024px) {
    .htb-input-number .ant-input-number-input {
        flex-grow: 1
    }
}

.htb-input-number .ant-input-number-handler-wrap {
    visibility: hidden
}

.htb-input-number .ant-input-number, .htb-input-number .ant-input-number-handler-wrap {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.htb-input-number .ant-input-number {
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid var(--Line-3-EFF2F6, #edf0f5);
    border-right: 0
}

@media (min-width: 1024px) {
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

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

    .htb-chart-wrapper {
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 23px 100px 0 rgba(0, 0, 0, .12)
    }
}

.div-onus-htb {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    width: 100%;
    color: #192231;
    max-width: 1170px
}

@media screen and (max-width: 1170px) {
    .div-onus-htb {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.modal-gift-crypto-v1 {
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(358deg, #09197C 22.18%, #0019B6 44.55%, #0068FF 61.32%), linear-gradient(0deg, #D18711 37.12%, #F89F1D 87.34%, #F7E07B 106.09%)
}

.modal-gift-crypto-v1 .ant-modal-content {
    border-radius: 16px;
    padding: 0
}

.modal-gift-crypto-v1 .ant-modal-close-icon svg {
    color: #fff
}

.modal-gift-non-crypto-v1 {
    overflow: hidden;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0) !important
}

.modal-gift-non-crypto-v1 .ant-modal-content {
    background: rgba(0, 0, 0, 0) !important;
    border-radius: 16px;
    padding: 0
}

.modal-gift-non-crypto-v1 .ant-modal-close-icon svg {
    color: #fff
}

.box-download-popup {
    border-radius: 6px;
    background: rgba(48, 48, 196, .49);
    box-shadow: 0 5.482px 21.929px 0 rgba(0, 0, 0, .12)
}

.banner-bottom-non-crypto-v1 {
    background: radial-gradient(238.82% 92.91% at 60.49% 64.37%, #08084E 9.49%, #022C86 54.41%, #008 100%), #fff
}

.banner-bottom-non-crypto-v1 .banner-desktop span {
    color: #f6f6f6 !important
}

.bg-bt-linear-gradient {
    background: linear-gradient(180deg, #7AF17A -5%, #5ab85a)
}

.menu-dropdown-type-order, .menu-dropdown-type-order .ant-dropdown-menu {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    color: #f6f6f6
}

.menu-dropdown-type-order .ant-dropdown-menu {
    border-radius: 8px;
    background: #1f1f1f;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .3)
}

.container-favor-token::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 2px;
    height: 2px
}

.container-favor-token::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.container-favor-token::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.silde-size-order {
    margin-top: 0;
    background: rgba(0, 0, 0, 0) !important
}

.silde-size-order .ant-slider-rail {
    background: #222 !important;
    height: 2px
}

.silde-size-order .ant-slider-track {
    background: #fff !important;
    height: 2px
}

.silde-size-order .ant-slider-dot {
    top: -4px !important;
    height: 10px !important;
    width: 10px !important
}

.silde-size-order .ant-slider-mark {
    color: #787878
}

.silde-size-order .ant-slider-mark .ant-slider-mark-text {
    color: #787878;
    font-size: 12px;
    padding-top: 8px;
    font-weight: 500
}

.silde-size-order .ant-slider-dot {
    background: #000 !important;
    border: 1px solid #222 !important
}

.silde-size-order .ant-slider-dot-active {
    background: #000 !important;
    border: 1px solid #fff !important
}

.silde-size-order .ant-slider-handle {
    top: 1px !important;
    height: 6px !important;
    width: 6px !important
}

.silde-size-order .ant-slider-handle:before {
    top: 1px !important;
    border-radius: 100% !important;
    background: #fff !important;
    height: 6px !important;
    width: 6px !important
}

.silde-size-order .ant-slider-handle:after {
    top: 1px !important;
    background: #fff !important;
    height: 6px !important;
    width: 6px !important;
    box-shadow: 0 0 0 3px #fff !important
}

.custom-scrollbar-insights::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #171b25
}

.custom-scrollbar-insights::-webkit-scrollbar {
    width: 4px;
    background-color: #171b25
}

.custom-scrollbar-insights::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #2e3342 !important
}

.custom-scrollbar-insights .infinite-scroll-component__outerdiv {
    width: 100%
}

.box-sign-in-up {
    border-radius: 12px;
    background: rgba(30, 30, 30, .5)
}

.fi.fis {
    width: 20px
}

.popover-country {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.popover-country .ant-popover-content {
    padding: 0;
    border-radius: 4px;
    background: #1f1f1f !important
}

.popover-country .ant-popover-content .ant-popover-inner {
    border-radius: 4px;
    background: #1f1f1f !important;
    box-shadow: 0 20px 30px 0 rgba(0, 0, 0, .5);
    padding: 0
}

.popover-country .ant-popover-content .container-country::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.popover-country .ant-popover-content .container-country::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.popover-country .ant-popover-content .container-country::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.custom-scrollbar-country {
    scrollbar-width: thin;
    scrollbar-color: #787878 rgba(0, 0, 0, 0)
}

.custom-scrollbar-country::-webkit-scrollbar, .custom-scrollbar-country::-webkit-scrollbar-track {
    width: 0;
    background-color: #787878 !important
}

.custom-scrollbar-country::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #787878 !important
}

.ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox:hover:after {
    background-color: #313131;
    border-color: #404040
}

.ant-checkbox .ant-checkbox-inner {
    background-color: #313131;
    border-color: #404040 !important
}

.ant-checkbox-wrapper:hover .ant-checkbox .ant-checkbox-inner, .ant-checkbox:after, .ant-checkbox:hover .ant-checkbox .ant-checkbox-inner {
    background-color: #313131;
    border-color: #404040
}

.ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-checked:after, .ant-checkbox-checked:hover .ant-checkbox-checked .ant-checkbox-inner, .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #7af17a !important;
    border-color: #7af17a !important
}

.bg-page {
    background: rgba(30, 30, 30, .5)
}

.bg-page-trade {
    background: #161616
}

.dnex-table-market {
    width: 100%
}

.dnex-table-market .rdt_TableBody {
    height: 70 dvh;
    overflow-y: scroll !important;
    padding-right: 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #787878 rgba(0, 0, 0, 0);
    scrollbar-gutter: stable
}

.dnex-table-market .rdt_TableBody::-webkit-scrollbar, .dnex-table-market .rdt_TableBody::-webkit-scrollbar-track {
    width: 0;
    background-color: #787878 !important
}

.dnex-table-market .rdt_TableBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #787878 !important
}

.dnex-table-market .rdt_TableHeadRow {
    border-bottom: 1px solid rgba(246, 246, 246, .0784313725) !important;
    border-top: 1px solid rgba(246, 246, 246, .0784313725) !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 16px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: rgba(246, 246, 246, .6) !important
}

.dnex-table-market .rdt_TableRow {
    border-bottom: none !important;
    padding: 0 0 0 px0px !important;
    min-height: 64px !important
}

.dnex-table-market .rdt_TableRow:hover {
    background: rgba(246, 246, 246, .0784313725) !important
}

.dnex-table-market .rdt_TableCol_Sortable {
    color: #787878 !important
}

.dnex-table-market-mobile {
    width: 100%
}

.dnex-table-market-mobile .rdt_TableBody {
    height: 70 dvh;
    overflow-y: scroll !important;
    scrollbar-width: thin;
    scrollbar-color: #787878 rgba(0, 0, 0, 0);
    scrollbar-gutter: stable
}

.dnex-table-market-mobile .rdt_TableBody::-webkit-scrollbar, .dnex-table-market-mobile .rdt_TableBody::-webkit-scrollbar-track {
    width: 0;
    background-color: #787878 !important
}

.dnex-table-market-mobile .rdt_TableBody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #787878 !important
}

.dnex-table-market-mobile .rdt_TableHeadRow {
    border-bottom: 1px solid rgba(246, 246, 246, .0784313725) !important;
    border-top: 1px solid rgba(246, 246, 246, .0784313725) !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px;
    color: rgba(246, 246, 246, .6) !important
}

.dnex-table-market-mobile .rdt_TableRow {
    border-bottom: none !important;
    padding: 0 12px !important;
    min-height: 52px !important
}

.dnex-table-market-mobile .rdt_TableRow:hover {
    background: rgba(246, 246, 246, .0784313725) !important
}

.dnex-table-market-mobile .rdt_TableCol_Sortable {
    color: #787878 !important
}

.ant-affix {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.custom-scroll-account::-webkit-scrollbar {
    background: rgba(0, 0, 0, 0) !important;
    width: 3px;
    height: 3px;
    border: none !important
}

.custom-scroll-account::-webkit-scrollbar-thumb {
    background-color: rgba(46, 51, 66, .6745098039);
    border-radius: 3px;
    border: none
}

.dnex-table-market-home {
    width: 100%
}

.dnex-table-market-home .rdt_TableBody {
    height: auto;
    overflow: hidden
}

.dnex-table-market-home .rdt_TableHeadRow {
    border-bottom: 1px solid rgba(246, 246, 246, .0784313725) !important;
    border-top: 1px solid rgba(246, 246, 246, .0784313725) !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px 24px;
    color: #787878 !important
}

.dnex-table-market-home .rdt_TableRow {
    border-bottom: none !important;
    padding: 0 20px !important;
    min-height: 64px !important
}

.dnex-table-market-home .rdt_TableRow:hover {
    background: rgba(246, 246, 246, .0784313725) !important
}

.dnex-table-market-home .rdt_TableCol_Sortable {
    color: #787878 !important
}

.dnex-table-market-home-mobile {
    width: 100%
}

.dnex-table-market-home-mobile .rdt_TableBody {
    height: auto;
    overflow: hidden
}

.dnex-table-market-home-mobile .rdt_TableHeadRow {
    border-bottom: 1px solid rgba(246, 246, 246, .0784313725) !important;
    border-top: 1px solid rgba(246, 246, 246, .0784313725) !important;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 12px;
    color: #787878 !important
}

.dnex-table-market-home-mobile .rdt_TableRow {
    border-bottom: none !important;
    padding: 0 12px !important;
    min-height: 55px !important
}

.dnex-table-market-home-mobile .rdt_TableRow:hover {
    background: rgba(246, 246, 246, .0784313725) !important
}

.dnex-table-market-home-mobile .rdt_TableCol_Sortable {
    color: #787878 !important
}

.box-feature-home {
    border-radius: 10px;
    background: #101010;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

.faqs {
    background-color: rgba(0, 0, 0, 0)
}

.faqs .ant-collapse-content-box, .faqs .ant-collapse-header {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    padding: 6px 0 !important;
    color: #f6f6f6
}

.faqs .ant-collapse-content-box ul, .faqs .ant-collapse-header ul {
    list-style-type: disc
}

.faqs .ant-collapse-content-box ul ul, .faqs .ant-collapse-header ul ul {
    list-style-type: decimal;
    padding-left: .75rem
}

.faqs .ant-collapse-content-box table, .faqs .ant-collapse-header table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1))
}

.faqs .ant-collapse-content-box table p, .faqs .ant-collapse-header table p {
    margin-top: 0;
    margin-bottom: 0
}

.faqs .ant-collapse-content-box table td, .faqs .ant-collapse-content-box table th, .faqs .ant-collapse-header table td, .faqs .ant-collapse-header table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

@media screen and (max-width: 640px) {
    .faqs .ant-collapse-content-box, .faqs .ant-collapse-header {
        padding: 4px 0 !important
    }
}

.faqs .ant-collapse-content-box a, .faqs .ant-collapse-header a {
    color: #7af17a
}

.faqs-detail {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    color: #f6f6f6
}

.faqs-detail .ant-collapse-content-box, .faqs-detail .ant-collapse-header {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    padding: 10px 0 !important;
    color: #787878
}

.faqs-detail .ant-collapse-content-box ul, .faqs-detail .ant-collapse-header ul {
    list-style-type: disc
}

.faqs-detail .ant-collapse-content-box ul ul, .faqs-detail .ant-collapse-header ul ul {
    list-style-type: decimal;
    padding-left: .75rem
}

.faqs-detail .ant-collapse-content-box table, .faqs-detail .ant-collapse-header table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1))
}

.faqs-detail .ant-collapse-content-box table p, .faqs-detail .ant-collapse-header table p {
    margin-top: 0;
    margin-bottom: 0
}

.faqs-detail .ant-collapse-content-box table td, .faqs-detail .ant-collapse-content-box table th, .faqs-detail .ant-collapse-header table td, .faqs-detail .ant-collapse-header table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

@media screen and (max-width: 640px) {
    .faqs-detail .ant-collapse-content-box, .faqs-detail .ant-collapse-header {
        padding: 4px 0 !important
    }
}

.faqs-detail .ant-collapse-content-box a, .faqs-detail .ant-collapse-header a {
    color: #7af17a
}

.info-source {
    color: #66748a;
    font-size: 16px;
    line-height: 23px;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.info-source, .info-source > * {
    font-family: ONUSSans, sans-serif
}

.info-source > * {
    font-variant-numeric: lining-nums tabular-nums !important
}

.info-source p {
    margin-bottom: .5rem
}

.info-source h1, .info-source h2, .info-source h3, .info-source h4 {
    font-weight: 400
}

.info-source h2 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px
}

.info-source h3 {
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.18px
}

.info-source h4 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px
}

.info-source ul {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: disc
}

.info-source ul li {
    margin-bottom: .25rem
}

.info-source ol {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: decimal
}

.info-source a {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.info-source b, .info-source strong {
    font-weight: 600
}

.info-source h1 span b, .info-source h2 span b, .info-source h3 span b, .info-source h4 span b {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.info-source table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1))
}

.info-source table p {
    margin-top: 0;
    margin-bottom: 0
}

.info-source table td, .info-source table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(31 31 31/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

.auth-modal, .auth-modal .ant-modal-content {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.auth-modal .ant-modal-content {
    padding: 16px;
    background: #1e1e1e;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.auth-modal .ant-modal-close-x {
    color: #fff
}

.auth-modal .ant-modal-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    pointer-events: none
}

.content-guide-order {
    max-height: calc(100vh - 250px);
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    overflow-y: overlay;
    scrollbar-width: thin;
    scrollbar-color: #787878 rgba(0, 0, 0, 0)
}

.content-guide-order::-webkit-scrollbar, .content-guide-order::-webkit-scrollbar-track {
    width: 0;
    background-color: #787878 !important
}

.content-guide-order::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #787878 !important
}

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

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

.placeholder\:text-ellipsis::-moz-placeholder {
    text-overflow: ellipsis
}

.placeholder\:text-ellipsis::placeholder {
    text-overflow: ellipsis
}

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

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

.placeholder\:font-normal::-moz-placeholder {
    font-weight: 400
}

.placeholder\:font-normal::placeholder {
    font-weight: 400
}

.placeholder\:text-home-40::-moz-placeholder {
    color: #F6F6F666
}

.placeholder\:text-home-40::placeholder {
    color: #F6F6F666
}

.placeholder\:text-spot-40::-moz-placeholder {
    color: #f6f6f666
}

.placeholder\:text-spot-40::placeholder {
    color: #f6f6f666
}

.placeholder\:text-spot-second::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.placeholder\:text-spot-second::placeholder {
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:mb-1:last-child {
    margin-bottom: .25rem
}

.last\:border-0:last-child {
    border-width: 0
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:border-none:last-child {
    border-style: none
}

.last\:pb-5:last-child {
    padding-bottom: 1.25rem
}

.visited\:bg-spot-8:visited {
    background-color: #f6f6f614
}

.focus-within\:border-home-60:focus-within {
    border-color: #F6F6F696
}

.focus-within\:bg-spot-8:focus-within {
    background-color: #f6f6f614
}

.focus-within\:shadow-md:focus-within {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:bg-\[\#ffffff0b\]:hover {
    background-color: #ffffff0b
}

.hover\:bg-primary-8:hover, .hover\:bg-spot-8:hover {
    background-color: #f6f6f614
}

.hover\:text-brand:hover {
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.hover\:text-primary:hover, .hover\:text-spot:hover {
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:decoration-solid:hover {
    text-decoration-style: solid
}

.hover\:opacity-80:hover {
    opacity: .8
}

.focus\:bg-spot-8:focus {
    background-color: #f6f6f614
}

.focus\:outline-none:focus {
    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-white:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
}

.focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75
}

.active\:border-home-60:active {
    border-color: #F6F6F696
}

.active\:bg-spot-8:active {
    background-color: #f6f6f614
}

@media not all and (min-width: 1536px) {
    .max-2xl\:max-w-\[120px\] {
        max-width: 120px
    }

    .max-2xl\:max-w-\[60px\] {
        max-width: 60px
    }
}

@media not all and (min-width: 768px) {
    .max-md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .max-md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .max-md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

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

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

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

    .max-md\:flex {
        display: flex
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:max-h-\[50dvh\] {
        max-height: 50 dvh
    }

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

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

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

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

    .max-md\:justify-start {
        justify-content: flex-start
    }

    .max-md\:justify-end {
        justify-content: flex-end
    }

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

    .max-md\:gap-8 {
        gap: 2rem
    }

    .max-md\:gap-y-10 {
        row-gap: 2.5rem
    }

    .max-md\:overflow-x-hidden {
        overflow-x: hidden
    }

    .max-md\:border-b {
        border-bottom-width: 1px
    }

    .max-md\:p-5 {
        padding: 1.25rem
    }

    .max-md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .max-md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .max-md\:py-3 {
        padding-top: .75rem
    }

    .max-md\:pb-3, .max-md\:py-3 {
        padding-bottom: .75rem
    }

    .max-md\:pb-4 {
        padding-bottom: 1rem
    }

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

    .max-md\:pt-8 {
        padding-top: 2rem
    }

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

    .max-md\:text-center {
        text-align: center
    }

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

    .max-md\:text-caption {
        font-size: .75rem;
        line-height: 1.125rem
    }

    .max-md\:text-heading-4 {
        font-size: 2rem;
        line-height: 3rem;
        letter-spacing: -.64px
    }

    .max-md\:text-heading-7 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -.2px
    }

    .max-md\:text-tini {
        font-size: .625rem;
        line-height: 1rem
    }
}

@media (max-width: 380px) {
    .max-\[380px\]\:text-heading-5 {
        font-size: 1.75rem;
        line-height: 2.625rem;
        letter-spacing: -.28px
    }
}

@media (min-width: 768px) {
    .md\:left-\[9px\] {
        left: 9px
    }

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

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

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

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

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

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

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

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

    .md\:mb-8 {
        margin-bottom: 2rem
    }

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

    .md\:mr-3 {
        margin-right: .75rem
    }

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

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

    .md\:mt-3 {
        margin-top: .75rem
    }

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

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

    .md\:mt-7 {
        margin-top: 1.75rem
    }

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

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

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

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

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-5 {
        height: 1.25rem
    }

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

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

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

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

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

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

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

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

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

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

    .md\:h-\[50dvh\] {
        height: 50 dvh
    }

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

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

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

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

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

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5 {
        width: 1.25rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:w-\[calc\(100\%-24px\)\] {
        width: calc(100% - 24px)
    }

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

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

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

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

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

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

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

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

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

    .md\:grow {
        flex-grow: 1
    }

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

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

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

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

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

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:justify-end {
        justify-content: flex-end
    }

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

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

    .md\:gap-3 {
        gap: .75rem
    }

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

    .md\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .md\:gap-x-\[100px\] {
        -moz-column-gap: 100px;
        column-gap: 100px
    }

    .md\:gap-x-\[150px\] {
        -moz-column-gap: 150px;
        column-gap: 150px
    }

    .md\:gap-y-7 {
        row-gap: 1.75rem
    }

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

    .md\:space-x-\[72px\] > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(72px * var(--tw-space-x-reverse));
        margin-left: calc(72px * calc(1 - var(--tw-space-x-reverse)))
    }

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

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

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

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

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

    .md\:bg-home-bg-2 {
        --tw-bg-opacity: 1;
        background-color: rgb(27 27 27/var(--tw-bg-opacity, 1))
    }

    .md\:bg-\[url\(\'\/images\/bg-header-dnex\.svg\'\)\] {
        background-image: url(/images/bg-header-dnex.svg)
    }

    .md\:bg-\[url\(\'\/images\/home\/bg-faqs\.svg\'\)\] {
        background-image: url(/images/home/bg-faqs.svg)
    }

    .md\:bg-\[url\(\'\/images\/home\/bg-header-home\.png\'\)\] {
        background-image: url(/images/home/bg-header-home.png)
    }

    .md\:bg-\[url\(\'\/images\/home\/security\/border\.svg\'\)\] {
        background-image: url(/images/home/security/border.svg)
    }

    .md\:bg-\[url\(\'\/images\/roadmap\/bg\.svg\'\)\] {
        background-image: url(/images/roadmap/bg.svg)
    }

    .md\:p-10 {
        padding: 2.5rem
    }

    .md\:p-3 {
        padding: .75rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

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

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

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-5 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:py-9 {
        padding-top: 2.25rem;
        padding-bottom: 2.25rem
    }

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

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

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

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

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

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-7 {
        padding-bottom: 1.75rem
    }

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

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

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

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

    .md\:pl-5 {
        padding-left: 1.25rem
    }

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

    .md\:pr-10 {
        padding-right: 2.5rem
    }

    .md\:pr-5 {
        padding-right: 1.25rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-5 {
        padding-top: 1.25rem
    }

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

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

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

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

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

    .md\:text-body-1 {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: -.18px
    }

    .md\:text-body-2 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.16px
    }

    .md\:text-caption {
        font-size: .75rem;
        line-height: 1.125rem
    }

    .md\:text-heading-1 {
        font-size: 3rem;
        line-height: 4.5rem;
        letter-spacing: -.96px
    }

    .md\:text-heading-2 {
        font-size: 2.5rem;
        line-height: 3.75rem;
        letter-spacing: -.8px
    }

    .md\:text-heading-3 {
        font-size: 2.25rem;
        line-height: 3.25rem
    }

    .md\:text-heading-4 {
        font-size: 2rem;
        line-height: 3rem;
        letter-spacing: -.64px
    }

    .md\:text-heading-6 {
        font-size: 1.5rem;
        line-height: 2.25rem;
        letter-spacing: -.24px
    }

    .md\:text-heading-7 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -.2px
    }

    .md\:text-heading-title-1 {
        font-size: 4rem;
        line-height: 5rem;
        letter-spacing: -1.12px
    }

    .md\:text-normal {
        font-size: .875rem;
        line-height: 1.25rem
    }

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

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

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

    .md\:tracking-\[-1\.2px\] {
        letter-spacing: -1.2px
    }

    .md\:tracking-\[0\.56px\] {
        letter-spacing: .56px
    }
}

@media (min-width: 1024px) {
    .lg\:left-0 {
        left: 0
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:\!w-\[490px\] {
        width: 490px !important
    }

    .lg\:w-\[460px\] {
        width: 460px
    }
}

@media (min-width: 1280px) {
    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

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

    .xl\:ml-10 {
        margin-left: 2.5rem
    }

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

@media (min-width: 1536px) {
    .\32xl\:mb-6 {
        margin-bottom: 1.5rem
    }

    .\32xl\:mr-8 {
        margin-right: 2rem
    }

    .\32xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .\32xl\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .\32xl\:pl-8 {
        padding-left: 2rem
    }

    .\32xl\:pr-6 {
        padding-right: 1.5rem
    }

    .\32xl\:text-body-2 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.16px
    }

    .\32xl\:text-heading-7 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -.2px
    }

    .\32xl\:text-normal {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button, .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

body.home-page {
    color: #f6f6f6;
    background: #121212
}

body.home-page input:-webkit-autofill, body.home-page input:-webkit-autofill:active, body.home-page input:-webkit-autofill:focus, body.home-page input:-webkit-autofill:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    caret-color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6 !important;
    -webkit-transition: background-color 2000s ease-in-out 0s;
    transition: background-color 2000s ease-in-out 0s
}

body.home-page input {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

body.home-page input:focus-visible {
    outline: none;
    border: none
}

.home-info-token {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .12)
}

.shadow-partner {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .02)
}

@media screen and (max-width: 768px) {
    .shadow-partner {
        box-shadow: 0 4px 10px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .02)
    }
}

.faqs-v2 {
    background-color: #121212
}

.faqs-v2 .ant-collapse-content-box, .faqs-v2 .ant-collapse-header {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    padding: 6px 0 !important;
    color: #1e1e1e
}

.faqs-v2 .ant-collapse-content-box ul, .faqs-v2 .ant-collapse-header ul {
    list-style-type: disc
}

.faqs-v2 .ant-collapse-content-box ul ul, .faqs-v2 .ant-collapse-header ul ul {
    list-style-type: decimal;
    padding-left: .75rem
}

.faqs-v2 .ant-collapse-content-box table, .faqs-v2 .ant-collapse-header table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity, 1))
}

.faqs-v2 .ant-collapse-content-box table p, .faqs-v2 .ant-collapse-header table p {
    margin-top: 0;
    margin-bottom: 0
}

.faqs-v2 .ant-collapse-content-box table td, .faqs-v2 .ant-collapse-content-box table th, .faqs-v2 .ant-collapse-header table td, .faqs-v2 .ant-collapse-header table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

@media screen and (max-width: 640px) {
    .faqs-v2 .ant-collapse-content-box, .faqs-v2 .ant-collapse-header {
        padding: 4px 0 !important
    }
}

.faqs-v2 .ant-collapse-content-box a, .faqs-v2 .ant-collapse-header a {
    color: #0068ff
}

.info-source-v2 {
    color: #f6f6f6;
    font-size: 20px;
    line-height: 28px;
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    @media (min-width: 768px) {
        .info-source-v2 {
            font-size: 1.25rem;
            line-height: 1.75rem;
            letter-spacing: -.2px
        }
    }
}

@media screen and (max-width: 768px) {
    .info-source-v2 {
        font-size: 14px;
        letter-spacing: -.14px
    }
}

.info-source-v2 > * {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.info-source-v2 p {
    margin-bottom: .5rem
}

.info-source-v2 h1, .info-source-v2 h2, .info-source-v2 h3, .info-source-v2 h4 {
    font-weight: 400
}

.info-source-v2 h2 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.18px
}

@media (min-width: 768px) {
    .info-source-v2 h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        letter-spacing: -.2px
    }
}

.info-source-v2 h3 {
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.16px
}

@media (min-width: 768px) {
    .info-source-v2 h3 {
        font-size: 1.125rem;
        line-height: 1.625rem;
        letter-spacing: -.18px
    }
}

.info-source-v2 h4 {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 768px) {
    .info-source-v2 h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.16px
    }
}

.info-source-v2 ul {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: disc
}

.info-source-v2 ul li {
    margin-bottom: .25rem
}

.info-source-v2 ol {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: decimal
}

.info-source-v2 a {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(122 241 122/var(--tw-text-opacity, 1))
}

.info-source-v2 b, .info-source-v2 strong {
    font-weight: 600
}

.info-source-v2 h1 span b, .info-source-v2 h2 span b, .info-source-v2 h3 span b, .info-source-v2 h4 span b {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.info-source-v2 table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 229 237/var(--tw-border-opacity, 1))
}

.info-source-v2 table p {
    margin-top: 0;
    margin-bottom: 0
}

.info-source-v2 table td, .info-source-v2 table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 229 237/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

.info-source-v2 .onus-iframe {
    width: 100%;
    max-width: 768px;
    height: 1050px
}

.box-news {
    overflow: hidden
}

.box-news .tag-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.box-news:hover .tag-img img {
    transform: scale(1.2)
}

.box-news .tag-img img, .box-news:hover .tag-img img {
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.menu-dropdown-header-home {
    border-radius: 16px;
    border: 1px solid #292929;
    background: #1b1b1b;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .12)
}

.drawer-home-mobile .ant-drawer-body {
    padding: 0 !important
}

[data-aos=custom-scale-down] {
    transform: scale(1.4);
    transition: transform 1s cubic-bezier(.4, 0, .2, 1)
}

[data-aos=custom-scale-down].aos-animate {
    transform: scale(1)
}

[data-aos=custom-fade] {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

[data-aos=custom-fade].aos-animate {
    opacity: 1
}

.tab-blog {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.tab-blog .ant-tabs-nav:before {
    border-bottom: 1px solid #292929 !important
}

.tab-blog .ant-tabs-tab-btn:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(122 241 122/var(--tw-text-opacity, 1)) !important
}

.tab-blog .ant-tabs-tab {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: 1.5rem !important;
    line-height: 2.25rem !important;
    letter-spacing: -.24px !important;
    font-weight: 600 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153/var(--tw-text-opacity, 1)) !important
}

.tab-blog .ant-tabs-tab-active, .tab-blog .ant-tabs-tab-active div, .tab-blog .ant-tabs-tab:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(122 241 122/var(--tw-text-opacity, 1)) !important
}

.tab-blog .ant-tabs-ink-bar {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(122 241 122/var(--tw-bg-opacity, 1)) !important
}

.news-detail {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(120 120 120/var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .news-detail {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.16px
    }
}

.news-detail > * {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.news-detail p {
    margin-bottom: .5rem
}

.news-detail h1, .news-detail h2, .news-detail h3, .news-detail h4 {
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.news-detail h1 {
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: -.28px
}

@media (min-width: 768px) {
    .news-detail h1 {
        font-size: 2.5rem;
        line-height: 3.75rem;
        letter-spacing: -.8px
    }
}

.news-detail h1 b {
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 2.625rem;
    letter-spacing: -.28px
}

@media (min-width: 768px) {
    .news-detail h1 b {
        font-size: 2.5rem;
        line-height: 3.75rem;
        letter-spacing: -.8px
    }
}

.news-detail h2 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.24px
}

@media (min-width: 768px) {
    .news-detail h2 {
        font-size: 1.75rem;
        line-height: 2.625rem;
        letter-spacing: -.28px
    }
}

.news-detail h2 b {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.24px
}

@media (min-width: 768px) {
    .news-detail h2 b {
        font-size: 1.75rem;
        line-height: 2.625rem;
        letter-spacing: -.28px
    }
}

.news-detail h3, .news-detail h3 b {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.2px
}

.news-detail h4, .news-detail h4 b {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.18px
}

.news-detail ul {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: disc
}

.news-detail ul li {
    margin-bottom: .25rem
}

.news-detail ol {
    margin-bottom: 1rem;
    margin-left: 1.5rem;
    list-style-position: outside;
    list-style-type: decimal
}

.news-detail a {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(0 104 255/var(--tw-text-opacity, 1))
}

.news-detail b, .news-detail strong {
    font-weight: 600
}

.news-detail table {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity, 1))
}

.news-detail table p {
    margin-top: 0;
    margin-bottom: 0
}

.news-detail table td, .news-detail table th {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226/var(--tw-border-opacity, 1));
    padding: .5rem 1rem;
    text-align: left
}

.popover-home {
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.popover-home .ant-popover-content {
    padding: 0;
    border-radius: 16px;
    background: #1b1b1b !important
}

.popover-home .ant-popover-content .ant-popover-inner {
    border-radius: 16px;
    background: #1b1b1b;
    padding: 0
}

.popover-home .ant-popover-content .container-country::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.popover-home .ant-popover-content .container-country::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.popover-home .ant-popover-content .container-country::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.popover-home .ant-popover-content {
    animation: show-menu-header .25s ease-in-out 0s 1 both;
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.popover-home-custom {
    left: 150px !important;
    font-family: ONUSSans, sans-serif !important;
    font-variant-numeric: lining-nums tabular-nums !important
}

.popover-home-custom .ant-popover-content {
    padding: 0;
    border-radius: 16px;
    background: #1b1b1b !important
}

.popover-home-custom .ant-popover-content .ant-popover-inner {
    border-radius: 16px;
    background: #1b1b1b;
    padding: 0
}

.popover-home-custom .ant-popover-content .container-country::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0) !important;
    width: 5px;
    height: 5px
}

.popover-home-custom .ant-popover-content .container-country::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0) !important
}

.popover-home-custom .ant-popover-content .container-country::-webkit-scrollbar-thumb {
    background: rgba(46, 51, 66, .5254901961);
    border-radius: 3px;
    border: none
}

.popover-home-custom .ant-popover-content {
    animation: show-menu-header .25s ease-in-out 0s 1 both;
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

@keyframes show-menu-header {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.custom-modal, .custom-modal .ant-modal-content {
    font-family: ONUSSans, sans-serif;
    font-variant-numeric: lining-nums tabular-nums !important
}

.custom-modal .ant-modal-content {
    padding: 16px;
    background-color: #1e1e1e !important;
    animation: show-modal .25s ease-in-out 0s 1 both;
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1);
    --tw-text-opacity: 1;
    color: rgb(246 246 246/var(--tw-text-opacity, 1))
}

.custom-modal .ant-modal-close-x {
    color: #fff
}

.custom-modal .ant-modal-mask {
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    pointer-events: none
}

@keyframes show-modal {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

/*
@font-face {
    font-family: ONUSSans;
    src: url(/font/ONUSSans-Regular.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-variant-numeric: lining-nums tabular-nums !important
}

@font-face {
    font-family: ONUSSans;
    src: url(/font/ONUSSans-Medium.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-variant-numeric: lining-nums tabular-nums !important
}

@font-face {
    font-family: ONUSSans;
    src: url(/font/ONUSSans-SemiBold.otf) format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-variant-numeric: lining-nums tabular-nums !important
}

@font-face {
    font-family: ONUSSans;
    src: url(/font/ONUSSans-Bold.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    font-variant-numeric: lining-nums tabular-nums !important
}
*/

@keyframes scroll {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-50%))
    }
}

@keyframes scroll-reverse {
    0% {
        transform: translateX(calc(-50%))
    }
    to {
        transform: translateX(0)
    }
}

.partners-scroll-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto
}

.partners-scroll, .partners-scroll-reverse {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: -moz-max-content;
    width: max-content;
    will-change: transform;
    height: 100%;
    align-items: center
}

.partners-scroll {
    animation: scroll 40s linear infinite
}

.partners-scroll-reverse {
    animation: scroll-reverse 40s linear infinite
}

.partners-scroll-container:after, .partners-scroll-container:before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 200px;
    height: 100%;
    top: 0;

@media screen and (max-width: 768px) {
    width:

100px
}

}
.partners-scroll-container:before {
    left: 0;
    background: linear-gradient(90deg, white, transparent)
}

.partners-scroll-container:after {
    right: 0;
    background: linear-gradient(270deg, white, transparent)
}