/*
! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
*/
:root {
    color-scheme: dark;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
}

html {
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

body {
    background-color: rgb(24 24 27 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark {
    color-scheme: dark;
}

:root {
    color-scheme: dark;
}

html {
    background-color: rgb(24 24 27);
    color: rgb(255 255 255);
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid rgb(63 63 70)
}

:after,
:before {
    --tw-content: ""
}

.error-message {
    display: inline-block; /* ширина по тексту */
    padding: 6px 12px;
    margin-top: 6px;
    border-radius: 8px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
    font-size: 14px;
    font-weight: 600;
    text-align: left; /* чтобы не было по центру */
}


:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-inter);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: Fira Code, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #eb2525;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #eb2525
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

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

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

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

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

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

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(hr):not(:where([class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: .25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose :where(h2):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose :where(h3):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(h4):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(img):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(figure>*):not(:where([class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose :where(code):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose] *)) {
    vertical-align: top
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(video):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(figure):not(:where([class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(li):not(:where([class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose] *)) {
    padding-left: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(hr+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose] *)) {
    padding: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose] *)) {
    padding-left: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose] *)) {
    padding-right: 0
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-zinc {
    --tw-prose-body: #3f3f46;
    --tw-prose-headings: #090a0d;
    --tw-prose-lead: #52525b;
    --tw-prose-links: #090a0d;
    --tw-prose-bold: #090a0d;
    --tw-prose-counters: #71717a;
    --tw-prose-bullets: #d4d4d8;
    --tw-prose-hr: #e4e4e7;
    --tw-prose-quotes: #090a0d;
    --tw-prose-quote-borders: #e4e4e7;
    --tw-prose-captions: #71717a;
    --tw-prose-code: #090a0d;
    --tw-prose-pre-code: #e4e4e7;
    --tw-prose-pre-bg: #27272a;
    --tw-prose-th-borders: #d4d4d8;
    --tw-prose-td-borders: #e4e4e7;
    --tw-prose-invert-body: #d4d4d8;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a1a1aa;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a1a1aa;
    --tw-prose-invert-bullets: #52525b;
    --tw-prose-invert-hr: #3f3f46;
    --tw-prose-invert-quotes: #f4f4f5;
    --tw-prose-invert-quote-borders: #3f3f46;
    --tw-prose-invert-captions: #a1a1aa;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d8;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #52525b;
    --tw-prose-invert-td-borders: #3f3f46
}

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

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

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.-inset-x-4 {
    left: -1rem;
    right: -1rem
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-4 {
    bottom: -1rem
}

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

.-right-1 {
    right: -.25rem
}

.-right-4 {
    right: -1rem
}

.-top-1 {
    top: -.25rem
}

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

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

.bottom-0 {
    bottom: 0
}

.bottom-2 {
    bottom: .5rem
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-safe-bottom {
    bottom: env(safe-area-inset-bottom)
}

.left-0 {
    left: 0
}

.left-14 {
    left: 3.5rem
}

.left-safe-left {
    left: env(safe-area-inset-left)
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-5 {
    right: 1.25rem
}

.right-safe-right {
    right: env(safe-area-inset-right)
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

.top-11 {
    top: 2.75rem
}

.top-18 {
    top: 4.5rem
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-20 {
    top: 5rem
}

.top-24 {
    top: 6rem
}

.top-4 {
    top: 1rem
}

.top-40 {
    top: 10rem
}

.top-44 {
    top: 11rem
}

.top-8 {
    top: 2rem
}

.top-full {
    top: 100%
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[200\] {
    z-index: 200
}

.z-\[5\] {
    z-index: 5
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-start-2 {
    grid-column-start: 2
}

.-m-1 {
    margin: -.25rem
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-2 {
    margin: -.5rem
}

.-m-3 {
    margin: -.75rem
}

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

.-mx-2\.5 {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

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

.-mx-\[0\.1435rem\] {
    margin-left: -.1435rem;
    margin-right: -.1435rem
}

.-my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.-my-0\.5 {
    margin-top: -.125rem;
    margin-bottom: -.125rem
}

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-my-2\.5 {
    margin-top: -.625rem;
    margin-bottom: -.625rem
}

.-my-\[calc\(theme\(spacing\.2\)\+1px\)\] {
    margin-top: calc(calc(.5rem + 1px) * -1);
    margin-bottom: calc(calc(.5rem + 1px) * -1)
}

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

.mx-0\.5 {
    margin-left: .125rem;
    margin-right: .125rem
}

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

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

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

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

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-mb-6 {
    margin-bottom: -1.5rem
}

.-mb-9 {
    margin-bottom: -2.25rem
}

.-ml-0 {
    margin-left: 0
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.-ml-8 {
    margin-left: -2rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mt-0 {
    margin-top: 0
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

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

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

.-mt-6 {
    margin-top: -1.5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-1\.5 {
    margin-bottom: .375rem
}

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

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

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-0\.575rem\] {
    margin-bottom: -.575rem
}

.mb-\[1\.25em\] {
    margin-bottom: 1.25em
}

.ml-11 {
    margin-left: 2.75rem
}

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

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-7 {
    margin-left: 1.75rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-9 {
    margin-left: 2.25rem
}

.ml-\[-4\.5rem\] {
    margin-left: -4.5rem
}

.ml-\[1\.625em\] {
    margin-left: 1.625em
}

.mr-1 {
    margin-right: .25rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

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

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-0\.07rem\] {
    margin-top: -.07rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-44 {
    height: 11rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-5\.5 {
    height: 1.375rem
}

.h-52 {
    height: 13rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-96 {
    height: 24rem
}

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

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

.h-\[4\.625rem\] {
    height: 4.625rem
}

.h-\[calc\(100vh-4\.5rem\)\] {
    height: calc(100vh - 4.5rem)
}

.h-\[calc\(theme\(height\.full\)\+theme\(height\.8\)\)\] {
    height: calc(100% + 2rem)
}

.h-\[calc\(theme\(height\.full\)-theme\(spacing\.3\)\*2\)\] {
    height: calc(100% - .75rem * 2)
}

.h-\[calc\(theme\(height\.full\)-theme\(spacing\.\[2\.5\]\)\*2\)\] {
    height: calc(100% - .625rem * 2)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: var(--100vh)
}

.max-h-96 {
    max-height: 24rem
}

.min-h-\[calc\(100vh-14\.25rem\)\] {
    min-height: calc(100vh - 14.25rem)
}

.min-h-\[calc\(100vh-4\.5rem\)\] {
    min-height: calc(100vh - 4.5rem)
}

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

.min-h-screen {
    min-height: var(--100vh)
}

.w-0 {
    width: 0
}

.w-0\.75 {
    width: .1875rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-4 {
    width: 1rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\.5 {
    width: 1.375rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-96 {
    width: 24rem
}

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

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

.w-\[85vw\] {
    width: 85vw
}

.w-\[calc\(theme\(width\.full\)-theme\(spacing\.4\)\*2\)\] {
    width: calc(100% - 1rem * 2)
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

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

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-\[16rem\] {
    max-width: 16rem
}

.max-w-\[22rem\] {
    max-width: 22rem
}

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

.max-w-\[48rem\] {
    max-width: 48rem
}

.max-w-\[64rem\] {
    max-width: 64rem
}

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

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-none {
    flex: none
}

.shrink-0 {
    flex-shrink: 0
}

.grow-0 {
    flex-grow: 0
}

.basis-40 {
    flex-basis: 10rem
}

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-center {
    transform-origin: center
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-12 {
    --tw-translate-x: -3rem
}

.-translate-x-12,
.-translate-x-24 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-24 {
    --tw-translate-x: -6rem
}

.-translate-x-7 {
    --tw-translate-x: -1.75rem
}

.-translate-x-7,
.-translate-x-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-8 {
    --tw-translate-x: -2rem
}

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

.-translate-x-full,
.-translate-y-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-4 {
    --tw-translate-y: -1rem
}

.-translate-y-5 {
    --tw-translate-y: -1.25rem
}

.-translate-y-5,
.-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,
.translate-x-0\.5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0\.5 {
    --tw-translate-x: 0.125rem
}

.translate-x-12 {
    --tw-translate-x: 3rem
}

.translate-x-12,
.translate-x-24 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-24 {
    --tw-translate-x: 6rem
}

.translate-x-5 {
    --tw-translate-x: 1.25rem
}

.translate-x-5,
.translate-x-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-8 {
    --tw-translate-x: 2rem
}

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

.translate-x-full,
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1 {
    --tw-translate-y: 0.25rem
}

.translate-y-1,
.translate-y-1\.25 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\.25 {
    --tw-translate-y: 0.3125rem
}

.translate-y-12 {
    --tw-translate-y: 3rem
}

.translate-y-12,
.translate-y-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-4,
.translate-y-5 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-5 {
    --tw-translate-y: 1.25rem
}

.translate-y-8 {
    --tw-translate-y: 2rem
}

.translate-y-8,
.translate-y-\[0\.20rem\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[0\.20rem\] {
    --tw-translate-y: 0.20rem
}

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

.-rotate-12,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.-rotate-\[16deg\] {
    --tw-rotate: -16deg
}

.-rotate-\[16deg\],
.rotate-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.rotate-180,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.rotate-\[var\(--rotate\)\] {
    --tw-rotate: var(--rotate)
}

.rotate-\[var\(--rotate\)\],
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-110,
.scale-125 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.scale-150,
.scale-75 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-90,
.scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-\[1\.3\] {
    --tw-scale-x: 1.3;
    --tw-scale-y: 1.3
}

.scale-\[1\.3\],
.scale-\[1\.75\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.75\] {
    --tw-scale-x: 1.75;
    --tw-scale-y: 1.75
}

.scale-x-\[2\.5\] {
    --tw-scale-x: 2.5
}

.scale-x-\[2\.5\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes shine {
    0% {
        background-position: -2000px 0
    }

    to {
        background-position: 1000px 0
    }
}

.animate-shine {
    animation: shine 5s linear infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

.cursor-help {
    cursor: help
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

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

.resize {
    resize: both
}

.scroll-mt-24 {
    scroll-margin-top: 6rem
}

.scroll-mt-40 {
    scroll-margin-top: 10rem
}

.list-outside {
    list-style-position: outside
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-flow-col {
    grid-auto-flow: column
}

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

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

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

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

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
}

.grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto
}

.grid-cols-\[auto_auto_auto_1fr\] {
    grid-template-columns: auto auto auto 1fr
}

.grid-cols-\[theme\(width\[4\.5\]\)_auto\] {
    grid-template-columns: 1.125rem auto
}

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

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

.grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto
}

.grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr
}

.grid-rows-\[auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto
}

.grid-rows-\[auto_auto_1fr\] {
    grid-template-rows: auto auto 1fr
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-end {
    place-items: end
}

.place-items-center {
    place-items: center
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

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

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

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

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

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

.rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.rounded-tl-sm {
    border-top-left-radius: .125rem
}

.rounded-tr-sm {
    border-top-right-radius: .125rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.border-red-600\/50 {
    border-color: rgba(220, 38, 38, .5)
}

.border-teal-600 {
    --tw-border-opacity: 1;
    border-color: rgb(13 148 136/var(--tw-border-opacity))
}

.border-teal-600\/50 {
    border-color: rgba(13, 148, 136, .5)
}

.border-transparent {
    border-color: transparent
}

.border-white\/50 {
    border-color: hsla(0, 0%, 100%, .5)
}

.border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245/var(--tw-border-opacity))
}

.border-zinc-100\/50 {
    border-color: hsla(240, 5%, 96%, .5)
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.border-zinc-200\/50 {
    border-color: hsla(240, 6%, 90%, .5)
}

.border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity))
}

.border-zinc-600\/50 {
    border-color: rgba(82, 82, 91, .5)
}

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

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/5 {
    background-color: rgba(0, 0, 0, .05)
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.bg-cyan-100\/50 {
    background-color: rgba(207, 250, 254, .5)
}

.bg-cyan-200\/30 {
    background-color: rgba(165, 243, 252, .3)
}

.bg-cyan-400\/25 {
    background-color: rgba(34, 211, 238, .25)
}

.bg-cyan-600\/10 {
    background-color: rgba(8, 145, 178, .1)
}

.bg-emerald-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(167 243 208/var(--tw-bg-opacity))
}

.bg-green-100\/50 {
    background-color: rgba(220, 252, 231, .5)
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(187 247 208/var(--tw-bg-opacity))
}

.bg-green-500\/75 {
    background-color: rgba(34, 197, 94, .75)
}

.bg-indigo-100\/50 {
    background-color: rgba(224, 231, 255, .5)
}

.bg-indigo-200\/30 {
    background-color: rgba(199, 210, 254, .3)
}

.bg-indigo-300\/15 {
    background-color: rgba(165, 180, 252, .15)
}

.bg-indigo-800\/20 {
    background-color: rgba(55, 48, 163, .2)
}

.bg-orange-100\/50 {
    background-color: rgba(255, 237, 213, .5)
}

.bg-orange-300\/15 {
    background-color: hsla(31, 97%, 72%, .15)
}

.bg-red-100\/50 {
    background-color: hsla(0, 93%, 94%, .5)
}

.bg-red-300\/20 {
    background-color: hsla(0, 94%, 82%, .2)
}

.bg-red-300\/25 {
    background-color: hsla(0, 94%, 82%, .25)
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-500\/75 {
    background-color: rgba(239, 68, 68, .75)
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-rose-100\/50 {
    background-color: rgba(255, 228, 230, .5)
}

.bg-sky-100\/50 {
    background-color: rgba(224, 242, 254, .5)
}

.bg-sky-300\/15 {
    background-color: rgba(125, 211, 252, .15)
}

.bg-sky-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 132 199/var(--tw-bg-opacity))
}

.bg-teal-100\/50 {
    background-color: rgba(204, 251, 241, .5)
}

.bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 246 228/var(--tw-bg-opacity))
}

.bg-teal-50\/40 {
    background-color: rgba(240, 253, 250, .4)
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 148 136/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-white\/75 {
    background-color: hsla(0, 0%, 100%, .75)
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-yellow-100\/50 {
    background-color: hsla(55, 97%, 88%, .5)
}

.bg-yellow-200\/20 {
    background-color: hsla(53, 98%, 77%, .2)
}

.bg-yellow-300\/15 {
    background-color: rgba(253, 224, 71, .15)
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21/var(--tw-bg-opacity))
}

.bg-yellow-50\/30 {
    background-color: hsla(55, 92%, 95%, .3)
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.bg-zinc-100\/50 {
    background-color: hsla(240, 5%, 96%, .5)
}

.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.bg-zinc-200\/25 {
    background-color: hsla(240, 6%, 90%, .25)
}

.bg-zinc-200\/50 {
    background-color: hsla(240, 6%, 90%, .5)
}

.bg-zinc-200\/75 {
    background-color: hsla(240, 6%, 90%, .75)
}

.bg-zinc-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.bg-zinc-300\/25 {
    background-color: hsla(240, 5%, 84%, .25)
}

.bg-zinc-300\/50 {
    background-color: hsla(240, 5%, 84%, .5)
}

.bg-zinc-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170/var(--tw-bg-opacity))
}

.bg-zinc-400\/50 {
    background-color: hsla(240, 5%, 65%, .5)
}

.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-zinc-50\/50 {
    background-color: hsla(0, 0%, 98%, .5)
}

.bg-zinc-50\/75 {
    background-color: hsla(0, 0%, 98%, .75)
}

.bg-zinc-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

.bg-zinc-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.bg-zinc-700\/50 {
    background-color: rgba(63, 63, 70, .5)
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-zinc-900\/10 {
    background-color: rgba(24, 24, 27, .1)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-\[\#f4f4f5\] {
    --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(240, 5%, 96%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400 {
    --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(74, 222, 128, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-400 {
    --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(244, 114, 182, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-400 {
    --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 91%, 71%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
    --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(239, 68, 68, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-400 {
    --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(45, 212, 191, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-50\/50 {
    --tw-gradient-from: rgba(240, 253, 250, .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(240, 253, 250, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-500 {
    --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-teal-500\/50 {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-teal-500\/75 {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .75) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[var\(--fill\)\] {
    --tw-gradient-to: var(--fill) var(--tw-gradient-to-position)
}

.to-green-600 {
    --tw-gradient-to: #16a34a var(--tw-gradient-to-position)
}

.to-pink-400 {
    --tw-gradient-to: #f472b6 var(--tw-gradient-to-position)
}

.to-red-500 {
    --tw-gradient-to: #ef4444 var(--tw-gradient-to-position)
}

.to-red-600 {
    --tw-gradient-to: #dc2626 var(--tw-gradient-to-position)
}

.to-teal-50\/75 {
    --tw-gradient-to: rgba(240, 253, 250, .75) var(--tw-gradient-to-position)
}

.to-teal-600 {
    --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.stroke-\[\#0002\] {
    stroke: #0002
}

.stroke-\[\#fff3\] {
    stroke: #fff3
}

.stroke-1 {
    stroke-width: 1
}

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

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-\[calc\(theme\(spacing\.2\)\+1px\)\] {
    padding: calc(.5rem + 1px)
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

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

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

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

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

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

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

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

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

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

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

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

.pb-0 {
    padding-bottom: 0
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-7 {
    padding-left: 1.75rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-3\.5 {
    padding-right: .875rem
}

.pr-4 {
    padding-right: 1rem
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

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

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-3 {
    padding-top: .75rem
}

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

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.font-manrope {
    font-family: var(--font-manrope)
}

.font-mono {
    font-family: Fira Code, monospace
}

.font-pixel {
    font-family: Minecraft, monospace
}

.font-sans {
    font-family: var(--font-inter)
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-\[550\] {
    font-weight: 550
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-tighter {
    letter-spacing: -.05em
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity))
}

.text-cyan-500\/15 {
    color: rgba(6, 182, 212, .15)
}

.text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.text-green-500\/15 {
    color: rgba(34, 197, 94, .15)
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.text-indigo-500\/15 {
    color: rgba(99, 102, 241, .15)
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202/var(--tw-text-opacity))
}

.text-orange-500\/15 {
    color: rgba(249, 115, 22, .15)
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(234 88 12/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity))
}

.text-rose-500\/15 {
    color: rgba(244, 63, 94, .15)
}

.text-sky-500\/15 {
    color: rgba(14, 165, 233, .15)
}

.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199/var(--tw-text-opacity))
}

.text-sky-700 {
    --tw-text-opacity: 1;
    color: rgb(3 105 161/var(--tw-text-opacity))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.text-teal-500\/15 {
    color: rgba(20, 184, 166, .15)
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110/var(--tw-text-opacity))
}

.text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(17 94 89/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.text-yellow-500\/15 {
    color: rgba(234, 179, 8, .15)
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7/var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14/var(--tw-text-opacity))
}

.text-zinc-100 {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
}

.text-zinc-200\/75 {
    color: hsla(240, 6%, 90%, .75)
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.text-zinc-900 {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

.text-opacity-75 {
    --tw-text-opacity: 0.75
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.decoration-sky-300\/50 {
    text-decoration-color: rgba(125, 211, 252, .5)
}

.decoration-teal-300\/50 {
    text-decoration-color: rgba(94, 234, 212, .5)
}

.decoration-yellow-300\/50 {
    text-decoration-color: rgba(253, 224, 71, .5)
}

.decoration-dotted {
    text-decoration-style: dotted
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.outline-red-700 {
    outline-color: #b91c1c
}

.outline-teal-700 {
    outline-color: #0f766e
}

.outline-zinc-400 {
    outline-color: #a1a1aa
}

.outline-zinc-700 {
    outline-color: #3f3f46
}

.outline-zinc-700\/50 {
    outline-color: rgba(63, 63, 70, .5)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring,
.ring-0 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.ring-inset {
    --tw-ring-inset: inset
}

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

.ring-black\/10 {
    --tw-ring-color: rgba(0, 0, 0, .1)
}

.ring-black\/15 {
    --tw-ring-color: rgba(0, 0, 0, .15)
}

.ring-black\/20 {
    --tw-ring-color: rgba(0, 0, 0, .2)
}

.ring-cyan-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(207 250 254/var(--tw-ring-opacity))
}

.ring-cyan-200\/30 {
    --tw-ring-color: rgba(165, 243, 252, .3)
}

.ring-green-200\/30 {
    --tw-ring-color: rgba(187, 247, 208, .3)
}

.ring-green-300\/50 {
    --tw-ring-color: rgba(134, 239, 172, .5)
}

.ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 231 255/var(--tw-ring-opacity))
}

.ring-indigo-200\/30 {
    --tw-ring-color: rgba(199, 210, 254, .3)
}

.ring-indigo-300\/50 {
    --tw-ring-color: rgba(165, 180, 252, .5)
}

.ring-orange-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 237 213/var(--tw-ring-opacity))
}

.ring-orange-200\/30 {
    --tw-ring-color: hsla(32, 98%, 83%, .3)
}

.ring-orange-300\/50 {
    --tw-ring-color: hsla(31, 97%, 72%, .5)
}

.ring-red-300\/20 {
    --tw-ring-color: hsla(0, 94%, 82%, .2)
}

.ring-red-300\/25 {
    --tw-ring-color: hsla(0, 94%, 82%, .25)
}

.ring-red-300\/50 {
    --tw-ring-color: hsla(0, 94%, 82%, .5)
}

.ring-rose-200\/30 {
    --tw-ring-color: rgba(254, 205, 211, .3)
}

.ring-sky-200\/30 {
    --tw-ring-color: rgba(186, 230, 253, .3)
}

.ring-sky-300\/50 {
    --tw-ring-color: rgba(125, 211, 252, .5)
}

.ring-teal-200\/30 {
    --tw-ring-color: rgba(153, 246, 228, .3)
}

.ring-teal-400\/20 {
    --tw-ring-color: rgba(45, 212, 191, .2)
}

.ring-teal-500\/75 {
    --tw-ring-color: rgba(20, 184, 166, .75)
}

.ring-transparent {
    --tw-ring-color: transparent
}

.ring-white\/25 {
    --tw-ring-color: hsla(0, 0%, 100%, .25)
}

.ring-yellow-200\/30 {
    --tw-ring-color: hsla(53, 98%, 77%, .3)
}

.ring-yellow-300\/50 {
    --tw-ring-color: rgba(253, 224, 71, .5)
}

.ring-zinc-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(244 244 245/var(--tw-ring-opacity))
}

.ring-zinc-100\/75 {
    --tw-ring-color: hsla(240, 5%, 96%, .75)
}

.ring-zinc-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(228 228 231/var(--tw-ring-opacity))
}

.ring-zinc-200\/40 {
    --tw-ring-color: hsla(240, 6%, 90%, .4)
}

.ring-zinc-200\/50 {
    --tw-ring-color: hsla(240, 6%, 90%, .5)
}

.ring-zinc-300\/50 {
    --tw-ring-color: hsla(240, 5%, 84%, .5)
}

.ring-zinc-300\/75 {
    --tw-ring-color: hsla(240, 5%, 84%, .75)
}

.ring-zinc-600\/15 {
    --tw-ring-color: rgba(82, 82, 91, .15)
}

.ring-zinc-700\/15 {
    --tw-ring-color: rgba(63, 63, 70, .15)
}

.ring-zinc-900\/10 {
    --tw-ring-color: rgba(24, 24, 27, .1)
}

.ring-zinc-900\/30 {
    --tw-ring-color: rgba(24, 24, 27, .3)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-0 {
    --tw-blur: blur(0)
}

.blur-2xl {
    --tw-blur: blur(40px)
}

.blur-2xl,
.blur-sm {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur-xl {
    --tw-blur: blur(24px)
}

.blur-xl,
.drop-shadow-lg {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}

.drop-shadow-xl,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.filter,
.grayscale-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-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-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5);
    -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 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

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

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

.delay-300 {
    transition-delay: .3s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

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

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

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-75 {
    transition-duration: 75ms
}

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

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

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

.\[--fill\:\#fcfcfc\] {
    --fill: #fcfcfc
}

.\[--icon-primary\:theme\(colors\.green\.500\)\] {
    --icon-primary: #22c55e
}

.\[--icon-primary\:theme\(colors\.red\.500\)\] {
    --icon-primary: #ef4444
}

.\[--icon-secondary\:theme\(colors\.green\.100\)\] {
    --icon-secondary: #dcfce7
}

.\[--icon-secondary\:theme\(colors\.red\.100\)\] {
    --icon-secondary: #fee2e2
}

.\[--opacity-delay\:-4s\] {
    --opacity-delay: -4s
}

.\[--opacity-delay\:-8s\] {
    --opacity-delay: -8s
}

.\[--opacity-delay\:0s\] {
    --opacity-delay: 0s
}

.\[--position-delay\:-14s\] {
    --position-delay: -14s
}

.\[--position-delay\:-17s\] {
    --position-delay: -17s
}

.\[--position-delay\:-3s\] {
    --position-delay: -3s
}

.\[--scrollbar-size\:theme\(width\.3\)\] {
    --scrollbar-size: 0.75rem
}

.\[--scrollbar-size\:theme\(width\.4\)\] {
    --scrollbar-size: 1rem
}

.\[--shine-color\:\#ffffff00\] {
    --shine-color: #ffffff00
}

.\[--shine-color\:theme\(colors\.teal\.500\/50\%\)\] {
    --shine-color: rgba(20, 184, 166, .5)
}

.\[--stroke\:white\] {
    --stroke: #fff
}

.\[animation-delay\:1000ms\] {
    animation-delay: 1s
}

.\[animation-delay\:1250ms\] {
    animation-delay: 1.25s
}

.\[animation-delay\:250ms\] {
    animation-delay: .25s
}

.\[animation-delay\:500ms\] {
    animation-delay: .5s
}

.\[animation-delay\:750ms\] {
    animation-delay: .75s
}

.\[animation-duration\:1\.25s\] {
    animation-duration: 1.25s
}

.\[animation-duration\:10s\] {
    animation-duration: 10s
}

.\[animation\:full-width_linear_5s\] {
    animation: full-width 5s linear
}

.\[background\:--light\] {
    background: var(--light)
}

.\[grid-area\:1\/1\] {
    grid-area: 1/1
}

@font-face {
    font-family: Minecraft;
    src: url(../../../assets/fonts/Minecraft.woff2)
}

::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size)
}

:root {
    --scrollbar-track: #f4f4f5;
    --scrollbar-thumb: #52525b
}

html.dark {
    --scrollbar-track: #27272a;
    --scrollbar-thumb: #71717a
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    padding: .25rem
}

::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    border: 4px solid transparent;
    background-color: var(--scrollbar-thumb);
    background-clip: padding-box
}

.bg-shine {
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 50%, var(--shine-color) 75%, hsla(0, 0%, 100%, 0) 100%);
    background-repeat: no-repeat
}

.react-colorful.__rgba_converter {
    width: 100%;
    border-radius: 0
}

.__rgba_converter .react-colorful__saturation {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.__rgba_converter .react-colorful__last-control {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

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

@keyframes full-width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes gradient-reveal {
    0% {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        opacity: .2
    }

    to {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        opacity: 1
    }
}

@keyframes gradient-unreveal {
    0% {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        opacity: 1
    }

    to {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        opacity: 0
    }
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

.marker\:text-zinc-500 ::marker {
    color: #71717a
}

.marker\:text-zinc-500::marker {
    color: #71717a
}

.selection\:bg-teal-800\/50 ::-moz-selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:bg-teal-800\/50 ::selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:text-white ::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:text-white ::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:bg-teal-800\/50::-moz-selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:bg-teal-800\/50::selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:text-white::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:text-white::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.placeholder\:text-zinc-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.placeholder\:text-zinc-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.after\:items-center:after {
    content: var(--tw-content);
    align-items: center
}

.target\:-my-1:target {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.target\:-mr-5:target {
    margin-right: -1.25rem
}

.target\:ml-\[-2\.625rem\]:target {
    margin-left: -2.625rem
}

.target\:rounded-lg:target {
    border-radius: .5rem
}

.target\:bg-zinc-200\/75:target {
    background-color: hsla(240, 6%, 90%, .75)
}

.target\:py-1:target {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.target\:pl-4:target {
    padding-left: 1rem
}

.target\:pr-5:target {
    padding-right: 1.25rem
}

@media (hover:hover) and (pointer:fine) {
    .hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(220 38 38/var(--tw-border-opacity))
    }

    .hover\:border-teal-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(13 148 136/var(--tw-border-opacity))
    }

    .hover\:border-zinc-200:hover {
        --tw-border-opacity: 1;
        border-color: rgb(228 228 231/var(--tw-border-opacity))
    }

    .hover\:border-zinc-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 91/var(--tw-border-opacity))
    }

    .hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(254 226 226/var(--tw-bg-opacity))
    }

    .hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(220 38 38/var(--tw-bg-opacity))
    }

    .hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(185 28 28/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(204 251 241/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-200\/25:hover {
        background-color: rgba(153, 246, 228, .25)
    }

    .hover\:bg-teal-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(13 148 136/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(15 118 110/var(--tw-bg-opacity))
    }

    .hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(228 228 231/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-200\/25:hover {
        background-color: hsla(240, 6%, 90%, .25)
    }

    .hover\:bg-zinc-200\/50:hover {
        background-color: hsla(240, 6%, 90%, .5)
    }

    .hover\:bg-zinc-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(212 212 216/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(250 250 250/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 122/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 91/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-700\/75:hover {
        background-color: rgba(63, 63, 70, .75)
    }

    .hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }

    .hover\:text-sky-700:hover {
        --tw-text-opacity: 1;
        color: rgb(3 105 161/var(--tw-text-opacity))
    }

    .hover\:text-teal-600:hover {
        --tw-text-opacity: 1;
        color: rgb(13 148 136/var(--tw-text-opacity))
    }

    .hover\:text-teal-700:hover {
        --tw-text-opacity: 1;
        color: rgb(15 118 110/var(--tw-text-opacity))
    }

    .hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgb(161 98 7/var(--tw-text-opacity))
    }

    .hover\:decoration-teal-400\/50:hover {
        text-decoration-color: rgba(45, 212, 191, .5)
    }

    .hover\:decoration-yellow-400\/50:hover {
        text-decoration-color: rgba(250, 204, 21, .5)
    }

    .hover\:opacity-25:hover {
        opacity: .25
    }

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

    .hover\:opacity-80:hover {
        opacity: .8
    }

    .hover\:opacity-90:hover {
        opacity: .9
    }

    .hover\:ring-1:hover {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .hover\:ring-inset:hover {
        --tw-ring-inset: inset
    }

    .hover\:ring-black\/10:hover {
        --tw-ring-color: rgba(0, 0, 0, .1)
    }

    .hover\:ring-zinc-300\/50:hover {
        --tw-ring-color: hsla(240, 5%, 84%, .5)
    }

    .hover\:ring-zinc-700\/25:hover {
        --tw-ring-color: rgba(63, 63, 70, .25)
    }
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-teal-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(20 184 166/var(--tw-ring-opacity))
}

.focus-visible\:opacity-100:focus-visible {
    opacity: 1
}

.focus-visible\:outline-dashed:focus-visible {
    outline-style: dashed
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

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

.focus-visible\:ring-white:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75
}

.active\:scale-90:active {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:border-red-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28/var(--tw-border-opacity))
}

.active\:border-teal-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(15 118 110/var(--tw-border-opacity))
}

.active\:border-zinc-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.active\:border-zinc-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.active\:bg-red-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity))
}

.active\:bg-red-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity))
}

.active\:bg-red-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27/var(--tw-bg-opacity))
}

.active\:bg-teal-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(153 246 228/var(--tw-bg-opacity))
}

.active\:bg-teal-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity))
}

.active\:bg-teal-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(17 94 89/var(--tw-bg-opacity))
}

.active\:bg-zinc-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.active\:bg-zinc-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.active\:bg-zinc-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.active\:bg-zinc-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.active\:bg-zinc-700\/90:active {
    background-color: rgba(63, 63, 70, .9)
}

.group\/summary[open] .group-open\/summary\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (hover:hover) and (pointer:fine) {
    .group\/deposit:hover .group-hover\/deposit\:-translate-y-2 {
        --tw-translate-y: -0.5rem
    }

    .group\/deposit:hover .group-hover\/deposit\:-translate-y-2,
    .group\/deposit:hover .group-hover\/deposit\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/deposit:hover .group-hover\/deposit\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .group:hover .group-hover\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .group:hover .group-hover\:translate-x-0,
    .group:hover .group-hover\:translate-x-7 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:translate-x-7 {
        --tw-translate-x: 1.75rem
    }

    .group:hover .group-hover\:bg-zinc-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity))
    }

    .group\/deposit:hover .group-hover\/deposit\:opacity-0 {
        opacity: 0
    }

    .group\/deposit:hover .group-hover\/deposit\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:opacity-0 {
        opacity: 0
    }

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

.prose-headings\:font-manrope :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose] *))) {
    font-family: var(--font-manrope)
}

.prose-p\:my-0 :is(:where(p):not(:where([class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-p\:my-1 :is(:where(p):not(:where([class~=not-prose] *))) {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.prose-p\:my-1\.5 :is(:where(p):not(:where([class~=not-prose] *))) {
    margin-top: .375rem;
    margin-bottom: .375rem
}

.first\:prose-p\:mt-0 :is(:where(p):not(:where([class~=not-prose] *))):first-child {
    margin-top: 0
}

.last\:prose-p\:mb-0 :is(:where(p):not(:where([class~=not-prose] *))):last-child {
    margin-bottom: 0
}

.prose-a\:text-teal-600 :is(:where(a):not(:where([class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.prose-a\:decoration-teal-300\/50 :is(:where(a):not(:where([class~=not-prose] *))) {
    text-decoration-color: rgba(94, 234, 212, .5)
}

.prose-a\:underline-offset-2 :is(:where(a):not(:where([class~=not-prose] *))) {
    text-underline-offset: 2px
}

.prose-a\:transition :is(:where(a):not(:where([class~=not-prose] *))) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover:hover) and (pointer:fine) {
    .hover\:prose-a\:text-teal-700 :is(:where(a):not(:where([class~=not-prose] *))):hover {
        --tw-text-opacity: 1;
        color: rgb(15 118 110/var(--tw-text-opacity))
    }

    .hover\:prose-a\:decoration-teal-400\/50 :is(:where(a):not(:where([class~=not-prose] *))):hover {
        text-decoration-color: rgba(45, 212, 191, .5)
    }
}

.prose-blockquote\:m-0 :is(:where(blockquote):not(:where([class~=not-prose] *))) {
    margin: 0
}

.prose-blockquote\:border-0 :is(:where(blockquote):not(:where([class~=not-prose] *))) {
    border-width: 0
}

.prose-blockquote\:p-0 :is(:where(blockquote):not(:where([class~=not-prose] *))) {
    padding: 0
}

.prose-blockquote\:font-normal :is(:where(blockquote):not(:where([class~=not-prose] *))) {
    font-weight: 400
}

.prose-blockquote\:not-italic :is(:where(blockquote):not(:where([class~=not-prose] *))) {
    font-style: normal
}

.prose-em\:text-zinc-600 :is(:where(em):not(:where([class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.prose-code\:text-teal-600 :is(:where(code):not(:where([class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.prose-pre\:my-0 :is(:where(pre):not(:where([class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-pre\:bg-transparent :is(:where(pre):not(:where([class~=not-prose] *))) {
    background-color: transparent
}

.prose-pre\:p-0 :is(:where(pre):not(:where([class~=not-prose] *))) {
    padding: 0
}

.prose-pre\:text-zinc-800 :is(:where(pre):not(:where([class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.prose-ol\:list-none :is(:where(ol):not(:where([class~=not-prose] *))) {
    list-style-type: none
}

.prose-ul\:my-0 :is(:where(ul):not(:where([class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-img\:rounded-lg :is(:where(img):not(:where([class~=not-prose] *))) {
    border-radius: .5rem
}

.prose-hr\:my-\[1em\] :is(:where(hr):not(:where([class~=not-prose] *))) {
    margin-top: 1em;
    margin-bottom: 1em
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) or (-webkit-backdrop-filter:blur(0)) {
    .supports-backdrop-blur\:bg-white\/70 {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .supports-backdrop-blur\:bg-white\/75 {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .supports-backdrop-blur\:backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -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)
    }
}

.children\:h-5>* {
    height: 1.25rem
}

.children\:h-\[400px\]>* {
    height: 400px
}

.children\:w-5>* {
    width: 1.25rem
}

.children\:w-\[400px\]>* {
    width: 400px
}

@keyframes homeCircleOpacity {
    0% {
        opacity: .2
    }

    to {
        opacity: .5
    }
}

@keyframes homeCirclePosition {
    0% {
        transform: translate(-150px) scale(.8)
    }

    25% {
        transform: translateY(150px) scale(1)
    }

    50% {
        transform: translate(150px) scale(1.2)
    }

    75% {
        transform: translateY(-150px) scale(1)
    }

    to {
        transform: translate(-150px) scale(.8)
    }
}

.children\:animate-homeCircle>* {
    animation: homeCircleOpacity 8s ease-in-out var(--opacity-delay) infinite alternate, homeCirclePosition 20s ease-in-out var(--position-delay) infinite alternate
}

.children\:rounded-full>* {
    border-radius: 9999px
}

.children\:leading-relaxed>* {
    line-height: 1.625
}

.children\:text-teal-500\/50>* {
    color: rgba(20, 184, 166, .5)
}

.children\:blur-xl>* {
    --tw-blur: blur(24px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

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

.children\:delay-700>* {
    transition-delay: .7s
}

.children\:\[grid-area\:1\/1\]>* {
    grid-area: 1/1
}

@media (prefers-reduced-motion:no-preference) {
    .motion-safe\:translate-x-2 {
        --tw-translate-x: 0.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @keyframes homeCirclesContainer {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .motion-safe\:animate-homeCirclesContainer {
        animation: homeCirclesContainer .75s ease-in-out
    }

    @keyframes homeText {
        0% {
            opacity: 0;
            filter: blur(5px);
            transform: translateY(100px) scale(.9)
        }

        to {
            opacity: 1;
            filter: blur(0);
            transform: translateY(0) scale(1)
        }
    }

    .motion-safe\:animate-homeText {
        animation: homeText .8s cubic-bezier(.4, 0, .2, 1)
    }

    .motion-safe\:scroll-smooth {
        scroll-behavior: smooth
    }

    .motion-safe\:focus-visible\:translate-x-0:focus-visible {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @media (hover:hover) and (pointer:fine) {
        .group:hover .motion-safe\:group-hover\:translate-x-0 {
            --tw-translate-x: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
    }
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:hidden {
        display: none
    }
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:border-zinc-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91/var(--tw-border-opacity))
}

.dark\:border-zinc-600\/50:is(.dark *) {
    border-color: rgba(82, 82, 91, .5)
}

.dark\:border-zinc-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.dark\:border-zinc-700\/50:is(.dark *) {
    border-color: rgba(63, 63, 70, .5)
}

.dark\:border-zinc-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42/var(--tw-border-opacity))
}

.dark\:border-zinc-800\/20:is(.dark *) {
    border-color: rgba(39, 39, 42, .2)
}

.dark\:border-zinc-800\/50:is(.dark *) {
    border-color: rgba(39, 39, 42, .5)
}

.dark\:bg-\[--dark\]:is(.dark *) {
    background-color: var(--dark)
}

.dark\:bg-cyan-500\/30:is(.dark *) {
    background-color: rgba(6, 182, 212, .3)
}

.dark\:bg-cyan-600\/40:is(.dark *) {
    background-color: rgba(8, 145, 178, .4)
}

.dark\:bg-cyan-900\/10:is(.dark *) {
    background-color: rgba(22, 78, 99, .1)
}

.dark\:bg-cyan-900\/50:is(.dark *) {
    background-color: rgba(22, 78, 99, .5)
}

.dark\:bg-emerald-400\/50:is(.dark *) {
    background-color: rgba(52, 211, 153, .5)
}

.dark\:bg-green-700\/20:is(.dark *) {
    background-color: rgba(21, 128, 61, .2)
}

.dark\:bg-green-900\/50:is(.dark *) {
    background-color: rgba(20, 83, 45, .5)
}

.dark\:bg-indigo-500\/30:is(.dark *) {
    background-color: rgba(99, 102, 241, .3)
}

.dark\:bg-indigo-900\/10:is(.dark *) {
    background-color: rgba(49, 46, 129, .1)
}

.dark\:bg-indigo-900\/50:is(.dark *) {
    background-color: rgba(49, 46, 129, .5)
}

.dark\:bg-orange-900\/10:is(.dark *) {
    background-color: rgba(124, 45, 18, .1)
}

.dark\:bg-orange-900\/50:is(.dark *) {
    background-color: rgba(124, 45, 18, .5)
}

.dark\:bg-red-400\/10:is(.dark *) {
    background-color: hsla(0, 91%, 71%, .1)
}

.dark\:bg-red-600\/25:is(.dark *) {
    background-color: rgba(220, 38, 38, .25)
}

.dark\:bg-red-700\/50:is(.dark *) {
    background-color: rgba(185, 28, 28, .5)
}

.dark\:bg-red-900\/10:is(.dark *) {
    background-color: rgba(127, 29, 29, .1)
}

.dark\:bg-red-900\/20:is(.dark *) {
    background-color: rgba(127, 29, 29, .2)
}

.dark\:bg-rose-900\/50:is(.dark *) {
    background-color: rgba(136, 19, 55, .5)
}

.dark\:bg-sky-900\/10:is(.dark *) {
    background-color: rgba(12, 74, 110, .1)
}

.dark\:bg-sky-900\/50:is(.dark *) {
    background-color: rgba(12, 74, 110, .5)
}

.dark\:bg-teal-400\/50:is(.dark *) {
    background-color: rgba(45, 212, 191, .5)
}

.dark\:bg-teal-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74/var(--tw-bg-opacity))
}

.dark\:bg-teal-900\/10:is(.dark *) {
    background-color: rgba(19, 78, 74, .1)
}

.dark\:bg-teal-900\/40:is(.dark *) {
    background-color: rgba(19, 78, 74, .4)
}

.dark\:bg-teal-900\/50:is(.dark *) {
    background-color: rgba(19, 78, 74, .5)
}

.dark\:bg-white\/20:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .2)
}

.dark\:bg-white\/5:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark\:bg-yellow-500\/30:is(.dark *) {
    background-color: rgba(234, 179, 8, .3)
}

.dark\:bg-yellow-700\/20:is(.dark *) {
    background-color: rgba(161, 98, 7, .2)
}

.dark\:bg-yellow-900\/10:is(.dark *) {
    background-color: rgba(113, 63, 18, .1)
}

.dark\:bg-yellow-900\/50:is(.dark *) {
    background-color: rgba(113, 63, 18, .5)
}

.dark\:bg-zinc-300\/50:is(.dark *) {
    background-color: hsla(240, 5%, 84%, .5)
}

.dark\:bg-zinc-500\/10:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .1)
}

.dark\:bg-zinc-500\/20:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .2)
}

.dark\:bg-zinc-600\/20:is(.dark *) {
    background-color: rgba(82, 82, 91, .2)
}

.dark\:bg-zinc-600\/50:is(.dark *) {
    background-color: rgba(82, 82, 91, .5)
}

.dark\:bg-zinc-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.dark\:bg-zinc-700\/50:is(.dark *) {
    background-color: rgba(63, 63, 70, .5)
}

.dark\:bg-zinc-750:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(73 73 81/var(--tw-bg-opacity))
}

.dark\:bg-zinc-750\/25:is(.dark *) {
    background-color: rgba(73, 73, 81, .25)
}

.dark\:bg-zinc-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.dark\:bg-zinc-800\/25:is(.dark *) {
    background-color: rgba(39, 39, 42, .25)
}

.dark\:bg-zinc-800\/30:is(.dark *) {
    background-color: rgba(39, 39, 42, .3)
}

.dark\:bg-zinc-800\/40:is(.dark *) {
    background-color: rgba(39, 39, 42, .4)
}

.dark\:bg-zinc-800\/50:is(.dark *) {
    background-color: rgba(39, 39, 42, .5)
}

.dark\:bg-zinc-800\/60:is(.dark *) {
    background-color: rgba(39, 39, 42, .6)
}

.dark\:bg-zinc-800\/75:is(.dark *) {
    background-color: rgba(39, 39, 42, .75)
}

.dark\:bg-zinc-800\/80:is(.dark *) {
    background-color: rgba(39, 39, 42, .8)
}

.dark\:bg-zinc-800\/90:is(.dark *) {
    background-color: rgba(39, 39, 42, .9)
}

.dark\:bg-zinc-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.dark\:bg-zinc-900\/80:is(.dark *) {
    background-color: #09090b
}

.dark\:bg-zinc-900\/90:is(.dark *) {
    background-color: #09090b
}

.dark\:from-\[\#28282d\]:is(.dark *) {
    --tw-gradient-from: #28282d var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(40, 40, 45, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-teal-200:is(.dark *) {
    --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(153, 246, 228, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-zinc-900:is(.dark *) {
    --tw-gradient-from: #18181b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(24, 24, 27, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:via-teal-500\/75:is(.dark *) {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .75) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:via-zinc-900:is(.dark *) {
    --tw-gradient-to: rgba(24, 24, 27, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:via-zinc-950:is(.dark *) {
    --tw-gradient-to: rgba(9, 9, 11, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:to-teal-600:is(.dark *) {
    --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

.dark\:to-teal-950\/50:is(.dark *) {
    --tw-gradient-to: rgba(4, 47, 46, .5) var(--tw-gradient-to-position)
}

.dark\:text-cyan-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(103 232 249/var(--tw-text-opacity))
}

.dark\:text-cyan-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.dark\:text-cyan-700\/25:is(.dark *) {
    color: rgba(14, 116, 144, .25)
}

.dark\:text-green-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

.dark\:text-green-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.dark\:text-green-700\/25:is(.dark *) {
    color: rgba(21, 128, 61, .25)
}

.dark\:text-indigo-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(165 180 252/var(--tw-text-opacity))
}

.dark\:text-indigo-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

.dark\:text-indigo-700\/25:is(.dark *) {
    color: rgba(67, 56, 202, .25)
}

.dark\:text-orange-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

.dark\:text-orange-700\/25:is(.dark *) {
    color: rgba(194, 65, 12, .25)
}

.dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.dark\:text-red-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.dark\:text-rose-700\/25:is(.dark *) {
    color: rgba(190, 18, 60, .25)
}

.dark\:text-sky-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

.dark\:text-sky-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity))
}

.dark\:text-sky-700\/25:is(.dark *) {
    color: rgba(3, 105, 161, .25)
}

.dark\:text-teal-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.dark\:text-teal-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark\:text-teal-700\/25:is(.dark *) {
    color: rgba(15, 118, 110, .25)
}

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:text-yellow-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.dark\:text-yellow-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.dark\:text-yellow-700\/25:is(.dark *) {
    color: rgba(161, 98, 7, .25)
}

.dark\:text-zinc-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
}

.dark\:text-zinc-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity))
}

.dark\:text-zinc-200\/10:is(.dark *) {
    color: hsla(240, 6%, 90%, .1)
}

.dark\:text-zinc-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.dark\:text-zinc-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.dark\:decoration-sky-700\/50:is(.dark *) {
    text-decoration-color: rgba(3, 105, 161, .5)
}

.dark\:decoration-teal-700\/50:is(.dark *) {
    text-decoration-color: rgba(15, 118, 110, .5)
}

.dark\:decoration-yellow-700\/50:is(.dark *) {
    text-decoration-color: rgba(161, 98, 7, .5)
}

.dark\:opacity-100:is(.dark *) {
    opacity: 1
}

.dark\:opacity-20:is(.dark *) {
    opacity: .2
}

.dark\:shadow-2xl:is(.dark *) {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:shadow-xl:is(.dark *) {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:outline-zinc-500\/50:is(.dark *) {
    outline-color: hsla(240, 4%, 46%, .5)
}

.dark\:ring-1:is(.dark *) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.dark\:ring-inset:is(.dark *) {
    --tw-ring-inset: inset
}

.dark\:ring-cyan-700\/10:is(.dark *) {
    --tw-ring-color: rgba(14, 116, 144, .1)
}

.dark\:ring-cyan-900\/60:is(.dark *) {
    --tw-ring-color: rgba(22, 78, 99, .6)
}

.dark\:ring-green-700\/10:is(.dark *) {
    --tw-ring-color: rgba(21, 128, 61, .1)
}

.dark\:ring-green-700\/20:is(.dark *) {
    --tw-ring-color: rgba(21, 128, 61, .2)
}

.dark\:ring-indigo-300\/10:is(.dark *) {
    --tw-ring-color: rgba(165, 180, 252, .1)
}

.dark\:ring-indigo-700\/10:is(.dark *) {
    --tw-ring-color: rgba(67, 56, 202, .1)
}

.dark\:ring-indigo-900\/60:is(.dark *) {
    --tw-ring-color: rgba(49, 46, 129, .6)
}

.dark\:ring-orange-300\/10:is(.dark *) {
    --tw-ring-color: hsla(31, 97%, 72%, .1)
}

.dark\:ring-orange-700\/10:is(.dark *) {
    --tw-ring-color: rgba(194, 65, 12, .1)
}

.dark\:ring-orange-900\/60:is(.dark *) {
    --tw-ring-color: rgba(124, 45, 18, .6)
}

.dark\:ring-red-300\/10:is(.dark *) {
    --tw-ring-color: hsla(0, 94%, 82%, .1)
}

.dark\:ring-red-300\/15:is(.dark *) {
    --tw-ring-color: hsla(0, 94%, 82%, .15)
}

.dark\:ring-red-500\/25:is(.dark *) {
    --tw-ring-color: rgba(239, 68, 68, .25)
}

.dark\:ring-rose-700\/10:is(.dark *) {
    --tw-ring-color: rgba(190, 18, 60, .1)
}

.dark\:ring-sky-300\/10:is(.dark *) {
    --tw-ring-color: rgba(125, 211, 252, .1)
}

.dark\:ring-sky-700\/10:is(.dark *) {
    --tw-ring-color: rgba(3, 105, 161, .1)
}

.dark\:ring-teal-300\/10:is(.dark *) {
    --tw-ring-color: rgba(94, 234, 212, .1)
}

.dark\:ring-teal-400\/75:is(.dark *) {
    --tw-ring-color: rgba(45, 212, 191, .75)
}

.dark\:ring-teal-700\/10:is(.dark *) {
    --tw-ring-color: rgba(15, 118, 110, .1)
}

.dark\:ring-transparent:is(.dark *) {
    --tw-ring-color: transparent
}

.dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .1)
}

.dark\:ring-white\/15:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .15)
}

.dark\:ring-white\/20:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2)
}

.dark\:ring-yellow-300\/10:is(.dark *) {
    --tw-ring-color: rgba(253, 224, 71, .1)
}

.dark\:ring-yellow-700\/10:is(.dark *) {
    --tw-ring-color: rgba(161, 98, 7, .1)
}

.dark\:ring-yellow-700\/20:is(.dark *) {
    --tw-ring-color: rgba(161, 98, 7, .2)
}

.dark\:ring-zinc-100\/15:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 96%, .15)
}

.dark\:ring-zinc-300\/10:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 84%, .1)
}

.dark\:ring-zinc-400\/5:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 65%, .05)
}

.dark\:ring-zinc-600\/30:is(.dark *) {
    --tw-ring-color: rgba(82, 82, 91, .3)
}

.dark\:ring-zinc-700:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 63 70/var(--tw-ring-opacity))
}

.dark\:ring-zinc-700\/20:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .2)
}

.dark\:ring-zinc-700\/25:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .25)
}

.dark\:ring-zinc-700\/50:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .5)
}

.dark\:ring-zinc-700\/75:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .75)
}

.dark\:ring-zinc-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(39 39 42/var(--tw-ring-opacity))
}

.dark\:ring-zinc-800\/60:is(.dark *) {
    --tw-ring-color: rgba(39, 39, 42, .6)
}

.dark\:\[--fill\:\#1e1e21\]:is(.dark *) {
    --fill: #1e1e21
}

.dark\:\[--icon-primary\:theme\(colors\.green\.400\)\]:is(.dark *) {
    --icon-primary: #4ade80
}

.dark\:\[--icon-primary\:theme\(colors\.red\.400\)\]:is(.dark *) {
    --icon-primary: #f87171
}

.dark\:\[--icon-secondary\:theme\(colors\.green\.900\)\]:is(.dark *) {
    --icon-secondary: #14532d
}

.dark\:\[--icon-secondary\:theme\(colors\.zinc\.900\/90\)\]:is(.dark *) {
    --icon-secondary: #18181b
}

.dark\:\[--stroke\:theme\(colors\.zinc\.800\)\]:is(.dark *) {
    --stroke: #27272a
}

.dark\:\[background\:--dark\]:is(.dark *) {
    background: var(--dark)
}

.dark\:marker\:text-zinc-300 :is(.dark *)::marker {
    color: #d4d4d8
}

.dark\:marker\:text-zinc-300:is(.dark *)::marker {
    color: #d4d4d8
}

.dark\:placeholder\:text-zinc-500:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-500:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.target\:dark\:bg-zinc-800:is(.dark *):target {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .dark\:hover\:border-zinc-600:hover:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 91/var(--tw-border-opacity))
    }

    .dark\:hover\:bg-red-500\/20:hover:is(.dark *) {
        background-color: rgba(239, 68, 68, .2)
    }

    .dark\:hover\:bg-red-900\/50:hover:is(.dark *) {
        background-color: rgba(127, 29, 29, .5)
    }

    .dark\:hover\:bg-teal-500\/20:hover:is(.dark *) {
        background-color: rgba(20, 184, 166, .2)
    }

    .dark\:hover\:bg-teal-600\/10:hover:is(.dark *) {
        background-color: rgba(13, 148, 136, .1)
    }

    .dark\:hover\:bg-teal-900\/75:hover:is(.dark *) {
        background-color: rgba(19, 78, 74, .75)
    }

    .dark\:hover\:bg-white:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-white\/75:hover:is(.dark *) {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .dark\:hover\:bg-zinc-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 122/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-500\/30:hover:is(.dark *) {
        background-color: hsla(240, 4%, 46%, .3)
    }

    .dark\:hover\:bg-zinc-600:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 91/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-600\/20:hover:is(.dark *) {
        background-color: rgba(82, 82, 91, .2)
    }

    .dark\:hover\:bg-zinc-700:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-700\/50:hover:is(.dark *) {
        background-color: rgba(63, 63, 70, .5)
    }

    .dark\:hover\:bg-zinc-750:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(73 73 81/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-800:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .hover\:dark\:bg-zinc-600\/20:is(.dark *):hover {
        background-color: rgba(82, 82, 91, .2)
    }

    .hover\:dark\:bg-zinc-700\/60:is(.dark *):hover {
        background-color: rgba(63, 63, 70, .6)
    }

    .hover\:dark\:bg-zinc-800:is(.dark *):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .dark\:hover\:text-black:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }

    .dark\:hover\:text-sky-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(125 211 252/var(--tw-text-opacity))
    }

    .dark\:hover\:text-teal-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(94 234 212/var(--tw-text-opacity))
    }

    .dark\:hover\:text-teal-500:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(20 184 166/var(--tw-text-opacity))
    }

    .dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .dark\:hover\:text-yellow-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(253 224 71/var(--tw-text-opacity))
    }

    .dark\:hover\:text-zinc-100:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(244 244 245/var(--tw-text-opacity))
    }

    .hover\:dark\:text-white:is(.dark *):hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .dark\:hover\:decoration-sky-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(14, 165, 233, .5)
    }

    .dark\:hover\:decoration-teal-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(20, 184, 166, .5)
    }

    .dark\:hover\:decoration-yellow-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(234, 179, 8, .5)
    }

    .dark\:hover\:ring-white\/10:hover:is(.dark *) {
        --tw-ring-color: hsla(0, 0%, 100%, .1)
    }

    .hover\:dark\:ring-white\/10:is(.dark *):hover {
        --tw-ring-color: hsla(0, 0%, 100%, .1)
    }

    .hover\:dark\:ring-zinc-100\/25:is(.dark *):hover {
        --tw-ring-color: hsla(240, 5%, 96%, .25)
    }
}

.dark\:focus\:bg-zinc-900:focus:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.dark\:focus\:ring-teal-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(45 212 191/var(--tw-ring-opacity))
}

.dark\:active\:border-zinc-700:active:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.dark\:active\:bg-red-500\/30:active:is(.dark *) {
    background-color: rgba(239, 68, 68, .3)
}

.dark\:active\:bg-red-900\/75:active:is(.dark *) {
    background-color: rgba(127, 29, 29, .75)
}

.dark\:active\:bg-teal-500\/30:active:is(.dark *) {
    background-color: rgba(20, 184, 166, .3)
}

.dark\:active\:bg-teal-900:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74/var(--tw-bg-opacity))
}

.dark\:active\:bg-white:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-200:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-500\/40:active:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .4)
}

.dark\:active\:bg-zinc-600:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-700:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .group:hover .dark\:group-hover\:bg-zinc-800:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.dark\:prose-a\:text-teal-500 :is(:where(a):not(:where([class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark\:prose-a\:decoration-teal-700\/50 :is(:where(a):not(:where([class~=not-prose] *))):is(.dark *) {
    text-decoration-color: rgba(15, 118, 110, .5)
}

@media (hover:hover) and (pointer:fine) {
    .dark\:hover\:prose-a\:text-teal-300 :is(:where(a):not(:where([class~=not-prose] *))):hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(94 234 212/var(--tw-text-opacity))
    }

    .dark\:hover\:prose-a\:decoration-teal-500\/50 :is(:where(a):not(:where([class~=not-prose] *))):hover:is(.dark *) {
        text-decoration-color: rgba(20, 184, 166, .5)
    }
}

.dark\:prose-em\:text-zinc-400 :is(:where(em):not(:where([class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.dark\:prose-code\:text-teal-500 :is(:where(code):not(:where([class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark\:prose-pre\:text-zinc-200 :is(:where(pre):not(:where([class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity))
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) or (-webkit-backdrop-filter:blur(0)) {
    .supports-backdrop-blur\:dark\:bg-zinc-900\/70:is(.dark *) {
        background-color: rgba(24, 24, 27, .7)
    }

    .supports-backdrop-blur\:dark\:bg-zinc-900\/75:is(.dark *) {
        background-color: rgba(24, 24, 27, .75)
    }
}

.dark\:children\:blur-2xl>:is(.dark *) {
    --tw-blur: blur(40px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media (min-width:640px) {
    .sm\:col-auto {
        grid-column: auto
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-auto {
        width: auto
    }

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

    .sm\:max-w-lg {
        max-width: 32rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:scale-100,
    .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:grid-flow-col {
        grid-auto-flow: column
    }

    .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\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    .sm\:grid-cols-none {
        grid-template-columns: none
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-0\.5 {
        gap: .125rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-3\.5 {
        gap: .875rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-4 {
        padding-left: 1rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:duration-700 {
        transition-duration: .7s
    }
}

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

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:-my-3 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

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

    .md\:-ml-3 {
        margin-left: -.75rem
    }

    .md\:-ml-4 {
        margin-left: -1rem
    }

    .md\:-mr-4 {
        margin-right: -1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mt-1 {
        margin-top: .25rem
    }

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

    .md\:h-\[30rem\] {
        height: 30rem
    }

    .md\:w-16 {
        width: 4rem
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-7xl {
        max-width: 80rem
    }

    .md\:max-w-lg {
        max-width: 32rem
    }

    .md\:max-w-md {
        max-width: 28rem
    }

    .md\:basis-52 {
        flex-basis: 13rem
    }

    .md\:origin-top {
        transform-origin: top
    }

    .md\:grid-flow-row {
        grid-auto-flow: row
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .md\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    .md\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .md\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    .md\:place-items-center {
        place-items: center
    }

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

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

    .md\:justify-center {
        justify-content: center
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

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

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

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

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

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

    .md\:leading-normal {
        line-height: 1.5
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:sticky {
        position: sticky
    }

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

    .lg\:top-18 {
        top: 4.5rem
    }

    .lg\:top-6 {
        top: 1.5rem
    }

    .lg\:top-\[6\.75rem\] {
        top: 6.75rem
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

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

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:-ml-6 {
        margin-left: -1.5rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-3 {
        margin-bottom: .75rem
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-3 {
        margin-top: .75rem
    }

    .lg\:mt-48 {
        margin-top: 12rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-16 {
        height: 4rem
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-16 {
        width: 4rem
    }

    .lg\:w-6 {
        width: 1.5rem
    }

    .lg\:w-\[32rem\] {
        width: 32rem
    }

    .lg\:max-w-2xl {
        max-width: 42rem
    }

    .lg\:max-w-3xl {
        max-width: 48rem
    }

    .lg\:scroll-mt-24 {
        scroll-margin-top: 6rem
    }

    .lg\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

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

    .lg\:grid-cols-\[13rem_1fr_11rem\] {
        grid-template-columns: 13rem 1fr 11rem
    }

    .lg\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .lg\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    .lg\:grid-rows-none {
        grid-template-rows: none
    }

    .lg\:items-center {
        align-items: center
    }

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

    .lg\:justify-center {
        justify-content: center
    }

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

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:rounded-full {
        border-radius: 9999px
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .lg\:pb-40 {
        padding-bottom: 10rem
    }

    .lg\:pt-56 {
        padding-top: 14rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

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

    .lg\:font-medium {
        font-weight: 500
    }

    .lg\:leading-relaxed {
        line-height: 1.625
    }

    .lg\:leading-tight {
        line-height: 1.25
    }

    .lg\:\[grid-auto-flow\:initial\] {
        grid-auto-flow: row
    }
}

@media (min-width:1280px) {
    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:w-\[40rem\] {
        width: 40rem
    }

    .xl\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .xl\:grid-cols-\[16rem_1fr_14rem\] {
        grid-template-columns: 16rem 1fr 14rem
    }

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

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width:1536px) {
    .\32xl\:w-\[48rem\] {
        width: 48rem
    }

    .\32xl\:grid-flow-col {
        grid-auto-flow: column
    }

    .\32xl\:grid-cols-none {
        grid-template-columns: none
    }
}

.\[\&_li_p\]\:my-0 li p {
    margin-top: 0;
    margin-bottom: 0
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-cyrillic-ext-400-normal.b1f07e82.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-cyrillic-400-normal.6086e63f.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-greek-ext-400-normal.707deac8.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+1f??
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-greek-400-normal.95d4e83c.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+0370-03ff
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-latin-ext-400-normal.544f78b8.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: Fira Code;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../media/fira-code-latin-400-normal.1f45a4c0.woff2) format("woff2"), url(../media/fira-code-all-400-normal.66cbb34e.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/ec159349637c90ad-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/513657b02c5c193f-s.p-1.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/fd4db3eb5472fc27-s.woff2) format("woff2");
    unicode-range: u+1f??
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/51ed15f9841b9f9d-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/05a31a2ca4975f99-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/d6b16ce4a6175f26-s.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_a943a7;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../media/c9a5bc6a7c948fb0-s.p-1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_Fallback_a943a7;
    src: local("Arial");
    ascent-override: 90.49%;
    descent-override: 22.56%;
    line-gap-override: 0.00%;
    size-adjust: 107.06%
}

.__className_a943a7 {
    font-family: __Inter_a943a7, __Inter_Fallback_a943a7;
    font-style: normal
}

.__variable_a943a7 {
    --font-inter: "__Inter_a943a7", "__Inter_Fallback_a943a7"
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/78187650dd6b50b3-s.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/4529092560591ab4-s.p-1.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/b8222d26e20b2e06-s.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/008f2e8b4aae291f-s.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/3c46462b57ac880e-s.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Manrope_dc17e1;
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(../media/3534416bbfdcc9be-s.p-1.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Manrope_Fallback_dc17e1;
    src: local("Arial");
    ascent-override: 103.31%;
    descent-override: 29.07%;
    line-gap-override: 0.00%;
    size-adjust: 103.19%
}

.highlighted-area {
    position: absolute;
    left: 10px;
    /* Сдвиг вправо на 10 пикселей */
    top: 60px;
    /* Отступ сверху, чтобы не перекрывать навигацию */
    width: 33%;
    height: 80%;
    background-color: black;
    border: 2px solid cyan;
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
    .highlighted-area {
        left: 5px;
        width: 90%;
    }
}

.__className_dc17e1 {
    font-family: __Manrope_dc17e1, __Manrope_Fallback_dc17e1;
    font-style: normal
}

.__variable_dc17e1 {
    --font-manrope: "__Manrope_dc17e1", "__Manrope_Fallback_dc17e1"
}

.center-button-container {
    display: flex;
    justify-content: center;
    /* Горизонтальное центрирование */
    align-items: center;
    /* Вертикальное центрирование */

}

.dark\:bg-zinc-900 {
    background-color: #09090b !important;
}

header {
    background-color: #09090BBF;
    backdrop-filter: blur(3px);
    outline: 0px solid #5c5b5b3e;
}

/* Ключевые кадры для анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* auth */
/* auth */
/* Контейнер кнопки */
.auth-button-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

/* Основной стиль кнопки */
.auth-button {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Расстояние между иконкой и текстом */
    border-radius: 15px;
    /* Скругленные края */
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    background: none;
    color: #0fac9c;
    transition: background 0.7s ease, transform 0.7s ease;
}

/* Наведение на кнопку */
.auth-button:hover {
    background: linear-gradient(45deg, rgba(75, 182, 164, 0.062));
    transform: scale(1.04);
}

/* --- Меню профиля --- */
#user-profile {
    position: relative;
    cursor: pointer;
    margin-left: 150px;
}

#user-avatar {
    border-radius: 25%;
    width: 55px;
    height: 55px;
    border: 3px solid #18181b;
    transition: transform 0.3s ease;
}

#user-avatar:hover {
    transform: scale(1.1);
}

#dropdown-menu {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background-color: #18181b;
    border-radius: 10px;
    padding: 10px;
    width: 150px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
    z-index: 10;
}

#dropdown-menu a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 8px;
    border-radius: 5px;
    transition: background 0.3s ease;
    text-align: left;
}

#dropdown-menu a:hover {
    background-color: #333;
}

/* Адаптивная кнопка для мобильных устройств */
@media (max-width: 768px) {
    .auth-button {
        padding: 10px;
        /* Уменьшаем padding */
        border-radius: 50%;
        /* Делаем кнопку круглой */
        width: 50px;
        /* Фиксированный размер */
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: none;
        /* Чуть более прозрачный фон */
        /* Добавляем отступ слева */
        margin-left: 15px;
    }

    .auth-button span {
        display: none;
        /* Скрываем текст */
    }

    .auth-button svg {
        width: 28px;
        /* Увеличиваем иконку */
        height: 28px;
    }
}

/* Родительский контейнер для трёх столбцов */
/* Родительский контейнер для трёх столбцов */

.seasons-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    width: 90%;
    max-width: 1200px;
    margin: 1rem auto;
    z-index: 500;
    /* Уменьшаем z-index */
}

.season-card {
    position: relative;
    width: 100%;
    height: 400px;
    background: #141417;
    padding: 1rem;
    border-radius: 1rem;
    transition: background 0.3s ease, border-color 0.3s ease;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 500;
    /* Уменьшаем z-index */
}

.season-card:hover {
    background: #1a1a1d;
    border-color: #3a3a3a;
}

/* Стили для видео и изображений */
.season-card .video-container {
    position: relative;
    width: 100%;
    height: 60%;
    flex-shrink: 0;
}

.season-card video {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    object-fit: cover;
}

.season-card img {
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    /* Скругление углов для изображений */
    object-fit: cover;
}

.season-card .mute-toggle {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 20px;
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 510;
    /* Чуть выше, чем у .season-card, но ниже панели профиля */
}

.season-card .mute-toggle:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Стили для текста */
.season-card .text-content {
    flex-grow: 1;
    overflow: hidden;
    padding-top: 0.75rem;
}

.season-card .mt-3 {
    margin-top: 0.75rem;
}

.season-card .mt-2\.5 {
    margin-top: 0.625rem;
}

.season-card .mt-0\.5 {
    margin-top: 0.125rem;
}

.season-card .text-sm {
    font-size: 0.875rem;
}

.season-card .text-xs {
    font-size: 0.75rem;
}

/* Анимация */
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

    60% {
        opacity: 1;
        transform: translateY(-5px) scale(1.02);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.season-card.animate {
    opacity: 0;
    animation: bounceIn 0.6s ease-out forwards;
}

.season-card.animate:nth-child(1) {
    animation-delay: 0.1s;
}

.season-card.animate:nth-child(2) {
    animation-delay: 0.2s;
}

.season-card.animate:nth-child(3) {
    animation-delay: 0.3s;
}

/* Адаптация для маленьких экранов */
@media (max-width: 1024px) {
    .seasons-slider {
        grid-template-columns: repeat(2, 1fr);
    }

    .season-card {
        height: 350px;
    }
}

@media (max-width: 640px) {
    .seasons-slider {
        grid-template-columns: 1fr;
    }

    .season-card {
        height: 300px;
    }
}

/* Основной контейнер */
/* Основной контейнер */
/* Основной контейнер */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap');

/* Оборачиваем всё в уникальный контейнер */
.unique-scroller-wrapper {
    max-width: 60%;
    margin: 50px auto;
    overflow: hidden;
    position: relative;
}

@media (min-width: 769px) {
    .unique-scroller-wrapper {
        -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000 15%, #000 85%, rgba(0, 0, 0, 0));
        mask-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000 15%, #000 85%, rgba(0, 0, 0, 0));
    }
}

@media (max-width: 768px) {
    .unique-scroller-wrapper {
        max-width: 90%;
        margin: 20px auto;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.unique-scroller-wrapper .unique-rows-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.unique-scroller-wrapper .unique-scrolling-row {
    overflow: hidden;
    white-space: nowrap;
}

.unique-scroller-wrapper .unique-scrolling-content {
    display: inline-flex;
    gap: 50px;
    animation: unique-scroll 60s linear infinite;
}

.unique-scroller-wrapper .unique-row-1 .unique-scrolling-content,
.unique-scroller-wrapper .unique-row-3 .unique-scrolling-content {
    animation-direction: normal;
}

.unique-scroller-wrapper .unique-row-2 .unique-scrolling-content {
    animation-direction: reverse;
}

@keyframes unique-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.unique-scroller-wrapper .unique-scrolling-content span {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    flex-shrink: 0;
    font-family: 'Manrope', sans-serif;
}

/* Стили для золотого текста */
.unique-scroller-wrapper .unique-scrolling-content .golden-text {
    color: #FFD700;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

/* Стили для фиолетового текста */
.unique-scroller-wrapper .unique-scrolling-content .purple-text {
    color: #a970ff;
    text-shadow: 0 0 5px rgba(169, 112, 255, 0.5);
}

/* Стили для радужного текста */
.unique-scroller-wrapper .unique-scrolling-content .rainbow-text {
    background: linear-gradient(90deg, #ff0000, #ff9900, #33cc33, #3399ff, #cc33cc, #ff0000);
    background-size: 200%;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 200%;
    }
}

@media (max-width: 768px) {
    .unique-scroller-wrapper .unique-scrolling-content span {
        font-size: 24px;
    }

    .unique-scroller-wrapper .unique-scrolling-content {
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .unique-scroller-wrapper .unique-scrolling-content span {
        font-size: 18px;
    }

    .unique-scroller-wrapper .unique-scrolling-content {
        gap: 20px;
    }
}

/* черный */
/* черный */
/* Плавные переходы для smooth */
.smooth {
    transition: all 0.15s ease-in-out;
}

/* Шрифт Manrope (если он у тебя подключён через Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@550&display=swap');

/* черный */
.box-with-offset {
    position: relative;
    /* Устанавливаем позиционирование для контейнера */
    padding: 10px;
    /* Внутренний отступ */
    margin: 10px;
    /* Внешний отступ */
    background-color: #09090b;
    /* Цвет фона основной области */
    border-radius: 8px;
    /* Скругление краев */
}

.box-with {
    position: relative;
    /* Устанавливаем позиционирование для контейнера */
    padding: 15px;
    /* Внутренний отступ */
    margin: 15px;
    /* Внешний отступ */
    background-color: #09090b;
    /* Цвет фона основной области */
    border-radius: 8px;
    /* Скругление краев */
}

.box-with-shop {
    position: relative;
    /* Устанавливаем позиционирование для контейнера */
    padding: 20px;
    /* Внутренний отступ */
    margin: 0.1px;
    /* Внешний отступ */
    background-color: #09090b;
    /* Цвет фона основной области */
    border-radius: 8px;
    /* Скругление краев */
}


/* Скрытие таб-панелей по умолчанию */
/* Скрытие таб-панелей по умолчанию */
/* Скрытие таб-панелей по умолчанию */
/* Скрытие таб-панелей по умолчанию */
/* Скрытие таб-панелей по умолчанию */
/* Скрытие таб-панелей по умолчанию */
.footer {
    background: #0c0c0e;
    color: #e4e4e7;
    font-family: 'Inter', sans-serif;
    padding: 1.25rem 1.5rem;
    position: relative;
    overflow: hidden;
}

.footer:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #202023;
}

/* Контейнер футера */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

/* Основное содержимое футера */
.footer-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-links {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}

.footer-links a {
    text-decoration: none;
    color: #d7d7d7;
    font-weight: 600;
    font-size: 1rem;
    /* 14px */
    position: relative;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #f4f4f5;
}

.footer-links a:hover::after {
    width: 100%;
}

/* Социальные иконки */
.footer-social {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.footer-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #0c0c0e;
    color: #fffffff8;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.footer-social a:hover {
    background: #27272a;
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* Отказ от ответственности */
.footer-disclaimer {
    font-size: 0.875rem;
    /* 14px */
    color: #aeaeb2;
    line-height: 1.6;
    margin-top: 0.5rem;
    text-align: center;
    white-space: nowrap;
}

/* Адаптивность */
@media (max-width: 768px) {
    .footer-container {
        align-items: center;
        text-align: center;
    }

    .footer-content {
        flex-direction: column;
        align-items: center;
    }

    .footer-logo-links {
        flex-direction: column;
        text-align: center;
    }

    .footer-links {
        flex-direction: column;
        align-items: center;
    }

    .footer-social {
        margin-top: 1rem;
    }

    .footer-disclaimer {
        text-align: center;
    }
}

/* покупка */
/* покупка */
/* покупка */
/* покупка */

/* покупка */
/* покупка */
/* покупка */
/* покупка */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #101010;
    color: #FFFFFF;
    overflow-x: hidden;
    /* Предотвращает горизонтальную прокрутку из-за анимаций */
}

.section-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    /* Полная высота экрана */
    background-color: #18181b;
}

.custom-card {
    position: relative;
    max-width: 1200px;
    width: 100%;
    background: linear-gradient(145deg, #242f44 30%, #1a202e 100%);
    border: 1px solid rgba(204, 224, 232, 0.25);
    border-radius: 25px;
    overflow: hidden;
    padding: 50px;
    /* Уменьшено для равномерного размещения */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: background 0.5s ease;
    display: flex;
    /* Flexbox для размещения изображения и текста */
    align-items: center;
    gap: 50px;
    /* Промежуток между изображением и текстом */
}

.custom-card:hover {
    background: rgba(36, 47, 68, 0.8);
}


/* Текст */
.custom-card .content {
    flex: 1;
    /* Контейнер с текстом занимает оставшееся пространство */
    text-align: center;
    /* Выравнивание текста по центру */
    display: flex;
    /* Добавляем flexbox */
    flex-direction: column;
    /* Размещаем элементы вертикально */
    justify-content: center;
    /* Центрируем элементы по вертикали */
    align-items: center;
    /* Центрируем элементы по горизонтали */
}

/* Заголовок */
.custom-card h2 {
    font-size: 2rem;
    color: #8dacf0ee;
    margin: 0 0 20px;
}

/* Цена */
.custom-card p.price {
    font-size: 4rem;
    font-weight: bold;
    color: #8DACF0;
    margin: 10px 0;
}

/* Подзаголовок */
.custom-card p.subtitle {
    font-size: 1rem;
    color: #8DACF0;
    margin-bottom: 30px;
}

/* Кнопки */
.buttons {
    display: flex;
    justify-content: flex-start;
    /* Выравнивание кнопок по левому краю */
    gap: 20px;
}


.buttons button {
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.buttons .join-btn {
    background-color: #6892ee;
    color: #ffffff;
}

.buttons .join-btn:hover {
    background-color: #64aef3;
}

.buttons .copy-btn {
    background-color: #ffffffe1;
    color: #000000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.buttons .copy-btn:hover {
    background-color: #f0f0f0;
}

/* Изображение слева */
.custom-icon {
    position: absolute;
    top: 0px;
    /* Начальная позиция */
    left: 10px;
    width: 400px;
    /* Увеличенный размер */
    height: 400px;
    /* Увеличенный размер */
    background-image: url('_next\discord-image.webp');
    /* Укажите ваш путь к изображению */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    border-radius: 15px;
    animation: float 6s ease-in-out infinite;
    /* Анимация */
}

/* Определение анимации */
@keyframes float {

    0%,
    100% {
        transform: translateY(0);
        /* Начальная/конечная позиция */
    }

    50% {
        transform: translateY(40px);
        /* Смещение вниз */
    }
}

/* Определение анимации */
/* Определение анимации */
/* Определение анимации */
/* Определение анимации */
/* Определение анимации */
/* Определение анимации */
/* --- Модальное окно --- */
/* Анимация плавного появления */
@keyframes modalFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes modalFadeOut {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
}

#panel-normal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    z-index: 500;
    width: 400px;
    min-height: 550px;
    background-color: #18181b !important;
    border-radius: 10px;
    box-shadow: 0 4px 15px #18181b;
    opacity: 0;
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

/* Открытие окна */
#panel-normal.active {
    display: block;
    animation: modalFadeIn 0.5s forwards;
}

/* Закрытие окна */
#panel-normal.closing {
    animation: modalFadeOut 0.2s forwards;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #ffffffc4;
}

/* Блоки формы */
.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #8dacf0b3;
    font-size: 16px;
    /* Увеличим размер */
}

.form-group input {
    width: 100%;
    padding: 10px;
    /* чуть больше отступ */
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #8dacf0b3;
    background-color: #262e3c;
    color: #636262;
    font-size: 16px;
    /* Сделаем размер текста побольше */
}

/* Текст соглашения */
.agreement-text {
    font-size: 15px;
    /* увеличен */
    line-height: 1.4;
    margin: 15px 0;
    color: #ffffffb3;
}

.agreement-text a {
    color: #46daa9af;
}

.agreement-text a:hover {
    color: #46daa9d8;
}

/* Кнопка отправки */
.submit-button {
    width: 100%;
    padding: 12px;
    background-color: #2dd4beab;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s;
}

.submit-button:hover {
    background-color: #46daa9d0;
}

/* Примерные стили для страниц успеха и неудачи */
.success-container,
.fail-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #18181b;
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px #18181b;
    z-index: 9999;
    /* Чтобы окна успеха/ошибки были над прочим */
}

.success-container h1 {
    color: #46daa9af;
}

.fail-container h1 {
    color: #DC3545;
}

.success-container p,
.fail-container p {
    font-size: 18px;
    margin: 20px 0;
}

.success-container a,
.fail-container a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007BFF;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.success-container a:hover,
.fail-container a:hover {
    background-color: #0056b3;
}

/* Красный цвет */
/* Красный цвет */
/* Красный цвет */
/* Красный цвет */
/* Красный цвет */
/* Красный цвет */
/* Красный цвет */
/* Общие стили */
/* Общие стили */
/* General Reset */
/* Общие стили */
/* Общие стили */
/* General Reset */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #101010;
    color: #FFFFFF;
    overflow-x: hidden;
    /* Предотвращает горизонтальную прокрутку из-за анимаций */
}

.section-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    /* Полная высота экрана */
    background-color: #18181b;
}

.card-container {
    position: relative;
    max-width: 1200px;
    width: 100%;
    /* Уменьшено с 100% для отступов */
    background: linear-gradient(145deg, #442424 30%, #2e1b1a 100%);
    border: 1px solid rgba(204, 224, 232, 0.25);
    border-radius: 25px;
    text-align: center;
    overflow: hidden;
    padding: 100px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transition: background 0.5s ease;
    display: flex;
    align-items: center;
}

.card-container:hover {
    background: rgba(36, 47, 68, 0.8);
}

.card-container h2 {
    font-size: 1.5rem;
    color: #8dacf0ee;
    margin: 0;
    margin-bottom: 20px;
}

.card-container p.price-text {
    font-size: 3.5rem;
    font-weight: bold;
    color: #8DACF0;
    /* Золотой цвет для цены */
    margin: 10px 0 10px;
}

.card-container p.subtitle-text {
    font-size: 1rem;
    color: #8DACF0;
    margin-bottom: 30px;
}

/* Сдвиг текста вправо на 20px */
.card-container .card-content {
    margin-left: 600px;
    /* Сдвиг вправо на 20px */
    text-align: left;
    /* Выравнивание текста по левому краю */
}

/* Кнопки */
.button-group {
    display: flex;
    justify-content: flex-start;
    /* Выравнивание кнопок по левому краю */
    gap: 20px;
}

.button-group .action-button {
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.button-group .join-button {
    background-color: #FF77A9;
    color: #59293A;
}

.button-group .join-button:hover {
    background-color: #FF91B9;
}

.button-group .copy-button {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.button-group .copy-button:hover {
    background-color: #f0f0f0;
}

/* Изображение слева */
.icon-image {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 150px;
    height: 150px;
    background-image: url('_next/rules.webp');
    /* Укажите ваш путь к изображению */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.sidebar-panel {
    position: fixed;
    top: 0;
    left: -400px;
    /* Панель изначально скрыта слева */
    width: 400px;
    height: 100%;
    background-color: #101010;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
    transition: transform 0.3s ease;
    /* Используем transform для анимации */
    overflow-y: auto;
    z-index: 1000;
    transition: left 0.3s ease;
    /* Плавное выдвижение панели */
}

.sidebar-panel.active {
    left: 0;
    /* Панель появляется на экране */
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #ffffff;
}

.sidebar-panel h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #333;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

.input-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.submit-btn {
    width: 100%;
    padding: 12px;
    background-color: #28a745;
    /* Зеленый цвет */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s;
}

.submit-btn:hover {
    background-color: #218838;
}

/* Стили для страниц успеха и неудачи (если еще не добавлены) */
.success-popup,
.fail-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.success-popup h1 {
    color: #28A745;
    /* Зеленый цвет */
}

.fail-popup h1 {
    color: #DC3545;
    /* Красный цвет */
}

.success-popup p,
.fail-popup p {
    font-size: 18px;
    margin: 20px 0;
}

.success-popup a,
.fail-popup a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007BFF;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.success-popup a:hover,
.fail-popup a:hover {
    background-color: #0056b3;
}

/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
/* SHOP787*/
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: #101010;
    color: #FFFFFF;
    overflow-x: hidden;
    /* Предотвращает горизонтальную прокрутку из-за анимаций */
}

.sections-container {
    display: flex;
    /* Flexbox для горизонтального размещения карточек */
    justify-content: center;
    /* Центрирование карточек по горизонтали */
    align-items: center;
    /* Центрирование карточек по вертикали */
    gap: 20px;
    /* Промежуток между карточками */
    padding: 20px;
    /* Отступы вокруг карточек */
    flex-wrap: wrap;
    /* Если места мало, карточки будут переноситься на следующую строку */
}


.prime-card {
    position: relative;
    max-width: 450px;
    width: 100%;
    background: linear-gradient(145deg, #442424d0 30%, #2e1d1a 100%);
    border: 1px solid rgba(204, 224, 232, 0.25);
    border-radius: 25px;
    overflow: hidden;
    padding: 50px;
    /* Уменьшено для равномерного размещения */
    box-shadow: 0 10px 30px rgba(80, 27, 27, 0.884);
    transition: background 3s ease, filter 3s ease;
    display: flex;
    /* Flexbox для размещения изображения и текста */
    align-items: center;
    gap: 50px;
    /* Промежуток между изображением и текстом */
}

.prime-card:hover {
    background: linear-gradient(145deg, #552525ad 30%, #3e1e1b 100%);
}


/* Текст */
.prime-card .content {
    flex: 1;
    /* Контейнер с текстом занимает оставшееся пространство */
    text-align: center;
    /* Выравнивание текста по центру */
    display: flex;
    /* Добавляем flexbox */
    flex-direction: column;
    /* Размещаем элементы вертикально */
    justify-content: center;
    /* Центрируем элементы по вертикали */
    align-items: center;
    /* Центрируем элементы по горизонтали */
}

/* Заголовок */
.prime-card h2 {
    font-size: 2rem;
    color: #f0a48dee;
    margin: 0 0 20px;
}

/* Цена */
.prime-card p.price {
    font-size: 4rem;
    font-weight: bold;
    color: #f0b98d;
    margin: 10px 0;
}

/* Подзаголовок */
.prime-card p.subtitle {
    font-size: 1rem;
    color: #f0a98dcc;
    margin-bottom: 30px;
}

/* Кнопки */
.prime-buttons {
    display: flex;
    justify-content: flex-start;
    /* Выравнивание кнопок по левому краю */
    gap: 20px;
}


.prime-buttons button {
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.prime-buttons .prime-join-btn {
    background-color: #ee7868ec;
    color: #ffffff;
}

.prime-buttons .prime-join-btn:hover {
    background-color: #ee7868;
}

/* Изображение слева */
.prime-custom-icon {
    position: absolute;
    top: 0px;
    /* Начальная позиция */
    left: 10px;
    width: 400px;
    /* Увеличенный размер */
    height: 400px;
    /* Увеличенный размер */
    background-image: url('_next\discord-image.webp');
    /* Укажите ваш путь к изображению */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    border-radius: 15px;
    animation: float 6s ease-in-out infinite;
    /* Анимация */
}

/* Определение анимации */
@keyframes float {

    0%,
    100% {
        transform: translateY(0);
        /* Начальная/конечная позиция */
    }

    50% {
        transform: translateY(40px);
        /* Смещение вниз */
    }
}

/* СОСАЛИ?? */

.prime-side-panel {
    position: fixed;
    top: 0;
    left: -400px;
    /* Панель изначально скрыта слева */
    width: 400px;
    height: 100%;
    background-color: #101010;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
    transition: transform 0.3s ease;
    /* Используем transform для анимации */
    overflow-y: auto;
    z-index: 1000;
    transition: left 0.7s ease;
    /* Плавное выдвижение панели */
}

.prime-side-panel.active {
    left: 0;
    /* Панель появляется на экране */
}

.prime-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #ffffffc4;
}

.prime-side-panel h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #8dacf0ee;
}

.prime-form-group {
    margin-bottom: 15px;
}

.prime-form-group label {
    display: block;
    margin-bottom: 5px;
    color: #8dacf0b3;
    /* Уменьшена прозрачность для более тусклого цвета */
}

.prime-form-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    /* Добавлены скругленные углы */
    border: 1px solid #8dacf0b3;
    /* Светлый серый цвет для границы */
    background-color: #f7f9fc;
    /* Более тусклый фон для ввода */
    color: #636262;
    /* Более тусклый цвет текста */
}


.prime-submit-button {
    width: 100%;
    padding: 12px;
    background-color: #46daa9af;
    /* Зеленый цвет */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s;
}

.prime-submit-button:hover {
    background-color: #46daa9d0;
}

/* Стили для страниц успеха и неудачи (если еще не добавлены) */
.prime-success-container,
.fail-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.651);
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.prime-success-container h1 {
    color: #ffffff;
    /* Зеленый цвет */
}

.prime-fail-container h1 {
    color: #DC3545;
    /* Красный цвет */
}

.prime-success-container p,
.fail-container p {
    font-size: 18px;
    margin: 20px 0;
}

.prime-success-container a,
.fail-container a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007BFF;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.prime-success-container a:hover,
.fail-container a:hover {
    background-color: #0056b3;
}

/* СОСАЛИ?? */
/* СОСАЛИ?? */
.prime2-buttons .prime2-join-btn {
    background-color: #ee7868ec;
    color: #ffffff;
}

.prime2-buttons .prime2-join-btn:hover {
    background-color: #ee7868;
}

.prime2-side-panel {
    position: fixed;
    top: 0;
    left: -400px;
    /* Панель изначально скрыта слева */
    width: 400px;
    height: 100%;
    background-color: #101010;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    padding: 20px;
    transition: transform 0.3s ease;
    /* Используем transform для анимации */
    overflow-y: auto;
    z-index: 1000;
    transition: left 0.7s ease;
    /* Плавное выдвижение панели */
}

.prime2-side-panel.active {
    left: 0;
    /* Панель появляется на экране */
}

.prime2-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 30px;
    cursor: pointer;
    color: #ffffffc4;
}

.prime2-side-panel h2 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #8dacf0ee;
}

.prime2-form-group {
    margin-bottom: 15px;
}

.prime2-form-group label {
    display: block;
    margin-bottom: 5px;
    color: #8dacf0b3;
    /* Уменьшена прозрачность для более тусклого цвета */
}

.prime2-form-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 8px;
    /* Добавлены скругленные углы */
    border: 1px solid #8dacf0b3;
    /* Светлый серый цвет для границы */
    background-color: #f7f9fc;
    /* Более тусклый фон для ввода */
    color: #636262;
    /* Более тусклый цвет текста */
}


.prime2-submit-button {
    width: 100%;
    padding: 12px;
    background-color: #46daa9af;
    /* Зеленый цвет */
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s;
}

.prime2-submit-button:hover {
    background-color: #46daa9d0;
}

/* Стили для страниц успеха и неудачи (если еще не добавлены) */
.prime2-success-container,
.fail-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.651);
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.prime2-success-container h1 {
    color: #ffffff;
    /* Зеленый цвет */
}

.prime2-fail-container h1 {
    color: #DC3545;
    /* Красный цвет */
}

.prime2-success-container p,
.fail-container p {
    font-size: 18px;
    margin: 20px 0;
}

.prime2-success-container a,
.fail-container a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007BFF;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
}

.prime2-success-container a:hover,
.fail-container a:hover {
    background-color: #0056b3;
}

/* Прокрутка изображений (общие стили) */
.scrolling-images {
    display: flex;
    animation: scroll-horizontal 100s linear infinite;
    /* Бесконечная плавная анимация */
    width: max-content;
    /* Автоматическая ширина на основе содержимого */
}

/* Анимация горизонтального движения */
@keyframes scroll-horizontal {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Обёртка для изображений с fade-эффектом */
.images-container {
    position: relative;
    /* чтобы наложить псевдоэлементы поверх */
    overflow: hidden;
    /* прячем выходящие за контейнер части */
    margin-top: 20px;
    /* Отступ сверху, чтобы не накладываться на шапку */
    z-index: 1;
    /* Контролируем уровень слоя, чтобы шапка оставалась выше */
}

/* "Тени" по краям */
.images-container::before,
.images-container::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 10;
    width: 80px;
    /* ширина затемнения слева/справа */
    height: 100%;
    pointer-events: none;
    /* чтобы не мешало кликам по картинкам */
}

.images-container::before {
    left: 0;
    background: linear-gradient(to right, #0a0a0a 0%, rgba(255, 255, 255, 0) 100%);
}

.images-container::after {
    right: 0;
    background: linear-gradient(to left, #0a0a0a 0%, rgba(255, 255, 255, 0) 100%);
}

/* Стили для картинок внутри скролла */
.images-container img {
    width: 300px;
    height: auto;
    object-fit: cover;
    border-radius: 15px;
}

/* Пример адаптива под большие экраны */
@media (min-width: 640px) {
    .images-container img {
        width: 500px;
        height: 300px;
    }
}

#mobileMenu {
    transition: all 0.3s ease-in-out;
}

#mobileMenu .inner {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/*
! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: var(--font-inter);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

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

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: Fira Code, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[multiple],
[type=date],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:where(:not([type])),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-meridiem-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple],
[size]:where(select:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

@media (forced-colors:active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

@media (forced-colors:active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (forced-colors:active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.container {
    width: 100%
}

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

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

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

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

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

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 900;
    color: inherit
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 800;
    color: inherit
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    font-size: .875em;
    border-radius: .3125rem;
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: .875em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding-top: .8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-top: .5714286em;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-zinc {
    --tw-prose-body: #3f3f46;
    --tw-prose-headings: #18181b;
    --tw-prose-lead: #52525b;
    --tw-prose-links: #18181b;
    --tw-prose-bold: #18181b;
    --tw-prose-counters: #71717a;
    --tw-prose-bullets: #d4d4d8;
    --tw-prose-hr: #e4e4e7;
    --tw-prose-quotes: #18181b;
    --tw-prose-quote-borders: #e4e4e7;
    --tw-prose-captions: #71717a;
    --tw-prose-kbd: #18181b;
    --tw-prose-kbd-shadows: 24 24 27;
    --tw-prose-code: #18181b;
    --tw-prose-pre-code: #e4e4e7;
    --tw-prose-pre-bg: #27272a;
    --tw-prose-th-borders: #d4d4d8;
    --tw-prose-td-borders: #e4e4e7;
    --tw-prose-invert-body: #d4d4d8;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a1a1aa;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a1a1aa;
    --tw-prose-invert-bullets: #52525b;
    --tw-prose-invert-hr: #3f3f46;
    --tw-prose-invert-quotes: #f4f4f5;
    --tw-prose-invert-quote-borders: #3f3f46;
    --tw-prose-invert-captions: #a1a1aa;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d8;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #52525b;
    --tw-prose-invert-td-borders: #3f3f46
}

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

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

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-4 {
    left: 1rem;
    right: 1rem
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

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

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

.-left-0 {
    left: 0
}

.-right-0 {
    right: 0
}

.-top-12 {
    top: -3rem
}

.bottom-0 {
    bottom: 0
}

.bottom-2\.5 {
    bottom: .625rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-6 {
    bottom: 1.5rem
}

.bottom-safe-bottom {
    bottom: env(safe-area-inset-bottom)
}

.left-0 {
    left: 0
}

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

.left-safe-left {
    left: env(safe-area-inset-left)
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-3 {
    right: .75rem
}

.right-3\.5 {
    right: .875rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-safe-right {
    right: env(safe-area-inset-right)
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\.5 {
    top: .375rem
}

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

.top-18 {
    top: 4.5rem
}

.top-20 {
    top: 5rem
}

.top-24 {
    top: 6rem
}

.top-3 {
    top: .75rem
}

.top-3\.5 {
    top: .875rem
}

.top-4 {
    top: 1rem
}

.top-full {
    top: 100%
}

.isolate {
    isolation: isolate
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[51\] {
    z-index: 51
}

.z-\[5\] {
    z-index: 5
}

.z-\[6\] {
    z-index: 6
}

.z-\[7\] {
    z-index: 7
}

.z-\[8\] {
    z-index: 8
}

.z-\[9999\] {
    z-index: 9999
}

.z-\[9\] {
    z-index: 9
}

.order-last {
    order: 9999
}

.col-start-2 {
    grid-column-start: 2
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-2 {
    margin: -.5rem
}

.-m-3 {
    margin: -.75rem
}

.m-3 {
    margin: .75rem
}

.-mx-2\.5 {
    margin-left: -.625rem;
    margin-right: -.625rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-\[0\.1435rem\] {
    margin-left: -.1435rem;
    margin-right: -.1435rem
}

.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-my-\[calc\(theme\(spacing\.2\)\+1px\)\] {
    margin-top: calc(calc(.5rem + 1px) * -1);
    margin-bottom: calc(calc(.5rem + 1px) * -1)
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

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

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

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-2\.5 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-mb-px {
    margin-bottom: -1px
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-4 {
    margin-left: -1rem
}

.-ml-6 {
    margin-left: -1.5rem
}

.-ml-7 {
    margin-left: -1.75rem
}

.-ml-8 {
    margin-left: -2rem
}

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

.-mr-1\.5 {
    margin-right: -.375rem
}

.-mr-3 {
    margin-right: -.75rem
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-1 {
    margin-top: -.25rem
}

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

.-mt-20 {
    margin-top: -5rem
}

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

.-mt-4 {
    margin-top: -1rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mt-8 {
    margin-top: -2rem
}

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

.mb-1 {
    margin-bottom: .25rem
}

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

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

.mb-2 {
    margin-bottom: .5rem
}

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

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-0\.2rem\] {
    margin-bottom: -.2rem
}

.mb-\[-0\.575rem\] {
    margin-bottom: -.575rem
}

.mb-\[1\.25em\] {
    margin-bottom: 1.25em
}

.mb-px {
    margin-bottom: 1px
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-1\.5 {
    margin-left: .375rem
}

.ml-11 {
    margin-left: 2.75rem
}

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

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-7 {
    margin-left: 1.75rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-9 {
    margin-left: 2.25rem
}

.ml-\[1\.625em\] {
    margin-left: 1.625em
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-auto {
    margin-right: auto
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

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

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

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

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

.mt-3 {
    margin-top: .75rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mt-\[1\.5px\] {
    margin-top: 1.5px
}

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

.mt-\[2\.3125rem\] {
    margin-top: 2.3125rem
}

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

.mt-auto {
    margin-top: auto
}

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[25\/22\] {
    aspect-ratio: 25/22
}

.aspect-\[900\/500\] {
    aspect-ratio: 900/500
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.size-0\.75 {
    width: .1875rem;
    height: .1875rem
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.size-12 {
    width: 3rem;
    height: 3rem
}

.size-18 {
    width: 4.5rem;
    height: 4.5rem
}

.size-20 {
    width: 5rem;
    height: 5rem
}

.size-24 {
    width: 6rem;
    height: 6rem
}

.size-3 {
    width: .75rem;
    height: .75rem
}

.size-4 {
    width: 1rem;
    height: 1rem
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.size-8 {
    width: 2rem;
    height: 2rem
}

.size-9 {
    width: 2.25rem;
    height: 2.25rem
}

.size-\[0\.9375rem\] {
    width: .9375rem;
    height: .9375rem
}

.size-\[1\.9375rem\] {
    width: 1.9375rem;
    height: 1.9375rem
}

.size-\[2\.0625rem\] {
    width: 2.0625rem;
    height: 2.0625rem
}

.size-auto {
    width: auto;
    height: auto
}

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

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-5\.5 {
    height: 1.375rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-96 {
    height: 24rem
}

.h-\[150\%\] {
    height: 150%
}

.h-\[200\%\] {
    height: 200%
}

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

.h-\[29\.5px\] {
    height: 29.5px
}

.h-\[calc\(100vh-4\.5rem\)\] {
    height: calc(100vh - 4.5rem)
}

.h-\[calc\(theme\(height\.full\)-theme\(spacing\.3\)\*2\)\] {
    height: calc(100% - .75rem * 2)
}

.h-\[calc\(theme\(height\.full\)-theme\(spacing\.\[2\.5\]\)\*2\)\] {
    height: calc(100% - .625rem * 2)
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: var(--100vh)
}

.max-h-96 {
    max-height: 24rem
}

.min-h-\[calc\(100vh-4\.5rem\)\] {
    min-height: calc(100vh - 4.5rem)
}

.min-h-\[calc\(100vh-9\.5rem\)\] {
    min-height: calc(100vh - 9.5rem)
}

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

.min-h-screen {
    min-height: var(--100vh)
}

.w-0\.75 {
    width: .1875rem
}

.w-1\.5 {
    width: .375rem
}

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

.w-1\/3 {
    width: 33.333333%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-11\/12 {
    width: 91.666667%
}

.w-16 {
    width: 4rem
}

.w-18 {
    width: 4.5rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-2\/5 {
    width: 40%
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-4\/12 {
    width: 33.333333%
}

.w-4\/5 {
    width: 80%
}

.w-4\/6 {
    width: 66.666667%
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-5\.5 {
    width: 1.375rem
}

.w-5\/6 {
    width: 83.333333%
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-96 {
    width: 24rem
}

.w-\[calc\(theme\(width\.full\)-theme\(spacing\.4\)\*2\)\] {
    width: calc(100% - 1rem * 2)
}

.w-\[var\(--button-width\)\] {
    width: var(--button-width)
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

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

.min-w-56 {
    min-width: 14rem
}

.min-w-64 {
    min-width: 16rem
}

.min-w-72 {
    min-width: 18rem
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

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

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

.max-w-\[calc\(100vw-var\(--scrollbar-width\)\)\] {
    max-width: calc(100vw - var(--scrollbar-width))
}

.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

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

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

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

.flex-none {
    flex: none
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow-0 {
    flex-grow: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.basis-\[92\.5\%\] {
    flex-basis: 92.5%
}

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

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-bottom-right {
    transform-origin: bottom right
}

.origin-center {
    transform-origin: center
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

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

.-translate-x-12,
.-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-12 {
    --tw-translate-x: -3rem
}

.-translate-x-2 {
    --tw-translate-x: -0.5rem
}

.-translate-x-2,
.-translate-x-7 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-7 {
    --tw-translate-x: -1.75rem
}

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

.-translate-x-full,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-translate-y-full,
.translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-12 {
    --tw-translate-x: 3rem
}

.translate-x-12,
.translate-x-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-8 {
    --tw-translate-x: 2rem
}

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

.translate-x-full,
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-1\.25 {
    --tw-translate-y: 0.3125rem
}

.translate-y-1\.25,
.translate-y-8 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-8 {
    --tw-translate-y: 2rem
}

.translate-y-\[0\.20rem\] {
    --tw-translate-y: 0.20rem
}

.translate-y-\[0\.20rem\],
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-rotate-12,
.rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.rotate-90,
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-110,
.scale-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.-scale-x-100,
.scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-scale-x-100 {
    --tw-scale-x: -1
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes mascot-hand {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: .8;
        transform: translateY(-4px)
    }
}

.animate-mascot-hand {
    animation: mascot-hand 1s ease-in-out infinite alternate
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-opacity {
    animation: opacity 1s ease-in-out 0s 1 normal forwards
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

.cursor-default {
    cursor: default
}

.cursor-help {
    cursor: help
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

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

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

.resize {
    resize: both
}

.scroll-mt-24 {
    scroll-margin-top: 6rem
}

.scroll-mt-40 {
    scroll-margin-top: 10rem
}

.scroll-mt-48 {
    scroll-margin-top: 12rem
}

.list-outside {
    list-style-position: outside
}

.list-disc {
    list-style-type: disc
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.grid-flow-col {
    grid-auto-flow: column
}

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

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

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

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

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr
}

.grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
}

.grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto
}

.grid-cols-\[theme\(width\[4\.5\]\)_auto\] {
    grid-template-columns: 1.125rem auto
}

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

.grid-rows-\[1fr_auto\] {
    grid-template-rows: 1fr auto
}

.grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr
}

.grid-rows-\[auto_1fr_auto\] {
    grid-template-rows: auto 1fr auto
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-items-end {
    place-items: end
}

.place-items-center {
    place-items: center
}

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

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

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

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-0\.75 {
    gap: .1875rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-clip {
    overflow-y: clip
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-sm {
    border-bottom-left-radius: .125rem
}

.rounded-br-sm {
    border-bottom-right-radius: .125rem
}

.rounded-tl-sm {
    border-top-left-radius: .125rem
}

.rounded-tr-sm {
    border-top-right-radius: .125rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-none {
    border-style: none
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226/var(--tw-border-opacity))
}

.border-red-500\/60 {
    border-color: rgba(239, 68, 68, .6)
}

.border-red-600\/50 {
    border-color: rgba(220, 38, 38, .5)
}

.border-sky-100 {
    --tw-border-opacity: 1;
    border-color: rgb(224 242 254/var(--tw-border-opacity))
}

.border-teal-100 {
    --tw-border-opacity: 1;
    border-color: rgb(204 251 241/var(--tw-border-opacity))
}

.border-teal-600\/50 {
    border-color: rgba(13, 148, 136, .5)
}

.border-transparent {
    border-color: transparent
}

.border-white\/50 {
    border-color: hsla(0, 0%, 100%, .5)
}

.border-yellow-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 249 195/var(--tw-border-opacity))
}

.border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245/var(--tw-border-opacity))
}

.border-zinc-100\/50 {
    border-color: hsla(240, 5%, 96%, .5)
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity))
}

.border-zinc-200\/60 {
    border-color: hsla(240, 6%, 90%, .6)
}

.border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity))
}

.border-zinc-50 {
    --tw-border-opacity: 1;
    border-color: rgb(250 250 250/var(--tw-border-opacity))
}

.border-zinc-600\/50 {
    border-color: rgba(82, 82, 91, .5)
}

.border-zinc-700\/50 {
    border-color: rgba(63, 63, 70, .5)
}

.border-zinc-950 {
    --tw-border-opacity: 1;
    border-color: rgb(9 9 11/var(--tw-border-opacity))
}

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

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

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.bg-blue-500\/75 {
    background-color: rgba(59, 130, 246, .75)
}

.bg-blue-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.bg-green-100\/50 {
    background-color: rgba(220, 252, 231, .5)
}

.bg-green-500\/75 {
    background-color: rgba(34, 197, 94, .75)
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255/var(--tw-bg-opacity))
}

.bg-indigo-300\/15 {
    background-color: rgba(165, 180, 252, .15)
}

.bg-indigo-50\/50 {
    background-color: rgba(238, 242, 255, .5)
}

.bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 163/var(--tw-bg-opacity))
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213/var(--tw-bg-opacity))
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255/var(--tw-bg-opacity))
}

.bg-purple-500\/75 {
    background-color: rgba(168, 85, 247, .75)
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.bg-red-100\/50 {
    background-color: hsla(0, 93%, 94%, .5)
}

.bg-red-300\/25 {
    background-color: hsla(0, 94%, 82%, .25)
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity))
}

.bg-red-50\/20 {
    background-color: hsla(0, 86%, 97%, .2)
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-sky-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254/var(--tw-bg-opacity))
}

.bg-sky-300\/15 {
    background-color: rgba(125, 211, 252, .15)
}

.bg-sky-50\/20 {
    background-color: rgba(240, 249, 255, .2)
}

.bg-sky-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(14 165 233/var(--tw-bg-opacity))
}

.bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(204 251 241/var(--tw-bg-opacity))
}

.bg-teal-100\/50 {
    background-color: rgba(204, 251, 241, .5)
}

.bg-teal-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(94 234 212/var(--tw-bg-opacity))
}

.bg-teal-50\/20 {
    background-color: rgba(240, 253, 250, .2)
}

.bg-teal-50\/40 {
    background-color: rgba(240, 253, 250, .4)
}

.bg-teal-50\/50 {
    background-color: rgba(240, 253, 250, .5)
}

.bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(13 148 136/var(--tw-bg-opacity))
}

.bg-teal-600\/40 {
    background-color: rgba(13, 148, 136, .4)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-white\/70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-white\/75 {
    background-color: hsla(0, 0%, 100%, .75)
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195/var(--tw-bg-opacity))
}

.bg-yellow-100\/50 {
    background-color: hsla(55, 97%, 88%, .5)
}

.bg-yellow-300\/15 {
    background-color: rgba(253, 224, 71, .15)
}

.bg-yellow-50\/20 {
    background-color: hsla(55, 92%, 95%, .2)
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.bg-zinc-100\/50 {
    background-color: hsla(240, 5%, 96%, .5)
}

.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.bg-zinc-200\/25 {
    background-color: hsla(240, 6%, 90%, .25)
}

.bg-zinc-200\/50 {
    background-color: hsla(240, 6%, 90%, .5)
}

.bg-zinc-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.bg-zinc-300\/25 {
    background-color: hsla(240, 5%, 84%, .25)
}

.bg-zinc-300\/50 {
    background-color: hsla(240, 5%, 84%, .5)
}

.bg-zinc-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170/var(--tw-bg-opacity))
}

.bg-zinc-400\/50 {
    background-color: hsla(240, 5%, 65%, .5)
}

.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-zinc-50\/10 {
    background-color: hsla(0, 0%, 98%, .1)
}

.bg-zinc-50\/20 {
    background-color: hsla(0, 0%, 98%, .2)
}

.bg-zinc-50\/25 {
    background-color: hsla(0, 0%, 98%, .25)
}

.bg-zinc-50\/50 {
    background-color: hsla(0, 0%, 98%, .5)
}

.bg-zinc-50\/75 {
    background-color: hsla(0, 0%, 98%, .75)
}

.bg-zinc-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122/var(--tw-bg-opacity))
}

.bg-zinc-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.bg-zinc-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.bg-zinc-800\/75 {
    background-color: rgba(39, 39, 42, .75)
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-zinc-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[--check\] {
    --tw-gradient-from: var(--check) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[--from\] {
    --tw-gradient-from: var(--from) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[--leading-background\] {
    --tw-gradient-from: var(--leading-background) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[oklch\(40\%_0\.1417_296\.79\)\] {
    --tw-gradient-from: oklch(40% 0.1417 296.79) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/75 {
    --tw-gradient-from: rgba(0, 0, 0, .75) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-200 {
    --tw-gradient-from: #bfdbfe var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(191, 219, 254, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-200 {
    --tw-gradient-from: #99f6e4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(153, 246, 228, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-400 {
    --tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(45, 212, 191, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/10 {
    --tw-gradient-from: hsla(0, 0%, 100%, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-50 {
    --tw-gradient-from: #fafafa var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 98%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-zinc-50\/75 {
    --tw-gradient-from: hsla(0, 0%, 98%, .75) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 98%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-teal-100 {
    --tw-gradient-to: rgba(204, 251, 241, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #ccfbf1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-teal-500\/50 {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-teal-500\/75 {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .75) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-zinc-50\/50 {
    --tw-gradient-to: hsla(0, 0%, 98%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 98%, .5) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-zinc-50\/80 {
    --tw-gradient-to: hsla(0, 0%, 98%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 98%, .8) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[--background\] {
    --tw-gradient-to: var(--background) var(--tw-gradient-to-position)
}

.to-\[--to\] {
    --tw-gradient-to: var(--to) var(--tw-gradient-to-position)
}

.to-\[--trailing-background\] {
    --tw-gradient-to: var(--trailing-background) var(--tw-gradient-to-position)
}

.to-\[oklch\(40\%_0\.0611_336\.48\)\] {
    --tw-gradient-to: oklch(40% 0.0611 336.48) var(--tw-gradient-to-position)
}

.to-blue-400 {
    --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)
}

.to-teal-400 {
    --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position)
}

.to-teal-600 {
    --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.stroke-\[\#0002\] {
    stroke: #0002
}

.stroke-\[\#fff3\] {
    stroke: #fff3
}

.stroke-1 {
    stroke-width: 1
}

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

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

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

.p-\[calc\(theme\(spacing\.2\)\+1px\)\] {
    padding: calc(.5rem + 1px)
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

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

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

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

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

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

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

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

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

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

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

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

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

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

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

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

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

.py-\[0\.3125rem\] {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

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

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

.pb-12 {
    padding-bottom: 3rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-24 {
    padding-bottom: 6rem
}

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

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-\[1\.875rem\] {
    padding-bottom: 1.875rem
}

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

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-3\.5 {
    padding-right: .875rem
}

.pt-0 {
    padding-top: 0
}

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

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

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

.pt-2 {
    padding-top: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

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

.pt-7 {
    padding-top: 1.75rem
}

.pt-\[2\.125rem\] {
    padding-top: 2.125rem
}

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.font-manrope {
    font-family: var(--font-manrope)
}

.font-pixel {
    font-family: Minecraft, monospace
}

.font-sans {
    font-family: var(--font-inter)
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-bold {
    font-weight: 700 !important
}

.font-\[550\] {
    font-weight: 550
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.leading-4 {
    line-height: 1rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[0\.75\] {
    line-height: .75
}

.leading-\[1\.75\] {
    line-height: 1.75
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.tracking-normal {
    letter-spacing: 0
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-tighter {
    letter-spacing: -.05em
}

.text-\[\#a0a0a0\] {
    --tw-text-opacity: 1;
    color: rgb(160 160 160/var(--tw-text-opacity))
}

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

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.text-blue-950 {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity))
}

.text-current {
    color: currentColor
}

.text-emerald-400 {
    --tw-text-opacity: 1;
    color: rgb(52 211 153/var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52/var(--tw-text-opacity))
}

.text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202/var(--tw-text-opacity))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22/var(--tw-text-opacity))
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247/var(--tw-text-opacity))
}

.text-red-50 {
    --tw-text-opacity: 1;
    color: rgb(254 242 242/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: rgb(127 29 29/var(--tw-text-opacity))
}

.text-red-950 {
    --tw-text-opacity: 1;
    color: rgb(69 10 10/var(--tw-text-opacity))
}

.text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity))
}

.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199/var(--tw-text-opacity))
}

.text-sky-700 {
    --tw-text-opacity: 1;
    color: rgb(3 105 161/var(--tw-text-opacity))
}

.text-sky-900 {
    --tw-text-opacity: 1;
    color: rgb(12 74 110/var(--tw-text-opacity))
}

.text-sky-950 {
    --tw-text-opacity: 1;
    color: rgb(8 47 73/var(--tw-text-opacity))
}

.text-teal-400 {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(15 118 110/var(--tw-text-opacity))
}

.text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(17 94 89/var(--tw-text-opacity))
}

.text-teal-950 {
    --tw-text-opacity: 1;
    color: rgb(4 47 46/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7/var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14/var(--tw-text-opacity))
}

.text-yellow-950 {
    --tw-text-opacity: 1;
    color: rgb(66 32 6/var(--tw-text-opacity))
}

.text-zinc-100 {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
}

.text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.text-zinc-500 {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.text-zinc-900 {
    --tw-text-opacity: 1;
    color: rgb(24 24 27/var(--tw-text-opacity))
}

.text-zinc-950 {
    --tw-text-opacity: 1;
    color: rgb(9 9 11/var(--tw-text-opacity))
}

.text-opacity-75 {
    --tw-text-opacity: 0.75
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.decoration-sky-300\/50 {
    text-decoration-color: rgba(125, 211, 252, .5)
}

.decoration-teal-300\/50 {
    text-decoration-color: rgba(94, 234, 212, .5)
}

.decoration-yellow-300\/50 {
    text-decoration-color: rgba(253, 224, 71, .5)
}

.decoration-dotted {
    text-decoration-style: dotted
}

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

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-\[3px\] {
    outline-width: 3px
}

.outline-offset-\[3px\] {
    outline-offset: 3px
}

.outline-red-700 {
    outline-color: #b91c1c
}

.outline-teal-700 {
    outline-color: #0f766e
}

.outline-white\/80 {
    outline-color: hsla(0, 0%, 100%, .8)
}

.outline-zinc-400 {
    outline-color: #a1a1aa
}

.outline-zinc-700 {
    outline-color: #3f3f46
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-0,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

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

.ring-inset {
    --tw-ring-inset: inset
}

.ring-black\/10 {
    --tw-ring-color: rgba(0, 0, 0, .1)
}

.ring-black\/15 {
    --tw-ring-color: rgba(0, 0, 0, .15)
}

.ring-black\/20 {
    --tw-ring-color: rgba(0, 0, 0, .2)
}

.ring-blue-200\/75 {
    --tw-ring-color: rgba(191, 219, 254, .75)
}

.ring-blue-700\/50 {
    --tw-ring-color: rgba(29, 78, 216, .5)
}

.ring-green-300\/50 {
    --tw-ring-color: rgba(134, 239, 172, .5)
}

.ring-indigo-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 231 255/var(--tw-ring-opacity))
}

.ring-indigo-300\/50 {
    --tw-ring-color: rgba(165, 180, 252, .5)
}

.ring-indigo-700\/50 {
    --tw-ring-color: rgba(67, 56, 202, .5)
}

.ring-orange-200\/75 {
    --tw-ring-color: hsla(32, 98%, 83%, .75)
}

.ring-red-200\/75 {
    --tw-ring-color: hsla(0, 96%, 89%, .75)
}

.ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 165 165/var(--tw-ring-opacity))
}

.ring-red-300\/25 {
    --tw-ring-color: hsla(0, 94%, 82%, .25)
}

.ring-red-300\/50 {
    --tw-ring-color: hsla(0, 94%, 82%, .5)
}

.ring-sky-200\/75 {
    --tw-ring-color: rgba(186, 230, 253, .75)
}

.ring-sky-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(125 211 252/var(--tw-ring-opacity))
}

.ring-sky-300\/50 {
    --tw-ring-color: rgba(125, 211, 252, .5)
}

.ring-teal-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(204 251 241/var(--tw-ring-opacity))
}

.ring-teal-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(94 234 212/var(--tw-ring-opacity))
}

.ring-teal-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(45 212 191/var(--tw-ring-opacity))
}

.ring-teal-400\/20 {
    --tw-ring-color: rgba(45, 212, 191, .2)
}

.ring-teal-400\/75 {
    --tw-ring-color: rgba(45, 212, 191, .75)
}

.ring-transparent {
    --tw-ring-color: transparent
}

.ring-white\/25 {
    --tw-ring-color: hsla(0, 0%, 100%, .25)
}

.ring-white\/5 {
    --tw-ring-color: hsla(0, 0%, 100%, .05)
}

.ring-yellow-200\/75 {
    --tw-ring-color: hsla(53, 98%, 77%, .75)
}

.ring-yellow-300\/50 {
    --tw-ring-color: rgba(253, 224, 71, .5)
}

.ring-zinc-100 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(244 244 245/var(--tw-ring-opacity))
}

.ring-zinc-100\/50 {
    --tw-ring-color: hsla(240, 5%, 96%, .5)
}

.ring-zinc-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(228 228 231/var(--tw-ring-opacity))
}

.ring-zinc-200\/50 {
    --tw-ring-color: hsla(240, 6%, 90%, .5)
}

.ring-zinc-200\/75 {
    --tw-ring-color: hsla(240, 6%, 90%, .75)
}

.ring-zinc-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216/var(--tw-ring-opacity))
}

.ring-zinc-300\/50 {
    --tw-ring-color: hsla(240, 5%, 84%, .5)
}

.ring-zinc-300\/75 {
    --tw-ring-color: hsla(240, 5%, 84%, .75)
}

.ring-zinc-50 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 250 250/var(--tw-ring-opacity))
}

.ring-zinc-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(82 82 91/var(--tw-ring-opacity))
}

.ring-zinc-600\/15 {
    --tw-ring-color: rgba(82, 82, 91, .15)
}

.ring-zinc-900\/10 {
    --tw-ring-color: rgba(24, 24, 27, .1)
}

.ring-zinc-900\/30 {
    --tw-ring-color: rgba(24, 24, 27, .3)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-0 {
    --tw-blur: blur(0)
}

.blur-2xl {
    --tw-blur: blur(40px)
}

.blur-2xl,
.blur-3xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-3xl {
    --tw-blur: blur(64px)
}

.blur-md {
    --tw-blur: blur(12px)
}

.blur-md,
.blur-xl {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-xl {
    --tw-blur: blur(24px)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-lg,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.filter,
.grayscale-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-saturate-150 {
    -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-saturate-150 {
    --tw-backdrop-saturate: saturate(1.5)
}

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

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

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

.transition-none {
    transition-property: none
}

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

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

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

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

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

.duration-500 {
    transition-duration: .5s
}

.duration-75 {
    transition-duration: 75ms
}

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

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

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

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

.animate-in {
    animation-name: enter;
    animation-duration: .15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.fade-in-0 {
    --tw-enter-opacity: 0
}

.zoom-in-95 {
    --tw-enter-scale: .95
}

.duration-100 {
    animation-duration: .1s
}

.duration-150 {
    animation-duration: .15s
}

.duration-200 {
    animation-duration: .2s
}

.duration-300 {
    animation-duration: .3s
}

.duration-500 {
    animation-duration: .5s
}

.duration-75 {
    animation-duration: 75ms
}

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

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

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

.\[--anchor-gap\:var\(--spacing-1\)\] {
    --anchor-gap: var(--spacing-1)
}

.\[--icon-primary\:theme\(colors\.green\.500\)\] {
    --icon-primary: #22c55e
}

.\[--icon-primary\:theme\(colors\.red\.500\)\] {
    --icon-primary: #ef4444
}

.\[--icon-secondary\:theme\(colors\.green\.100\)\] {
    --icon-secondary: #dcfce7
}

.\[--icon-secondary\:theme\(colors\.red\.100\)\] {
    --icon-secondary: #fee2e2
}

.\[--scrollbar-size\:theme\(width\.3\)\] {
    --scrollbar-size: 0.75rem
}

.\[--scrollbar-size\:theme\(width\.4\)\] {
    --scrollbar-size: 1rem
}

.\[--stroke\:white\] {
    --stroke: #fff
}

.\[animation-delay\:0\.1s\] {
    animation-delay: .1s
}

.\[animation-delay\:0\.2s\] {
    animation-delay: .2s
}

.\[animation-delay\:0\.3s\] {
    animation-delay: .3s
}

.\[animation-delay\:750ms\] {
    animation-delay: .75s
}

.\[animation-delay\:850ms\] {
    animation-delay: .85s
}

.\[animation-delay\:900ms\] {
    animation-delay: .9s
}

.\[animation-delay\:950ms\] {
    animation-delay: .95s
}

.\[animation-duration\:300ms\] {
    animation-duration: .3s
}

.\[animation-duration\:3s\] {
    animation-duration: 3s
}

.\[color\:\#525254\] {
    color: #525254
}

.\[color\:\#8b8b8d\] {
    color: #8b8b8d
}

.\[container-type\:size\] {
    container-type: size
}

.\[font-size\:--paint-username-size\] {
    font-size: var(--paint-username-size)
}

.\[font-size\:calc\(var\(--username-size\)\*6cqw\)\] {
    font-size: calc(var(--username-size) * 6cqw)
}

.\[grid-area\:1\/1\] {
    grid-area: 1/1
}

.\[mask-image\:linear-gradient\(to_bottom\2c black_0\%_50\%\2c transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(180deg, #000 0 50%, transparent);
    mask-image: linear-gradient(180deg, #000 0 50%, transparent)
}

@font-face {
    font-family: Minecraft;
    src: url(/assets/fonts/Minecraft.woff2)
}

::-webkit-scrollbar {
    width: var(--scrollbar-size);
    height: var(--scrollbar-size)
}

:root {
    --scrollbar-track: #f4f4f5;
    --scrollbar-thumb: #52525b
}

html.dark {
    --scrollbar-track: #27272a;
    --scrollbar-thumb: #71717a
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
    padding: .25rem
}

::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    border: 4px solid transparent;
    background-color: var(--scrollbar-thumb);
    background-clip: padding-box
}

.shine {
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 50%, var(--shine-color) 75%, hsla(0, 0%, 100%, 0) 100%);
    animation: shine 5s linear infinite;
    background-repeat: no-repeat
}

.react-colorful.__rgba_converter {
    width: 100%;
    border-radius: 0
}

.__rgba_converter .react-colorful__saturation {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.__rgba_converter .react-colorful__last-control {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

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

@keyframes full-width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes gradient-reveal {
    0% {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        opacity: .2
    }

    to {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        opacity: 1
    }
}

@keyframes gradient-unreveal {
    0% {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 0 /400% no-repeat;
        opacity: 1
    }

    to {
        -webkit-mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        mask: linear-gradient(90deg, #000 25%, #000000e6 50%, #00000000) 150% 0 /400% no-repeat;
        opacity: 0
    }
}

.animate-marquee-item {
    --duration: calc(var(--speed) * 1s);
    --delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - (var(--count) * 0.5)));
    --origin-x: calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);
    --destination-x: calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%));
    animation: marquee-item var(--duration) calc(var(--delay) - (var(--count) * .5s)) infinite linear;
    translate: var(--origin-x)
}

@keyframes marquee-item {
    to {
        translate: var(--destination-x)
    }
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

.\*\:my-0>* {
    margin-top: 0;
    margin-bottom: 0
}

.\*\:flex-shrink-0>* {
    flex-shrink: 0
}

.\*\:bg-current>* {
    background-color: currentColor
}

.\*\:py-\[0\.45rem\]>* {
    padding-top: .45rem;
    padding-bottom: .45rem
}

.\*\:pb-2>* {
    padding-bottom: .5rem
}

.\*\:text-transparent>* {
    color: transparent
}

.\*\:opacity-30>* {
    opacity: .3
}

.\*\:opacity-80>* {
    opacity: .8
}

.\*\:\[grid-area\:1\/1\]>* {
    grid-area: 1/1
}

.marker\:text-zinc-500 ::marker {
    color: #71717a
}

.marker\:text-zinc-500::marker {
    color: #71717a
}

.selection\:bg-teal-800\/50 ::-moz-selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:bg-teal-800\/50 ::selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:text-white ::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:text-white ::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:bg-teal-800\/50::-moz-selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:bg-teal-800\/50::selection {
    background-color: rgba(17, 94, 89, .5)
}

.selection\:text-white::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.selection\:text-white::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.placeholder\:text-zinc-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.placeholder\:text-zinc-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.placeholder\:text-zinc-400\/70::-moz-placeholder {
    color: hsla(240, 5%, 65%, .7)
}

.placeholder\:text-zinc-400\/70::placeholder {
    color: hsla(240, 5%, 65%, .7)
}

.after\:items-center:after {
    content: var(--tw-content);
    align-items: center
}

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

.target\:-my-1:target {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.target\:-mr-5:target {
    margin-right: -1.25rem
}

.target\:ml-\[-2\.625rem\]:target {
    margin-left: -2.625rem
}

.target\:rounded-lg:target {
    border-radius: .5rem
}

.target\:bg-zinc-200\/75:target {
    background-color: hsla(240, 6%, 90%, .75)
}

.target\:py-1:target {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.target\:pl-4:target {
    padding-left: 1rem
}

.target\:pr-5:target {
    padding-right: 1.25rem
}

.empty\:mt-0:empty {
    margin-top: 0
}

.empty\:hidden:empty {
    display: none
}

@media (hover:hover) and (pointer:fine) {
    .hover\:border-red-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(220 38 38/var(--tw-border-opacity))
    }

    .hover\:border-teal-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(13 148 136/var(--tw-border-opacity))
    }

    .hover\:border-zinc-200:hover {
        --tw-border-opacity: 1;
        border-color: rgb(228 228 231/var(--tw-border-opacity))
    }

    .hover\:border-zinc-400:hover {
        --tw-border-opacity: 1;
        border-color: rgb(161 161 170/var(--tw-border-opacity))
    }

    .hover\:border-zinc-600:hover {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 91/var(--tw-border-opacity))
    }

    .hover\:bg-red-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(254 226 226/var(--tw-bg-opacity))
    }

    .hover\:bg-red-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(254 202 202/var(--tw-bg-opacity))
    }

    .hover\:bg-red-300\/10:hover {
        background-color: hsla(0, 94%, 82%, .1)
    }

    .hover\:bg-red-500\/10:hover {
        background-color: rgba(239, 68, 68, .1)
    }

    .hover\:bg-red-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(220 38 38/var(--tw-bg-opacity))
    }

    .hover\:bg-red-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(185 28 28/var(--tw-bg-opacity))
    }

    .hover\:bg-sky-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(186 230 253/var(--tw-bg-opacity))
    }

    .hover\:bg-sky-300\/10:hover {
        background-color: rgba(125, 211, 252, .1)
    }

    .hover\:bg-sky-500\/10:hover {
        background-color: rgba(14, 165, 233, .1)
    }

    .hover\:bg-sky-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(2 132 199/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(204 251 241/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(153 246 228/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-200\/25:hover {
        background-color: rgba(153, 246, 228, .25)
    }

    .hover\:bg-teal-300\/10:hover {
        background-color: rgba(94, 234, 212, .1)
    }

    .hover\:bg-teal-500\/10:hover {
        background-color: rgba(20, 184, 166, .1)
    }

    .hover\:bg-teal-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(13 148 136/var(--tw-bg-opacity))
    }

    .hover\:bg-teal-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(15 118 110/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-200:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(228 228 231/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-200\/25:hover {
        background-color: hsla(240, 6%, 90%, .25)
    }

    .hover\:bg-zinc-200\/50:hover {
        background-color: hsla(240, 6%, 90%, .5)
    }

    .hover\:bg-zinc-200\/75:hover {
        background-color: hsla(240, 6%, 90%, .75)
    }

    .hover\:bg-zinc-300:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(212 212 216/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-300\/10:hover {
        background-color: hsla(240, 5%, 84%, .1)
    }

    .hover\:bg-zinc-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(250 250 250/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 122/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-500\/10:hover {
        background-color: hsla(240, 4%, 46%, .1)
    }

    .hover\:bg-zinc-600:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 91/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70/var(--tw-bg-opacity))
    }

    .hover\:bg-zinc-700\/75:hover {
        background-color: rgba(63, 63, 70, .75)
    }

    .hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }

    .hover\:text-red-600:hover {
        --tw-text-opacity: 1;
        color: rgb(220 38 38/var(--tw-text-opacity))
    }

    .hover\:text-sky-600:hover {
        --tw-text-opacity: 1;
        color: rgb(2 132 199/var(--tw-text-opacity))
    }

    .hover\:text-sky-700:hover {
        --tw-text-opacity: 1;
        color: rgb(3 105 161/var(--tw-text-opacity))
    }

    .hover\:text-teal-600:hover {
        --tw-text-opacity: 1;
        color: rgb(13 148 136/var(--tw-text-opacity))
    }

    .hover\:text-teal-700:hover {
        --tw-text-opacity: 1;
        color: rgb(15 118 110/var(--tw-text-opacity))
    }

    .hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .hover\:text-yellow-700:hover {
        --tw-text-opacity: 1;
        color: rgb(161 98 7/var(--tw-text-opacity))
    }

    .hover\:text-zinc-600:hover {
        --tw-text-opacity: 1;
        color: rgb(82 82 91/var(--tw-text-opacity))
    }

    .hover\:decoration-teal-400\/50:hover {
        text-decoration-color: rgba(45, 212, 191, .5)
    }

    .hover\:decoration-yellow-400\/50:hover {
        text-decoration-color: rgba(250, 204, 21, .5)
    }

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

    .hover\:opacity-25:hover {
        opacity: .25
    }

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

    .hover\:opacity-80:hover {
        opacity: .8
    }

    .hover\:opacity-90:hover {
        opacity: .9
    }

    .hover\:ring-1:hover {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .hover\:ring-inset:hover {
        --tw-ring-inset: inset
    }

    .hover\:ring-black\/10:hover {
        --tw-ring-color: rgba(0, 0, 0, .1)
    }

    .hover\:ring-zinc-200:hover {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(228 228 231/var(--tw-ring-opacity))
    }

    .hover\:ring-zinc-300\/50:hover {
        --tw-ring-color: hsla(240, 5%, 84%, .5)
    }

    .hover\:ring-zinc-700\/25:hover {
        --tw-ring-color: rgba(63, 63, 70, .25)
    }
}

.focus\:border-teal-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166/var(--tw-border-opacity))
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-0:focus {
    outline-width: 0
}

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

.focus\:ring-1:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-teal-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(20 184 166/var(--tw-ring-opacity))
}

.focus-visible\:text-black:focus-visible {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.focus-visible\:opacity-100:focus-visible {
    opacity: 1
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-dashed:focus-visible {
    outline-style: dashed
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px
}

.focus-visible\:outline-blue-400:focus-visible {
    outline-color: #60a5fa
}

.focus-visible\:outline-sky-600:focus-visible {
    outline-color: #0284c7
}

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

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:scale-90:active {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:border-red-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28/var(--tw-border-opacity))
}

.active\:border-teal-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(15 118 110/var(--tw-border-opacity))
}

.active\:border-zinc-300:active {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity))
}

.active\:border-zinc-700:active {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.active\:bg-red-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity))
}

.active\:bg-red-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity))
}

.active\:bg-red-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27/var(--tw-bg-opacity))
}

.active\:bg-teal-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(153 246 228/var(--tw-bg-opacity))
}

.active\:bg-teal-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(15 118 110/var(--tw-bg-opacity))
}

.active\:bg-teal-800:active {
    --tw-bg-opacity: 1;
    background-color: rgb(17 94 89/var(--tw-bg-opacity))
}

.active\:bg-zinc-200:active {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.active\:bg-zinc-300:active {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.active\:bg-zinc-600:active {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.active\:bg-zinc-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.active\:bg-zinc-700\/90:active {
    background-color: rgba(63, 63, 70, .9)
}

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

.disabled\:-translate-x-2:disabled {
    --tw-translate-x: -0.5rem
}

.disabled\:-translate-x-2:disabled,
.disabled\:translate-x-2:disabled {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.disabled\:translate-x-2:disabled {
    --tw-translate-x: 0.5rem
}

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

.disabled\:opacity-0:disabled {
    opacity: 0
}

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

.group\/summary[open] .group-open\/summary\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (hover:hover) and (pointer:fine) {

    .group:hover .group-hover\:translate-x-0,
    .group\/btn:hover .group-hover\/btn\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .group:hover .group-hover\:translate-x-0,
    .group:hover .group-hover\:translate-x-7,
    .group\/btn:hover .group-hover\/btn\:translate-x-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:translate-x-7 {
        --tw-translate-x: 1.75rem
    }

    .group\/item:hover .group-hover\/item\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .group:hover .group-hover\:scale-100,
    .group\/item:hover .group-hover\/item\:scale-125 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    .group\/item:hover .group-hover\/item\:animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }

    .group:hover .group-hover\:bg-teal-700 {
        --tw-bg-opacity: 1;
        background-color: rgb(15 118 110/var(--tw-bg-opacity))
    }

    .group:hover .group-hover\:bg-zinc-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity))
    }

    .group\/btn:hover .group-hover\/btn\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:opacity-0 {
        opacity: 0
    }

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

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

.group:focus-visible .group-focus-visible\:ring-inset {
    --tw-ring-inset: inset
}

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

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.aria-\[pressed\]\:bg-zinc-100[aria-pressed] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity))
}

.data-\[state\=checked\]\:translate-x-5[data-state=checked] {
    --tw-translate-x: 1.25rem
}

.data-\[state\=checked\]\:translate-x-5[data-state=checked],
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
    --tw-translate-x: 0px
}

.data-\[closed\]\:scale-95[data-closed] {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[focus\]\:bg-black\/5[data-focus] {
    background-color: rgba(0, 0, 0, .05)
}

.data-\[focus\]\:bg-white\/10[data-focus] {
    background-color: hsla(0, 0%, 100%, .1)
}

.data-\[state\=checked\]\:bg-teal-500[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166/var(--tw-bg-opacity))
}

.data-\[state\=checked\]\:bg-zinc-950[data-state=checked] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity))
}

.data-\[state\=unchecked\]\:bg-zinc-300[data-state=unchecked] {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216/var(--tw-bg-opacity))
}

.data-\[active\]\:text-teal-500[data-active] {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.data-\[state\=checked\]\:text-white[data-state=checked] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.data-\[closed\]\:opacity-0[data-closed] {
    opacity: 0
}

.data-\[display\=true\]\:opacity-100[data-display=true] {
    opacity: 1
}

.data-\[leave\]\:data-\[closed\]\:opacity-0[data-closed][data-leave] {
    opacity: 0
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation-name: exit;
    animation-duration: .15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.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-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -0.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 0.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -0.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 0.5rem
}

@media (hover:hover) and (pointer:fine) {
    .data-\[active\]\:hover\:text-teal-500:hover[data-active] {
        --tw-text-opacity: 1;
        color: rgb(20 184 166/var(--tw-text-opacity))
    }

    .data-\[display\=true\]\:hover\:opacity-50:hover[data-display=true] {
        opacity: .5
    }
}

.group[data-selected] .group-data-\[selected\]\:visible {
    visibility: visible
}

.group[data-highlight-position=bottom] .group-data-\[highlight-position\=bottom\]\:bottom-0 {
    bottom: 0
}

.group[data-highlight-position=bottom] .group-data-\[highlight-position\=bottom\]\:top-0 {
    top: 0
}

.group[data-highlight-position=top] .group-data-\[highlight-position\=top\]\:bottom-0 {
    bottom: 0
}

.group[data-highlight-position=top] .group-data-\[highlight-position\=top\]\:top-0 {
    top: 0
}

.group[data-highlight-position=bottom] .group-data-\[highlight-position\=bottom\]\:mb-0 {
    margin-bottom: 0
}

.group[data-highlight-position=top] .group-data-\[highlight-position\=top\]\:mt-0 {
    margin-top: 0
}

.group[data-focus] .group-data-\[focus\]\:-translate-x-8 {
    --tw-translate-x: -2rem
}

.group[data-focus] .group-data-\[focus\]\:-translate-x-8,
.group[data-focus] .group-data-\[focus\]\:translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-focus] .group-data-\[focus\]\:translate-x-0 {
    --tw-translate-x: 0px
}

.group[data-focus] .group-data-\[focus\]\:opacity-0 {
    opacity: 0
}

.group[data-focus] .group-data-\[focus\]\:opacity-100 {
    opacity: 1
}

.group[data-focus] .group-data-\[focus\]\:opacity-90 {
    opacity: .9
}

.group[data-selected] .group-data-\[selected\]\:opacity-80 {
    opacity: .8
}

.group[data-selected] .group-data-\[selected\]\:data-\[focus\]\:opacity-90[data-focus] {
    opacity: .9
}

.prose-p\:my-0 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-p\:my-2 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.prose-p\:my-4 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.first\:prose-p\:mt-0 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))):first-child {
    margin-top: 0
}

.last\:prose-p\:mb-0 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))):last-child {
    margin-bottom: 0
}

.prose-a\:text-blue-600\/90 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    color: rgba(37, 99, 235, .9)
}

.prose-a\:text-teal-600 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.prose-a\:decoration-teal-300\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    text-decoration-color: rgba(94, 234, 212, .5)
}

.prose-a\:decoration-transparent :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    text-decoration-color: transparent
}

.prose-a\:underline-offset-2 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    text-underline-offset: 2px
}

.prose-a\:transition :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

@media (hover:hover) and (pointer:fine) {
    .hover\:prose-a\:text-blue-600 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
        --tw-text-opacity: 1;
        color: rgb(37 99 235/var(--tw-text-opacity))
    }

    .hover\:prose-a\:text-teal-700 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
        --tw-text-opacity: 1;
        color: rgb(15 118 110/var(--tw-text-opacity))
    }

    .hover\:prose-a\:decoration-blue-400\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
        text-decoration-color: rgba(96, 165, 250, .5)
    }

    .hover\:prose-a\:decoration-teal-400\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover {
        text-decoration-color: rgba(45, 212, 191, .5)
    }
}

.prose-blockquote\:m-0 :is(:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin: 0
}

.prose-blockquote\:border-0 :is(:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-width: 0
}

.prose-blockquote\:p-0 :is(:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding: 0
}

.prose-blockquote\:font-normal :is(:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-weight: 400
}

.prose-blockquote\:not-italic :is(:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-style: normal
}

.prose-em\:text-zinc-600 :is(:where(em):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.prose-code\:text-teal-600 :is(:where(code):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity))
}

.prose-pre\:my-0 :is(:where(pre):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-pre\:bg-transparent :is(:where(pre):not(:where([class~=not-prose], [class~=not-prose] *))) {
    background-color: transparent
}

.prose-pre\:p-0 :is(:where(pre):not(:where([class~=not-prose], [class~=not-prose] *))) {
    padding: 0
}

.prose-pre\:text-zinc-800 :is(:where(pre):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.prose-ol\:list-none :is(:where(ol):not(:where([class~=not-prose], [class~=not-prose] *))) {
    list-style-type: none
}

.prose-ul\:my-0 :is(:where(ul):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: 0;
    margin-bottom: 0
}

.prose-img\:rounded-lg :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-radius: .5rem
}

.prose-hr\:my-\[1em\] :is(:where(hr):not(:where([class~=not-prose], [class~=not-prose] *))) {
    margin-top: 1em;
    margin-bottom: 1em
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) or (-webkit-backdrop-filter:blur(0)) {
    .supports-backdrop-blur\:bg-white\/70 {
        background-color: hsla(0, 0%, 100%, .7)
    }

    .supports-backdrop-blur\:bg-white\/75 {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .supports-backdrop-blur\:backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }

    .supports-backdrop-blur\:backdrop-blur,
    .supports-backdrop-blur\:backdrop-blur-lg {
        -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)
    }

    .supports-backdrop-blur\:backdrop-blur-lg {
        --tw-backdrop-blur: blur(16px)
    }
}

.children\:leading-relaxed>* {
    line-height: 1.625
}

@media (prefers-reduced-motion:no-preference) {
    .motion-safe\:translate-x-2 {
        --tw-translate-x: 0.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .motion-safe\:scroll-smooth {
        scroll-behavior: smooth
    }

    .motion-safe\:focus-visible\:translate-x-0:focus-visible {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    @media (hover:hover) and (pointer:fine) {
        .group:hover .motion-safe\:group-hover\:translate-x-0 {
            --tw-translate-x: 0px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
        }
    }
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\:hidden {
        display: none
    }
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:border-thin:is(.dark *) {
    border-width: .5px
}

.dark\:border-red-400\/60:is(.dark *) {
    border-color: hsla(0, 91%, 71%, .6)
}

.dark\:border-red-900\/75:is(.dark *) {
    border-color: rgba(127, 29, 29, .75)
}

.dark\:border-sky-900\/75:is(.dark *) {
    border-color: rgba(12, 74, 110, .75)
}

.dark\:border-teal-900\/75:is(.dark *) {
    border-color: rgba(19, 78, 74, .75)
}

.dark\:border-white\/5:is(.dark *) {
    border-color: hsla(0, 0%, 100%, .05)
}

.dark\:border-yellow-900\/75:is(.dark *) {
    border-color: rgba(113, 63, 18, .75)
}

.dark\:border-zinc-50:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(250 250 250/var(--tw-border-opacity))
}

.dark\:border-zinc-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91/var(--tw-border-opacity))
}

.dark\:border-zinc-600\/50:is(.dark *) {
    border-color: rgba(82, 82, 91, .5)
}

.dark\:border-zinc-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.dark\:border-zinc-700\/75:is(.dark *) {
    border-color: rgba(63, 63, 70, .75)
}

.dark\:border-zinc-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42/var(--tw-border-opacity))
}

.dark\:border-zinc-800\/20:is(.dark *) {
    border-color: rgba(39, 39, 42, .2)
}

.dark\:border-zinc-800\/50:is(.dark *) {
    border-color: rgba(39, 39, 42, .5)
}

.dark\:border-zinc-800\/75:is(.dark *) {
    border-color: rgba(39, 39, 42, .75)
}

.dark\:border-zinc-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(24 24 27/var(--tw-border-opacity))
}

.dark\:border-zinc-900\/75:is(.dark *) {
    border-color: rgba(24, 24, 27, .75)
}

.dark\:bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.dark\:bg-black\/80:is(.dark *) {
    background-color: rgba(0, 0, 0, .8)
}

.dark\:bg-blue-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.dark\:bg-blue-900\/50:is(.dark *) {
    background-color: rgba(30, 58, 138, .5)
}

.dark\:bg-blue-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity))
}

.dark\:bg-green-700\/20:is(.dark *) {
    background-color: rgba(21, 128, 61, .2)
}

.dark\:bg-indigo-800\/50:is(.dark *) {
    background-color: rgba(55, 48, 163, .5)
}

.dark\:bg-indigo-900\/10:is(.dark *) {
    background-color: rgba(49, 46, 129, .1)
}

.dark\:bg-indigo-900\/50:is(.dark *) {
    background-color: rgba(49, 46, 129, .5)
}

.dark\:bg-indigo-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 27 75/var(--tw-bg-opacity))
}

.dark\:bg-orange-900\/50:is(.dark *) {
    background-color: rgba(124, 45, 18, .5)
}

.dark\:bg-purple-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity))
}

.dark\:bg-purple-800\/50:is(.dark *) {
    background-color: rgba(107, 33, 168, .5)
}

.dark\:bg-red-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.dark\:bg-red-500\/20:is(.dark *) {
    background-color: rgba(239, 68, 68, .2)
}

.dark\:bg-red-600\/25:is(.dark *) {
    background-color: rgba(220, 38, 38, .25)
}

.dark\:bg-red-800\/50:is(.dark *) {
    background-color: rgba(153, 27, 27, .5)
}

.dark\:bg-red-900\/10:is(.dark *) {
    background-color: rgba(127, 29, 29, .1)
}

.dark\:bg-red-900\/20:is(.dark *) {
    background-color: rgba(127, 29, 29, .2)
}

.dark\:bg-red-900\/50:is(.dark *) {
    background-color: rgba(127, 29, 29, .5)
}

.dark\:bg-sky-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 189 248/var(--tw-bg-opacity))
}

.dark\:bg-sky-400\/10:is(.dark *) {
    background-color: rgba(56, 189, 248, .1)
}

.dark\:bg-sky-900\/10:is(.dark *) {
    background-color: rgba(12, 74, 110, .1)
}

.dark\:bg-sky-900\/20:is(.dark *) {
    background-color: rgba(12, 74, 110, .2)
}

.dark\:bg-sky-900\/50:is(.dark *) {
    background-color: rgba(12, 74, 110, .5)
}

.dark\:bg-teal-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(94 234 212/var(--tw-bg-opacity))
}

.dark\:bg-teal-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(45 212 191/var(--tw-bg-opacity))
}

.dark\:bg-teal-400\/10:is(.dark *) {
    background-color: rgba(45, 212, 191, .1)
}

.dark\:bg-teal-900\/10:is(.dark *) {
    background-color: rgba(19, 78, 74, .1)
}

.dark\:bg-teal-900\/20:is(.dark *) {
    background-color: rgba(19, 78, 74, .2)
}

.dark\:bg-teal-900\/40:is(.dark *) {
    background-color: rgba(19, 78, 74, .4)
}

.dark\:bg-teal-900\/50:is(.dark *) {
    background-color: rgba(19, 78, 74, .5)
}

.dark\:bg-teal-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 47 46/var(--tw-bg-opacity))
}

.dark\:bg-transparent:is(.dark *) {
    background-color: transparent
}

.dark\:bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.dark\:bg-white\/20:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .2)
}

.dark\:bg-white\/5:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark\:bg-yellow-700\/20:is(.dark *) {
    background-color: rgba(161, 98, 7, .2)
}

.dark\:bg-yellow-900\/10:is(.dark *) {
    background-color: rgba(113, 63, 18, .1)
}

.dark\:bg-yellow-900\/20:is(.dark *) {
    background-color: rgba(113, 63, 18, .2)
}

.dark\:bg-yellow-900\/50:is(.dark *) {
    background-color: rgba(113, 63, 18, .5)
}

.dark\:bg-zinc-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(161 161 170/var(--tw-bg-opacity))
}

.dark\:bg-zinc-400\/20:is(.dark *) {
    background-color: hsla(240, 5%, 65%, .2)
}

.dark\:bg-zinc-50:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.dark\:bg-zinc-500\/10:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .1)
}

.dark\:bg-zinc-500\/20:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .2)
}

.dark\:bg-zinc-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.dark\:bg-zinc-600\/20:is(.dark *) {
    background-color: rgba(82, 82, 91, .2)
}

.dark\:bg-zinc-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

.dark\:bg-zinc-700\/20:is(.dark *) {
    background-color: rgba(63, 63, 70, .2)
}

.dark\:bg-zinc-700\/50:is(.dark *) {
    background-color: rgba(63, 63, 70, .5)
}

.dark\:bg-zinc-750:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 56/var(--tw-bg-opacity))
}

.dark\:bg-zinc-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.dark\:bg-zinc-800\/10:is(.dark *) {
    background-color: rgba(39, 39, 42, .1)
}

.dark\:bg-zinc-800\/25:is(.dark *) {
    background-color: rgba(39, 39, 42, .25)
}

.dark\:bg-zinc-800\/40:is(.dark *) {
    background-color: rgba(39, 39, 42, .4)
}

.dark\:bg-zinc-800\/50:is(.dark *) {
    background-color: rgba(39, 39, 42, .5)
}

.dark\:bg-zinc-800\/75:is(.dark *) {
    background-color: rgba(39, 39, 42, .75)
}

.dark\:bg-zinc-800\/80:is(.dark *) {
    background-color: rgba(39, 39, 42, .8)
}

.dark\:bg-zinc-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.dark\:bg-zinc-900\/75:is(.dark *) {
    background-color: rgba(24, 24, 27, .75)
}

.dark\:bg-zinc-900\/80:is(.dark *) {
    background-color: rgba(24, 24, 27, .8)
}

.dark\:bg-zinc-900\/90:is(.dark *) {
    background-color: rgba(24, 24, 27, .9)
}

.dark\:bg-zinc-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity))
}

.dark\:from-\[oklch\(20\%_0\.1417_296\.79\)\]:is(.dark *) {
    --tw-gradient-from: oklch(20% 0.1417 296.79) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-blue-600\/30:is(.dark *) {
    --tw-gradient-from: rgba(37, 99, 235, .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(37, 99, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-teal-400\/10:is(.dark *) {
    --tw-gradient-from: rgba(45, 212, 191, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(45, 212, 191, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-teal-600\/30:is(.dark *) {
    --tw-gradient-from: rgba(13, 148, 136, .3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(13, 148, 136, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-zinc-900:is(.dark *) {
    --tw-gradient-from: #18181b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(24, 24, 27, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:from-zinc-950:is(.dark *) {
    --tw-gradient-from: #09090b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(9, 9, 11, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:via-teal-500\/10:is(.dark *) {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:via-teal-500\/75:is(.dark *) {
    --tw-gradient-to: rgba(20, 184, 166, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(20, 184, 166, .75) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:via-zinc-900\/75:is(.dark *) {
    --tw-gradient-to: rgba(24, 24, 27, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(24, 24, 27, .75) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.dark\:to-\[oklch\(20\%_0\.0611_336\.48\)\]:is(.dark *) {
    --tw-gradient-to: oklch(20% 0.0611 336.48) var(--tw-gradient-to-position)
}

.dark\:to-blue-800\/30:is(.dark *) {
    --tw-gradient-to: rgba(30, 64, 175, .3) var(--tw-gradient-to-position)
}

.dark\:to-teal-800\/30:is(.dark *) {
    --tw-gradient-to: rgba(17, 94, 89, .3) var(--tw-gradient-to-position)
}

.dark\:text-black:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.dark\:text-blue-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity))
}

.dark\:text-blue-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(239 246 255/var(--tw-text-opacity))
}

.dark\:text-blue-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.dark\:text-green-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.dark\:text-indigo-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248/var(--tw-text-opacity))
}

.dark\:text-indigo-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity))
}

.dark\:text-purple-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(192 132 252/var(--tw-text-opacity))
}

.dark\:text-red-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity))
}

.dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.dark\:text-red-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 242 242/var(--tw-text-opacity))
}

.dark\:text-red-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.dark\:text-sky-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(125 211 252/var(--tw-text-opacity))
}

.dark\:text-sky-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(56 189 248/var(--tw-text-opacity))
}

.dark\:text-sky-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(240 249 255/var(--tw-text-opacity))
}

.dark\:text-sky-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity))
}

.dark\:text-teal-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(94 234 212/var(--tw-text-opacity))
}

.dark\:text-teal-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.dark\:text-teal-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(240 253 250/var(--tw-text-opacity))
}

.dark\:text-teal-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

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

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:text-yellow-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity))
}

.dark\:text-yellow-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity))
}

.dark\:text-yellow-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(254 252 232/var(--tw-text-opacity))
}

.dark\:text-yellow-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(234 179 8/var(--tw-text-opacity))
}

.dark\:text-zinc-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245/var(--tw-text-opacity))
}

.dark\:text-zinc-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity))
}

.dark\:text-zinc-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.dark\:text-zinc-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.dark\:text-zinc-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity))
}

.dark\:text-zinc-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.dark\:text-zinc-700:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity))
}

.dark\:text-zinc-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(39 39 42/var(--tw-text-opacity))
}

.dark\:decoration-sky-700\/50:is(.dark *) {
    text-decoration-color: rgba(3, 105, 161, .5)
}

.dark\:decoration-teal-700\/50:is(.dark *) {
    text-decoration-color: rgba(15, 118, 110, .5)
}

.dark\:decoration-yellow-700\/50:is(.dark *) {
    text-decoration-color: rgba(161, 98, 7, .5)
}

.dark\:opacity-20:is(.dark *) {
    opacity: .2
}

.dark\:opacity-25:is(.dark *) {
    opacity: .25
}

.dark\:shadow-xl:is(.dark *) {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:ring-1:is(.dark *) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.dark\:ring-inset:is(.dark *) {
    --tw-ring-inset: inset
}

.dark\:ring-blue-400\/50:is(.dark *) {
    --tw-ring-color: rgba(96, 165, 250, .5)
}

.dark\:ring-blue-900\/50:is(.dark *) {
    --tw-ring-color: rgba(30, 58, 138, .5)
}

.dark\:ring-blue-900\/75:is(.dark *) {
    --tw-ring-color: rgba(30, 58, 138, .75)
}

.dark\:ring-green-700\/20:is(.dark *) {
    --tw-ring-color: rgba(21, 128, 61, .2)
}

.dark\:ring-indigo-300\/10:is(.dark *) {
    --tw-ring-color: rgba(165, 180, 252, .1)
}

.dark\:ring-indigo-900\/75:is(.dark *) {
    --tw-ring-color: rgba(49, 46, 129, .75)
}

.dark\:ring-orange-900\/50:is(.dark *) {
    --tw-ring-color: rgba(124, 45, 18, .5)
}

.dark\:ring-purple-400\/50:is(.dark *) {
    --tw-ring-color: rgba(192, 132, 252, .5)
}

.dark\:ring-red-300\/15:is(.dark *) {
    --tw-ring-color: hsla(0, 94%, 82%, .15)
}

.dark\:ring-red-400\/20:is(.dark *) {
    --tw-ring-color: hsla(0, 91%, 71%, .2)
}

.dark\:ring-red-500\/25:is(.dark *) {
    --tw-ring-color: rgba(239, 68, 68, .25)
}

.dark\:ring-red-900\/50:is(.dark *) {
    --tw-ring-color: rgba(127, 29, 29, .5)
}

.dark\:ring-sky-300\/10:is(.dark *) {
    --tw-ring-color: rgba(125, 211, 252, .1)
}

.dark\:ring-sky-400\/20:is(.dark *) {
    --tw-ring-color: rgba(56, 189, 248, .2)
}

.dark\:ring-sky-900\/50:is(.dark *) {
    --tw-ring-color: rgba(12, 74, 110, .5)
}

.dark\:ring-teal-300\/10:is(.dark *) {
    --tw-ring-color: rgba(94, 234, 212, .1)
}

.dark\:ring-teal-400\/20:is(.dark *) {
    --tw-ring-color: rgba(45, 212, 191, .2)
}

.dark\:ring-teal-900\/75:is(.dark *) {
    --tw-ring-color: rgba(19, 78, 74, .75)
}

.dark\:ring-transparent:is(.dark *) {
    --tw-ring-color: transparent
}

.dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .1)
}

.dark\:ring-white\/15:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .15)
}

.dark\:ring-white\/20:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2)
}

.dark\:ring-yellow-300\/10:is(.dark *) {
    --tw-ring-color: rgba(253, 224, 71, .1)
}

.dark\:ring-yellow-700\/20:is(.dark *) {
    --tw-ring-color: rgba(161, 98, 7, .2)
}

.dark\:ring-yellow-900\/50:is(.dark *) {
    --tw-ring-color: rgba(113, 63, 18, .5)
}

.dark\:ring-zinc-100\/15:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 96%, .15)
}

.dark\:ring-zinc-300\/10:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 84%, .1)
}

.dark\:ring-zinc-400\/20:is(.dark *) {
    --tw-ring-color: hsla(240, 5%, 65%, .2)
}

.dark\:ring-zinc-500:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(113 113 122/var(--tw-ring-opacity))
}

.dark\:ring-zinc-600\/30:is(.dark *) {
    --tw-ring-color: rgba(82, 82, 91, .3)
}

.dark\:ring-zinc-700\/50:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .5)
}

.dark\:ring-zinc-700\/75:is(.dark *) {
    --tw-ring-color: rgba(63, 63, 70, .75)
}

.dark\:ring-zinc-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(39 39 42/var(--tw-ring-opacity))
}

.dark\:ring-zinc-800\/50:is(.dark *) {
    --tw-ring-color: rgba(39, 39, 42, .5)
}

.dark\:ring-zinc-800\/75:is(.dark *) {
    --tw-ring-color: rgba(39, 39, 42, .75)
}

.dark\:ring-zinc-900:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(24 24 27/var(--tw-ring-opacity))
}

.dark\:ring-zinc-900\/75:is(.dark *) {
    --tw-ring-color: rgba(24, 24, 27, .75)
}

.dark\:blur-2xl:is(.dark *) {
    --tw-blur: blur(40px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.dark\:\[--icon-primary\:theme\(colors\.green\.400\)\]:is(.dark *) {
    --icon-primary: #4ade80
}

.dark\:\[--icon-primary\:theme\(colors\.red\.400\)\]:is(.dark *) {
    --icon-primary: #f87171
}

.dark\:\[--icon-secondary\:theme\(colors\.green\.900\)\]:is(.dark *) {
    --icon-secondary: #14532d
}

.dark\:\[--icon-secondary\:theme\(colors\.zinc\.900\/90\)\]:is(.dark *) {
    --icon-secondary: #18181b
}

.dark\:\[--stroke\:theme\(colors\.zinc\.800\)\]:is(.dark *) {
    --stroke: #27272a
}

.dark\:\[color\:\#848485\]:is(.dark *) {
    color: #848485
}

.dark\:\[color\:\#c1c1c2\]:is(.dark *) {
    color: #c1c1c2
}

.dark\:\*\:text-transparent>:is(.dark *) {
    color: transparent
}

.dark\:\*\:opacity-40>:is(.dark *) {
    opacity: .4
}

.dark\:marker\:text-zinc-300 :is(.dark *)::marker {
    color: #d4d4d8
}

.dark\:marker\:text-zinc-300:is(.dark *)::marker {
    color: #d4d4d8
}

.dark\:placeholder\:text-zinc-300:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-300:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-500:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-500:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(113 113 122/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-600:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.dark\:placeholder\:text-zinc-600:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity))
}

.target\:dark\:bg-zinc-800:is(.dark *):target {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .dark\:hover\:border-zinc-600:hover:is(.dark *) {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 91/var(--tw-border-opacity))
    }

    .dark\:hover\:bg-red-500\/10:hover:is(.dark *) {
        background-color: rgba(239, 68, 68, .1)
    }

    .dark\:hover\:bg-red-500\/20:hover:is(.dark *) {
        background-color: rgba(239, 68, 68, .2)
    }

    .dark\:hover\:bg-red-600:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(220 38 38/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-red-600\/30:hover:is(.dark *) {
        background-color: rgba(220, 38, 38, .3)
    }

    .dark\:hover\:bg-red-900\/50:hover:is(.dark *) {
        background-color: rgba(127, 29, 29, .5)
    }

    .dark\:hover\:bg-sky-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(14 165 233/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-sky-500\/10:hover:is(.dark *) {
        background-color: rgba(14, 165, 233, .1)
    }

    .dark\:hover\:bg-sky-500\/20:hover:is(.dark *) {
        background-color: rgba(14, 165, 233, .2)
    }

    .dark\:hover\:bg-teal-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(20 184 166/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-teal-500\/10:hover:is(.dark *) {
        background-color: rgba(20, 184, 166, .1)
    }

    .dark\:hover\:bg-teal-500\/20:hover:is(.dark *) {
        background-color: rgba(20, 184, 166, .2)
    }

    .dark\:hover\:bg-teal-600\/10:hover:is(.dark *) {
        background-color: rgba(13, 148, 136, .1)
    }

    .dark\:hover\:bg-teal-900\/75:hover:is(.dark *) {
        background-color: rgba(19, 78, 74, .75)
    }

    .dark\:hover\:bg-white:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-white\/75:hover:is(.dark *) {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .dark\:hover\:bg-zinc-200:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(228 228 231/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-400\/20:hover:is(.dark *) {
        background-color: hsla(240, 5%, 65%, .2)
    }

    .dark\:hover\:bg-zinc-500:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 122/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-500\/10:hover:is(.dark *) {
        background-color: hsla(240, 4%, 46%, .1)
    }

    .dark\:hover\:bg-zinc-500\/30:hover:is(.dark *) {
        background-color: hsla(240, 4%, 46%, .3)
    }

    .dark\:hover\:bg-zinc-500\/40:hover:is(.dark *) {
        background-color: hsla(240, 4%, 46%, .4)
    }

    .dark\:hover\:bg-zinc-600:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 91/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-600\/20:hover:is(.dark *) {
        background-color: rgba(82, 82, 91, .2)
    }

    .dark\:hover\:bg-zinc-700:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(63 63 70/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-700\/50:hover:is(.dark *) {
        background-color: rgba(63, 63, 70, .5)
    }

    .dark\:hover\:bg-zinc-700\/75:hover:is(.dark *) {
        background-color: rgba(63, 63, 70, .75)
    }

    .dark\:hover\:bg-zinc-750:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 56/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-800:hover:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .dark\:hover\:bg-zinc-800\/75:hover:is(.dark *) {
        background-color: rgba(39, 39, 42, .75)
    }

    .hover\:dark\:bg-zinc-600\/20:is(.dark *):hover {
        background-color: rgba(82, 82, 91, .2)
    }

    .hover\:dark\:bg-zinc-800:is(.dark *):hover {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }

    .dark\:hover\:text-black:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(0 0 0/var(--tw-text-opacity))
    }

    .dark\:hover\:text-red-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(252 165 165/var(--tw-text-opacity))
    }

    .dark\:hover\:text-sky-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(125 211 252/var(--tw-text-opacity))
    }

    .dark\:hover\:text-teal-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(94 234 212/var(--tw-text-opacity))
    }

    .dark\:hover\:text-teal-500:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(20 184 166/var(--tw-text-opacity))
    }

    .dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .dark\:hover\:text-yellow-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(253 224 71/var(--tw-text-opacity))
    }

    .dark\:hover\:text-zinc-100:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(244 244 245/var(--tw-text-opacity))
    }

    .dark\:hover\:text-zinc-300:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(212 212 216/var(--tw-text-opacity))
    }

    .hover\:dark\:text-white:is(.dark *):hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }

    .dark\:hover\:decoration-sky-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(14, 165, 233, .5)
    }

    .dark\:hover\:decoration-teal-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(20, 184, 166, .5)
    }

    .dark\:hover\:decoration-yellow-500\/50:hover:is(.dark *) {
        text-decoration-color: rgba(234, 179, 8, .5)
    }

    .dark\:hover\:ring-white\/10:hover:is(.dark *) {
        --tw-ring-color: hsla(0, 0%, 100%, .1)
    }

    .dark\:hover\:ring-zinc-800:hover:is(.dark *) {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(39 39 42/var(--tw-ring-opacity))
    }

    .hover\:dark\:ring-white\/10:is(.dark *):hover {
        --tw-ring-color: hsla(0, 0%, 100%, .1)
    }

    .hover\:dark\:ring-zinc-100\/25:is(.dark *):hover {
        --tw-ring-color: hsla(240, 5%, 96%, .25)
    }
}

.dark\:focus\:border-teal-400:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191/var(--tw-border-opacity))
}

.dark\:focus\:bg-zinc-900:focus:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.dark\:focus\:ring-teal-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(45 212 191/var(--tw-ring-opacity))
}

.dark\:focus-visible\:text-white:focus-visible:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:active\:border-zinc-700:active:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70/var(--tw-border-opacity))
}

.dark\:active\:bg-red-500\/30:active:is(.dark *) {
    background-color: rgba(239, 68, 68, .3)
}

.dark\:active\:bg-red-900\/75:active:is(.dark *) {
    background-color: rgba(127, 29, 29, .75)
}

.dark\:active\:bg-teal-500\/30:active:is(.dark *) {
    background-color: rgba(20, 184, 166, .3)
}

.dark\:active\:bg-teal-900:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(19 78 74/var(--tw-bg-opacity))
}

.dark\:active\:bg-white:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-200:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-500\/40:active:is(.dark *) {
    background-color: hsla(240, 4%, 46%, .4)
}

.dark\:active\:bg-zinc-600:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91/var(--tw-bg-opacity))
}

.dark\:active\:bg-zinc-700:active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70/var(--tw-bg-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .group:hover .dark\:group-hover\:bg-teal-400:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(45 212 191/var(--tw-bg-opacity))
    }

    .group:hover .dark\:group-hover\:bg-zinc-800:is(.dark *) {
        --tw-bg-opacity: 1;
        background-color: rgb(39 39 42/var(--tw-bg-opacity))
    }
}

.aria-\[pressed\]\:dark\:bg-zinc-800:is(.dark *)[aria-pressed] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.dark\:data-\[focus\]\:bg-white\/10[data-focus]:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .1)
}

.dark\:data-\[state\=checked\]\:bg-zinc-50[data-state=checked]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.dark\:data-\[state\=unchecked\]\:bg-zinc-800[data-state=unchecked]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.dark\:data-\[state\=checked\]\:text-zinc-950[data-state=checked]:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(9 9 11/var(--tw-text-opacity))
}

.data-\[active\]\:dark\:text-teal-400:is(.dark *)[data-active] {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

@media (hover:hover) and (pointer:fine) {
    .data-\[active\]\:dark\:hover\:text-teal-400:hover:is(.dark *)[data-active] {
        --tw-text-opacity: 1;
        color: rgb(45 212 191/var(--tw-text-opacity))
    }
}

.dark\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.dark\:prose-a\:text-teal-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark\:prose-a\:decoration-teal-700\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    text-decoration-color: rgba(15, 118, 110, .5)
}

.dark\:prose-a\:decoration-transparent :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    text-decoration-color: transparent
}

@media (hover:hover) and (pointer:fine) {
    .dark\:hover\:prose-a\:text-blue-500 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(59 130 246/var(--tw-text-opacity))
    }

    .dark\:hover\:prose-a\:text-teal-300 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(94 234 212/var(--tw-text-opacity))
    }

    .dark\:hover\:prose-a\:decoration-blue-500\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover:is(.dark *) {
        text-decoration-color: rgba(59, 130, 246, .5)
    }

    .dark\:hover\:prose-a\:decoration-teal-500\/50 :is(:where(a):not(:where([class~=not-prose], [class~=not-prose] *))):hover:is(.dark *) {
        text-decoration-color: rgba(20, 184, 166, .5)
    }
}

.dark\:prose-em\:text-zinc-400 :is(:where(em):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170/var(--tw-text-opacity))
}

.dark\:prose-code\:text-teal-500 :is(:where(code):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity))
}

.dark\:prose-pre\:text-zinc-200 :is(:where(pre):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231/var(--tw-text-opacity))
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) or (-webkit-backdrop-filter:blur(0)) {
    .supports-backdrop-blur\:dark\:bg-zinc-900\/70:is(.dark *) {
        background-color: rgba(24, 24, 27, .7)
    }

    .supports-backdrop-blur\:dark\:bg-zinc-900\/75:is(.dark *) {
        background-color: rgba(24, 24, 27, .75)
    }

    .supports-backdrop-blur\:dark\:bg-zinc-950\/75:is(.dark *) {
        background-color: rgba(9, 9, 11, .75)
    }

    .supports-backdrop-blur\:dark\:bg-zinc-950\/80:is(.dark *) {
        background-color: rgba(9, 9, 11, .8)
    }

    .dark\:supports-backdrop-blur\:backdrop-blur:is(.dark *) {
        --tw-backdrop-blur: blur(8px);
        -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)
    }
}

@media (min-width:640px) {
    .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:size-4 {
        width: 1rem;
        height: 1rem
    }

    .sm\:size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .sm\:size-8 {
        width: 2rem;
        height: 2rem
    }

    .sm\:w-auto {
        width: auto
    }

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

    .sm\:min-w-48 {
        min-width: 12rem
    }

    .sm\:min-w-52 {
        min-width: 13rem
    }

    .sm\:max-w-lg {
        max-width: 32rem
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

    .sm\:scale-100,
    .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:grid-flow-col {
        grid-auto-flow: column
    }

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

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-center {
        justify-content: center
    }

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

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-2 {
        padding: .5rem
    }

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

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-1 {
        padding-top: .25rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:duration-700 {
        transition-duration: .7s;
        animation-duration: .7s
    }
}

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:-ml-3 {
        margin-left: -.75rem
    }

    .md\:-ml-4 {
        margin-left: -1rem
    }

    .md\:-ml-6 {
        margin-left: -1.5rem
    }

    .md\:-mr-4 {
        margin-right: -1rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-3 {
        margin-top: .75rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

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

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:size-16 {
        width: 4rem;
        height: 4rem
    }

    .md\:size-32 {
        width: 8rem;
        height: 8rem
    }

    .md\:size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-5 {
        height: 1.25rem
    }

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

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-5 {
        width: 1.25rem
    }

    .md\:w-\[150px\] {
        width: 150px
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-3xl {
        max-width: 48rem
    }

    .md\:max-w-\[calc\(100vw-var\(--scrollbar-width\)\)\] {
        max-width: calc(100vw - var(--scrollbar-width))
    }

    .md\:max-w-lg {
        max-width: 32rem
    }

    .md\:max-w-md {
        max-width: 28rem
    }

    .md\:basis-auto {
        flex-basis: auto
    }

    .md\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .md\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

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

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:items-center {
        align-items: center
    }

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

    .md\:justify-center {
        justify-content: center
    }

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

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-1\.5 {
        gap: .375rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:bg-inherit {
        background-color: inherit
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-64 {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-6 {
        padding-left: 1.5rem
    }

    .md\:pr-3 {
        padding-right: .75rem
    }

    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

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

    .md\:leading-relaxed {
        line-height: 1.625
    }

    .md\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .md\:\[mask-image\:unset\] {
        -webkit-mask-image: unset;
        mask-image: unset
    }

    .dark\:md\:bg-inherit:is(.dark *) {
        background-color: inherit
    }
}

@media (min-width:1024px) {
    .lg\:sticky {
        position: sticky
    }

    .lg\:top-18 {
        top: 4.5rem
    }

    .lg\:top-\[6\.75rem\] {
        top: 6.75rem
    }

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

    .lg\:-ml-6 {
        margin-left: -1.5rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-5 {
        height: 1.25rem
    }

    .lg\:w-\[32rem\] {
        width: 32rem
    }

    .lg\:max-w-3xl {
        max-width: 48rem
    }

    .lg\:scroll-mt-24 {
        scroll-margin-top: 6rem
    }

    .lg\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .lg\:grid-cols-\[13rem_1fr\] {
        grid-template-columns: 13rem 1fr
    }

    .lg\:grid-cols-\[13rem_1fr_11rem\] {
        grid-template-columns: 13rem 1fr 11rem
    }

    .lg\:grid-cols-\[1fr_400px\] {
        grid-template-columns: 1fr 400px
    }

    .lg\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    .lg\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .lg\:grid-rows-none {
        grid-template-rows: none
    }

    .lg\:items-center {
        align-items: center
    }

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

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

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

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-3 {
        gap: .75rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width:1280px) {
    .xl\:order-none {
        order: 0
    }

    .xl\:block {
        display: block
    }

    .xl\:size-5 {
        width: 1.25rem;
        height: 1.25rem
    }

    .xl\:w-\[40rem\] {
        width: 40rem
    }

    .xl\:basis-auto {
        flex-basis: auto
    }

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

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

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

    .xl\:grid-cols-\[16rem_1fr\] {
        grid-template-columns: 16rem 1fr
    }

    .xl\:grid-cols-\[16rem_1fr_14rem\] {
        grid-template-columns: 16rem 1fr 14rem
    }

    .xl\:items-center {
        align-items: center
    }

    .xl\:gap-0 {
        gap: 0
    }

    .xl\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .xl\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .xl\:leading-normal {
        line-height: 1.5
    }
}

@media (min-width:1536px) {
    .\32xl\:block {
        display: block
    }

    .\32xl\:w-\[48rem\] {
        width: 48rem
    }

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

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

.\[\&\>img\]\:h-auto>img {
    height: auto
}

.\[\&\>img\]\:max-h-96>img {
    max-height: 24rem
}

.\[\&\>img\]\:w-auto>img {
    width: auto
}

.\[\&\>img\]\:max-w-full>img {
    max-width: 100%
}

.\[\&_\[data-ray\]\]\:hidden [data-ray] {
    display: none
}

.\[\&_li_p\]\:my-0 li p {
    margin-top: 0;
    margin-bottom: 0
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

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

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

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

.container {
    width: 100%
}

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

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

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

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

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

.icon-\[gravity-ui--circle-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.icon-\[gravity-ui--circle-fill\],
.icon-\[mingcute--ai-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--ai-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M9.107 5.448c.598-1.75 3.016-1.803 3.725-.159l.06.16.807 2.36a4 4 0 0 0 2.276 2.411l.217.081 2.36.806c1.75.598 1.803 3.016.16 3.725l-.16.06-2.36.807a4 4 0 0 0-2.412 2.276l-.081.216-.806 2.361c-.598 1.75-3.016 1.803-3.724.16l-.062-.16-.806-2.36a4 4 0 0 0-2.276-2.412l-.216-.081-2.36-.806c-1.751-.598-1.804-3.016-.16-3.724l.16-.062 2.36-.806A4 4 0 0 0 8.22 8.025l.081-.216zM19 2a1 1 0 0 1 .898.56l.048.117.35 1.026 1.027.35a1 1 0 0 1 .118 1.845l-.118.048-1.026.35-.35 1.027a1 1 0 0 1-1.845.117l-.048-.117-.35-1.026-1.027-.35a1 1 0 0 1-.118-1.845l.118-.048 1.026-.35.35-1.027A1 1 0 0 1 19 2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--ai-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M9.107 5.448c.598-1.75 3.016-1.803 3.725-.159l.06.16.807 2.36a4 4 0 0 0 2.276 2.411l.217.081 2.36.806c1.75.598 1.803 3.016.16 3.725l-.16.06-2.36.807a4 4 0 0 0-2.412 2.276l-.081.216-.806 2.361c-.598 1.75-3.016 1.803-3.724.16l-.062-.16-.806-2.36a4 4 0 0 0-2.276-2.412l-.216-.081-2.36-.806c-1.751-.598-1.804-3.016-.16-3.724l.16-.062 2.36-.806A4 4 0 0 0 8.22 8.025l.081-.216zM11 6.094l-.806 2.36a6 6 0 0 1-3.49 3.649l-.25.091-2.36.806 2.36.806a6 6 0 0 1 3.649 3.49l.091.25.806 2.36.806-2.36a6 6 0 0 1 3.49-3.649l.25-.09 2.36-.807-2.36-.806a6 6 0 0 1-3.649-3.49l-.09-.25zM19 2a1 1 0 0 1 .898.56l.048.117.35 1.026 1.027.35a1 1 0 0 1 .118 1.845l-.118.048-1.026.35-.35 1.027a1 1 0 0 1-1.845.117l-.048-.117-.35-1.026-1.027-.35a1 1 0 0 1-.118-1.845l.118-.048 1.026-.35.35-1.027A1 1 0 0 1 19 2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--ai-line\],
.icon-\[mingcute--alert-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--alert-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 15a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0-7a1 1 0 0 0-.993.883L11 9v4a1 1 0 0 0 1.993.117L13 13V9a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--alert-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m13.299 3.148 8.634 14.954a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25l8.634-14.954c.577-1 2.02-1 2.598 0M12 4.898 4.232 18.352h15.536zM12 15a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--alert-line\],
.icon-\[mingcute--align-left-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--align-left-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M14 18a1 1 0 0 1 .117 1.993L14 20H4a1 1 0 0 1-.117-1.993L4 18zm6-5a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm-6-5a1 1 0 0 1 .117 1.993L14 10H4a1 1 0 0 1-.117-1.993L4 8zm6-5a1 1 0 0 1 .117 1.993L20 5H4a1 1 0 0 1-.117-1.993L4 3z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--announcement-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.992 3.013C17.326 2.236 19 3.197 19 4.741V8a3 3 0 1 1 0 6v3c0 1.648-1.881 2.589-3.2 1.6l-2.06-1.546A8.66 8.66 0 0 0 10 15.446v2.844a2.71 2.71 0 0 1-5.316.744l-1.57-5.496a4.7 4.7 0 0 1 3.326-7.73l3.018-.168a9.34 9.34 0 0 0 4.19-1.259zM5.634 15.078l.973 3.407A.71.71 0 0 0 8 18.29v-3.01l-1.56-.087a5 5 0 0 1-.806-.115M20 11a1 1 0 0 0-1-1v2a1 1 0 0 0 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--announcement-fill\],
.icon-\[mingcute--announcement-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--announcement-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M19 4.741V8a3 3 0 1 1 0 6v3c0 1.648-1.881 2.589-3.2 1.6l-2.06-1.546A8.66 8.66 0 0 0 10 15.446v2.844a2.71 2.71 0 0 1-5.316.744l-1.57-5.496a4.7 4.7 0 0 1 3.326-7.73l3.018-.168a9.34 9.34 0 0 0 4.19-1.259l2.344-1.368C17.326 2.236 19 3.197 19 4.741M5.634 15.078l.973 3.407A.71.71 0 0 0 8 18.29v-3.01l-1.56-.087a5 5 0 0 1-.806-.115M17 4.741 14.655 6.11A11.3 11.3 0 0 1 10 7.604v5.819c1.787.246 3.488.943 4.94 2.031L17 17zM8 7.724l-1.45.08a2.7 2.7 0 0 0-.17 5.377l.17.015 1.45.08zM19 10v2a1 1 0 0 0 .117-1.993z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--arrow-right-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m14.707 5.636 5.657 5.657a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 0 1-1.414-1.414l3.95-3.95H4a1 1 0 1 1 0-2h13.243l-3.95-3.95a1 1 0 1 1 1.414-1.414'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--arrow-right-line\],
.icon-\[mingcute--arrow-up-circle-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--arrow-up-circle-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.105.074.014.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.092.01-.009.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m-.707 3.046a1 1 0 0 1 1.32-.083l.094.083 3.536 3.535a1 1 0 0 1-1.32 1.498l-.094-.083-1.83-1.83v6.077a1 1 0 0 1-1.992.116L11 16.243v-6.076l-1.828 1.829a1 1 0 0 1-1.498-1.32l.084-.095z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--auction-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M2.686 10.462a2.5 2.5 0 0 0 0 3.536l2.829 2.828a2.5 2.5 0 0 0 4.242-2.121l.973-.973 6.078 7.014a2.793 2.793 0 1 0 3.94-3.94l-7.013-6.079.972-.972a2.5 2.5 0 0 0 2.121-4.243L14 2.685a2.5 2.5 0 0 0-4.243 2.122l-4.95 4.949a2.5 2.5 0 0 0-2.12.707M12.94 8.695l-4.242 4.242-2.122-2.121 4.243-4.243zM4.1 12.584a.5.5 0 1 1 .707-.708l2.829 2.829a.5.5 0 1 1-.707.707zm7.778-7.779a.5.5 0 1 1 .707-.707l2.829 2.829a.5.5 0 1 1-.707.707zm6.442 14.631-6.008-6.932.194-.195 6.933 6.008a.793.793 0 1 1-1.12 1.12'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--auction-line\],
.icon-\[mingcute--badge-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--badge-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M14.447 1.106a1 1 0 0 1 .447 1.341L14.118 4H18a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3.882l-.776-1.553a1 1 0 0 1 1.788-.894L12 3.763l1.106-2.21a1 1 0 0 1 1.341-.447M10.882 6H6v14h12V6h-5a1 1 0 0 1-1.894.447zm2.618 8a2.5 2.5 0 0 1 2.5 2.5v.5a1 1 0 1 1-2 0v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.5a1 1 0 1 1-2 0v-.5a2.5 2.5 0 0 1 2.5-2.5zM12 9a2 2 0 1 1 0 4 2 2 0 0 1 0-4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--balance-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 3a1 1 0 0 1 1 1v1h.764a2 2 0 0 1 .894.211L16.236 6H20a1 1 0 1 1 0 2h-.382l2.276 4.553c.07.139.106.292.106.447a4 4 0 0 1-8 0c0-.155.036-.308.106-.447L16.382 8h-.146a2 2 0 0 1-.894-.211L13.764 7H13v12h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3V7h-.764l-1.578.789A2 2 0 0 1 7.764 8h-.146l2.276 4.553A1 1 0 0 1 10 13a4 4 0 0 1-8 0 1 1 0 0 1 .106-.447L4.382 8H4a1 1 0 0 1 0-2h3.764l1.578-.789A2 2 0 0 1 10.236 5H11V4a1 1 0 0 1 1-1M6 9.236l-1.989 3.977a2 2 0 0 0 3.978 0zm12 0-1.989 3.977a2 2 0 0 0 3.955.157l.023-.156z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--balance-line\],
.icon-\[mingcute--bank-card-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--bank-card-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M19 4a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3zm1 6H4v7a1 1 0 0 0 .883.993L5 18h14a1 1 0 0 0 .993-.883L20 17zm-3 3a1 1 0 0 1 .117 1.993L17 15h-3a1 1 0 0 1-.117-1.993L14 13zm2-7H5a1 1 0 0 0-1 1v1h16V7a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--birthday-2-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.6 2.2a1 1 0 0 0-1.2 0 8 8 0 0 0-1.147 1.073C9.73 3.862 9 4.855 9 6a3 3 0 0 0 3 3H6a3 3 0 0 0-3 3v2c0 1.236 1.411 1.942 2.4 1.2l.667-.5a1 1 0 0 1 1.2 0l.266.2a3 3 0 0 0 3.6 0l.267-.2a1 1 0 0 1 1.2 0l.267.2a3 3 0 0 0 3.6 0l.266-.2a1 1 0 0 1 1.2 0l.667.5c.989.742 2.4.036 2.4-1.2v-2a3 3 0 0 0-3-3h-6a3 3 0 0 0 3-3c0-1.145-.73-2.138-1.253-2.727-.346-.39-.73-.76-1.147-1.073M4 17.415V20a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2.585a1.48 1.48 0 0 1-1.4-.215l-.667-.5a1 1 0 0 0-1.2 0l-.266.2a3 3 0 0 1-3.6 0l-.267-.2a1 1 0 0 0-1.2 0l-.267.2a3 3 0 0 1-3.6 0l-.266-.2a1 1 0 0 0-1.2 0l-.667.5a1.48 1.48 0 0 1-1.4.215'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--birthday-2-fill\],
.icon-\[mingcute--birthday-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--birthday-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M18 9a3 3 0 0 1 2.995 2.824L21 12v3c0 .64-.379 1.139-.882 1.367l-.118.047V20a2 2 0 0 1-1.85 1.995L18 22H6a2 2 0 0 1-1.995-1.85L4 20v-3.585a1.49 1.49 0 0 1-.993-1.27L3 15v-3a3 3 0 0 1 2.824-2.995L6 9zm-.067 6.7a1 1 0 0 0-1.09-.072l-.11.072-.266.2a3 3 0 0 1-3.429.12l-.171-.12-.267-.2a1 1 0 0 0-1.09-.072l-.11.072-.267.2a3 3 0 0 1-3.428.12l-.172-.12-.266-.2a1 1 0 0 0-1.09-.072l-.11.072-.067.05V20h12v-4.25zM18 11H6a1 1 0 0 0-1 1v2.005a3 3 0 0 1 3.467.095l.266.2a1 1 0 0 0 1.2 0l.267-.2a3 3 0 0 1 3.6 0l.267.2a1 1 0 0 0 1.2 0l.266-.2A3 3 0 0 1 19 14.005V12a1 1 0 0 0-1-1m-5.4-8.8a9 9 0 0 1 1.147 1.073C14.271 3.862 15 4.855 15 6a3 3 0 1 1-6 0c0-1.145.73-2.138 1.253-2.727A9 9 0 0 1 11.4 2.2a1 1 0 0 1 1.2 0M12 4.334a6 6 0 0 0-.253.268C11.271 5.138 11 5.645 11 6a1 1 0 1 0 2 0c0-.355-.27-.862-.747-1.398A6 6 0 0 0 12 4.334'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--book-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M18 2a2 2 0 0 1 2 2v12.99c0 .168-.038.322-.113.472l-.545 1.09a1 1 0 0 0 0 .895l.543 1.088A1 1 0 0 1 19 22H7a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm-.592 16H7a1 1 0 0 0-.117 1.993L7 20h10.408a3 3 0 0 1-.068-1.782zM18 4H7a1 1 0 0 0-.993.883L6 5v11.17q.377-.133.791-.163L7 16h11zm-4 3a1 1 0 0 1 .117 1.993L14 9h-4a1 1 0 0 1-.117-1.993L10 7z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--book-2-line\],
.icon-\[mingcute--book-6-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--book-6-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11.121 20.615a8 8 0 0 0-.853-.457c-.733-.339-1.711-.658-2.768-.658-1.279 0-2.438.468-3.18.862a1.59 1.59 0 0 1-1.514-.02A1.53 1.53 0 0 1 2 19V6.5c0-.621.295-1.263.898-1.629C3.672 4.401 5.414 3.5 7.5 3.5c1.581 0 3.145.51 4.5 1.31 1.355-.8 2.919-1.31 4.5-1.31 2.086 0 3.828.9 4.602 1.371.603.366.898 1.008.898 1.629V19c0 .633-.379 1.106-.806 1.342a1.59 1.59 0 0 1-1.515.02c-.741-.394-1.9-.862-3.179-.862-1.057 0-2.035.32-2.768.658a8 8 0 0 0-.853.457c-.284.177-.524.385-.878.385-.356 0-.595-.208-.88-.385M4 18.294V6.542c.673-.4 2-1.042 3.5-1.042 1.23 0 2.448.418 3.5 1.042v11.752c-.885-.396-2.113-.794-3.5-.794-1.381 0-2.609.395-3.5.794m9 0c.885-.396 2.113-.794 3.5-.794 1.381 0 2.609.395 3.5.794V6.542c-.673-.4-2-1.042-3.5-1.042-1.23 0-2.448.418-3.5 1.042z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--bookmarks-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M17 2a3 3 0 0 1 2.995 2.824L20 5v13.018c0 1.182-1.293 1.883-2.275 1.285l-.107-.072-.618-.449v2.236c0 1.182-1.293 1.883-2.275 1.285l-.107-.072-4.118-2.995-4.118 2.995c-.956.696-2.283.062-2.377-1.084L4 21.018V8a3 3 0 0 1 3-3 3 3 0 0 1 2.824-2.995L10 2zm-3 5H7a1 1 0 0 0-.993.883L6 8v12.036l3.618-2.63a1.5 1.5 0 0 1 1.64-.082l.124.081L15 20.036V8a1 1 0 0 0-.883-.993zm3-3h-7a1 1 0 0 0-1 1h5a3 3 0 0 1 3 3v8.309l1 .727V5a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--bookmarks-line\],
.icon-\[mingcute--box-3-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--box-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m13.25 2.567 6.294 3.634a2.5 2.5 0 0 1 1.25 2.165v7.268a2.5 2.5 0 0 1-1.25 2.165l-6.294 3.634a2.5 2.5 0 0 1-2.5 0l-6.294-3.634a2.5 2.5 0 0 1-1.25-2.165V8.366a2.5 2.5 0 0 1 1.25-2.165l6.294-3.634a2.5 2.5 0 0 1 2.5 0M5.206 9.232v6.402a.5.5 0 0 0 .25.433l5.544 3.2V12.56zm13.588 0L13 12.56v6.709l5.544-3.201a.5.5 0 0 0 .242-.345l.008-.088zM11.75 4.3 6.206 7.5l5.544 3.201a.5.5 0 0 0 .5 0L17.794 7.5 12.25 4.299a.5.5 0 0 0-.5 0Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--calendar-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M16 3a1 1 0 0 1 1 1v1h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2V4a1 1 0 0 1 2 0v1h6V4a1 1 0 0 1 1-1M8 7H5v2h14V7h-3zm-3 4v8h14v-8zm2 2a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm3-2a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2zm3-2a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H16a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--calendar-2-line\],
.icon-\[mingcute--calendar-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--calendar-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M16 3a1 1 0 0 1 .993.883L17 4v1h2a2 2 0 0 1 1.995 1.85L21 7v12a2 2 0 0 1-1.85 1.995L19 21H5a2 2 0 0 1-1.995-1.85L3 19V7a2 2 0 0 1 1.85-1.995L5 5h2V4a1 1 0 0 1 1.993-.117L9 4v1h6V4a1 1 0 0 1 1-1m3 9H5v7h14zm0-5H5v3h14z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--certificate-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.586 2.1a2 2 0 0 1 2.7-.116l.128.117L15.314 4H18a2 2 0 0 1 1.994 1.85L20 6v2.686l1.9 1.9a2 2 0 0 1 .116 2.701l-.117.127-1.9 1.9V18a2 2 0 0 1-1.85 1.995L18 20h-2.685l-1.9 1.9a2 2 0 0 1-2.701.116l-.127-.116-1.9-1.9H6a2 2 0 0 1-1.995-1.85L4 18v-2.686l-1.9-1.9a2 2 0 0 1-.116-2.701l.116-.127 1.9-1.9V6a2 2 0 0 1 1.85-1.994L6 4h2.686zm4.493 6.883-4.244 4.244-1.768-1.768a1 1 0 0 0-1.414 1.415l2.404 2.404a1.1 1.1 0 0 0 1.556 0l4.88-4.881a1 1 0 0 0-1.414-1.414'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--certificate-fill\],
.icon-\[mingcute--certificate-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--certificate-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.586 2.1a2 2 0 0 1 2.7-.116l.128.117L15.314 4H18a2 2 0 0 1 1.994 1.85L20 6v2.686l1.9 1.9a2 2 0 0 1 .116 2.701l-.117.127-1.9 1.9V18a2 2 0 0 1-1.85 1.995L18 20h-2.685l-1.9 1.9a2 2 0 0 1-2.701.116l-.127-.116-1.9-1.9H6a2 2 0 0 1-1.995-1.85L4 18v-2.686l-1.9-1.9a2 2 0 0 1-.116-2.701l.116-.127 1.9-1.9V6a2 2 0 0 1 1.85-1.994L6 4h2.686zM12 3.516l-1.9 1.9a2 2 0 0 1-1.238.577L8.686 6H6v2.686a2 2 0 0 1-.467 1.285l-.119.13-1.9 1.9 1.9 1.899a2 2 0 0 1 .578 1.238l.008.176V18h2.686a2 2 0 0 1 1.285.467l.13.119 1.899 1.9 1.9-1.9a2 2 0 0 1 1.238-.578l.176-.008H18v-2.686a2 2 0 0 1 .467-1.285l.119-.13 1.9-1.899-1.9-1.9a2 2 0 0 1-.578-1.238L18 8.686V6h-2.686a2 2 0 0 1-1.285-.467l-.13-.119-1.9-1.9Zm3.08 5.468a1 1 0 0 1 1.497 1.32l-.084.094-4.88 4.88a1.1 1.1 0 0 1-1.46.086l-.096-.085-2.404-2.404a1 1 0 0 1 1.32-1.498l.094.083 1.768 1.768z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--check-circle-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m3.535 6.381-4.95 4.95-2.12-2.121a1 1 0 0 0-1.415 1.414l2.758 2.758a1.1 1.1 0 0 0 1.556 0l5.586-5.586a1 1 0 0 0-1.415-1.415'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--check-circle-fill\],
.icon-\[mingcute--check-circle-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--check-circle-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3.535 4.381a1 1 0 0 1 1.498 1.32l-.083.094-5.586 5.587a1.1 1.1 0 0 1-1.46.085l-.096-.085-2.758-2.758a1 1 0 0 1 1.32-1.498l.094.084 2.122 2.121 4.95-4.95Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--check-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M21.192 5.465a1 1 0 0 1 0 1.414L9.95 18.122a1.1 1.1 0 0 1-1.556 0l-5.586-5.586a1 1 0 1 1 1.415-1.415l4.95 4.95L19.777 5.465a1 1 0 0 1 1.414 0Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--check-line\],
.icon-\[mingcute--classify-add-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--classify-add-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11 5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zM5 5h4v4H5zm16 0a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zm-6 0h4v4h-4zm-6 8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm0 2H5v4h4zm4 2a1 1 0 0 1 1-1h2v-2a1 1 0 1 1 2 0v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 0 1-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--close-circle-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16M9.879 8.464 12 10.586l2.121-2.122a1 1 0 1 1 1.415 1.415l-2.122 2.12 2.122 2.122a1 1 0 0 1-1.415 1.415L12 13.414l-2.121 2.122a1 1 0 0 1-1.415-1.415L10.586 12 8.465 9.879a1 1 0 0 1 1.414-1.415'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--close-circle-line\],
.icon-\[mingcute--close-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--close-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m12 13.414 5.657 5.657a1 1 0 0 0 1.414-1.414L13.414 12l5.657-5.657a1 1 0 0 0-1.414-1.414L12 10.586 6.343 4.929A1 1 0 0 0 4.93 6.343L10.586 12l-5.657 5.657a1 1 0 1 0 1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--coin-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2M4.071 13.071a8.004 8.004 0 0 0 6.858 6.858A8.004 8.004 0 0 0 4.07 13.07m15.858 0a8.004 8.004 0 0 0-6.858 6.858 8.004 8.004 0 0 0 6.858-6.858M12 7.364A10.04 10.04 0 0 1 7.364 12 10.04 10.04 0 0 1 12 16.636 10.04 10.04 0 0 1 16.636 12 10.04 10.04 0 0 1 12 7.364m-1.071-3.293A8.005 8.005 0 0 0 4.07 10.93a8.004 8.004 0 0 0 6.86-6.86m2.142 0a8.004 8.004 0 0 0 6.858 6.858 8.004 8.004 0 0 0-6.86-6.858'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--coin-3-line\],
.icon-\[mingcute--copy-3-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--copy-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M9 2a2 2 0 0 0-2 2v1a1 1 0 0 0 2 0V4h1a1 1 0 1 0 0-2zm5 0a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2zm5 0a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0V4a2 2 0 0 0-2-2zm3 7a1 1 0 1 0-2 0v1a1 1 0 1 0 2 0zm0 5a1 1 0 1 0-2 0v1h-1a1 1 0 1 0 0 2h1a2 2 0 0 0 2-2zM4 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zm0 2h11v11H4z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--cursor-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M4.217 5.842c-.408-1.02.605-2.033 1.625-1.625L18.926 9.45c1.001.401 1.059 1.797.094 2.28l-3.918 1.958 4.676 4.676a1 1 0 0 1-1.414 1.414l-4.676-4.676-1.959 3.918c-.482.965-1.878.907-2.278-.095zm2.507.882 3.963 9.908 1.833-3.665a1 1 0 0 1 .447-.447l3.665-1.833z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--cursor-2-line\],
.icon-\[mingcute--discord-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--discord-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.003 4c.744 0 1.53.26 2.25.547l.527.216c1.26.528 1.968 1.636 2.517 2.853.891 1.975 1.51 4.608 1.724 6.61.102.95.127 1.906-.056 2.549-.197.687-.867 1.173-1.518 1.555l-.322.183-.334.186q-.26.144-.525.284l-.522.27-.717.357-.577.284a1 1 0 1 1-.894-1.788l.79-.39-.58-.609c-1.39.57-3.027.893-4.766.893s-3.376-.322-4.766-.893l-.58.608.793.39a1 1 0 1 1-.894 1.79l-.544-.27c-.402-.2-.805-.398-1.203-.607l-.928-.505-.321-.183c-.651-.382-1.322-.868-1.518-1.555-.184-.643-.158-1.598-.057-2.55.214-2.001.833-4.634 1.724-6.609.549-1.217 1.257-2.325 2.517-2.853C7.059 4.413 8.072 4 9 4c.603 0 1.077.555.99 1.147A14 14 0 0 1 12 5c.691 0 1.366.05 2.014.148A1.012 1.012 0 0 1 15.004 4ZM8.75 10.5a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5m6.5 0a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--discord-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.003 4c.259 0 .584.068.845.132.91.22 1.989.493 2.755 1.068.713.535 1.267 1.468 1.695 2.416.89 1.975 1.509 4.608 1.723 6.61.102.95.127 1.906-.056 2.549-.09.316-.285.554-.422.7-.418.443-.956.774-1.488 1.075l-.264.149a25 25 0 0 1-.525.284l-.522.27-.717.357-.577.284a1 1 0 0 1-1.166-1.59l-.434-.868A13 13 0 0 1 12 18c-1.37 0-2.677-.2-3.85-.564l-.433.866a1 1 0 0 1-1.164 1.592l-.544-.27c-.604-.298-1.208-.596-1.796-.925-.614-.343-1.265-.708-1.752-1.225a1.74 1.74 0 0 1-.422-.7c-.184-.642-.158-1.597-.057-2.548.214-2.002.833-4.635 1.724-6.61.427-.948.981-1.881 1.694-2.416.766-.575 1.845-.848 2.755-1.068C8.416 4.068 8.74 4 9 4a1 1 0 0 1 .99 1.147A14 14 0 0 1 12 5c.691 0 1.366.05 2.014.148A1 1 0 0 1 15.004 4Zm1.354 2.363c-.15-.048-.186-.027-.24.063l-.062.112a1.515 1.515 0 0 1-1.635.716A11.4 11.4 0 0 0 12 7c-.852 0-1.667.09-2.42.254a1.515 1.515 0 0 1-1.635-.716l-.062-.111c-.053-.09-.089-.111-.238-.064-.356.113-.738.234-1.045.437-.287.215-.67.75-1.071 1.639-.766 1.697-1.366 4.204-1.558 6q-.06.57-.066.972v.294q.007.267.035.422c.254.248.568.443.883.622l.682.377.446.235.364-.728a1 1 0 0 1 1.133-1.624C8.664 15.62 10.246 16 12 16s3.336-.382 4.552-.99a1 1 0 0 1 1.213 1.538l-.08.085.364.73q.447-.233.897-.483c.39-.216.8-.443 1.117-.753q.027-.155.035-.422v-.294a11 11 0 0 0-.066-.973c-.192-1.795-.792-4.302-1.558-6-.4-.888-.784-1.423-1.07-1.638-.308-.203-.69-.324-1.047-.437M8.75 10.5a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5m6.5 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--discord-line\],
.icon-\[mingcute--documents-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--documents-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.586 2A2 2 0 0 1 17 2.586L20.414 6A2 2 0 0 1 21 7.414V16a2 2 0 0 1-2 2h-2v2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2V4a2 2 0 0 1 2-2zM8 8H6v12h9v-2h-5a2 2 0 0 1-2-2zm6-4h-4v12h9V9h-3.5a1.5 1.5 0 0 1-1.493-1.356L14 7.5zm2 .414V7h2.586z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--download-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M20 15a1 1 0 0 1 1 1v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a1 1 0 1 1 2 0v4h14v-4a1 1 0 0 1 1-1M12 2a1 1 0 0 1 1 1v10.243l2.536-2.536a1 1 0 1 1 1.414 1.414l-4.066 4.066a1.25 1.25 0 0 1-1.768 0L7.05 12.121a1 1 0 1 1 1.414-1.414L11 13.243V3a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--download-2-line\],
.icon-\[mingcute--edit-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--edit-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M13.896 3.03a2 2 0 0 1 2.701-.117l.127.117 4.243 4.243a2 2 0 0 1 .117 2.7l-.117.128-10.314 10.314a2 2 0 0 1-1.238.578L9.239 21H4.006a1.01 1.01 0 0 1-1.004-.9l-.006-.11v-5.233a2 2 0 0 1 .467-1.284l.12-.13L13.895 3.03ZM12.17 7.584l-7.174 7.174V19H9.24l7.174-7.174-4.243-4.243Zm3.14-3.14L13.584 6.17l4.243 4.243 1.726-1.726z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--edit-4-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M5 2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h3v-2H5V4h12v4h2V4a2 2 0 0 0-2-2zm3 5a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2zm7.949 3.811a3 3 0 0 1 4.242 4.243l-5.656 5.657a1 1 0 0 1-.707.293h-2.829a1 1 0 0 1-1-1v-2.829a1 1 0 0 1 .293-.707zm2.828 1.414a1 1 0 0 0-1.414 0l1.414 1.415a1 1 0 0 0 0-1.415m-1.414 2.829-1.414-1.414-3.95 3.95v1.414h1.414z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--edit-4-line\],
.icon-\[mingcute--enter-door-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--enter-door-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11.5 3a1 1 0 0 1 .117 1.993L11.5 5H6v14h10v-6.5a1 1 0 0 1 1.993-.117L18 12.5V19h2a1 1 0 0 1 .117 1.993L20 21H4a1 1 0 0 1-.117-1.993L4 19V5a2 2 0 0 1 1.85-1.995L6 3zm2 8a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m2.293-6.828a1 1 0 0 1 1.497 1.32l-.083.094-.413.412H20a1 1 0 0 1 .117 1.994L20 7.998h-3.208l.416.417a1 1 0 0 1-1.321 1.496l-.095-.083-2.12-2.123a1 1 0 0 1-.082-1.32l.083-.094z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--external-link-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11 6a1 1 0 1 1 0 2H5v11h11v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm9-3a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-8.293 8.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--external-link-line\],
.icon-\[mingcute--eye-close-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--eye-close-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M3.05 9.31a1 1 0 1 1 1.914-.577c2.086 6.986 11.982 6.987 14.07.004a1 1 0 1 1 1.918.57 9.5 9.5 0 0 1-1.813 3.417L20.414 14A1 1 0 0 1 19 15.414l-1.311-1.311a9.1 9.1 0 0 1-2.32 1.269l.357 1.335a1 1 0 1 1-1.931.518l-.364-1.357c-.947.14-1.915.14-2.862 0l-.364 1.357a1 1 0 1 1-1.931-.518l.357-1.335a9.1 9.1 0 0 1-2.32-1.27l-1.31 1.312A1 1 0 0 1 3.585 14l1.275-1.275c-.784-.936-1.41-2.074-1.812-3.414Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--eye-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 4c2.787 0 5.263 1.257 7.026 2.813.885.781 1.614 1.658 2.128 2.531.505.857.846 1.786.846 2.656s-.34 1.799-.846 2.656c-.514.873-1.243 1.75-2.128 2.531C17.263 18.743 14.786 20 12 20c-2.787 0-5.263-1.257-7.026-2.813-.885-.781-1.614-1.658-2.128-2.531C2.34 13.799 2 12.87 2 12s.34-1.799.846-2.656c.514-.873 1.243-1.75 2.128-2.531C6.737 5.257 9.214 4 12 4m0 2c-2.184 0-4.208.993-5.702 2.312-.744.656-1.332 1.373-1.729 2.047C4.163 11.049 4 11.62 4 12s.163.951.569 1.641c.397.674.985 1.39 1.729 2.047C7.792 17.007 9.816 18 12 18s4.208-.993 5.702-2.312c.744-.657 1.332-1.373 1.729-2.047.406-.69.569-1.261.569-1.641s-.163-.951-.569-1.641c-.397-.674-.985-1.39-1.729-2.047C16.208 6.993 14.184 6 12 6m0 3q.132 0 .261.011a2 2 0 0 0 2.728 2.728A3 3 0 1 1 12 9'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--eye-line\],
.icon-\[mingcute--file-download-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--file-download-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M13.586 2a2 2 0 0 1 1.284.467l.13.119L19.414 7a2 2 0 0 1 .578 1.238l.008.176V20a2 2 0 0 1-1.85 1.995L18 22H6a2 2 0 0 1-1.995-1.85L4 20V4a2 2 0 0 1 1.85-1.995L6 2zM12 4H6v16h12V10h-4.5A1.5 1.5 0 0 1 12 8.5zm0 7a1 1 0 0 1 1 1v2.708l.414-.414a1 1 0 0 1 1.414 1.414l-2.12 2.122a1 1 0 0 1-1.415 0l-2.121-2.122a1 1 0 1 1 1.414-1.414l.414.414V12a1 1 0 0 1 1-1m2-6.586V8h3.586z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--flag-4-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M4 7V4.982c0-.98.554-1.877 1.431-2.316l.284-.142a6.78 6.78 0 0 1 6.52.25 4.78 4.78 0 0 0 3.97.437l3.289-1.096a1.1 1.1 0 0 1 1.391 1.391l-1.82 5.463 1.824 4.561a1.1 1.1 0 0 1-.673 1.452l-3.378 1.126a6.78 6.78 0 0 1-5.632-.618 4.78 4.78 0 0 0-4.597-.177L6 15.618V21a1 1 0 1 1-2 0v-6z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--flag-4-fill\],
.icon-\[mingcute--flower-3-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--flower-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15.31 3a5.69 5.69 0 0 1 4.629 9A5.69 5.69 0 0 1 12 19.939 5.69 5.69 0 0 1 4.061 12 5.69 5.69 0 0 1 12 4.061 5.67 5.67 0 0 1 15.31 3m3.168 10.417a5.67 5.67 0 0 1-3.168.963h-.094a4 4 0 0 1-3.534 1.608 3.67 3.67 0 0 0 1.024 1.936 3.69 3.69 0 0 0 5.772-4.507M8.012 11.682a3.67 3.67 0 0 0-1.936 1.024 3.69 3.69 0 0 0 4.507 5.772 5.67 5.67 0 0 1-.963-3.168v-.094a4 4 0 0 1-1.608-3.534M12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4m3.31-5c-.692 0-1.34.19-1.893.522.608.905.963 1.996.963 3.168v.094a4 4 0 0 1 1.608 3.534 3.7 3.7 0 0 0 1.936-1.024A3.69 3.69 0 0 0 15.31 5M8.69 5a3.69 3.69 0 0 0-3.168 5.583A5.67 5.67 0 0 1 8.69 9.62h.094a4 4 0 0 1 3.534-1.608 3.7 3.7 0 0 0-1.024-1.936A3.68 3.68 0 0 0 8.69 5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--flower-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.586 2.5a2 2 0 0 1 2.701-.117l.127.117 1.627 1.626.174-.242.315-.453.205-.308.206-.329c.308-.48.677-.937 1.326-.758a1 1 0 0 1 .726.843L18 3v6a6 6 0 0 1-4.765 5.873l-.235.044v4a6.01 6.01 0 0 0 4.423-3.346 1 1 0 1 1 1.807.858A8 8 0 0 1 13 20.94c0 .566-.407 1.061-1 1.061s-1-.495-1-1.062a8 8 0 0 1-6.23-4.509 1 1 0 0 1 1.807-.858 6.01 6.01 0 0 0 4.17 3.298l.253.048v-4a6 6 0 0 1-4.995-5.67L6 9V3a1 1 0 0 1 .733-.964c.597-.165.959.212 1.254.649l.345.542.138.204.315.453.174.242zM16 6.163c-.512.637-1.111 1.304-1.735 1.824C13.67 8.483 12.872 9 12 9s-1.67-.517-2.265-1.013c-.52-.433-1.022-.968-1.472-1.503L8 6.164V9a4 4 0 0 0 7.995.2L16 9zm-4-2.249-1.774 1.774.385.42c.4.424.911.892 1.389.892s.99-.468 1.39-.892l.384-.42z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--flower-line\],
.icon-\[mingcute--folder-3-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--folder-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M5 4a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zM4 7a1 1 0 0 1 1-1h4.646a1 1 0 0 1 .928.629l.995 2.485A3 3 0 0 0 14.354 11H20v7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm16 2h-5.646a1 1 0 0 1-.928-.629L12.477 6H19a1 1 0 0 1 1 1z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--folder-open-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M9.52 3a2 2 0 0 1 1.442.614l.12.137L12.48 5.5H19a2 2 0 0 1 1.995 1.85L21 7.5v1.53a2 2 0 0 1 1.61 2.398l-.038.147-2.4 8a2 2 0 0 1-1.752 1.418l-.164.007H4a2 2 0 0 1-1.995-1.85L2 19V5a2 2 0 0 1 1.85-1.995L4 3zm11.136 8H6.744l-2.4 8h13.912zM9.519 5H4v8.187l.828-2.762A2 2 0 0 1 6.744 9H19V7.5h-6.52a2 2 0 0 1-1.561-.75z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--folder-open-line\],
.icon-\[mingcute--game-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--game-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M17 4c.763 0 1.394.434 1.856.89.481.473.922 1.109 1.314 1.81.787 1.406 1.472 3.243 1.925 5.058.45 1.801.699 3.682.54 5.161C22.475 18.404 21.71 20 20 20c-1.476 0-2.652-.76-3.614-1.531l-.351-.289-.492-.415-.444-.368C14.08 16.572 13.175 16 12 16s-2.08.572-3.099 1.397l-.444.368-.492.415-.35.289C6.651 19.24 5.475 20 4 20c-1.711 0-2.476-1.596-2.635-3.081-.158-1.48.09-3.36.54-5.161.453-1.815 1.138-3.652 1.925-5.059.392-.7.833-1.336 1.314-1.81C5.606 4.434 6.237 4 7 4c.515 0 1.018.123 1.513.27l.592.181q.148.046.295.087c.865.248 1.75.462 2.6.462s1.735-.214 2.6-.462l.885-.267C15.983 4.124 16.49 4 17 4m0 2c-.383 0-.783.116-1.171.243l-.458.151-.221.068c-.885.252-2 .538-3.15.538s-2.265-.286-3.15-.538l-.22-.068-.459-.151C7.783 6.115 7.383 6 7 6c-.418.078-.793.585-1.076 1.055l-.158.275-.19.346c-.682 1.218-1.31 2.88-1.73 4.567-.395 1.576-.587 3.086-.514 4.21l.026.293.02.176.03.208c.069.401.218.87.592.87.812 0 1.49-.404 2.333-1.074l.403-.328.76-.636.344-.28C8.904 14.839 10.235 14 12 14s3.096.84 4.16 1.682l.345.28.76.636.402.328C18.51 17.596 19.187 18 20 18c.34 0 .494-.387.571-.759l.038-.218.037-.317c.123-1.146-.067-2.765-.491-4.463-.386-1.546-.946-3.072-1.562-4.254l-.359-.66-.158-.273C17.793 6.585 17.418 6.078 17 6M8.5 8a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5m7 0a1 1 0 0 1 .993.883L16.5 9v.5h.5a1 1 0 0 1 .117 1.993L17 11.5h-.5v.5a1 1 0 0 1-1.993.117L14.5 12v-.5H14a1 1 0 0 1-.117-1.993L14 9.5h.5V9a1 1 0 0 1 1-1m-7 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--gift-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M9 2a4 4 0 0 1 3 1.354A4 4 0 0 1 15 2h.5A1.5 1.5 0 0 1 17 3.5V4c0 .729-.195 1.412-.535 2H19a2 2 0 0 1 2 2v3a2 2 0 0 1-1 1.732V18a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-5.268A2 2 0 0 1 3 11V8a2 2 0 0 1 2-2h2.535A4 4 0 0 1 7 4v-.5A1.5 1.5 0 0 1 8.5 2zm9 11h-5v6h4l.117-.007a1 1 0 0 0 .876-.876L18 18zm-7 0H6v5a1 1 0 0 0 .883.993L7 19h4zm8-5h-6v3h6zm-8 0H5v3h6zM9 4a2 2 0 0 0 2 2 2 2 0 0 0-2-2m6 0a2 2 0 0 0-2 2 2 2 0 0 0 2-2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--gift-line\],
.icon-\[mingcute--google-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--google-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 5.5a6.5 6.5 0 1 0 6.326 8H13a1.5 1.5 0 0 1 0-3h7a1.5 1.5 0 0 1 1.5 1.5 9.5 9.5 0 1 1-2.801-6.736 1.5 1.5 0 1 1-2.116 2.127A6.48 6.48 0 0 0 12 5.5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--hashtag-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.124 3.008a1 1 0 0 1 .868 1.116L10.508 8h3.984l.516-4.124a1 1 0 1 1 1.984.248L16.508 8H20a1 1 0 1 1 0 2h-3.742l-.5 4H19.5a1 1 0 1 1 0 2h-3.992l-.516 4.124a1 1 0 1 1-1.984-.248L13.492 16H9.508l-.516 4.124a1 1 0 1 1-1.984-.248L7.492 16H4.5a1 1 0 1 1 0-2h3.242l.5-4H5a1 1 0 0 1 0-2h3.492l.516-4.124a1 1 0 0 1 1.116-.868M13.742 14l.5-4h-3.984l-.5 4z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--hashtag-line\],
.icon-\[mingcute--headphone-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--headphone-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M12 2c5.517 0 10 4.445 10 9.943 0 1.362-.169 2.341-.426 3.133-.611 1.882-1.874 3.465-3.302 4.8-.982.918-2.439.778-3.314-.092-1.242-1.235-1.582-3.152-.235-4.49l.92-.915a2.5 2.5 0 0 1 3.472-.05c.277.26.414.57.557.13.181-.56.328-1.327.328-2.516C20 7.562 16.424 4 12 4s-8 3.562-8 7.943c0 1.19.147 1.955.328 2.516.143.44.28.13.557-.13a2.5 2.5 0 0 1 3.472.05l.92.915c1.347 1.338 1.007 3.255-.235 4.49-.875.87-2.332 1.01-3.314.093-1.438-1.344-2.687-2.908-3.302-4.8C2.17 14.283 2 13.304 2 11.942 2 6.445 6.483 2 12 2m5.052 13.798c-.578.574-1.79 1.467-.92 2.333.192.19.491.548.774.284.638-.596 1.263-1.27 1.683-1.837-.33-.31-1.026-1.287-1.537-.78m-10.104 0c-.51-.507-1.207.47-1.537.78.42.567 1.045 1.24 1.683 1.837.282.264.582-.093.774-.284.87-.866-.342-1.759-.92-2.333'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--heart-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M18.494 3.801c2.095 1.221 3.569 3.7 3.504 6.592-.081 3.61-2.89 6.794-7.679 9.638-.71.422-1.458.969-2.319.969-.845 0-1.625-.557-2.32-.97-4.787-2.843-7.597-6.028-7.678-9.637-.065-2.892 1.409-5.37 3.504-6.592C7.466 2.66 9.928 2.653 12 4.338c2.072-1.685 4.534-1.679 6.494-.537M17.487 5.53c-1.394-.812-3.136-.783-4.644.743a1.19 1.19 0 0 1-1.686 0c-1.508-1.526-3.25-1.555-4.644-.743-1.444.842-2.56 2.628-2.511 4.82.056 2.511 2.04 5.194 6.7 7.962.408.243.834.554 1.298.683.464-.129.89-.44 1.298-.683 4.66-2.768 6.644-5.45 6.7-7.963.05-2.19-1.067-3.977-2.511-4.819'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--heart-line\],
.icon-\[mingcute--history-anticlockwise-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--history-anticlockwise-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M20.66 7c2.762 4.783 1.123 10.9-3.66 13.66-4.123 2.38-9.233 1.491-12.335-1.86a1 1 0 0 1 1.468-1.358 8 8 0 1 0-2.06-6.524l1.281-.335c1.047-.273 1.818.97 1.108 1.787L4.21 14.957c-.568.652-1.665.43-1.892-.444A10 10 0 0 1 7 3.34C11.783.579 17.899 2.217 20.66 7M12 6a1 1 0 0 1 1 1v4.586l2.707 2.707a1 1 0 1 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--home-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.772 2.688a2 2 0 0 1 2.317-.099l.139.1 8.384 6.52c.721.561.37 1.692-.499 1.785l-.116.006H20v8a2 2 0 0 1-1.85 1.995L18 21H6a2 2 0 0 1-1.994-1.85L4 19v-8h-.997C2.09 11 1.671 9.892 2.3 9.285l.088-.076zM12 4.267 5.625 9.225c.229.185.375.468.375.785V19h3v-5a3 3 0 1 1 6 0v5h3v-8.99c0-.317.146-.6.375-.785zM12 13a1 1 0 0 0-1 1v5h2v-5a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--home-3-line\],
.icon-\[mingcute--information-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--information-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m-.01 8H11a1 1 0 0 0-.117 1.993L11 12v4.99c0 .52.394.95.9 1.004l.11.006h.49a1 1 0 0 0 .596-1.803L13 16.134V11.01c0-.52-.394-.95-.9-1.004zM12 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--information-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m-.01 6c.558 0 1.01.452 1.01 1.01v5.124A1 1 0 0 1 12.5 18h-.49A1.01 1.01 0 0 1 11 16.99V12a1 1 0 1 1 0-2zM12 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--information-line\],
.icon-\[mingcute--laptop-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--laptop-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M21 19a1 1 0 0 1 .117 1.993L21 21H3a1 1 0 0 1-.117-1.993L3 19zM19 4a2 2 0 0 1 1.995 1.85L21 6v10a2 2 0 0 1-1.85 1.995L19 18H5a2 2 0 0 1-1.995-1.85L3 16V6a2 2 0 0 1 1.85-1.995L5 4zm0 2H5v10h14z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--layer-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.528 1.118a1 1 0 0 1 1.027.05l5.554 3.703A2 2 0 0 1 20 6.535V17a1 1 0 0 1-1.555.832L16 16.202V19a1 1 0 0 1-1.555.832L12 18.202V21a1 1 0 0 1-1.555.832L4.891 18.13A2 2 0 0 1 4 16.465V6a1 1 0 0 1 1.555-.832L8 6.798V4a1 1 0 0 1 1.555-.832L12 4.798V2a1 1 0 0 1 .528-.882M14 6.131l1.11.74A2 2 0 0 1 16 8.535v5.263l2 1.334V6.535L14 3.87v2.26Zm-4 2 1.11.74a2 2 0 0 1 .89 1.664v5.263l2 1.333V8.535L10 5.87zM6 7.87v8.596l4 2.666v-8.596z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--layer-line\],
.icon-\[mingcute--lifebuoy-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--lifebuoy-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m2.313 14.434A5 5 0 0 1 12 17a5 5 0 0 1-2.079-.451l-.234-.115-2.183 2.184A7.96 7.96 0 0 0 12 20a7.96 7.96 0 0 0 4.237-1.213l.26-.17zm-8.93-8.93A7.96 7.96 0 0 0 4 12c0 1.667.51 3.215 1.382 4.496l2.184-2.183A5 5 0 0 1 7 12c0-.835.204-1.621.566-2.313L5.382 7.504Zm13.235 0-2.184 2.183c.362.692.566 1.479.566 2.313s-.204 1.621-.566 2.313l2.184 2.183A7.96 7.96 0 0 0 20 12c0-1.667-.51-3.215-1.382-4.496M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6m0-5a7.96 7.96 0 0 0-4.237 1.213l-.26.17 2.184 2.183A5 5 0 0 1 12 7c.742 0 1.446.162 2.079.451l.234.115 2.183-2.184A7.96 7.96 0 0 0 12 4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--link-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M1 10a5 5 0 0 1 5-5h6a5 5 0 0 1 0 10 1 1 0 1 1 0-2 3 3 0 1 0 0-6H6a3 3 0 0 0-.75 5.906 1 1 0 0 1-.5 1.936A5 5 0 0 1 1 10m11 1a3 3 0 1 0 0 6h6a3 3 0 0 0 .75-5.905 1 1 0 0 1 .5-1.937A5.002 5.002 0 0 1 18 19h-6a5 5 0 0 1 0-10 1 1 0 1 1 0 2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--link-3-line\],
.icon-\[mingcute--link-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--link-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.232 10.231a5 5 0 0 1 6.89-.172l.181.172 2.828 2.829a5 5 0 0 1-6.89 7.243l-.18-.172-2.122-2.122a1 1 0 0 1 1.32-1.497l.094.083 2.122 2.122a3 3 0 0 0 4.377-4.1l-.135-.143-2.828-2.828a3 3 0 0 0-4.243 0 1 1 0 0 1-1.414-1.415M3.868 3.867a5 5 0 0 1 6.89-.172l.181.172L13.06 5.99a1 1 0 0 1-1.32 1.497l-.094-.083-2.121-2.121A3 3 0 0 0 5.147 9.38l.135.144 2.829 2.829a3 3 0 0 0 4.242 0 1 1 0 1 1 1.415 1.414 5 5 0 0 1-6.89.172l-.182-.172-2.828-2.829a5 5 0 0 1 0-7.07Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--lock-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M6 8a6 6 0 1 1 12 0h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2zm6-4a4 4 0 0 1 4 4H8a4 4 0 0 1 4-4m2 10a2 2 0 0 1-1 1.732V17a1 1 0 1 1-2 0v-1.268A2 2 0 0 1 12 12a2 2 0 0 1 2 2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--lock-fill\],
.icon-\[mingcute--lock-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--lock-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2a6 6 0 0 1 5.996 5.775L18 8h1a2 2 0 0 1 1.995 1.85L21 10v10a2 2 0 0 1-1.85 1.995L19 22H5a2 2 0 0 1-1.995-1.85L3 20V10a2 2 0 0 1 1.85-1.995L5 8h1a6 6 0 0 1 6-6m7 8H5v10h14zm-7 2a2 2 0 0 1 1.134 3.647l-.134.085V17a1 1 0 0 1-1.993.117L11 17v-1.268A2 2 0 0 1 12 12m0-8a4 4 0 0 0-4 4h8a4 4 0 0 0-4-4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--map-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M8.526 3.104a1.5 1.5 0 0 1 .948 0L15 4.946l5.289-1.763A1.3 1.3 0 0 1 22 4.416V17.64a1.5 1.5 0 0 1-1.026 1.423l-5.5 1.833c-.308.103-.64.103-.948 0L9 19.054l-5.289 1.763A1.3 1.3 0 0 1 2 19.584V6.36a1.5 1.5 0 0 1 1.026-1.423zM8 17.28V5.387L4 6.721v11.892l4-1.334Zm2-11.892V17.28l4 1.334V6.72l-4-1.334Zm6 1.334v11.892l4-1.334V5.387l-4 1.334Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--map-line\],
.icon-\[mingcute--menu-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--menu-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M20 18a1 1 0 0 1 .117 1.993L20 20H4a1 1 0 0 1-.117-1.993L4 18zm0-7a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm0-7a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--moon-stars-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.477 4.546a1.01 1.01 0 0 1 1.097-1.409A9 9 0 0 1 12 21c-4.434 0-8.118-3.206-8.863-7.426a1.01 1.01 0 0 1 1.409-1.097 6 6 0 0 0 7.931-7.931m2.404 1.072a8 8 0 0 1-9.263 9.263A7.002 7.002 0 0 0 19 12.001a7 7 0 0 0-4.12-6.383ZM5.565 7.716l.064.14a3.26 3.26 0 0 0 1.237 1.363l.1.059a.068.068 0 0 1 0 .118l-.1.058a3.26 3.26 0 0 0-1.237 1.364l-.064.14a.071.071 0 0 1-.13 0l-.064-.14a3.26 3.26 0 0 0-1.237-1.364l-.1-.058a.068.068 0 0 1 0-.118l.1-.059A3.26 3.26 0 0 0 5.37 7.855l.064-.14a.071.071 0 0 1 .13 0Zm2.832-4.859c.04-.09.166-.09.206 0l.102.222a5.2 5.2 0 0 0 1.97 2.172l.157.092a.108.108 0 0 1 0 .189l-.158.092a5.2 5.2 0 0 0-2.07 2.394.113.113 0 0 1-.207 0l-.102-.222a5.2 5.2 0 0 0-1.97-2.172l-.158-.092a.108.108 0 0 1 0-.189l.158-.092a5.2 5.2 0 0 0 1.97-2.172z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--moon-stars-line\],
.icon-\[mingcute--notification-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--notification-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M5 9a7 7 0 0 1 14 0v3.764l1.822 3.644A1.1 1.1 0 0 1 19.838 18h-3.964a4.002 4.002 0 0 1-7.748 0H4.162a1.1 1.1 0 0 1-.984-1.592L5 12.764zm5.268 9a2 2 0 0 0 3.464 0zM12 4a5 5 0 0 0-5 5v3.764a2 2 0 0 1-.211.894L5.619 16h12.763l-1.17-2.342a2 2 0 0 1-.212-.894V9a5 5 0 0 0-5-5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--open-door-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M14.253 2.291a1.5 1.5 0 0 1 1.74 1.342l.007.138V5h2a2 2 0 0 1 1.995 1.85L20 7v10a2 2 0 0 1-1.85 1.994L18 19h-2v1.23a1.5 1.5 0 0 1-1.61 1.495l-.137-.016-8.582-1.43a2 2 0 0 1-1.665-1.812L4 18.306V5.694a2 2 0 0 1 1.513-1.94l.158-.033zM14 4.361 6 5.694v12.612l8 1.333zM18 7h-2v10h2zm-6.5 3.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--open-door-line\],
.icon-\[mingcute--package-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--package-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.25 4.299a.5.5 0 0 0-.5 0L6.206 7.5l1.813 1.047 5.798-3.343zm3.568 2.06L10.02 9.702l1.73.999a.5.5 0 0 0 .5 0L17.794 7.5l-1.976-1.14Zm2.976 2.873-5.544 3.201a2 2 0 0 1-.25.126v6.709l5.544-3.201a.5.5 0 0 0 .25-.433zM11 19.268v-6.709a3 3 0 0 1-.25-.126L5.206 9.232v6.402a.5.5 0 0 0 .25.433zm-.25-16.701a2.5 2.5 0 0 1 2.5 0l6.294 3.634a2.5 2.5 0 0 1 1.25 2.165v7.268a2.5 2.5 0 0 1-1.25 2.165l-6.294 3.634a2.5 2.5 0 0 1-2.5 0l-6.294-3.634a2.5 2.5 0 0 1-1.25-2.165V8.366a2.5 2.5 0 0 1 1.25-2.165z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--paint-brush-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m22.017 3.874-.59 1.581-.732 1.697c-.679 1.455-1.612 3.156-2.728 4.33-1.065 1.12-2.673 2.153-3.96 2.886a5 5 0 0 1-1.36 4.557c-2.27 2.27-4.807 2.27-6.694 1.71a9.1 9.1 0 0 1-2.864-1.43l-.865-.718a.394.394 0 0 1 .027-.624l.332-.237c.728-.53 1.479-1.182 1.658-2.08q.172-1.388.197-1.513c.138-.689.43-1.471 1.137-2.18a5 5 0 0 1 4.557-1.36c.733-1.287 1.765-2.895 2.886-3.96 1.174-1.116 2.875-2.05 4.33-2.728l1.696-.733 1.582-.589a1.094 1.094 0 0 1 1.39 1.39ZM6.99 13.268c-.353.352-.506.734-.591 1.157q-.171 1.389-.197 1.514c-.18.904-.709 1.65-1.15 2.148a7.3 7.3 0 0 0 1.471.63c1.384.412 3.09.412 4.71-1.207a3 3 0 1 0-4.243-4.242m4.99-1.975a5 5 0 0 1 1.227 1.228c.391-.227.795-.473 1.19-.732l-.03-.067a3.3 3.3 0 0 0-.66-.93 3.4 3.4 0 0 0-.817-.603l-.18-.086c-.258.395-.504.798-.73 1.19m7.442-6.215c-.384.159-.8.34-1.23.54-1.408.657-2.866 1.48-3.796 2.364q-.236.225-.47.493c.362.2.782.49 1.195.904.414.413.703.833.904 1.195q.268-.234.493-.47c.884-.93 1.707-2.388 2.364-3.797.2-.43.38-.846.54-1.229'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--paint-brush-line\],
.icon-\[mingcute--palette-3-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--palette-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11 3c.48 0 .922.17 1.267.452l4.831 2.79c.416.24.713.607.87 1.024l2.79 4.832a2 2 0 0 1-.732 2.732l-9.447 5.455A5.1 5.1 0 0 1 8.021 21a5.06 5.06 0 0 1-2.602-.718 5 5 0 0 1-1.412-1.273A4.98 4.98 0 0 1 3 16V5a2 2 0 0 1 2-2zm-.053 2H5v11c0 1.625 1.362 3 3 3 1.634 0 3-1.374 3-3V5.03zM8 14.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m9.238-4.5-3.578 6.196 5.366-3.098zM13 6.185v7.155L16.083 8l-.03-.052z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--paper-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M16 3a3 3 0 0 1 2.995 2.824L19 6v10h.75c.647 0 1.18.492 1.244 1.122l.006.128V19a3 3 0 0 1-2.824 2.995L18 22H8a3 3 0 0 1-2.995-2.824L5 19V9H3.25a1.25 1.25 0 0 1-1.244-1.122L2 7.75V6a3 3 0 0 1 2.824-2.995L5 3zm0 2H7v14a1 1 0 1 0 2 0v-1.75c0-.69.56-1.25 1.25-1.25H17V6a1 1 0 0 0-1-1m3 13h-8v1c0 .35-.06.687-.17 1H18a1 1 0 0 0 1-1zm-7-6a1 1 0 1 1 0 2h-2a1 1 0 1 1 0-2zm2-4a1 1 0 1 1 0 2h-4a1 1 0 0 1 0-2zM5 5a1 1 0 0 0-.993.883L4 6v1h1z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--paper-line\],
.icon-\[mingcute--pen-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--pen-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.138 4.538a2 2 0 0 1 2.031.328l.126.115 4.724 4.724a2 2 0 0 1 .5 1.997l-.057.16-2.365 5.913a2 2 0 0 1-1.605 1.24l-5.079.635q-.196.023-.41.056l-.444.072-.232.042-.723.14-.495.106-.745.167-.955.228-1.552.396-.646.174a1.01 1.01 0 0 1-1.265-1.134l.034-.146.295-1.112.264-1.048.228-.955.167-.745.105-.496.141-.722.08-.457.064-.428.66-5.28a2 2 0 0 1 1.09-1.536l.151-.069zm.742 1.857L6.968 8.76l-.584 4.672-.048.396a27 27 0 0 1-.385 2.192l-.171.786 3.288-3.288a2 2 0 1 1 1.414 1.414L7.194 18.22l.392-.087.784-.165a28 28 0 0 1 1.473-.26l5.397-.676 2.365-5.912zm2.363-3.294a1 1 0 0 1 1.32-.084l.094.084 4.242 4.242a1 1 0 0 1-1.32 1.498l-.094-.084-4.242-4.242a1 1 0 0 1 0-1.414'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--plugin-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M15 20a1 1 0 0 1 .117 1.993L15 22H9a1 1 0 0 1-.117-1.993L9 20zm0-18a1 1 0 0 1 .993.883L16 3v3h2a2 2 0 0 1 1.995 1.85L20 8v5a6 6 0 0 1-5.775 5.996L14 19h-4a6 6 0 0 1-5.996-5.775L4 13V8a2 2 0 0 1 1.85-1.995L6 6h2V3a1 1 0 0 1 1.993-.117L10 3v3h4V3a1 1 0 0 1 1-1m3 6H6v5a4 4 0 0 0 3.8 3.995L10 17h4a4 4 0 0 0 3.995-3.8L18 13z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--plugin-line\],
.icon-\[mingcute--question-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--question-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m0 12a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-9.5a3.625 3.625 0 0 1 1.348 6.99.8.8 0 0 0-.305.201c-.044.05-.051.114-.05.18L13 14a1 1 0 0 1-1.993.117L11 14v-.25c0-1.153.93-1.845 1.604-2.116a1.626 1.626 0 1 0-2.229-1.509 1 1 0 1 1-2 0A3.625 3.625 0 0 1 12 6.5'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--quill-pen-ai-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M20.262 2.434a1 1 0 0 1 .944.454l.078.126.109.202.081.174.083.205c.315.838.552 2.297-.542 3.956a2.6 2.6 0 0 1-.276.345 1 1 0 0 1-.03.368 16 16 0 0 1-.75 2.136c-.551 1.263-1.328 2.54-2.423 3.636-2.05 2.05-4.742 2.991-6.844 3.43-.825.173-1.576.271-2.186.327l-.487.038-.21.013-.128 1.063-.098.906-.038.412-.037.518A5 5 0 0 0 7.5 21a1 1 0 1 1-2 0q0-.157.01-.36l.03-.437.043-.489.08-.772.058-.502c.205-1.732.446-3.426.987-5.09.625-1.92 1.75-4.379 3.757-6.385 1.573-1.574 3.432-2.611 5.106-3.29l.452-.177.44-.16q.108-.038.215-.073l.42-.136.402-.12.384-.107.363-.093.34-.08.315-.07.546-.105.577-.091zM19.76 4.53l-.322.062-.37.079-.415.098-.222.058-.47.13q-.244.072-.501.156l-.527.18c-1.615.584-3.508 1.54-5.054 3.086-1.704 1.703-2.7 3.84-3.269 5.59-.165.507-.293.977-.39 1.388l-.104.462.465-.043a17 17 0 0 0 1.702-.267c1.92-.401 4.179-1.228 5.838-2.888.85-.849 1.484-1.857 1.954-2.905-.976.52-2.018.986-2.759 1.233a1 1 0 0 1-.632-1.898c.674-.224 1.758-.713 2.754-1.265.494-.274.946-.552 1.301-.808l.226-.17.17-.141.065-.06.095-.095.05-.063c.527-.798.52-1.48.415-1.919M5 1a1 1 0 0 1 .898.56l.048.117.13.378a3 3 0 0 0 1.684 1.8l.185.07.378.129a1 1 0 0 1 .117 1.844l-.117.048-.378.13a3 3 0 0 0-1.8 1.684l-.07.185-.129.378a1 1 0 0 1-1.844.117l-.048-.117-.13-.378a3 3 0 0 0-1.684-1.8l-.185-.07-.378-.129a1 1 0 0 1-.117-1.844l.117-.048.378-.13a3 3 0 0 0 1.8-1.684l.07-.185.129-.378A1 1 0 0 1 5 1m0 3.196A5 5 0 0 1 4.196 5q.448.355.804.804.355-.448.804-.804A5 5 0 0 1 5 4.196'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--quill-pen-ai-line\],
.icon-\[mingcute--refresh-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--refresh-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M2 12.08c-.006-.862.91-1.356 1.618-.975l.095.058 2.678 1.804c.972.655.377 2.143-.734 2.007l-.117-.02-1.063-.234a8.002 8.002 0 0 0 14.804.605 1 1 0 0 1 1.82.828c-1.987 4.37-6.896 6.793-11.687 5.509A10 10 0 0 1 2 12.08m.903-4.228C4.89 3.482 9.799 1.06 14.59 2.343a10 10 0 0 1 7.414 9.581c.007.863-.91 1.358-1.617.976l-.096-.058-2.678-1.804c-.972-.655-.377-2.143.734-2.007l.117.02 1.063.234A8.002 8.002 0 0 0 4.723 8.68a1 1 0 1 1-1.82-.828'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--refresh-4-ai-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M4 9a1 1 0 0 1 1 1v1a6 6 0 0 0 6 6h3.586l-.793-.793a1 1 0 0 1 1.414-1.414l2.5 2.5a1 1 0 0 1 .281.555l.012.162a1 1 0 0 1-.297.701l-2.496 2.496a1 1 0 0 1-1.414-1.414l.793-.793H11a8 8 0 0 1-8-8v-1a1 1 0 0 1 1-1m15-2a1 1 0 0 1 .898.56l.048.117.13.378a3 3 0 0 0 1.684 1.8l.185.07.378.129a1 1 0 0 1 .118 1.844l-.118.048-.378.13a3 3 0 0 0-1.8 1.684l-.07.185-.129.378a1 1 0 0 1-1.844.118l-.048-.118-.13-.378a3 3 0 0 0-1.684-1.8l-.185-.07-.378-.129a1 1 0 0 1-.118-1.844l.118-.048.378-.13a3 3 0 0 0 1.8-1.684l.07-.185.129-.378A1 1 0 0 1 19 7m0 3.196a5 5 0 0 1-.804.804q.448.355.804.804.355-.449.804-.804a5 5 0 0 1-.804-.804m-8.793-7.403a1 1 0 0 1 0 1.414L9.414 5H13c1.225 0 2.389.276 3.43.77a1 1 0 0 1-.86 1.807A6 6 0 0 0 13 7H9.414l.793.793a1 1 0 0 1-1.414 1.414l-2.5-2.5a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.414 0'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--refresh-4-ai-line\],
.icon-\[mingcute--rocket-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--rocket-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m18.42 2.797.386.056c.6.095 1.272.254 1.685.667s.573 1.086.668 1.686l.056.385c.126.91.159 2.103-.056 3.427-.424 2.613-1.815 5.73-5.308 8.145a5 5 0 0 0-.017.537l.017.543c.01.362.004.723-.096 1.07-.19.66-.867 1.095-1.5 1.407l-.31.147-.4.176-.273.11c-.707.27-1.56.459-2.118-.1-.253-.253-.37-.597-.464-.941l-.046-.172c-.16-.607-.341-1.21-.567-1.794a3 3 0 0 1-.198.218c-.545.544-1.284.818-2.023 1.03l-.491.135-.49.13-.478.12-.432.1-.517.11-.323.063a1.01 1.01 0 0 1-1.177-1.177l.111-.551.129-.578.124-.51.225-.845c.223-.82.494-1.665 1.1-2.27l.099-.095-.763-.274-.767-.264c-.449-.148-.921-.304-1.247-.63-.596-.596-.343-1.526-.046-2.257l.166-.387.137-.301c.317-.674.767-1.45 1.483-1.656.347-.1.707-.106 1.07-.097l.543.018q.27.007.537-.017c2.414-3.493 5.532-4.884 8.145-5.308a11.7 11.7 0 0 1 3.426-.056m-3.106 2.03c-2.198.357-4.869 1.534-6.953 4.669-.253.38-.68.561-1.115.63-.246.04-.494.05-.743.05l-.747-.011q-.186-.001-.373.006c-.304.404-.516.884-.675 1.361l1.5.545.617.233c1.128.442 2.22.977 3.06 1.817 1.415 1.415 2.134 3.266 2.654 5.157.456-.16.914-.364 1.302-.655l.006-.373-.011-.746c0-.248.01-.496.05-.744.068-.435.25-.862.63-1.115 3.135-2.084 4.312-4.755 4.669-6.953.18-1.11.15-2.102.049-2.833a5.4 5.4 0 0 0-.193-.895 5.4 5.4 0 0 0-.895-.192 9.7 9.7 0 0 0-2.832.05ZM7.05 15.535c-.35.423-.513.978-.644 1.528l-.108.468-.055.226.694-.163c.55-.13 1.106-.295 1.528-.645a1 1 0 1 0-1.415-1.414m5.657-7.07a2 2 0 1 1 2.829 2.828 2 2 0 0 1-2.829-2.829Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--safe-lock-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='m12.702 2.195 7 2.625A2 2 0 0 1 21 6.693v5.363a9 9 0 0 1-4.975 8.05l-3.354 1.677a1.5 1.5 0 0 1-1.342 0l-3.354-1.677A9 9 0 0 1 3 12.056V6.693A2 2 0 0 1 4.298 4.82l7-2.625a2 2 0 0 1 1.404 0M12 4.068 5 6.693v5.363a7 7 0 0 0 3.87 6.26L12 19.883l3.13-1.565A7 7 0 0 0 19 12.056V6.693zM12 8a2 2 0 0 1 1.134 3.648l-.134.085V15a1 1 0 0 1-1.993.117L11 15v-3.267A2 2 0 0 1 12 8'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--safe-lock-line\],
.icon-\[mingcute--safety-certificate-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--safety-certificate-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11.298 2.195a2 2 0 0 1 1.232-.055l.172.055 7 2.625a2 2 0 0 1 1.291 1.708l.007.165v5.363a9 9 0 0 1-4.709 7.911l-.266.139-3.354 1.677a1.5 1.5 0 0 1-1.198.062l-.144-.062-3.354-1.677a9 9 0 0 1-4.97-7.75l-.005-.3V6.693a2 2 0 0 1 1.145-1.808l.153-.065zM12 4.068 5 6.693v5.363a7 7 0 0 0 3.635 6.138l.235.123L12 19.882l3.13-1.565a7 7 0 0 0 3.865-5.997l.005-.264V6.693zm3.433 4.561a1 1 0 0 1 1.497 1.32l-.083.094-5.234 5.235a1.1 1.1 0 0 1-1.46.085l-.096-.085-2.404-2.404a1 1 0 0 1 1.32-1.498l.094.083 1.768 1.768z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--search-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M5 10a5 5 0 1 1 10 0 5 5 0 0 1-10 0m5-7a7 7 0 1 0 4.192 12.606l5.1 5.101a1 1 0 0 0 1.415-1.414l-5.1-5.1A7 7 0 0 0 10 3'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--search-2-line\],
.icon-\[mingcute--search-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--search-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.5 2a8.5 8.5 0 1 0 5.262 15.176l3.652 3.652a1 1 0 0 0 1.414-1.414l-3.652-3.652A8.5 8.5 0 0 0 10.5 2M4 10.5a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--settings-3-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M14.035 2.809c.37-.266.89-.39 1.401-.203a10 10 0 0 1 2.982 1.725c.417.35.57.861.524 1.313-.075.753.057 1.48.42 2.106.32.557.802.997 1.39 1.307l.225.11c.414.187.782.576.875 1.113a10 10 0 0 1 0 3.44c-.083.484-.39.847-.753 1.051l-.122.063c-.69.31-1.254.79-1.616 1.416-.362.627-.494 1.353-.419 2.106.045.452-.107.964-.524 1.313a10 10 0 0 1-2.982 1.725 1.51 1.51 0 0 1-1.4-.203C13.42 20.75 12.723 20.5 12 20.5s-1.42.249-2.035.691a1.51 1.51 0 0 1-1.401.203 10 10 0 0 1-2.982-1.725 1.51 1.51 0 0 1-.524-1.313c.075-.753-.058-1.48-.42-2.106a3.4 3.4 0 0 0-1.39-1.307l-.225-.11a1.51 1.51 0 0 1-.875-1.113 10 10 0 0 1 0-3.44c.083-.484.39-.847.753-1.051l.122-.062c.69-.311 1.254-.79 1.616-1.417.361-.626.494-1.353.419-2.106a1.51 1.51 0 0 1 .524-1.313 10 10 0 0 1 2.982-1.725 1.51 1.51 0 0 1 1.4.203c.615.442 1.312.691 2.036.691s1.42-.249 2.035-.691m.957 1.769c-.866.57-1.887.922-2.992.922s-2.126-.353-2.992-.922A8 8 0 0 0 7.068 5.7c.06 1.033-.145 2.093-.697 3.05-.553.956-1.368 1.663-2.293 2.128a8 8 0 0 0 0 2.242c.925.465 1.74 1.172 2.293 2.13.552.955.757 2.015.697 3.048a8 8 0 0 0 1.94 1.123c.866-.57 1.887-.922 2.992-.922s2.126.353 2.992.922a8 8 0 0 0 1.94-1.122c-.06-1.034.145-2.094.697-3.05.552-.957 1.368-1.664 2.293-2.13a8 8 0 0 0 0-2.24c-.925-.466-1.74-1.173-2.293-2.13-.552-.956-.757-2.016-.697-3.05a8 8 0 0 0-1.94-1.122ZM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--settings-3-line\],
.icon-\[mingcute--settings-7-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--settings-7-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2a1 1 0 0 1 1 1v1.062a8 8 0 0 1 2.104.562l.53-.918a1 1 0 1 1 1.732 1l-.531.92c.58.44 1.098.959 1.54 1.54l.92-.532a1 1 0 1 1 1 1.732l-.92.53c.279.661.471 1.367.563 2.104H21a1 1 0 1 1 0 2h-1.062a8 8 0 0 1-.562 2.104l.918.53a1 1 0 1 1-1 1.732l-.92-.531a8 8 0 0 1-1.54 1.54l.532.92a1 1 0 1 1-1.732 1l-.53-.92a8 8 0 0 1-2.104.563V21a1 1 0 1 1-2 0v-1.062a8 8 0 0 1-2.104-.562l-.53.918a1 1 0 1 1-1.732-1l.531-.92a8 8 0 0 1-1.54-1.54l-.92.532a1 1 0 1 1-1-1.732l.92-.53A8 8 0 0 1 4.061 13H3a1 1 0 1 1 0-2h1.062a8 8 0 0 1 .562-2.104l-.918-.53a1 1 0 0 1 1-1.732l.92.531c.44-.58.959-1.098 1.54-1.54l-.532-.92a1 1 0 0 1 1.732-1l.53.92A8 8 0 0 1 11 4.061V3a1 1 0 0 1 1-1m0 11.155-4.624 2.67a6 6 0 0 0 1.588 1.351l.073.043A6 6 0 0 0 12 18c.97 0 1.886-.23 2.697-.639l.34-.185a6 6 0 0 0 1.587-1.352zm-1-7.072a6 6 0 0 0-1.703.559l-.26.14-.073.042a6 6 0 0 0-1.978 1.88l-.162.26-.042.073A6 6 0 0 0 6 12c0 .63.097 1.24.278 1.81l.097.283L11 11.423zm2 0v5.34l4.625 2.67A6 6 0 0 0 18 12c0-.97-.23-1.886-.639-2.697l-.143-.266-.032-.055-.01-.018a6 6 0 0 0-1.88-1.978l-.333-.205a6 6 0 0 0-1.664-.64z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--shopping-bag-1-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2a4 4 0 0 1 4 4h2.035a2 2 0 0 1 1.999 1.929l.428 12A2 2 0 0 1 18.464 22H5.536a2 2 0 0 1-1.998-2.071l.428-12A2 2 0 0 1 5.965 6H8a4 4 0 0 1 4-4M8 8H5.965l-.429 12h12.928l-.429-12H16v1a1 1 0 0 1-1.993.117L14 9V8h-4v1a1 1 0 0 1-1.993.117L8 9zm4-4a2 2 0 0 0-1.995 1.85L10 6h4a2 2 0 0 0-2-2'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--shopping-bag-1-line\],
.icon-\[mingcute--shopping-bag-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--shopping-bag-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M18.06 3a2 2 0 0 1 1.98 1.719l.017.156.875 14a2 2 0 0 1-1.847 2.12l-.15.005H5.066a2 2 0 0 1-2-1.976l.003-.149.875-14a2 2 0 0 1 1.84-1.869L5.94 3zm0 2H5.94l-.875 14h13.87zM15 7a1 1 0 0 1 1 1 4 4 0 0 1-8 0 1 1 0 0 1 2 0 2 2 0 0 0 3.995.15L14 8a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--square-arrow-down-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M18 3a3 3 0 0 1 2.995 2.824L21 6v12a3 3 0 0 1-2.824 2.995L18 21H6a3 3 0 0 1-2.995-2.824L3 18V6a3 3 0 0 1 2.824-2.995L6 3zm0 2H6a1 1 0 0 0-.993.883L5 6v12a1 1 0 0 0 .883.993L6 19h12a1 1 0 0 0 .993-.883L19 18V6a1 1 0 0 0-.883-.993zm-8.121 5.293L12 12.414l2.121-2.121a1 1 0 0 1 1.415 1.414l-2.829 2.829a1 1 0 0 1-1.414 0l-2.829-2.829a1 1 0 1 1 1.415-1.414'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--square-arrow-down-line\],
.icon-\[mingcute--star-2-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--star-2-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.633 2.108c.79-.06 1.45.389 1.783.99l1.22 2.21c1.742-.112 3.082.532 4.048 1.398 1.059.95 1.652 2.144 1.93 2.824.3.733.078 1.5-.39 2.002l-1.726 1.844c.646 1.622.447 3.095-.078 4.282-.576 1.3-1.529 2.233-2.09 2.708-.604.512-1.402.538-2.024.247l-2.287-1.071c-1.343 1.115-2.806 1.381-4.096 1.248-1.415-.145-2.597-.763-3.222-1.15-.674-.417-.945-1.168-.86-1.849l.312-2.506c-1.476-.933-2.181-2.242-2.454-3.51-.298-1.39-.076-2.705.099-3.42.188-.769.818-1.26 1.492-1.389l2.48-.478c.431-1.691 1.458-2.767 2.58-3.417 1.23-.714 2.55-.909 3.283-.963m.057 2.001c-.6.054-1.522.22-2.336.691-.814.473-1.543 1.258-1.743 2.682a1 1 0 0 1-.801.843l-3.09.595c-.135.587-.263 1.515-.065 2.435.197.92.72 1.856 2.012 2.486a1 1 0 0 1 .554 1.023l-.39 3.123c.517.31 1.36.717 2.296.814.937.096 1.988-.11 2.987-1.145a1 1 0 0 1 1.143-.211l2.85 1.335c.455-.396 1.103-1.071 1.484-1.932.381-.86.509-1.925-.166-3.194a1 1 0 0 1 .153-1.153l2.15-2.298c-.236-.554-.678-1.38-1.38-2.008-.7-.628-1.672-1.078-3.088-.829a1 1 0 0 1-1.05-.501z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--star-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.92 2.868a1.25 1.25 0 0 1 2.16 0l2.795 4.798 5.428 1.176a1.25 1.25 0 0 1 .667 2.054l-3.7 4.141.56 5.525a1.25 1.25 0 0 1-1.748 1.27L12 19.592l-5.082 2.24a1.25 1.25 0 0 1-1.748-1.27l.56-5.525-3.7-4.14a1.25 1.25 0 0 1 .667-2.055l5.428-1.176zM12 4.987 9.687 8.959a1.25 1.25 0 0 1-.816.592l-4.492.973 3.062 3.427c.234.262.347.61.312.959l-.463 4.573 4.206-1.854a1.25 1.25 0 0 1 1.008 0l4.206 1.854-.463-4.573a1.25 1.25 0 0 1 .311-.959l3.063-3.427-4.492-.973a1.25 1.25 0 0 1-.816-.592z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--star-line\],
.icon-\[mingcute--sun-fog-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--sun-fog-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 6a6 6 0 0 1 5.88 7.2 1 1 0 0 1-1.96-.399 4 4 0 1 0-7.84 0 1 1 0 1 1-1.96.398A6 6 0 0 1 12 6m9 5a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM4 11a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zm15.071-6.07a1 1 0 0 1 0 1.414l-.707.707a1 1 0 1 1-1.414-1.414l.707-.707a1 1 0 0 1 1.414 0m-12.728 0 .707.707A1 1 0 0 1 5.636 7.05l-.707-.707A1 1 0 1 1 6.343 4.93M12 2a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1M4 15a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2zm3 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--tag-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.537 2.164a3 3 0 0 1 2.244.727l.15.14 7.822 7.823a3 3 0 0 1 .135 4.098l-.135.144-5.657 5.657a3 3 0 0 1-4.098.135l-.144-.135L3.03 12.93a3 3 0 0 1-.878-2.188l.011-.205.472-5.185a3 3 0 0 1 2.537-2.695l.179-.021zm.308 1.989-.127.003-5.185.472a1 1 0 0 0-.888.787l-.017.118-.472 5.185a1 1 0 0 0 .206.703l.083.095 7.823 7.823a1 1 0 0 0 1.32.083l.094-.083 5.657-5.657a1 1 0 0 0 .083-1.32l-.083-.094-7.823-7.823a1 1 0 0 0-.671-.292M7.317 7.318a3 3 0 1 1 4.243 4.243 3 3 0 0 1-4.243-4.243m2.829 1.414a1 1 0 1 0-1.415 1.414 1 1 0 0 0 1.415-1.414'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--tag-line\],
.icon-\[mingcute--telegram-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--telegram-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M21.84 6.056a1.5 1.5 0 0 0-2.063-1.626l-17.1 7.2c-1.192.502-1.253 2.226 0 2.746a57 57 0 0 0 3.774 1.418c1.168.386 2.442.743 3.463.844.279.334.63.656.988.95.547.45 1.205.913 1.885 1.357 1.362.89 2.873 1.741 3.891 2.295 1.217.66 2.674-.1 2.892-1.427zM4.594 12.993l15.124-6.368-2.118 12.84c-.999-.543-2.438-1.356-3.72-2.194a20 20 0 0 1-1.709-1.229 8 8 0 0 1-.426-.374l3.961-3.96a1 1 0 0 0-1.414-1.415L9.955 14.63c-.734-.094-1.756-.366-2.878-.736a49 49 0 0 1-2.482-.902Z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--time-duration-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.975 3.002a1 1 0 0 1-.754 1.196 8 8 0 0 0-.583.156 1 1 0 0 1-.59-1.911q.36-.112.73-.195a1 1 0 0 1 1.197.754m2.05 0a1 1 0 0 1 1.196-.754c4.454 1.01 7.78 4.992 7.78 9.752 0 5.523-4.478 10-10 10-4.761 0-8.743-3.325-9.753-7.779a1 1 0 0 1 1.95-.442 8 8 0 1 0 9.58-9.58 1 1 0 0 1-.753-1.197M6.614 4.72a1 1 0 0 1-.053 1.414q-.222.205-.427.426A1 1 0 0 1 4.668 5.2q.255-.276.532-.533a1 1 0 0 1 1.414.053M12 6a1 1 0 0 1 1 1v4.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1M3.693 8.388a1 1 0 0 1 .661 1.25 8 8 0 0 0-.156.583 1 1 0 0 1-1.95-.442q.084-.37.195-.73a1 1 0 0 1 1.25-.661'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--time-duration-line\],
.icon-\[mingcute--time-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--time-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 4a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--time-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m0 2a1 1 0 0 1 .993.883L13 7v4.586l2.707 2.707a1 1 0 0 1-1.32 1.497l-.094-.083-3-3a1 1 0 0 1-.284-.576L11 12V7a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--time-line\],
.icon-\[mingcute--unarchive-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--unarchive-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M16.586 3a2 2 0 0 1 1.284.467l.13.119L20.414 6a2 2 0 0 1 .578 1.238l.008.176V19a2 2 0 0 1-1.85 1.995L19 21H5a2 2 0 0 1-1.995-1.85L3 19V7.414a2 2 0 0 1 .467-1.284L3.586 6 6 3.586a2 2 0 0 1 1.238-.578L7.414 3zM19 9H5v10h14zm-7 1.4a1 1 0 0 1 .608.206l.1.087 2.12 2.121a1 1 0 0 1-1.32 1.498l-.094-.084-.414-.414V17a1 1 0 0 1-1.993.117L11 17v-3.186l-.414.414a1 1 0 0 1-1.498-1.32l.084-.094 2.12-2.121A1 1 0 0 1 12 10.4M16.586 5H7.414l-2 2h13.172z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--unlock-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c1.091 0 2.117.292 3 .804a1 1 0 1 1-1 1.73A4 4 0 0 0 8 8l11 .001a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1a6 6 0 0 1 6-6m0 10a2 2 0 0 0-1 3.732V17a1 1 0 1 0 2 0v-1.268A2 2 0 0 0 12 12m7.918-6.979.966.26a1 1 0 0 1-.518 1.93l-.965-.258a1 1 0 0 1 .517-1.932M18.633 2.09a1 1 0 0 1 .707 1.225l-.129.482a1 1 0 1 1-1.932-.517l.13-.483a1 1 0 0 1 1.224-.707'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--unlock-fill\],
.icon-\[mingcute--unlock-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--unlock-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c1.091 0 2.117.292 3 .804a1 1 0 1 1-1 1.73A4 4 0 0 0 8 8l11 .001a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1a6 6 0 0 1 6-6m7 8H5v10h14zm-7 2a2 2 0 0 1 1.134 3.647l-.134.085V17a1 1 0 0 1-1.993.117L11 17v-1.268A2 2 0 0 1 12 12m7.918-6.979.966.26a1 1 0 0 1-.518 1.93l-.965-.258a1 1 0 0 1 .517-1.932M18.633 2.09a1 1 0 0 1 .707 1.225l-.129.482a1 1 0 1 1-1.932-.517l.13-.483a1 1 0 0 1 1.224-.707'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--user-4-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10a9.96 9.96 0 0 1-2.258 6.33l.02.022-.132.112A9.98 9.98 0 0 1 12 22c-2.95 0-5.6-1.277-7.43-3.307l-.2-.23-.132-.11.02-.024A9.96 9.96 0 0 1 2 12C2 6.477 6.477 2 12 2m0 15c-1.86 0-3.541.592-4.793 1.406A7.97 7.97 0 0 0 12 20a7.97 7.97 0 0 0 4.793-1.594A8.9 8.9 0 0 0 12 17m0-13a8 8 0 0 0-6.258 12.984C7.363 15.821 9.575 15 12 15s4.637.821 6.258 1.984A8 8 0 0 0 12 4m0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--user-4-line\],
.icon-\[mingcute--user-info-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--user-info-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M11 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10M8 7a3 3 0 1 1 6 0 3 3 0 0 1-6 0M4 18.5c0-.18.09-.489.413-.899.316-.4.804-.828 1.451-1.222C7.157 15.589 8.977 15 11 15q.563 0 1.105.059a1 1 0 1 0 .211-1.99A13 13 0 0 0 11 13c-2.395 0-4.575.694-6.178 1.672-.8.488-1.484 1.064-1.978 1.69C2.358 16.976 2 17.713 2 18.5c0 .845.411 1.511 1.003 1.986.56.45 1.299.748 2.084.956C6.665 21.859 8.771 22 11 22l.685-.005a1 1 0 1 0-.027-2L11 20c-2.19 0-4.083-.143-5.4-.492-.663-.175-1.096-.382-1.345-.582C4.037 18.751 4 18.622 4 18.5m12-.5a1 1 0 0 1 1-1h.99c.558 0 1.01.452 1.01 1.01v2.124A1 1 0 0 1 18.5 22h-.49A1.01 1.01 0 0 1 17 20.99V19a1 1 0 0 1-1-1m2-4a1 1 0 0 0-.117 1.993l.119.007a1 1 0 0 0 .117-1.993z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--wallet-4-line\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M17 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3Cpath fill='%23000' d='m4.813 5.728 11-3.143A2.5 2.5 0 0 1 19 4.989V6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.045.835-1.993 1.813-2.272m11.55-1.22a.5.5 0 0 1 .637.48V6h-5.86zM5 8h14v10H5z'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--wallet-4-line\],
.icon-\[mingcute--warning-fill\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em
}

.icon-\[mingcute--warning-fill\] {
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2m0-9a1 1 0 0 0-.993.883L11 7v6a1 1 0 0 0 1.993.117L13 13V7a1 1 0 0 0-1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.icon-\[mingcute--warning-line\] {
    background-color: currentColor;
    display: inline-block;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1em;
    --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2m0-9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E")
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em;
    vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: 17 24 39;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-neutral {
    --tw-prose-body: #404040;
    --tw-prose-headings: #171717;
    --tw-prose-lead: #525252;
    --tw-prose-links: #171717;
    --tw-prose-bold: #171717;
    --tw-prose-counters: #737373;
    --tw-prose-bullets: #d4d4d4;
    --tw-prose-hr: #e5e5e5;
    --tw-prose-quotes: #171717;
    --tw-prose-quote-borders: #e5e5e5;
    --tw-prose-captions: #737373;
    --tw-prose-kbd: #171717;
    --tw-prose-kbd-shadows: 23 23 23;
    --tw-prose-code: #171717;
    --tw-prose-pre-code: #e5e5e5;
    --tw-prose-pre-bg: #262626;
    --tw-prose-th-borders: #d4d4d4;
    --tw-prose-td-borders: #e5e5e5;
    --tw-prose-invert-body: #d4d4d4;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a3a3a3;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a3a3a3;
    --tw-prose-invert-bullets: #525252;
    --tw-prose-invert-hr: #404040;
    --tw-prose-invert-quotes: #f5f5f5;
    --tw-prose-invert-quote-borders: #404040;
    --tw-prose-invert-captions: #a3a3a3;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d4;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #525252;
    --tw-prose-invert-td-borders: #404040
}

.visible {
    visibility: visible
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-x-0 {
    left: 0;
    right: 0
}

.-left-3 {
    left: -.75rem
}

.-left-5 {
    left: -1.25rem
}

.-top-14 {
    top: -3.5rem
}

.-top-20 {
    top: -5rem
}

.-top-3 {
    top: -.75rem
}

.-top-8 {
    top: -2rem
}

.left-0 {
    left: 0
}

.left-16 {
    left: 4rem
}

.left-4 {
    left: 1rem
}

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

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

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

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

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

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

.right-10 {
    right: 2.5rem
}

.right-4 {
    right: 1rem
}

.right-\[25\%\] {
    right: 25%
}

.top-0 {
    top: 0
}

.top-12 {
    top: 3rem
}

.top-14 {
    top: 3.5rem
}

.top-20 {
    top: 5rem
}

.top-3 {
    top: .75rem
}

.top-6 {
    top: 1.5rem
}

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

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

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.z-\[10\] {
    z-index: 10
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[51\] {
    z-index: 51
}

.m-1 {
    margin: .25rem
}

.m-auto {
    margin: auto
}

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

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

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

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

.-ml-3\.5 {
    margin-left: -.875rem
}

.-mt-2\.5 {
    margin-top: -.625rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-6 {
    margin-top: 1.5rem
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.\!contents {
    display: contents !important
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.size-1 {
    height: .25rem;
    width: .25rem
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-14 {
    height: 3.5rem;
    width: 3.5rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-2 {
    height: .5rem;
    width: .5rem
}

.size-20 {
    height: 5rem;
    width: 5rem
}

.size-24 {
    height: 6rem;
    width: 6rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-48 {
    height: 12rem;
    width: 12rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-9 {
    height: 2.25rem;
    width: 2.25rem
}

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

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

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

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

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

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

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

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

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

.h-0 {
    height: 0
}

.h-12 {
    height: 3rem
}

.h-4 {
    height: 1rem
}

.h-44 {
    height: 11rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-8 {
    height: 2rem
}

.h-96 {
    height: 24rem
}

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

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

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

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

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

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

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

.h-\[56x\] {
    height: 56x
}

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

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

.h-\[64x\] {
    height: 64x
}

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

.h-\[86vh\] {
    height: 86vh
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

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

.w-0 {
    width: 0
}

.w-12 {
    width: 3rem
}

.w-24 {
    width: 6rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-9 {
    width: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[90\%\] {
    width: 90%
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

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

.max-w-lg {
    max-width: 32rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.shrink-0 {
    flex-shrink: 0
}

.origin-top-right {
    transform-origin: top right
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,
.scale-\[98\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[98\%\] {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%
}

.scale-\[99\%\] {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%
}

.scale-\[99\%\],
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.cursor-pointer {
    cursor: pointer
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-center {
    place-items: center
}

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

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

.gap-px {
    gap: 1px
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.whitespace-pre-line {
    white-space: pre-line
}

.text-pretty {
    text-wrap: pretty
}

.rounded {
    border-radius: .20rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-\[3px\] {
    border-width: 3px
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-amber-300\/20 {
    border-color: rgba(252, 211, 77, .2)
}

.border-amber-800\/10 {
    border-color: rgba(146, 64, 14, .1)
}

.border-blue-300\/20 {
    border-color: rgba(147, 197, 253, .2)
}

.border-blue-800\/10 {
    border-color: rgba(30, 64, 175, .1)
}

.border-neutral-200\/40 {
    border-color: hsla(0, 0%, 90%, .4)
}

.border-neutral-800\/40 {
    border-color: rgba(38, 38, 38, .4)
}

.border-sky-300\/20 {
    border-color: rgba(125, 211, 252, .2)
}

.border-sky-800\/10 {
    border-color: rgba(7, 89, 133, .1)
}

.border-transparent {
    border-color: transparent
}

.border-b-amber-400\/50 {
    border-bottom-color: rgba(251, 191, 36, .5)
}

.border-b-blue-400\/50 {
    border-bottom-color: rgba(96, 165, 250, .5)
}

.border-b-neutral-200 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(229 229 229/var(--tw-border-opacity, 1))
}

.border-b-sky-400\/50 {
    border-bottom-color: rgba(56, 189, 248, .5)
}

.border-t-neutral-200\/80 {
    border-top-color: hsla(0, 0%, 90%, .8)
}

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

.bg-\[\#91d1ec\] {
    --tw-bg-opacity: 1;
    background-color: rgb(145 209 236/var(--tw-bg-opacity, 1))
}

.bg-\[\#9F7AEA24\] {
    background-color: #9f7aea24
}

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

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

.bg-amber-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11/var(--tw-bg-opacity, 1))
}

.bg-amber-500\/10 {
    background-color: rgba(245, 158, 11, .1)
}

.bg-amber-500\/5 {
    background-color: rgba(245, 158, 11, .05)
}

.bg-amber-700\/5 {
    background-color: rgba(180, 83, 9, .05)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-blue-500\/5 {
    background-color: rgba(59, 130, 246, .05)
}

.bg-cyan-200\/10 {
    background-color: rgba(165, 243, 252, .1)
}

.bg-cyan-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212/var(--tw-bg-opacity, 1))
}

.bg-cyan-500\/10 {
    background-color: rgba(6, 182, 212, .1)
}

.bg-cyan-700\/5 {
    background-color: rgba(14, 116, 144, .05)
}

.bg-emerald-200\/10 {
    background-color: rgba(167, 243, 208, .1)
}

.bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity, 1))
}

.bg-emerald-500\/10 {
    background-color: rgba(16, 185, 129, .1)
}

.bg-emerald-700\/5 {
    background-color: rgba(4, 120, 87, .05)
}

.bg-green-500\/10 {
    background-color: rgba(34, 197, 94, .1)
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-neutral-100\/30 {
    background-color: hsla(0, 0%, 96%, .3)
}

.bg-neutral-100\/40 {
    background-color: hsla(0, 0%, 96%, .4)
}

.bg-neutral-100\/50 {
    background-color: hsla(0, 0%, 96%, .5)
}

.bg-neutral-100\/60 {
    background-color: hsla(0, 0%, 96%, .6)
}

.bg-neutral-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity, 1))
}

.bg-neutral-200\/10 {
    background-color: hsla(0, 0%, 90%, .1)
}

.bg-neutral-200\/40 {
    background-color: hsla(0, 0%, 90%, .4)
}

.bg-neutral-200\/60 {
    background-color: hsla(0, 0%, 90%, .6)
}

.bg-neutral-200\/90 {
    background-color: hsla(0, 0%, 90%, .9)
}

.bg-neutral-400\/5 {
    background-color: hsla(0, 0%, 64%, .05)
}

.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.bg-neutral-50\/90 {
    background-color: hsla(0, 0%, 98%, .9)
}

.bg-neutral-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(115 115 115/var(--tw-bg-opacity, 1))
}

.bg-neutral-500\/5 {
    background-color: hsla(0, 0%, 45%, .05)
}

.bg-neutral-700\/10 {
    background-color: rgba(64, 64, 64, .1)
}

.bg-neutral-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
}

.bg-neutral-950\/80 {
    background-color: hsla(0, 0%, 4%, .8)
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153/var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity, 1))
}

.bg-red-100\/60 {
    background-color: hsla(0, 93%, 94%, .6)
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-rose-200\/10 {
    background-color: rgba(254, 205, 211, .1)
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity, 1))
}

.bg-sky-500\/5 {
    background-color: rgba(14, 165, 233, .05)
}

.bg-teal-200\/10 {
    background-color: rgba(153, 246, 228, .1)
}

.bg-teal-500\/5 {
    background-color: rgba(20, 184, 166, .05)
}

.bg-transparent {
    background-color: transparent
}

.bg-violet-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246/var(--tw-bg-opacity, 1))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity, 1))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-neutral-800 {
    --tw-gradient-from: #262626 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(38, 38, 38, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

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

.from-30\% {
    --tw-gradient-from-position: 30%
}

.from-60\% {
    --tw-gradient-from-position: 60%
}

.to-amber-400\/80 {
    --tw-gradient-to: rgba(251, 191, 36, .8) var(--tw-gradient-to-position)
}

.to-neutral-800 {
    --tw-gradient-to: #262626 var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

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

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

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

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

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

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

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

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

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

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

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

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

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

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

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

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

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

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

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

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

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

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

.py-\[6px\] {
    padding-bottom: 6px;
    padding-top: 6px
}

.py-\[8px\] {
    padding-bottom: 8px;
    padding-top: 8px
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

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

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-1\.5 {
    padding-left: .375rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-14 {
    padding-left: 3.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-0 {
    padding-top: 0
}

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

.pt-10 {
    padding-top: 2.5rem
}

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

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

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

.pt-2 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

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

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

.pt-40 {
    padding-top: 10rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.font-\[Pixelated\] {
    font-family: Pixelated
}

.font-\[Raleway\] {
    font-family: Raleway, "Raleway Fallback: Arial"
}

.font-pixelated {
    font-family: Pixelated
}

.font-primary {
    font-family: Unbounded, "Unbounded Fallback: Arial"
}

.font-secondary {
    font-family: Raleway, "Raleway Fallback: Arial"
}

.font-thirty {
    font-family: Onest, "Onest Fallback: Arial"
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

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

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

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

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

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

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

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

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

.font-\[450\] {
    font-weight: 450
}

.font-\[550\] {
    font-weight: 550
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.text-\[\#00AA00\] {
    --tw-text-opacity: 1;
    color: rgb(0 170 0/var(--tw-text-opacity, 1))
}

.text-\[\#00AAAA\] {
    --tw-text-opacity: 1;
    color: rgb(0 170 170/var(--tw-text-opacity, 1))
}

.text-\[\#FFAA00\] {
    --tw-text-opacity: 1;
    color: rgb(255 170 0/var(--tw-text-opacity, 1))
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.text-amber-500\/90 {
    color: rgba(245, 158, 11, .9)
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212/var(--tw-text-opacity, 1))
}

.text-emerald-500 {
    --tw-text-opacity: 1;
    color: rgb(16 185 129/var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-neutral-100\/80 {
    color: hsla(0, 0%, 96%, .8)
}

.text-neutral-200 {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

.text-neutral-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 212/var(--tw-text-opacity, 1))
}

.text-neutral-300\/70 {
    color: hsla(0, 0%, 83%, .7)
}

.text-neutral-300\/80 {
    color: hsla(0, 0%, 83%, .8)
}

.text-neutral-400 {
    --tw-text-opacity: 1;
    color: rgb(163 163 163/var(--tw-text-opacity, 1))
}

.text-neutral-400\/70 {
    color: hsla(0, 0%, 64%, .7)
}

.text-neutral-500 {
    --tw-text-opacity: 1;
    color: rgb(115 115 115/var(--tw-text-opacity, 1))
}

.text-neutral-500\/70 {
    color: hsla(0, 0%, 45%, .7)
}

.text-neutral-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
}

.text-neutral-600\/60 {
    color: rgba(82, 82, 82, .6)
}

.text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
}

.text-neutral-700\/60 {
    color: rgba(64, 64, 64, .6)
}

.text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity, 1))
}

.text-sky-600 {
    --tw-text-opacity: 1;
    color: rgb(2 132 199/var(--tw-text-opacity, 1))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166/var(--tw-text-opacity, 1))
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.decoration-amber-500\/40 {
    text-decoration-color: rgba(245, 158, 11, .4)
}

.decoration-amber-600\/40 {
    text-decoration-color: rgba(217, 119, 6, .4)
}

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-25 {
    opacity: .25
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.outline {
    outline-style: solid
}

.outline-2 {
    outline-width: 2px
}

.outline-4 {
    outline-width: 4px
}

.outline-offset-\[-2px\] {
    outline-offset: -2px
}

.outline-offset-\[-4px\] {
    outline-offset: -4px
}

.outline-gray-200\/20 {
    outline-color: rgba(229, 231, 235, .2)
}

.outline-neutral-200\/10 {
    outline-color: hsla(0, 0%, 90%, .1)
}

.outline-neutral-200\/20 {
    outline-color: hsla(0, 0%, 90%, .2)
}

.outline-red-200\/10 {
    outline-color: hsla(0, 96%, 89%, .1)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.ring-inset {
    --tw-ring-inset: inset
}

.ring-amber-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(245 158 11/var(--tw-ring-opacity, 1))
}

.ring-amber-500\/15 {
    --tw-ring-color: rgba(245, 158, 11, .15)
}

.ring-blue-500\/15 {
    --tw-ring-color: rgba(59, 130, 246, .15)
}

.ring-cyan-400\/20 {
    --tw-ring-color: rgba(34, 211, 238, .2)
}

.ring-cyan-400\/30 {
    --tw-ring-color: rgba(34, 211, 238, .3)
}

.ring-emerald-400\/20 {
    --tw-ring-color: rgba(52, 211, 153, .2)
}

.ring-emerald-400\/30 {
    --tw-ring-color: rgba(52, 211, 153, .3)
}

.ring-neutral-100\/60 {
    --tw-ring-color: hsla(0, 0%, 96%, .6)
}

.ring-neutral-200\/20 {
    --tw-ring-color: hsla(0, 0%, 90%, .2)
}

.ring-neutral-200\/30 {
    --tw-ring-color: hsla(0, 0%, 90%, .3)
}

.ring-neutral-200\/40 {
    --tw-ring-color: hsla(0, 0%, 90%, .4)
}

.ring-neutral-200\/50 {
    --tw-ring-color: hsla(0, 0%, 90%, .5)
}

.ring-neutral-200\/60 {
    --tw-ring-color: hsla(0, 0%, 90%, .6)
}

.ring-neutral-200\/90 {
    --tw-ring-color: hsla(0, 0%, 90%, .9)
}

.ring-neutral-400\/15 {
    --tw-ring-color: hsla(0, 0%, 64%, .15)
}

.ring-neutral-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 23 23/var(--tw-ring-opacity, 1))
}

.ring-red-200\/60 {
    --tw-ring-color: hsla(0, 96%, 89%, .6)
}

.ring-rose-400\/20 {
    --tw-ring-color: rgba(251, 113, 133, .2)
}

.ring-rose-400\/25 {
    --tw-ring-color: rgba(251, 113, 133, .25)
}

.ring-sky-500\/15 {
    --tw-ring-color: rgba(14, 165, 233, .15)
}

.ring-teal-400\/20 {
    --tw-ring-color: rgba(45, 212, 191, .2)
}

.ring-teal-400\/30 {
    --tw-ring-color: rgba(45, 212, 191, .3)
}

.ring-teal-500\/15 {
    --tw-ring-color: rgba(20, 184, 166, .15)
}

.blur-2xl {
    --tw-blur: blur(40px)
}

.blur-2xl,
.blur-\[200px\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[200px\] {
    --tw-blur: blur(200px)
}

.blur-\[30px\] {
    --tw-blur: blur(30px)
}

.blur-\[30px\],
.blur-\[50px\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[50px\] {
    --tw-blur: blur(50px)
}

.blur-\[70px\] {
    --tw-blur: blur(70px)
}

.blur-\[70px\],
.blur-\[72px\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-\[72px\] {
    --tw-blur: blur(72px)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -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 {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@layer smooth-a {
    a {
        transition: all .8s cubic-bezier(.215, .61, .355, 1)
    }
}

::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body {
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.dark body,
body {
    --tw-bg-opacity: 1
}

.dark body {
    background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
}

* {
    --zoom-bg: hsla(0, 0%, 100%, .9);
    font-synthesis: none;
    scroll-behavior: smooth;
    scroll-padding-top: 100px
}

.dark * {
    --zoom-bg: hsla(0, 0%, 4%, .9)
}

.medium-zoom-image--opened,
.medium-zoom-overlay {
    z-index: 999
}

input,
textarea {
    outline: none
}

.smooth {
    transition: all .8s cubic-bezier(.215, .61, .355, 1)
}

@keyframes appear {
    0% {
        opacity: 0;
        transform: scale(80%)
    }

    to {
        opacity: 1;
        transform: scale(100%)
    }
}

.appear {
    animation: appear 1s cubic-bezier(.215, .61, .355, 1)
}

.pulse {
    animation: pulse 1.2s ease-in-out infinite
}

.pulse,
.pulse-fast {
    background: linear-gradient(-90deg, #efefef, #fcfcfc 50%, #efefef);
    background-size: 400% 400%
}

.pulse-fast {
    animation: pulse .5s ease-in-out infinite
}

.dark .pulse {
    animation: pulse 1.2s ease-in-out infinite
}

.dark .pulse,
.dark .pulse-fast {
    background: linear-gradient(-90deg, #202020, #171717 50%, #202020);
    background-size: 400% 400%
}

.dark .pulse-fast {
    animation: pulse .5s ease-in-out infinite
}

@keyframes pulse {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -135% 0
    }
}

@keyframes background {
    0% {
        opacity: 0;
        transform: scale(98%)
    }

    to {
        opacity: 1;
        transform: scale(100%)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes small-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: .6
    }
}

.fade {
    animation: fade .8s cubic-bezier(.215, .61, .355, 1)
}

.small-fade {
    animation: small-fade .8s cubic-bezier(.215, .61, .355, 1)
}

.background-animation {
    animation: background .8s cubic-bezier(.215, .61, .355, 1)
}

.page-enter-active,
.page-leave-active {
    transition: all .4s cubic-bezier(.215, .61, .355, 1)
}

.page-enter-from,
.page-leave-to {
    opacity: 0;
    transform: scale(98%) translateY(10px)
}

@font-face {
    font-family: Pixelated;
    src: url(_nuxt/Pixelated.D6Bitiws.ttf) format("truetype"),
}

@keyframes down {
    0% {
        opacity: 0;
        transform: translateY(-10px) scale(97%)
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(100%)
    }
}

@keyframes up {
    0% {
        opacity: 1;
        transform: translateY(0) scale(100%)
    }

    to {
        opacity: 0;
        transform: translateY(-10px) scale(97%)
    }
}

.dropdown-enter-active {
    animation: down .5s cubic-bezier(.19, 1, .22, 1)
}

.dropdown-leave-active {
    animation: up .5s cubic-bezier(.19, 1, .22, 1)
}

.dropdown-enter-from {
    opacity: 0
}

.dropdown-enter-to,
.dropdown-leave-from {
    opacity: 1
}

.dropdown-leave-to {
    opacity: 0
}

.green-circle {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129/var(--tw-bg-opacity, 1));
    opacity: .7;
    --tw-blur: blur(50px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.green-circle:is(.dark *) {
    opacity: .3
}

.yellow-circle {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8/var(--tw-bg-opacity, 1));
    opacity: .7;
    --tw-blur: blur(50px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.yellow-circle:is(.dark *) {
    opacity: .3
}

.red-circle {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1));
    opacity: .7;
    --tw-blur: blur(50px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.red-circle:is(.dark *) {
    opacity: .3
}

.purple-circle {
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/var(--tw-bg-opacity, 1));
    opacity: .7;
    --tw-blur: blur(50px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.purple-circle:is(.dark *) {
    opacity: .3
}

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

input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield
}

@keyframes w-1 {
    0% {
        opacity: 0;
        transform: translateX(-30px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes w-2 {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(30px)
    }
}

.words-enter-active {
    animation: w-1 .8s cubic-bezier(.19, 1, .22, 1)
}

.words-leave-active {
    animation: w-2 .8s cubic-bezier(.19, 1, .22, 1)
}

.words-enter-from {
    opacity: 0
}

.words-enter-to,
.words-leave-from {
    opacity: 1
}

.words-leave-to {
    opacity: 0
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

.hover\:translate-y-1:hover {
    --tw-translate-y: 0.25rem
}

.hover\:scale-\[102\%\]:hover,
.hover\:translate-y-1:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[102\%\]:hover {
    --tw-scale-x: 102%;
    --tw-scale-y: 102%
}

.hover\:scale-\[96\%\]:hover {
    --tw-scale-x: 96%;
    --tw-scale-y: 96%
}

.hover\:scale-\[96\%\]:hover,
.hover\:scale-\[98\%\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[98\%\]:hover {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%
}

.hover\:scale-\[99\%\]:hover {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%
}

.hover\:scale-\[99\%\]:hover,
.hover\:scale-\[99\.5\%\]:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[99\.5\%\]:hover {
    --tw-scale-x: 99.5%;
    --tw-scale-y: 99.5%
}

.hover\:bg-amber-500\/10:hover {
    background-color: rgba(245, 158, 11, .1)
}

.hover\:bg-blue-500\/10:hover {
    background-color: rgba(59, 130, 246, .1)
}

.hover\:bg-neutral-100\/30:hover {
    background-color: hsla(0, 0%, 96%, .3)
}

.hover\:bg-neutral-400\/10:hover {
    background-color: hsla(0, 0%, 64%, .1)
}

.hover\:bg-neutral-600\/5:hover {
    background-color: rgba(82, 82, 82, .05)
}

.hover\:bg-sky-500\/10:hover {
    background-color: rgba(14, 165, 233, .1)
}

.hover\:bg-teal-500\/10:hover {
    background-color: rgba(20, 184, 166, .1)
}

.hover\:pb-2:hover {
    padding-bottom: .5rem
}

.hover\:text-amber-400:hover {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity, 1))
}

.hover\:text-amber-500:hover {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.hover\:text-amber-600:hover {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity, 1))
}

.hover\:decoration-amber-600\/40:hover {
    text-decoration-color: rgba(217, 119, 6, .4)
}

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

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

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-95:hover {
    opacity: .95
}

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

.hover\:ring-amber-500\/35:hover {
    --tw-ring-color: rgba(245, 158, 11, .35)
}

.hover\:ring-amber-500\/40:hover {
    --tw-ring-color: rgba(245, 158, 11, .4)
}

.hover\:ring-blue-500\/35:hover {
    --tw-ring-color: rgba(59, 130, 246, .35)
}

.hover\:ring-blue-500\/40:hover {
    --tw-ring-color: rgba(59, 130, 246, .4)
}

.hover\:ring-neutral-200:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 229 229/var(--tw-ring-opacity, 1))
}

.hover\:ring-neutral-400\/20:hover {
    --tw-ring-color: hsla(0, 0%, 64%, .2)
}

.hover\:ring-neutral-400\/30:hover {
    --tw-ring-color: hsla(0, 0%, 64%, .3)
}

.hover\:ring-neutral-400\/40:hover {
    --tw-ring-color: hsla(0, 0%, 64%, .4)
}

.hover\:ring-sky-500\/35:hover {
    --tw-ring-color: rgba(14, 165, 233, .35)
}

.hover\:ring-sky-500\/40:hover {
    --tw-ring-color: rgba(14, 165, 233, .4)
}

.hover\:ring-teal-500\/35:hover {
    --tw-ring-color: rgba(20, 184, 166, .35)
}

.hover\:ring-teal-500\/40:hover {
    --tw-ring-color: rgba(20, 184, 166, .4)
}

.hover\:brightness-\[115\%\]:hover {
    --tw-brightness: brightness(115%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.focus\:bg-white:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

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

.focus\:ring-amber-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(245 158 11/var(--tw-ring-opacity, 1))
}

.active\:scale-\[103\%\]:active {
    --tw-scale-x: 103%;
    --tw-scale-y: 103%
}

.active\:scale-\[103\%\]:active,
.active\:scale-\[96\%\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[96\%\]:active {
    --tw-scale-x: 96%;
    --tw-scale-y: 96%
}

.active\:scale-\[97\%\]:active {
    --tw-scale-x: 97%;
    --tw-scale-y: 97%
}

.active\:scale-\[97\%\]:active,
.active\:scale-\[98\%\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[98\%\]:active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%
}

.active\:scale-\[99\%\]:active {
    --tw-scale-x: 99%;
    --tw-scale-y: 99%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.active\:opacity-60:active {
    opacity: .6
}

.active\:opacity-70:active {
    opacity: .7
}

.active\:opacity-80:active {
    opacity: .8
}

.prose-headings\:font-primary :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-family: Unbounded, "Unbounded Fallback: Arial"
}

.prose-h1\:text-xl :is(:where(h1):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.prose-h1\:text-neutral-800 :is(:where(h1):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
}

.prose-h2\:text-xl :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.prose-h2\:text-neutral-800 :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(38 38 38/var(--tw-text-opacity, 1))
}

.prose-h3\:text-neutral-700 :is(:where(h3):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
}

.prose-h4\:text-neutral-700 :is(:where(h4):not(:where([class~=not-prose], [class~=not-prose] *))) {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
}

.prose-p\:font-secondary :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-family: Raleway, "Raleway Fallback: Arial"
}

.prose-p\:font-medium :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
    font-weight: 500
}

.prose-img\:rounded-lg :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-radius: .5rem
}

.prose-img\:rounded-xl :is(:where(img):not(:where([class~=not-prose], [class~=not-prose] *))) {
    border-radius: .75rem
}

.dark\:border-amber-800\/10:is(.dark *) {
    border-color: rgba(146, 64, 14, .1)
}

.dark\:border-blue-800\/10:is(.dark *) {
    border-color: rgba(30, 64, 175, .1)
}

.dark\:border-sky-800\/10:is(.dark *) {
    border-color: rgba(7, 89, 133, .1)
}

.dark\:border-b-amber-800\/30:is(.dark *) {
    border-bottom-color: rgba(146, 64, 14, .3)
}

.dark\:border-b-blue-800\/30:is(.dark *) {
    border-bottom-color: rgba(30, 64, 175, .3)
}

.dark\:border-b-sky-800\/30:is(.dark *) {
    border-bottom-color: rgba(7, 89, 133, .3)
}

.dark\:border-t-neutral-900\/60:is(.dark *) {
    border-top-color: hsla(0, 0%, 9%, .6)
}

.dark\:bg-\[\#646cff29\]:is(.dark *) {
    background-color: #646cff29
}

.dark\:bg-\[\#9F7AEA29\]:is(.dark *) {
    background-color: #9f7aea29
}

.dark\:bg-\[\#EAB30829\]:is(.dark *) {
    background-color: #eab30829
}

.dark\:bg-\[\#F43F5E29\]:is(.dark *) {
    background-color: #f43f5e29
}

.dark\:bg-amber-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6/var(--tw-bg-opacity, 1))
}

.dark\:bg-amber-700\/5:is(.dark *) {
    background-color: rgba(180, 83, 9, .05)
}

.dark\:bg-amber-800\/10:is(.dark *) {
    background-color: rgba(146, 64, 14, .1)
}

.dark\:bg-black\/40:is(.dark *) {
    background-color: rgba(0, 0, 0, .4)
}

.dark\:bg-black\/50:is(.dark *) {
    background-color: rgba(0, 0, 0, .5)
}

.dark\:bg-blue-800\/10:is(.dark *) {
    background-color: rgba(30, 64, 175, .1)
}

.dark\:bg-cyan-700\/5:is(.dark *) {
    background-color: rgba(14, 116, 144, .05)
}

.dark\:bg-cyan-800\/10:is(.dark *) {
    background-color: rgba(21, 94, 117, .1)
}

.dark\:bg-emerald-700\/5:is(.dark *) {
    background-color: rgba(4, 120, 87, .05)
}

.dark\:bg-emerald-800\/10:is(.dark *) {
    background-color: rgba(6, 95, 70, .1)
}

.dark\:bg-green-700\/5:is(.dark *) {
    background-color: rgba(21, 128, 61, .05)
}

.dark\:bg-neutral-700\/10:is(.dark *) {
    background-color: rgba(64, 64, 64, .1)
}

.dark\:bg-neutral-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral-800\/10:is(.dark *) {
    background-color: rgba(38, 38, 38, .1)
}

.dark\:bg-neutral-800\/60:is(.dark *) {
    background-color: rgba(38, 38, 38, .6)
}

.dark\:bg-neutral-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
}

.dark\:bg-neutral-900\/20:is(.dark *) {
    background-color: hsla(0, 0%, 9%, .2)
}

.dark\:bg-neutral-900\/40:is(.dark *) {
    background-color: hsla(0, 0%, 9%, .4)
}

.dark\:bg-neutral-900\/50:is(.dark *) {
    background-color: hsla(0, 0%, 9%, .5)
}

.dark\:bg-neutral-950:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11/var(--tw-bg-opacity, 1))
}

.dark\:bg-red-900\/10:is(.dark *) {
    background-color: rgba(127, 29, 29, .1)
}

.dark\:bg-rose-800\/10:is(.dark *) {
    background-color: rgba(159, 18, 57, .1)
}

.dark\:bg-sky-800\/10:is(.dark *) {
    background-color: rgba(7, 89, 133, .1)
}

.dark\:bg-teal-800\/10:is(.dark *) {
    background-color: rgba(17, 94, 89, .1)
}

.dark\:bg-transparent:is(.dark *) {
    background-color: transparent
}

.dark\:from-neutral-100:is(.dark *) {
    --tw-gradient-from: #f5f5f5 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 96%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.dark\:to-neutral-100:is(.dark *) {
    --tw-gradient-to: #f5f5f5 var(--tw-gradient-to-position)
}

.dark\:text-amber-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.dark\:text-amber-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity, 1))
}

.dark\:text-amber-600\/80:is(.dark *) {
    color: rgba(217, 119, 6, .8)
}

.dark\:text-amber-600\/90:is(.dark *) {
    color: rgba(217, 119, 6, .9)
}

.dark\:text-cyan-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(8 145 178/var(--tw-text-opacity, 1))
}

.dark\:text-emerald-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(5 150 105/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(212 212 212/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(163 163 163/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-400\/80:is(.dark *) {
    color: hsla(0, 0%, 64%, .8)
}

.dark\:text-neutral-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-50\/80:is(.dark *) {
    color: hsla(0, 0%, 98%, .8)
}

.dark\:text-neutral-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(115 115 115/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-600\/80:is(.dark *) {
    color: rgba(82, 82, 82, .8)
}

.dark\:text-neutral-700:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(64 64 64/var(--tw-text-opacity, 1))
}

.dark\:text-neutral-700\/80:is(.dark *) {
    color: rgba(64, 64, 64, .8)
}

.dark\:text-red-400\/90:is(.dark *) {
    color: hsla(0, 91%, 71%, .9)
}

.dark\:text-rose-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(225 29 72/var(--tw-text-opacity, 1))
}

.dark\:text-teal-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(13 148 136/var(--tw-text-opacity, 1))
}

.dark\:decoration-amber-500\/40:is(.dark *) {
    text-decoration-color: rgba(245, 158, 11, .4)
}

.dark\:decoration-amber-600\/40:is(.dark *) {
    text-decoration-color: rgba(217, 119, 6, .4)
}

.dark\:opacity-25:is(.dark *) {
    opacity: .25
}

.dark\:opacity-30:is(.dark *) {
    opacity: .3
}

.dark\:opacity-40:is(.dark *) {
    opacity: .4
}

.dark\:opacity-60:is(.dark *) {
    opacity: .6
}

.dark\:shadow-xl:is(.dark *) {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:outline-gray-800\/30:is(.dark *) {
    outline-color: rgba(31, 41, 55, .3)
}

.dark\:outline-neutral-800\/20:is(.dark *) {
    outline-color: rgba(38, 38, 38, .2)
}

.dark\:outline-red-800\/10:is(.dark *) {
    outline-color: rgba(153, 27, 27, .1)
}

.dark\:ring-amber-800\/30:is(.dark *) {
    --tw-ring-color: rgba(146, 64, 14, .3)
}

.dark\:ring-blue-800\/30:is(.dark *) {
    --tw-ring-color: rgba(30, 64, 175, .3)
}

.dark\:ring-cyan-600\/10:is(.dark *) {
    --tw-ring-color: rgba(8, 145, 178, .1)
}

.dark\:ring-cyan-600\/20:is(.dark *) {
    --tw-ring-color: rgba(8, 145, 178, .2)
}

.dark\:ring-emerald-600\/10:is(.dark *) {
    --tw-ring-color: rgba(5, 150, 105, .1)
}

.dark\:ring-emerald-600\/20:is(.dark *) {
    --tw-ring-color: rgba(5, 150, 105, .2)
}

.dark\:ring-neutral-800\/30:is(.dark *) {
    --tw-ring-color: rgba(38, 38, 38, .3)
}

.dark\:ring-neutral-800\/40:is(.dark *) {
    --tw-ring-color: rgba(38, 38, 38, .4)
}

.dark\:ring-neutral-800\/70:is(.dark *) {
    --tw-ring-color: rgba(38, 38, 38, .7)
}

.dark\:ring-neutral-900:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 23 23/var(--tw-ring-opacity, 1))
}

.dark\:ring-neutral-900\/40:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 9%, .4)
}

.dark\:ring-neutral-900\/50:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 9%, .5)
}

.dark\:ring-neutral-900\/60:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 9%, .6)
}

.dark\:ring-neutral-900\/70:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 9%, .7)
}

.dark\:ring-neutral-900\/80:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 9%, .8)
}

.dark\:ring-red-800\/20:is(.dark *) {
    --tw-ring-color: rgba(153, 27, 27, .2)
}

.dark\:ring-rose-600\/10:is(.dark *) {
    --tw-ring-color: rgba(225, 29, 72, .1)
}

.dark\:ring-rose-600\/15:is(.dark *) {
    --tw-ring-color: rgba(225, 29, 72, .15)
}

.dark\:ring-sky-800\/30:is(.dark *) {
    --tw-ring-color: rgba(7, 89, 133, .3)
}

.dark\:ring-teal-600\/10:is(.dark *) {
    --tw-ring-color: rgba(13, 148, 136, .1)
}

.dark\:ring-teal-600\/20:is(.dark *) {
    --tw-ring-color: rgba(13, 148, 136, .2)
}

.dark\:ring-teal-800\/30:is(.dark *) {
    --tw-ring-color: rgba(17, 94, 89, .3)
}

.dark\:blur-\[42px\]:is(.dark *) {
    --tw-blur: blur(42px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.dark\:blur-\[50px\]:is(.dark *) {
    --tw-blur: blur(50px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.dark\:placeholder\:text-neutral-600:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
}

.dark\:placeholder\:text-neutral-600:is(.dark *)::placeholder {
    --tw-text-opacity: 1;
    color: rgb(82 82 82/var(--tw-text-opacity, 1))
}

.dark\:hover\:bg-amber-800\/20:hover:is(.dark *) {
    background-color: rgba(146, 64, 14, .2)
}

.dark\:hover\:bg-blue-800\/20:hover:is(.dark *) {
    background-color: rgba(30, 64, 175, .2)
}

.dark\:hover\:bg-sky-800\/20:hover:is(.dark *) {
    background-color: rgba(7, 89, 133, .2)
}

.dark\:hover\:bg-teal-800\/20:hover:is(.dark *) {
    background-color: rgba(17, 94, 89, .2)
}

.dark\:hover\:bg-white\/5:hover:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark\:hover\:text-amber-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(252 211 77/var(--tw-text-opacity, 1))
}

.dark\:hover\:text-amber-500:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity, 1))
}

.dark\:hover\:decoration-amber-500\/40:hover:is(.dark *) {
    text-decoration-color: rgba(245, 158, 11, .4)
}

.dark\:hover\:opacity-100:hover:is(.dark *) {
    opacity: 1
}

.dark\:hover\:ring-amber-800\/35:hover:is(.dark *) {
    --tw-ring-color: rgba(146, 64, 14, .35)
}

.dark\:hover\:ring-amber-800\/70:hover:is(.dark *) {
    --tw-ring-color: rgba(146, 64, 14, .7)
}

.dark\:hover\:ring-blue-800\/35:hover:is(.dark *) {
    --tw-ring-color: rgba(30, 64, 175, .35)
}

.dark\:hover\:ring-blue-800\/70:hover:is(.dark *) {
    --tw-ring-color: rgba(30, 64, 175, .7)
}

.dark\:hover\:ring-neutral-700\/60:hover:is(.dark *) {
    --tw-ring-color: rgba(64, 64, 64, .6)
}

.dark\:hover\:ring-neutral-800\/70:hover:is(.dark *) {
    --tw-ring-color: rgba(38, 38, 38, .7)
}

.dark\:hover\:ring-sky-800\/35:hover:is(.dark *) {
    --tw-ring-color: rgba(7, 89, 133, .35)
}

.dark\:hover\:ring-sky-800\/70:hover:is(.dark *) {
    --tw-ring-color: rgba(7, 89, 133, .7)
}

.dark\:hover\:ring-teal-800\/35:hover:is(.dark *) {
    --tw-ring-color: rgba(17, 94, 89, .35)
}

.dark\:hover\:ring-teal-800\/70:hover:is(.dark *) {
    --tw-ring-color: rgba(17, 94, 89, .7)
}

.dark\:focus\:bg-neutral-900\/30:focus:is(.dark *) {
    background-color: hsla(0, 0%, 9%, .3)
}

.dark\:focus\:ring-amber-600\/70:focus:is(.dark *) {
    --tw-ring-color: rgba(217, 119, 6, .7)
}

.dark\:prose-h1\:text-neutral-50 :is(:where(h1):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity, 1))
}

.dark\:prose-h2\:text-neutral-100 :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(245 245 245/var(--tw-text-opacity, 1))
}

.dark\:prose-h3\:text-neutral-200 :is(:where(h3):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

.dark\:prose-h4\:text-neutral-200 :is(:where(h4):not(:where([class~=not-prose], [class~=not-prose] *))):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 229 229/var(--tw-text-opacity, 1))
}

@media (min-width:640px) {
    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-56 {
        height: 14rem
    }

    .sm\:h-\[300px\] {
        height: 300px
    }

    .sm\:h-\[308px\] {
        height: 308px
    }

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

    .sm\:w-auto {
        width: auto
    }

    .sm\:gap-12 {
        gap: 3rem
    }

    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

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

@media (min-width:768px) {
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:w-10 {
        width: 2.5rem
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:w-auto {
        width: auto
    }

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

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

    .md\:items-center {
        align-items: center
    }

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

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

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

@media (min-width:1024px) {
    .lg\:relative {
        position: relative
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:left-2 {
        left: .5rem
    }

    .lg\:right-4 {
        right: 1rem
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:top-4 {
        top: 1rem
    }

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:size-7 {
        height: 1.75rem;
        width: 1.75rem
    }

    .lg\:h-0 {
        height: 0
    }

    .lg\:h-16 {
        height: 4rem
    }

    .lg\:w-\[600px\] {
        width: 600px
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:max-w-2xl {
        max-width: 42rem
    }

    .lg\:max-w-6xl {
        max-width: 72rem
    }

    .lg\:max-w-sm {
        max-width: 24rem
    }

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

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

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

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

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

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

    .lg\:items-center {
        align-items: center
    }

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

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

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-32 {
        gap: 8rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

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

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

    .lg\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .lg\:pb-20 {
        padding-bottom: 5rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

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

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:prose-h1\:text-4xl :is(:where(h1):not(:where([class~=not-prose], [class~=not-prose] *))) {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:prose-h2\:text-2xl :is(:where(h2):not(:where([class~=not-prose], [class~=not-prose] *))) {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (min-width:1280px) {
    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:grid {
        display: grid
    }

    .xl\:w-\[30\%\] {
        width: 30%
    }

    .xl\:max-w-\[85rem\] {
        max-width: 85rem
    }

    .xl\:max-w-\[90rem\] {
        max-width: 90rem
    }

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

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

    .xl\:pt-24 {
        padding-top: 6rem
    }

    .xl\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}

@media (min-width:1536px) {
    .\32xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
}

.outline-bottom[data-v-0a662c7d] {
    box-shadow: 0 1px 0
}

.bg-fade-top {
    mask-image: linear-gradient(transparent, #000 5%, #000 60%, transparent);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 5%, #000 60%, transparent)
}

.bg-fade-bottom {
    mask-image: linear-gradient(transparent, #000, #000 10%, transparent 90%);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 0, #000 10%, transparent 90%)
}

.bg-fade-bottom-ext {
    mask-image: linear-gradient(transparent, #000, #000 50%, transparent 90%);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 0, #000 50%, transparent 90%)
}

.bg-fade-y {
    mask-image: linear-gradient(transparent, #000 10%, #000 0, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 0, transparent)
}

.bg-fade-left {
    mask-image: linear-gradient(transparent, #000 10%, #000 0, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 50%, #000 0, transparent)
}

.hideable-marquee-container {
    flex-direction: row;
    overflow-x: hidden;
    position: relative;
    transform: var(--transform);
    width: var(--width)
}

@keyframes a {
    0% {
        opacity: 0;
        transform: scale(20%)
    }

    to {
        opacity: 1;
        transform: scale(100%)
    }
}

.a-animation {
    animation: a .7s cubic-bezier(.19, 1, .22, 1)
}

.prose p[data-v-04ebd5b3] {
    margin-bottom: 0;
    margin-top: 0
}

.vfm-marquee-container {
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    position: relative;
    transform: var(--transform);
    width: var(--width)
}

.vfm-marquee-container:hover div {
    animation-play-state: var(--pause-on-hover)
}

.vfm-marquee-container:active div {
    animation-play-state: var(--pause-on-click)
}

.vfm-overlay {
    height: 100%;
    position: absolute;
    width: 100%
}

.vfm-overlay:after,
.vfm-overlay:before {
    background: linear-gradient(to right, var(--gradient-color), hsla(0, 0%, 100%, 0));
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    width: var(--gradient-width);
    z-index: 2
}

.vfm-overlay:after {
    right: 0;
    top: 0;
    transform: rotate(180deg)
}

.vfm-overlay:before {
    left: 0;
    top: 0
}

.vfm-marquee {
    align-items: center;
    animation: scroll var(--duration) linear var(--delay) var(--iteration-count);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
    animation-play-state: var(--play);
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    min-width: var(--min-width);
    z-index: 1
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.vfm-parent {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    min-width: auto
}

.vfm-parent>* {
    transform: var(--transform)
}

.dark\:bg-zinc-900 {
    background-color: #09090b !important;
}

body {
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    /* при желании можно прописать ещё базовые стили */
}

@font-face {
    font-family: Onest;
    src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmS-HYoEoeyxMI-TAAQ4VVXZo.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: "Onest Fallback: Arial";
    src: local("Arial");
    size-adjust: 105.2039%;
    ascent-override: 92.2019%;
    descent-override: 28.9913%;
    line-gap-override: 0%
}

@font-face {
    font-family: Onest;
    src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmb-HYoEoeyxMI-n5rFLwVhl9.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmR-HYoEoeyxMI-UcKTjJ1uaE.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Variable"), url(_fonts/gNMKW3F-SZuj7xmf-HYoEoey-6gNTsCX41t.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Thin"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R6ZsQ-cQ7iP3vGp3.woff) format(woff);
    font-display: swap;
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest ExtraLight"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhdR-ZsQ-V4K4IUAv4d.woff) format(woff);
    font-display: swap;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Light"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhqx-ZsQ-euF4dKZIOG.woff) format(woff);
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Regular"), local("Onest"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R-ZsQ-7Dn2sKrXU0.woff) format(woff);
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Medium"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhxx-ZsQ-gktJhbPl6t.woff) format(woff);
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest SemiBold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhKxiZsQ-B744jdEnxY.woff) format(woff);
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Bold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhEhiZsQ-gGzEESUj8A.woff) format(woff);
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest ExtraBold"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhdRiZsQ-mDzXuEIYRa.woff) format(woff);
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Onest;
    src: local("Onest Black"), url(_fonts/gNMZW3F-SZuj7zOT0IfSjTS16cPhXBiZsQ-bzj9ZAa93H.woff) format(woff);
    font-display: swap;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable Italic"), url(_fonts/1Ptsg8zYS_SKggPNyCg4SYFqL_KWxWMT-IyFF5Sbp7l.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-weight: 100 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable Italic"), url(_fonts/1Ptsg8zYS_SKggPNyCg4QoFqL_KWxWMT-NjC8MJPSxB.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-weight: 100 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable"), url(_fonts/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA-gkuM0dgcWC.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable"), url(_fonts/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA-TUKYOEV2xC.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Regular Italic"), local("Raleway Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMPrc-jaUd8AqVK8.woff) format(woff);
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Medium Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMPrc-WkQptSbJEi.woff) format(woff);
    font-display: swap;
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Thin"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao4CM-ZwmHbS6smr.woff) format(woff);
    font-display: swap;
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtaooCM-SZVz8CWym4.woff) format(woff);
    font-display: swap;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Bold"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCM-TjT1JHECIt.woff) format(woff);
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapYCM-VqueMGRQ5c.woff) format(woff);
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable Italic"), url(_fonts/1Ptsg8zYS_SKggPNyCg4QIFqL_KWxWMT-wCtABt30QX.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-weight: 100 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable Italic"), url(_fonts/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT-5KqIOENWGg.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-weight: 100 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable"), url(_fonts/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA-qKPewsT8Z5.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable"), url(_fonts/1Ptug8zYS_SKggPNyC0IT4ttDfA-dO2w7YYPtZ.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Light Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4TbMPrc-50a570VARC.woff) format(woff);
    font-display: swap;
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4bbLPrc-BI3PT4Xolt.woff) format(woff);
    font-display: swap;
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Black Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4cHLPrc-NMpczdO86B.woff) format(woff);
    font-display: swap;
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Light"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCM-EHCroEnTpy.woff) format(woff);
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway SemiBold"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpYCM-fX5CAfXxcF.woff) format(woff);
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Black"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpYCM-vMJmbuo1Ei.woff) format(woff);
    font-display: swap;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Raleway Fallback: Arial";
    src: local("Arial");
    size-adjust: 103.8581%;
    ascent-override: 90.5081%;
    descent-override: 22.5308%;
    line-gap-override: 0%
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable Italic"), url(_fonts/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ-sBINdk55Ng.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-weight: 100 900;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Variable"), url(_fonts/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA-46FJgHMyTV.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Thin Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjNPrc-JkFc5A0CVM.woff) format(woff);
    font-display: swap;
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraLight Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4ejMPrc-0DE5AuD8Xp.woff) format(woff);
    font-display: swap;
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Bold Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4Y_LPrc-tAfJEBCgKI.woff) format(woff);
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway ExtraBold Italic"), url(_fonts/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4ejLPrc-iz3xsthTqm.woff) format(woff);
    font-display: swap;
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Regular"), local("Raleway"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCM-6AyMZRLjqB.woff) format(woff);
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway;
    src: local("Raleway Medium"), url(_fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoooCM-EwTGskWS2s.woff) format(woff);
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Unbounded Fallback: Arial";
    src: local("Arial");
    size-adjust: 134.5893%;
    ascent-override: 73.9286%;
    descent-override: 18.2035%;
    line-gap-override: 0%
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Variable"), url(_fonts/Yq6W-LOTXCb04q32xlpwtMZfvRIkSYZH-qPQCf2Wi3h.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    font-weight: 200 900;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Variable"), url(_fonts/Yq6W-LOTXCb04q32xlpwtcZfvRIkSYZH-07dGjLJOPv.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-weight: 200 900;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Light"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG60bx044-0Darlwpw4p.woff) format(woff);
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Regular"), local("Unbounded"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6xjx044-DcDTGeuuqT.woff) format(woff);
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Bold"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__2044-uazXOKQgnd.woff) format(woff);
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded ExtraBold"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG65j2044-MLAVePOwb3.woff) format(woff);
    font-display: swap;
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Variable"), url(_fonts/Yq6W-LOTXCb04q32xlpwtsZfvRIkSYZH-NtgUfOJbIu.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-weight: 200 900;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Variable"), url(_fonts/Yq6W-LOTXCb04q32xlpwv8ZfvRIkSYZH-Z9TQaBREar.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-weight: 200 900;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Variable"), url(_fonts/Yq6W-LOTXCb04q32xlpwu8ZfvRIkSQ-SaFfQoYeAK.woff2) format(woff2);
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-weight: 200 900;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded ExtraLight"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG65jx044-HLy4eidlRp.woff) format(woff);
    font-display: swap;
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Medium"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6yrx044-vpcQ07F1Rn.woff) format(woff);
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded SemiBold"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG68b2044-sBp4AjzDf9.woff) format(woff);
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: local("Unbounded Black"), url(_fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG67H2044-xK0c79rm9z.woff) format(woff);
    font-display: swap;
    font-weight: 900;
    font-style: normal
}

.main_hidden_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 30%;
    height: 100vh;
    background-color: #ffffff;
    border-right: 1px solid #ccc;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
    z-index: 99999;
    transition: transform 0.5s ease;
    transform: translateX(-100%);
}

.main_hidden_panel p {
    margin: 0;
}

.main_hidden_panel.show_main_panel {
    transform: translateX(0);
}

.main_hidden_panel nav ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.main_hidden_panel nav ul li {
    margin: 10px 0;
}

.main_hidden_panel nav ul li a {
    text-decoration: none;
    color: #007BFF;
}

.main_hidden_panel nav ul li a:hover {
    text-decoration: underline;
}

:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

.\!container {
    width: 100% !important
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .\!container {
        max-width: 640px !important
    }

    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .\!container {
        max-width: 768px !important
    }

    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .\!container {
        max-width: 1024px !important
    }

    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .\!container {
        max-width: 1280px !important
    }

    .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

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

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

.pointer-events-auto {
    pointer-events: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative !important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-\[calc\(-1rem-2px\)_-2rem\] {
    inset: calc(-1rem - 2px) -2rem
}

.\!right-4 {
    right: 1rem !important
}

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

.-bottom-2 {
    bottom: -.5rem
}

.-bottom-6 {
    bottom: -1.5rem
}

.-left-2 {
    left: -.5rem
}

.-left-4 {
    left: -1rem
}

.-left-8 {
    left: -2rem
}

.-right-1 {
    right: -.25rem
}

.-right-12 {
    right: -3rem
}

.-right-2 {
    right: -.5rem
}

.-right-\[15\%\] {
    right: -15%
}

.-top-12 {
    top: -3rem
}

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

.bottom-0 {
    bottom: 0
}

.bottom-16 {
    bottom: 4rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[10\%\] {
    bottom: 10%
}

.bottom-\[18\%\] {
    bottom: 18%
}

.bottom-\[4\.5rem\] {
    bottom: 4.5rem
}

.left-0 {
    left: 0
}

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

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

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

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

.right-0 {
    right: 0
}

.right-10 {
    right: 2.5rem
}

.right-12 {
    right: 3rem
}

.right-14 {
    right: 3.5rem
}

.right-2 {
    right: .5rem
}

.right-20 {
    right: 5rem
}

.right-4 {
    right: 1rem
}

.right-8 {
    right: 2rem
}

.top-0 {
    top: 0
}

.top-0\.5 {
    top: .125rem
}

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

.top-10 {
    top: 2.5rem
}

.top-12 {
    top: 3rem
}

.top-2 {
    top: .5rem
}

.top-20 {
    top: 5rem
}

.top-4 {
    top: 1rem
}

.top-40 {
    top: 10rem
}

.top-56 {
    top: 14rem
}

.top-8 {
    top: 2rem
}

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

.isolate {
    isolation: isolate
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[-1\] {
    z-index: -1
}

.z-\[10\] {
    z-index: 10
}

.z-\[1\] {
    z-index: 1
}

.z-\[2\] {
    z-index: 2
}

.z-\[3\] {
    z-index: 3
}

.z-\[4\] {
    z-index: 4
}

.z-\[5\] {
    z-index: 5
}

.z-\[60\] {
    z-index: 60
}

.z-\[6\] {
    z-index: 6
}

.z-\[9999\] {
    z-index: 9999
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-full {
    grid-column: 1/-1
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-3 {
    margin: .75rem
}

.m-4 {
    margin: 1rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

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

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

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

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

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-0\.5 {
    margin-bottom: .125rem;
    margin-top: .125rem
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-3 {
    margin-bottom: .75rem;
    margin-top: .75rem
}

.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

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

.\!mb-0 {
    margin-bottom: 0 !important
}

.\!mt-2 {
    margin-top: .5rem !important
}

.\!mt-4 {
    margin-top: 1rem !important
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-ml-0 {
    margin-left: 0
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-1 {
    margin-left: -.25rem
}

.-ml-2 {
    margin-left: -.5rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mt-44 {
    margin-top: -11rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0\.5 {
    margin-bottom: .125rem
}

.mb-1 {
    margin-bottom: .25rem
}

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

.mb-2 {
    margin-bottom: .5rem
}

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

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-0 {
    margin-left: 0
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-\[23\.5px\] {
    margin-left: 23.5px
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-auto {
    margin-right: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-2 {
    margin-top: .5rem
}

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

.mt-3 {
    margin-top: .75rem
}

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

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

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

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.\!inline-block {
    display: inline-block !important
}

.inline-block {
    display: inline-block
}

.\!inline {
    display: inline !important
}

.inline {
    display: inline
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.\!table {
    display: table !important
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.\!grid {
    display: grid !important
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-\[10\/16\] {
    aspect-ratio: 10/16
}

.aspect-\[16\/10\] {
    aspect-ratio: 16/10
}

.aspect-\[5\/7\] {
    aspect-ratio: 5/7
}

.aspect-video {
    aspect-ratio: 16/9
}

.\!size-4 {
    height: 1rem !important;
    width: 1rem !important
}

.\!size-5 {
    height: 1.25rem !important;
    width: 1.25rem !important
}

.size-1 {
    height: .25rem;
    width: .25rem
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-2 {
    height: .5rem;
    width: .5rem
}

.size-2\.5 {
    height: .625rem;
    width: .625rem
}

.size-20 {
    height: 5rem;
    width: 5rem
}

.size-24 {
    height: 6rem;
    width: 6rem
}

.size-28 {
    height: 7rem;
    width: 7rem
}

.size-3 {
    height: .75rem;
    width: .75rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-48 {
    height: 12rem;
    width: 12rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-\[1\.5em\] {
    height: 1.5em;
    width: 1.5em
}

.size-\[6rem\] {
    height: 6rem;
    width: 6rem
}

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

.\!h-10 {
    height: 2.5rem 
}

.\!h-12 {
    height: 3rem
}

.\!h-24 {
    height: 6rem
}

.\!h-3 {
    height: .75rem
}

.\!h-9 {
    height: 2.25rem
}

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

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[--_height\] {
    height: var(--_height)
}

.h-\[--_size\] {
    height: var(--_size)
}

.h-\[1\.75rem\] {
    height: 1.75rem
}

.h-\[10rem\] {
    height: 10rem
}

.h-\[15rem\] {
    height: 15rem
}

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

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

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

.h-\[2\.625rem\] {
    height: 2.625rem
}

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

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

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

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

.h-\[50\%\] {
    height: 50%
}

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

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

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

.h-\[calc\(100\%-0\.5rem\)\] {
    height: calc(100% - .5rem)
}

.h-\[calc\(100vh-12rem\)\] {
    height: calc(100vh - 12rem)
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-20 {
    max-height: 5rem
}

.max-h-32 {
    max-height: 8rem
}

.max-h-60 {
    max-height: 15rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-\[19rem\] {
    max-height: 19rem
}

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

.max-h-\[90\%\] {
    max-height: 90%
}

.max-h-\[calc\(100vh-10rem\)\] {
    max-height: calc(100vh - 10rem)
}

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

.\!min-h-9 {
    min-height: 2.25rem !important
}

.min-h-9 {
    min-height: 2.25rem
}

.min-h-\[--_size\] {
    min-height: var(--_size)
}

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

.min-h-\[16rem\] {
    min-height: 16rem
}

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

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

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

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

.min-h-\[50vh\] {
    min-height: 50vh
}

.min-h-\[6rem\] {
    min-height: 6rem
}

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

.min-h-\[calc\(100vh-4\.5rem-310\.59px\)\] {
    min-height: calc(100vh - 4.5rem - 310.59px)
}

.min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem)
}

.min-h-\[calc\(80vh-0px\)\] {
    min-height: 80vh
}

.min-h-\[unset\] {
    min-height: unset
}

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

.w-0 {
    width: 0
}

.w-0\.5 {
    width: .125rem
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

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

.w-1\/6 {
    width: 16.666667%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/6 {
    width: 33.333333%
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-3\/6 {
    width: 50%
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[--_size\] {
    width: var(--_size)
}

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

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

.w-\[2\.625rem\] {
    width: 2.625rem
}

.w-\[20rem\] {
    width: 20rem
}

.w-\[40rem\] {
    width: 40rem
}

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

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

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

.w-\[63\%\] {
    width: 63%
}

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

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

.w-\[98\%\] {
    width: 98%
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-min {
    width: -moz-min-content;
    width: min-content
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

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

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

.min-w-\[--_size\] {
    min-width: var(--_size)
}

.min-w-\[--_width\] {
    min-width: var(--_width)
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[200px\] {
    min-width: 200px
}

.min-w-\[24px\] {
    min-width: 24px
}

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

.min-w-\[48px\] {
    min-width: 48px
}

.min-w-\[80px\] {
    min-width: 80px
}

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

.max-w-12 {
    max-width: 3rem
}

.max-w-16 {
    max-width: 4rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-60 {
    max-width: 15rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-80 {
    max-width: 20rem
}

.max-w-\[100\%\] {
    max-width: 100%
}

.max-w-\[10rem\] {
    max-width: 10rem
}

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

.max-w-\[15rem\] {
    max-width: 15rem
}

.max-w-\[18rem\] {
    max-width: 18rem
}

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

.max-w-\[20rem\] {
    max-width: 20rem
}

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

.max-w-\[30rem\] {
    max-width: 30rem
}

.max-w-\[35rem\] {
    max-width: 35rem
}

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

.max-w-\[40rem\] {
    max-width: 40rem
}

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

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

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

.max-w-lg {
    max-width: 32rem
}

.max-w-screen-lg {
    max-width: 1024px
}

.max-w-screen-xl {
    max-width: 1280px
}

.max-w-xl {
    max-width: 36rem
}

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

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.border-collapse {
    border-collapse: collapse
}

.origin-left {
    transform-origin: left
}

.-translate-x-1 {
    --tw-translate-x: -0.25rem
}

.-translate-x-1,
.-translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-translate-y-1\/2,
.-translate-y-7 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-7 {
    --tw-translate-y: -1.75rem
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-0,
.translate-x-2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-2 {
    --tw-translate-x: 0.5rem
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-0,
.translate-y-3 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-3 {
    --tw-translate-y: 0.75rem
}

.translate-y-4 {
    --tw-translate-y: 1rem
}

.translate-y-4,
.translate-y-7 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-7 {
    --tw-translate-y: 1.75rem
}

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

.rotate-1,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.rotate-90,
.scale-100 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-75,
.scale-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.scale-95,
.scale-x-75 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-x-75 {
    --tw-scale-x: .75
}

.\!transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-help {
    cursor: help
}

.cursor-move {
    cursor: move
}

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

.cursor-pointer {
    cursor: pointer
}

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

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

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

.resize-y {
    resize: vertical
}

.resize {
    resize: both
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr
}

.grid-cols-\[1fr_min-content\] {
    grid-template-columns: 1fr min-content
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
}

.grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto
}

.grid-cols-\[auto_auto_auto\] {
    grid-template-columns: auto auto auto
}

.grid-cols-\[auto_min-content\] {
    grid-template-columns: auto min-content
}

.grid-cols-\[min-content\2c 4fr\2c 3fr\2c 2fr\] {
    grid-template-columns: min-content 4fr 3fr 2fr
}

.grid-cols-\[min-content\2c auto\2c auto\2c auto\2c auto\] {
    grid-template-columns: min-content auto auto auto auto
}

.grid-cols-\[min-content_1fr_1fr\] {
    grid-template-columns: min-content 1fr 1fr
}

.grid-cols-\[min-content_auto_min-content_min-content\] {
    grid-template-columns: min-content auto min-content min-content
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(250px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\2c _minmax\(180px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\2c minmax\(250px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

.grid-cols-subgrid {
    grid-template-columns: subgrid
}

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

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.\!flex-col {
    flex-direction: column
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-items-center {
    place-items: center
}

.place-items-stretch {
    place-items: stretch
}

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

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

.\!items-center {
    align-items: center
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

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

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

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

.justify-center {
    justify-content: center
}

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

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-24 {
    gap: 6rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[--_gap\] {
    gap: var(--_gap)
}

.gap-\[var\(--gap-md\)\] {
    gap: var(--gap-md)
}

.gap-px {
    gap: 1px
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-divider>:not([hidden])~:not([hidden]) {
    border-color: var(--color-divider)
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: hidden;
    /* Modern browsers */
    overflow: clip;
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

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

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.\!whitespace-nowrap {
    white-space: nowrap !important
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

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

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

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

.\!break-all {
    word-break: break-all !important
}

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

.\!rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[--_radius\] {
    border-radius: var(--_radius)
}

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

.rounded-\[inherit\] {
    border-radius: inherit
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.\!rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-3xl {
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

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

.rounded-b-xl {
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.\!border-\[1px\] {
    border-width: 1px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[1px\] {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-y-\[1px\] {
    border-top-width: 1px
}

.border-b,
.border-y-\[1px\] {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-r,
.border-r-\[1px\] {
    border-right-width: 1px
}

.border-t,
.border-t-\[1px\] {
    border-top-width: 1px
}

.\!border-solid {
    border-style: solid
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.\!border-button-border {
    border-color: var(--color-button-border)
}

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

.border-banners-error-border {
    border-color: var(--banner-error-border)
}

.border-banners-info-border {
    border-color: var(--banner-info-border)
}

.border-banners-warning-border {
    border-color: var(--banner-warning-border)
}

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

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

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

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

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

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

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

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

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

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

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

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity))
}

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

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

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

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

.border-transparent {
    border-color: transparent
}

.border-b-button-bg {
    border-bottom-color: var(--color-button-bg)
}

.border-b-divider {
    border-bottom-color: var(--color-divider)
}

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

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

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

.bg-\[--_bg-color\2c var\(--color-button-bg\)\] {
    background-color: var(--_bg-color, var(--color-button-bg))
}

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

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

.bg-banners-error-bg {
    background-color: var(--banner-error-bg)
}

.bg-banners-info-bg {
    background-color: var(--banner-info-bg)
}

.bg-banners-warning-bg {
    background-color: var(--banner-warning-bg)
}

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

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

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

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

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

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

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

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/10 {
    background-color: rgba(0, 0, 0, .1)
}

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

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

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

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

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

.bg-button-bgSelected {
    background-color: var(--color-button-bg-selected)
}

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

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

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

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

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

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

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

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

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

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

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

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

.bg-table-alternateRow {
    background-color: var(--color-table-alternate-row)
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-\[radial-gradient\(65\%_50\%_at_50\%_-10\%\2c var\(--color-brand-highlight\)_0\%\2c var\(--color-accent-contrast\)_100\%\)\] {
    background-image: radial-gradient(65% 50% at 50% -10%, var(--color-brand-highlight) 0, var(--color-accent-contrast) 100%)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

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

.to-button-bg {
    --tw-gradient-to: var(--color-button-bg) var(--tw-gradient-to-position)
}

.stroke-\[3px\] {
    stroke-width: 3px
}

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

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

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

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-20 {
    padding: 5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

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

.\!py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

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

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

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

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

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

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

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

.px-\[--_padding-x\] {
    padding-left: var(--_padding-x);
    padding-right: var(--_padding-x)
}

.px-\[0\.375rem\] {
    padding-left: .375rem;
    padding-right: .375rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

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

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

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

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

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

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

.py-\[--_padding-y\] {
    padding-bottom: var(--_padding-y);
    padding-top: var(--_padding-y)
}

.\!pb-3 {
    padding-bottom: .75rem !important
}

.\!pl-10 {
    padding-left: 2.5rem !important
}

.\!pr-48 {
    padding-right: 12rem !important
}

.\!pt-4 {
    padding-top: 1rem !important
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-20 {
    padding-bottom: 5rem
}

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

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

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

.pl-1 {
    padding-left: .25rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-8 {
    padding-left: 2rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-2\.5 {
    padding-right: .625rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

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

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

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

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-9xl {
    font-size: 8rem;
    line-height: 1
}

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

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-medium {
    font-weight: 500 
}

.font-\[--_font-weight\] {
    font-weight: var(--_font-weight)
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.\!ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

.ordinal {
    --tw-ordinal: ordinal
}

.ordinal,
.tabular-nums {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums
}

.\!leading-\[110\%\] {
    line-height: 110% !important
}

.leading-5 {
    line-height: 1.25rem
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[120\%\] {
    line-height: 120%
}

.leading-\[150\%\] {
    line-height: 150%
}

.leading-\[155\%\] {
    line-height: 155%
}

.leading-\[160\%\] {
    line-height: 160%
}

.leading-\[170\%\] {
    line-height: 170%
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

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

.\!text-contrast {
    color: var(--color-contrast) !important
}

.text-\[\#F16436\] {
    --tw-text-opacity: 1;
    color: rgb(241 100 54/var(--tw-text-opacity))
}

.text-\[\#FF496E\] {
    --tw-text-opacity: 1;
    color: rgb(255 73 110/var(--tw-text-opacity))
}

.text-\[--_color\2c var\(--color-secondary\)\] {
    color: var(--_color, var(--color-secondary))
}

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

.text-\[var\(--font-size-md\)\] {
    color: var(--font-size-md)
}

.text-banners-error-text {
    color: var(--banner-error-text)
}

.text-banners-info-text {
    color: var(--banner-info-text)
}

.text-banners-warning-text {
    color: var(--banner-warning-text)
}

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

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

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

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

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

.text-brand-inverted {
    color: var(--color-accent-contrast)
}

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

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

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

.text-button-textSelected {
    color: var(--color-button-text-selected)
}

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

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

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

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

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

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

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

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

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

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

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

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

.text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

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

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-md,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.outline-1 {
    outline-width: 1px
}

.outline-red {
    outline-color: var(--color-red)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-lg {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-lg {
    --tw-blur: blur(16px)
}

.brightness-0 {
    --tw-brightness: brightness(0)
}

.brightness-0,
.brightness-95 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.brightness-95 {
    --tw-brightness: brightness(.95)
}

.brightness-\[0\.3\] {
    --tw-brightness: brightness(0.3)
}

.brightness-\[0\.3\],
.contrast-\[0\.8\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.contrast-\[0\.8\] {
    --tw-contrast: contrast(0.8)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow,
.drop-shadow-lg {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%)
}

.saturate-\[0\.25\] {
    --tw-saturate: saturate(0.25)
}

.saturate-\[0\.25\],
.sepia {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!filter-none {
    filter: none !important
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px)
}

.backdrop-blur-lg,
.backdrop-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-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-filter {
    -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 {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

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

.transition-\[border-radius\] {
    transition-duration: .15s;
    transition-property: border-radius;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

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

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

.delay-200 {
    transition-delay: .2s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

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

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

.duration-500 {
    transition-duration: .5s
}

.duration-\[200ms\] {
    transition-duration: .2s
}

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

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

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

.\[backface-visibility\: hidden\] {
    backface-visibility: hidden
}
.\[transform-style\: preserve-3d\] {
    transform-style: preserve-3d
}

.\[transform\: rotateY\(180deg\)\] {
    transform: rotateY(180deg)
}

h1,
h2,
h3 {
    font-weight: 700
}

.\*\: hidden>* {
    display: none
}

.before\: absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\: inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\: transition-all:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\: content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.first\:\!flex:first-child {
    display: flex !important
}

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:border-none:last-child {
    border-style: none
}

.empty\:hidden:empty {
    display: none
}

.hover\:z-50:hover {
    z-index: 50
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-105:hover,
.hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-inverted:hover {
    border-color: var(--color-text-inverted)
}

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

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

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

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

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

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

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

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

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

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

.hover\:brightness-125:hover {
    --tw-brightness: brightness(1.25)
}

.hover\:brightness-125:hover,
.hover\:brightness-\[--hover-brightness\]:hover {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:brightness-\[--hover-brightness\]:hover {
    --tw-brightness: brightness(var(--hover-brightness))
}

.hover\:before\:backdrop-brightness-110:hover:before {
    content: var(--tw-content);
    --tw-backdrop-brightness: brightness(1.1);
    -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)
}

.focus\:rounded-full:focus {
    border-radius: 9999px
}

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

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

.focus\:\!outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:bg-\[--_hover-bg\]:focus-visible {
    background-color: var(--_hover-bg)
}

.focus-visible\:bg-button-bg:focus-visible {
    background-color: var(--color-button-bg)
}

.focus-visible\:text-\[--_hover-text\]:focus-visible {
    color: var(--_hover-text)
}

.focus-visible\:text-contrast:focus-visible {
    color: var(--color-contrast)
}

.focus-visible\:text-red:focus-visible {
    color: var(--color-red)
}

.focus-visible\:\!outline-none:focus-visible {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-brand:focus-visible {
    outline-color: var(--color-brand)
}

.focus-visible\:brightness-\[--hover-brightness\]:focus-visible {
    --tw-brightness: brightness(var(--hover-brightness));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.active\:scale-100:active,
.active\:scale-95:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.active\:scale-\[0\.95\]:active {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95
}

.active\:scale-\[0\.95\]:active,
.active\:scale-\[0\.96\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.96\]:active {
    --tw-scale-x: 0.96;
    --tw-scale-y: 0.96
}

.active\:scale-\[0\.97\]:active {
    --tw-scale-x: 0.97;
    --tw-scale-y: 0.97
}

.active\:scale-\[0\.97\]:active,
.active\:scale-\[0\.98\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.98\]:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98
}

.active\:scale-\[0\.99\]:active {
    --tw-scale-x: 0.99;
    --tw-scale-y: 0.99;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:brightness-125:active {
    --tw-brightness: brightness(1.25)
}

.active\:brightness-125:active,
.active\:brightness-150:active {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.active\:brightness-150:active {
    --tw-brightness: brightness(1.5)
}

.active\:brightness-\[--hover-brightness\]:active {
    --tw-brightness: brightness(var(--hover-brightness));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group[open] .group-open\:rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus-within .group-focus-within\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus-within .group-focus-within\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus-within .group-focus-within\:opacity-0 {
    opacity: 0
}

.group:focus-within .group-focus-within\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:ml-1 {
    margin-left: .25rem
}

.group:hover .group-hover\:flex {
    display: flex
}

.group:hover .group-hover\:-translate-y-3 {
    --tw-translate-y: -0.75rem
}

.group:hover .group-hover\:-translate-y-3,
.group:hover .group-hover\:translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px
}

.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-1,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.group:hover .group-hover\:\!bg-brand {
    background-color: var(--color-brand) !important
}

.group:hover .group-hover\:\!bg-button-bg {
    background-color: var(--color-button-bg) !important
}

.group:hover .group-hover\:bg-brand-highlight {
    background-color: var(--color-brand-highlight)
}

.group:hover .group-hover\:text-brand {
    color: var(--color-brand)
}

.group:hover .group-hover\:text-contrast {
    color: var(--color-contrast)
}

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

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

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

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

.group:hover .group-hover\:brightness-100 {
    --tw-brightness: brightness(1)
}

.group:hover .group-hover\:brightness-100,
.group:hover .group-hover\:brightness-125 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.group:hover .group-hover\:brightness-125 {
    --tw-brightness: brightness(1.25)
}

.group:hover .group-hover\:\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg)
}

.group:focus .group-focus\:bg-brand-highlight {
    background-color: var(--color-brand-highlight)
}

.group:focus .group-focus\:text-brand {
    color: var(--color-brand)
}

.group:focus .group-focus\:text-contrast {
    color: var(--color-contrast)
}

.group:active .group-active\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.group:active .group-active\:scale-95,
.group:active .group-active\:scale-\[0\.8\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:active .group-active\:scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8
}

@supports (grid-template-columns:subgrid) {
    .supports-\[grid-template-columns\:subgrid\]\:col-span-full {
        grid-column: 1/-1
    }

    .supports-\[grid-template-columns\:subgrid\]\:grid {
        display: grid
    }

    .supports-\[grid-template-columns\:subgrid\]\:\!grid-cols-subgrid {
        grid-template-columns: subgrid !important
    }

    .supports-\[grid-template-columns\:subgrid\]\:grid-cols-\[1fr_min-content\] {
        grid-template-columns: 1fr min-content
    }
}

@media not all and (min-width:1280px) {
    .max-xl\:hidden {
        display: none
    }
}

@media not all and (min-width:640px) {
    .max-sm\:\!hidden {
        display: none !important
    }

    .max-sm\:hidden {
        display: none
    }

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

    .max-sm\:justify-start {
        justify-content: flex-start
    }

    .max-sm\:gap-3 {
        gap: .75rem
    }
}

@media (min-width:640px) {
    .sm\:-right-1\/4 {
        right: -25%
    }

    .sm\:bottom-8 {
        bottom: 2rem
    }

    .sm\:top-14 {
        top: 3.5rem
    }

    .sm\:top-28 {
        top: 7rem
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-20 {
        margin-top: 5rem
    }

    .sm\:\!block {
        display: block !important
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:contents {
        display: contents
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:min-h-\[calc\(100vh-0px\)\] {
        min-height: 100vh
    }

    .sm\:\!w-\[150px\] {
        width: 150px !important
    }

    .sm\:\!w-\[280px\] {
        width: 280px !important
    }

    .sm\:\!w-auto {
        width: auto !important
    }

    .sm\:w-48 {
        width: 12rem
    }

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

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

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

    .sm\:min-w-44 {
        min-width: 11rem
    }

    .sm\:max-w-none {
        max-width: none
    }

    .sm\:flex-none {
        flex: none
    }

    .sm\:flex-grow-0 {
        flex-grow: 0
    }

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

    .sm\:grid-cols-\[3fr_2fr\] {
        grid-template-columns: 3fr 2fr
    }

    .sm\:grid-cols-\[min-content_1fr_1fr_1fr_min-content\] {
        grid-template-columns: min-content 1fr 1fr 1fr min-content
    }

    .sm\:grid-cols-\[min-content_3fr_2fr_1fr\] {
        grid-template-columns: min-content 3fr 2fr 1fr
    }

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

    .sm\:flex-col {
        flex-direction: column
    }

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

    .sm\:items-center {
        align-items: center
    }

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

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

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:self-auto {
        align-self: auto
    }

    .sm\:rounded-2xl {
        border-radius: 1rem
    }

    .sm\:p-0 {
        padding: 0
    }

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

    .sm\:p-4 {
        padding: 1rem
    }

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

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

    .sm\:pl-10 {
        padding-left: 2.5rem
    }

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

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:font-bold {
        font-weight: 700
    }

    .sm\:font-semibold {
        font-weight: 600
    }

    .sm\:text-contrast {
        color: var(--color-contrast)
    }

    .sm\:drop-shadow-none {
        --tw-drop-shadow: drop-shadow(0 0 #0000);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .sm\:backdrop-blur-xl {
        --tw-backdrop-blur: blur(24px);
        -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)
    }

    .sm\:\*\:flex>* {
        display: flex
    }
}

@supports (grid-template-columns:subgrid) {
    @media (min-width:640px) {
        .supports-\[grid-template-columns\:subgrid\]\:sm\:grid-cols-\[min-content_auto_auto_auto_min-content\] {
            grid-template-columns: min-content auto auto auto min-content
        }
    }
}

@media (min-width:640px) {
    @media not all and (min-width:1280px) {
        .sm\:max-xl\:collapse {
            visibility: collapse
        }

        .sm\:max-xl\:hidden {
            display: none
        }
    }
}

@media (min-width:768px) {
    .md\:relative {
        position: relative
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-48 {
        margin-top: 12rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:contents {
        display: contents
    }

    .md\:hidden {
        display: none
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-72 {
        width: 18rem
    }

    .md\:w-\[16rem\] {
        width: 16rem
    }

    .md\:w-\[30rem\] {
        width: 30rem
    }

    .md\:w-\[400px\] {
        width: 400px
    }

    .md\:w-\[420px\] {
        width: 420px
    }

    .md\:w-\[50\%\] {
        width: 50%
    }

    .md\:w-\[60\%\] {
        width: 60%
    }

    .md\:w-\[600px\] {
        width: 600px
    }

    .md\:w-\[650px\] {
        width: 650px
    }

    .md\:w-\[calc\(420px-5\.5rem\)\] {
        width: calc(420px - 5.5rem)
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:flex-grow-0 {
        flex-grow: 0
    }

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

    .md\:grid-cols-\[1fr_2fr\] {
        grid-template-columns: 1fr 2fr
    }

    .md\:grid-cols-\[auto_1fr_1fr_2fr_auto\] {
        grid-template-columns: auto 1fr 1fr 2fr auto
    }

    .md\:grid-cols-\[auto_3fr_2fr_1fr\] {
        grid-template-columns: auto 3fr 2fr 1fr
    }

    .md\:grid-cols-\[auto_3fr_2fr_1fr_2fr\] {
        grid-template-columns: auto 3fr 2fr 1fr 2fr
    }

    .md\:grid-cols-\[min-content_auto_auto_auto_auto_min-content\] {
        grid-template-columns: min-content auto auto auto auto min-content
    }

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

    .md\:flex-col {
        flex-direction: column
    }

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

    .md\:items-end {
        align-items: flex-end
    }

    .md\:items-center {
        align-items: center
    }

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

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pr-4 {
        padding-right: 1rem
    }

    .md\:pr-8 {
        padding-right: 2rem
    }

    .md\:pt-48 {
        padding-top: 12rem
    }

    .md\:text-6xl {
        font-size: 3.75rem
    }

    .md\:text-6xl,
    .md\:text-7xl {
        line-height: 1
    }

    .md\:text-7xl {
        font-size: 4.5rem
    }

    .md\:text-\[1\.2rem\] {
        font-size: 1.2rem
    }

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

@media (min-width:1024px) {
    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:row-start-auto {
        grid-row-start: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:contents {
        display: contents
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-8 {
        height: 2rem
    }

    .lg\:h-\[600px\] {
        height: 600px
    }

    .lg\:\!w-\[150px\] {
        width: 150px !important
    }

    .lg\:\!w-\[280px\] {
        width: 280px !important
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:max-w-md {
        max-width: 28rem
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

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

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

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

    .lg\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    .lg\:grid-cols-\[auto_1fr_auto\] {
        grid-template-columns: auto 1fr auto
    }

    .lg\:grid-cols-\[auto_auto_auto_auto_auto\] {
        grid-template-columns: auto auto auto auto auto
    }

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

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:pl-3 {
        padding-left: .75rem
    }

    .lg\:pr-12 {
        padding-right: 3rem
    }
}

@media (min-width:1280px) {
    .xl\:collapse {
        visibility: collapse
    }

    .xl\:ml-auto {
        margin-left: auto
    }

    .xl\:block {
        display: block
    }

    .xl\:contents {
        display: contents
    }

    .xl\:hidden {
        display: none
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:grid-cols-\[min-content_1fr_1fr_1fr_1fr_1fr_min-content\] {
        grid-template-columns: min-content 1fr 1fr 1fr 1fr 1fr min-content
    }

    .xl\:flex-col {
        flex-direction: column
    }

    .xl\:self-center {
        align-self: center
    }

    .xl\:text-right {
        text-align: right
    }
}

@supports (grid-template-columns:subgrid) {
    @media (min-width:1280px) {
        .supports-\[grid-template-columns\:subgrid\]\:xl\:grid-cols-\[min-content_auto_auto_auto_auto_auto_min-content\] {
            grid-template-columns: min-content auto auto auto auto auto min-content
        }
    }
}

@media (prefers-color-scheme:dark) {
    .dark\:border-0 {
        border-width: 0
    }

    .dark\:bg-\[\#0e0e0ea4\] {
        background-color: #0e0e0ea4
    }

    .dark\:bg-highlight {
        background-color: var(--color-brand-highlight)
    }
}

.\[\&\&\]\:size-5.\[\&\&\]\:size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.\[\&\&\]\:size-6.\[\&\&\]\:size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.\[\&\&\]\:border-\[1px\].\[\&\&\]\:border-\[1px\] {
    border-width: 1px
}

.\[\&\&\]\:border-solid.\[\&\&\]\:border-solid {
    border-style: solid
}

.\[\&\&\]\:border-bg-raised.\[\&\&\]\:border-bg-raised {
    border-color: var(--color-raised-bg)
}

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

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

.\[\&\:not\(\:last-child\)\]\:mb-1:not(:last-child) {
    margin-bottom: .25rem
}

.\[\&\:not\(\:last-child\)\]\:border-b-\[1px\]:not(:last-child) {
    border-bottom-width: 1px
}

.\[\&\:not\(\:last-child\)\]\:pb-1:not(:last-child) {
    padding-bottom: .25rem
}

.\[\&\>a\:hover\]\:underline>a:hover {
    text-decoration-line: underline
}

.\[\&\>a\]\:flex>a {
    display: flex
}

.\[\&\>a\]\:w-fit>a {
    width: -moz-fit-content;
    width: fit-content
}

.\[\&\>a\]\:items-center>a {
    align-items: center
}

.\[\&\>a\]\:gap-2>a {
    gap: .5rem
}

.\[\&\>a\]\:leading-\[1\.2\]>a {
    line-height: 1.2
}

.\[\&\>a\]\:text-primary>a {
    color: var(--color-base)
}

.\[\&\>div\]\:flex>div {
    display: flex
}

.\[\&\>div\]\:items-center>div {
    align-items: center
}

.\[\&\>div\]\:gap-2>div {
    gap: .5rem
}

.\[\&\>svg\.check-icon\]\:hover\:text-brand:hover>svg.check-icon {
    color: var(--color-brand)
}

.\[\&\>svg\.check-icon\]\:focus-visible\:text-brand:focus-visible>svg.check-icon {
    color: var(--color-brand)
}

.\[\&\>svg\]\:h-4>svg {
    height: 1rem
}

.\[\&\>svg\]\:w-4>svg {
    width: 1rem
}

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

.group:hover .group-hover\:\[\&\>svg\]\:\!text-brand-inverted>svg {
    color: var(--color-accent-contrast) !important
}

@media(hover:hover) {
    .\[\@media\(hover\:hover\)\]\:contents {
        display: contents
    }

    .\[\@media\(hover\:hover\)\]\:py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .\[\@media\(hover\:hover\)\]\:opacity-0 {
        opacity: 0
    }
}

.resize-observer[data-v-b329ee4c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-popper__popper {
    left: 0;
    outline: none;
    top: 0;
    z-index: 10000
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-popper__inner {
    box-sizing: border-box;
    overflow-y: auto;
    position: relative
}

.v-popper__inner>div {
    max-height: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1
}

.v-popper__arrow-container {
    height: 10px;
    position: absolute;
    width: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.v-popper__arrow-inner {
    border-width: 7px;
    visibility: hidden
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-left-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0, 0, 0, .8);
    border-radius: 6px;
    color: #fff;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 30px #0000001a;
    color: #000
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    border-color: #fff;
    visibility: visible
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}
.light,
.light-mode,
.light-properties,
html {
    --color-bg: #e5e7eb;
    --color-raised-bg: #fff;
    --color-super-raised-bg: #e9e9e9;
    --color-button-bg: #e5e7eb;
    --color-button-border: hsla(0, 0%, 63%, .35);
    --color-scrollbar: #96a2b0;
    --color-divider: #babfc5;
    --color-divider-dark: #c8cdd3;
    --color-base: #111827;
    --color-secondary: #6b7280;
    --color-contrast: #1a202c;
    --color-accent-contrast: #fff;
    --color-red: #cb2245;
    --color-orange: #e08325;
    --color-green: #00af5c;
    --color-blue: #1f68c0;
    --color-purple: #8e32f3;
    --color-gray: #595b61;
    --color-red-highlight: rgba(203, 34, 69, .25);
    --color-orange-highlight: rgba(224, 131, 37, .25);
    --color-green-highlight: rgba(0, 175, 92, .25);
    --color-blue-highlight: rgba(31, 104, 192, .25);
    --color-purple-highlight: rgba(142, 50, 243, .25);
    --color-gray-highlight: rgba(89, 91, 97, .25);
    --color-red-bg: rgba(203, 34, 69, .1);
    --color-orange-bg: rgba(224, 131, 37, .1);
    --color-green-bg: rgba(0, 175, 92, .1);
    --color-blue-bg: rgba(31, 104, 192, .1);
    --color-purple-bg: rgba(142, 50, 243, .1);
    --color-brand: var(--color-green);
    --color-brand-highlight: var(--color-green-highlight);
    --color-brand-shadow: rgba(0, 175, 92, .7);
    --shadow-inset-lg: inset 0px -2px 2px rgba(223, 229, 241, .1);
    --shadow-inset: inset 0px -2px 2px rgba(223, 229, 241, .05);
    --shadow-inset-sm: inset 0px -1px 2px rgba(223, 229, 241, .15);
    --shadow-raised-lg: 0px 2px 4px rgba(17, 24, 39, .2);
    --shadow-raised: 0.3px 0.5px 0.6px hsl(var(--shadow-color)/0.15), 1px 2px 2.2px -1.7px hsl(var(--shadow-color)/0.12), 4.4px 8.8px 9.7px -3.4px hsl(var(--shadow-color)/0.09);
    --shadow-floating: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .1) 0px 2px 4px -1px;
    --shadow-card: rgba(50, 50, 100, .1) 0px 2px 4px 0px;
    --brand-gradient-bg: linear-gradient(0deg, rgba(68, 182, 138, .175), rgba(58, 250, 112, .125));
    --brand-gradient-strong-bg: linear-gradient(270deg, rgba(68, 182, 138, .175), rgba(36, 225, 91, .12));
    --brand-gradient-button: hsla(0, 0%, 100%, .5);
    --brand-gradient-border: rgba(32, 64, 32, .15);
    --brand-gradient-fade-out-color: linear-gradient(180deg, rgba(213, 235, 224, 0), #d0ece0 70%);
    --color-button-bg-selected: var(--color-brand);
    --color-button-text-selected: var(--color-accent-contrast);
    --color-gradient-button-bg: linear-gradient(180deg, #f8f9fa, #dce0e6);
    --loading-bar-gradient: linear-gradient(to right, var(--color-brand) 0%, #00af5c 100%);
    --color-platform-fabric: #8a7b71;
    --color-platform-quilt: #8b61b4;
    --color-platform-forge: #5b6197;
    --color-platform-neoforge: #dc895c;
    --color-platform-liteloader: #4c90de;
    --color-platform-bukkit: #e78362;
    --color-platform-bungeecord: #c69e39;
    --color-platform-folia: #6aa54f;
    --color-platform-paper: #e67e7e;
    --color-platform-purpur: #7763a3;
    --color-platform-spigot: #cd7a21;
    --color-platform-velocity: #4b98b0;
    --color-platform-waterfall: #5f83cb;
    --color-platform-sponge: #c49528;
    --color-platform-ornithe: #6097ca;
    --color-platform-bta-babric: #5ba938;
    --color-platform-legacy-fabric: #6879f6;
    --color-platform-nilloader: #dd5088;
    --hover-brightness: 0.9
}

html {
    --dark-color-base: #b0bac5;
    --dark-color-contrast: #ecf9fb;
    --gap-xs: 0.25rem;
    --gap-sm: 0.5rem;
    --gap-md: 0.75rem;
    --gap-lg: 1rem;
    --gap-xl: 1.5rem;
    --radius-xs: 0.25rem;
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.25rem;
    --radius-max: 999999999px;
    --color-tooltip-text: var(--dark-color-contrast);
    --color-tooltip-bg: #000;
    --color-ad: rgba(125, 75, 162, .2);
    --color-ad-raised: rgba(190, 140, 243, .5);
    --color-ad-contrast: #000;
    --color-ad-highlight: var(--color-purple)
}

.dark,
.dark-mode,
.oled-mode,
:root[data-theme=dark] {
    --color-bg: #16181c;
    --color-raised-bg: #26292f;
    --color-super-raised-bg: #40434a;
    --color-button-bg: #434956;
    --color-button-border: rgba(193, 190, 209, .12);
    --color-scrollbar: var(--color-button-bg);
    --color-divider: var(--color-button-bg);
    --color-divider-dark: #646c75;
    --color-base: var(--dark-color-base);
    --color-secondary: #96a2b0;
    --color-contrast: var(--dark-color-contrast);
    --color-accent-contrast: #000;
    --color-red: #ff496e;
    --color-orange: #ffa347;
    --color-green: #1bd96a;
    --color-blue: #4f9cff;
    --color-purple: #c78aff;
    --color-gray: #9fa4b3;
    --color-red-highlight: rgba(255, 73, 110, .25);
    --color-orange-highlight: rgba(255, 163, 71, .25);
    --color-green-highlight: rgba(27, 217, 106, .25);
    --color-blue-highlight: rgba(79, 156, 255, .25);
    --color-purple-highlight: rgba(199, 138, 255, .25);
    --color-gray-highlight: rgba(159, 164, 179, .25);
    --color-red-bg: rgba(255, 73, 110, .2);
    --color-orange-bg: rgba(255, 163, 71, .2);
    --color-green-bg: rgba(27, 217, 106, .2);
    --color-blue-bg: rgba(79, 156, 255, .2);
    --color-purple-bg: rgba(199, 138, 255, .2);
    --color-brand: var(--color-green);
    --color-brand-highlight: rgba(27, 217, 106, .25);
    --color-brand-shadow: rgba(27, 217, 106, .7);
    --shadow-inset-lg: inset 0px -2px 2px rgba(17, 24, 39, .1);
    --shadow-inset: inset 0px -2px 2px rgba(17, 24, 39, .05);
    --shadow-inset-sm: inset 0px -1px 1px rgba(17, 24, 39, .25);
    --shadow-raised-lg: 0px 2px 4px rgba(17, 24, 39, .2);
    --shadow-raised: 0px -2px 4px rgba(17, 24, 39, .1);
    --shadow-floating: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .06) 0px 2px 4px -1px;
    --shadow-card: rgba(0, 0, 0, .25) 0px 2px 4px 0px;
    --brand-gradient-bg: linear-gradient(0deg, rgba(14, 35, 19, .2), rgba(55, 137, 73, .1));
    --brand-gradient-strong-bg: linear-gradient(270deg, #09110d 10%, #131f17);
    --brand-gradient-button: hsla(0, 0%, 100%, .08);
    --brand-gradient-border: rgba(155, 255, 160, .08);
    --brand-gradient-fade-out-color: linear-gradient(180deg, rgba(24, 30, 31, 0), #171d1e 80%);
    --color-button-bg-selected: var(--color-brand-highlight);
    --color-button-text-selected: var(--color-brand);
    --color-gradient-button-bg: linear-gradient(180deg, #3a3d47, #33363d);
    --loading-bar-gradient: linear-gradient(to right, var(--color-brand) 0%, #1ffa9a 100%);
    --color-platform-fabric: #dbb69b;
    --color-platform-quilt: #c796f9;
    --color-platform-forge: #959eef;
    --color-platform-neoforge: #f99e6b;
    --color-platform-liteloader: #7ab0ee;
    --color-platform-bukkit: #f6af7b;
    --color-platform-bungeecord: #d2c080;
    --color-platform-folia: #a5e388;
    --color-platform-paper: #eaa;
    --color-platform-purpur: #c3abf7;
    --color-platform-spigot: #f1cc84;
    --color-platform-velocity: #83d5ef;
    --color-platform-waterfall: #78a4fb;
    --color-platform-sponge: #f9e580;
    --color-platform-ornithe: #87c7ff;
    --color-platform-bta-babric: #72cc4a;
    --color-platform-legacy-fabric: #6879f6;
    --color-platform-nilloader: #f45e9a;
    --hover-brightness: 1.25;
    --experimental-color-button-bg: #33363d
}

.oled-mode {
    --color-bg: #000;
    --color-raised-bg: #101013;
    --color-button-bg: #222329;
    --color-ad: #0d1828;
    --brand-gradient-bg: linear-gradient(0deg, rgba(22, 66, 51, .15), rgba(55, 137, 73, .1));
    --brand-gradient-strong-bg: linear-gradient(270deg, rgba(9, 18, 14, .6) 10%, rgba(19, 31, 23, .5));
    --color-gradient-button-bg: linear-gradient(180deg, #1b1b20, #25262b)
}

.retro-mode {
    --brand-gradient-strong-bg: #3a3b38
}

.experimental-styles-within {
    --color-link: var(--color-blue) !important;
    --color-link-hover: var(--color-blue) !important;
    --color-link-active: var(--color-blue) !important
}

.experimental-styles-within .light,
.experimental-styles-within .light-mode,
.light .experimental-styles-within,
.light-experiments,
.light-mode .experimental-styles-within,
.light-mode.experimental-styles-within,
.light.experimental-styles-within {
    --color-bg: #ebebeb;
    --color-raised-bg: #fff;
    --color-button-bg: #f5f5f5;
    --color-base: #2c2e31;
    --color-secondary: #484d54;
    --color-accent-contrast: #fff
}

.dark-experiments,
.dark-mode:not(.oled-mode) .experimental-styles-within,
.dark-mode:not(.oled-mode).experimental-styles-within,
.dark:not(.oled-mode) .experimental-styles-within,
.dark:not(.oled-mode).experimental-styles-within,
.experimental-styles-within .dark-mode:not(.oled-mode),
.experimental-styles-within .dark:not(.oled-mode),
.experimental-styles-within .oled-mode:not(.oled-mode),
.oled-mode:not(.oled-mode) .experimental-styles-within,
.oled-mode:not(.oled-mode).experimental-styles-within {
    --color-button-bg: var(--experimental-color-button-bg)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.card .label :where(.label__title),
.card label :where(.label__title),
.universal-body .label :where(.label__title),
.universal-body label :where(.label__title),
.universal-labels .label :where(.label__title),
.universal-labels label :where(.label__title) {
    color: var(--color-contrast);
    display: block;
    font-size: 1.17rem;
    font-weight: 700;
    margin-block: var(--gap-md) var(--gap-sm)
}

.card .label :where(.label__title) .required,
.card label :where(.label__title) .required,
.universal-body .label :where(.label__title) .required,
.universal-body label :where(.label__title) .required,
.universal-labels .label :where(.label__title) .required,
.universal-labels label :where(.label__title) .required {
    color: var(--color-red)
}

.card .label :where(.label__title).size-card-header,
.card label :where(.label__title).size-card-header,
.universal-body .label :where(.label__title).size-card-header,
.universal-body label :where(.label__title).size-card-header,
.universal-labels .label :where(.label__title).size-card-header,
.universal-labels label :where(.label__title).size-card-header {
    font-size: var(--font-size-xl);
    margin-bottom: 1rem
}

.card .label :where(.label__description),
.card label :where(.label__description),
.universal-body .label :where(.label__description),
.universal-body label :where(.label__description),
.universal-labels .label :where(.label__description),
.universal-labels label :where(.label__description) {
    display: block;
    margin-block-end: var(--gap-sm)
}

.card .label :where(.label__description) .label__subdescription,
.card label :where(.label__description) .label__subdescription,
.universal-body .label :where(.label__description) .label__subdescription,
.universal-body label :where(.label__description) .label__subdescription,
.universal-labels .label :where(.label__description) .label__subdescription,
.universal-labels label :where(.label__description) .label__subdescription {
    display: block;
    margin-block-start: var(--gap-md)
}

.card .label :where(h1, h2, h3, h4),
.card label :where(h1, h2, h3, h4),
.universal-body .label :where(h1, h2, h3, h4),
.universal-body label :where(h1, h2, h3, h4),
.universal-labels .label :where(h1, h2, h3, h4),
.universal-labels label :where(h1, h2, h3, h4) {
    margin-block: 0
}

.card .multiselect,
.universal-body .multiselect {
    width: 15rem
}

.card>:where(input+*, .input-group+*, .textarea-wrapper+*, .chips+*, .resizable-textarea-wrapper+*, .input-div+*),
.universal-body>:where(input+*, .input-group+*, .textarea-wrapper+*, .chips+*, .resizable-textarea-wrapper+*, .input-div+*) {
    margin-block-start: var(--gap-md)
}

.card :where(button, .button, .btn),
.universal-body :where(button, .button, .btn) {
    width: -moz-fit-content;
    width: fit-content
}

.card .input-group input,
.universal-body .input-group input {
    flex-basis: 0;
    width: auto
}

.card :where(input),
.universal-body :where(input) {
    box-sizing: border-box;
    max-height: 40px
}

.card :where(input):not(.stylized-toggle),
.universal-body :where(input):not(.stylized-toggle) {
    max-width: 100%
}

:where(.adjacent-input) {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm);
    margin-bottom: calc(var(--gap-sm) + var(--gap-md))
}

:where(.adjacent-input) .btn,
:where(.adjacent-input) .input-group {
    flex-shrink: 0
}

:where(.adjacent-input) input {
    flex-shrink: 1
}

:where(.adjacent-input)>:first-child {
    flex-basis: min-content;
    flex-grow: 1;
    flex-shrink: 2
}

:where(.adjacent-input) .label .label__title,
:where(.adjacent-input) label .label__title {
    margin-block: 0
}

:where(.adjacent-input) .label .label__description,
:where(.adjacent-input) label .label__description {
    margin-block-end: 0
}

:where(.adjacent-input) .label .label__description:not(:first-child),
:where(.adjacent-input) label .label__description:not(:first-child) {
    margin-top: var(--gap-sm)
}

@media screen and (max-width: 750px) {
    :where(.adjacent-input):not(:where(.adjacent-input).small) {
        align-items: start;
        flex-direction: column
    }

    :where(.adjacent-input):not(:where(.adjacent-input).small) .stylized-toggle {
        flex-basis: 0
    }
}

.card h1,
.universal-body h1 {
    align-items: center;
    display: flex
}

.card>:first-child,
.universal-body>:first-child {
    margin-block-start: 0
}

.card>:last-child,
.universal-body>:last-child {
    margin-block-end: 0
}

.card :where(.header__row),
.universal-body :where(.header__row) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--gap-sm)
}

.card :where(.header__row) *,
.universal-body :where(.header__row) * {
    flex-shrink: 0
}

.card :where(.header__row) .header__title,
.universal-body :where(.header__row) .header__title {
    flex-grow: 1;
    margin: 0
}

.card :where(.header__row):not(:last-child),
.universal-body :where(.header__row):not(:last-child) {
    margin-bottom: var(--gap-md)
}

.card ol ol,
.card ol ul,
.card ul ol,
.card ul ul,
.universal-body ol ol,
.universal-body ol ul,
.universal-body ul ol,
.universal-body ul ul {
    margin-bottom: 0
}

.input-group {
    display: flex;
    flex-direction: row;
    grid-gap: var(--gap-sm);
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%
}

.input-group .multiselect {
    width: 15rem
}

.input-group input {
    flex-shrink: 2
}

.input-group.shrink-first :first-child {
    flex-basis: min-content;
    flex-grow: 1;
    flex-shrink: 2
}

.input-group.shrink-first :not(:first-child) {
    flex-shrink: 1
}

.push-right.input-group>:first-child,
.push-right:not(.input-group) {
    margin-left: auto;
    margin-right: 0
}

.input-stack {
    display: flex;
    flex-direction: column
}

.input-stack>* {
    margin-bottom: var(--gap-md)
}

.input-stack>.multiselect {
    height: inherit;
    width: unset
}

.standard-body :last-child {
    margin-bottom: 0
}

.btn,
.button-base,
.clickable,
.stylized-toggle,
a {
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, scale .05s ease-in-out, outline .2s ease-in-out
}

.btn:active:not(a:disabled, .clickable:disabled, .button-base:disabled, .stylized-toggle:disabled, .btn:disabled),
.button-base:active:not(a:disabled, .clickable:disabled, .button-base:disabled, .stylized-toggle:disabled, .btn:disabled),
.clickable:active:not(a:disabled, .clickable:disabled, .button-base:disabled, .stylized-toggle:disabled, .btn:disabled),
.stylized-toggle:active:not(a:disabled, .clickable:disabled, .button-base:disabled, .stylized-toggle:disabled, .btn:disabled),
a:active:not(a:disabled, .clickable:disabled, .button-base:disabled, .stylized-toggle:disabled, .btn:disabled) {
    scale: .95
}

.btn,
.button-base,
.stylized-toggle {
    border: none;
    font-weight: 500;
    outline: 2px solid transparent
}

.btn:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled),
.btn:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled),
.button-base:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled),
.button-base:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled),
.stylized-toggle:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled),
.stylized-toggle:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled) {
    cursor: pointer
}

.btn:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent),
.btn:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent),
.button-base:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent),
.button-base:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent),
.stylized-toggle:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent),
.stylized-toggle:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.btn:disabled):not(.btn-outline.btn-hover-filled, .btn-transparent) {
    filter: brightness(.85)
}

.btn:active:not(.button-base:disabled, .stylized-toggle:disabled, .btn:disabled, .btn-outline.btn-hover-filled, .btn-transparent),
.button-base:active:not(.button-base:disabled, .stylized-toggle:disabled, .btn:disabled, .btn-outline.btn-hover-filled, .btn-transparent),
.stylized-toggle:active:not(.button-base:disabled, .stylized-toggle:disabled, .btn:disabled, .btn-outline.btn-hover-filled, .btn-transparent) {
    filter: brightness(.8)
}

.btn:disabled.quiet-disabled,
.button-base:disabled.quiet-disabled,
.stylized-toggle:disabled.quiet-disabled {
    cursor: unset
}

.btn:disabled:not(.quiet-disabled),
.button-base:disabled:not(.quiet-disabled),
.button-base[disabled]:not(.quiet-disabled),
.stylized-toggle:disabled:not(.quiet-disabled),
[disabled].btn:not(.quiet-disabled),
[disabled].stylized-toggle:not(.quiet-disabled) {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(50%);
    opacity: .5
}

.button-within {
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, transform .05s ease-in-out, outline .2s ease-in-out
}

.button-within:focus-visible:not(.button-within.disabled),
.button-within:hover:not(.button-within.disabled) {
    filter: brightness(.85)
}

.button-within:active:not(.button-within.disabled) {
    filter: brightness(.8)
}

.button-within:active:not(.button-within.disabled) button:not(.button-within:disabled) {
    transform: scale(.95)
}

.button-within.disabled {
    filter: grayscale(50%);
    opacity: .5
}

.button-within.disabled,
.button-within.disabled[disabled],
.button-within.disableddisabled {
    box-shadow: none;
    cursor: not-allowed
}

.btn {
    --_text-color: var(--color-base);
    --_background-color: var(--color-button-bg);
    --_accent-color: var(--color-base);
    --_shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
    align-items: center;
    background-color: var(--_background-color);
    border-radius: var(--radius-md);
    box-shadow: var(--_shadow);
    box-sizing: border-box;
    color: var(--_text-color);
    cursor: pointer;
    display: flex;
    gap: .5rem;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1.25rem;
    padding: var(--gap-sm) var(--gap-lg);
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.btn.btn-outline,
.btn.btn-transparent {
    background-color: transparent;
    box-shadow: none;
    box-sizing: border-box;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out
}

.btn.btn-transparent {
    --_accent-color: var(--color-base);
    color: var(--_accent-color)
}

.btn.btn-transparent.btn-hover-filled-only {
    color: var(--color-base)
}

.btn.btn-transparent:focus-visible:not(.btn.btn-transparent:disabled),
.btn.btn-transparent:hover:not(.btn.btn-transparent:disabled) {
    background-color: var(--color-button-bg)
}

.btn.btn-transparent:focus-visible:not(.btn.btn-transparent:disabled).btn-hover-filled,
.btn.btn-transparent:focus-visible:not(.btn.btn-transparent:disabled).btn-hover-filled-only,
.btn.btn-transparent:hover:not(.btn.btn-transparent:disabled).btn-hover-filled,
.btn.btn-transparent:hover:not(.btn.btn-transparent:disabled).btn-hover-filled-only {
    background-color: var(--_background-color);
    color: var(--_text-color)
}

.btn.btn-outline {
    --_accent-color: var(--color-contrast);
    border: 2px solid var(--_accent-color);
    color: var(--_background-color);
    padding-block: calc(var(--gap-sm) - 2px)
}

.btn.btn-outline.btn-hover-filled-only {
    border-color: var(--color-contrast);
    color: var(--color-contrast)
}

.btn.btn-outline:focus-visible:not(.btn.btn-outline:disabled).btn-hover-filled,
.btn.btn-outline:focus-visible:not(.btn.btn-outline:disabled).btn-hover-filled-only,
.btn.btn-outline:hover:not(.btn.btn-outline:disabled).btn-hover-filled,
.btn.btn-outline:hover:not(.btn.btn-outline:disabled).btn-hover-filled-only {
    background-color: var(--_background-color);
    border-color: var(--_accent-color);
    color: var(--_text-color)
}

.btn.btn-danger {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-red);
    --_accent-color: var(--color-red)
}

.btn.btn-primary {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-brand);
    --_accent-color: var(--color-brand)
}

.btn.btn-secondary {
    --_text-color: var(--color-contrast);
    --_background-color: var(--color-brand-highlight);
    --_accent-color: var(--color-brand-highlight)
}

.btn.btn-highlight {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-orange);
    --_accent-color: var(--color-orange)
}

.btn.btn-red {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-red);
    --_accent-color: var(--color-red)
}

.btn.btn-orange {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-orange);
    --_accent-color: var(--color-orange)
}

.btn.btn-green {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-green);
    --_accent-color: var(--color-green)
}

.btn.btn-blue {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-blue);
    --_accent-color: var(--color-blue)
}

.btn.btn-purple {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-purple);
    --_accent-color: var(--color-purple)
}

.btn.btn-gray {
    --_text-color: var(--color-accent-contrast);
    --_background-color: var(--color-gray);
    --_accent-color: var(--color-gray)
}

.btn svg {
    height: 1.25rem;
    width: 1.25rem
}

.btn .external-icon {
    height: .75rem;
    margin-bottom: auto;
    margin-right: 0;
    width: .75rem
}

.btn.icon-only,
.iconified-input .btn.r-btn {
    padding: var(--gap-sm)
}

.btn.transparent,
.iconified-input .btn.r-btn {
    background: none;
    box-shadow: none
}

.btn.btn-large {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 16px
}

.btn.btn-large svg {
    height: 1.5rem;
    width: 1.5rem
}

.btn.btn-large-round {
    border-radius: 50%;
    padding: .75rem
}

.btn.btn-dropdown-animation svg:last-child {
    transition: transform .125s ease-in-out
}

.btn.btn-dropdown-animation.popout-open svg:last-child {
    transform: rotate(180deg)
}

.btn-dropdown-animation svg:last-child {
    transition: transform .125s ease-in-out
}

.v-popper--shown .btn-dropdown-animation svg:last-child {
    transform: rotate(180deg)
}

.btn-group {
    display: flex;
    grid-gap: var(--gap-sm);
    flex-wrap: wrap
}

.joined-buttons {
    display: flex;
    gap: 1px
}

.joined-buttons>:not(:first-child).btn,
.joined-buttons>:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.joined-buttons>:not(:last-child).btn,
.joined-buttons>:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.project-list {
    gap: var(--gap-md);
    overflow: hidden;
    width: 100%
}

.project-list:not(:first-child) {
    margin-top: var(--gap-md)
}

.project-list:not(:empty) {
    margin-bottom: var(--gap-md)
}

.project-list.display-mode--list {
    display: flex;
    flex-direction: column
}

.project-list.display-mode--gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media screen and (max-width: 750px) {
    .project-list.display-mode--gallery {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

.project-list.display-mode--grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media screen and (max-width: 80rem) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media screen and (max-width: 1024px) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (max-width: 860px) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media screen and (max-width: 550px) {
    .project-list.display-mode--grid {
        display: flex;
        flex-direction: column
    }
}

.base-card,
.card,
.navigation-card {
    background-color: var(--color-raised-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    margin-bottom: var(--gap-md);
    min-height: var(--font-size-2xl);
    outline: 2px solid transparent;
    padding: var(--gap-xl);
    position: relative
}

.base-card .card__overlay,
.card .card__overlay,
.navigation-card .card__overlay {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 1rem;
    top: 1rem;
    grid-gap: .5rem;
    z-index: 2
}

.base-card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card),
.card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card),
.navigation-card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card) {
    line-height: 1.5;
    min-height: 0;
    padding: 1.5rem
}

.base-card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card) a,
.card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card) a,
.navigation-card:where(.base-card.warning, .warning.navigation-card, .warning.card, .base-card.information, .information.navigation-card, .information.card) a {
    color: var(--color-blue);
    text-decoration: underline
}

.navigation-card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block: var(--gap-md);
    padding-inline: var(--gap-xl);
    row-gap: .5rem
}

.wrap-as-needed {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.sr-only {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

.card-divider {
    background-color: var(--color-button-bg);
    border: none;
    color: var(--color-button-bg);
    height: 1px;
    margin: var(--gap-sm) 0
}

.table {
    border-radius: var(--radius-md);
    display: grid;
    grid-template-rows: repeat(auto-fill, auto);
    overflow: hidden;
    width: 100%
}

.table .table-row {
    display: grid;
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, scale .05s ease-in-out, outline .2s ease-in-out
}

.table .table-row.selectable:focus-visible,
.table .table-row.selectable:hover {
    cursor: pointer;
    filter: brightness(.85)
}

.table .table-row.selectable:active {
    filter: brightness(.8);
    scale: .99
}

.table .entire-row {
    align-items: center;
    grid-template-columns: 1fr !important
}

.table .table-head .table-cell {
    background-color: var(--color-accent-contrast)
}

.table .table-cell {
    display: flex;
    height: 100%;
    padding: 1rem;
    vertical-align: center
}

.table .name-cell {
    padding-left: 0
}

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

.table .table-row:nth-child(2n) .table-cell {
    background-color: var(--color-bg)
}

.textarea-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column
}

.textarea-wrapper textarea {
    border-radius: var(--radius-sm);
    flex: 1;
    max-width: 100%;
    overflow-y: auto;
    resize: none
}

.resizable-textarea-wrapper {
    display: block;
    flex-grow: 1;
    margin-bottom: 0;
    width: 100%
}

.resizable-textarea-wrapper textarea {
    border-radius: var(--radius-sm);
    height: 100%;
    resize: vertical;
    width: calc(100% - var(--gap-xl) - var(--gap-sm))
}

.switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.stylized-toggle {
    background: var(--color-button-bg);
    border-radius: var(--radius-max);
    box-sizing: content-box;
    display: inline-block;
    height: 32px;
    margin: 0;
    max-width: 52px;
    min-height: 32px;
    min-width: 52px;
    position: relative;
    transition: all .2s ease
}

.stylized-toggle:after {
    background: var(--color-gray);
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 7px;
    outline: 2px solid transparent;
    position: absolute;
    top: 7px;
    transition: all .2s cubic-bezier(.5, .1, .75, 1.35);
    width: 18px
}

@media (prefers-reduced-motion) {
    .stylized-toggle:after {
        transition: none
    }
}

.stylized-toggle:checked {
    background-color: var(--color-brand)
}

.stylized-toggle:checked:after {
    background: var(--color-accent-contrast);
    transform: translatex(20px)
}

.stylized-toggle:hover .stylized-toggle:focus {
    background: var(--color-button-bg)
}

.v-popper__popper[data-popper-placement=bottom-end] .v-popper__wrapper {
    transform-origin: top right
}

.v-popper__popper[data-popper-placement=top-end] .v-popper__wrapper {
    transform-origin: bottom right
}

.v-popper__popper[data-popper-placement=bottom-start] .v-popper__wrapper {
    transform-origin: top left
}

.v-popper__popper[data-popper-placement=top-start] .v-popper__wrapper {
    transform-origin: bottom left
}

.v-popper__popper.v-popper__popper--show-from .v-popper__wrapper {
    opacity: 0;
    transform: scale(.85)
}

.v-popper__popper.v-popper__popper--show-to .v-popper__wrapper {
    opacity: 1;
    transform: scale(1);
    transition: transform .125s ease-in-out, opacity .125s ease-in-out
}

.v-popper__popper.v-popper__popper--hide-from .v-popper__wrapper {
    opacity: 1;
    transform: none;
    transition: transform .0625s
}

.v-popper--theme-tooltip .v-popper__inner {
    background: var(--color-tooltip-bg) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--color-tooltip-text) !important;
    filter: drop-shadow(5px 5px .8rem rgba(0, 0, 0, .35));
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    padding: .5rem !important
}

.v-popper--theme-tooltip .v-popper__arrow-inner,
.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: var(--color-tooltip-bg)
}

.v-popper--theme-dismissable-prompt {
    z-index: 10
}

.v-popper--theme-dismissable-prompt .v-popper__inner {
    background: var(--color-raised-bg) !important;
    border: 1px solid var(--color-button-border);
    border-radius: .75rem !important;
    color: var(--color-tooltip-text) !important;
    filter: drop-shadow(5px 5px .8rem rgba(0, 0, 0, .35));
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    padding: .75rem 1rem !important
}

.v-popper--theme-dismissable-prompt .v-popper__arrow-outer {
    border-color: var(--color-button-border)
}

.v-popper--theme-dismissable-prompt .v-popper__arrow-inner {
    border-color: var(--color-raised-bg)
}

.markdown-body h1:first-child {
    margin-block-start: 0;
    padding-block-start: 0
}

.markdown-body blockquote,
.markdown-body code,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
    margin-bottom: 16px;
    margin-top: 0
}

.markdown-body li,
.markdown-body p {
    line-height: 1.5;
    padding: 0
}

.markdown-body h1 {
    display: block
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
    color: var(--color-contrast)
}

.markdown-body h1,
.markdown-body h2 {
    border-bottom: 1px solid var(--color-divider);
    padding: 10px 0 5px
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6,
.markdown-body li,
.markdown-body p {
    word-wrap: break-word;
    overflow-wrap: anywhere
}

.markdown-body blockquote {
    border-left: .25em solid var(--color-button-bg);
    color: var(--color-base);
    margin-inline: 0;
    padding: 0 1em
}

.markdown-body a {
    color: var(--color-blue);
    cursor: pointer
}

.markdown-body a:focus-visible,
.markdown-body a:hover {
    filter: brightness(1.2);
    text-decoration: none
}

.markdown-body a:active {
    filter: brightness(1.1);
    text-decoration: none
}

.markdown-body a:active>img {
    scale: .98
}

.markdown-body img {
    display: inline-block;
    height: auto;
    max-width: 100%
}

html:not(.dark-mode, .oled-mode) .markdown-body img[src$="#gh-dark-mode-only"] {
    display: none
}

html:is(.dark-mode, .oled-mode) .markdown-body img[src$="#gh-light-mode-only"] {
    display: none
}

.markdown-body pre {
    background-color: var(--color-button-bg);
    border-radius: var(--radius-sm);
    margin-top: 1rem;
    overflow-x: auto;
    padding: 14px
}

.markdown-body pre code {
    border-radius: 0;
    font-size: 80%;
    padding: 0
}

.markdown-body code {
    background-color: var(--color-button-bg);
    border-radius: var(--radius-sm);
    color: var(--color-contrast);
    font-size: 80%;
    padding: .2em .4em
}

.markdown-body hr {
    color: var(--color-button-bg);
    margin: 20px 0
}

.markdown-body table {
    border: .1rem solid var(--color-button-bg);
    border-collapse: separate;
    border-radius: var(--radius-sm);
    border-spacing: 0;
    display: block;
    line-height: 1.5;
    max-width: 100%;
    overflow: auto;
    width: -moz-max-content;
    width: max-content
}

.markdown-body table th {
    font-weight: 600
}

.markdown-body table td,
.markdown-body table th {
    padding: .4rem .85rem
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--color-accent-contrast)
}

.markdown-body table td:not(:last-of-type),
.markdown-body table th:not(:last-of-type) {
    border-right: .1rem solid var(--color-button-bg)
}

.markdown-body table th,
.markdown-body table tr:not(:last-of-type) td {
    border-bottom: .1rem solid var(--color-button-bg)
}

.markdown-body details {
    border: .15rem solid var(--color-button-bg);
    border-radius: var(--radius-sm);
    padding: .5rem .5rem 0
}

.markdown-body details summary {
    background-color: var(--color-button-bg);
    border-radius: var(--radius-xs);
    cursor: pointer;
    font-weight: 700;
    margin: -.5rem -.5rem 0;
    padding: .5rem .8rem
}

.markdown-body details summary:hover {
    filter: brightness(.85)
}

.markdown-body details[open] {
    padding: .5rem
}

.markdown-body details[open] summary {
    border-radius: var(--radius-xs) var(--radius-xs) 0 0;
    margin-bottom: .5rem
}

.markdown-body details[open]>:last-child:not(summary),
.markdown-body>:last-child {
    margin-bottom: 0 !important
}

.markdown-body iframe,
.markdown-body video {
    aspect-ratio: 16/9;
    height: auto;
    max-width: 100%;
    width: 850px
}

@media screen and (max-width: 1280px) {

    .markdown-body iframe,
    .markdown-body video {
        width: 100%
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ccc url(http://dropdown/arrow/url) no-repeat 100%;
    border: 1px solid #000;
    border-radius: 3px;
    color: #000
}

.goto-link {
    align-items: center;
    color: var(--color-blue);
    display: flex;
    gap: 3px
}

.goto-link:focus-visible,
.goto-link:hover {
    filter: brightness(1.1);
    text-decoration: underline
}

.goto-link:active {
    filter: brightness(1.2)
}

.multiselect {
    color: var(--color-base) !important;
    outline: 2px solid transparent;
    width: 100% !important
}

.multiselect .multiselect__input:focus-visible {
    box-shadow: none !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
    margin-left: .5rem;
    min-height: 0 !important;
    outline: none !important;
    padding: 0 !important
}

.multiselect input {
    background: transparent;
    border: none !important;
    box-shadow: none
}

.multiselect input:focus {
    box-shadow: none
}

.multiselect input::-moz-placeholder {
    color: var(--color-base)
}

.multiselect input::placeholder {
    color: var(--color-base)
}

.multiselect .multiselect__tags {
    background: var(--color-button-bg);
    border: none;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-inset-sm);
    cursor: pointer;
    font-size: 1rem;
    padding-left: 7px;
    padding-top: 10px;
    transition: background-color .1s ease-in-out
}

.multiselect .multiselect__tags:active,
.multiselect .multiselect__tags:active .multiselect__spinner {
    filter: brightness(1.25)
}

.multiselect .multiselect__tags .multiselect__single {
    background: transparent
}

.multiselect .multiselect__tags .multiselect__tag {
    background: transparent;
    border: 2px solid var(--color-brand);
    border-radius: var(--radius-md);
    color: var(--color-base)
}

.multiselect .multiselect__tags .multiselect__tag-icon {
    background: transparent
}

.multiselect .multiselect__tags .multiselect__tag-icon:after {
    color: var(--color-contrast)
}

.multiselect .multiselect__tags .multiselect__placeholder {
    color: var(--color-base);
    font-size: 1rem;
    line-height: 16px;
    margin-bottom: 8px;
    margin-left: .5rem;
    opacity: .6
}

.multiselect .multiselect__content-wrapper {
    background: var(--color-button-bg);
    border: none;
    box-shadow: var(--shadow-inset-sm), var(--shadow-floating);
    overflow-x: hidden;
    width: 100%
}

.multiselect .multiselect__content-wrapper .multiselect__element .multiselect__option--highlight {
    background: var(--color-button-bg);
    color: var(--color-contrast);
    filter: brightness(1.25)
}

.multiselect .multiselect__content-wrapper .multiselect__element .multiselect__option--selected {
    background: var(--color-brand);
    color: var(--color-accent-contrast);
    font-weight: 700
}

.multiselect .multiselect__spinner {
    background: var(--color-button-bg)
}

.multiselect .multiselect__spinner:active {
    filter: brightness(1.25)
}

.multiselect.multiselect--disabled,
.multiselect.multiselect--disabled .multiselect__current,
.multiselect.multiselect--disabled .multiselect__select {
    background: none
}

.multiselect--above .multiselect__content-wrapper {
    border-top: none !important;
    border-top-left-radius: var(--radius-md) !important;
    border-top-right-radius: var(--radius-md) !important
}

.preview-radio {
    background-color: var(--color-button-bg);
    border: 1px solid var(--color-divider);
    border-radius: var(--radius-md);
    color: var(--color-base);
    display: flex;
    flex-direction: column;
    outline: 2px solid transparent;
    overflow: hidden;
    padding: 0;
    width: 100% !important
}

.preview-radio.selected {
    color: var(--color-contrast)
}

.preview-radio.selected .label .radio {
    color: var(--color-brand)
}

.preview-radio.selected .label .theme-icon {
    color: var(--color-text)
}

.preview-radio .preview {
    background-color: var(--color-bg);
    outline: 2px solid transparent;
    padding: 1.5rem;
    width: 100%
}

.preview-radio .preview .example-card {
    margin: 0;
    min-height: 0;
    outline: 2px solid transparent;
    padding: 1rem
}

.preview-radio .label {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding: var(--gap-md) var(--gap-lg);
    text-align: left
}

.preview-radio .label .radio {
    margin-right: .5rem
}

.preview-radio .label .theme-icon {
    color: var(--color-secondary);
    margin-left: .25rem
}

* {
    box-sizing: border-box
}

body {
    background-color: var(--color-bg);
    color: var(--color-base);
    --font-standard: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-family: var(--font-standard);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    margin: 0;
    padding: 0;
    --font-size-xxs: 0.625rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-nm: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 3rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-text: var(--font-weight-medium);
    --font-weight-heading: var(--font-weight-extrabold);
    --font-weight-title: var(--font-weight-extrabold)
}

a.uncolored {
    color: inherit
}


.cm-content {
    white-space: pre-wrap !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.dropdown-input {
    display: flex;
    flex-direction: row;
    gap: 1px
}

.dropdown-input .animated-dropdown {
    width: unset
}

.dropdown-input .animated-dropdown .selected {
    border-radius: var(--radius-md) 0 0 var(--radius-md)
}

.dropdown-input .animated-dropdown .selected.render-down {
    border-radius: var(--radius-md) 0 0 0
}

.dropdown-input .animated-dropdown .selected.render-up {
    border-radius: 0 0 0 var(--radius-md)
}

.dropdown-input input {
    border-radius: 0 var(--radius-md) var(--radius-md) 0
}

.iconified-input {
    align-items: center;
    display: inline-flex;
    position: relative
}

.iconified-input input {
    padding: 0 .5rem 0 2.5rem;
    width: 100%
}

.iconified-input:focus-within svg {
    color: var(--color-contrast);
    opacity: 1
}

.iconified-input svg {
    color: var(--color-base);
    height: 1.25rem;
    left: .75rem;
    opacity: .6;
    position: absolute;
    width: 1.25rem;
    z-index: 1
}

.iconified-input .r-btn {
    position: absolute;
    right: .125rem;
    z-index: 1
}

.iconified-input .r-btn svg {
    left: 0;
    position: relative
}

svg {
    height: 1em;
    width: 1em
}

.chart svg {
    height: 100%;
    width: 100%
}

.button-animation {
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, transform .05s ease-in-out, outline .2s ease-in-out
}

.button-animation:active:not(.button-animation:disabled) {
    transform: scale(.95)
}

button:disabled,
input:disabled {
    cursor: not-allowed !important
}

@media (prefers-reduced-motion) {

    .button-animation,
    button {
        transform: none !important
    }
}

h1,
h2 {
    color: var(--color-contrast)
}

h2 {
    margin-bottom: 1rem;
    margin-top: 0
}

h3 {
    color: var(--color-contrast);
    margin-block: var(--gap-md) var(--gap-md)
}

.hljs,
.hljs-subst {
    color: #444
}

.hljs-comment {
    color: #888
}

.hljs-attribute,
.hljs-doctag,
.hljs-keyword,
.hljs-meta-keyword,
.hljs-name,
.hljs-selector-tag {
    color: #f58300;
    font-weight: 700
}

.hljs-deletion,
.hljs-number,
.hljs-quote,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-template-tag,
.hljs-type {
    color: var(--color-brand)
}

.hljs-section,
.hljs-title {
    color: #088;
    font-weight: 700
}

.hljs-link,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-symbol,
.hljs-template-variable,
.hljs-variable {
    color: #bc6060
}

.hljs-literal {
    color: #78a960
}

.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-code {
    color: #f58300
}

.hljs-meta {
    color: #1f7199
}

.hljs-meta-string {
    color: #4d99bf
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

pre {
    background-color: #222;
    border-color: var(--color-button-bg);
    border-radius: 2em;
    border-width: 5px;
    overflow-x: hidden;
    padding: 1em
}

pre code {
    font-family: monospace;
    letter-spacing: -.05em;
    line-height: 100%;
    padding: .2em;
    word-break: normal
}

[tabindex="0"]:focus-visible,
a:focus-visible,
button:focus-visible {
    border-radius: .25rem;
    outline: .25rem solid #ea80ff
}

@font-face {
    font-display: swap;
    font-family: inter;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Regular.woff2?v=3.19) format("woff2"), url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Regular.woff?v=3.19) format("woff")
}

@font-face {
    font-display: swap;
    font-family: inter;
    font-style: normal;
    font-weight: 500;
    src: url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Medium.woff2?v=3.19) format("woff2"), url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Medium.woff?v=3.19) format("woff")
}

@font-face {
    font-display: swap;
    font-family: inter;
    font-style: normal;
    font-weight: 600;
    src: url(https://cdn-raw.modrinth.com/fonts/inter/Inter-SemiBold.woff2?v=3.19) format("woff2"), url(https://cdn-raw.modrinth.com/fonts/inter/Inter-SemiBold.woff?v=3.19) format("woff")
}

@font-face {
    font-display: swap;
    font-family: inter;
    font-style: normal;
    font-weight: 700;
    src: url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Bold.woff2?v=3.19) format("woff2"), url(https://cdn-raw.modrinth.com/fonts/inter/Inter-Bold.woff?v=3.19) format("woff")
}

@font-face {
    font-display: swap;
    font-family: inter;
    font-style: normal;
    font-weight: 800;
    src: url(https://cdn-raw.modrinth.com/fonts/inter/Inter-ExtraBold.woff2?v=3.19) format("woff2"), url(https://cdn-raw.modrinth.com/fonts/inter/Inter-ExtraBold.woff?v=3.19) format("woff")
}

.btn-wrapper[data-v-87b8daac] {
    display: contents
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child {
    align-items: center;
    background-color: var(--_bg);
    border: 2px solid transparent;
    border-radius: var(--_radius);
    color: var(--_text);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-weight: var(--_font-weight);
    gap: var(--_gap);
    height: var(--_height);
    justify-content: center;
    min-width: var(--_width);
    padding: var(--_padding-y) var(--_padding-x);
    transition: scale .125s ease-in-out, background-color .25s ease-in-out, color .25s ease-in-out;
    white-space: nowrap
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child svg:first-child,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child svg:first-child {
    color: var(--_icon, var(--_text));
    flex-shrink: 0;
    transition: color .25s ease-in-out
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child.disabled,
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child.looks-disabled,
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child.looks-disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child.looks-disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child.looks-disabled,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child.disabled,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child.looks-disabled,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child[disabled=true],
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child[disabled] {
    opacity: .5
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child.disabled,
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child.disabled,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child[disabled=true],
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child[disabled],
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child.disabled,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child[disabled=true],
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child[disabled] {
    cursor: not-allowed
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover {
    background-color: var(--_hover-bg);
    color: var(--_hover-text);
    --tw-brightness: brightness(var(--hover-brightness));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible {
    background-color: var(--_hover-bg);
    color: var(--_hover-text);
    --tw-brightness: brightness(var(--hover-brightness));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):active,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):active,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):active,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):active,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child:not([disabled]):not([disabled=true]):not(.disabled):active {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible svg:first-child,
.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover svg:first-child,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child:not([disabled]):not([disabled=true]):not(.disabled):focus-visible svg:first-child,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child:not([disabled]):not([disabled=true]):not(.disabled):hover svg:first-child {
    color: var(--_hover-icon, var(--_hover-text))
}

.btn-wrapper.outline[data-v-87b8daac] :is(button, a, .button-like):first-child,
.btn-wrapper.outline [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child,
.btn-wrapper.outline [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child,
.btn-wrapper.outline [data-v-87b8daac-s]>:is(button, a, .button-like):first-child,
.btn-wrapper.outline :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child {
    border-color: currentColor
}

.btn-wrapper[data-v-87b8daac] :is(button, a, .button-like):first-child>svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child>svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child>svg:first-child,
.btn-wrapper [data-v-87b8daac-s]>:is(button, a, .button-like):first-child>svg:first-child,
.btn-wrapper :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child>svg:first-child {
    min-height: var(--_icon-size, 1rem);
    min-width: var(--_icon-size, 1rem)
}

.joined-buttons[data-v-87b8daac] {
    display: flex;
    gap: 1px
}

.joined-buttons>.btn-wrapper[data-v-87b8daac]:not(:first-child) :is(button, a, .button-like):first-child,
.joined-buttons>.btn-wrapper:not(:first-child) [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child,
.joined-buttons>.btn-wrapper:not(:first-child) [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child,
.joined-buttons>.btn-wrapper:not(:first-child) [data-v-87b8daac-s]>:is(button, a, .button-like):first-child,
.joined-buttons>.btn-wrapper:not(:first-child) :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.joined-buttons[data-v-87b8daac]>:not(:last-child) :is(button, a, .button-like):first-child,
.joined-buttons>:not(:last-child) [data-v-87b8daac-s]>:first-child>:first-child>:is(button, a, .button-like):first-child,
.joined-buttons>:not(:last-child) [data-v-87b8daac-s]>:first-child>:is(button, a, .button-like):first-child,
.joined-buttons>:not(:last-child) [data-v-87b8daac-s]>:is(button, a, .button-like):first-child,
.joined-buttons>:not(:last-child) :is(button[data-v-87b8daac-s], a[data-v-87b8daac-s], .button-like[data-v-87b8daac-s]):first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.vue-notification-group[data-v-4869244f] {
    bottom: 1.5rem;
    position: fixed;
    right: 1.5rem;
    width: 450px;
    z-index: 200
}

@media screen and (max-width: 500px) {
    .vue-notification-group[data-v-4869244f] {
        bottom: .75rem;
        right: .75rem;
        width: calc(100% - 1.5rem)
    }
}

.vue-notification-group.intercom-present[data-v-4869244f] {
    bottom: 5rem
}

.vue-notification-group.rightwards[data-v-4869244f] {
    left: 1.5rem;
    right: unset !important
}

@media screen and (max-width: 500px) {
    .vue-notification-group.rightwards[data-v-4869244f] {
        left: .75rem
    }
}

.vue-notification-group .vue-notification-wrapper[data-v-4869244f] {
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
}

.vue-notification-group .vue-notification-wrapper[data-v-4869244f]:last-child {
    margin: 0
}

@media screen and (max-width: 750px) {
    .vue-notification-group[data-v-4869244f] {
        bottom: calc(var(--size-mobile-navbar-height) + 10px) !important;
        transition: bottom .25s ease-in-out
    }

    .vue-notification-group.browse-menu-open[data-v-4869244f] {
        bottom: calc(var(--size-mobile-navbar-height-expanded) + 10px) !important
    }
}

.notifs-enter-active[data-v-4869244f],
.notifs-leave-active[data-v-4869244f],
.notifs-move[data-v-4869244f] {
    transition: all .25s ease-in-out
}

.notifs-enter-from[data-v-4869244f],
.notifs-leave-to[data-v-4869244f] {
    opacity: 0
}

.notifs-enter-from[data-v-4869244f] {
    transform: translateY(100%) scale(.8)
}

.notifs-leave-to[data-v-4869244f] {
    transform: translateX(100%) scale(.8)
}

.main[data-v-68c08266] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: var(--spacing-card-lg) auto;
    min-height: min(90vh, 30rem);
    width: calc(100% - 4rem)
}

@media screen and (min-width: 800px) {
    .main[data-v-68c08266] {
        width: 600px
    }
}

.error-graphic[data-v-68c08266] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.error-graphic svg[data-v-68c08266] {
    fill: var(--color-text);
    color: var(--color-text);
    height: auto;
    width: min(15rem, 100%)
}

.error-box[data-v-68c08266] {
    background-color: var(--color-raised-bg);
    border-radius: 1.25rem;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.75rem 2rem;
    position: relative
}

.error-box.has-bot[data-v-68c08266] {
    margin-block: 120px
}

.error-box p[data-v-68c08266] {
    margin: 0
}

.error-box a[data-v-68c08266] {
    color: var(--color-brand);
    font-weight: 600
}

.error-box a[data-v-68c08266]:focus,
.error-box a[data-v-68c08266]:hover {
    filter: brightness(1.125);
    text-decoration: underline
}

.error-box__sad-bot[data-v-68c08266] {
    --_bot-height: 112px;
    height: var(--_bot-height);
    position: absolute;
    right: 5rem;
    top: calc(var(--_bot-height)*-1);
    width: auto
}

@media screen and (max-width: 768px) {
    .error-box__sad-bot[data-v-68c08266] {
        --_bot-height: 70px;
        right: 2rem
    }
}

.error-box__top-glow[data-v-68c08266] {
    background: linear-gradient(to right, transparent 2rem, var(--color-green) calc(100% - 13rem), var(--color-green) calc(100% - 5rem), transparent calc(100% - 2rem));
    height: 1px;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%
}

.error-box__title[data-v-68c08266] {
    font-size: 2rem;
    font-weight: 900;
    margin: 0
}

.error-box__subtitle[data-v-68c08266] {
    font-size: 1.25rem;
    font-weight: 600
}

.error-box__body[data-v-68c08266] {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.error-box__list-title[data-v-68c08266] {
    font-weight: 600
}

.error-box__list[data-v-68c08266] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0;
    padding-left: 1.25rem
}

.error-box li[data-v-68c08266] {
    line-height: 1.5
}

.error-box__details[data-v-68c08266] {
    color: var(--color-secondary);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    font-weight: 500;
    gap: .25rem
}

html {
    --dark-color-text: #b0bac5;
    --dark-color-text-dark: #ecf9fb;
    --color-text-secondary: var(--color-icon)
}

:root {
    --gap-2: 0.125rem;
    --gap-4: calc(var(--gap-2)*2);
    --gap-6: calc(var(--gap-2)*3);
    --gap-8: calc(var(--gap-4)*2);
    --gap-12: calc(var(--gap-4)*3);
    --gap-16: calc(var(--gap-8)*2);
    --gap-24: calc(var(--gap-8)*3);
    --radius-card: 1rem;
    --radius-max: 999999999px;
    --radius-btn: 0.75rem;
    --radius-btn-large: 1rem;
    --radius-btn-circle: var(--radius-max);
    --text-14: 0.875rem;
    --text-16: 1rem;
    --text-18: 1.125rem;
    --text-24: 1.5rem;
    --text-32: 2rem;
    --weight-normal: 500;
    --weight-bold: 600;
    --weight-extrabold: 800;
    --icon-14: 0.875rem;
    --icon-16: 1rem;
    --icon-20: 1.25rem;
    --icon-24: 1.5rem;
    --icon-32: 2rem;
    interpolate-size: allow-keywords
}

.light-mode {
    --color-secondary: #6b7280;
    --color-icon: var(--color-secondary);
    --color-text: #111827;
    --color-text-inactive: #4b5563;
    --color-text-dark: #1a202c;
    --color-heading: #2c313d;
    --color-bg: #e5e7eb;
    --color-raised-bg: #fff;
    --color-divider: #e5e7eb;
    --color-divider-dark: #c8cdd3;
    --color-text-inverted: var(--color-bg);
    --color-bg-inverted: var(--color-text);
    --color-brand: var(--color-green);
    --color-brand-highlight: rgba(0, 175, 92, .25);
    --color-brand-shadow: rgba(0, 175, 92, .7);
    --color-brand-inverted: #fff;
    --tab-underline-hovered: #e2e8f0;
    --color-button-bg: #e5e7eb;
    --color-button-text: var(--color-text-dark);
    --color-button-bg-hover: #d9dce0;
    --color-button-text-hover: #1b1e24;
    --color-button-bg-active: #c3c6cb;
    --color-button-text-active: var(--color-button-text-hover);
    --color-toggle-handle: var(--color-icon);
    --color-dropdown-bg: var(--color-button-bg);
    --color-dropdown-text: var(--color-button-text);
    --color-code-bg: var(--color-bg);
    --color-code-text: var(--color-text-dark);
    --color-kbd-shadow: rgba(0, 0, 0, .25);
    --color-ad: #d6e6f9;
    --color-ad-raised: #b1c8e4;
    --color-ad-contrast: var(--color-text);
    --color-ad-highlight: #088cdb;
    --color-grey-link: var(--color-text);
    --color-grey-link-hover: var(--color-heading);
    --color-grey-link-active: var(--color-text-dark);
    --color-link: #0d60bb;
    --color-link-hover: #1a76e7;
    --color-link-active: #146fd7;
    --color-warning-bg: #f6cbcf;
    --color-warning-text: #981b40;
    --color-warning-banner-text: #2d2424;
    --color-warning-banner-bg: #ffe6e6;
    --color-warning-banner-side: #b6161e;
    --color-info-banner-text: var(--color-text);
    --color-info-banner-bg: var(--color-ad);
    --color-info-banner-side: var(--color-blue);
    --color-block-quote: var(--color-tooltip-bg);
    --color-header-underline: var(--color-divider-dark);
    --color-hr: var(--color-text);
    --color-table-border: #dfe2e5;
    --color-table-alternate-row: #f2f4f7;
    --shadow-inset-lg: inset 0px -2px 2px rgba(17, 24, 39, .1);
    --shadow-inset: inset 0px -2px 2px rgba(17, 24, 39, .05);
    --shadow-inset-sm: inset 0px -1px 2px rgba(17, 24, 39, .15);
    --shadow-raised-lg: 0px 2px 4px rgba(17, 24, 39, .2);
    --shadow-raised: 0.3px 0.5px 0.6px hsl(var(--shadow-color)/0.15), 1px 2px 2.2px -1.7px hsl(var(--shadow-color)/0.12), 4.4px 8.8px 9.7px -3.4px hsl(var(--shadow-color)/0.09);
    --shadow-floating: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .1) 0px 2px 4px -1px;
    --shadow-card: rgba(50, 50, 100, .1) 0px 2px 4px 0px;
    --landing-maze-bg: url(https://cdn.modrinth.com/landing-new/landing-light.webp);
    --landing-maze-gradient-bg: url(https://cdn.modrinth.com/landing-new/landing-lower-light.webp);
    --landing-maze-outer-bg: linear-gradient(180deg, #f0f0f0, #fff);
    --landing-color-heading: #000;
    --landing-color-subheading: #3a3f45;
    --landing-transition-gradient-start: hsla(0, 0%, 100%, 0);
    --landing-transition-gradient-end: #fff;
    --landing-hover-card-gradient: radial-gradient(50% 50% at 50% 50%, #fff 0%, hsla(0, 0%, 80%, .77) 100%);
    --landing-border-gradient: linear-gradient(to bottom right, rgba(129, 137, 175, .75), rgba(66, 71, 97, .34));
    --landing-border-color: rgba(129, 137, 175, .55);
    --landing-creator-gradient: linear-gradient(180deg, #f8f8f8, #f8f8f8 63.19%);
    --landing-blob-gradient: radial-gradient(50% 50% at 50% 50%, hsla(0, 0%, 100%, .35) 0%, hsla(0, 0%, 100%, .27) 100%);
    --landing-blob-shadow: 2px 2px 12px rgba(0, 0, 0, .16), inset 2px 2px 64px hsla(0, 0%, 100%, .45);
    --landing-card-bg: hsla(0, 0%, 100%, .8);
    --landing-card-shadow: 2px 2px 12px rgba(0, 0, 0, .16);
    --landing-blue-label: #0098ba;
    --landing-blue-label-bg: rgba(0, 177, 216, .15);
    --landing-green-label: #00a936;
    --landing-green-label-bg: rgba(0, 216, 69, .15);
    --landing-raw-bg: #fff;
    --banner-error-bg: #fee2e2;
    --banner-error-text: #991b1b;
    --banner-error-border: #ef4444;
    --banner-warning-bg: #ffedd5;
    --banner-warning-text: #713f12;
    --banner-warning-border: #f97316;
    --banner-info-bg: #dbeafe;
    --banner-info-text: #1e3a8a;
    --banner-info-border: #3b82f6
}

.dark,
.dark-mode,
.oled-mode,
.retro-mode,
html {
    --color-secondary: #96a2b0;
    --color-icon: var(--color-secondary);
    --color-text: var(--dark-color-text);
    --color-text-inactive: #929aa3;
    --color-text-dark: var(--dark-color-text-dark);
    --color-heading: #c4cfdd;
    --color-bg: #16181c;
    --color-raised-bg: #26292f;
    --color-divider: #474b54;
    --color-divider-dark: #646c75;
    --color-text-inverted: var(--color-bg);
    --color-bg-inverted: var(--color-text);
    --color-brand: var(--color-green);
    --color-brand-highlight: rgba(27, 217, 106, .25);
    --color-brand-shadow: rgba(27, 217, 106, .7);
    --color-brand-inverted: #000;
    --tab-underline-hovered: #414146;
    --color-button-bg: #434956;
    --color-button-text: var(--color-text);
    --color-button-bg-hover: #494f58;
    --color-button-text-hover: #fff;
    --color-button-bg-active: #616570;
    --color-button-text-active: var(--color-button-text-hover);
    --color-toggle-handle: var(--color-button-text);
    --color-dropdown-bg: var(--color-button-bg);
    --color-dropdown-text: var(--color-button-text);
    --color-code-bg: var(--color-button-bg);
    --color-code-text: var(--color-text-dark);
    --color-kbd-shadow: rgba(0, 0, 0, .35);
    --color-ad: #1f324a;
    --color-ad-raised: #2e4057;
    --color-ad-contrast: var(--color-text);
    --color-ad-highlight: #088cdb;
    --color-link: #74b6f3;
    --color-link-hover: #92c0f5;
    --color-link-active: #b5d5fd;
    --color-warning-bg: #570f15;
    --color-warning-text: #ec93ad;
    --color-warning-banner-text: #ffebeb;
    --color-warning-banner-bg: #362627;
    --color-warning-banner-side: #b6161e;
    --color-info-banner-text: var(--color-text);
    --color-info-banner-bg: var(--color-ad);
    --color-info-banner-side: var(--color-blue);
    --color-block-quote: var(--color-code-bg);
    --color-header-underline: var(--color-divider-dark);
    --color-hr: var(--color-text);
    --color-table-border: #4f5864;
    --color-table-alternate-row: #202228;
    --shadow-inset-lg: inset 0px -2px 2px rgba(17, 24, 39, .1);
    --shadow-inset: inset 0px -2px 2px rgba(17, 24, 39, .05);
    --shadow-inset-sm: inset 0px -1px 1px rgba(17, 24, 39, .25);
    --shadow-raised-lg: 0px 2px 4px rgba(17, 24, 39, .2);
    --shadow-raised: 0px -2px 4px rgba(17, 24, 39, .1);
    --shadow-floating: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px, rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .06) 0px 2px 4px -1px;
    --shadow-card: rgba(0, 0, 0, .25) 0px 2px 4px 0px;
    --landing-maze-bg: url(https://cdn.modrinth.com/landing-new/landing.webp);
    --landing-maze-gradient-bg: linear-gradient(0deg, #31375f, rgba(8, 14, 55, 0)), url(https://cdn.modrinth.com/landing-new/landing-lower.webp);
    --landing-maze-outer-bg: linear-gradient(180deg, #06060d, #000);
    --landing-color-heading: #fff;
    --landing-color-subheading: #afb6be;
    --landing-transition-gradient-start: rgba(14, 16, 32, 0);
    --landing-transition-gradient-end: #060a1c;
    --landing-hover-card-gradient: radial-gradient(50% 50% at 50% 50%, #2c304f 0%, rgba(32, 35, 50, .77) 100%);
    --landing-border-gradient: linear-gradient(to bottom right, rgba(168, 177, 221, .75), rgba(168, 177, 221, .18));
    --landing-border-color: rgba(168, 177, 221, .55);
    --landing-creator-gradient: linear-gradient(180deg, #000, #0e101d);
    --landing-blob-gradient: radial-gradient(50% 50% at 50% 50%, rgba(44, 48, 79, .35) 0%, rgba(32, 35, 50, .27) 100%);
    --landing-blob-shadow: 2px 2px 12px rgba(0, 0, 0, .16), inset 2px 2px 64px rgba(57, 61, 94, .45);
    --landing-card-bg: rgba(59, 63, 85, .15);
    --landing-card-shadow: 2px 2px 12px rgba(0, 0, 0, .16);
    --landing-blue-label: #10c0e7;
    --landing-blue-label-bg: rgba(0, 177, 216, .15);
    --landing-green-label: #00d845;
    --landing-green-label-bg: rgba(0, 216, 69, .15);
    --landing-raw-bg: #000;
    --hover-filter: brightness(120%);
    --active-filter: brightness(140%);
    --banner-error-bg: #4c1515;
    --banner-error-text: #fee2e2;
    --banner-error-border: #7f1d1d;
    --banner-warning-bg: #4a2a0a;
    --banner-warning-text: #ffe6c0;
    --banner-warning-border: #b54708;
    --banner-info-bg: #1e2a44;
    --banner-info-text: #dbeafe;
    --banner-info-border: #2563eb
}

.oled-mode {
    --color-bg: #000;
    --color-raised-bg: #101013;
    --color-button-bg: #222329;
    --color-button-bg-hover: #2d2d32;
    --color-button-bg-active: #3c3c40;
    --color-table-alternate-row: #19191c;
    --color-divider-dark: #2c3134;
    --color-warning-banner-bg: #290f0f;
    --color-ad: #0d1828
}

.retro-mode {
    --color-bg: #191917;
    --color-raised-bg: #1d1e1b;
    --color-button-bg: #3a3b38;
    --color-base: #c3c4b3;
    --color-secondary: #777a74;
    --color-contrast: #e6e2d1;
    --color-brand: #4d9227;
    --color-brand-highlight: #25421e;
    --color-ad: var(--color-brand-highlight);
    --color-ad-raised: var(--color-brand);
    --color-ad-contrast: #000;
    --color-ad-highlight: var(--color-brand);
    --color-red: #e8200d;
    --color-orange: #e88d0d;
    --color-green: #3cdb36;
    --color-blue: #099fef;
    --color-purple: #8b81e6;
    --color-gray: #718096;
    --color-red-highlight: rgba(232, 32, 13, .25);
    --color-orange-highlight: rgba(232, 141, 13, .25);
    --color-green-highlight: rgba(60, 219, 54, .25);
    --color-blue-highlight: rgba(9, 159, 239, .25);
    --color-purple-highlight: rgba(139, 129, 230, .25);
    --color-gray-highlight: rgba(113, 128, 150, .25)
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    --font-standard: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    --mono-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-family: var(--font-standard);
    font-size: 16px;
    font-weight: var(--font-weight-regular);
    margin: 0;
    padding: 0;
    --size-rounded-xs: 0.5rem;
    --size-rounded-sm: 0.75rem;
    --size-rounded-md: 1rem;
    --size-rounded-lg: 1.25rem;
    --size-rounded-max: 999999999px;
    --size-rounded-card: 1rem;
    --size-rounded-icon: 1rem;
    --size-rounded-control: 0.25rem;
    --size-rounded-tooltip: 0.25rem;
    --size-navbar-height: 3.5rem;
    --size-mobile-navbar-height: 3.5rem;
    --size-mobile-navbar-height-expanded: 13.75rem;
    --spacing-card-lg: 1.5rem;
    --spacing-card-bg: 1rem;
    --spacing-card-md: 0.75rem;
    --spacing-card-sm: 0.5rem;
    --spacing-card-xs: 0.25rem;
    --font-size-xxs: 0.625rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-nm: 1rem;
    --font-size-md: 1.125rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-size-3xl: 3rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-text: var(--font-weight-medium);
    --font-weight-heading: var(--font-weight-extrabold);
    --font-weight-title: var(--font-weight-extrabold)
}

@media screen and (min-width: 320px) {
    body {
        --size-mobile-navbar-height-expanded: 11.5rem
    }
}

@media screen and (min-width: 432px) {
    body {
        --size-mobile-navbar-height-expanded: 9.25rem
    }
}

@media screen and (min-width: 765px) {
    body {
        --size-mobile-navbar-height-expanded: 7rem
    }
}

svg {
    height: 1em;
    width: 1em
}

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

h1,
h2 {
    color: var(--color-text-dark)
}

h2 {
    margin-bottom: 1rem;
    margin-top: 0
}

h3 {
    color: var(--color-text-dark);
    margin-block: var(--spacing-card-md) var(--spacing-card-sm)
}

input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 2px solid transparent;
    border-radius: var(--size-rounded-sm);
    box-sizing: border-box
}

pre {
    font-weight: var(--font-weight-regular)
}

input,
textarea {
    background: var(--color-button-bg);
    border: none;
    box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
    color: var(--color-text);
    font-weight: var(--font-weight-medium);
    min-height: 36px;
    outline: 2px solid transparent;
    padding: .5rem 1rem;
    transition: box-shadow .1s ease-in-out
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
    box-shadow: inset 0 0 0 transparent, 0 0 0 .25rem var(--color-brand-shadow);
    color: var(--color-button-text-active)
}

input:disabled,
input[disabled=true],
textarea:disabled,
textarea[disabled=true] {
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: .8
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: .8
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--color-button-text);
    opacity: .6
}

input::placeholder,
textarea::placeholder {
    color: var(--color-button-text);
    opacity: .6
}

button,
input[type=button] {
    border: none;
    cursor: pointer;
    outline: 2px solid transparent
}

kbd {
    background-color: var(--color-code-bg);
    border-radius: 3px;
    box-shadow: 0 2px 1px var(--color-kbd-shadow);
    color: var(--color-code-text);
    font-size: .85em !important;
    line-height: 1;
    padding: .2em .5em .1em
}

.columns {
    display: flex
}

.columns .column-grow-1 {
    flex-grow: 1
}

.columns .column-grow-2 {
    flex-grow: 2
}

.columns .column-grow-3 {
    flex-grow: 3
}

.columns .column-grow-4 {
    flex-grow: 4
}

.columns .column-grow-5 {
    flex-grow: 5
}

.rows {
    display: flex;
    flex-direction: column
}

.rows .row-grow-1 {
    flex-grow: 1
}

.rows .row-grow-2 {
    flex-grow: 2
}

.rows .row-grow-3 {
    flex-grow: 3
}

.rows .row-grow-4 {
    flex-grow: 4
}

.page-container {
    margin: var(--spacing-card-md);
    margin-top: 0
}

.page-container .page-contents {
    display: flex;
    flex-direction: column
}

.page-container .page-contents .content {
    width: 100%
}

@media screen and (min-width: 1024px) {
    .page-container .page-contents {
        flex-direction: row;
        margin-left: auto;
        margin-right: auto
    }
}

.normal-page {
    display: grid;
    grid-template: "sidebar" "content" "info" /100%;
    padding: 0 1.5rem
}

@media screen and (max-width: 1024px) {
    .normal-page {
        margin-top: var(--spacing-card-md)
    }
}

.normal-page .normal-page__sidebar {
    grid-area: sidebar
}

.normal-page .normal-page__info {
    grid-area: info
}

.normal-page .normal-page__content {
    grid-area: content
}

.normal-page .normal-page__header {
    grid-area: header
}

@media (min-width: 1024px) {
    .full-page {
        margin: 0 auto;
        max-width: min(1280px, 100vw);
        width: 80rem
    }

    .normal-page {
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        grid-template: "sidebar content" auto "info content" auto "dummy content" 1fr/18.75rem 1fr;
        margin: 0 auto;
        max-width: 80rem
    }

    .normal-page.alt-layout {
        grid-template: "content sidebar" auto "content info" auto "content dummy" 1fr/1fr 18.75rem
    }

    .normal-page.no-sidebar {
        grid-template: "header header" auto "content content" auto "info info" auto "dummy dummy" 1fr/1fr 1fr
    }

    .normal-page.no-sidebar .normal-page__content {
        grid-area: content;
        max-width: 100%
    }

    .normal-page__sidebar {
        min-width: 18.75rem;
        width: 18.75rem
    }

    .normal-page__content {
        max-width: 59.75rem
    }
}

.new-page {
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: grid;
    grid-template: "header" "content" "sidebar" /100%;
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1.5rem 1.5rem
}

.new-page .normal-page__ultimate-sidebar {
    bottom: 1rem;
    grid-area: ultimate-sidebar;
    max-height: calc(100vh - 2rem);
    max-width: calc(100% - 2rem);
    overflow-y: auto;
    position: fixed;
    right: 1rem;
    z-index: 100
}

.new-page .normal-page__ultimate-sidebar>div {
    box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

@media screen and (min-width: 1024px) {
    .new-page.sidebar {
        grid-template: "header header" auto "content sidebar" auto "content dummy" 1fr/1fr 18.75rem
    }

    .new-page.sidebar.alt-layout {
        grid-template: "header header" auto "sidebar content" auto "dummy content" 1fr/18.75rem 1fr
    }

    .new-page .normal-page__sidebar {
        min-width: 18.75rem;
        width: 18.75rem
    }
}

@media screen and (min-width: 1400px) {
    .new-page.ultimate-sidebar {
        grid-template: "header header ultimate-sidebar" auto "content sidebar ultimate-sidebar" auto "content dummy ultimate-sidebar" 1fr/1fr 18.75rem auto;
        max-width: calc(80.75rem + 600px)
    }

    .new-page.ultimate-sidebar .normal-page__header {
        max-width: 80rem
    }

    .new-page.ultimate-sidebar .normal-page__ultimate-sidebar {
        align-self: start;
        bottom: unset;
        display: flex;
        height: calc(100vh - 9rem);
        position: sticky;
        right: unset;
        top: 4.5rem;
        z-index: unset
    }

    .new-page.ultimate-sidebar .normal-page__ultimate-sidebar>div {
        box-shadow: none
    }

    .new-page.ultimate-sidebar.alt-layout {
        grid-template: "ultimate-sidebar header header" auto "ultimate-sidebar sidebar content" auto "ultimate-sidebar dummy content" 1fr/auto 18.75rem 1fr
    }
}

.new-page .normal-page__sidebar {
    grid-area: sidebar
}

.new-page .normal-page__content {
    grid-area: content;
    max-width: 59.75rem
}

.new-page .normal-page__header {
    grid-area: header
}

body {
    overflow-x: hidden;
    overflow-y: scroll
}

.text-container p {
    line-height: 1.3
}

.visually-hidden:not(caption) {
    position: absolute 
}

.preserve-lines {
    white-space: pre-line
}

.grid-display {
    display: grid;
    grid-gap: var(--spacing-card-md);
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr))
}

.grid-display .grid-display__item {
    background-color: var(--color-bg);
    border-radius: var(--size-rounded-card);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--spacing-card-md);
    justify-content: flex-start;
    outline: 1px solid transparent;
    padding: var(--spacing-card-lg)
}

.grid-display .grid-display__item .label {
    color: var(--color-heading);
    font-size: 1rem;
    font-weight: 700
}

.grid-display .grid-display__item .value {
    color: var(--color-text-dark);
    font-size: 2rem;
    font-weight: 700
}

.grid-display .grid-display__item .goto-link {
    margin-top: auto
}

.grid-display.width-12 {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr))
}

.grid-display.width-16 {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr))
}

.base-card,
.navigation-card,
.universal-card {
    background-color: var(--color-raised-bg);
    border-radius: var(--size-rounded-card);
    box-shadow: var(--shadow-card);
    margin-bottom: var(--spacing-card-md);
    outline: 2px solid transparent;
    outline-offset: -2px;
    position: relative
}

.base-card .card__overlay,
.navigation-card .card__overlay,
.universal-card .card__overlay {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 1rem;
    top: 1rem;
    grid-gap: .5rem;
    z-index: 2
}

.base-card.moderation-card,
.moderation-card.navigation-card,
.moderation-card.universal-card {
    background-color: var(--color-warning-banner-bg)
}

.base-card.recessed,
.recessed.navigation-card,
.recessed.universal-card {
    background-color: var(--color-bg);
    box-shadow: none
}

.universal-body .label :where(.label__title),
.universal-body label :where(.label__title),
.universal-card .label :where(.label__title),
.universal-card label :where(.label__title),
.universal-labels .label :where(.label__title),
.universal-labels label :where(.label__title),
.universal-modal .label :where(.label__title),
.universal-modal label :where(.label__title) {
    color: var(--color-text-dark);
    display: block;
    font-size: 1.17rem;
    font-weight: 700;
    margin-block: var(--spacing-card-md) var(--spacing-card-sm)
}

.universal-body .label :where(.label__title) .required,
.universal-body label :where(.label__title) .required,
.universal-card .label :where(.label__title) .required,
.universal-card label :where(.label__title) .required,
.universal-labels .label :where(.label__title) .required,
.universal-labels label :where(.label__title) .required,
.universal-modal .label :where(.label__title) .required,
.universal-modal label :where(.label__title) .required {
    color: var(--color-red)
}

.universal-body .label :where(.label__title).size-card-header,
.universal-body label :where(.label__title).size-card-header,
.universal-card .label :where(.label__title).size-card-header,
.universal-card label :where(.label__title).size-card-header,
.universal-labels .label :where(.label__title).size-card-header,
.universal-labels label :where(.label__title).size-card-header,
.universal-modal .label :where(.label__title).size-card-header,
.universal-modal label :where(.label__title).size-card-header {
    font-size: var(--font-size-xl);
    margin-bottom: 1rem
}

.universal-body .label :where(.label__description),
.universal-body label :where(.label__description),
.universal-card .label :where(.label__description),
.universal-card label :where(.label__description),
.universal-labels .label :where(.label__description),
.universal-labels label :where(.label__description),
.universal-modal .label :where(.label__description),
.universal-modal label :where(.label__description) {
    display: block;
    margin-block-end: var(--spacing-card-sm)
}

.universal-body .label :where(.label__description) .label__subdescription,
.universal-body label :where(.label__description) .label__subdescription,
.universal-card .label :where(.label__description) .label__subdescription,
.universal-card label :where(.label__description) .label__subdescription,
.universal-labels .label :where(.label__description) .label__subdescription,
.universal-labels label :where(.label__description) .label__subdescription,
.universal-modal .label :where(.label__description) .label__subdescription,
.universal-modal label :where(.label__description) .label__subdescription {
    display: block;
    margin-block-start: var(--spacing-card-md)
}

.universal-body .label :where(h1, h2, h3, h4),
.universal-body label :where(h1, h2, h3, h4),
.universal-card .label :where(h1, h2, h3, h4),
.universal-card label :where(h1, h2, h3, h4),
.universal-labels .label :where(h1, h2, h3, h4),
.universal-labels label :where(h1, h2, h3, h4),
.universal-modal .label :where(h1, h2, h3, h4),
.universal-modal label :where(h1, h2, h3, h4) {
    margin-block: 0
}

.base-card,
.navigation-card,
.padding-lg,
.universal-card {
    padding: var(--spacing-card-lg)
}

.padding-bg {
    padding: var(--spacing-card-bg)
}

.padding-md {
    padding: var(--spacing-card-md)
}

.padding-sm {
    padding: var(--spacing-card-sm)
}

.padding-0 {
    padding: 0
}

.padding-block-lg {
    padding-block: var(--spacing-card-lg)
}

.padding-block-bg {
    padding-block: var(--spacing-card-bg)
}

.navigation-card,
.padding-block-md {
    padding-block: var(--spacing-card-md)
}

.padding-block-sm {
    padding-block: var(--spacing-card-sm)
}

.padding-block-0 {
    padding-block: 0
}

.navigation-card,
.padding-inline-lg {
    padding-inline: var(--spacing-card-lg)
}

.padding-inline-bg {
    padding-inline: var(--spacing-card-bg)
}

.padding-inline-md {
    padding-inline: var(--spacing-card-md)
}

.padding-inline-sm {
    padding-inline: var(--spacing-card-sm)
}

.padding-inline-0 {
    padding-inline: 0
}

.universal-body .multiselect,
.universal-card .multiselect,
.universal-modal .multiselect {
    width: 15rem
}

.universal-body>:where(input+*, .input-group+*, .textarea-wrapper+*, .chips+*, .resizable-textarea-wrapper+*, .input-div+*):not(:empty),
.universal-card>:where(input+*, .input-group+*, .textarea-wrapper+*, .chips+*, .resizable-textarea-wrapper+*, .input-div+*):not(:empty),
.universal-modal>:where(input+*, .input-group+*, .textarea-wrapper+*, .chips+*, .resizable-textarea-wrapper+*, .input-div+*):not(:empty) {
    margin-block-start: var(--spacing-card-md)
}

.universal-body :where(button, .button, .iconified-button, .header-button),
.universal-card :where(button, .button, .iconified-button, .header-button),
.universal-modal :where(button, .button, .iconified-button, .header-button) {
    width: -moz-fit-content;
    width: fit-content
}

.universal-body .input-group input,
.universal-card .input-group input,
.universal-modal .input-group input {
    flex-basis: 0;
    width: auto
}

.universal-body :where(input),
.universal-card :where(input),
.universal-modal :where(input) {
    box-sizing: border-box;
    max-height: 40px
}

.universal-body :where(input):not(.stylized-toggle),
.universal-card :where(input):not(.stylized-toggle),
.universal-modal :where(input):not(.stylized-toggle) {
    max-width: 100%
}

:where(.adjacent-input) {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-card-sm);
    margin-bottom: calc(var(--spacing-card-sm) + var(--spacing-card-md))
}

:where(.adjacent-input) .header-button,
:where(.adjacent-input) .iconified-button,
:where(.adjacent-input) .input-group {
    flex-shrink: 0
}

:where(.adjacent-input) input {
    flex-shrink: 1
}

:where(.adjacent-input)>:first-child {
    flex-basis: min-content;
    flex-grow: 1;
    flex-shrink: 2
}

:where(.adjacent-input) .label .label__title,
:where(.adjacent-input) label .label__title {
    margin-block: 0
}

:where(.adjacent-input) .label .label__description,
:where(.adjacent-input) label .label__description {
    margin-block-end: 0
}

:where(.adjacent-input) .label .label__description:not(:first-child),
:where(.adjacent-input) label .label__description:not(:first-child) {
    margin-top: var(--spacing-card-sm)
}

@media screen and (max-width: 750px) {
    :where(.adjacent-input):not(:where(.adjacent-input).small) {
        align-items: flex-start;
        flex-direction: column
    }

    :where(.adjacent-input):not(:where(.adjacent-input).small) .stylized-toggle {
        flex-basis: 0
    }
}

.universal-body h1,
.universal-card h1,
.universal-modal h1 {
    align-items: center;
    display: flex
}

.universal-body .markdown-body h1,
.universal-card .markdown-body h1,
.universal-modal .markdown-body h1 {
    display: block
}

.universal-body>:first-child,
.universal-body>:first-child :first-child,
.universal-card>:first-child,
.universal-card>:first-child :first-child,
.universal-modal>:first-child,
.universal-modal>:first-child :first-child {
    margin-block-start: 0
}

.universal-body>:last-child,
.universal-card>:last-child,
.universal-modal>:last-child {
    margin-block-end: 0
}

.universal-body :where(.header__row),
.universal-card :where(.header__row),
.universal-modal :where(.header__row) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-card-sm)
}

.universal-body :where(.header__row) *,
.universal-card :where(.header__row) *,
.universal-modal :where(.header__row) * {
    flex-shrink: 0
}

.universal-body :where(.header__row) .header__title,
.universal-card :where(.header__row) .header__title,
.universal-modal :where(.header__row) .header__title {
    flex-grow: 1;
    margin: 0
}

.universal-body :where(.header__row):not(:last-child),
.universal-card :where(.header__row):not(:last-child),
.universal-modal :where(.header__row):not(:last-child) {
    margin-bottom: var(--spacing-card-md)
}

.universal-modal {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-card-bg)
}

.universal-modal>p:first-child {
    margin-top: 0
}

@media screen and (max-width: 750px) {

    .universal-modal .adjacent-input,
    .universal-modal.adjacent-input .universal-modal:not(.universal-modal.small) {
        align-items: center;
        flex-direction: row
    }
}

@media screen and (max-width: calc(600px + 2rem)) {

    .universal-modal .adjacent-input,
    .universal-modal.adjacent-input .universal-modal:not(.universal-modal.small) {
        align-items: flex-start;
        flex-direction: column
    }
}

.navigation-card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 3.75rem;
    row-gap: .5rem
}

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

.text-link:focus-visible,
.text-link:hover {
    color: var(--color-link-hover);
    cursor: pointer;
    text-decoration: underline
}

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

.title-link {
    text-decoration: underline
}

.title-link:focus-visible,
.title-link:hover {
    color: var(--color-heading)
}

.title-link:active {
    color: var(--color-text-dark)
}

.button-base,
.header-button,
.iconified-button,
.square-button,
.stylized-toggle,
:not(tr).button-transparent {
    font-weight: 500;
    outline: 2px solid transparent
}

.button-base:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.button-base:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.button-transparent:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)):not(tr),
.button-transparent:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)):not(tr),
.header-button:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.header-button:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.iconified-button:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.iconified-button:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.square-button:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.square-button:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.stylized-toggle:focus-visible:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.stylized-toggle:hover:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)) {
    cursor: pointer;
    filter: brightness(.85)
}

.button-base:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.button-transparent:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)):not(tr),
.header-button:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.iconified-button:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.square-button:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)),
.stylized-toggle:active:not(.button-base:disabled):not(.stylized-toggle:disabled):not(.square-button:disabled):not(.iconified-button:disabled):not(.header-button:disabled):not(.button-transparent:disabled:not(tr)) {
    filter: brightness(.8)
}

.button-base:disabled,
.button-base[disabled=true],
.button-transparent:disabled:not(tr),
.header-button:disabled,
.iconified-button:disabled,
.square-button:disabled,
.stylized-toggle:disabled,
[disabled=true].button-transparent:not(tr),
[disabled=true].header-button,
[disabled=true].iconified-button,
[disabled=true].square-button,
[disabled=true].stylized-toggle {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(50%);
    opacity: .5
}

:not(tr).button-transparent {
    background-color: transparent;
    border-radius: var(--size-rounded-sm)
}

:not(tr).button-transparent:active:not(:not(tr).button-transparent:disabled),
:not(tr).button-transparent:focus-visible:not(:not(tr).button-transparent:disabled),
:not(tr).button-transparent:hover:not(:not(tr).button-transparent:disabled) {
    background-color: var(--color-raised-bg)
}

:not(tr).button-transparent.brand-button {
    color: var(--color-brand)
}

:not(tr).button-transparent.danger-button {
    color: var(--color-red)
}

tr.button-transparent {
    background-color: transparent;
    border-radius: var(--size-rounded-sm)
}

tr.button-transparent:focus-visible:not(tr.button-transparent:disabled)>*,
tr.button-transparent:hover:not(tr.button-transparent:disabled)>* {
    background-color: var(--color-raised-bg);
    cursor: pointer;
    filter: brightness(.85)
}

tr.button-transparent:active:not(tr.button-transparent:disabled)>* {
    background-color: var(--color-raised-bg);
    filter: brightness(.8)
}

tr.button-transparent:disabled>*,
tr.button-transparent[disabled=true]>* {
    box-shadow: none;
    cursor: not-allowed;
    filter: grayscale(50%);
    opacity: .5
}

.button-within {
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, transform .05s ease-in-out, outline .2s ease-in-out
}

.button-within:focus-visible:not(.button-within.disabled),
.button-within:hover:not(.button-within.disabled) {
    filter: brightness(.85)
}

.button-within:active:not(.button-within.disabled) {
    filter: brightness(.8)
}

.button-within.disabled {
    filter: grayscale(50%);
    opacity: .5
}

.button-within.disabled,
.button-within.disabled[disabled=true],
.button-within.disableddisabled {
    box-shadow: none;
    cursor: not-allowed
}

.button-color-base,
.header-button,
.iconified-button {
    box-sizing: border-box;
    --text-color: var(--color-button-text);
    --background-color: var(--color-button-bg);
    background-color: var(--background-color);
    border-radius: var(--size-rounded-sm);
    box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
    color: var(--text-color)
}

.header-button,
.iconified-button {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-nm);
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
    padding: var(--spacing-card-sm) var(--spacing-card-bg);
    text-decoration: none;
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, scale .05s ease-in-out, outline .2s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.header-button svg,
.iconified-button svg {
    height: 1.1rem;
    margin-right: .5rem;
    width: 1.1rem
}

.icon-only.header-button,
.iconified-button.icon-only {
    padding: 0 .5rem
}

.icon-only.header-button svg,
.iconified-button.icon-only svg {
    margin-right: 0
}

.iconified-button.transparent,
.transparent.header-button {
    background: none;
    box-shadow: none
}

.bold-button.header-button,
.iconified-button.bold-button {
    font-weight: 700
}

.square-button {
    --text-color: var(--color-button-text);
    --background-color: var(--color-button-bg);
    align-items: center;
    background-color: var(--background-color);
    border-radius: var(--size-rounded-sm);
    box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
    color: var(--text-color);
    display: flex;
    flex-shrink: 0;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem
}

.square-button svg {
    max-height: 1.25rem;
    max-width: 1.25rem;
    min-height: 1.25rem;
    min-width: 1.25rem
}

.raised-button {
    --background-color: var(--color-raised-bg);
    box-shadow: var(--shadow-inset-sm), var(--shadow-raised)
}

.danger-button {
    --background-color: var(--color-red);
    --text-color: var(--color-brand-inverted)
}

.moderation-button {
    --background-color: var(--color-orange);
    --text-color: var(--color-brand-inverted)
}

.brand-button {
    --background-color: var(--color-brand);
    --text-color: var(--color-brand-inverted)
}

.alt-brand-button {
    --background-color: var(--color-brand-highlight);
    --text-color: var(--color-text)
}

.button-group {
    display: flex;
    grid-gap: var(--spacing-card-sm);
    flex-wrap: wrap;
    justify-content: right;
    margin-top: var(--spacing-card-md)
}


.known-error .multiselect__tags::-moz-placeholder {
    color: var(--color-warning-text)
}

.known-error .multiselect__tags::placeholder {
    color: var(--color-warning-text)
}

.switch {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer
}

.stylized-toggle {
    background: var(--color-button-bg);
    border-radius: var(--size-rounded-max);
    box-sizing: content-box;
    display: inline-block;
    height: 32px;
    margin: 0;
    max-width: 52px;
    min-height: 32px;
    position: relative;
    transition: all .2s ease;
    width: 52px
}

.stylized-toggle:after {
    background: var(--color-toggle-handle);
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 7px;
    outline: 2px solid transparent;
    position: absolute;
    top: 7px;
    transition: all .2s cubic-bezier(.5, .1, .75, 1.35);
    width: 18px
}

@media (prefers-reduced-motion) {
    .stylized-toggle:after {
        transition: none
    }
}

.stylized-toggle:checked {
    background-color: var(--color-brand)
}

.stylized-toggle:checked:after {
    background: var(--color-brand-inverted);
    transform: translatex(20px)
}

.stylized-toggle:hover .stylized-toggle:focus {
    background: var(--color-button-bg)
}

.textarea-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: column
}

.textarea-wrapper textarea {
    border-radius: var(--size-rounded-sm);
    flex: 1;
    max-width: 100%;
    overflow-y: auto;
    resize: none
}

.resizable-textarea-wrapper {
    display: block
}

.resizable-textarea-wrapper textarea {
    border-radius: var(--size-rounded-sm);
    min-height: 10rem;
    resize: vertical;
    width: calc(100% - var(--spacing-card-lg) - var(--spacing-card-sm))
}

.error {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.error .icon {
    height: 8rem;
    margin: 1.5rem 0;
    width: 8rem
}

.error .text {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    text-align: center
}

.error .link {
    cursor: pointer;
    text-decoration: underline
}

.card-divider {
    background-color: var(--color-button-bg);
    border: none;
    color: var(--color-button-bg);
    height: 1px;
    margin: var(--spacing-card-bg) 0
}

.text-input-wrapper.known-error,
input.known-error,
textarea.known-error {
    background-color: var(--color-warning-bg) !important;
    outline: 2px solid var(--color-red)
}

.text-input-wrapper.known-error::-moz-placeholder,
input.known-error::-moz-placeholder,
textarea.known-error::-moz-placeholder {
    color: var(--color-warning-text)
}

.text-input-wrapper.known-error::placeholder,
input.known-error::placeholder,
textarea.known-error::placeholder {
    color: var(--color-warning-text)
}

.known-errors {
    color: var(--color-red);
    min-height: 0
}

.known-errors ul {
    margin: 0
}

.goto-link {
    align-items: center;
    color: var(--color-link);
    display: flex;
    gap: 3px
}

.goto-link:focus-visible,
.goto-link:hover {
    color: var(--color-link-hover);
    text-decoration: underline
}

.goto-link:active {
    color: var(--color-link-active)
}

h1 .beta-badge {
    font-size: .4em
}

.beta-badge {
    background-color: transparent;
    border: 2px solid var(--color-text);
    border-radius: var(--size-rounded-max);
    box-sizing: border-box;
    color: var(--color-text);
    font-size: .7em;
    font-weight: 700;
    margin-left: .5rem;
    padding: .2rem .4rem
}

.router-link-exact-active .beta-badge,
h1 .beta-badge,
h2 .beta-badge,
h3 .beta-badge {
    background-color: var(--color-button-text-active);
    border-color: transparent;
    box-sizing: border-box;
    color: var(--color-raised-bg)
}

@media (prefers-reduced-motion) {

    .button-animation,
    .button-base,
    .header-button,
    .iconified-button,
    .square-button,
    .stylized-toggle,
    :not(tr).button-transparent,
    button,
    tr.button-transparent {
        transform: none !important
    }
}

.push-right.input-group>:first-child,
.push-right:not(.input-group) {
    margin-left: auto;
    margin-right: 0
}

.full-width-inputs .iconified-input,
.full-width-inputs .multiselect,
.full-width-inputs input {
    flex-basis: 100%;
    width: 100%
}

button:disabled,
input:disabled {
    cursor: not-allowed !important
}

.input-group {
    display: flex;
    flex-direction: row;
    grid-gap: var(--spacing-card-sm);
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%
}

.input-group .multiselect {
    width: 15rem
}

.input-group input {
    flex-shrink: 2
}

.input-group.shrink-first :first-child {
    flex-basis: min-content;
    flex-grow: 1;
    flex-shrink: 2
}

.input-group.shrink-first :not(:first-child) {
    flex-shrink: 1
}

.input-group.right-aligned {
    justify-content: end
}

.input-stack {
    display: flex;
    flex-direction: column
}

.input-stack>:not(:last-child) {
    margin-bottom: var(--spacing-card-sm)
}

.input-stack>.multiselect {
    height: inherit;
    width: unset
}

.text-input-wrapper {
    background: var(--color-button-bg);
    border-radius: var(--size-rounded-sm);
    box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%;
    outline: 2px solid transparent;
    overflow: hidden;
    transition: box-shadow .1s ease-in-out;
    width: -moz-fit-content;
    width: fit-content
}

.text-input-wrapper .text-input-wrapper__before {
    align-items: center;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--color-text);
    display: flex;
    filter: grayscale(50%);
    flex-shrink: 0;
    font-weight: var(--font-weight-medium);
    min-height: 36px;
    opacity: .5;
    padding: .5rem 0 .5rem 1rem;
    width: -moz-fit-content;
    width: fit-content
}

.text-input-wrapper input,
.text-input-wrapper textarea {
    background-color: transparent;
    border-radius: 0;
    box-shadow: unset !important;
    flex-grow: 1;
    outline: none !important;
    padding-left: 0
}

.text-input-wrapper:focus,
.text-input-wrapper:focus-visible,
.text-input-wrapper:focus-within {
    box-shadow: inset 0 0 0 transparent, 0 0 0 .25rem var(--color-brand-shadow);
    color: var(--color-button-text-active)
}

.primary-stat {
    align-items: center;
    display: flex;
    margin-bottom: .6rem
}

.primary-stat .primary-stat__icon {
    height: 1rem;
    width: 1rem
}

.primary-stat .primary-stat__text {
    margin-left: .4rem
}

.primary-stat .primary-stat__counter {
    font-size: var(--font-size-lg);
    font-weight: 700
}

.primary-stat.no-margin {
    margin: 0
}

.project-list {
    gap: var(--spacing-card-md);
    overflow: hidden;
    width: 100%
}

.project-list:not(:first-child) {
    margin-top: var(--spacing-card-md)
}

.project-list:not(:empty) {
    margin-bottom: var(--spacing-card-md)
}

.project-list.display-mode--list {
    display: flex;
    flex-direction: column
}

.project-list.display-mode--gallery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media screen and (max-width: 750px) {
    .project-list.display-mode--gallery {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

.project-list.display-mode--grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

@media screen and (max-width: 80rem) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media screen and (max-width: 1024px) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (max-width: 860px) {
    .project-list.display-mode--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media screen and (max-width: 550px) {
    .project-list.display-mode--grid {
        display: flex;
        flex-direction: column
    }
}

.wrap-as-needed {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.sr-only {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

.backed-svg {
    --size: 2.5rem;
    align-items: center;
    background-color: var(--color-button-bg);
    border-radius: var(--size-rounded-sm);
    display: inline-flex;
    height: var(--size);
    justify-content: center;
    width: var(--size)
}

.backed-svg svg {
    height: calc(var(--size)*.6);
    width: calc(var(--size)*.6)
}

.backed-svg.circle {
    border-radius: 50%
}

.backed-svg.raised {
    background-color: var(--color-raised-bg)
}

a.iconified-link,
a.iconified-stacked-link {
    display: contents
}

a.iconified-link .space,
a.iconified-stacked-link .space {
    opacity: 0
}

a.iconified-link .title,
a.iconified-stacked-link .title {
    font-weight: 700
}

a.iconified-link .stacked,
a.iconified-stacked-link .stacked {
    display: inline-flex;
    flex-direction: column
}

a.iconified-link:focus-visible .title,
a.iconified-link:hover .title,
a.iconified-stacked-link:focus-visible .title,
a.iconified-stacked-link:hover .title {
    filter: var(--hover-filter);
    text-decoration: underline
}

a.iconified-link:active .title,
a.iconified-stacked-link:active .title {
    filter: var(--active-filter)
}

a.iconified-link:focus-visible span,
a.iconified-link:hover span {
    filter: var(--hover-filter);
    text-decoration: underline
}

a.iconified-link:active span {
    filter: var(--active-filter)
}

a.subtle-link:focus-visible,
a.subtle-link:hover {
    filter: var(--hover-filter);
    text-decoration: underline
}

a.subtle-link:active {
    filter: var(--active-filter)
}

.inline-svg svg,
svg.inline-svg {
    vertical-align: middle
}

.experimental-styles-within .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-4)
}

.experimental-styles-within .tag-list__item {
    align-items: center;
    background-color: var(--_bg-color, var(--color-button-bg));
    border-radius: var(--radius-max);
    color: var(--_color, var(--color-secondary));
    display: flex;
    font-size: var(--text-14);
    font-weight: var(--weight-bold);
    gap: var(--gap-4);
    padding: var(--gap-4) var(--gap-8);
    vertical-align: middle
}

.experimental-styles-within .tag-list__item svg {
    display: flex;
    height: var(--icon-14);
    width: var(--icon-14)
}

.experimental-styles-within .status-list {
    color: var(--color-base);
    display: flex;
    flex-direction: column;
    font-weight: var(--weight-bold);
    gap: var(--gap-8);
    padding-left: var(--gap-6)
}

.experimental-styles-within .status-list__item {
    align-items: center;
    display: flex;
    gap: var(--gap-4)
}

.experimental-styles-within .status-list__item svg {
    height: var(--icon-16);
    margin-right: var(--gap-4);
    width: var(--icon-16)
}

.experimental-styles-within .status-list__item span {
    color: var(--color-secondary);
    font-style: italic;
    font-weight: var(--weight-normal)
}

.experimental-styles-within .status-list__item--color-green svg {
    color: var(--color-green)
}

.experimental-styles-within .status-list__item--color-orange svg {
    color: var(--color-orange)
}

.experimental-styles-within .status-list__item--color-red svg {
    color: var(--color-red)
}

.experimental-styles-within .status-list__item--color-blue svg {
    color: var(--color-blue)
}

.experimental-styles-within .status-list__item--color-purple svg {
    color: var(--color-purple)
}

.experimental-styles-within .flex-card,
.experimental-styles-within.flex-card {
    display: flex;
    flex-direction: column;
    gap: var(--gap-12);
    padding: var(--gap-16) var(--gap-24)
}

.experimental-styles-within .flex-card h2,
.experimental-styles-within.flex-card h2 {
    color: var(--color-contrast);
    font-size: var(--text-18);
    font-weight: var(--weight-extrabold);
    line-height: normal;
    margin: 0
}

.experimental-styles-within .flex-card h3,
.experimental-styles-within.flex-card h3 {
    color: var(--color-base);
    font-size: var(--text-16);
    font-weight: var(--weight-bold);
    margin: 0
}

.experimental-styles-within .flex-card>section,
.experimental-styles-within.flex-card>section {
    display: flex;
    flex-direction: column;
    gap: var(--gap-8)
}

.experimental-styles-within .details-list,
.experimental-styles-within .links-list,
.experimental-styles-within .list-style {
    display: flex;
    flex-direction: column;
    font-weight: var(--weight-bold);
    gap: var(--gap-12)
}

.experimental-styles-within .details-list hr,
.experimental-styles-within .links-list hr,
.experimental-styles-within .list-style hr {
    border-color: var(--color-button-border);
    margin-block: var(--gap-2);
    width: 100%
}

.experimental-styles-within .details-list__item,
.experimental-styles-within .iconified-list-item,
.experimental-styles-within .links-list>a {
    align-items: center;
    display: flex;
    gap: var(--gap-8);
    vertical-align: middle;
    width: -moz-fit-content;
    width: fit-content
}

.experimental-styles-within .details-list__item svg,
.experimental-styles-within .iconified-list-item svg,
.experimental-styles-within .links-list>a svg {
    height: var(--icon-16);
    width: var(--icon-16)
}

.experimental-styles-within .details-list__item>svg:first-child,
.experimental-styles-within .iconified-list-item>svg:first-child,
.experimental-styles-within .links-list>a>svg:first-child {
    flex-shrink: 0
}

.experimental-styles-within .links-list>a:hover {
    text-decoration: underline
}

.experimental-styles-within .details-list__item .details-list__item__text--style-secondary {
    color: var(--color-secondary);
    font-size: var(--text-14);
    font-weight: var(--weight-normal)
}

[tabindex="0"]:focus-visible,
a:focus-visible,
button:focus-visible {
    border-radius: .25rem;
    outline: .25rem solid #ea80ff
}

.card {
    outline-offset: -2px
}

input {
    outline: 2px solid transparent;
}

.button-animation,
.button-base,
.header-button,
.iconified-button,
.square-button,
.stylized-toggle,
:not(tr).button-transparent,
tr.button-transparent {
    transition: opacity .5s ease-in-out, filter .2s ease-in-out, transform .05s ease-in-out, outline-width .2s ease-in-out
}

.button-transparent {
    box-shadow: none
}

.layout {
    display: block;
    min-height: 100vh
}

@media screen and (min-width: 1024px) {
    .layout {
        min-height: calc(100vh - var(--spacing-card-bg))
    }
}

.layout main {
    grid-area: main
}

@media (min-width: 1024px) {
    .layout main .alpha-alert {
        margin: 1rem
    }

    .layout main .alpha-alert .wrapper {
        padding: 1rem 2rem 1rem 1rem
    }
}

@media (max-width: 1200px) {
    .app-btn {
        display: none
    }
}

@media screen and (min-width: 354px) {
    .mobile-navigation .nav-menu .cascade-links {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 674px) {
    .mobile-navigation .nav-menu .cascade-links {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (any-hover: none) and (max-width:640px) {
    .desktop-only {
        display: none
    }

    .mobile-navigation {
        display: flex
    }
}

.footer-brand-background {
    background: var(--brand-gradient-strong-bg);
    border-color: var(--brand-gradient-border)
}

.over-the-top-random-animation {
    align-items: center;
    animation: tilt-shaking calc(.2s/(max(var(--_r-count) - 20, 1)/20)) linear infinite, translate-x-shaking calc(.3s/(max(var(--_r-count) - 20, 1)/20)) linear infinite, translate-y-shaking calc(.25s/(max(var(--_r-count) - 20, 1)/20)) linear infinite;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    scale: .5;
    transition: all .5s ease-out;
    z-index: 100
}

.over-the-top-random-animation.threshold {
    opacity: 1
}

.over-the-top-random-animation.rings-expand {
    opacity: 0;
    scale: .8
}

.over-the-top-random-animation.rings-expand .animation-ring-1 {
    height: 25rem;
    width: 25rem
}

.over-the-top-random-animation.rings-expand .animation-ring-2 {
    height: 50rem;
    width: 50rem
}

.over-the-top-random-animation.rings-expand .animation-ring-3 {
    height: 100rem;
    width: 100rem
}

.over-the-top-random-animation>div {
    align-items: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.over-the-top-random-animation>div>* {
    height: 20rem;
    position: absolute;
    scale: calc(1 + max(var(--_r-count) - 20, 0)*.1);
    transition: all .2s ease-out;
    width: 20rem
}

@keyframes tilt-shaking {
    0% {
        rotate: 0deg
    }

    25% {
        rotate: calc(1deg*(var(--_r-count) - 20))
    }

    50% {
        rotate: 0deg
    }

    75% {
        rotate: calc(-1deg*(var(--_r-count) - 20))
    }

    to {
        rotate: 0deg
    }
}

@keyframes translate-x-shaking {
    0% {
        translate: 0
    }

    25% {
        translate: calc(2px*(var(--_r-count) - 20))
    }

    50% {
        translate: 0
    }

    75% {
        translate: calc(-2px*(var(--_r-count) - 20))
    }

    to {
        translate: 0
    }
}

@keyframes translate-y-shaking {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(calc(2px*(var(--_r-count) - 20)))
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(calc(-2px*(var(--_r-count) - 20)))
    }

    to {
        transform: translateY(0)
    }
}

fieldset[disabled] .multiselect {
    pointer-events: none
}