@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);

[data-v-3f3b67fe]:root {
    --van-primary-color: var(--primary-color) !important;
    --van-tabs-nav-background: transparent !important;
    --van-tab-active-text-color: var(--color-link) !important;
    --van-tabs-bottom-bar-color: var(--color-link) !important;
    --van-tab-text-color: var(--color-text-secondary) !important;
    --van-cell-background: var(--color-background-secondary) !important;
    --van-button-round-radius: 3.2vw !important;
    --van-button-primary-background: var(--primary-color) !important;
    --van-button-default-height: 12.8vw !important;
    --van-button-default-line-height: 12.8vw !important;
    --van-field-label-color: var(--color-text) !important;
    --van-field-input-text-color: var(--color-text) !important;
    --van-cell-active-color: var(--color-background-secondary) !important;
    --van-cell-group-background: var(--color-background-secondary) !important;
    --van-field-error-message-color: var(--color-red) !important;
    --van-popup-background: var(--color-background) !important;
    --van-number-keyboard-key-background: var(--color-background-secondary) !important;
    --van-password-input-background: #f5f7fa !important;
    --van-password-input-text-color: var(--color-text) !important;
    --van-password-input-dot-color: var(--color-text) !important;
    --van-notice-bar-background: "#fff" !important;
    --van-notice-bar-text-color: var(--color-text) !important;
    --van-search-content-background: #efeff3 !important;
    --van-radio-checked-icon-color: #7f54fe !important;
    --van-checkbox-checked-icon-color: #7f54fe !important;
    --van-divider-margin: 0 !important;
    --van-empty-description-margin-top: 0 !important;
    --van-popup-round-radius: 8.533333vw !important;
    --van-action-sheet-max-height: 100% !important;
    --color-background: linear-gradient(165deg, #edf8fb 2.3%, #eeebfb 78.45%);
    --color-background-secondary: #fff;
    --color-text: rgba(0, 0, 0, .8);
    --color-text-secondary: rgba(0, 0, 0, .4);
    --color-link: #2381cc;
    --btn-text-color: #fff;
    --color-red: #ff5c5c;
    --color-green: #13bd7e;
    --color-orange: #f3a665;
    --border-radius: 2.666667vw;
    --margin-x: 4.533333vw;
    --margin-y: 4.533333vw;
    --primary-color: linear-gradient(139deg, #785afa 0.35%, #2a8bef 50.46%, #40b4cc 97.65%), linear-gradient(92deg, #785afa -6.37%, #2a8bef 37.71%, #2a8bef 65.11%, #40b4cc 112.76%);
    border-radius: 1.066667vw
}

:root .rounded-small[data-v-3f3b67fe] {
    --van-popup-round-radius: 4.266667vw !important
}

[platform=android][data-v-3f3b67fe], [platform=android_x][data-v-3f3b67fe] {
    --border-radius: 0;
    --margin-x: 0;
    --margin-y: 2.666667vw
}

.active span[data-v-3f3b67fe] {
    font-weight: 700;
    color: #2381cc
}

html[lang=en-US] * {
    word-break: break-word;
    hyphens: auto;
}

html[lang=en-US] .exchange-page .header .title {
    font-size: 4vw !important
}

html[lang=en-US] .transfer-page {
    min-height: 100vh !important
}

html[lang=en-US] .transfer-page .tips1 {
    width: 32vw
}

html[lang=en-US] .transfer-record-page .card, html[lang=en-US] .transfer-record-page .card .row-1 {
    height: auto !important
}

html[lang=en-US] .invitation-container .invitation-number {
    text-align: left !important
}

html[lang=km-KH] * {
    word-break: break-word;
    hyphens: auto;
}

html[lang=km-KH] .exchange-page .header .title {
    font-size: 4vw !important
}

html[lang=km-KH] .transfer-page {
    min-height: 100vh !important
}

html[lang=km-KH] .transfer-page .tips1 {
    width: 32vw
}

html[lang=km-KH] .transfer-record-page .card, html[lang=km-KH] .transfer-record-page .card .row-1 {
    height: auto !important
}

html[lang=km-KH] .invitation-container .invitation-number {
    text-align: left !important
}

.page-loader {
    background-color: #fbfbfb
}

#app, .van-config-provider, body, html {
    min-height: 100vh;
    color: rgba(0, 0, 0, .8);
    color: var(--color-text);
    background: linear-gradient(165deg, #edf8fb 2.3%, #eeebfb 78.45%);
    background: var(--color-background);
    font-family: -apple-system, sans-serif
}

[data-v-4ad9f9a8]:root {
    --van-primary-color: var(--primary-color) !important;
    --van-tabs-nav-background: transparent !important;
    --van-tab-active-text-color: var(--color-link) !important;
    --van-tabs-bottom-bar-color: var(--color-link) !important;
    --van-tab-text-color: var(--color-text-secondary) !important;
    --van-cell-background: var(--color-background-secondary) !important;
    --van-button-round-radius: 3.2vw !important;
    --van-button-primary-background: var(--primary-color) !important;
    --van-button-default-height: 12.8vw !important;
    --van-button-default-line-height: 12.8vw !important;
    --van-field-label-color: var(--color-text) !important;
    --van-field-input-text-color: var(--color-text) !important;
    --van-cell-active-color: var(--color-background-secondary) !important;
    --van-cell-group-background: var(--color-background-secondary) !important;
    --van-field-error-message-color: var(--color-red) !important;
    --van-popup-background: var(--color-background) !important;
    --van-number-keyboard-key-background: var(--color-background-secondary) !important;
    --van-password-input-background: #f5f7fa !important;
    --van-password-input-text-color: var(--color-text) !important;
    --van-password-input-dot-color: var(--color-text) !important;
    --van-notice-bar-background: "#fff" !important;
    --van-notice-bar-text-color: var(--color-text) !important;
    --van-search-content-background: #efeff3 !important;
    --van-radio-checked-icon-color: #7f54fe !important;
    --van-checkbox-checked-icon-color: #7f54fe !important;
    --van-divider-margin: 0 !important;
    --van-empty-description-margin-top: 0 !important;
    --van-popup-round-radius: 8.533333vw !important;
    --van-action-sheet-max-height: 100% !important;
    --color-background: linear-gradient(165deg, #edf8fb 2.3%, #eeebfb 78.45%);
    --color-background-secondary: #fff;
    --color-text: rgba(0, 0, 0, .8);
    --color-text-secondary: rgba(0, 0, 0, .4);
    --color-link: #2381cc;
    --btn-text-color: #fff;
    --color-red: #ff5c5c;
    --color-green: #13bd7e;
    --color-orange: #f3a665;
    --border-radius: 2.666667vw;
    --margin-x: 4.533333vw;
    --margin-y: 4.533333vw;
    --primary-color: linear-gradient(139deg, #785afa 0.35%, #2a8bef 50.46%, #40b4cc 97.65%), linear-gradient(92deg, #785afa -6.37%, #2a8bef 37.71%, #2a8bef 65.11%, #40b4cc 112.76%);
    border-radius: 1.066667vw
}

:root .rounded-small[data-v-4ad9f9a8] {
    --van-popup-round-radius: 4.266667vw !important
}

[platform=android][data-v-4ad9f9a8], [platform=android_x][data-v-4ad9f9a8] {
    --border-radius: 0;
    --margin-x: 0;
    --margin-y: 2.666667vw
}

.flag-text[data-v-4ad9f9a8] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: center;
    transform: translate(-35%, -65%) rotate(45deg);
    font-size: 5.333333vw;
    font-weight: bolder;
    color: #c5d8fb;
    white-space: nowrap
}

.invalid[data-v-4ad9f9a8] {
    filter: grayscale(100%)
}

[data-v-35a77587]:root {
    --van-primary-color: var(--primary-color) !important;
    --van-tabs-nav-background: transparent !important;
    --van-tab-active-text-color: var(--color-link) !important;
    --van-tabs-bottom-bar-color: var(--color-link) !important;
    --van-tab-text-color: var(--color-text-secondary) !important;
    --van-cell-background: var(--color-background-secondary) !important;
    --van-button-round-radius: 3.2vw !important;
    --van-button-primary-background: var(--primary-color) !important;
    --van-button-default-height: 12.8vw !important;
    --van-button-default-line-height: 12.8vw !important;
    --van-field-label-color: var(--color-text) !important;
    --van-field-input-text-color: var(--color-text) !important;
    --van-cell-active-color: var(--color-background-secondary) !important;
    --van-cell-group-background: var(--color-background-secondary) !important;
    --van-field-error-message-color: var(--color-red) !important;
    --van-popup-background: var(--color-background) !important;
    --van-number-keyboard-key-background: var(--color-background-secondary) !important;
    --van-password-input-background: #f5f7fa !important;
    --van-password-input-text-color: var(--color-text) !important;
    --van-password-input-dot-color: var(--color-text) !important;
    --van-notice-bar-background: "#fff" !important;
    --van-notice-bar-text-color: var(--color-text) !important;
    --van-search-content-background: #efeff3 !important;
    --van-radio-checked-icon-color: #7f54fe !important;
    --van-checkbox-checked-icon-color: #7f54fe !important;
    --van-divider-margin: 0 !important;
    --van-empty-description-margin-top: 0 !important;
    --van-popup-round-radius: 8.533333vw !important;
    --van-action-sheet-max-height: 100% !important;
    --color-background: linear-gradient(165deg, #edf8fb 2.3%, #eeebfb 78.45%);
    --color-background-secondary: #fff;
    --color-text: rgba(0, 0, 0, .8);
    --color-text-secondary: rgba(0, 0, 0, .4);
    --color-link: #2381cc;
    --btn-text-color: #fff;
    --color-red: #ff5c5c;
    --color-green: #13bd7e;
    --color-orange: #f3a665;
    --border-radius: 2.666667vw;
    --margin-x: 4.533333vw;
    --margin-y: 4.533333vw;
    --primary-color: linear-gradient(139deg, #785afa 0.35%, #2a8bef 50.46%, #40b4cc 97.65%), linear-gradient(92deg, #785afa -6.37%, #2a8bef 37.71%, #2a8bef 65.11%, #40b4cc 112.76%);
    border-radius: 1.066667vw
}

:root .rounded-small[data-v-35a77587] {
    --van-popup-round-radius: 4.266667vw !important
}

[platform=android][data-v-35a77587], [platform=android_x][data-v-35a77587] {
    --border-radius: 0;
    --margin-x: 0;
    --margin-y: 2.666667vw
}

.container[data-v-35a77587] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26.666667vw;
    background-color: #fff
}

.circle[data-v-35a77587] {
    position: absolute;
    border-radius: 50%;
    animation: breathe-35a77587 2s infinite alternate
}

.circle[data-v-35a77587]:first-child {
    width: 21.333333vw;
    height: 21.333333vw;
    z-index: 1;
    opacity: .05
}

.circle[data-v-35a77587]:first-child, .circle[data-v-35a77587]:nth-child(2) {
    border-color: #3498db;
    background: linear-gradient(139deg, #785afa .35%, #2a8bef 50.46%, #40b4cc 97.65%)
}

.circle[data-v-35a77587]:nth-child(2) {
    width: 17.333333vw;
    height: 17.333333vw;
    z-index: 2;
    animation-duration: 3s;
    opacity: .3
}

.circle[data-v-35a77587]:nth-child(3) {
    width: 13.333333vw;
    height: 13.333333vw;
    border-color: #3498db;
    z-index: 3;
    animation-duration: 4s;
    background: linear-gradient(139deg, #785afa .35%, #2a8bef 50.46%, #40b4cc 97.65%)
}

svg[data-v-35a77587] {
    animation: breathe-35a77587 2s infinite alternate;
    position: absolute;
    animation-duration: 4s;
    z-index: 4
}

@-webkit-keyframes breathe-35a77587 {
    0% {
        transform: scale(.95)
    }
    to {
        transform: scale(1.15)
    }
}

@keyframes breathe-35a77587 {
    0% {
        transform: scale(.95)
    }
    to {
        transform: scale(1.15)
    }
}

:root {
    --van-primary-color: var(--primary-color) !important;
    --van-tabs-nav-background: transparent !important;
    --van-tab-active-text-color: var(--color-link) !important;
    --van-tabs-bottom-bar-color: var(--color-link) !important;
    --van-tab-text-color: var(--color-text-secondary) !important;
    --van-cell-background: var(--color-background-secondary) !important;
    --van-button-round-radius: 3.2vw !important;
    --van-button-primary-background: var(--primary-color) !important;
    --van-button-default-height: 12.8vw !important;
    --van-button-default-line-height: 12.8vw !important;
    --van-field-label-color: var(--color-text) !important;
    --van-field-input-text-color: var(--color-text) !important;
    --van-cell-active-color: var(--color-background-secondary) !important;
    --van-cell-group-background: var(--color-background-secondary) !important;
    --van-field-error-message-color: var(--color-red) !important;
    --van-popup-background: var(--color-background) !important;
    --van-number-keyboard-key-background: var(--color-background-secondary) !important;
    --van-password-input-background: #f5f7fa !important;
    --van-password-input-text-color: var(--color-text) !important;
    --van-password-input-dot-color: var(--color-text) !important;
    --van-notice-bar-background: "#fff" !important;
    --van-notice-bar-text-color: var(--color-text) !important;
    --van-search-content-background: #efeff3 !important;
    --van-radio-checked-icon-color: #7f54fe !important;
    --van-checkbox-checked-icon-color: #7f54fe !important;
    --van-divider-margin: 0 !important;
    --van-empty-description-margin-top: 0 !important;
    --van-popup-round-radius: 8.533333vw !important;
    --van-action-sheet-max-height: 100% !important;
    --color-background: linear-gradient(165deg, #edf8fb 2.3%, #eeebfb 78.45%);
    --color-background-secondary: #fff;
    --color-text: rgba(0, 0, 0, .8);
    --color-text-secondary: rgba(0, 0, 0, .4);
    --color-link: #2381cc;
    --btn-text-color: #fff;
    --color-red: #ff5c5c;
    --color-green: #13bd7e;
    --color-orange: #f3a665;
    --border-radius: 2.666667vw;
    --margin-x: 4.533333vw;
    --margin-y: 4.533333vw;
    --primary-color: linear-gradient(139deg, #785afa 0.35%, #2a8bef 50.46%, #40b4cc 97.65%), linear-gradient(92deg, #785afa -6.37%, #2a8bef 37.71%, #2a8bef 65.11%, #40b4cc 112.76%);
    border-radius: 1.066667vw
}

:root .rounded-small {
    --van-popup-round-radius: 4.266667vw !important
}

[platform=android], [platform=android_x] {
    --border-radius: 0;
    --margin-x: 0;
    --margin-y: 2.666667vw
}

blockquote, body, button, dd, dl, dt, fieldset, h1, h2, h3, h4, h5, h6, hr, html, input, li, ol, p, pre, td, textarea, th, ul {
    font-weight: 400;
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 3.733333vw/1
}

button {
    border: none;
    outline: none;
    background-color: transparent
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:not(input):not(textarea) {
    user-select: none
}

address, cite, dfn, em, i, var {
    font-style: normal
}

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

@media (hover: hover) {
    a:hover {
        text-decoration: underline;
        text-decoration: none
    }
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help
}

q:after, q:before {
    content: ""
}

legend {
    color: #000
}

/*svg {*/
/*    display: inline-block !important;*/
/*}*/

fieldset, img {
    border: none;
    display: block
}

button, input, select, textarea {
    font-size: 100%
}

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: none;
    height: 1px
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    appearance: none;
}

input[type=email], input[type=number] {
    appearance: textfield;
    border: none;
    outline: none
}

input[type=text] {
    border: none;
    outline: none
}

[class^=btn_] {
    cursor: pointer
}

input {
    flex: 1;
    background-color: transparent;
    width: 100%;
    height: 100%
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input[type=password] {
    background-color: transparent;
    border: none;
    outline: none;
    transition: background-color 50000s;
    caret-color: #fff
}

@media (hover: hover) {
    input:-webkit-autofill:hover {
        background-color: transparent;
        border: none;
        outline: none;
        transition: background-color 50000s;
        caret-color: #fff
    }
}

.svg-icon {
    display: inline-block;
    width: 4.266667vw;
    height: 4.266667vw;
    color: inherit;
    vertical-align: middle;
    fill: none;
    stroke: currentColor
}

.svg-fill {
    fill: currentColor;
    stroke: none
}

.svg-up {
    transform: rotate(0deg)
}

.svg-right {
    transform: rotate(90deg)
}

.svg-down {
    transform: rotate(180deg)
}

.svg-left {
    transform: rotate(-90deg)
}

.van-toast {
    z-index: 999999 !important;
    width: -moz-fit-content !important;
    width: -webkit-fit-content !important;
    width: fit-content !important
}

input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

input:-moz-placeholder, input::-moz-placeholder {
    color: rgba(0, 0, 0, .3)
}

input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

input:-webkit-autofill {
    color: #000 !important
}

@media (hover: hover) {
    input:-webkit-autofill:hover {
        color: #000 !important
    }
}

input:-internal-autofill-previewed, input:-internal-autofill-selected {
    transition: background-color 5000s ease-in-out 0s !important
}

::-webkit-scrollbar {
    display: none
}

@font-face {
    font-family: DINOT;
    src: url(/fonts/DINOT-Medium.ac81a1e7.ttf)
}

@font-face {
    font-family: DINOT-Bold;
    src: url(/fonts/DINOT-Bold.2e0ce089.ttf)
}

:root {
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: rgba(0, 0, 0, .8);
    color: var(--color-text);
    background-color: #fff;
    background-color: var(--color-background-secondary);
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

* {
    font-family: DINOT
}

.van-tabs__nav--line.van-tabs__nav--complete, .van-tabs__nav--line.van-tabs__nav--shrink {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.list-refresh .van-cell-group--inset {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.van-form .van-cell-group--inset {
    border-radius: 3.2vw;
    margin: 0;
    margin-top: 2.133333vw
}

.van-form .van-cell-group--inset .van-cell {
    height: 17.066667vw;
    align-items: center
}

.van-form .van-cell-group--inset .van-search .van-cell {
    height: 6.4vw
}

.van-form .van-cell-group--inset .van-cell.van-field {
    padding: 0
}

.van-form .van-cell-group--inset .van-field__control {
    caret-color: #13bd7e
}

.van-form .van-cell-group--inset .van-cell__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, .8);
    color: var(--color-text)
}

.van-form .van-cell-group--inset .van-cell__title .hint {
    color: rgba(0, 0, 0, .4);
    color: var(--color-text-secondary)
}

.van-form .van-cell-group--inset .van-field__left-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.bot-button {
    background-image: linear-gradient(139deg, #785afa .35%, #2a8bef 50.46%, #40b4cc 97.65%), linear-gradient(92deg, #785afa -6.37%, #2a8bef 37.71%, #2a8bef 65.11%, #40b4cc 112.76%);
    background-image: var(--primary-color)
}

.van-button.main-button {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    --van-button-radius: 0px
}

.van-button.main-button .van-button__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.mian-button-clear:after {
    content: " ";
    height: 48px;
    height: var(--van-button-default-height);
    display: block
}

.van-image__error, .van-image__loading {
    background-color: rgba(0, 0, 0, .25) !important
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.van-field__error-message {
    line-height: 1.2 !important
}

.fix-ios-border {
    transform: rotate(0, 0, 0);
    transform: matrix3d(0, 0, 0);
    will-change: transform
}

*, :after, :before {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow-inset: ;
    --un-shadow: 0 0 transparent;
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgba(147, 197, 253, .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 170.66666666666666vw
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 204.8vw
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 273.06666666666666vw
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 341.3333333333333vw
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 409.6vw
    }
}

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

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.relative\! {
    position: relative !important
}

.bottom-0 {
    bottom: 0
}

.bottom-58px {
    bottom: 15.466666666666667vw
}

.left-0 {
    left: 0
}

.left-20px {
    left: 5.333333333333333vw
}

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

.left-50px {
    left: 13.333333333333334vw
}

.right-0, .right-0px {
    right: 0
}

.right-1\% {
    right: 1%
}

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

.top-1\% {
    top: 1%
}

.top-24px {
    top: 6.4vw
}

.top-35px {
    top: 9.333333333333334vw
}

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

.z-10 {
    z-index: 10
}

.z-999 {
    z-index: 999
}

.z-9999 {
    z-index: 9999
}

.grid {
    display: grid
}

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

.my-10px {
    margin-top: 2.6666666666666665vw;
    margin-bottom: 2.6666666666666665vw
}

.my-16px {
    margin-top: 4.266666666666667vw;
    margin-bottom: 4.266666666666667vw
}

.my-20px {
    margin-top: 5.333333333333333vw;
    margin-bottom: 5.333333333333333vw
}

.mb-14px, .mb-\[14px\] {
    margin-bottom: 3.7333333333333334vw
}

.mb-16px, .mb-\[16px\], .mb16px {
    margin-bottom: 4.266666666666667vw
}

.mb-20px, .mb-\[20px\], .mb20px {
    margin-bottom: 5.333333333333333vw
}

.mb-10px {
    margin-bottom: 2.6666666666666665vw
}

.mb-117px {
    margin-bottom: 31.2vw
}

.mb-12px {
    margin-bottom: 3.2vw
}

.mb-17px {
    margin-bottom: 4.533333333333333vw
}

.mb-18px {
    margin-bottom: 4.8vw
}

.mb-23px {
    margin-bottom: 6.133333333333334vw
}

.mb-24px {
    margin-bottom: 6.4vw
}

.mb-2px {
    margin-bottom: .5333333333333333vw
}

.mb-32px {
    margin-bottom: 8.533333333333333vw
}

.mb-35px {
    margin-bottom: 9.333333333333334vw
}

.mb-37px {
    margin-bottom: 9.866666666666667vw
}

.mb-40\% {
    margin-bottom: 40%
}

.mb-49px {
    margin-bottom: 13.066666666666666vw
}

.mb-4px {
    margin-bottom: 1.0666666666666667vw
}

.mb-56px {
    margin-bottom: 14.933333333333334vw
}

.mb-5px {
    margin-bottom: 1.3333333333333333vw
}

.mb-8px, .mb8px {
    margin-bottom: 2.1333333333333333vw
}

.mb-px {
    margin-bottom: .26666666666666666vw
}

.mb26px {
    margin-bottom: 6.933333333333334vw
}

.mb6px {
    margin-bottom: 1.6vw
}

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

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

.ml-8px, .ml-\[8px\], .ml8px {
    margin-left: 2.1333333333333333vw
}

.ml-10px {
    margin-left: 2.6666666666666665vw
}

.ml-12px {
    margin-left: 3.2vw
}

.ml-16px {
    margin-left: 4.266666666666667vw
}

.ml-22px {
    margin-left: 5.866666666666666vw
}

.ml-5px {
    margin-left: 1.3333333333333333vw
}

.ml-6px, .ml6px {
    margin-left: 1.6vw
}

.mr-\[2px\] {
    margin-right: .5333333333333333vw
}

.mr-4px, .mr-\[4px\], .mr4px {
    margin-right: 1.0666666666666667vw
}

.mr-12px, .mr12px {
    margin-right: 3.2vw
}

.mr-15px {
    margin-right: 4vw
}

.mr-30px {
    margin-right: 8vw
}

.mr-8px, .mr8px, [mr-8px=""] {
    margin-right: 2.1333333333333333vw
}

.mr24px {
    margin-right: 6.4vw
}

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

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

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

.mt-24px, .mt-\[24px\] {
    margin-top: 6.4vw
}

.mt-48px, .mt-\[48px\] {
    margin-top: 12.8vw
}

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

.mt-12px, .mt12px {
    margin-top: 3.2vw
}

.mt-16px {
    margin-top: 4.266666666666667vw
}

.mt-18px {
    margin-top: 4.8vw
}

.mt-32px {
    margin-top: 8.533333333333333vw
}

.mt-34px {
    margin-top: 9.066666666666666vw
}

.mt-52px {
    margin-top: 13.866666666666667vw
}

.mt-8px {
    margin-top: 2.1333333333333333vw
}

.mt28px {
    margin-top: 7.466666666666667vw
}

.block, [block=""] {
    display: block
}

.inline-block {
    display: inline-block
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-34px, .h-\[34px\], .h34px {
    height: 9.066666666666666vw
}

.h-40px, .h-\[40px\], .h40px {
    height: 10.666666666666666vw
}

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

.h-100vh {
    height: 100vh
}

.h-111px {
    height: 29.6vw
}

.h-150px {
    height: 40vw
}

.h-200px {
    height: 53.333333333333336vw
}

.h-20px, .h20px {
    height: 5.333333333333333vw
}

.h-24px {
    height: 6.4vw
}

.h-25px {
    height: 6.666666666666667vw
}

.h-28px {
    height: 7.466666666666667vw
}

.h-30px {
    height: 8vw
}

.h-32px {
    height: 8.533333333333333vw
}

.h-35px {
    height: 9.333333333333334vw
}

.h-46px {
    height: 12.266666666666667vw
}

.h-48px, .h48px {
    height: 12.8vw
}

.h-56px {
    height: 14.933333333333334vw
}

.h-68px {
    height: 18.133333333333333vw
}

.h-88px {
    height: 23.466666666666665vw
}

.h-full {
    height: 100%
}

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

.h1 {
    height: .25rem
}

.h149px {
    height: 39.733333333333334vw
}

.h2 {
    height: .5rem
}

.h3 {
    height: .75rem
}

.h5 {
    height: 1.25rem
}

.min-h-100vh {
    min-height: 100vh
}

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

.w-100vw {
    width: 100vw
}

.w-130px {
    width: 34.666666666666664vw
}

.w-140px {
    width: 37.333333333333336vw
}

.w-161px {
    width: 42.93333333333333vw
}

.w-20px, .w20px {
    width: 5.333333333333333vw
}

.w-24px {
    width: 6.4vw
}

.w-28px {
    width: 7.466666666666667vw
}

.w-30px {
    width: 8vw
}

.w-32px {
    width: 8.533333333333333vw
}

.w-335px {
    width: 89.33333333333333vw
}

.w-34px, .w34px {
    width: 9.066666666666666vw
}

.w-35px {
    width: 9.333333333333334vw
}

.w-40px, .w40px {
    width: 10.666666666666666vw
}

.w-48px {
    width: 12.8vw
}

.w-68px {
    width: 18.133333333333333vw
}

.w-88px {
    width: 23.466666666666665vw
}

.w-full\! {
    width: 100% !important
}

.w70\% {
    width: 70%
}

.flex {
    display: flex
}

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

.flex-shrink, .shrink, [shrink=""] {
    flex-shrink: 1
}

.flex-grow {
    flex-grow: 1
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.-translate-y-50\%, .translate-y-\[-50\%\] {
    --un-translate-y: -50%
}

.-translate-y-50\%, .translate-x-\[-50\%\], .translate-y-\[-50\%\] {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

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

.transform {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-pointer {
    cursor: pointer
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

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

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

.justify-end\! {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center
}

.flex-justify-between, .justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.overflow-hidden {
    overflow: hidden
}

.overflow-hidden\! {
    overflow: hidden !important
}

.overflow-visible\! {
    overflow: visible !important
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

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

.b, .border {
    border-width: .26666666666666666vw
}

.border-b {
    border-bottom-width: .26666666666666666vw
}

.border-gray-200 {
    --un-border-opacity: 1;
    border-color: rgb(229 231 235/var(--un-border-opacity))
}

.rounded-12px, .rounded-\[12px\] {
    border-radius: 3.2vw
}

.rounded-1\/2 {
    border-radius: 50%
}

.rounded-100px {
    border-radius: 26.666666666666668vw
}

.rounded-10px {
    border-radius: 2.6666666666666665vw
}

.rounded-11px {
    border-radius: 2.933333333333333vw
}

.rounded-14px {
    border-radius: 3.7333333333333334vw
}

.rounded-20px {
    border-radius: 5.333333333333333vw
}

.rounded-4px {
    border-radius: 1.0666666666666667vw
}

.rounded-8px {
    border-radius: 2.1333333333333333vw
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-br-12px {
    border-bottom-right-radius: 3.2vw
}

.rounded-tr-12px {
    border-top-right-radius: 3.2vw
}

.border-b-solid {
    border-bottom-style: solid
}

.bg-\[--primary-color\] {
    background-color: var(--primary-color)
}

.bg-\#333 {
    --un-bg-opacity: 1;
    background-color: rgb(51 51 51/var(--un-bg-opacity))
}

.bg-\#DBE5EF {
    --un-bg-opacity: 1;
    background-color: rgb(219 229 239/var(--un-bg-opacity))
}

.bg-\#E9F3FA {
    --un-bg-opacity: 1;
    background-color: rgb(233 243 250/var(--un-bg-opacity))
}

.bg-\#EBEEF0 {
    --un-bg-opacity: 1;
    background-color: rgb(235 238 240/var(--un-bg-opacity))
}

.bg-\#F2E0D4 {
    --un-bg-opacity: 1;
    background-color: rgb(242 224 212/var(--un-bg-opacity))
}

.bg-\#FFFFFF, .bg-\#fff {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--un-bg-opacity))
}

.bg-blue {
    background-color: rgb(96 165 250/var(--un-bg-opacity))
}

.bg-blue, .bg-red {
    --un-bg-opacity: 1
}

.bg-red {
    background-color: rgb(248 113 113/var(--un-bg-opacity))
}

.bg-transparent\! {
    background-color: transparent !important
}

[fill-opacity~="\30 \.05"] {
    --un-fill-opacity: 0.0005
}

[fill-opacity~="\30 \.08"] {
    --un-fill-opacity: 0.0008
}

[fill-opacity~="\30 \.1"] {
    --un-fill-opacity: 0.001
}

[fill-opacity~="\30 \.3"] {
    --un-fill-opacity: 0.003
}

[fill-opacity~="\30 \.5"] {
    --un-fill-opacity: 0.005
}

[fill-opacity~="\30 \.66"] {
    --un-fill-opacity: 0.0066
}

[fill-opacity~="\30 \.8"] {
    --un-fill-opacity: 0.008
}

[stroke-width~="\30 \.178461"] {
    stroke-width: .0475896vw
}

[stroke-width~="\30 \.4"] {
    stroke-width: .10666666666666667vw
}

[stroke-width~="\30 \.568182"] {
    stroke-width: .1515152vw
}

[stroke-width~="\31 \.16667"] {
    stroke-width: .311112vw
}

[stroke-width~="\31 \.17"] {
    stroke-width: .312vw
}

[stroke-width~="\31 \.2"] {
    stroke-width: .32vw
}

[stroke-width~="\31 \.3"] {
    stroke-width: .3466666666666667vw
}

[stroke-width~="\31 \.33333"] {
    stroke-width: .35555466666666663vw
}

[stroke-width~="\31 \.42768"] {
    stroke-width: .3807146666666667vw
}

[stroke-width~="\31 \.43302"] {
    stroke-width: .3821386666666667vw
}

[stroke-width~="\31 \.5"] {
    stroke-width: .4vw
}

[stroke-width~="\31 \.57738"] {
    stroke-width: .42063466666666666vw
}

[stroke-width~="\31 \.712"] {
    stroke-width: .45653333333333335vw
}

[stroke-width~="\31 \.71429"] {
    stroke-width: .45714400000000005vw
}

[stroke-width~="\31 \.73683"] {
    stroke-width: .4631546666666667vw
}

[stroke-width~="\31 \.76414"] {
    stroke-width: .4704373333333333vw
}

[stroke-width~="\31 \.76415"] {
    stroke-width: .47044vw
}

[stroke-width~="\31 \.8871"] {
    stroke-width: .5032266666666667vw
}

[stroke-width~="\32 "] {
    stroke-width: .5333333333333333vw
}

[stroke-width~="\32 \.25788"] {
    stroke-width: .6021013333333334vw
}

[stroke-width~="\32 \.27273"] {
    stroke-width: .6060613333333333vw
}

[stroke-width~="\32 \.31577"] {
    stroke-width: .6175386666666667vw
}

[stroke~="\#017EFF"] {
    --un-stroke-opacity: 1;
    stroke: rgb(1 126 255/var(--un-stroke-opacity))
}

[stroke~="\#231815"] {
    --un-stroke-opacity: 1;
    stroke: rgb(35 24 21/var(--un-stroke-opacity))
}

[stroke~="\#2381CC"] {
    --un-stroke-opacity: 1;
    stroke: rgb(35 129 204/var(--un-stroke-opacity))
}

[stroke~=black] {
    --un-stroke-opacity: 1;
    stroke: rgb(0 0 0/var(--un-stroke-opacity))
}

[stroke~=white] {
    --un-stroke-opacity: 1;
    stroke: rgb(255 255 255/var(--un-stroke-opacity))
}

.p-16px, .p-\[16px\] {
    padding: 4.266666666666667vw
}

.p-20px, .p-\[20px\] {
    padding: 5.333333333333333vw
}

.p-0\! {
    padding: 0 !important
}

.p-12px {
    padding: 3.2vw
}

.p-26px {
    padding: 6.933333333333334vw
}

.p-4px {
    padding: 1.0666666666666667vw
}

.px-16px, .px-\[16px\] {
    padding-left: 4.266666666666667vw;
    padding-right: 4.266666666666667vw
}

.px-20px, .px-\[20px\], .px20px {
    padding-left: 5.333333333333333vw;
    padding-right: 5.333333333333333vw
}

.px-12px {
    padding-left: 3.2vw;
    padding-right: 3.2vw
}

.px-17px {
    padding-left: 4.533333333333333vw;
    padding-right: 4.533333333333333vw
}

.px-18px {
    padding-left: 4.8vw;
    padding-right: 4.8vw
}

.px-24px {
    padding-left: 6.4vw;
    padding-right: 6.4vw
}

.px-34px {
    padding-left: 9.066666666666666vw;
    padding-right: 9.066666666666666vw
}

.px-35px {
    padding-left: 9.333333333333334vw;
    padding-right: 9.333333333333334vw
}

.px-8px {
    padding-left: 2.1333333333333333vw;
    padding-right: 2.1333333333333333vw
}

.px2vw {
    padding-left: 2vw;
    padding-right: 2vw
}

.py-\[18px\] {
    padding-top: 4.8vw;
    padding-bottom: 4.8vw
}

.py-0\! {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-10px {
    padding-top: 2.6666666666666665vw;
    padding-bottom: 2.6666666666666665vw
}

.py-11px {
    padding-top: 2.933333333333333vw;
    padding-bottom: 2.933333333333333vw
}

.py-12px {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw
}

.py-14px {
    padding-top: 3.7333333333333334vw;
    padding-bottom: 3.7333333333333334vw
}

.py-15px {
    padding-top: 4vw;
    padding-bottom: 4vw
}

.py-16px {
    padding-top: 4.266666666666667vw;
    padding-bottom: 4.266666666666667vw
}

.py-20px {
    padding-top: 5.333333333333333vw;
    padding-bottom: 5.333333333333333vw
}

.py-24px {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw
}

.py-25px {
    padding-top: 6.666666666666667vw;
    padding-bottom: 6.666666666666667vw
}

.py-26px {
    padding-top: 6.933333333333334vw;
    padding-bottom: 6.933333333333334vw
}

.py-2px {
    padding-top: .5333333333333333vw;
    padding-bottom: .5333333333333333vw
}

.py-36px {
    padding-top: 9.6vw;
    padding-bottom: 9.6vw
}

.py-7px {
    padding-top: 1.8666666666666667vw;
    padding-bottom: 1.8666666666666667vw
}

.py-8px {
    padding-top: 2.1333333333333333vw;
    padding-bottom: 2.1333333333333333vw
}

.\!pr-0 {
    padding-right: 0 !important
}

.pb-16px, .pb-\[16px\] {
    padding-bottom: 4.266666666666667vw
}

.pb-\[60px\] {
    padding-bottom: 16vw
}

.pb-100px {
    padding-bottom: 26.666666666666668vw
}

.pb-10px, .pb10px, .pb\[10px\] {
    padding-bottom: 2.6666666666666665vw
}

.pb-20px {
    padding-bottom: 5.333333333333333vw
}

.pb-50px {
    padding-bottom: 13.333333333333334vw
}

.pb-5px {
    padding-bottom: 1.3333333333333333vw
}

.pb-70px {
    padding-bottom: 18.666666666666668vw
}

.pb-7px {
    padding-bottom: 1.8666666666666667vw
}

.pb-80px {
    padding-bottom: 21.333333333333332vw
}

.pb-unset {
    padding-bottom: unset
}

.pb8px {
    padding-bottom: 2.1333333333333333vw
}

.pl-20px, .pl-\[20px\] {
    padding-left: 5.333333333333333vw
}

.pr-20px, .pr-\[20px\] {
    padding-right: 5.333333333333333vw
}

.pr-18px {
    padding-right: 4.8vw
}

.pt-\[10px\], .pt\[10px\] {
    padding-top: 2.6666666666666665vw
}

.pt-20px, .pt-\[20px\] {
    padding-top: 5.333333333333333vw
}

.pt-16px {
    padding-top: 4.266666666666667vw
}

.pt-24px {
    padding-top: 6.4vw
}

.pt-4 {
    padding-top: 1rem
}

.pt-50px {
    padding-top: 13.333333333333334vw
}

.pt-8px {
    padding-top: 2.1333333333333333vw
}

.pt80px {
    padding-top: 21.333333333333332vw
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-right\! {
    text-align: right !important
}

.text-20px, .text-\[20px\] {
    font-size: 5.333333333333333vw
}

.text-32px, .text-\[32px\] {
    font-size: 8.533333333333333vw
}

.text-0\.8em {
    font-size: .8em
}

.text-1\.3em {
    font-size: 1.3em
}

.text-12px {
    font-size: 3.2vw
}

.text-13px {
    font-size: 3.466666666666667vw
}

.text-14 {
    font-size: 3.5rem
}

.text-14px {
    font-size: 3.7333333333333334vw
}

.text-16px {
    font-size: 4.266666666666667vw
}

.text-40px {
    font-size: 10.666666666666666vw
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-\[--color-text-secondary\] {
    color: var(--color-text-secondary)
}

.text-\[rgba\(0\,0\,0\,0\.4\)\] {
    --un-text-opacity: 0.4;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.color-\[var\(--color-link\)\], .text-\[var\(--color-link\)\] {
    color: var(--color-link)
}

.color-\#000, .text-\#000 {
    --un-text-opacity: 1;
    color: rgb(0 0 0/var(--un-text-opacity))
}

.text-\#1F9B6D {
    --un-text-opacity: 1;
    color: rgb(31 155 109/var(--un-text-opacity))
}

.text-\#2381CC\! {
    --un-text-opacity: 1 !important;
    color: rgb(35 129 204/var(--un-text-opacity)) !important
}

.text-\#262626 {
    --un-text-opacity: 1;
    color: rgb(38 38 38/var(--un-text-opacity))
}

.text-\#303031 {
    --un-text-opacity: 1;
    color: rgb(48 48 49/var(--un-text-opacity))
}

.text-\#333 {
    --un-text-opacity: 1;
    color: rgb(51 51 51/var(--un-text-opacity))
}

.text-\#8F8F92 {
    --un-text-opacity: 1;
    color: rgb(143 143 146/var(--un-text-opacity))
}

.text-\#939393 {
    --un-text-opacity: 1;
    color: rgb(147 147 147/var(--un-text-opacity))
}

.color-\#999, .color-\#999999, .text-\#999 {
    --un-text-opacity: 1;
    color: rgb(153 153 153/var(--un-text-opacity))
}

.text-\#A6A6A6 {
    --un-text-opacity: 1;
    color: rgb(166 166 166/var(--un-text-opacity))
}

.color-\#B3B3B3, .text-\#B3B3B3 {
    --un-text-opacity: 1;
    color: rgb(179 179 179/var(--un-text-opacity))
}

.color-\#FF6F66, .text-\#FF6F66 {
    --un-text-opacity: 1;
    color: rgb(255 111 102/var(--un-text-opacity))
}

.color-\#FFF, .color-\#fff, .text-\#fff {
    --un-text-opacity: 1;
    color: rgb(255 255 255/var(--un-text-opacity))
}

[text~="\$t\("] {
    color: var(--t\()
}

.color-\[\#0000004D\] {
    --un-text-opacity: 0.3;
    color: rgb(0 0 0/var(--un-text-opacity))
}

.color-\[rgba\(0\,0\,0\,\.4\)\] {
    --un-text-opacity: .4;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.color-\#017EFF {
    --un-text-opacity: 1;
    color: rgb(1 126 255/var(--un-text-opacity))
}

.color-\#2381CC {
    --un-text-opacity: 1;
    color: rgb(35 129 204/var(--un-text-opacity))
}

.color-\#8f8fa7 {
    --un-text-opacity: 1;
    color: rgb(143 143 167/var(--un-text-opacity))
}

.color-\#CDCED0 {
    --un-text-opacity: 1;
    color: rgb(205 206 208/var(--un-text-opacity))
}

.color-\#DD293F {
    --un-text-opacity: 1;
    color: rgb(221 41 63/var(--un-text-opacity))
}

.color-\#FF5C5C {
    --un-text-opacity: 1;
    color: rgb(255 92 92/var(--un-text-opacity))
}

.color-\#FFA65A {
    --un-text-opacity: 1;
    color: rgb(255 166 90/var(--un-text-opacity))
}

.color-red {
    --un-text-opacity: 1;
    color: rgb(248 113 113/var(--un-text-opacity))
}

[color~="\#52B6FE"] {
    --un-text-opacity: 1;
    color: rgb(82 182 254/var(--un-text-opacity))
}

[checked-color~="\#407DF2"]:checked {
    --un-text-opacity: 1;
    color: rgb(64 125 242/var(--un-text-opacity))
}

.font-500, .font500 {
    font-weight: 500
}

.font-600 {
    font-weight: 600
}

.font-700, .font-bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.leading-76px {
    line-height: 20.266666666666666vw
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.font-\[14px\] {
    font-family: 3.7333333333333334vw
}

.underline {
    text-decoration-line: underline
}

.antialiased {
}

.tab {
    tab-size: 4
}

[blur=""] {
    --un-blur: blur(8px)
}

.filter, [blur=""] {
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.backdrop-filter {
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

[duration~="\31 000"] {
    transition-duration: 1s
}

[duration~="\35 "] {
    transition-duration: 5ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

[placeholder~="\$t\("]::placeholder {
    color: var(--t\()
}