:root {
    --bg: #fcf4f8;
    --bg1: #ff43a1;
    --bg2: #fff;
    --bg3: #f4f4f4;
    --bg4: #ffe1f0;
    --bg5: #fcf4f8e6;
    --bg6: #000000d3;
    --text: #ffffff;
    --text1: #111111;
    --text2: #333;
    --text3: #999;
    --text4: #0394ff;
    --text5: #ff43a1;
    --text6: #2276fc;
    --border: #ff43a1;
    --border1: #ebebeb;
    --border2: #ebebeb
}

.\37v,.\35v,.\33p,.b9 {
    --bg: #121212;
    --bg1: #ff43a1;
    --bg2: #1e1e1e;
    --bg3: #2a2a2a;
    --bg4: #3a3a3a;
    --bg5: #1c1c1ce6;
    --text: #ffffff;
    --text1: #f0f0f0;
    --text2: #cccccc;
    --text3: #888888;
    --text4: #4dabff;
    --text5: #ff43a1;
    --text6: #4c88ff;
    --border: #ff43a1;
    --border1: #333333;
    --border2: #333333
}

._centerLine:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 110%;
    background-color: currentColor;
    margin-right: 10px;
    height: 1px;
    width: 40px
}

._centerLine:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 110%;
    background-color: currentColor;
    margin-right: 10px;
    height: 1px;
    width: 40px
}

::-webkit-scrollbar {
    display: none;
    height: 0!important;
    scrollbar-width: none
}

._border {
    border: 1px solid #ff43a1!important;
    border-color: #ff43a1!important
}

._normal * {
    border-color: #00f;
    outline-color: var(--ring)
}

._mask {
    width: 100vw;
    height: 100vh;
    background: #000000b3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30
}

._bg_button {
    border-radius: 100px!important;
    border: 1px solid!important
}

._bg_button__gradient {
    background-image: linear-gradient(to left,#ff43a1,#a526ff)!important;
    border: none!important
}

* {
    border-color: var(--border);
    outline-color: color-mix(in srgb,var(--ring) 50%,transparent)
}

body {
    background: var(--background);
    color: var(--foreground)
}

.image-custom {
    -o-object-fit: initial;
    object-fit: initial
}

@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-gradient-position: initial;
        --tw-gradient-from: #0000;
        --tw-gradient-via: #0000;
        --tw-gradient-to: #0000;
        --tw-gradient-stops: initial;
        --tw-gradient-via-stops: initial;
        --tw-gradient-from-position: 0%;
        --tw-gradient-via-position: 50%;
        --tw-gradient-to-position: 100%;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-tracking: 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-outline-style: solid;
        --tw-backdrop-blur: initial;
        --tw-backdrop-brightness: initial;
        --tw-backdrop-contrast: initial;
        --tw-backdrop-grayscale: initial;
        --tw-backdrop-hue-rotate: initial;
        --tw-backdrop-invert: initial;
        --tw-backdrop-opacity: initial;
        --tw-backdrop-saturate: initial;
        --tw-backdrop-sepia: initial;
        --tw-duration: initial
    }
}

:root,:host {
    --color-red-500: #ffcabe;
    --color-gray-400: #e1e3e8;
    --color-gray-500: #ced1d8;
    --color-gray-800: #9ea8b4;
    --color-gray-950: #778393;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono)
}

button,input,select,optgroup,textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
    border-radius: 0
}

.animate-bottomShow {
    animation: .3s ease-in-out bottomShow
}

.rounded-lg {
    border-radius: var(--radius-lg)
}

.rounded-md {
    border-radius: var(--radius-md)
}

.rounded-sm {
    border-radius: var(--radius-sm)
}

.rounded-xl {
    border-radius: var(--radius-xl)
}

.rounded-br-md {
    border-bottom-right-radius: var(--radius-md)
}

.border-border1 {
    border-color: var(--border1)
}

.bg-bg {
    background-color: var(--bg)
}

.bg-bg1 {
    background-color: var(--bg1)
}

.bg-bg2 {
    background-color: var(--bg2)
}

.bg-bg3 {
    background-color: var(--bg3)
}

.bg-bg4 {
    background-color: var(--bg4)
}

.bg-bg5 {
    background-color: var(--bg5)
}

.bg-bg6 {
    background-color: var(--bg6)
}

.text-bg1 {
    color: var(--bg1)
}

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

.text-text1 {
    color: var(--text1)
}

.text-text2 {
    color: var(--text2)
}

.text-text3 {
    color: var(--text3)
}

.text-text4 {
    color: var(--text4)
}

.text-text5 {
    color: var(--text5)
}

.text-text6 {
    color: var(--text6)
}

@media(hover: hover) {
    .hover\:bg-bg:hover {
        background-color:var(--bg)
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }
}

.active\:bg-bg:active {
    background-color: var(--bg)
}

.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
}

.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}

@media(prefers-color-scheme: dark) {
    .dark\:bg-gray-950 {
        background-color:var(--color-gray-950)
    }

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

    .dark\:text-white {
        color: var(--color-white)
    }
}

:root {
    --bg: #fcf4f8;
    --bg1: #ff43a1;
    --bg2: #fff;
    --bg3: #f4f4f4;
    --bg4: #ffe1f0;
    --bg5: #fcf4f8e6;
    --bg6: #000000d3;
    --text: #fff;
    --text1: #111;
    --text2: #333;
    --text3: #999;
    --text4: #0394ff;
    --text5: #ff43a1;
    --text6: #2276fc;
    --border: #ff43a1;
    --border1: #ebebeb;
    --border2: #ebebeb
}

.dark {
    --bg: #121212;
    --bg1: #ff43a1;
    --bg2: #1e1e1e;
    --bg3: #2a2a2a;
    --bg4: #3a3a3a;
    --bg5: #1c1c1ce6;
    --text: #fff;
    --text1: #f0f0f0;
    --text2: #ccc;
    --text3: #888;
    --text4: #4dabff;
    --text5: #ff43a1;
    --text6: #4c88ff;
    --border: #ff43a1;
    --border1: #333;
    --border2: #333
}

body {
    color: var(--text2);
    background: var(--bg2);
    font-family: PingFang SC,Arial,Helvetica,sans-serif
}

._centerLine {
    position: relative
}

._centerLine:before {
    content: "";
    background-color: currentColor;
    width: 40px;
    height: 1px;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    right: 110%
}

._centerLine:after {
    content: "";
    background-color: currentColor;
    width: 40px;
    height: 1px;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 110%
}

::-webkit-scrollbar {
    scrollbar-width: none;
    display: none;
    height: 0!important
}

@keyframes bottomShow {
    0% {
        transform: translateY(10%);
        opacity: 0
    }
}

/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@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-gradient-position: initial;
        --tw-gradient-from: #0000;
        --tw-gradient-via: #0000;
        --tw-gradient-to: #0000;
        --tw-gradient-stops: initial;
        --tw-gradient-via-stops: initial;
        --tw-gradient-from-position: 0%;
        --tw-gradient-via-position: 50%;
        --tw-gradient-to-position: 100%;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-tracking: 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-outline-style: solid;
        --tw-backdrop-blur: initial;
        --tw-backdrop-brightness: initial;
        --tw-backdrop-contrast: initial;
        --tw-backdrop-grayscale: initial;
        --tw-backdrop-hue-rotate: initial;
        --tw-backdrop-invert: initial;
        --tw-backdrop-opacity: initial;
        --tw-backdrop-saturate: initial;
        --tw-backdrop-sepia: initial;
        --tw-duration: initial;
        --tw-animation-delay: 0s;
        --tw-animation-direction: normal;
        --tw-animation-duration: initial;
        --tw-animation-fill-mode: none;
        --tw-animation-iteration-count: 1;
        --tw-enter-opacity: 1;
        --tw-enter-rotate: 0;
        --tw-enter-scale: 1;
        --tw-enter-translate-x: 0;
        --tw-enter-translate-y: 0;
        --tw-exit-opacity: 1;
        --tw-exit-rotate: 0;
        --tw-exit-scale: 1;
        --tw-exit-translate-x: 0;
        --tw-exit-translate-y: 0
    }
}

