/*! tailwindcss v3.4.4 | 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;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
    }
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
    }
progress {
    vertical-align: initial
    }
@supports not (color: oklch(0% 0 0)) {
    : root {
        color-scheme: light;
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #fff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000;
        --fallback-su: #00ca92;
        --fallback-suc: #000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000
        } @media (prefers-color-scheme: dark) {
        : root {
            color-scheme: dark;
            --fallback-p: #7582ff;
            --fallback-pc: #050617;
            --fallback-s: #ff71cf;
            --fallback-sc: #190211;
            --fallback-a: #00c7b5;
            --fallback-ac: #000e0c;
            --fallback-n: #2a323c;
            --fallback-nc: #a6adbb;
            --fallback-b1: #1d232a;
            --fallback-b2: #191e24;
            --fallback-b3: #15191e;
            --fallback-bc: #a6adbb;
            --fallback-in: #00b3f0;
            --fallback-inc: #000;
            --fallback-su: #00ca92;
            --fallback-suc: #000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000
            }
        }
    }
html {
    -webkit-tap-highlight-color: transparent
    }
:root {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.15 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
    }
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --in: 72.06% 0.191 231.6;
        --su: 64.8% 0.15 160;
        --wa: 84.71% 0.199 83.87;
        --er: 71.76% 0.221 22.18;
        --pc: 13.138% 0.0392 275.75;
        --sc: 14.96% 0.052 342.55;
        --ac: 14.902% 0.0334 183.61;
        --inc: 0% 0 0;
        --suc: 0% 0 0;
        --wac: 0% 0 0;
        --erc: 0% 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: 0.2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 65.69% 0.196 275.75;
        --s: 74.8% 0.26 342.55;
        --a: 74.51% 0.167 183.61;
        --n: 31.3815% 0.021108 254.139175;
        --nc: 74.6477% 0.0216 264.435964;
        --b1: 25.3267% 0.015896 252.417568;
        --b2: 23.2607% 0.013807 253.100675;
        --b3: 21.1484% 0.01165 254.087939;
        --bc: 74.6477% 0.0216 264.435964
        }
    }
[data-theme=light] {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.15 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
    }
[data-theme=dark] {
    color-scheme: dark;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.15 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 13.138% 0.0392 275.75;
    --sc: 14.96% 0.052 342.55;
    --ac: 14.902% 0.0334 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 65.69% 0.196 275.75;
    --s: 74.8% 0.26 342.55;
    --a: 74.51% 0.167 183.61;
    --n: 31.3815% 0.021108 254.139175;
    --nc: 74.6477% 0.0216 264.435964;
    --b1: 25.3267% 0.015896 252.417568;
    --b2: 23.2607% 0.013807 253.100675;
    --b3: 21.1484% 0.01165 254.087939;
    --bc: 74.6477% 0.0216 264.435964
    }
*, ::backdrop, :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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff
    }
.avatar.placeholder > div {
    align-items: center;
    display: flex;
    justify-content: center
    }
@media (hover: hover) {
    .label a:hover {
        --tw-text-opacity: 1
        }
    }
.btn {
    align-items: center;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: var(--border-btn, 1px);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: 0.875rem;
    font-weight: 600;
    gap: 0.5rem;
    height: 3rem;
    justify-content: center;
    line-height: 1em;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration-line: none;
    transition-duration: 0.2s;
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    --tw-bg-opacity: 1;
    --tw-border-opacity: 1
    }
.btn-disabled, .btn:disabled, .btn[disabled] {
    pointer-events: none
    }
.checkbox {
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
    --tw-border-opacity: 0.2
    }
.dropdown {
    display: inline-block;
    position: relative
    }
.dropdown > :not(summary):focus {
    outline-offset: 2px
    }
.dropdown .dropdown-content {
    position: absolute
    }
.dropdown.dropdown-open .dropdown-content, .dropdown:focus-within .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content {
    opacity: 1;
    visibility: visible
    }
@media (hover: hover) {
    .dropdown.dropdown-hover:hover .dropdown-content {
        opacity: 1;
        visibility: visible
        }
    .btn:hover {
        --tw-border-opacity: 1;
        --tw-bg-opacity: 1
        }
    @supports (color: color-mix(in oklab, black, black)) {
        . btn: hover {
            background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2))/var(--tw-bg-opacity, 1)) 90%, #000);
            border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2))/var(--tw-border-opacity, 1)) 90%, #000)
            }
        }
    @supports not (color: oklch(0% 0 0)) {
        . btn: hover {
            background-color: var(--btn-color, var(--fallback-b2));
            border-color: var(--btn-color, var(--fallback-b2))
            }
        }
    .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%
        }
    .btn-disabled:hover, .btn:disabled:hover, .btn[disabled]:hover {
        --tw-border-opacity: 0;
        --tw-bg-opacity: 0.2;
        --tw-text-opacity: 0.2
        }
    @supports (color: color-mix(in oklab, black, black)) {
        . btn: is(input [type=checkbox]: checked): hover, . btn: is(input [type=radio]: checked): hover {
            background-color: color-mix(in oklab, var(--fallback-p, oklch(var(--p)/1)) 90%, #000);
            border-color: color-mix(in oklab, var(--fallback-p, oklch(var(--p)/1)) 90%, #000)
            }
        }
    .dropdown.dropdown-hover:hover .dropdown-content {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
        }
    }
.dropdown:is(details) summary::-webkit-details-marker {
    display: none
    }
.footer {
    column-gap: 1rem;
    font-size: 0.875rem;
    grid-auto-flow: row;
    line-height: 1.25rem;
    row-gap: 2.5rem;
    width: 100%
    }
.footer, .footer > * {
    display: grid;
    place-items: start
    }
.footer > * {
    gap: 0.5rem
    }
@media (min-width: 48rem) {
    .footer {
        grid-auto-flow: column
        }
    .footer-center {
        grid-auto-flow: row dense
        }
    }
.label {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.25rem;
    -webkit-user-select: none;
    user-select: none
    }
.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: 1rem;
    height: 3rem;
    line-height: 2;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-bg-opacity: 1
    }
.input-md[type=number]::-webkit-inner-spin-button, .input[type=number]::-webkit-inner-spin-button {
    margin-bottom: -1rem;
    margin-top: -1rem;
    margin-inline-end: -1rem
    }
.join .dropdown .join-item:first-child:not(:last-child), .join :first-child:not(:last-child) .dropdown .join-item {
    border-end-end-radius: inherit;
    border-start-end-radius: inherit
    }
.radio {
    flex-shrink: 0;
    --chkbg: var(--bc);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
    --tw-border-opacity: 0.2
    }
.btm-nav > * .label {
    font-size: 1rem;
    line-height: 1.5rem
    }
@media (prefers-reduced-motion: no-preference) {
    .btn {
        animation: button-pop var(--animation-btn, 0.25s) ease-out
        }
    }
.btn:active:focus, .btn:active:hover {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale, 0.97))
    }
@supports not (color: oklch(0% 0 0)) {
    . btn {
        background-color: var(--btn-color, var(--fallback-b2));
        border-color: var(--btn-color, var(--fallback-b2))
        }
    }
.btn:focus-visible {
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
    }
.btn.glass {
    outline-color: currentColor
    }
.btn.glass.btn-active {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
    }
.btn.btn-disabled, .btn:disabled, .btn[disabled] {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 0.2
    }
@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale, .98))
        } 40% {
        transform: scale(1.02)
        } to {
        transform: scale(1)
        }
    }
.checkbox:focus {
    box-shadow: none
    }
.checkbox:focus-visible {
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
    }
.checkbox:disabled {
    border-width: 0;
    cursor: not-allowed;
    --tw-bg-opacity: 1;
    opacity: 0.2
    }
.checkbox:checked, .checkbox[aria-checked=true] {
    background-color: var(--chkbg)
    }
.checkbox:checked, .checkbox:indeterminate, .checkbox[aria-checked=true] {
    animation: checkmark var(--animation-input, 0.2s) ease-out;
    background-repeat: no-repeat
    }
.checkbox:indeterminate {
    --tw-bg-opacity: 1
    }
@keyframes checkmark {
    0% {
        background-position-y: 5px
        } 50% {
        background-position-y: -2px
        } to {
        background-position-y: 0
        }
    }
.dropdown.dropdown-open .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.input input {
    --tw-bg-opacity: 1;
    background-color: initial
    }
.input input:focus {
    outline-offset: 2px
    }
.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
    }
.input:focus, .input:focus-within {
    box-shadow: none;
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
    }
.input::-webkit-date-and-time-value {
    text-align: inherit
    }
.loading {
    aspect-ratio: 1/1;
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' class='spinner_V8m1' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%23000'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' class='spinner_V8m1' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    pointer-events: none;
    width: 1.5rem
    }
.mockup-browser .mockup-browser-toolbar .input {
    display: block;
    height: 1.75rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 24rem;
    --tw-bg-opacity: 1;
    direction: ltr;
    padding-left: 2rem
    }
.mockup-browser .mockup-browser-toolbar .input:before {
    aspect-ratio: 1/1;
    height: 0.75rem;
    left: 0.5rem;
    --tw-translate-y: -50%;
    border-color: currentColor;
    border-radius: 9999px;
    border-width: 2px
    }
.mockup-browser .mockup-browser-toolbar .input:after, .mockup-browser .mockup-browser-toolbar .input:before {
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.mockup-browser .mockup-browser-toolbar .input:after {
    height: 0.5rem;
    left: 1.25rem;
    --tw-translate-y: 25%;
    --tw-rotate: -45deg;
    border-color: currentColor;
    border-radius: 9999px;
    border-width: 1px
    }
@keyframes modal-pop {
    0% {
        opacity: 0
        }
    }
@keyframes progress-loading {
    50% {
        background-position-x: -115%
        }
    }
.radio:focus {
    box-shadow: none
    }
.radio:focus-visible {
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px
    }
.radio:checked, .radio[aria-checked=true] {
    --tw-bg-opacity: 1;
    animation: radiomark var(--animation-input, 0.2s) ease-out;
    background-image: none
    }
.radio:disabled {
    cursor: not-allowed;
    opacity: 0.2
    }
@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 12px var(--fallback-b1, oklch(var(--b1)/1)) inset
        } 50% {
        box-shadow: 0 0 0 3px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 3px var(--fallback-b1, oklch(var(--b1)/1)) inset
        } to {
        box-shadow: 0 0 0 4px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1, oklch(var(--b1)/1)) inset
        }
    }
@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
        } 40% {
        transform: translateY(-.125em)
        } to {
        transform: translateY(0)
        }
    }
@keyframes skeleton {
    0% {
        background-position: 150%
        } to {
        background-position: -50%
        }
    }
@keyframes toast-pop {
    0% {
        opacity: 0;
        transform: scale(.9)
        } to {
        opacity: 1;
        transform: scale(1)
        }
    }
.artboard.phone {
    width: 320px
    }
.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
    }
.static {
    position: static
    }
.absolute {
    position: absolute
    }
.right-2 {
    right: 0.5rem
    }
.top-2 {
    top: 0.5rem
    }
.-m-1 {
    margin: -0.25rem
    }
.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
    }
.mb-20 {
    margin-bottom: 5rem
    }
.ml-5 {
    margin-left: 1.25rem
    }
.mt-1 {
    margin-top: 0.25rem
    }
.mt-2 {
    margin-top: 0.5rem
    }
.block {
    display: block
    }
.flex {
    display: flex
    }
.h-4 {
    height: 1rem
    }
.h-9 {
    height: 2.25rem
    }
.h-\[50px\] {
    height: 50px
    }
.h-full {
    height: 100%
    }
.max-h-40 {
    max-height: 10rem
    }
.w-4 {
    width: 1rem
    }
.w-\[50px\] {
    width: 50px
    }
.w-full {
    width: 100%
    }
.translate-y-0 {
    --tw-translate-y: 0
    }
.translate-y-0, .translate-y-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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
    }
.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
    }
.scale-100, .scale-95 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.scale-95 {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95
    }
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.cursor-pointer {
    cursor: pointer
    }
.select-none {
    -webkit-user-select: none;
    user-select: none
    }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
    }
.items-center {
    align-items: center
    }
.gap-10 {
    gap: 2.5rem
    }
.gap-2 {
    gap: 0.5rem
    }
.gap-6 {
    gap: 1.5rem
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
.overflow-y-auto {
    overflow-y: auto
    }
.overflow-x-hidden {
    overflow-x: hidden
    }
.rounded-\[50\%\] {
    border-radius: 50%
    }
.rounded-md {
    border-radius: 0.375rem
    }
.border {
    border-width: 1px
    }
.border-\[1px\] {
    border-width: 1px
    }
.border-l-\[1px\] {
    border-left-width: 1px
    }
.border-r-\[1px\] {
    border-right-width: 1px
    }
.border-none {
    border-style: none
    }
.border-gray-300 {
    --tw-border-opacity: 1
    }
.border-slate-300 {
    --tw-border-opacity: 1
    }
.bg-\[\#3B82F6\] {
    --tw-bg-opacity: 1
    }
.bg-blue-100 {
    --tw-bg-opacity: 1
    }
.bg-blue-700 {
    --tw-bg-opacity: 1
    }
.bg-white {
    --tw-bg-opacity: 1
    }
.p-1 {
    padding: 0.25rem
    }
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
    }
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
    }
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem
    }
.py-1\.5 {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem
    }
.pl-3 {
    padding-left: 0.75rem
    }
.pl-7 {
    padding-left: 1.75rem
    }
.pr-20 {
    padding-right: 5rem
    }
.font-medium {
    font-weight: 500
    }
.text-\[\#7e7e7e\] {
    --tw-text-opacity: 1
    }
.text-\[\#808080\] {
    --tw-text-opacity: 1
    }
.text-\[\#8184a3\] {
    --tw-text-opacity: 1
    }
.text-\[\#ff0000\] {
    --tw-text-opacity: 1
    }
.text-base-content {
    --tw-text-opacity: 1
    }
.text-blue-900 {
    --tw-text-opacity: 1
    }
.text-gray-500 {
    --tw-text-opacity: 1
    }
.text-gray-900 {
    --tw-text-opacity: 1
    }
.text-neutral-600 {
    --tw-text-opacity: 1
    }
.text-orange-500 {
    --tw-text-opacity: 1
    }
.text-red-500 {
    --tw-text-opacity: 1
    }
.text-white {
    --tw-text-opacity: 1
    }
.opacity-100 {
    opacity: 1
    }
.shadow-lg {
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
    }
.shadow-xl {
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
    }
.outline-none {
    outline-offset: 2px
    }
.outline-0 {
    outline-width: 0
    }
.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(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-orange-500 {
    --tw-ring-opacity: 1
    }
.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)
    }
.transition {
    transition-duration: 0.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(0.4, 0, 0.2, 1)
    }
.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1
    }
.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1
    }
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1
    }
.focus\:border-none:focus {
    border-style: none
    }
.focus\:border-orange-400:focus {
    --tw-border-opacity: 1
    }
.focus\:outline-none:focus {
    outline-offset: 2px
    }
.focus\:ring-0: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(var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.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-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }
.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1
    }
.focus\:ring-orange-500:focus {
    --tw-ring-opacity: 1
    }
.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)
    }
.focus-visible\:ring-blue-500:focus-visible {
    --tw-ring-opacity: 1
    }
.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
    }
.group[open] .group-open\:rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
    }
.group:hover .group-hover\:border-blue-400 {
    --tw-border-opacity: 1
    }
.peer:checked ~ .peer-checked\:border-blue-500 {
    --tw-border-opacity: 1
    }
.peer:checked ~ .peer-checked\:bg-blue-500 {
    --tw-bg-opacity: 1
    }
.peer:focus ~ .peer-focus\: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)
    }
.peer:focus ~ .peer-focus\:ring-blue-200 {
    --tw-ring-opacity: 1
    }
@media (min-width: 360px) {
    .sm\:bottom-0 {
        bottom: 0
        }
    .sm\:left-5 {
        left: 1.25rem
        }
    .sm\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
        }
    .sm\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem
        }
    .sm\:mb-10 {
        margin-bottom: 2.5rem
        }
    .sm\:mb-5 {
        margin-bottom: 1.25rem
        }
    .sm\:block {
        display: block
        }
    .sm\:flex {
        display: flex
        }
    .sm\:hidden {
        display: none
        }
    .sm\:h-6 {
        height: 1.5rem
        }
    .sm\:h-\[203px\] {
        height: 203px
        }
    .sm\:h-\[650px\] {
        height: 650px
        }
    .sm\:w-32 {
        width: 8rem
        }
    .sm\:w-96 {
        width: 24rem
        }
    .sm\:w-\[60\%\] {
        width: 60%
        }
    .sm\:w-\[90\%\] {
        width: 90%
        }
    .sm\:translate-y-0 {
        --tw-translate-y: 0
        }
    .sm\:scale-100, .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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: 0.95;
        --tw-scale-y: 0.95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewy(var(--tw-skew-y)) scalex(var(--tw-scale-x)) scaley(var(--tw-scale-y))
        }
    .sm\:items-center {
        align-items: center
        }
    .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse))
        }
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0 * var(--tw-space-y-reverse))
        }
    .sm\:overflow-y-scroll {
        overflow-y: scroll
        }
    .sm\:rounded-b-2xl {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
        }
    .sm\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
        }
    .sm\:p-2 {
        padding: 0.5rem
        }
    .sm\:px-\[2\%\] {
        padding-left: 2%;
        padding-right: 2%
        }
    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
        }
    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
        }
    .sm\:text-\[24px\] {
        font-size: 24px
        }
    .sm\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
        }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
        }
    .sm\:leading-6 {
        line-height: 1.5rem
        }
    }
@media (min-width: 768px) {
    .md\:bottom-0 {
        bottom: 0
        }
    .md\:bottom-1 {
        bottom: 0.25rem
        }
    .md\:block {
        display: block
        }
    .md\:hidden {
        display: none
        }
    .md\:h-\[388px\] {
        height: 388px
        }
    .md\:h-\[438px\] {
        height: 438px
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:gap-4 {
        gap: 1rem
        }
    .md\:p-3 {
        padding: 0.75rem
        }
    .md\:p-5 {
        padding: 1.25rem
        }
    .md\:px-\[5\%\] {
        padding-left: 5%;
        padding-right: 5%
        }
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
        }
    .md\:text-8xl {
        font-size: 6rem;
        line-height: 1
        }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
        }
    }
@media (min-width: 1024px) {
    .lg\:my-0 {
        margin-bottom: 0;
        margin-top: 0
        }
    .lg\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
        }
    .lg\:block {
        display: block
        }
    .lg\:flex {
        display: flex
        }
    .lg\:grid {
        display: grid
        }
    .lg\:hidden {
        display: none
        }
    .lg\:h-8 {
        height: 2rem
        }
    .lg\:h-full {
        height: 100%
        }
    .lg\:flex-1 {
        flex: 1 1 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\:items-center {
        align-items: center
        }
    .lg\:justify-end {
        justify-content: flex-end
        }
    .lg\:justify-between {
        justify-content: space-between
        }
    .lg\:gap-12 {
        gap: 3rem
        }
    .lg\:gap-24 {
        gap: 6rem
        }
    .lg\:gap-6 {
        gap: 1.5rem
        }
    .lg\:p-10 {
        padding: 2.5rem
        }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
        }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
        }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
        }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
        }
    }
@media (min-width: 1280px) {
    .xl\:bottom-0 {
        bottom: 0
        }
    .xl\:bottom-20 {
        bottom: 5rem
        }
    .xl\:m-auto {
        margin: auto
        }
    .xl\:w-\[15\%\] {
        width: 15%
        }
    .xl\:w-\[60\%\] {
        width: 60%
        }
    .xl\:w-\[80\%\] {
        width: 80%
        }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .xl\:px-\[15\%\] {
        padding-left: 15%;
        padding-right: 15%
        }
    }
.peer:checked ~ .peer-checked\:\[\&\>\.checkmark\]\:opacity-100 > .checkmark {
    opacity: 1
    }
*, :after, :before {
    border-color: var(--un-default-border-color, #e5e7eb);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
    }
:after, :before {
    --un-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
    }
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: -0.25em
    }
sup {
    top: -0.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;
    line-height: inherit;
    margin: 0;
    padding: 0
    }
button, select {
    text-transform: none
    }
[type=button], [type=reset], [type=submit], button {
    -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] {
    display: none
    }
*, :after, :before {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-scroll-snap-strictness: proximity;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow: 0 0 transparent;
    --un-ring-offset-width: 0;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0;
    --un-ring-color: rgba(147, 197, 253, 0.5)
    }
::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-scroll-snap-strictness: proximity;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 transparent;
    --un-ring-shadow: 0 0 transparent;
    --un-shadow: 0 0 transparent;
    --un-ring-offset-width: 0;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0;
    --un-ring-color: rgba(147, 197, 253, 0.5)
    }
@font-face {
    font-display: swap;
    font-family: DM Mono;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/aFTU7PB1QTsUX8KYthSQBLyM.woff2) format("woff2");
    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-face {
    font-display: swap;
    font-family: DM Mono;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/aFTU7PB1QTsUX8KYthqQBA.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
    }
@font-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR232VGM.woff2) format("woff2");
    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-face {
    font-display: swap;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRSW32.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
    }
@font-face {
    font-display: swap;
    font-family: "DM Serif Display";
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_5x0ujy.woff2) format("woff2");
    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-face {
    font-display: swap;
    font-family: "DM Serif Display";
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0g.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+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
    }
.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
    }
.absolute, .sr-only, [absolute=""] {
    position: absolute
    }
.fixed {
    position: fixed
    }
.relative {
    position: relative
    }
.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
    }
.-bottom-1\/2 {
    bottom: -50%
    }
.bottom-4 {
    bottom: 1rem
    }
.bottom-5 {
    bottom: 1.25rem
    }
.left-0 {
    left: 0
    }
.right-0 {
    right: 0
    }
.right-1 {
    right: 0.25rem
    }
.right-2, [right-2=""] {
    right: 0.5rem
    }
.right-4 {
    right: 1rem
    }
.right-8 {
    right: 2rem
    }
.top-0 {
    top: 0
    }
.top-2, [top-2=""] {
    top: 0.5rem
    }
.z-10 {
    z-index: 10
    }
.z-20 {
    z-index: 20
    }
.z-80 {
    z-index: 80
    }
.z-90 {
    z-index: 90
    }
.grid {
    display: grid
    }
.-m-1\.5 {
    margin: -0.375rem
    }
.m-auto {
    margin: auto
    }
.m0 {
    margin: 0
    }
.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem
    }
.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
    }
.my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem
    }
.my-5, [my-5=""] {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem
    }
.mb-10 {
    margin-bottom: 2.5rem
    }
.mb-15 {
    margin-bottom: 3.75rem
    }
.mb-16 {
    margin-bottom: 4rem
    }
.mb-2 {
    margin-bottom: 0.5rem
    }
.mb-3 {
    margin-bottom: 0.75rem
    }
.mb-5 {
    margin-bottom: 1.25rem
    }
.mb-6 {
    margin-bottom: 1.5rem
    }
.mb-8 {
    margin-bottom: 2rem
    }
.ml-2 {
    margin-left: 0.5rem
    }
.ml-3 {
    margin-left: 0.75rem
    }
.ml-5, [ml-5=""] {
    margin-left: 1.25rem
    }
.mr-2 {
    margin-right: 0.5rem
    }
.mt-1, [mt-1=""] {
    margin-top: 0.25rem
    }
.mt-10 {
    margin-top: 2.5rem
    }
.mt-15 {
    margin-top: 3.75rem
    }
.mt-2, [mt-2=""] {
    margin-top: 0.5rem
    }
.mt-4 {
    margin-top: 1rem
    }
.mt-5 {
    margin-top: 1.25rem
    }
.block, [block=""] {
    display: block
    }
.hidden {
    display: none
    }
.h-1\/2 {
    height: 50%
    }
.h-4, [h-4=""] {
    height: 1rem
    }
.h-5 {
    height: 1.25rem
    }
.h-6 {
    height: 1.5rem
    }
.h-9, [h-9=""] {
    height: 2.25rem
    }
.h-auto {
    height: auto
    }
.h-full, [h-full=""] {
    height: 100%
    }
.h-screen {
    height: 100vh
    }
.h1 {
    height: 0.25rem
    }
.h3 {
    height: 0.75rem
    }
.max-h-40, [max-h-40=""] {
    max-height: 10rem
    }
.max-w-\[344px\] {
    max-width: 344px
    }
.max-w-520px {
    max-width: 520px
    }
.max-w-md {
    max-width: 28rem
    }
.min-h-full {
    min-height: 100%
    }
.min-h-screen {
    min-height: 100vh
    }
.w-\[296px\] {
    width: 296px
    }
.w-\[300px\] {
    width: 300px
    }
.w-\[90\%\] {
    width: 90%
    }
.w-1 {
    width: 0.25rem
    }
.w-24 {
    width: 6rem
    }
.w-4, [w-4=""] {
    width: 1rem
    }
.w-5 {
    width: 1.25rem
    }
.w-96 {
    width: 24rem
    }
.w-auto {
    width: auto
    }
.w-full, [w-full=""] {
    width: 100%
    }
.flex, [flex=""] {
    display: flex
    }
.inline-flex {
    display: inline-flex
    }
.flex-1 {
    flex: 1 1 0%
    }
.flex-none {
    flex: none
    }
.flex-shrink-0 {
    flex-shrink: 0
    }
.flex-row {
    flex-direction: row
    }
.flex-col {
    flex-direction: column
    }
.translate-y-0 {
    --un-translate-y: 0
    }
.translate-y-0, .translate-y-4 {
    transform: translate(var(--un-translate-x)) translatey(var(--un-translate-y)) translatez(var(--un-translate-z)) rotate(var(--un-rotate)) rotatex(var(--un-rotate-x)) rotatey(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewy(var(--un-skew-y)) scalex(var(--un-scale-x)) scaley(var(--un-scale-y)) scalez(var(--un-scale-z))
    }
.translate-y-4 {
    --un-translate-y: 1rem
    }
.group[open] .group-open\:rotate-180 {
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-rotate: 180deg
    }
.group[open] .group-open\:rotate-180, .scale-100 {
    transform: translate(var(--un-translate-x)) translatey(var(--un-translate-y)) translatez(var(--un-translate-z)) rotate(var(--un-rotate)) rotatex(var(--un-rotate-x)) rotatey(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewy(var(--un-skew-y)) scalex(var(--un-scale-x)) scaley(var(--un-scale-y)) scalez(var(--un-scale-z))
    }
.scale-100 {
    --un-scale-x: 1;
    --un-scale-y: 1
    }
.scale-95 {
    --un-scale-x: 0.95;
    --un-scale-y: 0.95
    }
.scale-95, .transform {
    transform: translate(var(--un-translate-x)) translatey(var(--un-translate-y)) translatez(var(--un-translate-z)) rotate(var(--un-rotate)) rotatex(var(--un-rotate-x)) rotatey(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewy(var(--un-skew-y)) scalex(var(--un-scale-x)) scaley(var(--un-scale-y)) scalez(var(--un-scale-z))
    }
.cursor-pointer, [cursor-pointer=""] {
    cursor: pointer
    }
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
    }
.list-none {
    list-style-type: none
    }
.place-content-center {
    place-content: center
    }
.content-center {
    align-content: center
    }
.content-end {
    align-content: flex-end
    }
.items-center, [items-center=""] {
    align-items: center
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.justify-around {
    justify-content: space-around
    }
.justify-items-end {
    justify-items: end
    }
.justify-items-center {
    justify-items: center
    }
.gap-2, [gap-2=""] {
    gap: 0.5rem
    }
.gap-3 {
    gap: 0.75rem
    }
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --un-space-y-reverse: 0;
    margin-bottom: calc(1rem * var(--un-space-y-reverse))
    }
.overflow-hidden {
    overflow: hidden
    }
.overflow-x-hidden, [overflow-x-hidden=""] {
    overflow-x: hidden
    }
.overflow-y-auto, [overflow-y-auto=""] {
    overflow-y: auto
    }
.border, .border-1, .border-\[1px\], [border=""] {
    border-width: 1px
    }
.border-0 {
    border-width: 0
    }
.border-2 {
    border-width: 2px
    }
.border-b-1 {
    border-bottom-width: 1px
    }
.border-l-1, .border-l-\[1px\] {
    border-left-width: 1px
    }
.border-r-1, .border-r-\[1px\] {
    border-right-width: 1px
    }
.border-gray-300, [border-gray-300=""] {
    --un-border-opacity: 1
    }
.border-slate-300, [border-slate-300=""] {
    --un-border-opacity: 1
    }
.border-transparent {
    border-color: transparent
    }
.peer:checked ~ .peer-checked\:border-blue-500 {
    --un-border-opacity: 1
    }
.group:hover .group-hover\:border-blue-400 {
    --un-border-opacity: 1
    }
.focus\:border-orange-400:focus, [focus\:border-orange-400=""]:focus {
    --un-border-opacity: 1
    }
.rounded-\[4px\] {
    border-radius: 4px
    }
.rounded-25px {
    border-radius: 25px
    }
.rounded-2xl {
    border-radius: 1rem
    }
.rounded-lg {
    border-radius: 0.5rem
    }
.rounded-md, [rounded-md=""] {
    border-radius: 0.375rem
    }
.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
    }
.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
    }
.rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem
    }
.border-none, .focus\:border-none:focus, [border-none=""], [focus\:border-none=""]:focus {
    border-style: none
    }
.bg-\[\#3B82F6\], .peer:checked ~ .peer-checked\:bg-blue-500 {
    --un-bg-opacity: 1
    }
.bg-\#1569EF {
    --un-bg-opacity: 1
    }
.bg-\#1D1E20, .bg-\#1d1e20 {
    --un-bg-opacity: 1
    }
.bg-\#E6EDFD {
    --un-bg-opacity: 1
    }
.bg-\#EFF4FF {
    --un-bg-opacity: 1
    }
.bg-\#F6F7FA {
    --un-bg-opacity: 1
    }
.bg-blue-100 {
    --un-bg-opacity: 1
    }
.bg-blue-700 {
    --un-bg-opacity: 1
    }
.bg-white, [bg-white=""] {
    --un-bg-opacity: 1
    }
.dark .dark\:bg-black {
    --un-bg-opacity: 1
    }
.dark .dark\:bg-blue-600 {
    --un-bg-opacity: 1
    }
.dark .dark\:hover\:bg-blue-700:hover {
    --un-bg-opacity: 1
    }
.hover\:bg-blue-200:hover {
    --un-bg-opacity: 1
    }
.hover\:bg-blue-800:hover {
    --un-bg-opacity: 1
    }
.hover\:bg-gray-100:hover {
    --un-bg-opacity: 1
    }
[stroke-width~="1.5"] {
    stroke-width: 1.5px
    }
[stroke-width~="3"] {
    stroke-width: 3px
    }
.p-1\.5 {
    padding: 0.375rem
    }
.p-2 {
    padding: 0.5rem
    }
.p-4 {
    padding: 1rem
    }
.p-5 {
    padding: 1.25rem
    }
.p-6 {
    padding: 1.5rem
    }
.p-8 {
    padding: 2rem
    }
.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
    }
.px-2, [px-2=""] {
    padding-left: 0.5rem;
    padding-right: 0.5rem
    }
.px-3, [px-3=""] {
    padding-left: 0.75rem;
    padding-right: 0.75rem
    }
.px-4, [px=""] {
    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
    }
.py-\[2px\] {
    padding-bottom: 2px;
    padding-top: 2px
    }
.py-1, [py-1=""] {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem
    }
.py-1\.5, [py-1\.5=""] {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem
    }
.py-15 {
    padding-bottom: 3.75rem;
    padding-top: 3.75rem
    }
.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem
    }
.py-2\.5 {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem
    }
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem
    }
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
    }
.pb-10 {
    padding-bottom: 2.5rem
    }
.pb-15 {
    padding-bottom: 3.75rem
    }
.pb-20 {
    padding-bottom: 5rem
    }
.pb-5 {
    padding-bottom: 1.25rem
    }
.pl-3, [pl-3=""] {
    padding-left: 0.75rem
    }
.pl-7, [pl-7=""] {
    padding-left: 1.75rem
    }
.pr-20, [pr-20=""] {
    padding-right: 5rem
    }
.pt-14 {
    padding-top: 3.5rem
    }
.pt-32 {
    padding-top: 8rem
    }
.pt-40 {
    padding-top: 10rem
    }
.pt-8 {
    padding-top: 2rem
    }
.text-center {
    text-align: center
    }
.text-left {
    text-align: left
    }
.align-middle {
    vertical-align: middle
    }
.text-\[20px\] {
    font-size: 20px
    }
.text-\[400px\] {
    font-size: 400px
    }
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
    }
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
    }
.text-6xl {
    font-size: 3.75rem;
    line-height: 1
    }
.text-8xl {
    font-size: 6rem;
    line-height: 1
    }
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
    }
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
    }
.placeholder\:text-sm::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
.placeholder\:text-sm::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
[placeholder\:text-sm=""]::-moz-placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
[placeholder\:text-sm=""]::placeholder {
    font-size: 0.875rem;
    line-height: 1.25rem
    }
.dark .dark\:text-white, .text-white {
    --un-text-opacity: 1
    }
.text-\[\#000000d9\] {
    --un-text-opacity: 0.85
    }
.text-\[\#7e7e7e\] {
    --un-text-opacity: 1
    }
.text-\[\#808080\] {
    --un-text-opacity: 1
    }
.text-\[\#8184a3\] {
    --un-text-opacity: 1
    }
.text-\[\#ff0000\] {
    --un-text-opacity: 1
    }
.text-\#014AE5 {
    --un-text-opacity: 1
    }
.text-\#0A173F {
    --un-text-opacity: 1
    }
.text-\#1569EF {
    --un-text-opacity: 1
    }
.text-black {
    --un-text-opacity: 1
    }
.text-blue-900 {
    --un-text-opacity: 1
    }
.text-gray-500 {
    --un-text-opacity: 1
    }
.text-gray-900, [text-gray-900=""] {
    --un-text-opacity: 1
    }
.text-neutral-600 {
    --un-text-opacity: 1
    }
.text-orange-500, [text-orange-500=""] {
    --un-text-opacity: 1
    }
.text-red {
    --un-text-opacity: 1
    }
.text-red-500 {
    --un-text-opacity: 1
    }
.hover\:text-\#014AE5:hover {
    --un-text-opacity: 1
    }
.placeholder\:text-gray-400::-moz-placeholder {
    --un-text-opacity: 1
    }
.placeholder\:text-gray-400::placeholder {
    --un-text-opacity: 1
    }
[placeholder\:text-gray-400=""]::-moz-placeholder {
    --un-text-opacity: 1
    }
[placeholder\:text-gray-400=""]::placeholder {
    --un-text-opacity: 1
    }
.font-500, .font-medium {
    font-weight: 500
    }
.font-bold {
    font-weight: 700
    }
.font-extrabold {
    font-weight: 800
    }
.font-light {
    font-weight: 300
    }
.font-semibold {
    font-weight: 600
    }
.leading-6 {
    line-height: 1.5rem
    }
.leading-9 {
    line-height: 2.25rem
    }
.leading-tight {
    line-height: 1.25
    }
.font-\[Poppings\] {
    font-family: Poppings
    }
.font-sans {
    font-family: DM Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
    }
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
.opacity-0 {
    opacity: 0
    }
.opacity-100, .peer:checked ~ .peer-checked\:\[\&\>\.checkmark\]\:opacity-100 > .checkmark {
    opacity: 1
    }
.opacity-80 {
    opacity: 0.8
    }
.opacity-90 {
    opacity: 0.9
    }
[opacity-0~="required:"]:required {
    opacity: 0
    }
.shadow-lg {
    --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgba(0, 0, 0, 0.1))
    }
.shadow-lg, .shadow-xl {
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.shadow-xl {
    --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0, 0, 0, 0.1))
    }
.outline-0, [outline-0=""] {
    outline-width: 0
    }
.focus\:outline-none:focus, .outline-none, [focus\:outline-none=""]:focus, [outline-none=""] {
    outline: 2px solid transparent;
    outline-offset: 2px
    }
.ring-0 {
    --un-ring-width: 0;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
.ring-0, .ring-1, [ring-1=""] {
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.ring-1, [ring-1=""] {
    --un-ring-width: 1px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
[focus\:ring-0~="required:"]:focus:required {
    --un-ring-width: 0;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.focus\:ring-0:focus {
    --un-ring-width: 0;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
.focus\:ring-0:focus, .focus\:ring-1:focus {
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.focus\:ring-1:focus {
    --un-ring-width: 1px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
.focus\:ring-4:focus {
    --un-ring-width: 4px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
.focus\:ring-4:focus, .peer:focus ~ .peer-focus\:ring-2 {
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.peer:focus ~ .peer-focus\:ring-2 {
    --un-ring-width: 2px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color)
    }
[focus\:ring-1=""]:focus {
    --un-ring-width: 1px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.focus-visible\:ring-2:focus-visible {
    --un-ring-width: 2px;
    --un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
    }
.focus-visible\:ring-offset-2:focus-visible {
    --un-ring-offset-width: 2px
    }
.ring-orange-500 {
    --un-ring-opacity: 1
    }
[focus\:ring-orange-500~="required:"]:focus:required {
    --un-ring-opacity: 1
    }
.dark .dark\:focus\:ring-blue-800:focus {
    --un-ring-opacity: 1
    }
.focus\:ring-blue-300:focus {
    --un-ring-opacity: 1
    }
.focus\:ring-orange-500:focus {
    --un-ring-opacity: 1
    }
.peer:focus ~ .peer-focus\:ring-blue-200 {
    --un-ring-opacity: 1
    }
.focus-visible\:ring-blue-500:focus-visible {
    --un-ring-opacity: 1
    }
.transition {
    transition-duration: 0.15s;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
    }
.transition-all {
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
    }
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
    }
.duration-150, .transition-opacity {
    transition-duration: 0.15s
    }
.duration-200 {
    transition-duration: 0.2s
    }
.duration-300 {
    transition-duration: 0.3s
    }
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
    }
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
    }
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
[placeholder~="$t("]::-moz-placeholder {
    color: var(--t\()
    }
[placeholder~="$t("]::placeholder {
    color: var(--t\()
    }
@media (min-width: 640px) {
    .sm\:bottom-0 {
        bottom: 0
        }
    .sm\:left-5 {
        left: 1.25rem
        }
    .sm\:my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
        }
    .sm\:my-3 {
        margin-bottom: 0.75rem;
        margin-top: 0.75rem
        }
    .sm\:mb-10 {
        margin-bottom: 2.5rem
        }
    .sm\:mb-5 {
        margin-bottom: 1.25rem
        }
    .sm\:block {
        display: block
        }
    .sm\:hidden {
        display: none
        }
    .sm\:h-\[203px\] {
        height: 203px
        }
    .sm\:h-\[650px\] {
        height: 650px
        }
    .sm\:h-6 {
        height: 1.5rem
        }
    .sm\:w-\[60\%\] {
        width: 60%
        }
    .sm\:w-\[90\%\] {
        width: 90%
        }
    .sm\:w-32 {
        width: 8rem
        }
    .sm\:w-96 {
        width: 24rem
        }
    .sm\:flex {
        display: flex
        }
    .sm\:translate-y-0 {
        --un-translate-y: 0
        }
    .sm\:scale-100, .sm\:translate-y-0 {
        transform: translate(var(--un-translate-x)) translatey(var(--un-translate-y)) translatez(var(--un-translate-z)) rotate(var(--un-rotate)) rotatex(var(--un-rotate-x)) rotatey(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewy(var(--un-skew-y)) scalex(var(--un-scale-x)) scaley(var(--un-scale-y)) scalez(var(--un-scale-z))
        }
    .sm\:scale-100 {
        --un-scale-x: 1;
        --un-scale-y: 1
        }
    .sm\:scale-95 {
        --un-scale-x: 0.95;
        --un-scale-y: 0.95;
        transform: translate(var(--un-translate-x)) translatey(var(--un-translate-y)) translatez(var(--un-translate-z)) rotate(var(--un-rotate)) rotatex(var(--un-rotate-x)) rotatey(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewy(var(--un-skew-y)) scalex(var(--un-scale-x)) scaley(var(--un-scale-y)) scalez(var(--un-scale-z))
        }
    .sm\:items-center {
        align-items: center
        }
    .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
        --un-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--un-space-x-reverse))
        }
    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --un-space-y-reverse: 0;
        margin-bottom: calc(0 * var(--un-space-y-reverse))
        }
    .sm\:overflow-y-scroll {
        overflow-y: scroll
        }
    .sm\:rounded-b-2xl {
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem
        }
    .sm\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
        }
    .sm\:p-2 {
        padding: 0.5rem
        }
    .sm\:px-\[2\%\] {
        padding-left: 2%;
        padding-right: 2%
        }
    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
        }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
        }
    .sm\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem
        }
    .sm\:text-\[24px\] {
        font-size: 24px
        }
    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
        }
    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
        }
    .sm\:text-8xl {
        font-size: 6rem;
        line-height: 1
        }
    .sm\:text-sm, [sm\:text-sm=""] {
        font-size: 0.875rem;
        line-height: 1.25rem
        }
    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
        }
    .sm\:leading-6, [sm\:leading-6=""] {
        line-height: 1.5rem
        }
    }
@media (min-width: 768px) {
    .md\:bottom-0 {
        bottom: 0
        }
    .md\:bottom-1 {
        bottom: 0.25rem
        }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .md\:block {
        display: block
        }
    .md\:hidden {
        display: none
        }
    .md\:h-\[388px\] {
        height: 388px
        }
    .md\:h-\[438px\] {
        height: 438px
        }
    .md\:gap-4 {
        gap: 1rem
        }
    .md\:p-3 {
        padding: 0.75rem
        }
    .md\:p-5 {
        padding: 1.25rem
        }
    .md\:px-\[5\%\] {
        padding-left: 5%;
        padding-right: 5%
        }
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
        }
    .md\:text-8xl {
        font-size: 6rem;
        line-height: 1
        }
    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
        }
    }
@media (min-width: 1024px) {
    .lg\:grid {
        display: grid
        }
    .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\:my-0 {
        margin-bottom: 0;
        margin-top: 0
        }
    .lg\:my-5 {
        margin-bottom: 1.25rem;
        margin-top: 1.25rem
        }
    .lg\:mb-30 {
        margin-bottom: 7.5rem
        }
    .lg\:h-258px {
        height: 258px
        }
    .lg\:h-572px {
        height: 572px
        }
    .lg\:h-8 {
        height: 2rem
        }
    .lg\:h-full {
        height: 100%
        }
    .lg\:flex {
        display: flex
        }
    .lg\:flex-1 {
        flex: 1 1 0%
        }
    .lg\:items-center {
        align-items: center
        }
    .lg\:justify-end {
        justify-content: flex-end
        }
    .lg\:justify-between {
        justify-content: space-between
        }
    .lg\:gap-12 {
        gap: 3rem
        }
    .lg\:gap-24 {
        gap: 6rem
        }
    .lg\:gap-6 {
        gap: 1.5rem
        }
    .lg\:p-10 {
        padding: 2.5rem
        }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
        }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
        }
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
        }
    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
        }
    }
@media (min-width: 1280px) {
    .xl\:bottom-0 {
        bottom: 0
        }
    .xl\:bottom-20 {
        bottom: 5rem
        }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
        }
    .xl\:m-auto {
        margin: auto
        }
    .xl\:h-366px {
        height: 366px
        }
    .xl\:h-746px {
        height: 746px
        }
    .xl\:w-\[15\%\] {
        width: 15%
        }
    .xl\:w-\[60\%\] {
        width: 60%
        }
    .xl\:w-\[80\%\] {
        width: 80%
        }
    .xl\:rounded-b-0 {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
        }
    .xl\:rounded-t-0 {
        border-top-left-radius: 0;
        border-top-right-radius: 0
        }
    .xl\:rounded-lb-2xl {
        border-bottom-left-radius: 1rem
        }
    .xl\:rounded-lt-2xl {
        border-top-left-radius: 1rem
        }
    .xl\:rounded-rb-2xl {
        border-bottom-right-radius: 1rem
        }
    .xl\:rounded-rt-2xl {
        border-top-right-radius: 1rem
        }
    .xl\:px-\[15\%\] {
        padding-left: 15%;
        padding-right: 15%
        }
    }