body,body[data-theme=default],body[data-theme=blue],body[data-theme=yellow],body[data-theme=beige],body[data-theme=green] {
    --primary-red-500: #e5353e;
    --primary-red-300: #ff6f75;
    --primary-red-50: #ffe6e7;
    --secondary-blue-500: #5790df;
    --secondary-blue-300: #84b4f5;
    --secondary-blue-50: #ebeffa;
    --surface-gray-900: #191919;
    --surface-gray-700: #4c4c4c;
    --surface-gray-500: #808080;
    --surface-gray-400: #adadad;
    --surface-gray-300: #ccc;
    --surface-gray-200: #e0e0e0;
    --surface-gray-100: #ebebeb;
    --surface-gray-50: #f5f5f5;
    --surface-bw-white: #fff;
    --background-gray-100: #ebebeb;
    --background-gray-50: #f5f5f5;
    --background-bw-white: #fff;
    --sheet-background-gray-50: #f5f5f5;
    --sheet-background-bw-white: #fff;
    --nav-bar-background-bw-white: #fff;
    --on-image-bw-white: #fff;
    --on-image-white-70: rgba(255, 255, 255, .7);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(0, 0, 0, .08);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .04);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, .06);
    --sd3: rgba(0, 0, 0, .06);
    --sd4: rgba(0, 0, 0, .07);
    --sd5: rgba(0, 0, 0, .08);
    --sd6: rgba(0, 0, 0, .09);
    --sd7: rgba(0, 0, 0, .1);
    --sd8: rgba(0, 0, 0, .12);
    --sd12: rgba(0, 0, 0, .16);
    --sd16: rgba(0, 0, 0, .16);
    --on-image-surface-black-4: rgba(0, 0, 0, .04);
    --on-image-surface-black-8: rgba(0, 0, 0, .08)
}

body[data-theme=blue] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #cedde1;
    --background-gray-50: #dcebef;
    --background-bw-white: #edf5f7;
    --sheet-background-gray-50: #dcebef;
    --sheet-background-bw-white: #edf5f7;
    --nav-bar-background-bw-white: #edf5f7
}

body[data-theme=yellow] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #e3d0a1;
    --background-gray-50: #efe2c0;
    --background-bw-white: #f4ecd1;
    --sheet-background-gray-50: #efe2c0;
    --sheet-background-bw-white: #f4ecd1;
    --nav-bar-background-bw-white: #f4ecd1
}

body[data-theme=beige] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #ebe6da;
    --background-gray-50: #f5f1e8;
    --background-bw-white: #faf9f4;
    --sheet-background-gray-50: #f5f1e8;
    --sheet-background-bw-white: #faf9f4;
    --nav-bar-background-bw-white: #faf9f4
}

body[data-theme=green] {
    --surface-gray-900: rgba(0, 0, 0, .9);
    --surface-gray-700: rgba(0, 0, 0, .7);
    --surface-gray-500: rgba(0, 0, 0, .48);
    --surface-gray-400: rgba(0, 0, 0, .36);
    --surface-gray-300: rgba(0, 0, 0, .32);
    --surface-gray-200: rgba(0, 0, 0, .24);
    --surface-gray-100: rgba(0, 0, 0, .12);
    --surface-gray-50: rgba(0, 0, 0, .08);
    --surface-bw-white: rgba(0, 0, 0, .04);
    --background-gray-100: #c9e0cb;
    --background-gray-50: #e0eee1;
    --background-bw-white: #ebfaeb;
    --sheet-background-gray-50: #e0eee1;
    --sheet-background-bw-white: #ebfaeb;
    --nav-bar-background-bw-white: #ebfaeb
}

body[data-theme=dark] {
    --primary-red-500: #ff4d55;
    --primary-red-300: rgba(229, 53, 62, .48);
    --primary-red-50: rgba(229, 53, 62, .16);
    --secondary-blue-500: #6da2ed;
    --secondary-blue-300: rgba(109, 162, 237, .48);
    --secondary-blue-50: rgba(114, 148, 227, .16);
    --surface-gray-900: rgba(255, 255, 255, .6);
    --surface-gray-700: rgba(255, 255, 255, .5);
    --surface-gray-500: rgba(255, 255, 255, .4);
    --surface-gray-400: rgba(255, 255, 255, .36);
    --surface-gray-300: rgba(255, 255, 255, .32);
    --surface-gray-200: rgba(255, 255, 255, .24);
    --surface-gray-100: rgba(255, 255, 255, .12);
    --surface-gray-50: rgba(255, 255, 255, .08);
    --surface-bw-white: rgba(255, 255, 255, .08);
    --background-gray-100: #0a0a0a;
    --background-gray-50: #111;
    --background-bw-white: #191919;
    --sheet-background-gray-50: #191919;
    --sheet-background-bw-white: #1f1f1f;
    --nav-bar-background-bw-white: #1f1f1f;
    --on-image-bw-white: rgba(255, 255, 255, .9);
    --on-image-white-70: rgba(255, 255, 255, .6);
    --on-image-white-36: rgba(255, 255, 255, .36);
    --on-image-black-90: rgba(0, 0, 0, .9);
    --on-image-black-60: rgba(0, 0, 0, .6);
    --on-image-black-36: rgba(0, 0, 0, .36);
    --outline-black-8: rgba(255, 255, 255, .12);
    --overlay-black-90: rgba(0, 0, 0, .9);
    --overlay-black-60: rgba(0, 0, 0, .6);
    --overlay-black-36: rgba(0, 0, 0, .36);
    --segmentation-black-4: rgba(0, 0, 0, .7);
    --bw-black: #000;
    --bw-white: #fff;
    --sd2: rgba(0, 0, 0, 0);
    --sd3: rgba(0, 0, 0, 0);
    --sd4: rgba(0, 0, 0, 0);
    --sd5: rgba(0, 0, 0, 0);
    --sd6: rgba(0, 0, 0, 0);
    --sd7: rgba(0, 0, 0, 0);
    --sd8: rgba(0, 0, 0, 0);
    --sd12: rgba(0, 0, 0, 0);
    --sd16: rgba(0, 0, 0, 0);
    --on-image-surface-black-4: rgba(255, 255, 255, .08);
    --on-image-surface-black-8: rgba(255, 255, 255, .12)
}

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

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

hr {
    height: 0;
    color: inherit;
    border-top-width: .01rem
}

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

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

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

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-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-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[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: -.02rem
}

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

.hover-10:hover {
    background-image: linear-gradient(to top,rgba(255,255,255,.1),rgba(255,255,255,.1))
}

.hover-24:hover {
    background-image: linear-gradient(to top,rgba(255,255,255,.24),rgba(255,255,255,.24))
}

.hover-4:hover {
    background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
}

.active-10:active {
    background-image: linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.active-8:active {
    background-image: linear-gradient(to top,var(--on-image-surface-black-8),var(--on-image-surface-black-8))
}

.nav-btn-group {
    background-color: var(--on-image-surface-black-4);
    border-radius: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-weight: 500;
    font-size: .16rem;
    line-height: .24rem;
    overflow: hidden;
    color: var(--surface-gray-900)
}

@media (min-width: 800px) {
    .nav-btn-group {
        font-size:.18rem;
        line-height: .26rem
    }
}

.nav-btn:hover {
    background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
}

.nav-btn:active {
    background-image: linear-gradient(to top,var(--on-image-surface-black-8),var(--on-image-surface-black-8))
}

.nav-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
    font-weight: 500;
    padding-top: .12rem;
    padding-bottom: .12rem;
    text-align: center
}

.nav-btn:hover {
    color: var(--surface-gray-700)
}

@media (min-width: 800px) {
    .nav-btn {
        padding-top:.15rem;
        padding-bottom: .15rem
    }

    .sm\:hover-4:hover {
        background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
    }

    .sm\:nav-btn-group {
        background-color: var(--on-image-surface-black-4);
        border-radius: .28rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        font-weight: 500;
        font-size: .16rem;
        line-height: .24rem;
        overflow: hidden;
        color: var(--surface-gray-900)
    }

    @media (min-width: 800px) {
        .sm\:nav-btn-group {
            font-size:.18rem;
            line-height: .26rem
        }
    }
}

.container {
    width: 100%
}

@media (min-width: 800px) {
    .container {
        max-width:8rem
    }
}

@media (min-width: 1000px) {
    .container {
        max-width:10rem
    }
}

@media (min-width: 1400px) {
    .container {
        max-width:14rem
    }
}

@media (min-width: 1600px) {
    .container {
        max-width:16rem
    }
}

@media (min-width: 2560px) {
    .container {
        max-width:25.6rem
    }
}

@media (min-width: 768px) {
    .container {
        max-width:7.68rem
    }
}

@media (min-width: 992px) {
    .container {
        max-width:9.92rem
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:12rem
    }
}

@media (min-width: 1800px) {
    .container {
        max-width:18rem
    }
}

.bg-fixed {
    background-attachment: fixed
}

.\!bg-primary-red-50 {
    background-color: var(--primary-red-50)!important
}

.bg-s-bw-white {
    background-color: var(--surface-bw-white)
}

.after\:bg-outline-black-8:after {
    background-color: var(--outline-black-8)
}

.before\:bg-outline-black-8:before {
    background-color: var(--outline-black-8)
}

.hover\:bg-primary-red-50:hover {
    background-color: var(--primary-red-50)
}

.bg-500 {
    background-color: var(--primary-red-500)
}

.bg-501 {
    background-color: var(--primary-red-50)
}

.bg-s-gray-100 {
    background-color: var(--surface-gray-100)
}

.bg-white {
    background-color: var(--sheet-background-bw-white)
}

