/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body {
    margin:0
}
main {
    display:block
}
h1 {
    font-size:2em;
    margin:.67em 0
}
hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:bolder
}
code,
kbd,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button,
input,
optgroup,
select,
textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
input {
    overflow:visible
}
button,
select {
    text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:1px dotted ButtonText
}
fieldset {
    padding:.35em .75em .625em
}
legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress {
    vertical-align:baseline
}
textarea {
    overflow:auto
}
[type=checkbox],
[type=radio] {
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
details {
    display:block
}
summary {
    display:list-item
}
[hidden],
template {
    display:none
}
html {
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
body {
    font-family:Helvtical,microsoft yahei,PingFang SC,sans-serif;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-size:12px/*!px*/
}
.dark-mode body {
    background:#232323!important
}
a {
    color:#007aff;
    text-decoration:none
}
.fl-left {
    float:left
}
.clearfix {
    clear:both
}
.table-wrap {
    display:table;
    height:100%
}
.table-cell {
    display:table-cell;
    vertical-align:middle
}
.hide {
    display:none!important
}
.body-wrap .tc-opera .tc-fg-item,
.unselectable,
.unselectable:focus,
a:focus,
div:focus,
input:focus,
p:focus {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none
}
a:focus,
div:focus,
input:focus,
p:focus {
    -webkit-user-modify:read-write-plaintext-only
}
@-webkit-keyframes opacity2 {
    0% {
        opacity:0
    }
    12% {
        opacity:1
    }
    to {
        opacity:1
    }
}
@keyframes opacity2 {
    0% {
        opacity:0
    }
    12% {
        opacity:1
    }
    to {
        opacity:1
    }
}
.vnish {
    -webkit-animation:2s opacity2 0s infinite;
    animation:2s opacity2 0s infinite
}
@-webkit-keyframes shake {
    10%,
    90% {
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
    }
    20%,
    80% {
        -webkit-transform:translate3d(3px,0,0);
        transform:translate3d(3px,0,0)
    }
    30%,
    50%,
    70% {
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
    }
    40%,
    60% {
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
}
@keyframes shake {
    10%,
    90% {
        -webkit-transform:translate3d(-1px,0,0);
        transform:translate3d(-1px,0,0)
    }
    20%,
    80% {
        -webkit-transform:translate3d(3px,0,0);
        transform:translate3d(3px,0,0)
    }
    30%,
    50%,
    70% {
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
    }
    40%,
    60% {
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
}
@-webkit-keyframes dot0 {
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        left:12px
    }
}
@keyframes dot0 {
    to {
        -webkit-transform:scale(1);
        transform:scale(1);
        left:12px
    }
}
@-webkit-keyframes dot1 {
    to {
        left:28px
    }
}
@keyframes dot1 {
    to {
        left:28px
    }
}
@-webkit-keyframes dot2 {
    to {
        left:43px
    }
}
@keyframes dot2 {
    to {
        left:43px
    }
}
@-webkit-keyframes dot3 {
    80% {
        left:45px
    }
    to {
        -webkit-transform:scale(.2);
        transform:scale(.2);
        left:47px
    }
}
@keyframes dot3 {
    80% {
        left:45px
    }
    to {
        -webkit-transform:scale(.2);
        transform:scale(.2);
        left:47px
    }
}
@font-face {
    font-family:tcapicon;
    src:url("/tcapicon.eot");
    src:url("/tcapicon.eot?#iefix") format("embedded-opentype"),
    url("/tcapicon.woff") format("woff"),
    url("/tcapicon.ttf") format("truetype"),
    url("/tcapicon.svg#tcapicon") format("svg");
    font-weight:400;
    font-style:normal
}
html {
    width:100%;
    height:100%
}
.body-wrap {
    padding:0 15px;
    font-size:18px
}
.body-wrap,
.body-wrap .tc-title-wrap {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.body-wrap .tc-title-wrap {
    height:36px
}
.body-wrap .tc-title-wrap .tc-title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:36px;
    font-size:18px;
    margin:0
}
.body-wrap .tc-title-wrap .tc-title .tc-instruction-icon {
    position:relative;
    opacity:0;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
.body-wrap .tc-title-wrap .tc-title.error {
    color:#c9353f
}
.body-wrap .tc-title-wrap .tc-title.error .tc-instruction-icon,
.body-wrap .tc-title-wrap .tcaptcha-embed {
    display:none
}
.body-wrap .tc-title-wrap .middle-fontsize {
    font-size:16px
}
.body-wrap .tc-title-wrap .small-fontsize {
    font-size:14px
}
.body-wrap .tc-title-wrap .small-fontsize.multi-line {
    line-height:18px
}
.body-wrap .tc-cover {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:4;
    background:hsla(0,0%,100%,.8)
}
.body-wrap .tc-watermark-area {
    display:none;
    position:absolute;
    z-index:10;
    bottom:0;
    right:0;
    color:#fff;
    font-size:10px;
    text-align:center;
    padding:2px;
    background-color:rgba(0,0,0,.2);
    pointer-events:none;
    opacity:.6
}
.body-wrap .tc-opera {
    position:relative;
    background-color:#fff;
    overflow:hidden
}
.body-wrap .tc-opera .tc-fg-item {
    opacity:0;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
.body-wrap .tc-opera.opera-border {
    border:1px solid #f3f3f3
}
.body-wrap .tc-opera .tc-slider-normal {
    position:absolute;
    text-align:center;
    -webkit-border-radius:999px;
    border-radius:999px;
    font-size:0
}
.body-wrap .tc-opera .tc-slider-normal .tc-slider-bg {
    display:inline-block;
    pointer-events:none;
    vertical-align:middle
}
.body-wrap .tc-opera .tc-slider-normal .tc-blank-text {
    display:inline-block;
    width:0;
    vertical-align:middle
}
.body-wrap .tc-opera .tc-slider-ie {
    position:absolute;
    width:68px;
    height:38px;
    display:block
}
.body-wrap .tc-opera .tc-slider-ie .tc-iconfont-btn {
    background-color:transparent;
    font-family:tcapicon;
    font-size:90px;
    line-height:1;
    zoom:1;
    fill:#1a79ff;
    color:#007aff;
    position:absolute;
    top:-26px;
    left:-10px
}
.body-wrap .tc-opera .tc-slider-ie .tc-slider-bg {
    width:20px;
    height:14px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-10px;
    margin-top:-7px
}
.body-wrap .tc-opera .tc-click-mark {
    display:block;
    position:absolute;
    z-index:1;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-color:#007dfa;
    cursor:pointer
}
.body-wrap .tc-opera .tc-click-mark-number {
    width:100%;
    height:100%;
    color:#fff;
    font-weight:700;
    text-align:center;
    cursor:pointer
}
.body-wrap .tc-imgarea {
    width:100%;
    position:relative
}
.body-wrap .tc-loading {
    display:none
}
.body-wrap .tc-loading-dots {
    position:relative;
    margin:0 auto;
    width:64px;
    height:10%;
    top:45%;
    z-index:4
}
.body-wrap .tc-loading-dots .tc-loading-dot {
    position:absolute;
    width:10px;
    height:10px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#b3b3b3
}
.body-wrap .tc-loading-dots .dot0 {
    left:9px;
    -webkit-transform:scale(.2);
    -ms-transform:scale(.2);
    transform:scale(.2);
    -webkit-animation:dot0 linear .5s infinite;
    animation:dot0 linear .5s infinite
}
.body-wrap .tc-loading-dots .dot1 {
    left:12px;
    -webkit-animation:dot1 linear .5s infinite;
    animation:dot1 linear .5s infinite
}
.body-wrap .tc-loading-dots .dot2 {
    left:27px;
    -webkit-animation:dot2 linear .5s infinite;
    animation:dot2 linear .5s infinite
}
.body-wrap .tc-loading-dots .dot3 {
    left:42px;
    -webkit-animation:dot3 linear .5s infinite;
    animation:dot3 linear .5s infinite
}
.body-wrap .shake {
    -webkit-animation:shake .4s;
    animation:shake .4s
}
.body-wrap .tc-bg-placeholder {
    width:100%;
    height:auto;
    display:block;
    visibility:hidden
}
.body-wrap .tc-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1
}
.body-wrap .tc-bg .tc-bg-img {
    display:block;
    width:100%;
    height:auto;
    opacity:0;
    -webkit-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
.body-wrap .tc-jpp {
    position:absolute;
    width:100%;
    height:75px;
    top:0;
    z-index:2
}
.body-wrap .tc-jpp .tc-jpp-img {
    position:absolute;
    width:0;
    height:auto;
    left:28px;
    cursor:pointer
}
.body-wrap .tc-fail {
    visibility:hidden;
    background:#efefef;
    cursor:pointer
}
.body-wrap .tc-fail .tc-fail-text {
    color:#999;
    font-size:15px;
    text-align:center;
    padding-top:66px;
    padding-top:25%
}
.body-wrap .tc-fail .tc-fail-btn {
    width:44px;
    height:28px;
    margin:10px auto;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAuCAMAAACmok+8AAAARVBMVEUAAADAwMC/v7+/v7/AwMC/v7+8vLy/v7+/v7+/v7/AwMDAwMC/v7+/v7+/v7+/v7+/v7+/v7/AwMC3t7e/v7/AwMC/v7+h4VMXAAAAFnRSTlMA8UDArX8qJiDf1ce1WvekgDhMEAiBe32EagAAAOBJREFUSMft170SgkAMBOAE7kcEBETz/o8qjjds412RLXXbzHyzyWmBSA5qX3K7yJmr1aMhH4ZWphOQ1VrRLKE6vJ9IsmaCaHU2PJr7ICqN4bO9DwKkddvkR2zCPn4Et41+BLdNBGIr9nEjuG30I7htYpC+IB2DdAXpCQRF/AiKEAiK+BEUIRAUIRAUIZC5IMogWn70I4PY+EEWCrGIf58fse2NzCQy7AeykYgtB7ITCN5Z/QjeefQjeOeFRixK5BHbZuORofMjyEQgyB/5dUR5QyXwSJCkdJGEDwQvEbK8AKRe9ZCnWNz4AAAAAElFTkSuQmCC) no-repeat;
    -webkit-background-size:cover;
    background-size:cover
}
.body-wrap .tc-success {
    visibility:hidden
}
.body-wrap .tc-success .tc-success-icon {
    width:64px;
    height:64px;
    margin:45px auto 0;
    margin:20% auto 0
}
.body-wrap .tc-success .tc-success-icon img {
    width:100%
}
.body-wrap .tc-success .tc-success-text {
    color:#1bc300;
    text-align:center;
    margin-top:16px
}
.body-wrap .tc-error {
    visibility:hidden;
    color:#1c85ff
}
.body-wrap .tc-error .tc-cover-icon {
    width:40px;
    height:40px;
    margin:70px auto 0;
    text-align:center
}
.body-wrap .tc-error .tc-cover-icon line {
    stroke:#1c85ff;
    stroke-linecap:round;
    stroke-width:3
}
.body-wrap .tc-error .tc-error-text {
    line-height:20px;
    text-align:center;
    width:280px;
    margin:0 auto;
    word-break:break-word
}
.body-wrap .tc-error .tc-token {
    font-size:14px;
    padding-top:12px;
    font-size:12px;
    text-align:center
}
.body-wrap .tc-drag {
    margin-top:5px;
    position:relative
}
.body-wrap .tc-drag .tcaptcha-drag-wrap {
    position:absolute;
    top:0;
    height:70px;
    width:70px
}
.body-wrap .tc-drag .tcaptcha-drag-wrap .tcaptcha-drag-el {
    height:300%;
    width:300%
}
.body-wrap .tc-drag .tc-drag-placeholder {
    width:100%;
    height:15px;
    -webkit-border-radius:8px;
    border-radius:8px
}
.body-wrap .tc-status {
    color:#999;
    position:relative
}
.body-wrap .tc-status .tc-status--left {
    float:left
}
.body-wrap .tc-status .tc-status--right {
    float:right
}
.body-wrap .tc-status .tc-note {
    visibility:hidden;
    position:absolute;
    padding-left:8px;
    width:268px;
    height:100%;
    top:0;
    text-align:left;
    font-size:15px;
    line-height:16px;
    color:#999
}
.body-wrap .tc-status .tc-note .tc-note-text {
    display:table-cell;
    vertical-align:middle
}
.body-wrap .tc-status .tc-note.tc-note--error {
    color:#ec1313
}
.body-wrap .tc-status .tc-note-deco {
    visibility:hidden;
    float:left;
    width:1.5px;
    height:16px;
    margin:4px 7px;
    line-height:0;
    font-size:0;
    background:#d9d9d9
}
.body-wrap .aged-icon,
.body-wrap .normal-verify-icon {
    display:none;
    float:left;
    cursor:pointer;
    height:24px;
    height:.667rem;
    font-size:0
}
.body-wrap .aged-icon .exchange-text,
.body-wrap .normal-verify-icon .exchange-text {
    padding-left:8px;
    padding-left:.222rem;
    font-size:16px;
    font-size:.444rem;
    line-height:24px;
    line-height:.667rem;
    vertical-align:top
}
.body-wrap .aged-icon.show,
.body-wrap .normal-verify-icon.show {
    display:block
}
.body-wrap .tc-action.tc-action--aged,
.body-wrap .tc-action.tc-action--normal {
    display:inline-block
}
.body-wrap .tc-action.tc-action--aged img,
.body-wrap .tc-action.tc-action--normal img {
    width:100%
}
.body-wrap .tc-action.verify-btn {
    display:none;
    float:right;
    width:64px;
    width:1.778rem;
    height:32px;
    height:.889rem;
    cursor:pointer;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:#007aff;
    text-align:center;
    vertical-align:center
}
.body-wrap .tc-action.verify-btn .verify-btn-text {
    display:inline-block;
    line-height:32px;
    line-height:.889rem;
    font-size:16px;
    font-size:.444rem;
    color:#fff;
    font-weight:400;
    font-family:PingFang SC
}
.body-wrap .tc-action.show {
    display:block
}
.body-wrap .tc-action.tc-action--feedback,
.body-wrap .tc-action.tc-action--refresh {
    float:left;
    padding-left:20px
}
.body-wrap .tc-action.tc-action--feedback img,
.body-wrap .tc-action.tc-action--refresh img {
    width:100%
}
.body-wrap .tc-action.tc-action--close {
    display:none
}
.body-wrap .tc-action.tc-icon {
    width:24px;
    width:.667rem;
    height:24px;
    height:.667rem;
    cursor:pointer
}
.body-wrap .tc-action.tc-icon .tc-action-icon {
    width:100%;
    height:100%;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat
}
.body-wrap .show-loading .tc-loading {
    display:block
}
.body-wrap .show-company-note .tc-note-deco,
.body-wrap .show-error-tip .tc-note-deco,
.body-wrap .show-error .tc-error,
.body-wrap .show-fail .tc-fail,
.body-wrap .show-success .tc-success {
    visibility:visible
}
.body-wrap .hide-feedback .show-FB {
    display:none
}
.body-wrap .show-embed-lab #e_lab {
    display:block
}
.body-wrap .show-company-note .tcaptcha-note--company,
.body-wrap .show-error-tip .tc-note--error {
    visibility:visible
}
.body-wrap .show-company-note.show-error-tip .tcaptcha-note--company {
    visibility:hidden
}
.type-embed .tc-captcha,
.type-popup .tc-captcha {
    width:100%
}
.type-embed .tc-captcha .body-wrap,
.type-popup .tc-captcha .body-wrap {
    padding:0 10px
}
.type-embed .tc-captcha .tc-header-wrap,
.type-popup .tc-captcha .tc-header-wrap {
    display:none
}
.type-embed .tc-captcha .tc-popup-header-wrap,
.type-popup .tc-captcha .tc-popup-header-wrap {
    padding:16px 0 2px 10px;
    padding:.444rem 0 .056rem .278rem;
    color:#1a79ff
}
.type-embed .tc-captcha .tc-popup-header-wrap .tc-popup-title,
.type-popup .tc-captcha .tc-popup-header-wrap .tc-popup-title {
    color:#999;
    font-size:14px;
    font-size:.389rem;
    line-height:14px;
    line-height:.389rem
}
.type-embed .tc-captcha .tc-popup-header-wrap .tc-popup-title:focus,
.type-popup .tc-captcha .tc-popup-header-wrap .tc-popup-title:focus {
    outline:none
}
.type-embed .tc-captcha .body-wrap .tc-note,
.type-popup .tc-captcha .body-wrap .tc-note {
    width:224px
}
.type-embed .tc-captcha .body-wrap .hide-feedback .tc-note,
.type-popup .tc-captcha .body-wrap .hide-feedback .tc-note {
    width:262px;
    left:0;
    padding-left:0
}
.type-embed .tc-captcha .body-wrap .tc-action--close,
.type-popup .tc-captcha .body-wrap .tc-action--close {
    display:block;
    position:fixed;
    top:16px;
    right:16px
}
@media(max-width:330px) {
    .body-wrap .tc-title-wrap {
        height:32px
    }
    .body-wrap .tc-title-wrap .tc-title {
        line-height:32px;
        font-size:16px
    }
    .body-wrap .tc-title-wrap .middle-fontsize {
        font-size:14px
    }
    .body-wrap .tc-title-wrap .small-fontsize {
        font-size:12px
    }
    .body-wrap .tc-title-wrap .small-fontsize.multi-line {
        line-height:16px
    }
    .body-wrap .tc-fail .tc-fail-text {
        font-size:14px;
        padding-top:52px;
        padding-top:25%
    }
    .body-wrap .tc-fail .tc-fail-btn {
        width:35px;
        height:22px;
        margin:10px auto
    }
    .body-wrap .tc-success .tc-success-icon {
        width:51px;
        height:51px;
        margin:36px auto 0;
        margin:20% auto 0
    }
    .body-wrap .tc-success .tc-success-text {
        font-size:14px;
        margin-top:13px
    }
    .body-wrap .tc-error .tc-cover-icon {
        width:32px;
        height:32px;
        margin:56px auto 0
    }
    .body-wrap .tc-error .tc-error-text {
        line-height:16px;
        font-size:14px;
        width:224px
    }
    .body-wrap .tc-error .tc-token {
        font-size:14px;
        padding-top:12px;
        font-size:12px
    }
}
.body-wrap .tc-opera .tc-fg-item,
.unselectable {
    user-drag:none;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-drag:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
.pointer {
    cursor:pointer
}
.right-to-left {
    display:block!important;
    text-align:right!important
}
.type-popup .body-wrap .tc-title-wrap {
    padding-right:24px;
    padding-right:.667rem
}
.hover-tip {
    background-color:#222;
    color:#fff;
    padding:3px 5px;
    position:fixed;
    -webkit-border-radius:3px;
    border-radius:3px;
    z-index:1
}
.type-embed .tc-captcha .tc-popup-header-wrap {
    display:none
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap {
    height:26px;
    overflow:hidden;
    position:relative
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tc-title {
    font-weight:400;
    line-height:26px;
    font-size:12px;
    font-family:PingFang SC;
    margin:0
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed {
    display:block;
    position:absolute;
    top:0;
    right:0
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl {
    float:right;
    color:#b3b3b3;
    cursor:pointer;
    font-size:12px;
    height:16px;
    width:24px;
    border:1px solid #999;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-align:center;
    margin:4px 0 4px 6px;
    position:relative
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl .status-hover,
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl .status-normal {
    display:none;
    height:11px;
    position:absolute;
    top:2px;
    left:7px
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl .status-hover.show,
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl .status-normal.show {
    display:block
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .tcaptcha-embed-contrl.hide {
    display:none
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .aged-icon.show,
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .normal-verify-icon.show,
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .verify-btn.show {
    display:block
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .verify-btn {
    display:none;
    float:right;
    margin:4px 0 4px 6px;
    width:40px;
    height:18px;
    cursor:pointer;
    -webkit-border-radius:3px;
    border-radius:3px;
    background:#007aff;
    text-align:center;
    font-size:12px
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .tcaptcha-embed .verify-btn .verify-btn-text {
    line-height:18px;
    font-size:12px;
    font-weight:400;
    color:#fff;
    font-family:PingFang SC
}
.type-embed .tc-captcha .body-wrap .tc-title-wrap .multi-line {
    line-height:13px
}
.type-embed .tc-captcha .body-wrap .tc-status {
    display:none
}
.type-embed .tc-captcha .body-wrap .tc-opera {
    padding:0!important
}
.type-embed .tc-captcha .body-wrap .tc-opera .tc-slider-ie {
    width:56px;
    height:32px
}
.type-embed .tc-captcha .body-wrap .tc-opera .tc-slider-ie .tc-iconfont-btn {
    font-size:76px;
    top:-22px
}
.type-embed .tc-captcha .body-wrap .tc-opera .tc-slider-ie .tc-slider-bg {
    width:16px;
    height:11px;
    margin-top:-5.5px;
    margin-left:-8px
}
.type-full .tc-header-wrap {
    height:52px;
    padding:0 15px;
    border-bottom:1px solid #e6e6e6;
    /*!no*/overflow:hidden
}
.type-full .tc-header-wrap .tc-header {
    height:52px;
    width:100%;
    padding:0 100px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.type-full .tc-header-wrap .tc-header .left,
.type-full .tc-header-wrap .tc-header .middle,
.type-full .tc-header-wrap .tc-header .right {
    float:left;
    height:100%;
    position:relative
}
.type-full .tc-header-wrap .tc-header .middle {
    width:100%;
    text-align:center;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.type-full .tc-header-wrap .tc-header .left {
    margin-left:-100%;
    left:-100px;
    width:100px
}
.type-full .tc-header-wrap .tc-header .left .go-back {
    font-size:14px
}
.type-full .tc-header-wrap .tc-header .right {
    margin-left:-100px;
    right:-100px;
    width:100px
}
.type-full .tc-header-wrap .tc-header .go-back-icon line {
    stroke:#1c85ff;
    stroke-linecap:round;
    stroke-width:2
}
.type-full .tc-header-wrap .tc-header .backup-text {
    height:20px;
    padding-left:6px;
    font-size:16px;
    line-height:20px;
    color:#007aff
}
.type-full .tc-header-wrap .tc-header .tc-header-title {
    color:#333;
    font-size:20px;
    line-height:52px;
    font-weight:700;
    word-break:normal
}
.type-full .tc-header-wrap .tc-header .tc-header-title.small-fontsize {
    font-size:16px
}
.type-full .tc-header-wrap .tc-header .tc-header-title.small-fontsize.multi-line {
    line-height:26px
}
.type-full .tc-popup-header-wrap {
    display:none
}
.type-full .body-wrap .tc-title-wrap {
    height:40px;
    padding-right:0
}
.type-full .body-wrap .tc-title-wrap .tc-title {
    font-size:20px;
    line-height:40px
}
.type-full .body-wrap .tc-title-wrap .middle-fontsize {
    font-size:18px
}
.type-full .body-wrap .tc-title-wrap .small-fontsize {
    font-size:16px
}
.type-full .body-wrap .tc-title-wrap .small-fontsize.multi-line {
    line-height:20px
}
.type-full .body-wrap .tc-status {
    margin-top:10px
}
.type-full .body-wrap .tc-status .tc-action.tc-icon {
    height:22px;
    width:22px
}
.type-full .body-wrap .tc-status .tc-action.verify-btn {
    width:64px;
    height:32px;
    margin-top:-5px
}
.type-full .body-wrap .tc-status .tc-action.verify-btn .verify-btn-text {
    line-height:32px;
    font-size:16px
}
.type-full .body-wrap .tc-status .aged-icon,
.type-full .body-wrap .tc-status .normal-verify-icon {
    height:22px
}
.type-full .body-wrap .tc-status .aged-icon .exchange-text,
.type-full .body-wrap .tc-status .normal-verify-icon .exchange-text {
    font-size:16px;
    vertical-align:top;
    line-height:22px
}
.type-full .body-wrap .hide-feedback .tc-note {
    width:300px;
    left:0;
    padding-left:0
}
.type-full.noHeader .tc-header-wrap {
    display:none
}
@media(max-width:330px) {
    .type-full .tc-header-wrap {
        height:44px
    }
    .type-full .tc-header-wrap .tc-header {
        height:44px;
        padding:0 85px
    }
    .type-full .tc-header-wrap .tc-header .left {
        left:-85px;
        width:85px;
        margin-right:-85px
    }
    .type-full .tc-header-wrap .tc-header .right {
        margin-left:-85px;
        right:-85px;
        width:85px
    }
    .type-full .tc-header-wrap .tc-header .backup-text {
        font-size:14px
    }
    .type-full .tc-header-wrap .tc-header .tc-header-title {
        font-size:16px;
        line-height:44px
    }
    .type-full .tc-header-wrap .tc-header .tc-header-title.small-fontsize {
        font-size:14px
    }
    .type-full .tc-header-wrap .tc-header .tc-header-title.small-fontsize.multi-line {
        line-height:22px
    }
    .type-full .body-wrap .tc-title-wrap .tc-title {
        font-size:16px
    }
    .type-full .body-wrap .tc-status {
        margin-top:6px
    }
    .type-full .body-wrap .tc-status .tc-action.tc-icon {
        height:20px;
        width:20px
    }
    .type-full .body-wrap .tc-status .tc-action.verify-btn {
        width:52px;
        height:26px;
        margin-top:-3px
    }
    .type-full .body-wrap .tc-status .tc-action.verify-btn .verify-btn-text {
        line-height:26px;
        font-size:14px
    }
    .type-full .body-wrap .tc-status .aged-icon,
    .type-full .body-wrap .tc-status .normal-verify-icon {
        height:20px
    }
    .type-full .body-wrap .tc-status .aged-icon .exchange-text,
    .type-full .body-wrap .tc-status .normal-verify-icon .exchange-text {
        padding-left:6px;
        font-size:14px;
        vertical-align:top;
        line-height:20px
    }
}
@media(min-width:460px) {
    .type-full .body-wrap {
        max-width:340px;
        margin:0 auto;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
}
.loading .tc-title-wrap .tc-title {
    display:block;
    width:50%;
    line-height:26px!important;
    font-size:12px!important
}
.loading .tc-header-title,
.loading .tc-popup-title,
.loading .tc-title {
    color:#efefef!important;
    background:#efefef!important
}
.loading .tc-drag .tc-drag-placeholder,
.loading .tc-imgarea {
    background:#efefef!important
}
.loading .tc-header-title {
    font-size:18px!important
}
.loading .fl-left,
.loading .tc-cover,
.loading .tc-drag-button {
    display:none!important
}
.loading .tc-action-icon {
    background:#efefef!important
}
.loading .tc-action--feedback {
    display:none!important
}
.dark-mode .tc-title {
    color:#fff
}
.dark-mode .tc-header-wrap .tc-header .tc-header-title {
    color:#999
}
.dark-mode .body-wrap .tc-opera {
    background-color:#232323
}
/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x:0;
            --tw-translate-y:0;
            --tw-translate-z:0;
            --tw-rotate-x:initial;
            --tw-rotate-y:initial;
            --tw-rotate-z:initial;
            --tw-skew-x:initial;
            --tw-skew-y:initial;
            --tw-border-style:solid;
            --tw-leading:initial;
            --tw-font-weight:initial;
            --tw-shadow:0 0 #0000;
            --tw-shadow-color:initial;
            --tw-shadow-alpha:100%;
            --tw-inset-shadow:0 0 #0000;
            --tw-inset-shadow-color:initial;
            --tw-inset-shadow-alpha:100%;
            --tw-ring-color:initial;
            --tw-ring-shadow:0 0 #0000;
            --tw-inset-ring-color:initial;
            --tw-inset-ring-shadow:0 0 #0000;
            --tw-ring-inset:initial;
            --tw-ring-offset-width:0px;
            --tw-ring-offset-color:#fff;
            --tw-ring-offset-shadow:0 0 #0000;
            --tw-duration:initial;
            --tw-ease:initial;
            --tw-contain-size:initial;
            --tw-contain-layout:initial;
            --tw-contain-paint:initial;
            --tw-contain-style:initial
        }
    }
}
@layer theme {
    :root,
    :host {
        --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-500:oklch(63.7% .237 25.331);
        --color-black:#000;
        --color-white:#fff;
        --spacing:.25rem;
        --text-xs:.75rem;
        --text-xs--line-height:calc(1/.75);
        --text-sm:.875rem;
        --text-sm--line-height:calc(1.25/.875);
        --text-lg:1.125rem;
        --text-lg--line-height:calc(1.75/1.125);
        --text-2xl:1.5rem;
        --text-2xl--line-height:calc(2/1.5);
        --font-weight-semibold:600;
        --radius-md:.375rem;
        --radius-lg:.5rem;
        --ease-in-out:cubic-bezier(.4,0,.2,1);
        --animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;
        --default-transition-duration:.15s;
        --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
        --default-font-family:var(--font-sans);
        --default-mono-font-family:var(--font-mono);
        --color-base-400:#222;
        --color-base-500:#131313;
        --color-content-100:#fff;
        --color-content-200:#969696;
        --color-content-300:#adadad;
        --color-content-500:#646464;
        --color-separator-100:#3a3a3a;
        --color-separator-200:#eee;
        --text-xs-1:.6875rem;
        --text-sm-1:.8125rem;
        --text-md-1:.9375rem
    }
}
@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    ::file-selector-button {
        box-sizing:border-box;
        border:0 solid;
        margin:0;
        padding:0
    }
    html,
    :host {
        -webkit-text-size-adjust:100%;
        tab-size:4;
        line-height:1.5;
        font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings:var(--default-font-feature-settings,normal);
        font-variation-settings:var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color:transparent
    }
    hr {
        height:0;
        color:inherit;
        border-top-width:1px
    }
    abbr:where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration:underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size:inherit;
        font-weight:inherit
    }
    a {
        color:inherit;
        -webkit-text-decoration:inherit;
        text-decoration:inherit
    }
    b,
    strong {
        font-weight:bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings:var(--default-mono-font-feature-settings,normal);
        font-variation-settings:var(--default-mono-font-variation-settings,normal);
        font-size:1em
    }
    small {
        font-size:80%
    }
    sub,
    sup {
        vertical-align:baseline;
        font-size:75%;
        line-height:0;
        position:relative
    }
    sub {
        bottom:-.25em
    }
    sup {
        top:-.5em
    }
    table {
        text-indent:0;
        border-color:inherit;
        border-collapse:collapse
    }
    :-moz-focusring {
        outline:auto
    }
    progress {
        vertical-align:baseline
    }
    summary {
        display:list-item
    }
    ol,
    ul,
    menu {
        list-style:none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align:middle;
        display:block
    }
    img,
    video {
        max-width:100%;
        height:auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    ::file-selector-button {
        font:inherit;
        font-feature-settings:inherit;
        font-variation-settings:inherit;
        letter-spacing:inherit;
        color:inherit;
        opacity:1;
        background-color:#0000;
        border-radius:0
    }
    :where(select:is([multiple],
  [size])) optgroup {
        font-weight:bolder
    }
    :where(select:is([multiple],
  [size])) optgroup option {
        padding-inline-start:20px
    }
    ::file-selector-button {
        margin-inline-end:4px
    }
    ::placeholder {
        opacity:1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }
        @supports (color:color-mix(in lab,red,red)) {
            ::placeholder {
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }
    textarea {
        resize:vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance:none
    }
    ::-webkit-date-and-time-value {
        min-height:1lh;
        text-align:inherit
    }
    ::-webkit-datetime-edit {
        display:inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding:0
    }
    ::-webkit-datetime-edit {
        padding-block:0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0
    }
    ::-webkit-calendar-picker-indicator {
        line-height:1
    }
    :-moz-ui-invalid {
        box-shadow:none
    }
    button,
    input:where([type=button],
  [type=reset],
  [type=submit]) {
        appearance:button
    }
    ::file-selector-button {
        appearance:button
    }
    ::-webkit-inner-spin-button {
        height:auto
    }
    ::-webkit-outer-spin-button {
        height:auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display:none!important
    }
    html {
        text-rendering:optimizeLegibility;
        font-size:16px
    }
    html,
    body,
    #app {
        width:100%;
        height:100%
    }
    @media (prefers-color-scheme:dark) {
        :root:not([data-theme]) {
            color-scheme:dark;
            --color-base-100:oklch(25.33% .016 252.42);
            --color-base-200:oklch(23.26% .014 253.1);
            --color-base-300:oklch(21.15% .012 254.09);
            --color-base-content:oklch(97.807% .029 256.847);
            --color-primary:oklch(58% .233 277.117);
            --color-primary-content:oklch(96% .018 272.314);
            --color-secondary:oklch(65% .241 354.308);
            --color-secondary-content:oklch(94% .028 342.258);
            --color-accent:oklch(77% .152 181.912);
            --color-accent-content:oklch(38% .063 188.416);
            --color-neutral:oklch(14% .005 285.823);
            --color-neutral-content:oklch(92% .004 286.32);
            --color-info:oklch(74% .16 232.661);
            --color-info-content:oklch(29% .066 243.157);
            --color-success:oklch(76% .177 163.223);
            --color-success-content:oklch(37% .077 168.94);
            --color-warning:oklch(82% .189 84.429);
            --color-warning-content:oklch(41% .112 45.904);
            --color-error:oklch(71% .194 13.428);
            --color-error-content:oklch(27% .105 12.094);
            --radius-selector:.5rem;
            --radius-field:.25rem;
            --radius-box:.5rem;
            --size-selector:.25rem;
            --size-field:.25rem;
            --border:1px;
            --depth:1;
            --noise:0
        }
    }
    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme:light;
        --color-base-100:oklch(100% 0 0);
        --color-base-200:oklch(98% 0 0);
        --color-base-300:oklch(95% 0 0);
        --color-base-content:oklch(21% .006 285.885);
        --color-primary:oklch(45% .24 277.023);
        --color-primary-content:oklch(93% .034 272.788);
        --color-secondary:oklch(65% .241 354.308);
        --color-secondary-content:oklch(94% .028 342.258);
        --color-accent:oklch(77% .152 181.912);
        --color-accent-content:oklch(38% .063 188.416);
        --color-neutral:oklch(14% .005 285.823);
        --color-neutral-content:oklch(92% .004 286.32);
        --color-info:oklch(74% .16 232.661);
        --color-info-content:oklch(29% .066 243.157);
        --color-success:oklch(76% .177 163.223);
        --color-success-content:oklch(37% .077 168.94);
        --color-warning:oklch(82% .189 84.429);
        --color-warning-content:oklch(41% .112 45.904);
        --color-error:oklch(71% .194 13.428);
        --color-error-content:oklch(27% .105 12.094);
        --radius-selector:.5rem;
        --radius-field:.25rem;
        --radius-box:.5rem;
        --size-selector:.25rem;
        --size-field:.25rem;
        --border:1px;
        --depth:1;
        --noise:0
    }
    :where(:root:has(.modal-open,
  .modal[open],
  .modal:target,
  .modal-toggle:checked,
  .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
        scrollbar-gutter:stable;
        background-image:linear-gradient(var(--color-base-100),var(--color-base-100));
        --root-bg:var(--color-base-100)
    }
    @supports (color:color-mix(in lab,red,red)) {
        :where(:root:has(.modal-open,
    .modal[open],
    .modal:target,
    .modal-toggle:checked,
    .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
            --root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)
        }
    }
    :where(.modal[open],
  .modal-open,
  .modal-toggle:checked+.modal):not(.modal-start,
  .modal-end) {
        scrollbar-gutter:stable
    }
    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0%;
    }
    :root {
        --fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")
    }
    :root,
    [data-theme] {
        background-color:var(--root-bg,var(--color-base-100));
        color:var(--color-base-content)
    }
    :root {
        scrollbar-color:currentColor #0000
    }
    @supports (color:color-mix(in lab,red,red)) {
        :root {
            scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000
        }
    }
    :root:has(.modal-open,
  .modal[open],
  .modal:target,
  .modal-toggle:checked,
  .drawer:not([class*=drawer-open])>.drawer-toggle:checked) {
        overflow:hidden
    }
    :where(:root),
    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme:light;
        --color-base-100:#fff;
        --color-base-200:#f4f6f7;
        --color-base-300:#e5e5e5;
        --color-base-content:#24252c;
        --color-primary:#e71919;
        --color-primary-content:oklch(93% .034 272.788);
        --color-secondary:oklch(65% .241 354.308);
        --color-secondary-content:oklch(94% .028 342.258);
        --color-accent:oklch(77% .152 181.912);
        --color-accent-content:oklch(38% .063 188.416);
        --color-neutral:oklch(14% .005 285.823);
        --color-neutral-content:oklch(92% .004 286.32);
        --color-info:oklch(74% .16 232.661);
        --color-info-content:oklch(29% .066 243.157);
        --color-success:oklch(76% .177 163.223);
        --color-success-content:oklch(37% .077 168.94);
        --color-warning:oklch(82% .189 84.429);
        --color-warning-content:oklch(41% .112 45.904);
        --color-error:oklch(71% .194 13.428);
        --color-error-content:oklch(27% .105 12.094);
        --radius-selector:.5rem;
        --radius-field:.25rem;
        --radius-box:.5rem;
        --size-selector:.25rem;
        --size-field:.25rem;
        --border:1px;
        --depth:1;
        --noise:0
    }
    :root:has(input.theme-controller[value=dark]:checked),
    [data-theme=dark] {
        color-scheme:dark;
        --color-base-100:#000;
        --color-base-200:#1f1f1f;
        --color-base-300:#4e4e4e;
        --color-base-content:#fff;
        --color-primary:#e71919;
        --color-primary-content:oklch(96% .018 272.314);
        --color-secondary:oklch(65% .241 354.308);
        --color-secondary-content:oklch(94% .028 342.258);
        --color-accent:oklch(77% .152 181.912);
        --color-accent-content:oklch(38% .063 188.416);
        --color-neutral:oklch(14% .005 285.823);
        --color-neutral-content:oklch(92% .004 286.32);
        --color-info:oklch(74% .16 232.661);
        --color-info-content:oklch(29% .066 243.157);
        --color-success:oklch(76% .177 163.223);
        --color-success-content:oklch(37% .077 168.94);
        --color-warning:oklch(82% .189 84.429);
        --color-warning-content:oklch(41% .112 45.904);
        --color-error:oklch(71% .194 13.428);
        --color-error-content:oklch(27% .105 12.094);
        --radius-selector:.5rem;
        --radius-field:.25rem;
        --radius-box:.5rem;
        --size-selector:.25rem;
        --size-field:.25rem;
        --border:1px;
        --depth:1;
        --noise:0
    }
}
@layer components;
@layer utilities {
    .modal {
        pointer-events:none;
        visibility:hidden;
        width:100%;
        max-width:none;
        height:100%;
        max-height:none;
        color:inherit;
        transition:translate .3s ease-out,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;
        overscroll-behavior:contain;
        z-index:999;
        scrollbar-gutter:auto;
        background-color:#0000;
        place-items:center;
        margin:0;
        padding:0;
        display:grid;
        position:fixed;
        inset:0;
        overflow:hidden
    }
    .modal::backdrop {
        display:none
    }
    .modal.modal-open,
    .modal[open],
    .modal:target {
        pointer-events:auto;
        visibility:visible;
        opacity:1;
        background-color:#0006
    }
    :is(.modal.modal-open,
  .modal[open],
  .modal:target) .modal-box {
        opacity:1;
        translate:0;
        scale:1
    }
    @starting-style {
        .modal.modal-open,
        .modal[open],
        .modal:target {
            visibility:hidden;
            opacity:0
        }
    }
    .menu {
        --menu-active-fg:var(--color-neutral-content);
        --menu-active-bg:var(--color-neutral);
        flex-flow:column wrap;
        width:fit-content;
        padding:.5rem;
        font-size:.875rem;
        display:flex
    }
    .menu :where(li ul) {
        white-space:nowrap;
        margin-inline-start:1rem;
        padding-inline-start:.5rem;
        position:relative
    }
    .menu :where(li ul):before {
        background-color:var(--color-base-content);
        opacity:.1;
        width:var(--border);
        content:"";
        inset-inline-start:0;
        position:absolute;
        top:.75rem;
        bottom:.75rem
    }
    .menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
        display:none
    }
    .menu :where(li:not(.menu-title)>:not(ul,
  details,
  .menu-title,
  .btn)),
    .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
        border-radius:var(--radius-field);
        text-align:start;
        text-wrap:balance;
        -webkit-user-select:none;
        user-select:none;
        grid-auto-columns:minmax(auto,max-content) auto max-content;
        grid-auto-flow:column;
        align-content:flex-start;
        align-items:center;
        gap:.5rem;
        padding-block:.375rem;
        padding-inline:.75rem;
        transition-property:color,background-color,box-shadow;
        transition-duration:.2s;
        transition-timing-function:cubic-bezier(0,0,.2,1);
        display:grid
    }
    .menu :where(li>details>summary) {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .menu :where(li>details>summary) {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .menu :where(li>details>summary)::-webkit-details-marker {
        display:none
    }
    :is(.menu :where(li>details>summary),
  .menu :where(li>.menu-dropdown-toggle)):after {
        content:"";
        transform-origin:50%;
        pointer-events:none;
        justify-self:flex-end;
        width:.375rem;
        height:.375rem;
        transition-property:rotate,translate;
        transition-duration:.2s;
        display:block;
        translate:0 -1px;
        rotate:-135deg;
        box-shadow:inset 2px 2px
    }
    .menu :where(li>details[open]>summary):after,
    .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after {
        translate:0 1px;
        rotate:45deg
    }
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn).menu-focus,
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn):focus-visible {
        cursor:pointer;
        background-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
            background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
        }
    }
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn).menu-focus,
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn):focus-visible {
        color:var(--color-base-content);
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
        cursor:pointer;
        background-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
            background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
        }
    }
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
        box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03
    }
    .menu :where(li:empty) {
        background-color:var(--color-base-content);
        opacity:.1;
        height:1px;
        margin:.5rem 1rem
    }
    .menu :where(li) {
        flex-flow:column wrap;
        flex-shrink:0;
        align-items:stretch;
        display:flex;
        position:relative
    }
    .menu :where(li) .badge {
        justify-self:flex-end
    }
    .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
    .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
    .menu :where(li)>details>summary:active {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
        .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
        .menu :where(li)>details>summary:active {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
    .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
    .menu :where(li)>details>summary:active {
        color:var(--menu-active-fg);
        background-color:var(--menu-active-bg);
        background-size:auto,calc(var(--noise)*100%);
        background-image:none,var(--fx-noise)
    }
    :is(.menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>details>summary:active):active) {
        box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)
    }
    .menu :where(li).menu-disabled {
        pointer-events:none;
        color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .menu :where(li).menu-disabled {
            color:color-mix(in oklab,var(--color-base-content)20%,transparent)
        }
    }
    .menu .dropdown:focus-within .menu-dropdown-toggle:after {
        translate:0 1px;
        rotate:45deg
    }
    .menu .dropdown-content {
        margin-top:.5rem;
        padding:.5rem
    }
    .menu .dropdown-content:before {
        display:none
    }
    .dropdown {
        position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);
        display:inline-block;
        position:relative
    }
    .dropdown>:not(summary):focus {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .dropdown>:not(summary):focus {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .dropdown .dropdown-content {
        position:absolute
    }
    .dropdown:not(details,
  .dropdown-open,
  .dropdown-hover:hover,
  :focus-within) .dropdown-content {
        transform-origin:top;
        opacity:0;
        display:none;
        scale:95%
    }
    .dropdown[popover],
    .dropdown .dropdown-content {
        z-index:999
    }
    @media (prefers-reduced-motion:no-preference) {
        .dropdown[popover],
        .dropdown .dropdown-content {
            transition-behavior:allow-discrete;
            transition-property:opacity,scale,display;
            transition-duration:.2s;
            transition-timing-function:cubic-bezier(.4,0,.2,1);
            animation:.2s dropdown
        }
    }
    @starting-style {
        .dropdown[popover],
        .dropdown .dropdown-content {
            opacity:0;
            scale:95%
        }
    }
    :is(.dropdown.dropdown-open,
  .dropdown:not(.dropdown-hover):focus,
  .dropdown:focus-within)>[tabindex]:first-child {
        pointer-events:none
    }
    :is(.dropdown.dropdown-open,
  .dropdown:not(.dropdown-hover):focus,
  .dropdown:focus-within) .dropdown-content {
        opacity:1
    }
    .dropdown.dropdown-hover:hover .dropdown-content {
        opacity:1;
        scale:100%
    }
    .dropdown:is(details) summary::-webkit-details-marker {
        display:none
    }
    :is(.dropdown.dropdown-open,
  .dropdown:focus,
  .dropdown:focus-within) .dropdown-content {
        scale:100%
    }
    .dropdown:where([popover]) {
        background:0 0
    }
    .dropdown[popover] {
        color:inherit;
        position:fixed
    }
    @supports not (position-area:bottom) {
        .dropdown[popover] {
            margin:auto
        }
        .dropdown[popover].dropdown-open:not(:popover-open) {
            transform-origin:top;
            opacity:0;
            display:none;
            scale:95%
        }
        .dropdown[popover]::backdrop {
            background-color:oklab(0% none none/.3)
        }
    }
    .dropdown[popover]:not(.dropdown-open,
  :popover-open) {
        transform-origin:top;
        opacity:0;
        display:none;
        scale:95%
    }
    :where(.btn) {
        width:unset
    }
    .btn {
        cursor:pointer;
        text-align:center;
        vertical-align:middle;
        outline-offset:2px;
        webkit-user-select:none;
        -webkit-user-select:none;
        user-select:none;
        padding-inline:var(--btn-p);
        color:var(--btn-fg);
        --tw-prose-links:var(--btn-fg);
        height:var(--size);
        font-size:var(--fontsize,.875rem);
        outline-color:var(--btn-color,var(--color-base-content));
        background-color:var(--btn-bg);
        background-size:auto,calc(var(--noise)*100%);
        background-image:none,var(--btn-noise);
        border-width:var(--border);
        border-style:solid;
        border-color:var(--btn-border);
        text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
        touch-action:manipulation;
        box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset,var(--btn-shadow);
        --size:calc(var(--size-field,.25rem)*10);
        --btn-bg:var(--btn-color,var(--color-base-200));
        --btn-fg:var(--color-base-content);
        --btn-p:1rem;
        --btn-border:var(--btn-bg);
        border-start-start-radius:var(--join-ss,var(--radius-field));
        border-start-end-radius:var(--join-se,var(--radius-field));
        border-end-end-radius:var(--join-ee,var(--radius-field));
        border-end-start-radius:var(--join-es,var(--radius-field));
        flex-wrap:nowrap;
        flex-shrink:0;
        justify-content:center;
        align-items:center;
        gap:.375rem;
        font-weight:600;
        transition-property:color,background-color,border-color,box-shadow;
        transition-duration:.2s;
        transition-timing-function:cubic-bezier(0,0,.2,1);
        display:inline-flex
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn {
            --btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%))
        }
    }
    .btn {
        --btn-shadow:0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn {
            --btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000)
        }
    }
    .btn {
        --btn-noise:var(--fx-noise)
    }
    .prose .btn {
        text-decoration-line:none
    }
    @media (hover:hover) {
        .btn:hover {
            --btn-bg:var(--btn-color,var(--color-base-200))
        }
        @supports (color:color-mix(in lab,red,red)) {
            .btn:hover {
                --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)
            }
        }
    }
    .btn:focus-visible,
    .btn:has(:focus-visible) {
        isolation:isolate;
        outline-width:2px;
        outline-style:solid
    }
    .btn:active:not(.btn-active) {
        --btn-bg:var(--btn-color,var(--color-base-200));
        translate:0 .5px
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn:active:not(.btn-active) {
            --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%)
        }
    }
    .btn:active:not(.btn-active) {
        --btn-border:var(--btn-color,var(--color-base-200))
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn:active:not(.btn-active) {
            --btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)
        }
    }
    .btn:active:not(.btn-active) {
        --btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0)
    }
    .btn:is(:disabled,
  [disabled],
  .btn-disabled):not(.btn-link,
  .btn-ghost) {
        background-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn:is(:disabled,
    [disabled],
    .btn-disabled):not(.btn-link,
    .btn-ghost) {
            background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
        }
    }
    .btn:is(:disabled,
  [disabled],
  .btn-disabled):not(.btn-link,
  .btn-ghost) {
        box-shadow:none
    }
    .btn:is(:disabled,
  [disabled],
  .btn-disabled) {
        pointer-events:none;
        --btn-border:#0000;
        --btn-noise:none;
        --btn-fg:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .btn:is(:disabled,
    [disabled],
    .btn-disabled) {
            --btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)
        }
    }
    @media (hover:hover) {
        .btn:is(:disabled,
    [disabled],
    .btn-disabled):hover {
            pointer-events:none;
            background-color:var(--color-neutral)
        }
        @supports (color:color-mix(in lab,red,red)) {
            .btn:is(:disabled,
      [disabled],
      .btn-disabled):hover {
                background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)
            }
        }
        .btn:is(:disabled,
    [disabled],
    .btn-disabled):hover {
            --btn-border:#0000;
            --btn-fg:var(--color-base-content)
        }
        @supports (color:color-mix(in lab,red,red)) {
            .btn:is(:disabled,
      [disabled],
      .btn-disabled):hover {
                --btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)
            }
        }
    }
    .btn:is(input[type=checkbox],
  input[type=radio]) {
        appearance:none
    }
    .btn:is(input[type=checkbox],
  input[type=radio]):after {
        content:attr(aria-label)
    }
    .btn:where(input:checked:not(.filter .btn)) {
        --btn-color:var(--color-primary);
        --btn-fg:var(--color-primary-content);
        isolation:isolate
    }
    .collapse>input:is([type=checkbox],
  [type=radio]) {
        appearance:none;
        opacity:0;
        z-index:1;
        grid-row-start:1;
        grid-column-start:1;
        width:100%;
        min-height:1lh;
        padding:1rem;
        padding-inline-end:3rem;
        transition:background-color .2s ease-out
    }
    .collapse:not(td,
  tr,
  colgroup) {
        visibility:visible
    }
    .collapse {
        border-radius:var(--radius-box,1rem);
        isolation:isolate;
        grid-template-rows:max-content 0fr;
        width:100%;
        display:grid;
        position:relative;
        overflow:hidden
    }
    @media (prefers-reduced-motion:no-preference) {
        .collapse {
            transition:grid-template-rows .2s
        }
    }
    .collapse>input:is([type=checkbox],
  [type=radio]) {
        appearance:none;
        opacity:0;
        z-index:1;
        padding:1rem;
        grid-row-start:1;
        grid-column-start:1;
        width:100%;
        min-height:1lh;
        padding-inline-end:3rem;
        transition:background-color .2s ease-out
    }
    .collapse:is([open],
  :focus:not(.collapse-close)),
    .collapse:not(.collapse-close):has(>input:is([type=checkbox],
  [type=radio]):checked) {
        grid-template-rows:max-content 1fr
    }
    .collapse:is([open],
  :focus:not(.collapse-close))>.collapse-content,
    .collapse:not(.collapse-close)>:where(input:is([type=checkbox],
  [type=radio]):checked~.collapse-content) {
        visibility:visible;
        min-height:fit-content
    }
    .collapse:focus-visible,
    .collapse:has(>input:is([type=checkbox],
  [type=radio]):focus-visible) {
        outline-color:var(--color-base-content);
        outline-offset:2px;
        outline-width:2px;
        outline-style:solid
    }
    .collapse:not(.collapse-close)>input[type=checkbox],
    .collapse:not(.collapse-close)>input[type=radio]:not(:checked),
    .collapse:not(.collapse-close)>.collapse-title {
        cursor:pointer
    }
    .collapse:focus:not(.collapse-close,
  .collapse[open])>.collapse-title {
        cursor:unset
    }
    .collapse:is([open],
  :focus:not(.collapse-close))>:where(.collapse-content),
    .collapse:not(.collapse-close)>:where(input:is([type=checkbox],
  [type=radio]):checked~.collapse-content) {
        padding-bottom:1rem
    }
    @media (prefers-reduced-motion:no-preference) {
        .collapse:is([open],
    :focus:not(.collapse-close))>:where(.collapse-content),
        .collapse:not(.collapse-close)>:where(input:is([type=checkbox],
    [type=radio]):checked~.collapse-content) {
            transition:padding .2s ease-out,background-color .2s ease-out
        }
        .collapse[open].collapse-arrow>.collapse-title:after,
        .collapse.collapse-open.collapse-arrow>.collapse-title:after {
            transform:translateY(-50%)rotate(225deg)
        }
    }
    .collapse.collapse-open.collapse-plus>.collapse-title:after {
        content:"−"
    }
    .collapse.collapse-arrow:focus:not(.collapse-close)>.collapse-title:after,
    .collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox],
  [type=radio]):checked~.collapse-title:after {
        transform:translateY(-50%)rotate(225deg)
    }
    .collapse[open].collapse-plus>.collapse-title:after,
    .collapse.collapse-plus:focus:not(.collapse-close)>.collapse-title:after,
    .collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox],
  [type=radio]):checked~.collapse-title:after {
        content:"−"
    }
    .collapse:is(details) {
        width:100%
    }
    .collapse:is(details) summary {
        display:block;
        position:relative
    }
    .collapse:is(details) summary::-webkit-details-marker {
        display:none
    }
    .collapse:is(details) summary {
        outline:none
    }
    .collapse-content {
        visibility:hidden;
        min-height:0;
        cursor:unset;
        grid-row-start:2;
        grid-column-start:1;
        padding-left:1rem;
        padding-right:1rem
    }
    @media (prefers-reduced-motion:no-preference) {
        .collapse-content {
            transition:visibility .2s,padding .2s ease-out,background-color .2s ease-out
        }
    }
    .collapse {
        visibility:collapse
    }
    .invisible {
        visibility:hidden
    }
    .visible {
        visibility:visible
    }
    .toast {
        translate:var(--toast-x,0)var(--toast-y,0);
        inset-inline:auto 1rem;
        background-color:#0000;
        flex-direction:column;
        gap:.5rem;
        width:max-content;
        max-width:calc(100vw - 2rem);
        display:flex;
        position:fixed;
        top:auto;
        bottom:1rem
    }
    @media (prefers-reduced-motion:no-preference) {
        .toast>* {
            animation:.25s ease-out toast
        }
    }
    .toast:where(.toast-start) {
        --toast-x:0;
        inset-inline:1rem auto
    }
    .toast:where(.toast-center) {
        --toast-x:-50%;
        inset-inline:50%
    }
    .toast:where(.toast-end) {
        --toast-x:0;
        inset-inline:auto 1rem
    }
    .toast:where(.toast-bottom) {
        --toast-y:0;
        top:auto;
        bottom:1rem
    }
    .toast:where(.toast-middle) {
        --toast-y:-50%;
        top:50%;
        bottom:auto
    }
    .toast:where(.toast-top) {
        --toast-y:0;
        top:1rem;
        bottom:auto
    }
    .input {
        cursor:text;
        border:var(--border)solid #0000;
        appearance:none;
        background-color:var(--color-base-100);
        vertical-align:middle;
        white-space:nowrap;
        width:clamp(3rem,20rem,100%);
        height:var(--size);
        touch-action:manipulation;
        border-color:var(--input-color);
        box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        border-start-start-radius:var(--join-ss,var(--radius-field));
        border-start-end-radius:var(--join-se,var(--radius-field));
        border-end-end-radius:var(--join-ee,var(--radius-field));
        border-end-start-radius:var(--join-es,var(--radius-field));
        flex-shrink:1;
        align-items:center;
        gap:.5rem;
        padding-inline:.75rem;
        font-size:.875rem;
        display:inline-flex;
        position:relative
    }
    @supports (color:color-mix(in lab,red,red)) {
        .input {
            box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset
        }
    }
    .input {
        --size:calc(var(--size-field,.25rem)*10);
        --input-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .input {
            --input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)
        }
    }
    .input:where(input) {
        display:inline-flex
    }
    .input :where(input) {
        appearance:none;
        background-color:#0000;
        border:none;
        width:100%;
        height:100%;
        display:inline-flex
    }
    .input :where(input):focus,
    .input :where(input):focus-within {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .input :where(input):focus,
        .input :where(input):focus-within {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .input :where(input[type=url]),
    .input :where(input[type=email]) {
        direction:ltr
    }
    .input :where(input[type=date]) {
        display:inline-flex
    }
    .input:focus,
    .input:focus-within {
        --input-color:var(--color-base-content);
        box-shadow:0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .input:focus,
        .input:focus-within {
            box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)
        }
    }
    .input:focus,
    .input:focus-within {
        outline:2px solid var(--input-color);
        outline-offset:2px;
        isolation:isolate;
        z-index:1
    }
    .input:has(>input[disabled]),
    .input:is(:disabled,
  [disabled]),
    fieldset:disabled .input {
        cursor:not-allowed;
        border-color:var(--color-base-200);
        background-color:var(--color-base-200);
        color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .input:has(>input[disabled]),
        .input:is(:disabled,
    [disabled]),
        fieldset:disabled .input {
            color:color-mix(in oklab,var(--color-base-content)40%,transparent)
        }
    }
    :is(.input:has(>input[disabled]),
  .input:is(:disabled,
  [disabled]),
  fieldset:disabled .input)::placeholder {
        color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        :is(.input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]),
    fieldset:disabled .input)::placeholder {
            color:color-mix(in oklab,var(--color-base-content)20%,transparent)
        }
    }
    .input:has(>input[disabled]),
    .input:is(:disabled,
  [disabled]),
    fieldset:disabled .input {
        box-shadow:none
    }
    .input:has(>input[disabled])>input[disabled] {
        cursor:not-allowed
    }
    .input::-webkit-date-and-time-value {
        text-align:inherit
    }
    .input[type=number]::-webkit-inner-spin-button {
        margin-block:-.75rem;
        margin-inline-end:-.75rem
    }
    .input::-webkit-calendar-picker-indicator {
        position:absolute;
        inset-inline-end:.75em
    }
    .input:has(>input[type=date]) :where(input[type=date]) {
        webkit-appearance:none;
        appearance:none;
        display:inline-flex
    }
    .input:has(>input[type=date]) input[type=date]::-webkit-calendar-picker-indicator {
        cursor:pointer;
        width:1em;
        height:1em;
        position:absolute;
        inset-inline-end:.75em
    }
    .countdown {
        display:inline-flex
    }
    .countdown.countdown {
        line-height:1em
    }
    .countdown>* {
        height:1em;
        display:inline-block;
        overflow-y:hidden
    }
    .countdown>:before {
        content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a";
        white-space:pre;
        top:calc(var(--value)*-1em);
        text-align:center;
        transition:all 1s cubic-bezier(1,0,0,1);
        position:relative
    }
    .select {
        border:var(--border)solid #0000;
        appearance:none;
        background-color:var(--color-base-100);
        vertical-align:middle;
        width:clamp(3rem,20rem,100%);
        height:var(--size);
        touch-action:manipulation;
        text-overflow:ellipsis;
        box-shadow:0 1px var(--input-color) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);
        background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);
        background-repeat:no-repeat;
        background-size:4px 4px,4px 4px;
        border-start-start-radius:var(--join-ss,var(--radius-field));
        border-start-end-radius:var(--join-se,var(--radius-field));
        border-end-end-radius:var(--join-ee,var(--radius-field));
        border-end-start-radius:var(--join-es,var(--radius-field));
        flex-shrink:1;
        align-items:center;
        gap:.375rem;
        padding-inline:.75rem 1.75rem;
        font-size:.875rem;
        display:inline-flex;
        position:relative
    }
    @supports (color:color-mix(in lab,red,red)) {
        .select {
            box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000) inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1)) inset
        }
    }
    .select {
        border-color:var(--input-color);
        --input-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .select {
            --input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)
        }
    }
    .select {
        --size:calc(var(--size-field,.25rem)*10)
    }
    [dir=rtl] .select {
        background-position:12px calc(1px + 50%),16px calc(1px + 50%)
    }
    .select select {
        appearance:none;
        width:calc(100% + 2.75rem);
        height:calc(100% - calc(var(--border)*2));
        background:inherit;
        border-radius:inherit;
        border-style:none;
        align-items:center;
        margin-inline:-1rem -1.75rem;
        padding-inline:.75rem 1.75rem
    }
    .select select:focus,
    .select select:focus-within {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .select select:focus,
        .select select:focus-within {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .select select:not(:last-child) {
        background-image:none;
        margin-inline-end:-1.375rem
    }
    .select:focus,
    .select:focus-within {
        --input-color:var(--color-base-content);
        box-shadow:0 1px var(--input-color)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .select:focus,
        .select:focus-within {
            box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)
        }
    }
    .select:focus,
    .select:focus-within {
        outline:2px solid var(--input-color);
        outline-offset:2px;
        isolation:isolate;
        z-index:1
    }
    .select:has(>select[disabled]),
    .select:is(:disabled,
  [disabled]),
    fieldset:disabled .select {
        cursor:not-allowed;
        border-color:var(--color-base-200);
        background-color:var(--color-base-200);
        color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .select:has(>select[disabled]),
        .select:is(:disabled,
    [disabled]),
        fieldset:disabled .select {
            color:color-mix(in oklab,var(--color-base-content)40%,transparent)
        }
    }
    :is(.select:has(>select[disabled]),
  .select:is(:disabled,
  [disabled]),
  fieldset:disabled .select)::placeholder {
        color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        :is(.select:has(>select[disabled]),
    .select:is(:disabled,
    [disabled]),
    fieldset:disabled .select)::placeholder {
            color:color-mix(in oklab,var(--color-base-content)20%,transparent)
        }
    }
    .select:has(>select[disabled])>select[disabled] {
        cursor:not-allowed
    }
    @supports (appearance:base-select) {
        .select,
        .select select {
            appearance:base-select
        }
        :is(.select,
    .select select)::picker(select) {
            appearance:base-select
        }
    }
    :is(.select,
  .select select)::picker(select) {
        color:inherit;
        border:var(--border)solid var(--color-base-200);
        border-radius:var(--radius-box);
        background-color:inherit;
        max-height:min(24rem,70dvh);
        box-shadow:0 2px calc(var(--depth)*3px) -2px #0003;
        box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth)*.1)),0 8px 10px -6px rgb(0 0 0/calc(var(--depth)*.1));
        margin-block:.5rem;
        padding:.5rem
    }
    :is(.select,
  .select select)::picker-icon {
        display:none
    }
    :is(.select,
  .select select) optgroup {
        padding-top:.5em
    }
    :is(.select,
  .select select) optgroup option:first-child {
        margin-top:.5em
    }
    :is(.select,
  .select select) option {
        border-radius:var(--radius-field);
        padding-block:.375rem;
        padding-inline:.75rem;
        transition-property:color,background-color;
        transition-duration:.2s;
        transition-timing-function:cubic-bezier(0,0,.2,1)
    }
    :is(.select,
  .select select) option:not(:disabled):hover,
    :is(.select,
  .select select) option:not(:disabled):focus-visible {
        cursor:pointer;
        background-color:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
        :is(.select,
    .select select) option:not(:disabled):hover,
        :is(.select,
    .select select) option:not(:disabled):focus-visible {
            background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
        }
    }
    :is(.select,
  .select select) option:not(:disabled):hover,
    :is(.select,
  .select select) option:not(:disabled):focus-visible {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        :is(.select,
    .select select) option:not(:disabled):hover,
        :is(.select,
    .select select) option:not(:disabled):focus-visible {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    :is(.select,
  .select select) option:not(:disabled):active {
        background-color:var(--color-neutral);
        color:var(--color-neutral-content);
        box-shadow:0 2px calc(var(--depth)*3px) -2px var(--color-neutral)
    }
    .collapse-title {
        grid-row-start:1;
        grid-column-start:1;
        width:100%;
        min-height:1lh;
        padding:1rem;
        padding-inline-end:3rem;
        transition:background-color .2s ease-out;
        position:relative
    }
    .avatar {
        vertical-align:middle;
        display:inline-flex;
        position:relative
    }
    .avatar>div {
        aspect-ratio:1;
        display:block;
        overflow:hidden
    }
    .avatar img {
        object-fit:cover;
        width:100%;
        height:100%
    }
    .checkbox {
        border:var(--border)solid var(--input-color,var(--color-base-content))
    }
    @supports (color:color-mix(in lab,red,red)) {
        .checkbox {
            border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000))
        }
    }
    .checkbox {
        cursor:pointer;
        appearance:none;
        border-radius:var(--radius-selector);
        vertical-align:middle;
        color:var(--color-base-content);
        box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1)) inset,0 0 #0000 inset,0 0 #0000;
        --size:calc(var(--size-selector,.25rem)*6);
        width:var(--size);
        height:var(--size);
        background-size:auto,calc(var(--noise)*100%);
        background-image:none,var(--fx-noise);
        flex-shrink:0;
        padding:.25rem;
        transition:background-color .2s,box-shadow .2s;
        display:inline-block;
        position:relative
    }
    .checkbox:before {
        --tw-content:"";
        content:var(--tw-content);
        opacity:0;
        clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);
        width:100%;
        height:100%;
        box-shadow:0 3px oklch(100% 0 0/calc(var(--depth)*.1)) inset;
        background-color:currentColor;
        font-size:1rem;
        line-height:.75;
        transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;
        display:block;
        rotate:45deg
    }
    .checkbox:focus-visible {
        outline:2px solid var(--input-color,currentColor);
        outline-offset:2px
    }
    .checkbox:checked,
    .checkbox[aria-checked=true] {
        background-color:var(--input-color,#0000);
        box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px oklch(0% 0 0/calc(var(--depth)*.1))
    }
    :is(.checkbox:checked,
  .checkbox[aria-checked=true]):before {
        clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);
        opacity:1
    }
    @media (forced-colors:active) {
        :is(.checkbox:checked,
    .checkbox[aria-checked=true]):before {
            --tw-content:"✔︎";
            clip-path:none;
            background-color:#0000;
            rotate:none
        }
    }
    @media print {
        :is(.checkbox:checked,
    .checkbox[aria-checked=true]):before {
            --tw-content:"✔︎";
            clip-path:none;
            background-color:#0000;
            rotate:none
        }
    }
    .checkbox:indeterminate {
        background-color:var(--input-color,var(--color-base-content))
    }
    @supports (color:color-mix(in lab,red,red)) {
        .checkbox:indeterminate {
            background-color:var(--input-color,color-mix(in oklab,var(--color-base-content)20%,#0000))
        }
    }
    .checkbox:indeterminate:before {
        opacity:1;
        clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);
        translate:0 -35%;
        rotate:none
    }
    .checkbox:disabled {
        cursor:not-allowed;
        opacity:.2
    }
    .progress {
        appearance:none;
        border-radius:var(--radius-box);
        background-color:currentColor;
        width:100%;
        height:.5rem;
        position:relative;
        overflow:hidden
    }
    @supports (color:color-mix(in lab,red,red)) {
        .progress {
            background-color:color-mix(in oklab,currentColor 20%,transparent)
        }
    }
    .progress {
        color:var(--color-base-content)
    }
    .progress:indeterminate {
        background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);
        background-position-x:15%;
        background-size:200%
    }
    @media (prefers-reduced-motion:no-preference) {
        .progress:indeterminate {
            animation:5s ease-in-out infinite progress
        }
    }
    @supports ((-moz-appearance:none)) {
        .progress:indeterminate::-moz-progress-bar {
            background-color:#0000
        }
        @media (prefers-reduced-motion:no-preference) {
            .progress:indeterminate::-moz-progress-bar {
                background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);
                background-position-x:15%;
                background-size:200%;
                animation:5s ease-in-out infinite progress
            }
        }
        .progress::-moz-progress-bar {
            border-radius:var(--radius-box);
            background-color:currentColor
        }
    }
    @supports ((-webkit-appearance:none)) {
        .progress::-webkit-progress-bar {
            border-radius:var(--radius-box);
            background-color:#0000
        }
        .progress::-webkit-progress-value {
            border-radius:var(--radius-box);
            background-color:currentColor
        }
    }
    .absolute {
        position:absolute
    }
    .fixed {
        position:fixed
    }
    .relative {
        position:relative
    }
    .dropdown-end {
        --anchor-h:span-left
    }
    .dropdown-end :where(.dropdown-content) {
        inset-inline-end:0;
        translate:0
    }
    [dir=rtl] :is(.dropdown-end :where(.dropdown-content)) {
        translate:0
    }
    .dropdown-end.dropdown-left {
        --anchor-h:left;
        --anchor-v:span-top
    }
    .dropdown-end.dropdown-left .dropdown-content {
        top:auto;
        bottom:0
    }
    .dropdown-end.dropdown-right {
        --anchor-h:right;
        --anchor-v:span-top
    }
    .dropdown-end.dropdown-right .dropdown-content {
        top:auto;
        bottom:0
    }
    .dropdown-bottom {
        --anchor-v:bottom
    }
    .dropdown-bottom .dropdown-content {
        transform-origin:top;
        top:100%;
        bottom:auto
    }
    .-top-2 {
        top:calc(var(--spacing)*-2)
    }
    .top-0 {
        top:calc(var(--spacing)*0)
    }
    .top-5 {
        top:calc(var(--spacing)*5)
    }
    .top-6 {
        top:calc(var(--spacing)*6)
    }
    .-right-2 {
        right:calc(var(--spacing)*-2)
    }
    .right-0 {
        right:calc(var(--spacing)*0)
    }
    .right-6 {
        right:calc(var(--spacing)*6)
    }
    .right-10 {
        right:calc(var(--spacing)*10)
    }
    .bottom-2 {
        bottom:calc(var(--spacing)*2)
    }
    .bottom-20 {
        bottom:calc(var(--spacing)*20)
    }
    .-left-11 {
        left:calc(var(--spacing)*-11)
    }
    .left-0 {
        left:calc(var(--spacing)*0)
    }
    .left-2\.5 {
        left:calc(var(--spacing)*2.5)
    }
    .modal-backdrop {
        color:#0000;
        z-index:-1;
        grid-row-start:1;
        grid-column-start:1;
        place-self:stretch stretch;
        display:grid
    }
    .modal-backdrop button {
        cursor:pointer
    }
    .z-1 {
        z-index:1
    }
    .z-10 {
        z-index:10
    }
    .z-999 {
        z-index:999
    }
    .modal-box {
        background-color:var(--color-base-100);
        border-top-left-radius:var(--modal-tl,var(--radius-box));
        border-top-right-radius:var(--modal-tr,var(--radius-box));
        border-bottom-left-radius:var(--modal-bl,var(--radius-box));
        border-bottom-right-radius:var(--modal-br,var(--radius-box));
        opacity:0;
        overscroll-behavior:contain;
        grid-row-start:1;
        grid-column-start:1;
        width:91.6667%;
        max-width:32rem;
        max-height:100vh;
        padding:1.5rem;
        transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;
        overflow-y:auto;
        scale:95%;
        box-shadow:0 25px 50px -12px #00000040
    }
    .m-0 {
        margin:calc(var(--spacing)*0)
    }
    .mx-1 {
        margin-inline:calc(var(--spacing)*1)
    }
    .modal-action {
        justify-content:flex-end;
        gap:.5rem;
        margin-top:1.5rem;
        display:flex
    }
    .mt-2\.5 {
        margin-top:calc(var(--spacing)*2.5)
    }
    .mt-7\.5 {
        margin-top:calc(var(--spacing)*7.5)
    }
    .mt-10 {
        margin-top:calc(var(--spacing)*10)
    }
    .mt-20 {
        margin-top:calc(var(--spacing)*20)
    }
    .mt-auto {
        margin-top:auto
    }
    .mr-0 {
        margin-right:calc(var(--spacing)*0)
    }
    .mb-0 {
        margin-bottom:calc(var(--spacing)*0)
    }
    .mb-1 {
        margin-bottom:calc(var(--spacing)*1)
    }
    .mb-1\.5 {
        margin-bottom:calc(var(--spacing)*1.5)
    }
    .mb-4 {
        margin-bottom:calc(var(--spacing)*4)
    }
    .mb-6 {
        margin-bottom:calc(var(--spacing)*6)
    }
    .mb-10 {
        margin-bottom:calc(var(--spacing)*10)
    }
    .mb-11 {
        margin-bottom:calc(var(--spacing)*11)
    }
    .ml-1\.25 {
        margin-left:calc(var(--spacing)*1.25)
    }
    .ml-2\.5 {
        margin-left:calc(var(--spacing)*2.5)
    }
    .ml-auto {
        margin-left:auto
    }
    .alert {
        border-radius:var(--radius-box);
        color:var(--color-base-content);
        background-color:var(--alert-color,var(--color-base-200));
        text-align:start;
        border:var(--border)solid var(--color-base-200);
        background-size:auto,calc(var(--noise)*100%);
        background-image:none,var(--fx-noise);
        box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px #000,0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
        grid-template-columns:auto;
        grid-auto-flow:column;
        justify-content:start;
        place-items:center start;
        gap:1rem;
        padding-block:.75rem;
        padding-inline:1rem;
        font-size:.875rem;
        line-height:1.25rem;
        display:grid
    }
    @supports (color:color-mix(in lab,red,red)) {
        .alert {
            box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
        }
    }
    .alert:has(:nth-child(2)) {
        grid-template-columns:auto minmax(auto,1fr)
    }
    .alert.alert-outline {
        color:var(--alert-color);
        box-shadow:none;
        background-color:#0000;
        background-image:none
    }
    .alert.alert-dash {
        color:var(--alert-color);
        box-shadow:none;
        background-color:#0000;
        background-image:none;
        border-style:dashed
    }
    .alert.alert-soft {
        color:var(--alert-color,var(--color-base-content));
        background:var(--alert-color,var(--color-base-content))
    }
    @supports (color:color-mix(in lab,red,red)) {
        .alert.alert-soft {
            background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100))
        }
    }
    .alert.alert-soft {
        border-color:var(--alert-color,var(--color-base-content))
    }
    @supports (color:color-mix(in lab,red,red)) {
        .alert.alert-soft {
            border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100))
        }
    }
    .alert.alert-soft {
        box-shadow:none;
        background-image:none
    }
    .flex {
        display:flex
    }
    .inline-block {
        display:inline-block
    }
    .inline-flex {
        display:inline-flex
    }
    .size-2 {
        width:calc(var(--spacing)*2);
        height:calc(var(--spacing)*2)
    }
    .size-3\.5 {
        width:calc(var(--spacing)*3.5);
        height:calc(var(--spacing)*3.5)
    }
    .size-4 {
        width:calc(var(--spacing)*4);
        height:calc(var(--spacing)*4)
    }
    .size-5 {
        width:calc(var(--spacing)*5);
        height:calc(var(--spacing)*5)
    }
    .size-7 {
        width:calc(var(--spacing)*7);
        height:calc(var(--spacing)*7)
    }
    .size-8 {
        width:calc(var(--spacing)*8);
        height:calc(var(--spacing)*8)
    }
    .size-10 {
        width:calc(var(--spacing)*10);
        height:calc(var(--spacing)*10)
    }
    .size-11 {
        width:calc(var(--spacing)*11);
        height:calc(var(--spacing)*11)
    }
    .size-12\.5 {
        width:calc(var(--spacing)*12.5);
        height:calc(var(--spacing)*12.5)
    }
    .size-40 {
        width:calc(var(--spacing)*40);
        height:calc(var(--spacing)*40)
    }
    .h-1 {
        height:calc(var(--spacing)*1)
    }
    .h-6\.5 {
        height:calc(var(--spacing)*6.5)
    }
    .h-9 {
        height:calc(var(--spacing)*9)
    }
    .h-10 {
        height:calc(var(--spacing)*10)
    }
    .h-10\.5 {
        height:calc(var(--spacing)*10.5)
    }
    .h-11 {
        height:calc(var(--spacing)*11)
    }
    .h-13\.75 {
        height:calc(var(--spacing)*13.75)
    }
    .h-17\.5 {
        height:calc(var(--spacing)*17.5)
    }
    .h-18 {
        height:calc(var(--spacing)*18)
    }
    .h-37\.5 {
        height:calc(var(--spacing)*37.5)
    }
    .h-40 {
        height:calc(var(--spacing)*40)
    }
    .h-50 {
        height:calc(var(--spacing)*50)
    }
    .h-54 {
        height:calc(var(--spacing)*54)
    }
    .h-133 {
        height:calc(var(--spacing)*133)
    }
    .h-\[1px\] {
        height:1px
    }
    .h-full {
        height:100%
    }
    .h-full\! {
        height:100%!important
    }
    .h-screen {
        height:100vh
    }
    .w-0 {
        width:calc(var(--spacing)*0)
    }
    .w-18 {
        width:calc(var(--spacing)*18)
    }
    .w-26\.25 {
        width:calc(var(--spacing)*26.25)
    }
    .w-30 {
        width:calc(var(--spacing)*30)
    }
    .w-40 {
        width:calc(var(--spacing)*40)
    }
    .w-42\.5 {
        width:calc(var(--spacing)*42.5)
    }
    .w-50 {
        width:calc(var(--spacing)*50)
    }
    .w-55 {
        width:calc(var(--spacing)*55)
    }
    .w-65 {
        width:calc(var(--spacing)*65)
    }
    .w-75 {
        width:calc(var(--spacing)*75)
    }
    .w-80 {
        width:calc(var(--spacing)*80)
    }
    .w-87\.5 {
        width:calc(var(--spacing)*87.5)
    }
    .w-95 {
        width:calc(var(--spacing)*95)
    }
    .w-100 {
        width:calc(var(--spacing)*100)
    }
    .w-107\.5 {
        width:calc(var(--spacing)*107.5)
    }
    .w-116 {
        width:calc(var(--spacing)*116)
    }
    .w-205 {
        width:calc(var(--spacing)*205)
    }
    .w-fit {
        width:fit-content
    }
    .w-full {
        width:100%
    }
    .w-full\! {
        width:100%!important
    }
    .w-screen {
        width:100vw
    }
    .max-w-50 {
        max-width:calc(var(--spacing)*50)
    }
    .max-w-\[2560px\] {
        max-width:2560px
    }
    .max-w-screen {
        max-width:100vw
    }
    .min-w-4 {
        min-width:calc(var(--spacing)*4)
    }
    .min-w-10 {
        min-width:calc(var(--spacing)*10)
    }
    .min-w-42\.5 {
        min-width:calc(var(--spacing)*42.5)
    }
    .flex-1 {
        flex:1
    }
    .shrink-0 {
        flex-shrink:0
    }
    .grow-0 {
        flex-grow:0
    }
    .grow-1 {
        flex-grow:1
    }
    .-translate-x-0 {
        --tw-translate-x:calc(var(--spacing)*0);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-x-2\.5 {
        --tw-translate-x:calc(var(--spacing)*-2.5);
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-x-full {
        --tw-translate-x:100%;
        translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .transform {
        transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }
    .animate-ping {
        animation:var(--animate-ping)
    }
    .link {
        cursor:pointer;
        text-decoration-line:underline
    }
    .link:focus {
        --tw-outline-style:none;
        outline-style:none
    }
    @media (forced-colors:active) {
        .link:focus {
            outline-offset:2px;
            outline:2px solid #0000
        }
    }
    .link:focus-visible {
        outline-offset:2px;
        outline:2px solid
    }
    .cursor-pointer {
        cursor:pointer
    }
    .flex-col {
        flex-direction:column
    }
    .items-center {
        align-items:center
    }
    .items-start {
        align-items:flex-start
    }
    .justify-between {
        justify-content:space-between
    }
    .justify-center {
        justify-content:center
    }
    .justify-start {
        justify-content:flex-start
    }
    .gap-1 {
        gap:calc(var(--spacing)*1)
    }
    .gap-1\.5 {
        gap:calc(var(--spacing)*1.5)
    }
    .gap-2 {
        gap:calc(var(--spacing)*2)
    }
    .gap-2\.5 {
        gap:calc(var(--spacing)*2.5)
    }
    .gap-3 {
        gap:calc(var(--spacing)*3)
    }
    .gap-3\.75 {
        gap:calc(var(--spacing)*3.75)
    }
    .gap-5 {
        gap:calc(var(--spacing)*5)
    }
    .gap-7\.5 {
        gap:calc(var(--spacing)*7.5)
    }
    .gap-8 {
        gap:calc(var(--spacing)*8)
    }
    .gap-11\.25 {
        gap:calc(var(--spacing)*11.25)
    }
    .overflow-scroll {
        overflow:scroll
    }
    .overflow-x-scroll {
        overflow-x:scroll
    }
    .rounded-box {
        border-radius:var(--radius-box)
    }
    .rounded-full {
        border-radius:3.40282e38px
    }
    .rounded-lg {
        border-radius:var(--radius-lg)
    }
    .rounded-md {
        border-radius:var(--radius-md)
    }
    .rounded-none {
        border-radius:0
    }
    .border-1 {
        border-style:var(--tw-border-style);
        border-width:1px
    }
    .border-t {
        border-top-style:var(--tw-border-style);
        border-top-width:1px
    }
    .border-b {
        border-bottom-style:var(--tw-border-style);
        border-bottom-width:1px
    }
    .border-dashed {
        --tw-border-style:dashed;
        border-style:dashed
    }
    .border-none {
        --tw-border-style:none;
        border-style:none
    }
    .border-base-200 {
        border-color:var(--color-base-200)
    }
    .border-base-300 {
        border-color:var(--color-base-300)
    }
    .border-separator-200 {
        border-color:var(--color-separator-200)
    }
    .border-t-separator-100 {
        border-top-color:var(--color-separator-100)
    }
    .bg-base-100 {
        background-color:var(--color-base-100)
    }
    .bg-base-200 {
        background-color:var(--color-base-200)
    }
    .bg-base-300 {
        background-color:var(--color-base-300)
    }
    .bg-base-400\/70 {
        background-color:#222222b3
    }
    @supports (color:color-mix(in lab,red,red)) {
        .bg-base-400\/70 {
            background-color:color-mix(in oklab,var(--color-base-400)70%,transparent)
        }
    }
    .bg-base-500 {
        background-color:var(--color-base-500)
    }
    .bg-base-content {
        background-color:var(--color-base-content)
    }
    .bg-black {
        background-color:var(--color-black)
    }
    .bg-black\/60 {
        background-color:#0009
    }
    @supports (color:color-mix(in lab,red,red)) {
        .bg-black\/60 {
            background-color:color-mix(in oklab,var(--color-black)60%,transparent)
        }
    }
    .bg-primary\/10 {
        background-color:var(--color-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
        .bg-primary\/10 {
            background-color:color-mix(in oklab,var(--color-primary)10%,transparent)
        }
    }
    .bg-red-500 {
        background-color:var(--color-red-500)
    }
    .bg-transparent {
        background-color:#0000
    }
    .bg-white {
        background-color:var(--color-white)
    }
    .stroke-3 {
        stroke-width:3px
    }
    .object-cover {
        object-fit:cover
    }
    .p-0 {
        padding:calc(var(--spacing)*0)
    }
    .p-0\! {
        padding:calc(var(--spacing)*0)!important
    }
    .p-1\.5 {
        padding:calc(var(--spacing)*1.5)
    }
    .p-2 {
        padding:calc(var(--spacing)*2)
    }
    .p-5 {
        padding:calc(var(--spacing)*5)
    }
    .p-6 {
        padding:calc(var(--spacing)*6)
    }
    .px-1 {
        padding-inline:calc(var(--spacing)*1)
    }
    .px-2\.5 {
        padding-inline:calc(var(--spacing)*2.5)
    }
    .px-5 {
        padding-inline:calc(var(--spacing)*5)
    }
    .px-8 {
        padding-inline:calc(var(--spacing)*8)
    }
    .px-17\.5 {
        padding-inline:calc(var(--spacing)*17.5)
    }
    .px-45 {
        padding-inline:calc(var(--spacing)*45)
    }
    .py-2\.5 {
        padding-block:calc(var(--spacing)*2.5)
    }
    .py-3\.75 {
        padding-block:calc(var(--spacing)*3.75)
    }
    .py-4 {
        padding-block:calc(var(--spacing)*4)
    }
    .py-5 {
        padding-block:calc(var(--spacing)*5)
    }
    .pt-12\.5 {
        padding-top:calc(var(--spacing)*12.5)
    }
    .pt-15 {
        padding-top:calc(var(--spacing)*15)
    }
    .pr-2\.5 {
        padding-right:calc(var(--spacing)*2.5)
    }
    .pb-4 {
        padding-bottom:calc(var(--spacing)*4)
    }
    .pb-7\.5 {
        padding-bottom:calc(var(--spacing)*7.5)
    }
    .pb-10 {
        padding-bottom:calc(var(--spacing)*10)
    }
    .text-center {
        text-align:center
    }
    .text-2xl {
        font-size:var(--text-2xl);
        line-height:var(--tw-leading,var(--text-2xl--line-height))
    }
    .text-lg {
        font-size:var(--text-lg);
        line-height:var(--tw-leading,var(--text-lg--line-height))
    }
    .text-sm {
        font-size:var(--text-sm);
        line-height:var(--tw-leading,var(--text-sm--line-height))
    }
    .text-xs {
        font-size:var(--text-xs);
        line-height:var(--tw-leading,var(--text-xs--line-height))
    }
    .text-md-1 {
        font-size:var(--text-md-1)
    }
    .text-sm-1 {
        font-size:var(--text-sm-1)
    }
    .text-xs-1 {
        font-size:var(--text-xs-1)
    }
    .leading-4 {
        --tw-leading:calc(var(--spacing)*4);
        line-height:calc(var(--spacing)*4)
    }
    .leading-4\.5 {
        --tw-leading:calc(var(--spacing)*4.5);
        line-height:calc(var(--spacing)*4.5)
    }
    .leading-5 {
        --tw-leading:calc(var(--spacing)*5);
        line-height:calc(var(--spacing)*5)
    }
    .leading-6 {
        --tw-leading:calc(var(--spacing)*6);
        line-height:calc(var(--spacing)*6)
    }
    .font-semibold {
        --tw-font-weight:var(--font-weight-semibold);
        font-weight:var(--font-weight-semibold)
    }
    .text-nowrap {
        text-wrap:nowrap
    }
    .checkbox-neutral {
        color:var(--color-neutral-content);
        --input-color:var(--color-neutral)
    }
    .text-\[\#3B3B3B\] {
        color:#3b3b3b
    }
    .text-base-100 {
        color:var(--color-base-100)
    }
    .text-base-content {
        color:var(--color-base-content)
    }
    .text-content-100 {
        color:var(--color-content-100)
    }
    .text-content-200 {
        color:var(--color-content-200)
    }
    .text-content-300 {
        color:var(--color-content-300)
    }
    .text-content-500 {
        color:var(--color-content-500)
    }
    .text-primary {
        color:var(--color-primary)
    }
    .text-white {
        color:var(--color-white)
    }
    .opacity-70 {
        opacity:.7
    }
    .opacity-75 {
        opacity:.75
    }
    .shadow {
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-lg {
        --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-none {
        --tw-shadow:0 0 #0000;
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .shadow-sm {
        --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    .transition-all {
        transition-property:all;
        transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
        transition-duration:var(--tw-duration,var(--default-transition-duration))
    }
    .duration-300 {
        --tw-duration:.3s;
        transition-duration:.3s
    }
    .duration-600 {
        --tw-duration:.6s;
        transition-duration:.6s
    }
    .ease-in-out {
        --tw-ease:var(--ease-in-out);
        transition-timing-function:var(--ease-in-out)
    }
    .contain-layout {
        --tw-contain-layout:layout;
        contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)
    }
    .contain-strict {
        contain:strict
    }
    .btn-sm {
        --fontsize:.75rem;
        --btn-p:.75rem;
        --size:calc(var(--size-field,.25rem)*8)
    }
    .outline-none {
        --tw-outline-style:none;
        outline-style:none
    }
    .select-none {
        -webkit-user-select:none;
        user-select:none
    }
    :is(.\*\:rounded-md>*) {
        border-radius:var(--radius-md)
    }
    :is(.\*\:p-2>*) {
        padding:calc(var(--spacing)*2)
    }
    :is(.\*\:shadow-md>*) {
        --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
        box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
    @media (hover:hover) {
        .hover\:rotate-90:hover {
            rotate:90deg
        }
        .hover\:cursor-pointer:hover {
            cursor:pointer
        }
    }
}
@keyframes dropdown {
    0% {
        opacity:0
    }
}
@keyframes radio {
    0% {
        padding:5px
    }
    50% {
        padding:3px
    }
}
@keyframes toast {
    0% {
        opacity:0;
        scale:.9
    }
    to {
        opacity:1;
        scale:1
    }
}
@keyframes rating {
    0%,
    40% {
        filter:brightness(1.05)contrast(1.05);
        scale:1.1
    }
}
@keyframes skeleton {
    0% {
        background-position:150%
    }
    to {
        background-position:-50%
    }
}
@keyframes progress {
    50% {
        background-position-x:-115%
    }
}
@property --tw-translate-x {
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-y {
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-translate-z {
    syntax:"*";
    inherits:false;
    initial-value:0
}
@property --tw-rotate-x {
    syntax:"*";
    inherits:false
}
@property --tw-rotate-y {
    syntax:"*";
    inherits:false
}
@property --tw-rotate-z {
    syntax:"*";
    inherits:false
}
@property --tw-skew-x {
    syntax:"*";
    inherits:false
}
@property --tw-skew-y {
    syntax:"*";
    inherits:false
}
@property --tw-border-style {
    syntax:"*";
    inherits:false;
    initial-value:solid
}
@property --tw-leading {
    syntax:"*";
    inherits:false
}
@property --tw-font-weight {
    syntax:"*";
    inherits:false
}
@property --tw-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-shadow-color {
    syntax:"*";
    inherits:false
}
@property --tw-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-inset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
    syntax:"*";
    inherits:false
}
@property --tw-inset-shadow-alpha {
    syntax:"<percentage>";
    inherits:false;
    initial-value:100%
}
@property --tw-ring-color {
    syntax:"*";
    inherits:false
}
@property --tw-ring-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
    syntax:"*";
    inherits:false
}
@property --tw-inset-ring-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-ring-inset {
    syntax:"*";
    inherits:false
}
@property --tw-ring-offset-width {
    syntax:"<length>";
    inherits:false;
    initial-value:0
}
@property --tw-ring-offset-color {
    syntax:"*";
    inherits:false;
    initial-value:#fff
}
@property --tw-ring-offset-shadow {
    syntax:"*";
    inherits:false;
    initial-value:0 0 #0000
}
@property --tw-duration {
    syntax:"*";
    inherits:false
}
@property --tw-ease {
    syntax:"*";
    inherits:false
}
@property --tw-contain-size {
    syntax:"*";
    inherits:false
}
@property --tw-contain-layout {
    syntax:"*";
    inherits:false
}
@property --tw-contain-paint {
    syntax:"*";
    inherits:false
}
@property --tw-contain-style {
    syntax:"*";
    inherits:false
}
@keyframes ping {
    75%,
    to {
        opacity:0;
        transform:scale(2)
    }
}
body {
    margin:0
}
*,
:before,
:after {
    --un-rotate:0;
    --un-rotate-x:0;
    --un-rotate-y:0;
    --un-rotate-z:0;
    --un-scale-x:1;
    --un-scale-y:1;
    --un-scale-z:1;
    --un-skew-x:0;
    --un-skew-y:0;
    --un-translate-x:0;
    --un-translate-y:0;
    --un-translate-z:0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness:proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x:0;
    --un-border-spacing-y:0;
    --un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);
    --un-ring-shadow:0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow:0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width:0px;
    --un-ring-offset-color:#fff;
    --un-ring-width:0px;
    --un-ring-color:rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}
::backdrop {
    --un-rotate:0;
    --un-rotate-x:0;
    --un-rotate-y:0;
    --un-rotate-z:0;
    --un-scale-x:1;
    --un-scale-y:1;
    --un-scale-z:1;
    --un-skew-x:0;
    --un-skew-y:0;
    --un-translate-x:0;
    --un-translate-y:0;
    --un-translate-z:0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness:proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x:0;
    --un-border-spacing-y:0;
    --un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);
    --un-ring-shadow:0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow:0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width:0px;
    --un-ring-offset-color:#fff;
    --un-ring-width:0px;
    --un-ring-color:rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}
.container {
    width:100%
}
@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}
.absolute {
    position:absolute
}
.fixed {
    position:fixed
}
.relative {
    position:relative
}
.block {
    display:block
}
.inline-block {
    display:inline-block
}
.hidden {
    display:none
}
.flex {
    display:flex
}
.transform {
    transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}
.resize {
    resize:both
}
.border {
    border-width:1px
}
.px {
    padding-left:1rem;
    padding-right:1rem
}
.outline {
    outline-style:solid
}
.transition {
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.ease {
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.component-button[data-v-155019b4] {
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    border:1px solid #eeeeee;
    padding:10px;
    font-weight:600;
    font-size:12px
}
.component-button[data-v-155019b4] {
    cursor:pointer
}
.default[data-v-155019b4] {
    color:#24252c;
    background-color:#fff
}
.primary[data-v-155019b4] {
    color:#fff;
    background-color:#24252c
}
.danger[data-v-155019b4] {
    color:#fff;
    background-color:#ff4b40
}
@keyframes animate_dots {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@-webkit-keyframes animate_dots {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
.dot0,
.dot1 {
    animation:animate_dots .9s infinite;
    -moz-animation:animate_dots .9s infinite;
    -webkit-animation:animate_dots .9s infinite;
    -o-animation:animate_dots .9s infinite
}
.dot1 {
    animation-delay:.2s;
    -webkit-animation-delay:.2s
}
.dot2 {
    animation:animate_dots .9s infinite;
    -moz-animation:animate_dots .9s infinite;
    -webkit-animation:animate_dots .9s infinite;
    -o-animation:animate_dots .9s infinite;
    animation-delay:.4s;
    -webkit-animation-delay:.4s
}
.dots_item {
    display:inline-block;
    margin-right:5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#4886ff
}
.verify-icon {
    position:absolute;
    width:100%;
    margin-top:70px;
    text-align:center
}
.t-embed-loading {
    position:relative;
    width:300px;
    height:230px;
    background-color:#fff
}
.t-embed-dots {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-22.5px;
    margin-top:-5px
}
.t-embed-dot {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    margin-right:5px;
    background:#4886ff
}
.t-mask {
    width:100%;
    height:100%;
    position:fixed;
    _position:absolute;
    left:0;
    top:0;
    background:#000;
    opacity:.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index:2000000000
}
.message-wrapper[data-v-f8c98eff] {
    display:flex;
    width:100%;
    line-height:0
}
.message-wrapper.self[data-v-f8c98eff] {
    justify-content:flex-end
}
.message-wrapper[data-v-f8c98eff]:not(.self) {
    justify-content:flex-start
}
.sending-status[data-v-f8c98eff] {
    display:flex;
    justify-content:center;
    align-items:center
}
.sending-status .send-failed[data-v-f8c98eff] {
    background:none;
    border:none;
    padding:0;
    cursor:pointer
}
.sending-status img[data-v-f8c98eff] {
    width:16px;
    height:16px
}
.sending-status .loading[data-v-f8c98eff] {
    animation:rotate-center-f8c98eff 1s linear infinite
}
@keyframes rotate-center-f8c98eff {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.message-bubble[data-v-f8c98eff] {
    display:inline-block;
    padding:10px;
    margin:0 10px;
    word-wrap:break-word;
    max-width:360px;
    font-family:PingFangSC,PingFang SC;
    font-weight:500;
    font-size:13px;
    color:#24252c;
    line-height:18px;
    text-align:left;
    font-style:normal
}
.message-bubble.self[data-v-f8c98eff] {
    background-color:#fff;
    text-align:left;
    border:1px solid #f5f5f5;
    border-radius:10px 0 10px 10px
}
.message-bubble[data-v-f8c98eff]:not(.self) {
    background-color:#f5f5f5;
    text-align:left;
    border-radius:0 10px 10px
}
.media-content[data-v-f8c98eff] {
    display:nline-block;
    max-width:80%;
    overflow:hidden;
    margin:0 10px
}
.media-content.self[data-v-f8c98eff] {
    justify-content:flex-end
}
.media-content[data-v-f8c98eff]:not(.self) {
    justify-content:flex-start
}
.media-content img[data-v-f8c98eff] {
    max-width:300px;
    max-height:300px;
    object-fit:contain
}
.media-content img.self[data-v-f8c98eff] {
    background-color:#fff;
    border-radius:10px 0 10px 10px;
    border:1px solid #eeeeee
}
.media-content img[data-v-f8c98eff]:not(.self) {
    background-color:#f5f5f5;
    border:1px solid #eeeeee;
    border-radius:0 10px 10px
}
.media-content video[data-v-f8c98eff] {
    max-width:300px;
    max-height:250px;
    object-fit:contain;
    background-color:#fff;
    border-radius:10px 0 10px 10px;
    border:1px solid #eeeeee
}
.file-content[data-v-f8c98eff] {
    padding:10px;
    margin:0 10px
}
.file-content.self[data-v-f8c98eff] {
    background-color:#fff;
    border-radius:10px 0 10px 10px
}
.file-content[data-v-f8c98eff]:not(.self) {
    background-color:#f5f5f5;
    border-radius:0 10px 10px
}
.message-list[data-v-b7726209] {
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    margin-bottom:10px
}
.message-item[data-v-b7726209] {
    margin:10px 0
}
.message-time[data-v-b7726209] {
    font-family:PingFangSC,PingFang SC;
    text-align:center;
    font-size:12px;
    color:#adadad;
    margin-bottom:20px;
    margin-top:10px
}
.container[data-v-6276c215] {
    padding:10px;
    display:flex;
    flex-direction:column
}
.container .bottom-option[data-v-6276c215] {
    display:flex;
    flex-direction:row
}
.container .loggedin-option[data-v-6276c215] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    align-self:flex-end
}
.container .message-input[data-v-6276c215] {
    background:#f4f6f7;
    border-radius:10px;
    padding:0 7px;
    display:flex;
    height:100%
}
.container .file-upload-button[data-v-6276c215] {
    padding:5px 0;
    align-self:flex-end
}
.container .message-input textarea[data-v-6276c215]::placeholder {
    color:#d8d8d8;
    font-size:13px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block
}
.container .seleced img[data-v-6276c215] {
    background:#fff
}
.container .message-input textarea[data-v-6276c215] {
    flex:1;
    border:none;
    background:none;
    outline:none;
    resize:none;
    overflow:hidden;
    padding:10px;
    border-radius:10px;
    font-family:PingFangSC,PingFang SC;
    font-weight:500;
    font-size:13px;
    color:#24252c;
    text-align:left
}
.container .separator[data-v-6276c215] {
    display:flex;
    background:#d8d8d8;
    width:1px;
    height:14px;
    align-self:flex-end;
    margin:12px 7px
}
.container .message-input button[data-v-6276c215] {
    background:none;
    padding:5px 0;
    color:gray;
    border:none;
    border-radius:20px;
    align-self:flex-end;
    cursor:pointer
}
.container .message-input .send-btn[data-v-6276c215] {
    opacity:1;
    transition:opacity .3s ease
}
.container .message-input .send-btn[data-v-6276c215]:disabled {
    opacity:.5;
    cursor:not-allowed;
    pointer-events:none
}
.container .message-input img[data-v-6276c215] {
    max-width:30px;
    max-height:30px;
    object-fit:contain;
    vertical-align:middle
}
.container .focusable[data-v-6276c215]:hover {
    background:#fff;
    border-radius:6px;
    cursor:pointer
}
.container .options-popup[data-v-6276c215] {
    position:absolute;
    bottom:40px;
    left:50%;
    transform:translate(-50%);
    background-color:#fff;
    padding:10px;
    border-radius:10px;
    box-shadow:0 0 20px #00000012;
    z-index:10;
    width:120px
}
.container .option-btn[data-v-6276c215] {
    display:block;
    padding:5px 0;
    width:100%;
    text-align:left;
    border:none;
    background:none;
    cursor:pointer;
    line-height:0
}
.container .option-btn span[data-v-6276c215] {
    font-size:13px;
    color:#24252c
}
.container .option-btn.isMobile[data-v-6276c215] {
    display:flex;
    flex-direction:column;
    align-items:center;
    -webkit-tap-highlight-color:transparent;
    padding:10px 0;
    width:25%
}
.container .option-btn.isMobile img[data-v-6276c215] {
    width:30px;
    height:30px;
    padding:10px;
    background:#f4f6f7;
    border-radius:10px;
    margin:5px
}
.container .option-btn.isMobile span[data-v-6276c215] {
    font-family:PingFangSC,PingFang SC;
    font-weight:500;
    font-size:11px;
    color:#24252c;
    line-height:16px;
    text-align:center;
    font-style:normal
}
.container .option-btn[data-v-6276c215]:hover:not(.isMobile) {
    background-color:#f4f6f7;
    border-radius:6px
}
.container .add-btn-container[data-v-6276c215] {
    position:relative;
    display:flex;
    justify-content:center
}
.page[data-v-4d1b8550] {
    display:flex;
    flex-direction:column;
    height:100vh;
    overscroll-behavior:none
}
.page .loading[data-v-4d1b8550] {
    display:flex;
    font-family:PingFangSC,PingFang SC;
    justify-content:center;
    align-items:center;
    position:fixed;
    background:#fff;
    width:100%;
    height:100%
}
.page .loading-img[data-v-4d1b8550] {
    animation:rotate-center-4d1b8550 1s linear infinite
}
@keyframes rotate-center-4d1b8550 {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.header[data-v-4d1b8550] {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.back[data-v-4d1b8550] {
    font-family:PingFangSC,PingFang SC;
    font-size:22px;
    line-height:0;
    color:#24252c;
    background:none;
    border:none;
    z-index:99;
    margin:3px 0 6px;
    padding:20px
}
.back span[data-v-4d1b8550]:hover {
    cursor:pointer
}
.title[data-v-4d1b8550] {
    font-weight:500;
    font-size:12px;
    color:#24252c;
    text-align:center;
    position:absolute;
    left:50%;
    font-family:PingFangSC,PingFang SC;
    transform:translate(-50%);
    z-index:99
}
.list-wrapper[data-v-4d1b8550] {
    flex:1;
    overflow-y:auto;
    overscroll-behavior:contain
}
.input[data-v-4d1b8550] {
    display:flex;
    border-top:1px solid #F4F6F7
}