: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: #ffcabe;
    --color-gray-400: #e1e3e8;
    --color-gray-500: #ced1d8;
    --color-gray-800: #9ea8b4;
    --color-gray-950: #778393;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --radius-xs: .125rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --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)
}

*,: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%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    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}

::-moz-placeholder {
    opacity: 1
}

::placeholder {
    opacity: 1
}

@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
        color:currentColor
    }

    ::placeholder {
        color: currentColor
    }

    @supports (color: color-mix(in lab,red,red)) {
        ::-moz-placeholder {
            color:color-mix(in oklab,currentcolor 50%,transparent)
        }

        ::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}

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

button,input:where([type=button],[type=reset],[type=submit]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none!important
}

button,textarea,input {
    border-color: var(--border)!important;
    outline-color: var(--ring)
}

@supports (color: color-mix(in lab,red,red)) {
    * {
        outline-color:color-mix(in oklab,var(--ring) 50%,transparent)
    }
}

body {
    background-color: var(--background);
    color: var(--foreground)
}

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

.sr-only {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

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

.inset-0 {
    inset: calc(var(--spacing) * 0)
}

.-top-1 {
    top: calc(var(--spacing) * -1)
}

.-top-12 {
    top: calc(var(--spacing) * -12)
}

.top-0 {
    top: calc(var(--spacing) * 0)
}

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

.top-4 {
    top: calc(var(--spacing) * 4)
}

.top-\[14\.5px\] {
    top: 14.5px
}

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

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

.-right-1 {
    right: calc(var(--spacing) * -1)
}

.-right-12 {
    right: calc(var(--spacing) * -12)
}

.right-0 {
    right: calc(var(--spacing) * 0)
}

.right-1 {
    right: calc(var(--spacing) * 1)
}

.right-3 {
    right: calc(var(--spacing) * 3)
}

.right-4 {
    right: calc(var(--spacing) * 4)
}

.-bottom-12 {
    bottom: calc(var(--spacing) * -12)
}

.-bottom-14 {
    bottom: calc(var(--spacing) * -14)
}

.bottom-0 {
    bottom: calc(var(--spacing) * 0)
}

.bottom-30 {
    bottom: calc(var(--spacing) * 30)
}

.bottom-\[2px\] {
    bottom: 2px
}

.-left-12 {
    left: calc(var(--spacing) * -12)
}

.left-0 {
    left: calc(var(--spacing) * 0)
}

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

.left-\[13px\] {
    left: 13px
}

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

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

.z-100 {
    z-index: 100
}

.container {
    width: 100%
}

@media(min-width: 40rem) {
    .container {
        max-width:40rem
    }
}

@media(min-width: 48rem) {
    .container {
        max-width:48rem
    }
}

@media(min-width: 64rem) {
    .container {
        max-width:64rem
    }
}

@media(min-width: 80rem) {
    .container {
        max-width:80rem
    }
}

@media(min-width: 96rem) {
    .container {
        max-width:96rem
    }
}

.m-auto {
    margin: auto
}

.-mx-\[12px\] {
    margin-inline:-12px}

.-mx-\[16px\] {
    margin-inline:-16px}

.mx-auto {
    margin-inline:auto}

.my-\[12px\] {
    margin-block:12px}

.-mt-4 {
    margin-top: calc(var(--spacing) * -4)
}

.mt-2 {
    margin-top: calc(var(--spacing) * 2)
}

.mt-3 {
    margin-top: calc(var(--spacing) * 3)
}

.mt-4 {
    margin-top: calc(var(--spacing) * 4)
}

.mt-6 {
    margin-top: calc(var(--spacing) * 6)
}

.mt-8 {
    margin-top: calc(var(--spacing) * 8)
}

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.mr-5 {
    margin-right: calc(var(--spacing) * 5)
}

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

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

.-ml-4 {
    margin-left: calc(var(--spacing) * -4)
}

.ml-2 {
    margin-left: calc(var(--spacing) * 2)
}

.block {
    display: block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.inline-flex {
    display: inline-flex
}

.field-sizing-content {
    field-sizing: content
}

.aspect-square {
    aspect-ratio: 1
}

.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-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8)
}

.size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9)
}

.size-\[10px\] {
    width: 10px;
    height: 10px
}

.size-full {
    width: 100%;
    height: 100%
}

.h-0 {
    height: calc(var(--spacing) * 0)
}

.h-2 {
    height: calc(var(--spacing) * 2)
}

.h-8 {
    height: calc(var(--spacing) * 8)
}

.h-10 {
    height: calc(var(--spacing) * 10)
}

.h-\[1em\] {
    height: 1em
}

.h-\[6px\] {
    height: 6px
}

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

.h-\[26px\] {
    height: 26px
}

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

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

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

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

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

.h-\[59px\] {
    height: 59px
}

.h-\[85px\] {
    height: 85px
}

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

.h-\[94px\] {
    height: 94px
}

.h-\[106px\] {
    height: 106px
}

.h-\[138px\] {
    height: 138px
}

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

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

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

.min-h-16 {
    min-height: calc(var(--spacing) * 16)
}

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

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

.w-6 {
    width: calc(var(--spacing) * 6)
}

.w-\[1em\] {
    width: 1em
}

.w-\[6px\] {
    width: 6px
}

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

.w-\[45px\] {
    width: 45px
}

.w-\[70px\] {
    width: 70px
}

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

.w-\[110px\] {
    width: 110px
}

.w-\[121px\] {
    width: 121px
}

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

.w-full {
    width: 100%
}

.max-w-7xl {
    max-width: var(--container-7xl)
}

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

.max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem)
}

.max-w-\[calc\(100\%-90px\)\] {
    max-width: calc(100% - 90px)
}

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

.max-w-xl {
    max-width: var(--container-xl)
}

.min-w-0 {
    min-width: calc(var(--spacing) * 0)
}

.min-w-80 {
    min-width: calc(var(--spacing) * 80)
}

.flex-1 {
    flex: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow-0 {
    flex-grow: 0
}

.basis-full {
    flex-basis: 100%
}

.-translate-x-1\/2,.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.-translate-y-1\/2,.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
}

.rotate-45 {
    rotate: 45deg
}

.rotate-90 {
    rotate: 90deg
}

.transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}

.animate-spin {
    animation: var(--animate-spin)
}

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

.cursor-pointer {
    cursor: pointer
}

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

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

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

.flex-col {
    flex-direction: column
}

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

.flex-row {
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

.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-4 {
    gap: calc(var(--spacing) * 4)
}

.gap-5 {
    gap: calc(var(--spacing) * 5)
}

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

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

.gap-\[7px\] {
    gap: 7px
}

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

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

.gap-\[11px\] {
    gap: 11px
}

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

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

.gap-x-\[11px\] {
    -moz-column-gap: 11px;
    column-gap: 11px
}

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

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.rounded-3xl {
    border-radius: var(--radius-3xl)
}

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

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

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

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

.rounded-full {
    border-radius: 3.40282e38px
}

.rounded-lg {
    border-radius: var(--radius)
}

.rounded-md {
    border-radius: calc(var(--radius) - 2px)
}

.rounded-sm {
    border-radius: calc(var(--radius) - 4px)
}

.rounded-xl {
    border-radius: calc(var(--radius) + 4px)
}

.rounded-xs {
    border-radius: var(--radius-xs)
}

.rounded-br-md {
    border-bottom-right-radius: calc(var(--radius) - 2px)
}

.border {
    border-style: var(--tw-border-style);
    border-width: 1px
}

.border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: .5px
}