.bg-black-36 {
    --tw-bg-opacity: .36;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.after\:bg-on-image-bw-white:after {
    background-color: var(--on-image-bw-white)
}

.bg-s-gray-300 {
    background-color: var(--surface-gray-300)
}

.bg-90 {
    background-color: var(--on-image-black-90)
}

.bg-b-gray-50 {
    background-color: var(--background-gray-50)
}

.bg-b-gray-100 {
    background-color: var(--background-gray-100)
}

.bg-41 {
    background-color: var(--on-image-surface-black-4)
}

.bg-50 {
    background-color: var(--sheet-background-gray-50)
}

.bg-s-gray-50 {
    background-color: var(--surface-gray-50)
}

.bg-8 {
    background-color: var(--outline-black-8)
}

.after\:bg-primary-red-500:after {
    background-color: var(--primary-red-500)
}

.hover\:bg-sheet-b-bw-white:hover {
    background-color: var(--sheet-background-bw-white)
}

.\!bg-sheet-b-bw-white {
    background-color: var(--sheet-background-bw-white)!important
}

.bg-s-gray-700 {
    background-color: var(--surface-gray-700)
}

.hover\:bg-s-gray-900:hover {
    background-color: var(--surface-gray-900)
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(51,51,51,var(--tw-bg-opacity))
}

.bg-4 {
    background-color: var(--segmentation-black-4)
}

.bg-60 {
    background-color: var(--on-image-black-60)
}

.bg-black-8 {
    --tw-bg-opacity: .08;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.\!bg-s-bw-white {
    background-color: var(--surface-bw-white)!important
}

.bg-b-bw-white {
    background-color: var(--background-bw-white)
}

.bg-36 {
    background-color: var(--on-image-white-36)
}

.bg-white-24 {
    --tw-bg-opacity: .24;
    background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.bg-70 {
    background-color: var(--on-image-white-70)
}

.bg-\[\#DF5F4C\] {
    --tw-bg-opacity: 1;
    background-color: rgba(223,95,76,var(--tw-bg-opacity))
}

.\!bg-\[\#1677FF\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(22,119,255,var(--tw-bg-opacity))!important
}

.\!bg-\[\#56BBF9\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(86,187,249,var(--tw-bg-opacity))!important
}

.bg-transparen {
    --tw-bg-opacity: 0;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.\!after\:bg-none:after {
    background-image: none!important
}

.hover\:bg-none:hover {
    background-image: none
}

.border-transp {
    --tw-border-opacity: 0;
    border-color: rgba(0,0,0,var(--tw-border-opacity))
}

.border-81 {
    border-color: var(--outline-black-8)
}

.after\:border-outline-black-8:after {
    border-color: var(--outline-black-8)
}

.hover\:border-primary-red-500:hover,.border-500 {
    border-color: var(--primary-red-500)
}

.hover\:border-outline-black-8:hover {
    border-color: var(--outline-black-8)
}

.\!after\:border-s-gray-300:after {
    border-color: var(--surface-gray-300)!important
}

.\!after\:hover\:border-s-gray-400:hover:after {
    border-color: var(--surface-gray-400)!important
}

.border-white {
    border-color: var(--background-bw-white)
}

.after\:border-transparent:after {
    --tw-border-opacity: 0;
    border-color: rgba(0,0,0,var(--tw-border-opacity))
}

.border-white1 {
    border-color: var(--bw-white)
}

.border-300 {
    border-color: var(--primary-red-300)
}

.border-8 {
    border-bottom-color: var(--outline-black-8)
}

.after\:border-r-on-image-white-36:after {
    border-right-color: var(--on-image-white-36)
}

.rounded-6px {
    border-radius: .06rem
}

.rounded-10px {
    border-radius: .1rem
}

.rounded-5px {
    border-radius: .05rem
}

.rounded-8px {
    border-radius: .08rem
}

.rounded-18px {
    border-radius: .18rem
}

.rounded-1 {
    border-radius: 100%
}

.rounded-36px {
    border-radius: .36rem
}

.rounded {
    border-radius: .25rem
}

.after\:rounded-1:after {
    border-radius: 100%
}

.after\:rounded-4px:after {
    border-radius: .04rem
}

.rounded-20px {
    border-radius: .2rem
}

.rounded-16px {
    border-radius: .16rem
}

.rounded-12px {
    border-radius: .12rem
}

.after\:rounded-2px:after {
    border-radius: .02rem
}

.rounded-14px {
    border-radius: .14rem
}

.rounded-3px {
    border-radius: .03rem
}

.rounded-28px {
    border-radius: .28rem
}

.rounded-4px {
    border-radius: .04rem
}

.rounded-16px {
    border-top-left-radius: .16rem;
    border-top-right-radius: .16rem
}

.rounded-none {
    border-bottom-left-radius: 0
}

.rounded-8px {
    border-top-left-radius: .08rem
}

.rounded-6px {
    border-bottom-right-radius: .06rem
}

.after\:border-none:after {
    border-style: none
}

.first-of-type\:border-none:first-of-type {
    border-style: none
}

.border {
    border-width: .01rem
}

.after\:border-0\.5px:after {
    border-width: .005rem
}

.hover\:border:hover {
    border-width: .01rem
}

.after\:border-1\.5px:after {
    border-width: .015rem
}

.after\:border-3px:after {
    border-width: .03rem
}

.after\:border:after {
    border-width: .01rem
}

.border-b {
    border-bottom-width: .01rem
}

.border-t {
    border-top-width: .01rem
}

.border-l {
    border-left-width: .01rem
}

.after\:border-t:after {
    border-top-width: .01rem
}

.before\:border-t:before {
    border-top-width: .01rem
}

.cursor-pointe {
    cursor: pointer
}

.after\:block:after {
    display: block
}

.block {
    display: block
}

.before\:block:before {
    display: block
}

.inline-block {
    display: inline-block
}

.after\:inline-block:after {
    display: inline-block
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.\!flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important
}

.group:hover .group-hover\:flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

.hidden {
    display: none
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.self-start {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.self-end {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.justify-cente {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.justify-betwe {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.justify-aroun {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.after\:flex-grow:after {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.before\:flex-grow:before {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-9999 {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.font-serif,.\.font-serif {
    font-family: ui-serif,Georgia,Cambria,Times New Roman,Times,serif
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.h-full {
    height: 100%
}

.\!h-0 {
    height: 0!important
}

.h-0 {
    height: 0
}

.h-48px {
    height: .48rem
}

.after\:h-24px:after {
    height: .24rem
}

.before\:h-24px:before {
    height: .24rem
}

.h-36px {
    height: .36rem
}

.h-40px {
    height: .4rem
}

.h-24px {
    height: .24rem
}

.after\:h-18px:after {
    height: .18rem
}

.h-100vh {
    height: 100vh
}

.h-152px {
    height: 1.52rem
}

.h-16px {
    height: .16rem
}

.after\:h-3px:after {
    height: .03rem
}

.h-20px {
    height: .2rem
}

.after\:h-1px:after {
    height: .01rem
}

.h-28px {
    height: .28rem
}

.h-144px {
    height: 1.44rem
}

.h-167px {
    height: 1.67rem
}

.h-202px {
    height: 2.02rem
}

.h-8px {
    height: .08rem
}

.h-64px {
    height: .64rem
}

.h-44px {
    height: .44rem
}

.after\:h-\[0\.5px\]:after {
    height: .005rem
}

.before\:h-\[0\.5px\]:before {
    height: .005rem
}

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

.h-\[14\.44vw\] {
    height: 14.44vw
}

.h-1px {
    height: .01rem
}

.h-10px {
    height: .1rem
}

.h-248px {
    height: 2.48rem
}

.h-32px {
    height: .32rem
}

.h-120px {
    height: 1.2rem
}

.h-18px {
    height: .18rem
}

.h-333px {
    height: 3.33rem
}

.h-160px {
    height: 1.6rem
}

.h-468px {
    height: 4.68rem
}

.h-58px {
    height: .58rem
}

.h-141px {
    height: 1.41rem
}

.h-100px {
    height: 1rem
}

.h-180px {
    height: 1.8rem
}

.h-22px {
    height: .22rem
}

.h-80px {
    height: .8rem
}

.text-rh4 {
    font-size: .24rem;
    line-height: .32rem
}

.text-bo4 {
    font-size: .14rem;
    line-height: .22rem
}

.text-c12 {
    font-size: .12rem;
    line-height: .2rem
}

.text-s1 {
    font-size: .16rem;
    line-height: .24rem
}

.text-rh3 {
    font-size: .36rem;
    line-height: .44rem
}

.text-rh6 {
    font-size: .18rem;
    line-height: .26rem
}

.text-s13 {
    font-size: .13rem;
    line-height: .2rem
}

.text-s4 {
    font-size: .12rem;
    line-height: .2rem
}

.text-bo1 {
    font-size: .18rem;
    line-height: .26rem
}

.text-s3 {
    font-size: .14rem;
    line-height: .22rem
}

.text-bt1 {
    font-size: .16rem;
    line-height: .2rem
}

.text-bt2 {
    font-size: .14rem;
    line-height: .18rem
}

.text-bt3 {
    font-size: .12rem;
    line-height: .16rem
}

.text-bo2 {
    font-size: .16rem;
    line-height: .24rem
}

.text-t1 {
    font-size: .12rem;
    line-height: .13rem
}

.text-bo3 {
    font-size: .15rem;
    line-height: .23rem
}

.text-l {
    font-size: .1rem;
    line-height: .12rem
}

.text-rh5 {
    font-size: .2rem;
    line-height: .28rem
}

.text-t3 {
    font-size: .09rem;
    line-height: .12rem
}

.text-t2 {
    font-size: .1rem;
    line-height: .13rem
}

.text-10px {
    font-size: .1rem;
    line-height: 1
}

.text-12px {
    font-size: .12rem;
    line-height: 1
}

.text-24px {
    font-size: .24rem;
    line-height: 1
}

.text-16px {
    font-size: .16rem;
    line-height: 1
}

.text-32px {
    font-size: .32rem;
    line-height: 1
}

.text-54px {
    font-size: .54rem;
    line-height: 1
}

.text-48px {
    font-size: .48rem;
    line-height: 1
}

.text-20px {
    font-size: .2rem;
    line-height: 1
}

.text-8px {
    font-size: .08rem;
    line-height: 1
}

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

.text-40px {
    font-size: .4rem;
    line-height: 1
}

.text-14px {
    font-size: .14rem;
    line-height: 1
}

.text-13px {
    font-size: .13rem;
    line-height: 1
}

.text-11px {
    font-size: .11rem;
    line-height: 1
}

.leading-14px {
    line-height: .14rem
}

.leading-\[1\.35\] {
    line-height: 1.35
}

.leading-\[1\.8\] {
    line-height: 1.8
}

.leading-\[1\.4\] {
    line-height: 1.4
}

.leading-\[1\.67\] {
    line-height: 1.67
}

.leading-28px {
    line-height: .28rem
}

.leading-30px {
    line-height: .3rem
}

.leading-16px {
    line-height: .16rem
}

.leading-20px {
    line-height: .2rem
}

.leading-24px {
    line-height: .24rem
}

.leading-21px {
    line-height: .21rem
}

.leading-12px {
    line-height: .12rem
}

.-mx-6px {
    margin-left: -.06rem;
    margin-right: -.06rem
}

.mx-6px {
    margin-left: .06rem;
    margin-right: .06rem
}

.mx-4px {
    margin-left: .04rem;
    margin-right: .04rem
}

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

.mx-12px {
    margin-left: .12rem;
    margin-right: .12rem
}

.mx-16px {
    margin-left: .16rem;
    margin-right: .16rem
}

.my-8px {
    margin-top: .08rem;
    margin-bottom: .08rem
}

.mx-64px {
    margin-left: .64rem;
    margin-right: .64rem
}

.mx-2px {
    margin-left: .02rem;
    margin-right: .02rem
}

.mx-20px {
    margin-left: .2rem;
    margin-right: .2rem
}

.mx-8px {
    margin-left: .08rem;
    margin-right: .08rem
}

.ml-auto {
    margin-left: auto
}

.mt-8px {
    margin-top: .08rem
}

.mt-34px {
    margin-top: .34rem
}

.mb-12px {
    margin-bottom: .12rem
}

.mb-40px {
    margin-bottom: .4rem
}

.mt-20px {
    margin-top: .2rem
}

.mr-4px {
    margin-right: .04rem
}

.mt-16px {
    margin-top: .16rem
}

.-mr-20px {
    margin-right: -.2rem
}

.mr-20px {
    margin-right: .2rem
}

.mt-4px {
    margin-top: .04rem
}

.mt-40px {
    margin-top: .4rem
}

.mr-16px {
    margin-right: .16rem
}

.ml-8px {
    margin-left: .08rem
}

.first-of-type\:ml-0:first-of-type {
    margin-left: 0
}

.mt-6px {
    margin-top: .06rem
}

.ml-12px {
    margin-left: .12rem
}

.-mr-8px {
    margin-right: -.08rem
}

.mr-8px {
    margin-right: .08rem
}

.ml-13px {
    margin-left: .13rem
}

.mt-24px {
    margin-top: .24rem
}

.ml-16px {
    margin-left: .16rem
}

.mb-4px {
    margin-bottom: .04rem
}

.mt-64px {
    margin-top: .64rem
}

.-ml-20px {
    margin-left: -.2rem
}

.mt-42px {
    margin-top: .42rem
}

.mt-30px {
    margin-top: .3rem
}

.mb-8px {
    margin-bottom: .08rem
}

.mb-20px {
    margin-bottom: .2rem
}

.mr-auto {
    margin-right: auto
}

.mr-6px {
    margin-right: .06rem
}

.ml-4px {
    margin-left: .04rem
}

.mt-36px {
    margin-top: .36rem
}

.ml-18px {
    margin-left: .18rem
}

.-mb-3px {
    margin-bottom: -.03rem
}

.-mr-6px {
    margin-right: -.06rem
}

.ml-6px {
    margin-left: .06rem
}

.\!mb-20px {
    margin-bottom: .2rem!important
}

.mr-12px {
    margin-right: .12rem
}

.mt-2px {
    margin-top: .02rem
}

.mt-auto {
    margin-top: auto
}

.mt-32px {
    margin-top: .32rem
}

.mt-22px {
    margin-top: .22rem
}

.after\:-ml-1px:after {
    margin-left: -.01rem
}

.mb-16px {
    margin-bottom: .16rem
}

.-ml-1px {
    margin-left: -.01rem
}

.-mt-6px {
    margin-top: -.06rem
}

.ml-2px {
    margin-left: .02rem
}

.-mr-12px {
    margin-right: -.12rem
}

.mr-24px {
    margin-right: .24rem
}

.mr-3px {
    margin-right: .03rem
}

.ml-3px {
    margin-left: .03rem
}

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

.mb-64px {
    margin-bottom: .64rem
}

.mt-12px {
    margin-top: .12rem
}

.mt-1\.5em {
    margin-top: 1.5em
}

.mt-0\.8em {
    margin-top: .8em
}

.mb-\[0\.4em\] {
    margin-bottom: .4em
}

.mb-\[0\.3em\] {
    margin-bottom: .3em
}

.-ml-6px {
    margin-left: -.06rem
}

.mt-14px {
    margin-top: .14rem
}

.mb-24px {
    margin-bottom: .24rem
}

.mb-48px {
    margin-bottom: .48rem
}

.-mt-16px {
    margin-top: -.16rem
}

.mt-38px {
    margin-top: .38rem
}

.ml-10px {
    margin-left: .1rem
}

.mt-46px {
    margin-top: .46rem
}

.mt-48px {
    margin-top: .48rem
}

.mt-80px {
    margin-top: .8rem
}

.mr-36px {
    margin-right: .36rem
}

.mt-120px {
    margin-top: 1.2rem
}

.mt-85px {
    margin-top: .85rem
}

.mb-90px {
    margin-bottom: .9rem
}

.mr-2px {
    margin-right: .02rem
}

.mr-10px {
    margin-right: .1rem
}

.first\:mt-0:first-child {
    margin-top: 0
}

.-ml-100px {
    margin-left: -1rem
}

.ml-100px {
    margin-left: 1rem
}

.mb-2px {
    margin-bottom: .02rem
}

.max-h-200px {
    max-height: 2rem
}

.max-h-36px {
    max-height: .36rem
}

.max-h-12em {
    max-height: 12em
}

.max-w-168px {
    max-width: 1.68rem
}

.max-w-200px {
    max-width: 2rem
}

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

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

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

.min-h-3em {
    min-height: 3em
}

.min-h-\[calc\(100\%\+20px\)\] {
    min-height: calc(100% + .2rem)
}

.min-w-0 {
    min-width: 0
}

.min-w-48px {
    min-width: .48rem
}

.min-w-124px {
    min-width: 1.24rem
}

.min-w-488px {
    min-width: 4.88rem
}

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

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

.opacity-0 {
    opacity: 0
}

.disabled\:opacity-30:disabled {
    opacity: .3
}

.opacity-30 {
    opacity: .3
}

.opacity-32 {
    opacity: .32
}

.outline-none {
    outline: .02rem solid transparent;
    outline-offset: .02rem
}

.overflow-auto {
    overflow: auto
}

.overflow-hid1 {
    overflow: hidden
}

.overflow-auto {
    overflow-x: auto
}

.overflow-hidd {
    overflow-y: hidden
}

.overscroll-co {
    overscroll-behavior: contain;
    -ms-scroll-chaining: none
}

.p-20px {
    padding: .2rem
}

.p-0 {
    padding: 0
}

.p-24px {
    padding: .24rem
}

.p-4px {
    padding: .04rem
}

.p-32px {
    padding: .32rem
}

.p-16px {
    padding: .16rem
}

.p-2px {
    padding: .02rem
}

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

.p-12px {
    padding: .12rem
}

.px-16px {
    padding-left: .16rem;
    padding-right: .16rem
}

.py-21px {
    padding-top: .21rem;
    padding-bottom: .21rem
}

.px-32px {
    padding-left: .32rem;
    padding-right: .32rem
}

.px-12px {
    padding-left: .12rem;
    padding-right: .12rem
}

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

.py-6px {
    padding-top: .06rem;
    padding-bottom: .06rem
}

.py-7px {
    padding-top: .07rem;
    padding-bottom: .07rem
}

.py-32px {
    padding-top: .32rem;
    padding-bottom: .32rem
}

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

.py-8px {
    padding-top: .08rem;
    padding-bottom: .08rem
}

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

.px-20px {
    padding-left: .2rem;
    padding-right: .2rem
}

.\!px-36px {
    padding-left: .36rem!important;
    padding-right: .36rem!important
}

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

.px-10px {
    padding-left: .1rem;
    padding-right: .1rem
}

.px-6px {
    padding-left: .06rem;
    padding-right: .06rem
}

.py-3px {
    padding-top: .03rem;
    padding-bottom: .03rem
}

.px-5px {
    padding-left: .05rem;
    padding-right: .05rem
}

.px-4px {
    padding-left: .04rem;
    padding-right: .04rem
}

.py-10px {
    padding-top: .1rem;
    padding-bottom: .1rem
}

.py-2px {
    padding-top: .02rem;
    padding-bottom: .02rem
}

.px-8px {
    padding-left: .08rem;
    padding-right: .08rem
}

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

.py-4px {
    padding-top: .04rem;
    padding-bottom: .04rem
}

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

.px-64px {
    padding-left: .64rem;
    padding-right: .64rem
}

.py-1px {
    padding-top: .01rem;
    padding-bottom: .01rem
}

.px-3px {
    padding-left: .03rem;
    padding-right: .03rem
}

.py-60px {
    padding-top: .6rem;
    padding-bottom: .6rem
}

.px-18px {
    padding-left: .18rem;
    padding-right: .18rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pt-32px {
    padding-top: .32rem
}

.pt-16px {
    padding-top: .16rem
}

.pt-28px {
    padding-top: .28rem
}

.pb-\$sai-bottom {
    padding-bottom: var(--sai-bottom)
}

.pb-1px {
    padding-bottom: .01rem
}

.pb-146px {
    padding-bottom: 1.46rem
}

.pb-36px {
    padding-bottom: .36rem
}

.pb-32px {
    padding-bottom: .32rem
}

.pr-16px {
    padding-right: .16rem
}

.pl-22px {
    padding-left: .22rem
}

.pr-32px {
    padding-right: .32rem
}

.pt-12px {
    padding-top: .12rem
}

.\!pb-46px {
    padding-bottom: .46rem!important
}

.pl-12px {
    padding-left: .12rem
}

.pb-64px {
    padding-bottom: .64rem
}

.pb-136px {
    padding-bottom: 1.36rem
}

.pl-32px {
    padding-left: .32rem
}

.pt-42px {
    padding-top: .42rem
}

.pb-44px {
    padding-bottom: .44rem
}

.pb-8px {
    padding-bottom: .08rem
}

.pb-56px {
    padding-bottom: .56rem
}

.pt-18px {
    padding-top: .18rem
}

.pb-10px {
    padding-bottom: .1rem
}

.pt-64px {
    padding-top: .64rem
}

.pl-56px {
    padding-left: .56rem
}

.pr-60px {
    padding-right: .6rem
}

.pr-36px {
    padding-right: .36rem
}

.pb-31px {
    padding-bottom: .31rem
}

.pr-8px {
    padding-right: .08rem
}

.pt-4px {
    padding-top: .04rem
}

.pl-4px {
    padding-left: .04rem
}

.pl-17px {
    padding-left: .17rem
}

.pr-4px {
    padding-right: .04rem
}

.pt-1px {
    padding-top: .01rem
}

.pl-38px {
    padding-left: .38rem
}

.pt-6px {
    padding-top: .06rem
}

.pt-8px {
    padding-top: .08rem
}

.pt-14px {
    padding-top: .14rem
}

.pb-48px {
    padding-bottom: .48rem
}

.placeholder-4::-webkit-input-placeholder {
    color: var(--surface-gray-400)
}

.placeholder-4::-moz-placeholder {
    color: var(--surface-gray-400)
}

.placeholder-4:-ms-input-placeholder {
    color: var(--surface-gray-400)
}

.placeholder-4::-ms-input-placeholder {
    color: var(--surface-gray-400)
}

.placeholder-4::placeholder {
    color: var(--surface-gray-400)
}

.caret-500 {
    caret-color: var(--primary-red-500)
}

.pointer-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.\!fixed {
    position: fixed!important
}

.absolute {
    position: absolute
}

.after\:absolute:after {
    position: absolute
}

.before\:absolute:before {
    position: absolute
}

.\!absolute {
    position: absolute!important
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.after\:inset-0:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.after\:inset-4px:after {
    top: .04rem;
    right: .04rem;
    bottom: .04rem;
    left: .04rem
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-0 {
    top: 0
}

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

.right-0 {
    right: 0
}

.top-70vh {
    top: 70vh
}

.bottom-70vh {
    bottom: 70vh
}

.after\:right-0:after {
    right: 0
}

.after\:top-6px:after {
    top: .06rem
}

.before\:left-0:before {
    left: 0
}

.before\:top-6px:before {
    top: .06rem
}

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

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

.after\:top-3px:after {
    top: .03rem
}

.after\:left-3px:after {
    left: .03rem
}

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

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

.left-0 {
    left: 0
}

.bottom-1\/6 {
    bottom: 16.666667%
}

.bottom-0 {
    bottom: 0
}

.after\:-bottom-4px:after {
    bottom: -.04rem
}

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

.after\:left-16px:after {
    left: .16rem
}

.after\:right-16px:after {
    right: .16rem
}

.after\:bottom-0:after {
    bottom: 0
}

.left-full {
    left: 100%
}

.top-5px {
    top: .05rem
}

.right-16px {
    right: .16rem
}

.right-full {
    right: 100%
}

.-bottom-92px {
    bottom: -.92rem
}

.after\:top-12px:after {
    top: .12rem
}

.after\:bottom-12px:after {
    bottom: .12rem
}

.bottom-64px {
    bottom: .64rem
}

.after\:left-full:after {
    left: 100%
}

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

.after\:right-full:after {
    right: 100%
}

.bottom-full {
    bottom: 100%
}

.after\:top-full:after {
    top: 100%
}

.top-full {
    top: 100%
}

.after\:left-0:after {
    left: 0
}

.after\:top-0:after {
    top: 0
}

.right-44px {
    right: .44rem
}

.right-6px {
    right: .06rem
}

.left-16px {
    left: .16rem
}

.bottom-12px {
    bottom: .12rem
}

.top-44px {
    top: .44rem
}

.before\:bottom-0:before {
    bottom: 0
}

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

.top-52px {
    top: .52rem
}

.left-2px {
    left: .02rem
}

.bottom-24px {
    bottom: .24rem
}

.top-12vh {
    top: 12vh
}

.right-64px {
    right: .64rem
}

.-top-5px {
    top: -.05rem
}

.top-19px {
    top: .19rem
}

.top-17px {
    top: .17rem
}

.bottom-14px {
    bottom: .14rem
}

.bottom-48px {
    bottom: .48rem
}

.right-21px {
    right: .21rem
}

.-top-4px {
    top: -.04rem
}

.-right-9px {
    right: -.09rem
}

.right-28px {
    right: .28rem
}

.top-16px {
    top: .16rem
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.shadow-sd16 {
    --tw-shadow: 0 .02rem .16rem 0 var(--sd16);
    --tw-shadow-colored: 0 .02rem .16rem 0 var(--sd16);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sd8 {
    --tw-shadow: 0 .01rem .09rem 0 var(--sd8);
    --tw-shadow-colored: 0 .01rem .09rem 0 var(--sd8);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sd24 {
    --tw-shadow: 0 .04rem .24rem 0 rgba(0, 0, 0, .08);
    --tw-shadow-colored: 0 .04rem .24rem 0 var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sd7 {
    --tw-shadow: 0 .01rem .08rem 0 var(--sd7);
    --tw-shadow-colored: 0 .01rem .08rem 0 var(--sd7);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sd12 {
    --tw-shadow: 0 .02rem .12rem 0 var(--sd12);
    --tw-shadow-colored: 0 .02rem .12rem 0 var(--sd12);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-900 {
    color: var(--surface-gray-900)
}

.text-5003 {
    color: var(--surface-gray-500)
}

.\!text-primary-red-500 {
    color: var(--primary-red-500)!important
}

.disabled\:text-s-gray-300:disabled {
    color: var(--surface-gray-300)
}

.hover\:text-s-gray-900:hover {
    color: var(--surface-gray-900)
}

.text-500 {
    color: var(--secondary-blue-500)
}

.hover\:text-s-gray-700:hover {
    color: var(--surface-gray-700)
}

.disabled\:text-gray-300:disabled {
    --tw-text-opacity: 1;
    color: rgba(204,204,204,var(--tw-text-opacity))
}

.hover\:text-primary-red-500:hover,.text-5001 {
    color: var(--primary-red-500)
}

.text-white-24 {
    --tw-text-opacity: .24;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.text-white {
    color: var(--on-image-bw-white)
}

.text-300 {
    color: var(--surface-gray-300)
}

.text-5002 {
    --tw-text-opacity: 1;
    color: rgba(255,94,26,var(--tw-text-opacity))
}

.text-400 {
    color: var(--surface-gray-400)
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgba(255,77,85,var(--tw-text-opacity))
}

.text-70 {
    color: var(--on-image-white-70)
}

.text-700 {
    color: var(--surface-gray-700)
}

.group:hover .group-hover\:text-primary-red-500 {
    color: var(--primary-red-500)
}

.group:hover .group-hover\:text-s-gray-700 {
    color: var(--surface-gray-700)
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(51,51,51,var(--tw-text-opacity))
}

.text-4 {
    color: var(--on-image-surface-black-4)
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgba(76,76,76,var(--tw-text-opacity))
}

.text-white2 {
    color: var(--background-bw-white)
}

.text-\[\#40D76F\] {
    --tw-text-opacity: 1;
    color: rgba(64,215,111,var(--tw-text-opacity))
}

.text-\[\#1677FF\] {
    --tw-text-opacity: 1;
    color: rgba(22,119,255,var(--tw-text-opacity))
}

.text-\[\#56BBF9\] {
    --tw-text-opacity: 1;
    color: rgba(86,187,249,var(--tw-text-opacity))
}

.text-\[\#FFC61B\] {
    --tw-text-opacity: 1;
    color: rgba(255,198,27,var(--tw-text-opacity))
}

.text-\[\#E6CEA0\] {
    --tw-text-opacity: 1;
    color: rgba(230,206,160,var(--tw-text-opacity))
}

.text-bw-white {
    color: var(--bw-white)
}

.text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.text-white1 {
    color: var(--sheet-background-bw-white)
}

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

.after\:content-DEFAULT:after {
    content: ""
}

.before\:content-DEFAULT:before {
    content: ""
}

.content-left {
    content: "left"
}

.content-above {
    content: "above"
}

.content-botto {
    content: "bottom"
}

.content-DEFAU {
    content: ""
}

.align-top {
    vertical-align: top
}

.align-bottom {
    vertical-align: bottom
}

.align-bottom {
    vertical-align: text-bottom
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-no {
    white-space: normal
}

.whitespace-n1 {
    white-space: nowrap
}

.whitespace-pr {
    white-space: pre
}

.whitespace-wr {
    white-space: pre-wrap
}

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

.w-full {
    width: 100%
}

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

.w-1\/2 {
    width: 50%
}

.w-0 {
    width: 0
}

.w-\[calc\(50\%-12px\)\] {
    width: calc(50% - .12rem)
}

.after\:w-1px:after {
    width: .01rem
}

.before\:w-1px:before {
    width: .01rem
}

.w-36px {
    width: .36rem
}

.w-24px {
    width: .24rem
}

.w-300px {
    width: 3rem
}

.w-120px {
    width: 1.2rem
}

.w-39px {
    width: .39rem
}

.after\:w-18px:after {
    width: .18rem
}

.w-\$width {
    width: var(--width)
}

.w-20px {
    width: .2rem
}

.w-520px {
    width: 5.2rem
}

.w-30px {
    width: .3rem
}

.w-1px {
    width: .01rem
}

.w-94px {
    width: .94rem
}

.after\:w-12px:after {
    width: .12rem
}

.w-28px {
    width: .28rem
}

.w-8px {
    width: .08rem
}

.w-64px {
    width: .64rem
}

.w-480px {
    width: 4.8rem
}

.w-359px {
    width: 3.59rem
}

.w-60px {
    width: .6rem
}

.w-400px {
    width: 4rem
}

.w-44px {
    width: .44rem
}

.w-\[14\.44vw\] {
    width: 14.44vw
}

.w-16px {
    width: .16rem
}

.w-90px {
    width: .9rem
}

.w-2px {
    width: .02rem
}

.w-26px {
    width: .26rem
}

.w-320px {
    width: 3.2rem
}

.w-136px {
    width: 1.36rem
}

.w-100px {
    width: 1rem
}

.w-32px {
    width: .32rem
}

.w-18px {
    width: .18rem
}

.\!w-600px {
    width: 6rem!important
}

.w-278px {
    width: 2.78rem
}

.w-58px {
    width: .58rem
}

.w-112px {
    width: 1.12rem
}

.w-180px {
    width: 1.8rem
}

.w-140px {
    width: 1.4rem
}

.w-38px {
    width: .38rem
}

.w-332px {
    width: 3.32rem
}

.w-22px {
    width: .22rem
}

.w-56px {
    width: .56rem
}

.w-500px {
    width: 5rem
}

.z-1 {
    z-index: 1
}

.z-5 {
    z-index: 5
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-4 {
    z-index: 4
}

.z-3 {
    z-index: 3
}

.z-6 {
    z-index: 6
}

.z-0 {
    z-index: 0
}

.-z-1 {
    z-index: -1
}

.z-100 {
    z-index: 100
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}

.after\:transform:after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))
}

.origin-right {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.scale-30 {
    --tw-scale-x: .3;
    --tw-scale-y: .3;
    --tw-scale-z: .3
}

.scale-66 {
    --tw-scale-x: .66;
    --tw-scale-y: .66;
    --tw-scale-z: .66
}

.scale-50 {
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    --tw-scale-z: .5
}

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

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

.group:hover .group-hover\:-rotate-180 {
    --tw-rotate: -180deg
}

.group:hover .group-hover\:rotate-0 {
    --tw-rotate: 0deg
}

.after\:rotate-180:after {
    --tw-rotate: 180deg
}

.after\:rotate-270:after {
    --tw-rotate: 270deg
}

.rotate-270 {
    --tw-rotate: 270deg
}

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

.translate-ful {
    --tw-translate-x: 100%
}

.after\:translate-x-15px:after {
    --tw-translate-x: .15rem
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.after\:-translate-x-1\/2:after {
    --tw-translate-x: -50%
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.after\:-translate-y-1\/2:after {
    --tw-translate-y: -50%
}

.-translate-x-7\/15 {
    --tw-translate-x: -46.666667%
}

.-translate-y-6px {
    --tw-translate-y: -.06rem
}

.after\:transition-all:after {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.transition-co {
    -webkit-transition-property: background-color,border-color,color,fill,stroke;
    -o-transition-property: background-color,border-color,color,fill,stroke;
    transition-property: background-color,border-color,color,fill,stroke;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

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

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

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

.transition-op {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.transition-al {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

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

.duration-300 {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.duration-400 {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.duration-350 {
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s
}

.duration-200 {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.duration-500 {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

.filter {
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: 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)
}

.\!border-current {
    border-color: currentColor!important
}

.border-curren {
    border-color: currentColor
}

.after\:border-current:after {
    border-color: currentColor
}

.before\:border-current:before {
    border-color: currentColor
}

.after\:bg-current:after {
    background-color: currentColor
}

.bg-current {
    background-color: currentColor
}

.\!text-inherit {
    color: inherit!important
}

.after\:h-inherit:after {
    height: inherit
}

.after\:rounded-inherit:after {
    border-radius: inherit
}

.rounded-inher {
    border-radius: inherit
}

.bg-inherit {
    background: inherit
}

.font-yuewen {
    font-family: Yuewen Font,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
}

.wrap-word {
    word-wrap: break-word
}

.cursor-in {
    cursor: zoom-in
}

.cursor-out {
    cursor: zoom-out
}

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

@media (min-width: 800px) {
    .sm\:bg-s-gray-50 {
        background-color:var(--surface-gray-50)
    }

    .sm\:border-outline-black-8 {
        border-color: var(--outline-black-8)
    }

    .sm\:border-t {
        border-top-width: .01rem
    }

    .sm\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .sm\:flex-wrap {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .sm\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .sm\:h-64px {
        height: .64rem
    }

    .sm\:h-32px {
        height: .32rem
    }

    .sm\:after\:h-24px:after {
        height: .24rem
    }

    .sm\:text-s1 {
        font-size: .16rem;
        line-height: .24rem
    }

    .sm\:text-rh5 {
        font-size: .2rem;
        line-height: .28rem
    }

    .sm\:text-rh4 {
        font-size: .24rem;
        line-height: .32rem
    }

    .sm\:text-bo2 {
        font-size: .16rem;
        line-height: .24rem
    }

    .sm\:text-bo4 {
        font-size: .14rem;
        line-height: .22rem
    }

    .sm\:my-64px {
        margin-top: .64rem;
        margin-bottom: .64rem
    }

    .sm\:mx-64px {
        margin-left: .64rem;
        margin-right: .64rem
    }

    .sm\:ml-24px {
        margin-left: .24rem
    }

    .sm\:-mt-8px {
        margin-top: -.08rem
    }

    .sm\:mt-8px {
        margin-top: .08rem
    }

    .sm\:mt-40px {
        margin-top: .4rem
    }

    .sm\:mt-16px {
        margin-top: .16rem
    }

    .sm\:mb-64px {
        margin-bottom: .64rem
    }

    .sm\:p-32px {
        padding: .32rem
    }

    .sm\:px-64px {
        padding-left: .64rem;
        padding-right: .64rem
    }

    .\!sm\:px-29px {
        padding-left: .29rem!important;
        padding-right: .29rem!important
    }

    .sm\:pt-64px {
        padding-top: .64rem
    }

    .sm\:pr-12px {
        padding-right: .12rem
    }

    .sm\:pb-24px {
        padding-bottom: .24rem
    }

    .sm\:pt-16px {
        padding-top: .16rem
    }

    .sm\:pt-48px {
        padding-top: .48rem
    }

    .sm\:after\:top-4px:after {
        top: .04rem
    }

    .sm\:after\:left-4px:after {
        left: .04rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:hover\:text-primary-red-500:hover {
        color: var(--primary-red-500)
    }

    .sm\:w-520px {
        width: 5.2rem
    }

    .sm\:w-52px {
        width: .52rem
    }

    .sm\:after\:w-24px:after {
        width: .24rem
    }

    .sm\:after\:translate-x-20px:after {
        --tw-translate-x: .2rem
    }
}

@media (min-width: 1200px) {
    .clg\:-left-200px {
        left:-2rem
    }
}

@media (max-width: 799.9px) {
    .\<sm\:bg-sheet-b-bw-white {
        background-color:var(--sheet-background-bw-white)
    }

    .\<sm\:bg-b-gray-50 {
        background-color: var(--background-gray-50)
    }

    .\!\<sm\:bg-none {
        background-image: none!important
    }

    .\<sm\:border-outline-black-8 {
        border-color: var(--outline-black-8)
    }

    .\<sm\:border-b {
        border-bottom-width: .01rem
    }

    .\<sm\:hidden {
        display: none
    }

    .\<sm\:flex-1 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .\<sm\:text-rh6 {
        font-size: .18rem;
        line-height: .26rem
    }

    .\<sm\:text-c12 {
        font-size: .12rem;
        line-height: .2rem
    }

    .\<sm\:text-rh4 {
        font-size: .24rem;
        line-height: .32rem
    }

    .\<sm\:text-s13 {
        font-size: .13rem;
        line-height: .2rem
    }

    .\<sm\:text-bt1 {
        font-size: .16rem;
        line-height: .2rem
    }

    .\<sm\:text-s4 {
        font-size: .12rem;
        line-height: .2rem
    }

    .\<sm\:-mx-4px {
        margin-left: -.04rem;
        margin-right: -.04rem
    }

    .\<sm\:mx-4px {
        margin-left: .04rem;
        margin-right: .04rem
    }

    .\<sm\:mx-20px {
        margin-left: .2rem;
        margin-right: .2rem
    }

    .\<sm\:mt-4px {
        margin-top: .04rem
    }

    .\<sm\:mt-16px {
        margin-top: .16rem
    }

    .\<sm\:mb-8px {
        margin-bottom: .08rem
    }

    .\<sm\:mb-28px {
        margin-bottom: .28rem
    }

    .\<sm\:mt-12px {
        margin-top: .12rem
    }

    .\<sm\:-mr-8px {
        margin-right: -.08rem
    }

    .\<sm\:mr-8px {
        margin-right: .08rem
    }

    .\<sm\:mb-48px {
        margin-bottom: .48rem
    }

    .\<sm\:min-w-0 {
        min-width: 0
    }

    .\<sm\:overflow-x-auto {
        overflow-x: auto
    }

    .\<sm\:px-12px {
        padding-left: .12rem;
        padding-right: .12rem
    }

    .\<sm\:px-16px {
        padding-left: .16rem;
        padding-right: .16rem
    }

    .\<sm\:py-14px {
        padding-top: .14rem;
        padding-bottom: .14rem
    }

    .\<sm\:px-20px {
        padding-left: .2rem;
        padding-right: .2rem
    }

    .\<sm\:py-15px {
        padding-top: .15rem;
        padding-bottom: .15rem
    }

    .\<sm\:pt-13px {
        padding-top: .13rem
    }

    .\<sm\:pb-14px {
        padding-bottom: .14rem
    }

    .\<sm\:pt-56px {
        padding-top: 0rem;
        padding-bottom: .02rem
    }

    .\<sm\:fixed {
        position: fixed
    }

    .\<sm\:bottom-0 {
        bottom: 0
    }

    .\<sm\:left-0 {
        left: 0
    }

    .\<sm\:whitespace-nowrap {
        white-space: nowrap
    }

    .\<sm\:w-full {
        width: 100%
    }

    .\<sm\:w-\[calc\(50\%-8px\)\] {
        width: calc(50% - .08rem)
    }
}

.primary[data-v-f679a65e]:hover {
    background-image: linear-gradient(to top,rgba(255,255,255,.1),rgba(255,255,255,.1))
}

.primary[data-v-f679a65e]:active {
    background-image: linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.primary[data-v-f679a65e] {
    background-color: var(--primary-red-500);
    color: var(--on-image-bw-white)
}

.secondary[data-v-f679a65e] {
    color: var(--secondary-blue-500)
}

.download[data-v-f679a65e]:active {
    background-image: linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.download[data-v-f679a65e] {
    background-color: var(--surface-bw-white);
    color: var(--surface-gray-900)
}

.download[data-v-f679a65e]:hover {
    border-color: var(--outline-black-8);
    border-width: .01rem
}

.huge[data-v-5656d8e4] {
    font-size: .16rem;
    line-height: .2rem;
    padding: .14rem .16rem
}

.large[data-v-5656d8e4] {
    height: .4rem;
    font-size: .14rem;
    line-height: .18rem;
    padding-left: .12rem;
    padding-right: .12rem
}

.regular[data-v-5656d8e4] {
    font-size: .12rem;
    line-height: .16rem;
    padding: .08rem .1rem
}

.small[data-v-5656d8e4] {
    font-size: .12rem;
    line-height: .16rem;
    padding: .06rem .1rem
}

.round[data-v-5656d8e4] {
    border-radius: .06rem
}

.semicircle[data-v-5656d8e4] {
    border-radius: .24rem
}

.primary[data-v-5656d8e4]:hover {
    background-image: linear-gradient(to top,rgba(255,255,255,.1),rgba(255,255,255,.1))
}

.primary[data-v-5656d8e4] {
    background-color: var(--primary-red-500);
    color: var(--on-image-bw-white)
}

.primary[disabled][data-v-5656d8e4]:not(.loading) {
    opacity: .4
}

.secondary-r[data-v-5656d8e4] {
    background-color: var(--primary-red-50);
    color: var(--primary-red-500)
}

.secondary-g[data-v-5656d8e4] {
    background-color: var(--surface-gray-100);
    color: var(--surface-gray-900)
}

.secondary-g[disabled][data-v-5656d8e4] {
    color: var(--surface-gray-400)
}

.tertiary-r[data-v-5656d8e4]:hover {
    background-color: var(--primary-red-50)
}

.tertiary-r[data-v-5656d8e4] {
    border-width: .01rem;
    color: var(--primary-red-500);
    border-color: currentColor
}

.tertiary-g[data-v-5656d8e4] {
    border-width: .01rem;
    color: var(--surface-gray-900);
    border-color: currentColor
}

.dialog-active[data-v-57d683c0],.dialog-activ1[data-v-57d683c0] {
    opacity: 1;
    transition: opacity .2s
}

.dialog-from[data-v-57d683c0],.dialog-to[data-v-57d683c0] {
    opacity: 0
}

.dialog-active .content[data-v-57d683c0],.dialog-activ1 .content[data-v-57d683c0] {
    transition: transform .2s ease
}

.dialog-from .content[data-v-57d683c0],.dialog-to .content[data-v-57d683c0] {
    transform: translateY(.32rem)
}

.checkbox[data-v-6dd879a6]:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.411 1.015a.917.917 0 0 0-1.296.007L3.668 5.515 2.024 3.626A.917.917 0 0 0 .641 4.83l2.057 2.363a1.25 1.25 0 0 0 1.764.122l.004-.004.03-.027.031-.03L9.418 2.31a.917.917 0 0 0-.007-1.296z' fill='%23fff'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat
}

.bottom[data-v-a7099336] {
    box-shadow: 0 -.08rem .12rem rgba(204,204,204,.25)
}

.option[data-v-9d7fd7b7]:active {
    background-image: linear-gradient(to top,rgba(0,0,0,.1),rgba(0,0,0,.1))
}

.option[data-v-9d7fd7b7] {
    background-color: var(--surface-bw-white);
    --tw-border-opacity: 0;
    border-color: rgba(0,0,0,var(--tw-border-opacity));
    border-radius: .06rem;
    border-width: .01rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-weight: 500;
    height: .48rem;
    font-size: .16rem;
    line-height: .24rem;
    margin-bottom: .12rem;
    margin-left: .06rem;
    margin-right: .06rem;
    padding-left: .16rem;
    padding-right: .16rem;
    color: var(--surface-gray-900);
    width: calc(50% - .12rem)
}

.option[data-v-9d7fd7b7]:disabled {
    color: var(--surface-gray-300)
}

@media (max-width: 799.9px) {
    .option[data-v-9d7fd7b7] {
        margin-left:.04rem;
        margin-right: .04rem;
        margin-bottom: .08rem;
        padding-left: .12rem;
        padding-right: .12rem;
        width: calc(50% - .08rem)
    }
}

.volume[data-v-5e4ffb7a] {
    transition: height .4s
}

.tooltip-wrapp.hover-mode:hover .tooltip[data-v-6cdbc58a] {
    opacity: 1;
    transition-delay: 0ms;
    visibility: visible
}

.tooltip-wrapp.hover-mode:hover .tooltip.top[data-v-6cdbc58a] {
    transform: translate(-50%) scale(1)
}

.tooltip-wrapp.hover-mode:hover .tooltip.left[data-v-6cdbc58a],.tooltip-wrapp.hover-mode:hover .tooltip.right[data-v-6cdbc58a] {
    transform: translateY(-50%) scale(1)
}

.tooltip-wrapp.hover-mode .tooltip[data-v-6cdbc58a] {
    visibility: hidden;
    opacity: 0;
    transform-origin: bottom;
    transition: all .15s ease;
    transition-delay: .15s
}

.tooltip-wrapp.hover-mode .tooltip.top[data-v-6cdbc58a] {
    transform: translate(-50%) scale(.8)
}

.tooltip-wrapp.hover-mode .tooltip.left[data-v-6cdbc58a],.tooltip-wrapp.hover-mode .tooltip.right[data-v-6cdbc58a] {
    transform: translateY(-50%) scale(.8)
}

.app-wrapper:hover .app-guide[data-v-81f44073] {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0ms;
    visibility: visible
}

.app-guide[data-v-81f44073] {
    visibility: hidden;
    opacity: 0;
    transform-origin: right;
    transform: translateY(.32rem);
    transition: all .2s ease;
    transition-delay: .15s
}

@media (min-width: 800px) {
    .switch[data-v-cca33bfc]:after {
        box-shadow:0 .01rem .01rem rgba(0,0,0,.24)
    }
}

.drop-active[data-v-9e227849],.drop-active1[data-v-9e227849] {
    opacity: 1;
    transition: all .2s
}

.drop-from[data-v-9e227849],.drop-leave-to[data-v-9e227849] {
    opacity: 0;
    transform: translateY(10%)
}

.logo[data-v-9cb53300] {
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%
}

@media (max-width: 1200px) {
    #side-sheet[data-v-63a3e543] {
        position:absolute;
        right: 0;
        z-index: 1
    }

    .reader-activ2[data-v-63a3e543],.reader-activ3[data-v-63a3e543] {
        opacity: 1;
        transition: transform .4s,opacity .4s
    }

    .reader-from1[data-v-63a3e543],.reader-to1[data-v-63a3e543] {
        opacity: 0;
        transform: translate(-50%)
    }
}

@media (min-width: 1200px) {
    .reader-activ2[data-v-63a3e543] {
        width:0;
        overflow: hidden;
        transition: width .3s
    }

    .reader-to2[data-v-63a3e543] {
        width: 4rem
    }

    .reader-activ3[data-v-63a3e543] {
        width: 4rem;
        overflow: hidden;
        transition: width .3s
    }

    .reader-to1[data-v-63a3e543] {
        width: 0
    }
}

.container[data-v-a1f732c8]::-webkit-scrollbar {
    display: none
}

.container[data-v-a1f732c8] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.side-button:hover {
    background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
}

.side-button:active {
    background-image: linear-gradient(to top,var(--on-image-surface-black-8),var(--on-image-surface-black-8))
}

.side-button {
    background-color: var(--on-image-surface-black-4);
    display: block;
    font-size: .12rem;
    line-height: .16rem;
    margin-left: -.2rem;
    padding: .04rem;
    bottom: 16.666667%;
    color: var(--surface-gray-500);
    width: .2rem
}

:root {
    --sai-bottom: 0
}

html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    background-color: var(--background-gray-100)
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
    :root {
        --sai-bottom: constant(safe-area-inset-bottom)
    }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
    :root {
        --sai-bottom: env(safe-area-inset-bottom)
    }
}

@media (hover: none) {
    .active-a60:active {
        opacity:.6
    }
}

.noise-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAAAAXNSR0IArs4c6QAAAWlJREFUeNqlloFtwzAMBFU0PxF34k5eoUtktBZVnBysixEEUWBD+idpUnrTGXNkhPvt18awXZjKyE5BE5ix8sw6IEQHfKA1kZoMF5ZNnndqy1k2vae+wTAjMBPIp+sY3QJP1JADaXtvFjv4LR1TFKA5GD4suFSQcGEhjPWRn2+zKpRLT0hBwSo3lRerdpScpbMQCgZS2cH4tHQwerJVPIQjUVBH9wFTPOMgxnRwObhWLLkKlpaJA8TnpDxBwEv1r8Uo+ImegDVX4DBXKKWt3mQnZRRMlxZ7vfxDra6j0vD8vKUtKvJ79Pt1X9W6XxZNTvphhYxcGEjneWncGVH3pM2kAs6Qlq4XDIus4x2qDKieYEsz0nTAYd96MelYZEEgElZxnJtEa4mefZpr7hHGsLLmS2uDVgPGEUadgBxwrn3zwRwGhkU2NVqy6fUEbRs1CruoCM5zlPaIIL6/biLs0edft/d7IfjhT9gfL6wnSxDYPyIAAAAASUVORK5CYII=);
    background-attachment: scroll
}

#reader {
    font-family: system-ui,"-apple-system",Segoe UI,Roboto,Emoji,Helvetica,Arial,sans-serif;
    fill: currentColor;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    color: inherit
}

#reader a,#reader button {
    cursor: pointer
}

.reader-scroll {
    overflow: overlay!important
}

.reader-scroll::-webkit-scrollbar {
    --tw-bg-opacity: 0;
    background-color: rgba(0,0,0,var(--tw-bg-opacity))
}

.reader-scroll::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
}

.reader-scroll::-webkit-scrollbar-thumb {
    -webkit-background-clip: content-box;
    background-clip: content-box;
    background-color: var(--surface-gray-100);
    --tw-border-opacity: 0;
    border-color: rgba(0,0,0,var(--tw-border-opacity));
    border-radius: .08rem;
    border-style: solid;
    border-width: .02rem
}

.hidden-scroll::-webkit-scrollbar {
    display: none
}

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

@font-face {
    font-family: Yuewen Font;
    src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAi8AAwAAAAACwgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAAIpAAAABYAAAAWABMAEU9TLzIAAAYwAAAATQAAAGB7vMaJY21hcAAABoAAAAA+AAAATKKvr71nYXNwAAAInAAAAAgAAAAI//8AA2dseWYAAAEcAAAERQAABTJ44nYfaGVhZAAABagAAAAzAAAANiDO2ZtoaGVhAAAGEAAAAB8AAAAkDgQFU2htdHgAAAXcAAAAMgAAAEQ6CQUnbG9jYQAABYQAAAAkAAAAJApiC9xtYXhwAAAFZAAAAB4AAAAgAF0Aam5hbWUAAAbAAAABngAAAwzbGlXBcG9zdAAACGAAAAA7AAAATDwapI942j2UbUxbVRjHz7lvHXuDSm/rFBilo9VZgb7cVloo4wK1dLbbB/ZiUNYgmSY6hjqwrJoh6czoIGFLZB+GAz5sHxZM6pgxy4TxARP6YVt8q3O5RibLon5ATcQQoAefcwsk99zz9pzz/J7/89yLtqLbpJl1CTbEolwkol3IhJ5HEqpE1SiAUL5Ra8SSUXSIJtEomSStRPtSmPLrqw7JQNdELNExrEBPT7g3bDT0oPs2E8ucxY/Il71xHIqncIgsyjLeRibi8VRcJos4lGqQUzKsT8ipFN3o78ehuwOCbWmvZkddXVCWg2Ri4Nv6xsavYVg3sJY6W0/+me8oOzY2T67Oz48duyHLLXV1LQhhdHTtCY6gBYgJldIIImQJb1kgSwgxsHePneXTEO1uhFCxQS9qdRqh2GKWtE43V6IRYG7Q290umFuwG9+ItbXFSBje+JvfPDabh7749KXoSKZpJHoJemZ8JNrg94UzTWGfH3pmPOzboHjMTyEBJiaN6NY68GMlmVT4KatiXeGyFipLGVhQzw7J5XY57MCk0+zEuVhQHxDQ6HbVYB+mDcCcFjOT93OsTWHKvR3veiu4nIb9W9l9iejg02xH5o7wmk3Lfa7TRF7NzXkjxqeHoleYsMfv9x4QtXvbX9/Oha4N3iq6o2x5z6vj7+/K6RpqfM468sEQZQ6AOg+AyEa12SDKAgmQYH12VAJqmUSYFLt9uBqby7NUzB9UJ0o157UFa86wfbX7XfLvskth3unFyV6pkulncU9bFungS36/5+A5l1VhrM5zQV8g4Auyn52+eNH7aZB/1MXgTuVKdF1H9l/QcSfVEdSgdSaZtCatkc1dIG5mjzI8rJBf+KmVm0lFUXA/OaWeopFMoVKoYtYAnFTXPIhiE94BSc6zmF+gGucbpasvP8Q5Zw50eqqrPZ3tVXaFOf7R979+eOJEbE5oaeKeZV7kp1YfFjD2cCBE0qFAvQdwTw1e7sMzfZcZI8ZWhdZXYN3vDviaKK8g6lAxykMmSLBdrxNKzE7mh7/JeQvehk9DoS9OlhYYZxKJmQRcf+FI6yR8DOoO9yBBl9FmnaiVlANXQj2ws6TwT/xd5jzbwWuXf+RWwTe7mT0RaruMZhCc6w07sYogOc0WH5ace+yQQ8CQnPl2QxFeH0OamWkyuhyoCR3N+j8SrgkQfL07Oh69VyVVykDT6Kvg08vJ5jHvvlvHVdDJN7+q9Y41J4u6Dx2ORg8fIrhw98na1kSiteH9QkNWjycqk6qHqgTojh3YpZJk9bhLPlEvKy0gK3/hLksmnRUkTRbpDpcZZk+CMuVZQRgUxxyOcKMQsYZqLDq00HAEkq9wowopUMAmsnaTf4VfBRvAoJLRJsLfAJpJ0DCs6al8F5+30sP1rH5M7nNzZBbXZ1b/2/5M4/WfpsN6vmo6E5iezlRMs4Pt3eQLcg2/jd9q/R929pbLAAAAeNpjYGRgYBBkSGfgYgABJiBmZACJOYD5DAAO+QDIAAAAAABqAGoAagBqAHgArQC+AQcBUQFsAagB0gHmAjACWgJsApl42mNgZGBgYGJg2NT31D6e3+YrAzcHAwjcne6hDKP/v/knxjaFzQnI5QCpZWAAAEtOC8MAeNpjfs2wmwEImFYBcQQDA+MOhggWBYYIpgMQGog9oDQyG0R7MD5haGFdwJAAAIWBC2UAAHjaY2BkYGBv/GcIJFX+v/n/hm0KA1AEBQgCAJpJBmYAeNpjYGbJZ5zAwMrAwGrMcoaBgWEmhGY6w5DGXASkuYFSMMDIgARCvcP9GBQYFAKd2Qz/RTMGsDcyngcqEQTJse5j3QekFBgYAUsuDH0AAAB42mNgYGBiYGBgBmIRIMkIplkYLIA0FwMHUI6JQYFBj8Eq0Pn/f6AYiG0AYv9//P/a/6vrzoJ1QAEAQ3oNtQAAeNqNkM1KAzEUhU9q/UMQ/MGFIGQhLoQOmYGp1rqpghvBhVBt3VUb22KclJlpta/hA7jvTnDnw/gYrj2diVjFhTPc3O/mnHsTAmAV7xDIvxIjZ4ElVjkXUMS+4xls4dBxEWtoOp5FAON4jjOfHS+y48XxCubxyloUF1ld4c2xwIZYd1zAgth1PIMDETguYkcYx7NoiyfHc9gWH45ZFTYdr2C5II9tfxT3Ot1UjmWg/D15PZLNesOTNWNkJiQy1omOh7rtNQf6QUfyxEbpkTXtwFNKVeunl2fVXJkIpXPdGZhWPOWVbutCx0nPRjLv69r0xkZD6XvK81Wlet+60za91Y+ahtArh2Gl/MfYesMRjmHRxwgxeuigixQSY0YABR97pGuqku9fRwMeqcb3N8zfHUlWaWbNPOTaprOJAemBEVE/4TkRvUfMhnpAh8r+Kief4hJnpOmer44Szll3qBi0OP/vufKX6yK7S8I72sw3fV6XeyluMmVIzc80j1mhQv2eE+7YP3HdMj8y8gkho8w1pK/8z9tO3u3H3ieEKIqUAAB42mNgYgCDf2cZ0hiwAUEgZmRgYmAGsoQZRBhEGcQYxBkkGCQZpBikGWQYZBmZ2EvzMk0NTYwBuMMFhwAAAAAB//8AAgABAAAADAAAAAAAAAACAAEAAwAQAAEAAA==) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: ywr-icon;
    src: url(https://imgservices-1252317822.image.myqcloud.com/coco/s06152023/cbc95f02.296ufc.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: ywr-icon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-alipay:before {
    content: ""
}

.icon-circle:before {
    content: ""
}

.icon-remove:before {
    content: ""
}

.icon-bookmark:before {
    content: ""
}

.icon-error:before {
    content: ""
}

.icon-bold3:before {
    content: ""
}

.icon-number:before {
    content: ""
}

.icon-photo:before {
    content: ""
}

.icon-qq:before {
    content: ""
}

.icon-smile:before {
    content: ""
}

.icon-fill:before {
    content: ""
}

.icon-thumb-up:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-voice:before {
    content: ""
}

.icon-wechat:before {
    content: ""
}

.icon-yuan:before {
    content: ""
}

.icon-shelf:before {
    content: ""
}

.icon-right:before {
    content: ""
}

.icon-bold:before {
    content: ""
}

.icon-audio:before {
    content: ""
}

.icon-subs:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-cart:before {
    content: ""
}

.icon-round:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-bold2:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-comment:before {
    content: ""
}

.icon-dark:before {
    content: ""
}

.icon-empty:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-light:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-loading:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-moon:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-pen:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-bold1:before {
    content: ""
}

.icon-setting:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-top:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-vote:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.slide-active,.slide-active1 {
    opacity: 1;
    transition: transform .3s,opacity .3s
}

.slide-from,.slide-to {
    opacity: 0;
    transform: translateY(.32rem)
}

.fade-active,.fade-active1 {
    opacity: 1;
    transition: opacity .2s
}

.fade-from,.fade-leave-to {
    opacity: 0
}

#left-container {
    left: calc(50% - var(--width) / 2)
}

#right-container {
    left: calc(50% + var(--width) / 2)
}

@media (min-width: 1200px) {
    .side-open #left-container,.side-open #right-container,.side-open #reader-content {
        transform:translate(calc(var(--side-width) * -.5))
    }
}

@supports (-ms-user-select: none) {
    .side-open #left-container,.side-open #right-container,.side-open #reader-content {
        transition:none!important
    }
}

.reader[data-width=resp] {
    min-width: calc(var(--width) + 1.66rem);
    --width: 100vw;
    --side-width: 0
}

@media (min-width: 800px) {
    .reader[data-width=resp] {
        min-width:calc(var(--width) + 1.66rem);
        --width: 6.4rem
    }
}

@media (min-width: 1000px) {
    .reader[data-width=resp] {
        min-width:calc(var(--width) + 1.66rem);
        --width: 8rem
    }
}

@media (min-width: 1200px) {
    .reader[data-width=resp] {
        min-width:calc(var(--width) + var(--side-width) + 1.66rem);
        --width: 8rem
    }
}

@media (min-width: 1400px) {
    .reader[data-width=resp] {
        min-width:calc(var(--width) + var(--side-width) + 1.66rem);
        --width: 10rem
    }
}

@media (min-width: 1860px) {
    .reader[data-width=resp] {
        min-width:calc(var(--width) + var(--side-width) + 1.66rem);
        --width: 12.8rem
    }
}

.book[data-v-781d53bc] {
    width: calc((100% - 1.2rem) / 6)
}

@media (max-width: 800px) {
    .book[data-v-781d53bc] {
        width:calc((100% - .32rem)/4)
    }

    .bottom-btn[data-v-781d53bc] {
        box-shadow: 0 -.08rem .12rem rgba(204,204,204,.25)
    }
}

.slide-active4[data-v-bf1ca683],.slide-active5[data-v-bf1ca683] {
    transition: transform .2s
}

.slide-from3[data-v-bf1ca683],.slide-to3[data-v-bf1ca683] {
    transform: translate(-100%)
}

.stretch-acti4[data-v-0efe9778],.stretch-acti5[data-v-0efe9778] {
    max-height: 1.8rem;
    transition: max-height .1s ease-out
}

.stretch-from2[data-v-0efe9778],.stretch-to2[data-v-0efe9778] {
    max-height: 0
}

.stretch-activ[data-v-b60f8c66],.stretch-acti1[data-v-b60f8c66] {
    max-height: .66rem;
    transition: max-height .25s ease-in-out
}

.stretch-from[data-v-b60f8c66],.stretch-to[data-v-b60f8c66] {
    max-height: 0
}

.stretch-acti2[data-v-b60f8c66],.stretch-acti3[data-v-b60f8c66] {
    max-height: 1.8rem;
    transition: max-height .25s ease-in-out
}

.stretch-from1[data-v-b60f8c66],.stretch-to1[data-v-b60f8c66] {
    max-height: 0
}

.reader-active[data-v-9eab85f5],.reader-activ1[data-v-9eab85f5] {
    transition: transform .35s
}

.reader-from[data-v-9eab85f5],.reader-to[data-v-9eab85f5] {
    transform: translateY(100%)
}

.item[data-v-0bfa9ca7]:first-child:nth-last-child(n+4),.item:first-child:nth-last-child(n+4)~.item[data-v-0bfa9ca7] {
    margin-right: .12rem
}

.item[data-v-0bfa9ca7]:last-child {
    margin-right: 0!important
}

.auto-switch[data-v-0bfa9ca7] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.449 3.184a1 1 0 1 0-1.898.632l2.765 8.133c.128.383.328.727.582 1.02l-1.069 2.137A2 2 0 0 0 6.618 18H11a1 1 0 1 0 0-2H6.618l1.023-2.045c.17.03.344.045.521.045h8.676a3 3 0 0 0 2.846-2.051l1.658-4.974A1.5 1.5 0 0 0 19.919 5H5.089l-.64-1.816zM5.795 7h13.43l-1.439 4.316a1 1 0 0 1-.948.684H8.162a1 1 0 0 1-.948-.684C6.729 9.864 6.302 8.44 5.794 7zM8 20.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z' fill='%234C4C4C'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.reader-active[data-v-82d1646d],.reader-activ1[data-v-82d1646d] {
    transition: transform .35s
}

.reader-from[data-v-82d1646d],.reader-to[data-v-82d1646d] {
    transform: translateY(-100%)
}

.num-word-cut[data-v-3cbf52b3] {
    position: absolute;
    bottom: 0;
    left: -.07rem;
    right: -.07rem;
    display: flex;
    justify-content: center;
    color: transparent;
    transform-origin: bottom;
    transform: scale(.5);
    background: var(--surface-gray-500)
}

.num-word-cut>.num[data-v-3cbf52b3] {
    display: inline-block;
    line-height: .875;
    font-family: system-ui;
    font-weight: 700;
    border: .02rem solid;
    position: relative;
    overflow: hidden
}

.num-word-cut>.num[data-v-3cbf52b3]:not(:first-child) {
    margin-left: -.01rem
}

.num-word-cut>.num[data-v-3cbf52b3]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--background-gray-50)
}

.num0[data-v-3cbf52b3]:before {
    clip-path: polygon(0 0,100% 0,100% 100%,60% 100%,60% 20%,40% 20%,40% 80%,calc(60% - .0001rem) 80%,calc(60% - .0001rem) 100%,0% 100%)
}

.num1[data-v-3cbf52b3] {
    text-indent: -.2em
}

.num2[data-v-3cbf52b3]:before,.num5[data-v-3cbf52b3]:before {
    clip-path: polygon(0 0,100% 0,100% 60%,50% 60%,50% 80%,100% 80%,100% 100%,0 100%,0% 40%,50% 40%,50% 20%,0% 20%)
}

.num3[data-v-3cbf52b3]:before {
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%,0% 80%,50% 80%,50% 60%,0% 60%,0% 40%,50% 40%,50% 20%,0% 20%)
}

.num4[data-v-3cbf52b3]:before {
    clip-path: polygon(0 0,40% 0,40% 50%,60% 50%,60% 0%,100% 0%,100% 100%,60% 100%,60% 70%,0% 70%)
}

.num5[data-v-3cbf52b3]:before {
    transform: scaleX(-1)
}

.num6[data-v-3cbf52b3]:before,.num9[data-v-3cbf52b3]:before {
    clip-path: polygon(0% 0%,100% 0%,100% 20%,calc(40% - .0001rem) 20%,calc(40% - .0001rem) 80%,60% 80%,60% 60%,40% 60%,40% 40%,100% 40%,100% 100%,0% 100%)
}

.num7[data-v-3cbf52b3]:before {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,50% 100%,50% 20%,0% 20%)
}

.num8[data-v-3cbf52b3]:before {
    clip-path: polygon(0% 0%,calc(40% - .0001rem) 0%,calc(40% - .0001rem) 40%,60% 40%,60% 20%,40% 20%,40% 0%,100% 0%,100% 100%,40% 100%,40% 80%,60% 80%,60% 60%,calc(40% - .0001rem) 60%,calc(40% - .0001rem) 100%,0% 100%)
}

.num9[data-v-3cbf52b3]:before {
    transform: scale(-1)
}

@supports not (inset: 0) {
    .num-word-cut>.num[data-v-3cbf52b3]:before {
        left:0;
        right: 0;
        top: 0;
        bottom: 0
    }
}

.content[data-type=cjk].r-encrypt p {
    text-indent: initial
}

.content[data-type=cjk] p {
    margin-top: .8em;
    word-break: break-all;
    word-wrap: break-word
}

.content[data-type=cjk] p.trans {
    text-indent: 2em
}

.content[data-type=cjk] p[class^=p] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.content p {
    color: var(--surface-gray-900)
}

body[data-theme=dark] .content p>* {
    color: var(--surface-gray-900)!important
}

.print.enable-review .content-text {
    text-underline-offset: .25em;
    cursor: pointer
}

.print.enable-review .review {
    display: inline-block
}

.print.enable-review .review-conten {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.print .review {
    cursor: pointer;
    display: none;
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
    height: .16rem;
    line-height: 1.4;
    margin-bottom: .4em;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    width: .24rem;
    text-indent: 0
}

.print h1 .review {
    margin-bottom: .3em;
    margin-left: .08rem
}

.print .review-count {
    font-size: .12rem;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--surface-gray-700);
    width: 100%;
    z-index: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    --tw-translate-x: -46.666667%;
    --tw-translate-y: -50%;
    font-family: Yuewen Font,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important
}

.print .review-tri {
    margin-left: -.06rem;
    position: absolute;
    top: 100%;
    left: 50%;
    color: var(--on-image-surface-black-4);
    margin-top: calc(.4em + .06rem)
}

.print .review[data-type=hot] .review-count {
    color: var(--primary-red-500)
}

.print .review-icon {
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='17' viewBox='0 0 25 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 14.5v-12a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v7.528a2 2 0 0 1-.211.894l-2.065 4.13a1 1 0 0 0 .894 1.448H22a2 2 0 0 0 2-2z' stroke='%23CCC'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 96%;
    background: var(--surface-gray-300);
    width: .24rem;
    height: .16rem;
    position: absolute;
    left: 0;
    top: 0
}

.print .review[data-type=hot] .review-icon {
    background: var(--primary-red-300)
}

@media (hover: hover) {
    .print.enable-review .review:hover .review-count {
        color:var(--on-image-bw-white)!important
    }

    .print.enable-review .review:hover .review-icon {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 15V3a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v7.528a2 2 0 0 1-.211.894l-2.065 4.13A1 1 0 0 0 1.618 17H22a2 2 0 0 0 2-2z' fill='gray' stroke='gray'/%3E%3C/svg%3E");
        background: var(--surface-gray-500)
    }

    .print.enable-review .review[data-type=hot]:hover .review-icon {
        background: var(--primary-red-500)
    }

    .print .review-conten:hover {
        background-image: linear-gradient(to top,var(--on-image-surface-black-4),var(--on-image-surface-black-4))
    }

    .print .review-conten:active {
        background-image: linear-gradient(to top,var(--on-image-surface-black-8),var(--on-image-surface-black-8))
    }
}

.print .review-conten {
    background-color: var(--on-image-surface-black-4);
    border-radius: .08rem;
    cursor: pointer;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .14rem;
    line-height: .22rem;
    margin-top: .14rem;
    padding: .08rem .1rem;
    color: var(--surface-gray-900)
}

.print .review-conten .hot-content {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "SourceHanSansSC-Regular","SourceHanSansCN-Regular","PingFangSC-Regular","Microsoft YaHei",system-ui,"-apple-system",Segoe UI,Roboto,Emoji,Helvetica,Arial,sans-serif!important
}

.print .review-conten img {
    border-color: var(--outline-black-8);
    border-radius: 100%;
    border-width: .01rem;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: .28rem;
    margin-right: .06rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: .28rem
}

.r-font-black {
    font-family: "SourceHanSansSC-Regular","SourceHanSansCN-Regular","PingFangSC-Regular","Microsoft YaHei",system-ui,"-apple-system",Segoe UI,Roboto,Emoji,Helvetica,Arial,sans-serif
}

.r-font-song {
    font-family: SourceHanSerifSC-Regular,SourceHanSerifCN-Regular,STSong,Simsun,system-ui,-apple-system,Georgia,Times New Roman,Times,serif
}

.r-font-kai {
    font-family: STKaiti,Kaiti,Kaiti SC,system-ui,-apple-system,Georgia,Times New Roman,Times,serif
}

.r-medium {
    font-family: "SourceHanSansSC-Medium","SourceHanSansCN-Medium","PingFangSC-Medium","Microsoft YaHei",system-ui,"-apple-system",Segoe UI,Roboto,Emoji,Helvetica,Arial,sans-serif
}

.r-medium1 {
    font-family: SourceHanSerifSC-Medium,SourceHanSerifCN-Medium,STSong,Simsun,system-ui,-apple-system,Georgia,Times New Roman,Times,serif
}

.r-medium2 {
    font-family: STKaiti,Kaiti,Kaiti SC,system-ui,-apple-system,Georgia,Times New Roman,Times,serif
}

@media (max-width: 800px) {
    .lock-mask {
        -webkit-mask-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        max-height: 12em;
        overflow: hidden
    }
}

.bookmark[data-v-f233f990] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='26' height='36' viewBox='0 0 26 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 34.39V0h26v34.39a1 1 0 0 1-1.443.896l-10.67-5.276a2 2 0 0 0-1.774 0l-10.67 5.276A1 1 0 0 1 0 34.39z' fill='%23E5353E'/%3E%3C/svg%3E");
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%
}

.download:hover .download-popu[data-v-f063ea55] {
    opacity: 1;
    transform: translate(-50%) scale(1);
    transition-delay: 0ms;
    visibility: visible
}

.download-popu[data-v-f063ea55] {
    visibility: hidden;
    opacity: 0;
    transform-origin: bottom;
    transform: translate(-50%) scale(.7);
    transition: all .2s ease;
    transition-delay: .15s
}

#content[data-type=western] p {
    margin-top: .8em;
    letter-spacing: .01em
}

.font-serif[data-v-c7af21f0] {
    font-family: Lora,Georgia,Times New Roman,Times,serif
}

@media (max-width: 800px) {
    .lock-mask[data-v-c7af21f0] {
        -webkit-mask-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        max-height: 12em;
        overflow: hidden
    }
}

.gear-checkbox[data-v-5d5432a0] {
    background: no-repeat center/.1rem url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.411 1.015a.917.917 0 0 0-1.296.007L3.668 5.515 2.024 3.626A.917.917 0 0 0 .641 4.83l2.057 2.363a1.25 1.25 0 0 0 1.764.122l.004-.004.03-.027.031-.03L9.418 2.31a.917.917 0 0 0-.007-1.296z' fill='%23fff'/%3E%3C/svg%3E"),var(--primary-red-500)
}

.cover[data-v-8f6d58f8] {
    box-shadow: 0 .01rem .12rem rgba(59,63,71,.1)
}

.yuewen-symbol[data-v-8f6d58f8] {
    -webkit-mask-image: url(/images/mask.svg);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%
}

.packet[data-v-2d010ea6] {
    background-size: 100% 100%;
    background-image: url(//bossaudioandcomic-1252317822.file.myqcloud.com/yux-reader/945f527ac23043049a01fe57759805c5.png)
}

.open-btn[data-v-2d010ea6] {
    background-size: 100% 100%;
    background-image: url(//bossaudioandcomic-1252317822.file.myqcloud.com/yux-reader/e0c11fdd7d9a4e9c8f5e651783b6b8df.png);
    animation: bounding-2d010ea6 .7s infinite
}

.open-btn-1[data-v-2d010ea6] {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(/images/bg1.png)
}

.float-btn[data-v-2d010ea6] {
    background-size: 100% 100%;
    background-image: url(//bossaudioandcomic-1252317822.file.myqcloud.com/yux-reader/cff086416d284cd0a488b335b0a9dffb.png)
}

.float-btn[data-style="3"][data-v-2d010ea6] {
    background-image: url(/images/bg2.png)
}

.scroll-contai[data-v-2d010ea6] {
    background-size: 100% 100%;
    background-image: url(/images/bg3.png)
}

.scroll-txt[data-v-2d010ea6] {
    text-align: center;
    font-size: .72rem;
    line-height: 1rem;
    margin: auto;
    -webkit-text-stroke: .01rem #fff5e5;
    text-shadow: .02rem .02rem 0 rgba(255,65,65,.7);
    position: relative;
    opacity: 0
}

.scroll-txt[data-v-2d010ea6]:before {
    content: attr(data-num);
    position: absolute;
    background-image: linear-gradient(341.75deg,#ff912b -14.11%,#ff3737 13.24%,#ff6f6f 75.29%,#fff3b3 116.09%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2
}

.scroll-txt-1[data-v-2d010ea6] {
    -webkit-animation: scroll-txt-1-ani-2d010ea6 2.5s ease-in-out .4s 1 alternate forwards;
    animation: scroll-txt-1-ani-2d010ea6 2.5s ease-in-out .4s 1 alternate forwards
}

.scroll-txt-2[data-v-2d010ea6] {
    -webkit-animation: scroll-txt-2-ani-2d010ea6 2.5s ease-in-out .4s 1 alternate forwards;
    animation: scroll-txt-2-ani-2d010ea6 2.5s ease-in-out .4s 1 alternate forwards
}

.shrink-active[data-v-2d010ea6],.shrink-activ1[data-v-2d010ea6] {
    opacity: 1;
    transition: transform .3s,opacity .3s
}

.shrink-from[data-v-2d010ea6],.shrink-to[data-v-2d010ea6] {
    opacity: 0;
    transform: translate(calc(50vw - .32rem),calc(50vh - .8rem)) scale(.1)
}

.font-HYRY[data-v-2d010ea6] {
    font-family: HYRunYuan
}

@keyframes bounding-2d010ea6 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scroll-txt-1-ani-2d010ea6 {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    to {
        transform: translateY(-10rem);
        opacity: 1
    }
}

@keyframes scroll-txt-2-ani-2d010ea6 {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    to {
        transform: translateY(-6rem);
        opacity: 1
    }
}

.emoji-panel[data-v-29dfa5ee] {
    filter: drop-shadow(0 .03rem .16rem rgba(0,0,0,.12))
}

.icon-emoji[data-v-29dfa5ee] {
    background-size: .28rem!important
}

.icon-emoji[data-v-29dfa5ee]:hover {
    background-color: var(--on-image-surface-black-4)
}

.icon-emoji[data-v-29dfa5ee]:active {
    background-color: var(--on-image-surface-black-8)
}

.image-contain[data-v-7ae63af5] {
    background: radial-gradient(100% 100% at 100% 0%,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%)
}

.review-writer {
    background: no-repeat .03rem center/.12rem url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVCSURBVHgBnVZtbFNVGH7Pubff69iYpbAMGAMlWRVDGmP4Idb4y4TFxFiMbmpC4hKjJmowAUPSu2g0QVTiUCIfAUwwCCRAkEQWyWYIYQIVAnRIlNLAHGNl69q7tvf2ng/Pue0YY0OBk5x7z317zvM+7+cpggceHNlPDtDRAUgT62gz2LJQH3D5jsXEJoQ4PNjgiPPy1DSOI5FutX+QP5/O8IPDWZ4Rkw+P8nN/XeMLIcoVwQDdP7S9maOoOBiJcHVgmH84kuUjApTZwBOTDY7wznA7d2jAsTyj/h9rqBgajQL+uAOaggHYpiJYToUcT+WIhOxJZwbUw+1x4FvCRP1v5tLPHei5nmfxpu2RpbXVcBRhqLF/YoAkR4ylgYCkiSISklAuB2kFMh6KoGN6CySwiBGSQezpieGvv4elfh90CXmNAM4xJKlCNS/vLQcdQB/V2f4T5+hmYiKkuppBE3J8L/aa1iHAAX+yEZpq/HBUiGoIhZO5PHQxEOACUSizyTAGunzXVOFVTyyC0DhGjMc4nsq+HFAt0YzaP8jXzaqDLkGvtlhg24az7HefB16uGMkZH7cW/GJWM8b7D/1aPKG6OHcngUv3TlEgnblyJeBQX0hZEvKtUxDM1wvsK70AY3Uz8PuszBjJGFRcc/tcTud7f/wlP5oxAsy2IBbjd8VAsNcAJQfieEPn4wscTngnX2AbbgzTy4/OdWy12Vboy4VciyADIXAplyVdLe+NfulVPKTOAfxkE9hK1Mmusdmjs7Nn4Ib5jnVWiW3t6jX3tzzj2SeZ20cEoGXxAcuEy4bFBi5dsY65HEC6/6DnXAolPgr05tjfDJ5eJKv5tgIkPzRNQ8naGO58ZVGjqsDyFe03nzq0OXhGgM6tsLafqoLqnVVQ70cKBB9RWgW9/qJBXvrtuNsycIHOGMoy4Qk7yfCEAfI7BkYGUP1s9kZvwnpx1xeBj4ReG9zOFpGSjI1HuHxOFlvqH6J9umMoOZgvWUYyQ+LxJBv3zKQgJxKAAr4UNgx+Ma8D9nvx6jvAJ01pjVCOrg2Q1W+tHT1SUr3EZZo0EBhinK+cXkE6DSiVAmj9PHtk2VL1oA0OFcA7UgaVs0Y/faHY2rY2u4e6SlZVtkSCpQYSiURYeWO5mypl/8iWgPDOFKCF/qD6zZpZr7ud6DVUyRQ7YyrTqQIXBXd6z1Fj1cYdxnmnw1kS32ahUCCXGmpo97eTWzUez2Hp/1Aggg23iv0eWMP5BGlF9BuHKvOfn+o9b735wrvp1t0HilcRsswcv1Wq4hat0xupFoIpd4BaBuJIpmfeB3j723VtQjRPNjHBVi+a/Jhow3/+sN84cKqPZBguEIURy0Ju0+8Cyw+NpZPX40RrmUOnu2hUm70orojwfyl5A3u8c9bK4jFNtrNzl77p+Fkzi7CLi/KnlFFCFWR5q/2iAgzLr+eJ/liSRpuSLBYL83G/32WB6JpCyT7R73esn9MilvNEZe5tWz0Y83jcYovFnV4fsQxGDJ6jHuolTr1AjXSGBBLNtCfSyONbwve8IlUZwB4NcD6Vwl7X/DbRna73niUbmFstGSUnM1iBwphJXFWDrNCfpWrDMgq1cZ44HKYXuZ2qMB3zCRcJ94QHAH32ar2oXrTCstj67366dbWKeWlx5iCFkttywUwaSM9kARdAJCQbxs9whofv62JXo4l9CEJRtKDeucTr4tdOXSG7vYpJmIktGAESHLrJWloa7ADaXCugoq3A/Qz7Iu8Tmeg2bqhjIw4FFgOM9lPmXxwkDRd6aHd3hD7EX5Db41+k9eQjQIFIhgAAAABJRU5ErkJggg==),#4c70ff
}

.down {
    transform: scaleY(-1)
}

.icon-emoji {
    display: inline-block;
    vertical-align: text-bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center
}

.review-input[data-v-0fa089e1] {
    box-shadow: 0 -.02rem .14rem var(--sd16)
}