.border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: .5px
}

.border-\[\#ff43a1\] {
    border-color: #ff43a1
}

.border-border {
    border-color: var(--border)
}

.border-input {
    border-color: var(--input)
}

.bg-\[\#000\] {
    background-color: #000
}

.bg-\[\#00000053\] {
    background-color: #00000053
}

.bg-background {
    background-color: var(--background)
}

.bg-black\/40 {
    background-color: #0006
}

@supports (color: color-mix(in lab,red,red)) {
    .bg-black\/40 {
        background-color:color-mix(in oklab,var(--color-black) 40%,transparent)
    }
}

.bg-black\/50 {
    background-color: #00000080
}

@supports (color: color-mix(in lab,red,red)) {
    .bg-black\/50 {
        background-color:color-mix(in oklab,var(--color-black) 50%,transparent)
    }
}

.bg-destructive {
    background-color: var(--destructive)
}

.bg-muted {
    background-color: var(--muted)
}

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

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

.bg-secondary {
    background-color: var(--secondary)
}

.bg-transparent {
    background-color: #0000
}

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

.bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops))
}

.from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) )
}

.to-black {
    --tw-gradient-to: var(--color-black);
    --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) )
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

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

.p-2 {
    padding: calc(var(--spacing) * 2)
}

.p-4 {
    padding: calc(var(--spacing) * 4)
}

.p-6 {
    padding: calc(var(--spacing) * 6)
}

.p-\[12px\] {
    padding: 12px
}

.px-2\.5 {
    padding-inline:calc(var(--spacing) * 2.5)}

.px-3 {
    padding-inline: calc(var(--spacing) * 3)
}

.px-4 {
    padding-inline:calc(var(--spacing) * 4)}

.px-6 {
    padding-inline: calc(var(--spacing) * 6)
}

.px-\[4px\] {
    padding-inline:4px}

.px-\[6px\] {
    padding-inline:6px}

.px-\[8px\] {
    padding-inline:8px}

.px-\[10px\] {
    padding-inline:10px}

.px-\[11px\] {
    padding-inline:11px}

.px-\[12px\] {
    padding-inline:12px}

.px-\[16px\] {
    padding-inline:16px}

.px-\[20px\] {
    padding-inline:20px}

.py-1 {
    padding-block:calc(var(--spacing) * 1)}

.py-2 {
    padding-block: calc(var(--spacing) * 2)
}

.py-\[2px\] {
    padding-block:2px}

.py-\[4px\] {
    padding-block:4px}

.py-\[5px\] {
    padding-block:5px}

.py-\[6px\] {
    padding-block:6px}

.py-\[8px\] {
    padding-block:8px}

.py-\[10px\] {
    padding-block:10px}

.py-\[12px\] {
    padding-block:12px}

.py-\[20px\] {
    padding-block:20px}

.pt-2 {
    padding-top: calc(var(--spacing) * 2)
}

.pt-4 {
    padding-top: calc(var(--spacing) * 4)
}

.pt-\[calc\(env\(safe-area-inset-top\)_\+_0px\)\] {
    padding-top: calc(env(safe-area-inset-top) + 0px)
}

.pt-\[calc\(env\(safe-area-inset-top\)_\+_8px\)\] {
    padding-top: calc(env(safe-area-inset-top) + 8px)
}

.pt-\[calc\(env\(safe-area-inset-top\)_\+_10px\)\] {
    padding-top: calc(env(safe-area-inset-top) + 10px)
}

.pt-\[calc\(env\(safe-area-inset-top\)_\+_12px\)\] {
    padding-top: calc(env(safe-area-inset-top) + 12px)
}

.pb-6 {
    padding-bottom: calc(var(--spacing) * 6)
}

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

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

.pl-4 {
    padding-left: calc(var(--spacing) * 4)
}

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

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.font-\[family-name\:var\(--font-geist-sans\)\] {
    font-family: var(--font-geist-sans)
}

.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
}

.text-7xl {
    font-size: var(--text-7xl);
    line-height: var(--tw-leading, var(--text-7xl--line-height))
}

.text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
}

.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
}

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

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

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

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

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

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

.leading-none {
    --tw-leading: 1;
    line-height: 1
}

.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}

.font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
}

.font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
}

.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}

.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
}

.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
}

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

.whitespace-nowrap {
    white-space: nowrap
}

.text-foreground {
    color: var(--foreground)
}

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

.text-gray-800 {
    color: var(--color-gray-800)
}

.text-muted-foreground {
    color: var(--muted-foreground)
}

.text-primary {
    color: var(--primary)
}

.text-primary-foreground {
    color: var(--primary-foreground)
}

.text-red-500 {
    color: var(--color-red-500)
}

.text-secondary-foreground {
    color: var(--secondary-foreground)
}

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

.underline-offset-4 {
    text-underline-offset: 4px
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.opacity-100 {
    opacity: 1
}

.opacity-\[0\.7\] {
    opacity: .7
}

.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-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.ring-offset-background {
    --tw-ring-offset-color: var(--background)
}

.outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}

.backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}

.transition-\[color\,box-shadow\] {
    transition-property: color,box-shadow;
    transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.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))
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
    transition-duration: var(--tw-duration, var(--default-transition-duration))
}

.duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
}

.duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
}

.outline-none {
    --tw-outline-style: none;
    outline-style: none
}

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

.\[background\:linear-gradient\(90deg\,var\(--bg\)\,hsla\(0\,0\%\,100\%\,0\)\)\] {
    background: linear-gradient(90deg,var(--bg),#fff0)
}

.\[background\:linear-gradient\(270deg\,var\(--bg\)\,hsla\(0\,0\%\,100\%\,0\)\)\] {
    background: linear-gradient(270deg,var(--bg),#fff0)
}

.\[clip-path\:polygon\(0_0\,100\%_0\,100\%_100\%\,100\%_100\%\,0_0\)\] {
    clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 0)
}

.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
    pointer-events: none
}

.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
    opacity: .5
}

.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *) {
    display: block
}

.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
    cursor: not-allowed
}

.peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
    opacity: .5
}

.selection\:bg-primary ::-moz-selection {
    background-color: var(--primary)
}

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

.selection\:bg-primary::-moz-selection {
    background-color: var(--primary)
}

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

.selection\:text-primary-foreground ::-moz-selection {
    color: var(--primary-foreground)
}

.selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground)
}

.selection\:text-primary-foreground::-moz-selection {
    color: var(--primary-foreground)
}

.selection\:text-primary-foreground::selection {
    color: var(--primary-foreground)
}

.file\:inline-flex::file-selector-button {
    display: inline-flex
}

.file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7)
}

.file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: #0000
}

.file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}

.file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}

.file\:text-foreground::file-selector-button {
    color: var(--foreground)
}

.placeholder\:text-muted-foreground::-moz-placeholder {
    color: var(--muted-foreground)
}

.placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground)
}

@media(hover: hover) {
    .hover\:bg-accent:hover {
        background-color:var(--accent)
    }

    .hover\:bg-destructive\/90:hover {
        background-color: var(--destructive)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .hover\:bg-destructive\/90:hover {
            background-color:color-mix(in oklab,var(--destructive) 90%,transparent)
        }
    }

    .hover\:bg-primary\/90:hover {
        background-color: var(--primary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .hover\:bg-primary\/90:hover {
            background-color:color-mix(in oklab,var(--primary) 90%,transparent)
        }
    }

    .hover\:bg-secondary\/80:hover {
        background-color: var(--secondary)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .hover\:bg-secondary\/80:hover {
            background-color:color-mix(in oklab,var(--secondary) 80%,transparent)
        }
    }

    .hover\:text-accent-foreground:hover {
        color: var(--accent-foreground)
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }
}

.focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.focus\:ring-ring:focus {
    --tw-ring-color: var(--ring)
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}

.focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .focus\:outline-hidden:focus {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.focus-visible\:border-ring:focus-visible {
    border-color: var(--ring)
}

.focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive)
}

@supports (color: color-mix(in lab,red,red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
    }
}

.focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring)
}

@supports (color: color-mix(in lab,red,red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
    }
}

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

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.has-\[\>svg\]\:px-2\.5:has(>svg) {
    padding-inline:calc(var(--spacing) * 2.5)}

.has-\[\>svg\]\: px-3:has(>svg) {
    padding-inline:calc(var(--spacing) * 3)
}

.has-\[\>svg\]\:px-4:has(>svg) {
    padding-inline:calc(var(--spacing) * 4)}

.aria-invalid\: border-destructive[aria-invalid=true] {
    border-color:var(--destructive)
}

.aria-invalid\:ring-destructive\/20[aria-invalid=true] {
    --tw-ring-color: var(--destructive)
}

@supports (color: color-mix(in lab,red,red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
    }
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none)
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
}

.data-\[state\=open\]\:animate-in[data-state=open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none)
}

.data-\[state\=open\]\:bg-accent[data-state=open] {
    background-color: var(--accent)
}

.data-\[state\=open\]\:text-muted-foreground[data-state=open] {
    color: var(--muted-foreground)
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
}

.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom] {
    inset-inline: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom] {
    bottom: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom] {
    margin-top: calc(var(--spacing) * 24)
}

.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom] {
    max-height: 80vh
}

.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom] {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius)
}

.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left] {
    inset-block: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left] {
    left: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left] {
    width: 75%
}

.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
}

.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right] {
    inset-block: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right] {
    right: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right] {
    width: 75%
}

.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}

.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top] {
    inset-inline: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top] {
    top: calc(var(--spacing) * 0)
}

.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top] {
    margin-bottom: calc(var(--spacing) * 24)
}

.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top] {
    max-height: 80vh
}

.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top] {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius)
}

.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}

@media(min-width: 40rem) {
    .sm\:block {
        display:block
    }

    .sm\:max-w-\[425px\] {
        max-width: 425px
    }

    .sm\:max-w-lg {
        max-width: var(--container-lg)
    }

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

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

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

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

    .sm\:pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .sm\:pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5)
    }

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

    .sm\:text-9xl {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--line-height))
    }

    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right] {
        max-width: var(--container-sm)
    }
}

@media(min-width: 48rem) {
    .md\:h-\[60px\] {
        height:60px
    }

    .md\:basis-1\/2 {
        flex-basis: 50%
    }

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

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

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

    .md\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
}

@media(min-width: 64rem) {
    .lg\:basis-1\/3 {
        flex-basis:33.3333%
    }

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

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

    .lg\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
}

@media(min-width: 80rem) {
    .xl\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.dark\:border-input:is(.dark *) {
    border-color: var(--input)
}

.dark\:bg-destructive\/60:is(.dark *) {
    background-color: var(--destructive)
}

@supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-destructive\/60:is(.dark *) {
        background-color:color-mix(in oklab,var(--destructive) 60%,transparent)
    }
}

.dark\:bg-gray-950:is(.dark *) {
    background-color: var(--color-gray-950)
}

.dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input)
}

@supports (color: color-mix(in lab,red,red)) {
    .dark\:bg-input\/30:is(.dark *) {
        background-color:color-mix(in oklab,var(--input) 30%,transparent)
    }
}

.dark\:text-gray-400:is(.dark *) {
    color: var(--color-gray-400)
}

.dark\:text-white:is(.dark *) {
    color: var(--color-white)
}

@media(hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color:var(--accent)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:hover\:bg-accent\/50:is(.dark *):hover {
            background-color:color-mix(in oklab,var(--accent) 50%,transparent)
        }
    }

    .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: var(--input)
    }

    @supports (color: color-mix(in lab,red,red)) {
        .dark\:hover\:bg-input\/50:is(.dark *):hover {
            background-color:color-mix(in oklab,var(--input) 50%,transparent)
        }
    }
}

.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive)
}

@supports (color: color-mix(in lab,red,red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
    }
}

.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
    --tw-ring-color: var(--destructive)
}

@supports (color: color-mix(in lab,red,red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
    }
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}:root{--radius: .75rem;--background: #ffffff;--foreground: #848488;--card: #ffffff;--card-foreground: #848488;--popover: #ffffff;--popover-foreground: #848488;--primary: #ff43a1;--primary-foreground: #fffcfc;--secondary: #fcfcfc;--secondary-foreground: #97979b;--muted: #fcfcfc;--muted-foreground: #d1d1d5;--accent: #fcfcfc;--accent-foreground: #97979b;--destructive: #ffc2b0;--border: #f8f8f9;--input: #f8f8f9;--ring: #ff43a1;--chart-1: #ffd0b2;--chart-2: #bae2db;--chart-3: #a6c1cd;--chart-4: #ffefc3;--chart-5: #ffe6bd;--sidebar: #fefefe;--sidebar-foreground: #848488;--sidebar-primary: #ff43a1;--sidebar-primary-foreground: #fffcfc;--sidebar-accent: #fcfcfc;--sidebar-accent-foreground: #97979b;--sidebar-border: #f8f8f9;--sidebar-ring: #ff43a1}.dark{--background: #848488;--foreground: #fefefe;--card: #97979b;--card-foreground: #fefefe;--popover: #97979b;--popover-foreground: #fefefe;--primary: #ff43a1;--primary-foreground: #fffcfc;--secondary: #a5a5a8;--secondary-foreground: #fefefe;--muted: #a5a5a8;--muted-foreground: #e3e3e6;--accent: #a5a5a8;--accent-foreground: #fefefe;--destructive: #ffd5cf;--border: #ffffff1a;--input: #ffffff26;--ring: #ff43a1;--chart-1: #a5ceff;--chart-2: #c4efd7;--chart-3: #ffe6bd;--chart-4: #e6cfff;--chart-5: #ffc9c8;--sidebar: #97979b;--sidebar-foreground: #fefefe;--sidebar-primary: #ff43a1;--sidebar-primary-foreground: #fffcfc;--sidebar-accent: #a5a5a8;--sidebar-accent-foreground: #fefefe;--sidebar-border: #ffffff1a;--sidebar-ring: #ff43a1}@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-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.header-square{margin:auto;display:grid;max-width:80rem;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;padding-left:12px;padding-right:12px}.header-square-item{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;border-radius:.25rem;padding:.5rem .375rem}.header-square-item__light{color:#a526ff;background:#fff}.text-square{margin-bottom:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px}.search-page-active,.search-page-active body,.search-page-active #root,.search-page-active .search-page{height:100%}.search-page-active body,.search-page-active #root,.search-page-active .search-page{height:100%;background:var(--bg2)}.float-panel{position:fixed;right:12px;bottom:180px;z-index:70;display:grid;grid-gap:20px;gap:20px}.float-panel__item{position:relative;display:block}.float-panel__image{width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover;display:block}.float-panel__close{position:absolute;top:-4px;right:-4px;font-size:12px;cursor:pointer}.ui-button{display:inline-flex;flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;outline:none;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s}.ui-button:disabled{pointer-events:none;opacity:.5}.ui-button svg{pointer-events:none;flex-shrink:0}.ui-button svg:not([class*=size-]){width:16px;height:16px}.ui-button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}.ui-button[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.ui-button--default{background:var(--primary);color:#fef2f2;box-shadow:0 1px 2px #0000000d}.ui-button--default:hover{background:color-mix(in srgb,var(--primary) 90%,transparent)}.ui-button--destructive{background:var(--destructive);color:#fff;box-shadow:0 1px 2px #0000000d}.ui-button--destructive:hover{background:color-mix(in srgb,var(--destructive) 90%,transparent)}.dark .ui-button--destructive{background:color-mix(in srgb,var(--destructive) 60%,transparent)}.ui-button--outline{border-color:var(--border);background:var(--bg3);color:var(--text5);box-shadow:0 1px 2px #0000000d}.dark .ui-button--outline{border-color:var(--input);background:color-mix(in srgb,var(--input) 30%,transparent)}.dark .ui-button--outline:hover,.dark .ui-button--ghost:hover{background:color-mix(in srgb,var(--input) 50%,transparent)}.ui-button--secondary{background:var(--secondary);color:var(--secondary-foreground);box-shadow:0 1px 2px #0000000d}.ui-button--secondary:hover{background:color-mix(in srgb,var(--secondary) 80%,transparent)}.ui-button--link{color:var(--primary);text-underline-offset:4px}.ui-button--link:hover{text-decoration:underline}.ui-button--size-default{height:34px;padding:8px 16px}.ui-button--size-sm{width:110px;height:32px;gap:6px;border-radius:8px;font-size:12px}.ui-button--size-xm{gap:6px;padding:5px 11px;border-radius:30px;font-size:12px}.ui-button--size-lg{width:134px;height:42px;padding:10px 20px;border-radius:100px}.ui-button--size-icon{width:36px;height:36px}.ui-input,.ui-textarea{display:flex;width:100%;min-width:0;border:1px solid var(--input);border-radius:6px;background:transparent;box-shadow:0 1px 2px #0000000d;color:inherit;font-size:16px;outline:none;transition:color .2s,box-shadow .2s}.ui-input{height:40px;padding:4px 12px}.ui-textarea{min-height:64px;padding:8px 12px;field-sizing:content}.ui-input::-moz-placeholder,.ui-textarea::-moz-placeholder{color:var(--muted-foreground)}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--muted-foreground)}.ui-input::-moz-selection,.ui-textarea::-moz-selection{background:var(--primary);color:var(--primary-foreground)}.ui-input::selection,.ui-textarea::selection{background:var(--primary);color:var(--primary-foreground)}.dark .ui-input,.dark .ui-textarea{background:color-mix(in srgb,var(--input) 30%,transparent)}.ui-input:focus-visible,.ui-textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)}.ui-input[aria-invalid=true],.ui-textarea[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.ui-input:disabled,.ui-textarea:disabled{cursor:not-allowed;opacity:.5}.ui-input::file-selector-button{display:inline-flex;height:28px;border:0;background:transparent;color:var(--foreground);font-size:14px;font-weight:500}.ui-label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000007f}.ui-overlay[data-state=open],.ui-dialog-content[data-state=open],.ui-alert-dialog-content[data-state=open]{animation:ui-fade-in .2s ease}.ui-overlay[data-state=closed],.ui-dialog-content[data-state=closed],.ui-alert-dialog-content[data-state=closed]{animation:ui-fade-out .2s ease}.ui-dialog-content,.ui-alert-dialog-content{position:fixed;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);outline:none}.ui-dialog-content[data-state=open],.ui-alert-dialog-content[data-state=open]{animation:ui-dialog-in .2s ease}.ui-dialog-content[data-state=closed],.ui-alert-dialog-content[data-state=closed]{animation:ui-dialog-out .2s ease}.ui-alert-dialog-content{display:grid;width:100%;max-width:calc(100% - 2rem);grid-gap:16px;gap:16px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--background);box-shadow:0 10px 15px -3px #0000001a}.ui-dialog-close{position:absolute;top:16px;right:16px;border:0;border-radius:2px;background:transparent;opacity:.7;transition:opacity .2s}.ui-dialog-close:hover{opacity:1}.ui-dialog-close:focus{outline:none;box-shadow:0 0 0 2px var(--ring),0 0 0 4px var(--background)}.ui-dialog-close:disabled{pointer-events:none}.ui-dialog-close[data-state=open]{background:var(--accent);color:var(--muted-foreground)}.ui-dialog-close svg{pointer-events:none;width:16px;height:16px;flex-shrink:0}.ui-dialog-header{display:flex;flex-direction:column;gap:8px;text-align:center}.ui-dialog-footer{display:flex;flex-direction:column-reverse;gap:8px}.ui-dialog-title{font-size:18px;font-weight:600;line-height:1}.ui-dialog-description{color:var(--muted-foreground);font-size:14px}.ui-drawer-content{position:fixed;z-index:100;display:flex;height:auto;flex-direction:column;background:var(--background)}.ui-drawer-content[data-vaul-drawer-direction=top]{inset-inline:0;top:0;max-height:80vh;margin-bottom:96px;border-bottom:1px solid var(--border);border-radius:0 0 12px 12px}.ui-drawer-content[data-vaul-drawer-direction=bottom]{inset-inline:0;bottom:0;max-height:80vh;margin-top:96px;border-top:1px solid var(--border);border-radius:12px 12px 0 0}.ui-drawer-content[data-vaul-drawer-direction=right]{inset-block:0;right:0;width:75%;border-left:1px solid var(--border)}.ui-drawer-content[data-vaul-drawer-direction=left]{inset-block:0;left:0;width:75%;border-right:1px solid var(--border)}.ui-drawer-handle{display:none;flex-shrink:0;width:100px;height:8px;margin:16px auto 0;border-radius:999px;background:var(--muted)}.ui-drawer-content[data-vaul-drawer-direction=bottom] .ui-drawer-handle{display:block}.ui-drawer-header{display:flex;flex-direction:column;gap:6px;padding:16px}.ui-drawer-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px}.ui-drawer-title{color:var(--foreground);font-weight:600}.ui-carousel{position:relative}.ui-carousel__viewport{overflow:hidden}.ui-carousel__track{display:flex}.ui-carousel__track--horizontal{margin-left:-16px}.ui-carousel__track--vertical{flex-direction:column;margin-top:-16px}.ui-carousel__item{min-width:0;flex:0 0 100%}.ui-carousel__item--horizontal{padding-left:16px}.ui-carousel__item--vertical{padding-top:16px}.ui-carousel__button{position:absolute;width:32px;height:32px;border-radius:999px}.ui-carousel__button--previous-horizontal{top:50%;left:-48px;translate:0 -50%}.ui-carousel__button--next-horizontal{top:50%;right:-48px;translate:0 -50%}.ui-carousel__button--previous-vertical{top:-48px;left:50%;translate:-50% 0;rotate:90deg}.ui-carousel__button--next-vertical{bottom:-48px;left:50%;translate:-50% 0;rotate:90deg}.ui-pagination{display:flex;width:100%;justify-content:center;margin:0 auto}.ui-pagination__content{display:flex;flex-direction:row;align-items:center;gap:4px}.ui-pagination__link-wrap--disabled{cursor:not-allowed}.ui-pagination__link--disabled{pointer-events:none;opacity:.5}.ui-pagination__arrow{gap:4px;padding-inline:10px}.ui-pagination__label{display:none}.ui-pagination__ellipsis{display:flex;width:24px;height:24px;align-items:center;justify-content:center}.ui-pagination__ellipsis-icon{width:16px;height:16px}.ui-text-white{color:#fff}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-fade-out{to{opacity:0}}@keyframes ui-dialog-in{0%{opacity:0;scale:.95}}@keyframes ui-dialog-out{to{opacity:0;scale:.95}}[data-disabled=true] .ui-label{pointer-events:none;opacity:.5}@media(min-width:768px){.ui-input,.ui-textarea{font-size:14px}}@media(min-width:640px){.ui-alert-dialog-content{max-width:32rem}.ui-dialog-header{text-align:left}.ui-dialog-footer{flex-direction:row;justify-content:flex-end}.ui-drawer-content[data-vaul-drawer-direction=right],.ui-drawer-content[data-vaul-drawer-direction=left]{max-width:24rem}.ui-pagination__label{display:block}}.home-page{min-height:100vh;background:var(--bg);font-family:var(--font-geist-sans),PingFang SC,Arial,Helvetica,sans-serif;font-size:12px}.home-page__sticky{position:-webkit-sticky;position:sticky;top:0;z-index:100}.home-page__sticky--dark{background:var(--bg5)}.home-page__sticky--light{background:#fff}.search-page{padding-bottom:100px!important;background:var(--bg2);font-size:12px;height:100%}.page-main{width:100%;max-width:80rem;margin:0 auto}.page-main--narrow{padding:0 12px}.page-main--spacious{padding:12px 16px}.page-scroll-anchor{scroll-margin-top:55px}.page-scroll-anchor--footer-gap{padding-bottom:90px!important}.page-fixed-footer{position:fixed;bottom:0;z-index:100;width:100%}.page-fixed-footer--low{z-index:30}.state-page{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;background:#fff;color:#1f2937;text-align:center}.dark .state-page{background:#030712;color:#fff}.state-page__code{font-size:72px;font-weight:800;line-height:1}.state-page__title{margin-top:16px;font-size:24px;font-weight:500}.state-page__description{margin-top:8px;color:#6b7280}.dark .state-page__description{color:#9ca3af}.state-page__action{margin-top:24px}.page-loading{display:flex;width:100%;height:100vh;align-items:center;justify-content:center}@media(min-width:640px){.state-page__code{font-size:128px}}.carousel-custom{position:relative;width:100%;margin:0 auto}.carousel-custom__root{width:100%}.carousel-custom__item{flex:0 0 100%}.carousel-custom__image{width:100%;display:block;border-radius:8px;-o-object-fit:cover;object-fit:cover}.carousel-custom__dots{position:absolute;left:50%;bottom:6px;transform:translate(-50%);display:flex;justify-content:center;gap:4px;z-index:2}.carousel-custom__dot{width:6px;height:6px;border-radius:999px;background:var(--bg2, rgba(255, 255, 255, .45))}.carousel-custom__dot--active{background:var(--bg1, #ffffff)}.site-footer{padding:20px 0;text-align:center}.site-footer--light{color:#fff}.script-injector{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-panel{width:100%;background:var(--bg6)}.bottom-panel__spacer{height:52px}.bottom-panel__inner{z-index:20;display:flex;align-items:center;max-width:80rem;height:52px;margin:0 auto;gap:10px;overflow:scroll;padding:0 16px;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bottom-panel__close{cursor:pointer}.bottom-panel__image{width:30px;height:30px;border-radius:6px}.bottom-panel__text{flex:1}.bottom-marquee{padding:12px;background:var(--bg6)}.bottom-marquee__viewport{position:relative;width:100%;height:70px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bottom-marquee__track{display:flex;will-change:transform}.bottom-marquee__name{margin-top:4px;overflow:hidden;color:var(--text3);font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1024px){.bottom-marquee__name{font-size:14px}}.site-header{display:flex;align-items:center;justify-content:center;padding-bottom:12px;background:var(--bg5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-header--empty{padding-top:12px!important;padding-bottom:12px!important}.site-header__logo{width:100%;max-width:480px;max-height:50px;padding:0 12px}.top-panel{z-index:20;padding-top:calc(env(safe-area-inset-top) + 12px);padding-bottom:12px!important;background:var(--bg5);color:var(--text)}.top-panel__name{font-size:12px;font-weight:400}.header-square{display:grid;max-width:80rem;margin:0 auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;padding:0 12px}.header-square-item{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;padding:8px 6px;border-radius:4px}.header-square-item__light{background:#fff;color:#a526ff}.header-square-item__light:nth-child(2n){color:#ff43a1!important}.header-square-item__dark{background:#ffffff1a;color:#dcb196}.header-square-item__dark:nth-child(2n){color:#ff43a1!important}.loading-custom{margin-top:32px;height:106px;display:flex;align-items:center;justify-content:center;color:var(--text3)}.loading-custom__icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-thumbnail{flex-shrink:0}.video-thumbnail--small{width:121px}.video-thumbnail__cover{position:relative;height:160px;overflow:hidden;border-radius:6px}.video-thumbnail--small .video-thumbnail__cover{height:59px}.video-thumbnail--middle .video-thumbnail__cover{height:85px}.video-thumbnail__image{width:100%;height:100%;background:var(--bg6);cursor:pointer;-o-object-fit:initial;object-fit:initial}.video-thumbnail__meta{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;color:var(--text);background:linear-gradient(to bottom,transparent,#000);font-size:14px;font-weight:300}.video-thumbnail--small .video-thumbnail__meta{gap:4px;padding:2px 4px;font-size:10px}.video-thumbnail--middle .video-thumbnail__meta{gap:4px;padding:6px;font-size:12px}.video-thumbnail__icon{color:#ef4444}.video-thumbnail__play-count{flex:1}.video-thumbnail__title{width:100%;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text1);font-size:13px;font-weight:500}.video-thumbnail--small .video-thumbnail__title{margin-top:4px;font-size:11px}.video-thumbnail--middle .video-thumbnail__title{margin-top:4px;font-size:13px}.home-card__grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.home-card__grid--featured{grid-template-columns:repeat(1,minmax(0,1fr))}.home-card__item{padding:12px;border-radius:4px;background:var(--bg2);font-weight:700}.home-card__head{display:flex;justify-content:space-between;padding-bottom:8px;font-size:16px}.home-card__title{display:flex;flex:1;align-items:center;gap:8px}.home-card__title--light,.home-card__more--light{color:#fff}.home-card__slogans{display:flex;align-items:center;gap:8px}.home-card__slogan{display:flex;align-items:center;justify-content:center;height:29px;padding:8px;border:1px solid currentColor;border-radius:100px;color:#ff43a1;font-size:13px}.home-card__slogan--link{color:#ff43a1!important;text-decoration:none}.home-card__more{display:flex;cursor:pointer;align-items:center;gap:4px;font-size:12px;font-weight:400}.home-card__thumb-row{display:flex;gap:8px;margin-top:8px;overflow:auto}.home-card__middle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}@media(min-width:640px){.home-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.home-card__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:7px;gap:7px;margin:12px 0}.icon-grid__item{display:flex;justify-content:center}.icon-grid__image{aspect-ratio:1;width:62px;border-radius:6px}.icon-grid__name{margin-top:4px;overflow:hidden;color:var(--text3);font-size:10px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.icon-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1024px){.icon-grid__name{font-size:14px}}.promo-modal-content{top:40%;width:100%;max-width:350px;height:100%;max-height:418px;padding:0;border:0;border-radius:32px;overflow:visible;background-color:transparent;background-image:url(https://xhsjsws.bjyubaojiahe.com/5v/images/download-bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;box-shadow:none;aspect-ratio:16 / 9}.promo-modal-body{height:320px;margin-top:80px;padding:30px 30px 5px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;overflow:hidden;border-radius:12px}.promo-modal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;overflow:auto}.promo-modal-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;text-decoration:none;transition:.2s;cursor:default}.promo-modal-item--clickable{cursor:pointer}.promo-modal-image{min-height:64px;max-width:64px;border-radius:12px}.promo-modal-name{display:-webkit-box;overflow:hidden;color:#000;font-size:12px;line-height:1.2;-webkit-line-clamp:1;-webkit-box-orient:vertical}.promo-modal-close{position:absolute;bottom:-40px;left:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transform:translate(-50%);cursor:pointer}.download-ios{background-color:#191d2b;width:320px;padding:15px;top:40%;border-radius:0 0 12px 12px}.download-ios .top-text{color:var(--grey-dark, #262626);text-align:center;font-size:13px;font-weight:400;line-height:normal;position:relative}.download-ios .bottom-group{display:flex;justify-content:space-between;margin:12px 0;gap:12px}.download-ios .bottom-group-app{justify-content:center}.download-ios .bottom-link{color:var(--main-blue, #ff42a1);text-align:center;font-family:PingFang SC;font-size:13px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.download-ios .screenshot{margin:0 -15px;height:225.75px}.custom-dialog-content-ios .adm-center-popup-wrap{display:flex!important;justify-content:center!important;align-items:center!important;min-height:100vh}.custom-dialog-content-ios .adm-dialog-body{position:relative;bottom:-70px;width:315px;max-width:90vw;font-size:16px;line-height:1.6;margin:0 auto}.custom-dialog-content-ios .adm-dialog-body .adm-dialog-content{padding-bottom:10px}.custom-dialog-content-ios .adm-dialog-footer{display:flex;justify-content:flex-end;padding:4px 10px;font-size:20px}.ios-guide-modal{display:none;width:100vw;height:100vh;background:#262626d7;position:fixed;top:0;left:0;z-index:120;justify-content:center;align-items:flex-end}.ios-guide-modal .ios-guide-modal-content{max-width:428px;z-index:20;background:#1c192e}.ios-guide-modal .ios-guide-modal-content--show{animation:bottomShow .3s ease-in-out}.ios-guide-modal .ios-guide{margin:15px;text-align:center}.ios-guide-modal .ios-guide img{margin-top:12px}.ios-guide-modal[data-show=true]{display:flex}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:inherit;transition:none}.adm-plain-anchor:active{opacity:1;opacity:initial}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-image{--width: var(--adm-image-width, auto);--height: var(--adm-image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{position:relative;background-color:var(--adm-color-fill-content);height:100%;min-height:24px;min-width:24px}.adm-image-tip>svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--adm-color-weak)}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-center-popup{--background-color: var(--adm-center-popup-background-color, var(--adm-color-background));--border-radius: var(--adm-center-popup-border-radius, 8px);--max-width: var(--adm-center-popup-max-width, 75vw);--min-width: var(--adm-center-popup-min-width, 280px);--z-index: var(--adm-center-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{position:fixed;z-index:1;top:50%;left:50%;width:auto;min-width:var(--min-width);max-width:var(--max-width);transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-dialog{--z-index: var(--adm-dialog-z-index, 1000);---z-index: var(--z-index)}.adm-dialog .adm-center-popup{--z-index: var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{margin-bottom:12px;max-height:40vh}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-dialog-content{padding:0 12px 20px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-dialog-content-empty{padding:0;height:12px}.adm-dialog-footer{-webkit-user-select:none;-moz-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{display:flex;align-items:stretch;border-top:.5px solid var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{padding:10px;font-size:var(--adm-font-size-10);line-height:25px;border-radius:0;border-right:solid .5px var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;transform:translateY(-50%);width:auto;max-width:204px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box;text-align:left;text-align:initial}.adm-toast-mask .adm-toast-main-text{padding:12px;min-width:0}.adm-toast-mask .adm-toast-main-icon{padding:35px 12px;min-width:150px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}.header-modal{position:relative;display:flex;align-items:center;justify-content:center;height:46px;padding:0 16px;background:var(--bg1);border-radius:12px 12px 0 0}.header-modal__title{color:var(--text);font-size:16px;font-weight:700;line-height:1}.header-modal__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-modal__close svg{display:block}.domain-img{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch}.domain-img .toast-copy-button{display:flex;padding:5px 12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:#ff42a1}.domain-img .toast-copy-button .toast-copy-button-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden;color:var(--white, #fff);text-align:center;text-overflow:ellipsis;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:12px}.domain-img .toast-app-header-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.domain-img .toast-app-header-container .toast-app-header{display:flex;padding:6px 8px;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:8px;background:#ffffff0d}.domain-img .toast-app-header-container .toast-app-header .toast-app-icon{display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:10px;background:linear-gradient(180deg,#fff,#fff 27.8%,#fff 65.6%)}.domain-img .toast-app-header-container .toast-app-header .toast-app-text{display:flex;padding:4px;flex-direction:column;align-items:flex-start;gap:10px;flex:1 0 0;border-radius:100px;background:#ff42a140}.domain-img .toast-app-header-container .toast-app-header .toast-app-text .toast-app-text-content{display:flex;padding:6px 6px 6px 16px;align-items:center;gap:10px;align-self:stretch;border-radius:100px;border:1px solid #ff42a1;background:var(--bg-191-d-2-b-100, #191d2b)}.domain-img .toast-app-header-container .toast-app-header .toast-app-text .toast-app-text-content .toast-app-text-body{flex:1 0 0;color:#ff42a1;font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.domain-img .toast-domain-wrapper{display:flex;padding:6px 8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:#ffffff0d}.domain-img .toast-domain-wrapper .toast-domain-container{display:flex;width:290px;padding:6px;align-items:center;gap:10px;border-radius:10000px;border:1px solid #35324c;background:#1c192e}.domain-img .toast-domain-wrapper .toast-domain-container .toast-domain-icon{width:22px;height:22px;flex-shrink:0}.domain-img .toast-domain-wrapper .toast-domain-container .toast-domain-title{flex:1 0 0;color:#dcb196;text-align:center;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.32px}.domain-img .toast-domain-wrapper .toast-separator{align-self:stretch;color:#ffffffb3;text-align:center;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.domain-img .toast-domain-wrapper .toast-email-container{display:flex;width:290px;padding:6px 6px 6px 15px;align-items:center;gap:10px;border-radius:10000px;border:1px solid #35324c;background:#1c192e}.domain-img .toast-domain-wrapper .toast-email-container .toast-email-text{flex:1 0 0;color:#fff;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.32px}.notice-dialog{position:fixed;z-index:100;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#00000053;background-position:center;background-size:cover}.notice-dialog--hidden{display:none}.notice-dialog--visible{display:flex}.notice-dialog__content{animation:bottomShow .3s ease-in-out}.notice-dialog__close{bottom:-56px;cursor:pointer;font-size:24px}.text-square{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:12px}.text-square__link{display:block;margin-top:4px;padding:6px 0;overflow:hidden;border:1px solid #ff43a1;border-radius:4px;background:var(--bg2);color:var(--text5);font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.text-square{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(min-width:1024px){.text-square__link{font-size:14px}}.pagination-custom{align-items:center;margin-top:16px}.pagination-custom--light{color:#fff}.video-card{padding-bottom:90px}.video-card__loading{height:0;opacity:0;transition:height .3s,opacity .3s}.video-card__loading--visible{height:138px;opacity:1}.video-card__grid{display:grid;grid-gap:12px;gap:12px}.video-card__item{position:relative;width:100%;height:160px;overflow:hidden;border-radius:6px;cursor:pointer}.video-card__image{width:100%;height:100%;background:var(--bg6)}.video-card__hot{position:absolute;top:0;right:0;aspect-ratio:1;width:45px;clip-path:polygon(0 0,100% 0,100% 100%,100% 100%,0 0);background:#ef4444;color:var(--text);font-weight:700}.video-card__hot-text{position:relative;top:14.5px;left:13px;rotate:45deg;font-size:12px}.video-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 12px;background:#0006;color:var(--text);font-size:12px;text-align:center}.video-card__title{width:100%;font-size:16px;font-weight:400}.video-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:var(--text);font-size:10px}.video-card__dot{font-size:6px}.video-card__date{opacity:.7}@media(min-width:768px){.video-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.video-card__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.video-card__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tab-custom-wrap{position:relative;overflow-x:auto;overflow-y:hidden}.tab-custom-list{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-custom-list::-webkit-scrollbar{display:none}.tab-custom-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:8px;flex-shrink:0;cursor:pointer;border-radius:100px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fffc;font-size:12px;font-weight:500;line-height:12px;text-align:center;box-sizing:border-box;transition:all .2s ease}.tab-custom-item--active{background:#fff;color:#f6339a;border-color:transparent;font-weight:700}.category-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:8px;border-radius:0 0 16px 16px;background:linear-gradient(to bottom,#ff42a1,#ff42a1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-input{display:flex;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px}.search-input--dark{margin-top:12px;border-radius:4px;background:var(--bg2)}.search-input--light{border-radius:999px;background:#fff}.search-input__icon{color:var(--text1);font-size:12px}.search-input__text{color:var(--text3);font-size:12px}.search-head{position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%;padding:calc(env(safe-area-inset-top) + 10px) 10px 10px;background:var(--bg)}.search-head__form{display:flex;max-width:80rem;margin:0 auto;align-items:center;gap:12px}.search-head__back{display:flex;cursor:pointer}.search-head__back-icon{color:var(--bg1);font-size:20px}.search-head__input{height:30px;flex:1;border-radius:999px;background:var(--bg2);font-size:12px}.search-head__input--light{color:#fff}.search-head__button{height:26px;padding:0 20px;border-radius:999px;background:var(--bg1);color:var(--text);font-size:12px}.search-head__main{max-width:80rem;margin:0 auto;padding:12px 16px}.search-head__section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.search-head__section-title{color:var(--text1);font-size:16px;font-weight:500}.search-head__delete-all{margin-right:20px}.search-head__delete-icon{cursor:pointer;font-size:14px}.search-head__tags{display:flex;flex-wrap:wrap;gap:8px}.search-head__tags--hot{margin-bottom:8px}.search-head__tag{cursor:pointer;padding:5px 8px;border-radius:999px;background:var(--bg3)}.search-head__tag--history{display:flex;align-items:center;gap:4px;overflow:hidden}.search-head__tag--light{color:#fff}.search-head__tag-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-head__tag-close{width:10px;height:10px}.search-head__hot-title{margin:12px 0 8px;color:var(--text1);font-size:14px;font-weight:500}.media-strip{display:grid;grid-gap:4px;gap:4px;width:100%}.media-strip__item{display:block;width:100%;overflow:hidden;text-decoration:none}.media-strip__image{display:block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media(min-width:768px){.media-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-strip{display:grid;grid-gap:4px;gap:4px}.feature-strip__item{display:block;width:100%;height:94px;overflow:hidden;border-radius:8px}.feature-strip__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(min-width:768px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-strip__item{height:153px}}.video-custom-container{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:12px}.video-custom-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dplayer-full-in-icon{display:none!important}.responsive-dialog__content{max-width:425px}.responsive-dialog__drawer--dark{background:var(--bg)}.responsive-dialog__drawer-header{text-align:left}.responsive-dialog__title--light{color:#fff}.responsive-dialog__body{padding:0 16px}.responsive-dialog__footer{padding-top:8px}.comment-area,.comment-area *{box-sizing:border-box}.comment-area{display:grid;width:100%;max-width:36rem;margin:0 auto;grid-gap:2px;gap:2px}.comment-area__count{margin:12px 0;color:var(--text3)}.comment-area__list{min-height:200px;min-width:0}.comment-area__item{margin:0 -16px;padding:4px 16px;cursor:pointer}.comment-area__item:hover,.comment-area__item:active{background:var(--bg)}.comment-area__item--child{padding-left:30px}.comment-area__item-head{display:flex;justify-content:space-between}.comment-area__nickname{color:var(--text3);font-weight:700}.comment-area__reply{color:var(--text4)}.comment-area__content{padding:2px 0}.comment-area__content .script-injector{white-space:pre-wrap}.comment-area__content--light{color:#fff}.comment-area__date{color:var(--text3)}.comment-area__form{display:grid;align-items:start;grid-gap:16px;gap:16px;min-width:0}.comment-area__field{display:grid;grid-gap:8px;gap:8px;min-width:0}.comment-area__textarea{height:94px;margin-bottom:8px;width:100%;max-width:100%;resize:vertical;word-break:break-all}.comment-area__input{margin-bottom:8px;width:100%;max-width:100%}.comment-area__loading-icon{animation:comment-area-spin 1s linear infinite}@keyframes comment-area-spin{to{rotate:360deg}}.share-icon{cursor:pointer;color:var(--bg1);font-size:20px}.video-detail-page{background:var(--bg2);font-size:12px}.video-detail-page--category{min-height:100vh;background:var(--bg)}.video-detail-page__sticky{position:-webkit-sticky;position:sticky;top:0;z-index:100}.video-detail-page__header{z-index:100;display:flex;max-width:80rem;margin:0 auto;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) 10px 12px;background:var(--bg)}.video-detail-page__back{display:flex;cursor:pointer}.video-detail-page__icon{color:var(--bg1);font-size:20px}.video-detail-page__header-title{flex:1;font-size:16px;font-weight:700;text-align:center}.video-detail-page__header-title--light{color:#fff}.video-detail-page__header-title--dark{color:#000}.video-detail-page__tabs{position:relative}.video-detail-page__title{padding-bottom:6px;border-bottom:.5px solid var(--border1);font-size:20px;font-weight:700;overflow-wrap:anywhere}.video-detail-page__title--light{color:#fff}.video-detail-page__meta{display:flex;gap:10px;margin:6px 0 12px;color:var(--text3)}.video-detail-page__content{margin:12px 0;padding:8px;border-radius:2px}.video-detail-page__content--active{background:var(--bg4);min-width:0}.video-detail-page__players{position:relative;display:flex;flex-direction:column;gap:12px;text-align:center}.video-detail-page__labels{display:flex;flex-wrap:wrap;gap:4px;padding:12px 0;border-bottom:.5px solid var(--border1)}.video-detail-page__label{display:flex;align-items:center;height:16px;padding:0 8px;border-radius:4px;background:var(--bg1);color:var(--text);font-size:10px}.video-detail-page__section-title{margin-bottom:8px;color:var(--text1)}.video-detail-page__recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:11px;gap:11px;margin-bottom:12px}.video-detail-page__comments{padding:10px 0;border-top:.5px solid var(--border1)}@media(min-width:640px){.video-detail-page__recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.video-detail-page__recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.video-detail-page__recommend-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}