/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid
        }
    }
}

:root,
:host {
    --font-sans: var(--theme-font-family);
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-900: oklch(21% .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: var(--theme-spacing);
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: calc(var(--theme-container-width)*.2);
    --container-2xs: calc(var(--theme-container-width)*.225);
    --container-xs: calc(var(--theme-container-width)*.25);
    --container-sm: calc(var(--theme-container-width)*.3);
    --container-md: calc(var(--theme-container-width)*.35);
    --container-lg: calc(var(--theme-container-width)*.4);
    --container-xl: calc(var(--theme-container-width)*.45);
    --container-2xl: calc(var(--theme-container-width)*.525);
    --container-3xl: calc(var(--theme-container-width)*.6);
    --container-4xl: calc(var(--theme-container-width)*.7);
    --container-5xl: calc(var(--theme-container-width)*.8);
    --container-6xl: calc(var(--theme-container-width)*.9);
    --container-7xl: var(--theme-container-width);
    --text-xs: calc(var(--theme-font-size)*.75);
    --text-xs--line-height: calc(1/.75);
    --text-sm: var(--theme-font-size-sm);
    --text-sm--line-height: calc(1.25/.875);
    --text-base: var(--theme-font-size);
    --text-base--line-height: 1.5;
    --text-lg: var(--theme-font-size-lg);
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: calc(var(--theme-font-size)*1.25);
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: calc(var(--theme-font-size)*1.5);
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: calc(var(--theme-font-size)*1.875);
    --text-3xl--line-height: 1.2;
    --text-4xl: calc(var(--theme-font-size)*2.25);
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: calc(var(--theme-font-size)*2.5);
    --text-5xl--line-height: 1;
    --text-6xl: calc(var(--theme-font-size)*3);
    --text-6xl--line-height: 1;
    --text-7xl: calc(var(--theme-font-size)*3.5);
    --text-7xl--line-height: 1;
    --text-8xl: calc(var(--theme-font-size)*4);
    --text-8xl--line-height: 1;
    --text-9xl: calc(var(--theme-font-size)*4.5);
    --text-9xl--line-height: 1;
    --font-weight-thin: var(--theme-font-weight-thin);
    --font-weight-extralight: var(--theme-font-weight-extralight);
    --font-weight-light: var(--theme-font-weight-light);
    --font-weight-normal: var(--theme-font-weight-normal);
    --font-weight-medium: var(--theme-font-weight-medium);
    --font-weight-semibold: var(--theme-font-weight-semibold);
    --font-weight-bold: var(--theme-font-weight-bold);
    --font-weight-extrabold: var(--theme-font-weight-extrabold);
    --font-weight-black: var(--theme-font-weight-black);
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --radius-xs: calc(var(--theme-radius)*.25);
    --radius-sm: calc(var(--theme-radius)*.5);
    --radius-md: calc(var(--theme-radius)*.75);
    --radius-lg: var(--theme-radius);
    --radius-xl: calc(var(--theme-radius)*1.5);
    --radius-2xl: calc(var(--theme-radius)*2);
    --radius-3xl: calc(var(--theme-radius)*3);
    --radius-4xl: calc(var(--theme-radius)*4);
    --shadow-2xs: 0 1px rgb(var(--theme-shadow-color-rgb)/.05);
    --shadow-xs: 0 1px 2px 0 rgb(var(--theme-shadow-color-rgb)/.05);
    --shadow-sm: 0 1px 3px 0 rgb(var(--theme-shadow-color-rgb)/.1), 0 1px 2px -1px rgb(var(--theme-shadow-color-rgb)/.1);
    --shadow-md: 0 4px 6px -1px rgb(var(--theme-shadow-color-rgb)/.1), 0 2px 4px -2px rgb(var(--theme-shadow-color-rgb)/.1);
    --shadow-lg: var(--theme-shadow);
    --shadow-xl: 0 20px 25px -5px rgb(var(--theme-shadow-color-rgb)/.1), 0 8px 10px -6px rgb(var(--theme-shadow-color-rgb)/.1);
    --shadow-2xl: 0 25px 50px -12px rgb(var(--theme-shadow-color-rgb)/.25);
    --aspect-video: 16/9;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --text-xs-line-height: var(--theme-line-height-sm);
    --text-sm-line-height: var(--theme-line-height-sm);
    --text-base-line-height: var(--theme-line-height);
    --text-lg-line-height: var(--theme-line-height);
    --text-xl-line-height: var(--theme-line-height);
    --text-2xl-line-height: var(--theme-line-height-sm);
    --text-3xl-line-height: var(--theme-line-height-sm);
    --text-4xl-line-height: var(--theme-line-height-xs);
    --text-5xl-line-height: var(--theme-line-height-xs);
    --text-6xl-line-height: var(--theme-line-height-xs);
    --text-7xl-line-height: var(--theme-line-height-xs);
    --text-8xl-line-height: var(--theme-line-height-xs);
    --text-9xl-line-height: var(--theme-line-height-xs)
}

*,
:after,
:before,
::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

html,
:host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

:-moz-focusring {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

ol,
ul,
menu {
    list-style: none
}

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

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

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

::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
}

:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
}

::file-selector-button {
    margin-inline-end: 4px
}

::placeholder {
    opacity: 1
}

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

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

textarea {
    resize: vertical
}

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

::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

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

::-webkit-datetime-edit {
    padding-block: 0
}

::-webkit-datetime-edit-year-field {
    padding-block: 0
}

::-webkit-datetime-edit-month-field {
    padding-block: 0
}

::-webkit-datetime-edit-day-field {
    padding-block: 0
}

::-webkit-datetime-edit-hour-field {
    padding-block: 0
}

::-webkit-datetime-edit-minute-field {
    padding-block: 0
}

::-webkit-datetime-edit-second-field {
    padding-block: 0
}

::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
}

::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
}

::-webkit-calendar-picker-indicator {
    line-height: 1
}

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

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

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

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

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

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

.modal {
    pointer-events: none;
    visibility: hidden;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    color: inherit;
    transition: visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
    overscroll-behavior: contain;
    z-index: 999;
    scrollbar-gutter: auto;
    background-color: #0000;
    place-items: center;
    margin: 0;
    padding: 0;
    display: grid;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: clip
}

.modal::backdrop {
    display: none
}

.modal.modal-open,
.modal[open],
.modal:target,
.modal-toggle:checked+.modal {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
    background-color: #0006
}

:is(.modal.modal-open, .modal[open], .modal:target, .modal-toggle:checked+.modal) .modal-box {
    opacity: 1;
    translate: 0;
    scale: 1
}

@starting-style {

    .modal.modal-open,
    .modal[open],
    .modal:target,
    .modal-toggle:checked+.modal {
        opacity: 0
    }
}

:where(.drawer-side) {
    overflow: hidden
}

.drawer-side {
    pointer-events: none;
    visibility: hidden;
    z-index: 10;
    overscroll-behavior: contain;
    opacity: 0;
    width: 100%;
    transition: opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;
    inset-inline-start: 0;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-row-start: 1;
    grid-column-start: 1;
    place-items: flex-start start;
    height: 100dvh;
    display: grid;
    position: fixed;
    top: 0
}

.drawer-side>.drawer-overlay {
    cursor: pointer;
    background-color: #0006;
    place-self: stretch stretch;
    position: sticky;
    top: 0
}

.drawer-side>* {
    grid-row-start: 1;
    grid-column-start: 1
}

.drawer-side>:not(.drawer-overlay) {
    will-change: transform;
    transition: translate .3s ease-out, width .2s ease-out;
    translate: -100%
}

[dir=rtl] :is(.drawer-side>:not(.drawer-overlay)) {
    translate: 100%
}

:where(.drawer-open>.drawer-side) {
    overflow-y: auto
}

.drawer-open>.drawer-toggle {
    display: none
}

.drawer-open>.drawer-toggle~.drawer-side {
    pointer-events: auto;
    visibility: visible;
    overscroll-behavior: auto;
    opacity: 1;
    width: auto;
    display: block;
    position: sticky
}

.drawer-open>.drawer-toggle~.drawer-side>.drawer-overlay {
    cursor: default;
    background-color: #0000
}

.drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay),
[dir=rtl] :is(.drawer-open>.drawer-toggle~.drawer-side>:not(.drawer-overlay)) {
    translate: 0%
}

.drawer-open>.drawer-toggle:checked~.drawer-side {
    pointer-events: auto;
    visibility: visible
}

.drawer-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed
}

.drawer-toggle:checked~.drawer-side {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    overflow-y: auto
}

.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
    translate: 0%
}

.drawer-toggle:focus-visible~.drawer-content label.drawer-button {
    outline-offset: 2px;
    outline: 2px solid
}

.tab {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative
}

@media(hover:hover) {
    .tab:hover {
        color: var(--color-base-content)
    }
}

.tab {
    --tab-p: 1rem;
    --tab-bg: var(--color-base-100);
    --tab-border-color: var(--color-base-300);
    --tab-radius-ss: 0;
    --tab-radius-se: 0;
    --tab-radius-es: 0;
    --tab-radius-ee: 0;
    --tab-order: 0;
    --tab-radius-min: calc(.75rem - var(--border));
    order: var(--tab-order);
    height: var(--tab-height);
    border-color: #0000;
    padding-inline-start: var(--tab-p);
    padding-inline-end: var(--tab-p);
    font-size: .875rem
}

.tab:is(input[type=radio]) {
    min-width: fit-content
}

.tab:is(input[type=radio]):after {
    content: attr(aria-label)
}

.tab:is(label) {
    position: relative
}

.tab:is(label) input {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

:is(.tab:checked, .tab:is(label:has(:checked)), .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]))+.tab-content {
    height: calc(100% - var(--tab-height) + var(--border));
    display: block
}

.tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
    color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
        color: color-mix(in oklab, var(--color-base-content)50%, transparent)
    }
}

.tab:not(input):empty {
    cursor: default;
    flex-grow: 1
}

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

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

.tab:focus-visible,
.tab:is(label:has(:checked:focus-visible)) {
    outline-offset: -5px;
    outline: 2px solid
}

.tab[disabled] {
    pointer-events: none;
    opacity: .4
}

.menu {
    --menu-active-fg: var(--color-neutral-content);
    --menu-active-bg: var(--color-neutral);
    flex-flow: column wrap;
    width: fit-content;
    padding: .5rem;
    font-size: .875rem;
    display: flex
}

.menu :where(li ul) {
    white-space: nowrap;
    margin-inline-start: 1rem;
    padding-inline-start: .5rem;
    position: relative
}

.menu :where(li ul):before {
    background-color: var(--color-base-content);
    opacity: .1;
    width: var(--border);
    content: "";
    inset-inline-start: 0;
    position: absolute;
    top: .75rem;
    bottom: .75rem
}

.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
    display: none
}

.menu :where(li:not(.menu-title)>:not(ul, details, .menu-title, .btn)),
.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    text-align: start;
    text-wrap: balance;
    -webkit-user-select: none;
    user-select: none;
    grid-auto-columns: minmax(auto, max-content) auto max-content;
    grid-auto-flow: column;
    align-content: flex-start;
    align-items: center;
    gap: .5rem;
    padding-block: .375rem;
    padding-inline: .75rem;
    transition-property: color, background-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: grid
}

.menu :where(li>details>summary) {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .menu :where(li>details>summary) {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.menu :where(li>details>summary)::-webkit-details-marker {
    display: none
}

:is(.menu :where(li>details>summary), .menu :where(li>.menu-dropdown-toggle)):after {
    content: "";
    transform-origin: 50%;
    pointer-events: none;
    justify-self: flex-end;
    width: .375rem;
    height: .375rem;
    transition-property: rotate, translate;
    transition-duration: .2s;
    display: block;
    translate: 0 -1px;
    rotate: -135deg;
    box-shadow: inset 2px 2px
}

.menu :where(li>details[open]>summary):after,
.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after {
    translate: 0 1px;
    rotate: 45deg
}

.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus,
.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
    cursor: pointer;
    background-color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {

    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus,
    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus,
.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
    color: var(--color-base-content);
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {

    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus,
    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title), li:not(.menu-title, .disabled)>details>summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
    cursor: pointer;
    background-color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
        background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.menu :where(li:not(.menu-title, .disabled)>:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled)>details>summary:not(.menu-title):not(.menu-active, :active, .btn):hover) {
    box-shadow: inset 0 1px #00000003, inset 0 -1px #ffffff03
}

.menu :where(li:empty) {
    background-color: var(--color-base-content);
    opacity: .1;
    height: 1px;
    margin: .5rem 1rem
}

.menu :where(li) {
    flex-flow: column wrap;
    flex-shrink: 0;
    align-items: stretch;
    display: flex;
    position: relative
}

.menu :where(li) .badge {
    justify-self: flex-end
}

.menu :where(li)>:not(ul, .menu-title, details, .btn):active,
.menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active,
.menu :where(li)>details>summary:active {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {

    .menu :where(li)>:not(ul, .menu-title, details, .btn):active,
    .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active,
    .menu :where(li)>details>summary:active {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.menu :where(li)>:not(ul, .menu-title, details, .btn):active,
.menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active,
.menu :where(li)>details>summary:active {
    color: var(--menu-active-fg);
    background-color: var(--menu-active-bg);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise)
}

:is(.menu :where(li)>:not(ul, .menu-title, details, .btn):active, .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active, .menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul, .menu-title, details, .btn):active, .menu :where(li)>:not(ul, .menu-title, details, .btn).menu-active, .menu :where(li)>details>summary:active):active) {
    box-shadow: 0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)
}

.menu :where(li).menu-disabled {
    pointer-events: none;
    color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .menu :where(li).menu-disabled {
        color: color-mix(in oklab, var(--color-base-content)20%, transparent)
    }
}

.menu .dropdown:focus-within .menu-dropdown-toggle:after {
    translate: 0 1px;
    rotate: 45deg
}

.menu .dropdown-content {
    margin-top: .5rem;
    padding: .5rem
}

.menu .dropdown-content:before {
    display: none
}

.collapse-arrow>.collapse-title:after {
    width: .5rem;
    height: .5rem;
    display: block;
    position: absolute;
    transform: translateY(-100%)rotate(45deg)
}

@media(prefers-reduced-motion:no-preference) {
    .collapse-arrow>.collapse-title:after {
        transition-property: all;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

.collapse-arrow>.collapse-title:after {
    content: "";
    transform-origin: 75% 75%;
    pointer-events: none;
    top: 50%;
    inset-inline-end: 1.4rem;
    box-shadow: 2px 2px
}

.collapse-plus>.collapse-title:after {
    width: .5rem;
    height: .5rem;
    display: block;
    position: absolute
}

@media(prefers-reduced-motion:no-preference) {
    .collapse-plus>.collapse-title:after {
        transition-property: all;
        transition-duration: .3s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

.collapse-plus>.collapse-title:after {
    content: "+";
    pointer-events: none;
    top: .9rem;
    inset-inline-end: 1.4rem
}

.dropdown {
    position-area: var(--anchor-v, bottom)var(--anchor-h, span-right);
    display: inline-block;
    position: relative
}

.dropdown>:not(summary):focus {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    .dropdown>:not(summary):focus {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.dropdown .dropdown-content {
    position: absolute
}

.dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content,
.dropdown.dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible)~.dropdown-content {
    transform-origin: top;
    opacity: 0;
    display: none;
    scale: 95%
}

.dropdown[popover],
.dropdown .dropdown-content {
    z-index: 999
}

@media(prefers-reduced-motion:no-preference) {

    .dropdown[popover],
    .dropdown .dropdown-content {
        transition-behavior: allow-discrete;
        transition-property: opacity, scale, display;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation: .2s dropdown
    }
}

@starting-style {

    .dropdown[popover],
    .dropdown .dropdown-content {
        opacity: 0;
        scale: 95%
    }
}

:is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within)>[tabindex]:first-child {
    pointer-events: none
}

:is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within) .dropdown-content {
    opacity: 1
}

.dropdown.dropdown-hover:hover .dropdown-content {
    opacity: 1;
    scale: 100%
}

.dropdown:is(details) summary::-webkit-details-marker {
    display: none
}

:is(.dropdown.dropdown-open, .dropdown:focus, .dropdown:focus-within) .dropdown-content {
    scale: 100%
}

.dropdown:where([popover]) {
    background: 0 0
}

.dropdown[popover] {
    color: inherit;
    position: fixed
}

@supports not (position-area:bottom) {
    .dropdown[popover] {
        margin: auto
    }

    .dropdown[popover].dropdown-open:not(:popover-open) {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: 95%
    }

    .dropdown[popover]::backdrop {
        background-color: oklab(0% none none/.3)
    }
}

.dropdown[popover]:not(.dropdown-open, :popover-open) {
    transform-origin: top;
    opacity: 0;
    display: none;
    scale: 95%
}

:where(.btn) {
    width: unset
}

.btn {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, .875rem);
    outline-color: var(--btn-color, var(--color-base-content));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, .25rem)*10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex
}

@supports (color:color-mix(in lab, red, red)) {
    .btn {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth)*5%))
    }
}

.btn {
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000)
    }
}

.btn {
    --btn-noise: var(--fx-noise)
}

.prose .btn {
    text-decoration-line: none
}

@media(hover:hover) {
    .btn:hover {
        --btn-bg: var(--btn-color, var(--color-base-200))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:hover {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
        }
    }
}

.btn:focus-visible,
.btn:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid
}

.btn:active:not(.btn-active) {
    --btn-bg: var(--btn-color, var(--color-base-200));
    translate: 0 .5px
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:active:not(.btn-active) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)
    }
}

.btn:active:not(.btn-active) {
    --btn-border: var(--btn-color, var(--color-base-200))
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:active:not(.btn-active) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
    }
}

.btn:active:not(.btn-active) {
    --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)
}

.btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
    background-color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

.btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
    box-shadow: none
}

.btn:is(:disabled, [disabled], .btn-disabled) {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:is(:disabled, [disabled], .btn-disabled) {
        --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
    }
}

@media(hover:hover) {
    .btn:is(:disabled, [disabled], .btn-disabled):hover {
        pointer-events: none;
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:is(:disabled, [disabled], .btn-disabled):hover {
            background-color: color-mix(in oklab, var(--color-neutral)20%, transparent)
        }
    }

    .btn:is(:disabled, [disabled], .btn-disabled):hover {
        --btn-border: #0000;
        --btn-fg: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn:is(:disabled, [disabled], .btn-disabled):hover {
            --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
        }
    }
}

.btn:is(input[type=checkbox], input[type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn:is(input[type=checkbox], input[type=radio]):after {
    content: attr(aria-label)
}

.btn:where(input:checked:not(.filter .btn)) {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
    isolation: isolate
}

.collapse:not(td, tr, colgroup) {
    visibility: revert-layer;
    display: grid
}

.collapse {
    border-radius: var(--radius-box, 1rem);
    isolation: isolate;
    grid-template-rows: max-content 0fr;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    position: relative;
    overflow: hidden
}

@media(prefers-reduced-motion:no-preference) {
    .collapse {
        transition: grid-template-rows .2s
    }
}

.collapse>input:is([type=checkbox], [type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    z-index: 1;
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    min-height: 1lh;
    padding: 1rem;
    padding-inline-end: 3rem;
    transition: background-color .2s ease-out
}

.collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close)),
.collapse:not(.collapse-close):has(>input:is([type=checkbox], [type=radio]):checked) {
    grid-template-rows: max-content 1fr
}

.collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close))>.collapse-content,
.collapse:not(.collapse-close)>:where(input:is([type=checkbox], [type=radio]):checked~.collapse-content) {
    visibility: visible;
    min-height: fit-content
}

.collapse:focus-visible,
.collapse:has(>input:is([type=checkbox], [type=radio]):focus-visible),
.collapse:has(summary:focus-visible) {
    outline-color: var(--color-base-content);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}

.collapse:not(.collapse-close)>input[type=checkbox],
.collapse:not(.collapse-close)>input[type=radio]:not(:checked),
.collapse:not(.collapse-close)>.collapse-title {
    cursor: pointer
}

:is(.collapse[tabindex]:focus:not(.collapse-close, .collapse[open]), .collapse[tabindex]:focus-within:not(.collapse-close, .collapse[open]))>.collapse-title {
    cursor: unset
}

.collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),
.collapse:not(.collapse-close)>:where(input:is([type=checkbox], [type=radio]):checked~.collapse-content) {
    padding-bottom: 1rem
}

@media(prefers-reduced-motion:no-preference) {

    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),
    .collapse:not(.collapse-close)>:where(input:is([type=checkbox], [type=radio]):checked~.collapse-content) {
        transition: padding .2s ease-out, background-color .2s ease-out
    }

    .collapse[open].collapse-arrow>.collapse-title:after,
    .collapse.collapse-open.collapse-arrow>.collapse-title:after {
        transform: translateY(-50%)rotate(225deg)
    }
}

.collapse.collapse-open.collapse-plus>.collapse-title:after {
    content: "−"
}

:is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close), .collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,
.collapse.collapse-arrow:not(.collapse-close)>input:is([type=checkbox], [type=radio]):checked~.collapse-title:after {
    transform: translateY(-50%)rotate(225deg)
}

.collapse[open].collapse-plus>.collapse-title:after,
.collapse[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,
.collapse.collapse-plus:not(.collapse-close)>input:is([type=checkbox], [type=radio]):checked~.collapse-title:after {
    content: "−"
}

.collapse:is(details) {
    width: 100%
}

@media(prefers-reduced-motion:no-preference) {
    @supports (transition:content-visibility allow-discrete) and (interpolate-size:allow-keywords) {
        .collapse:is(details)::details-content {
            transition: content-visibility .2s allow-discrete, height .2s;
            interpolate-size: allow-keywords;
            height: 0
        }

        .collapse:is(details):where([open], .collapse-open)::details-content {
            height: auto
        }
    }
}

.collapse:is(details) summary {
    display: block;
    position: relative
}

.collapse:is(details) summary::-webkit-details-marker {
    display: none
}

.collapse:is(details) summary {
    outline: none
}

.collapse-content {
    visibility: hidden;
    min-height: 0;
    cursor: unset;
    grid-row-start: 2;
    grid-column-start: 1;
    padding-left: 1rem;
    padding-right: 1rem
}

@media(prefers-reduced-motion:no-preference) {
    .collapse-content {
        transition: visibility .2s, padding .2s ease-out, background-color .2s ease-out
    }
}

.collapse-open {
    grid-template-rows: max-content 1fr
}

.collapse-open>.collapse-content {
    visibility: visible;
    min-height: fit-content;
    padding-bottom: 1rem
}

@media(prefers-reduced-motion:no-preference) {
    .collapse-open>.collapse-content {
        transition: padding .2s ease-out, background-color .2s ease-out
    }
}

.collapse {
    visibility: collapse
}

.tabs-lift {
    --tabs-height: auto;
    --tabs-direction: row
}

.tabs-lift>.tab {
    --tab-border: 0 0 var(--border)0;
    --tab-radius-ss: min(var(--radius-field), var(--tab-radius-min));
    --tab-radius-se: min(var(--radius-field), var(--tab-radius-min));
    --tab-radius-es: 0;
    --tab-radius-ee: 0;
    --tab-paddings: var(--border)var(--tab-p)0 var(--tab-p);
    --tab-border-colors: #0000 #0000 var(--tab-border-color)#0000;
    --tab-corner-width: calc(100% + min(var(--radius-field), var(--tab-radius-min))*2);
    --tab-corner-height: min(var(--radius-field), var(--tab-radius-min));
    --tab-corner-position: top left, top right;
    border-width: var(--tab-border);
    padding: var(--tab-paddings);
    border-color: var(--tab-border-colors);
    border-start-start-radius: var(--tab-radius-ss);
    border-start-end-radius: var(--tab-radius-se);
    border-end-end-radius: var(--tab-radius-ee);
    border-end-start-radius: var(--tab-radius-es)
}

.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
.tabs-lift>.tab:is(input:checked, label:has(:checked)) {
    --tab-border: var(--border)var(--border)0 var(--border);
    --tab-border-colors: var(--tab-border-color)var(--tab-border-color)#0000 var(--tab-border-color);
    --tab-paddings: 0 calc(var(--tab-p) - var(--border))var(--border)calc(var(--tab-p) - var(--border));
    --tab-inset: auto auto 0 auto;
    --tab-grad: calc(69% - var(--border));
    --radius-start: radial-gradient(circle at top left, #0000 var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--border)), var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));
    --radius-end: radial-gradient(circle at top right, #0000 var(--tab-grad), var(--tab-border-color)calc(var(--tab-grad) + .25px), var(--tab-border-color)calc(var(--tab-grad) + var(--border)), var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));
    background-color: var(--tab-bg)
}

:is(.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift>.tab:is(input:checked, label:has(:checked))):before {
    z-index: 1;
    content: "";
    width: var(--tab-corner-width);
    height: var(--tab-corner-height);
    background-position: var(--tab-corner-position);
    background-image: var(--radius-start), var(--radius-end);
    background-size: min(var(--radius-field), var(--tab-radius-min))min(var(--radius-field), var(--tab-radius-min));
    inset: var(--tab-inset);
    background-repeat: no-repeat;
    display: block;
    position: absolute
}

:is(.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift>.tab:is(input:checked, label:has(:checked))):first-child:before {
    --radius-start: none
}

[dir=rtl] :is(.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift>.tab:is(input:checked, label:has(:checked))):first-child:before {
    transform: rotateY(180deg)
}

:is(.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift>.tab:is(input:checked, label:has(:checked))):last-child:before {
    --radius-end: none
}

[dir=rtl] :is(.tabs-lift>.tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-lift>.tab:is(input:checked, label:has(:checked))):last-child:before {
    transform: rotateY(180deg)
}

.tabs-lift:has(>.tab-content)>.tab:first-child:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
    --tab-border-colors: var(--tab-border-color)var(--tab-border-color)#0000 var(--tab-border-color)
}

.tabs-lift>.tab-content {
    --tabcontent-margin: calc(-1*var(--border))0 0 0;
    --tabcontent-radius-ss: 0;
    --tabcontent-radius-se: var(--radius-box);
    --tabcontent-radius-es: var(--radius-box);
    --tabcontent-radius-ee: var(--radius-box)
}

:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]))+.tab-content:first-child,
:is(.tabs-lift :checked, .tabs-lift label:has(:checked), .tabs-lift :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]))+.tab-content:nth-child(n+3) {
    --tabcontent-radius-ss: var(--radius-box)
}

.radial-progress {
    height: var(--size);
    width: var(--size);
    vertical-align: middle;
    box-sizing: content-box;
    --value: 0;
    --size: 5rem;
    --thickness: calc(var(--size)/10);
    --radialprogress: calc(var(--value)*1%);
    background-color: #0000;
    border-radius: 3.40282e38px;
    place-content: center;
    transition: --radialprogress .3s linear;
    display: inline-grid;
    position: relative
}

.radial-progress:before {
    content: "";
    background: radial-gradient(farthest-side, currentColor 98%, #0000)top/var(--thickness)var(--thickness)no-repeat, conic-gradient(currentColor var(--radialprogress), #0000 0);
    webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
    mask: radial-gradient(farthest-side, #0000 calc(100% - var(--thickness)), #000 calc(100% + .5px - var(--thickness)));
    border-radius: 3.40282e38px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.radial-progress:after {
    content: "";
    inset: calc(50% - var(--thickness)/2);
    transform: rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));
    background-color: currentColor;
    border-radius: 3.40282e38px;
    transition: transform .3s linear;
    position: absolute
}

.toggle {
    border: var(--border)solid currentColor;
    color: var(--input-color);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
    border-radius: calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));
    padding: var(--toggle-p);
    flex-shrink: 0;
    grid-template-columns: 0fr 1fr 1fr;
    place-content: center;
    display: inline-grid;
    position: relative;
    box-shadow: inset 0 1px
}

@supports (color:color-mix(in lab, red, red)) {
    .toggle {
        box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth)*10%), #0000) inset
    }
}

.toggle {
    --input-color: var(--color-base-content);
    transition: color .3s, grid-template-columns .2s
}

@supports (color:color-mix(in lab, red, red)) {
    .toggle {
        --input-color: color-mix(in oklab, var(--color-base-content)50%, #0000)
    }
}

.toggle {
    --toggle-p: calc(var(--size)*.125);
    --size: calc(var(--size-selector, .25rem)*6);
    width: calc((var(--size)*2) - (var(--border) + var(--toggle-p))*2);
    height: var(--size)
}

.toggle>* {
    z-index: 1;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0000;
    border: none;
    grid-column: 2/span 1;
    grid-row-start: 1;
    height: 100%;
    padding: .125rem;
    transition: opacity .2s, rotate .4s
}

.toggle>:focus {
    --tw-outline-style: none;
    outline-style: none
}

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

.toggle>:nth-child(2) {
    color: var(--color-base-100);
    rotate: none
}

.toggle>:nth-child(3) {
    color: var(--color-base-100);
    opacity: 0;
    rotate: -15deg
}

.toggle:has(:checked)>:nth-child(2) {
    opacity: 0;
    rotate: 15deg
}

.toggle:has(:checked)>:nth-child(3) {
    opacity: 1;
    rotate: none
}

.toggle:before {
    aspect-ratio: 1;
    border-radius: var(--radius-selector);
    --tw-content: "";
    content: var(--tw-content);
    height: 100%;
    box-shadow: 0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px currentColor;
    background-color: currentColor;
    grid-row-start: 1;
    grid-column-start: 2;
    transition: background-color .1s, translate .2s, inset-inline-start .2s;
    position: relative;
    inset-inline-start: 0;
    translate: 0
}

@supports (color:color-mix(in lab, red, red)) {
    .toggle:before {
        box-shadow: 0 -1px oklch(0% 0 0/calc(var(--depth)*.1)) inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth)*10%), #0000)
    }
}

.toggle:before {
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise)
}

@media(forced-colors:active) {
    .toggle:before {
        outline-style: var(--tw-outline-style);
        outline-offset: -1px;
        outline-width: 1px
    }
}

@media print {
    .toggle:before {
        outline-offset: -1rem;
        outline: .25rem solid
    }
}

.toggle:focus-visible,
.toggle:has(:focus-visible) {
    outline-offset: 2px;
    outline: 2px solid
}

.toggle:checked,
.toggle[aria-checked=true],
.toggle:has(>input:checked) {
    background-color: var(--color-base-100);
    --input-color: var(--color-base-content);
    grid-template-columns: 1fr 1fr 0fr
}

:is(.toggle:checked, .toggle[aria-checked=true], .toggle:has(>input:checked)):before {
    background-color: currentColor
}

@starting-style {
    :is(.toggle:checked, .toggle[aria-checked=true], .toggle:has(>input:checked)):before {
        opacity: 0
    }
}

.toggle:indeterminate {
    grid-template-columns: .5fr 1fr .5fr
}

.toggle:disabled {
    cursor: not-allowed;
    opacity: .3
}

.toggle:disabled:before {
    border: var(--border)solid currentColor;
    background-color: #0000
}

.table {
    border-radius: var(--radius-box);
    text-align: left;
    width: 100%;
    font-size: .875rem;
    position: relative
}

.table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    text-align: right
}

@media(hover:hover) {
    :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover {
        background-color: var(--color-base-200)
    }
}

.table :where(th, td) {
    vertical-align: middle;
    padding-block: .75rem;
    padding-inline: 1rem
}

.table :where(thead, tfoot) {
    white-space: nowrap;
    color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .table :where(thead, tfoot) {
        color: color-mix(in oklab, var(--color-base-content)60%, transparent)
    }
}

.table :where(thead, tfoot) {
    font-size: .875rem;
    font-weight: 600
}

.table :where(tfoot) {
    border-top: var(--border)solid var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .table :where(tfoot) {
        border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
    }
}

.table :where(.table-pin-rows thead tr) {
    z-index: 1;
    background-color: var(--color-base-100);
    position: sticky;
    top: 0
}

.table :where(.table-pin-rows tfoot tr) {
    z-index: 1;
    background-color: var(--color-base-100);
    position: sticky;
    bottom: 0
}

.table :where(.table-pin-cols tr th) {
    background-color: var(--color-base-100);
    position: sticky;
    left: 0;
    right: 0
}

.table :where(thead tr, tbody tr:not(:last-child)) {
    border-bottom: var(--border)solid var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
    }
}

.steps {
    counter-reset: step;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: inline-grid;
    overflow: auto hidden
}

.steps .step {
    text-align: center;
    --step-bg: var(--color-base-300);
    --step-fg: var(--color-base-content);
    grid-template-rows: 40px 1fr;
    grid-template-columns: auto;
    place-items: center;
    min-width: 4rem;
    display: grid
}

.steps .step:before {
    width: 100%;
    height: .5rem;
    color: var(--step-bg);
    background-color: var(--step-bg);
    --tw-content: "";
    content: var(--tw-content);
    border: 1px solid;
    grid-row-start: 1;
    grid-column-start: 1;
    margin-inline-start: -100%;
    top: 0
}

.steps .step>.step-icon,
.steps .step:not(:has(.step-icon)):after {
    content: counter(step);
    counter-increment: step;
    z-index: 1;
    color: var(--step-fg);
    background-color: var(--step-bg);
    border: 1px solid var(--step-bg);
    border-radius: 3.40282e38px;
    grid-row-start: 1;
    grid-column-start: 1;
    place-self: center;
    place-items: center;
    width: 2rem;
    height: 2rem;
    display: grid;
    position: relative
}

.steps .step:first-child:before {
    content: none
}

.steps .step[data-content]:after {
    content: attr(data-content)
}

.steps .step-neutral+.step-neutral:before,
.steps .step-neutral:after,
.steps .step-neutral>.step-icon {
    --step-bg: var(--color-neutral);
    --step-fg: var(--color-neutral-content)
}

.steps .step-primary+.step-primary:before,
.steps .step-primary:after,
.steps .step-primary>.step-icon {
    --step-bg: var(--color-primary);
    --step-fg: var(--color-primary-content)
}

.steps .step-secondary+.step-secondary:before,
.steps .step-secondary:after,
.steps .step-secondary>.step-icon {
    --step-bg: var(--color-secondary);
    --step-fg: var(--color-secondary-content)
}

.steps .step-accent+.step-accent:before,
.steps .step-accent:after,
.steps .step-accent>.step-icon {
    --step-bg: var(--color-accent);
    --step-fg: var(--color-accent-content)
}

.steps .step-info+.step-info:before,
.steps .step-info:after,
.steps .step-info>.step-icon {
    --step-bg: var(--color-info);
    --step-fg: var(--color-info-content)
}

.steps .step-success+.step-success:before,
.steps .step-success:after,
.steps .step-success>.step-icon {
    --step-bg: var(--color-success);
    --step-fg: var(--color-success-content)
}

.steps .step-warning+.step-warning:before,
.steps .step-warning:after,
.steps .step-warning>.step-icon {
    --step-bg: var(--color-warning);
    --step-fg: var(--color-warning-content)
}

.steps .step-error+.step-error:before,
.steps .step-error:after,
.steps .step-error>.step-icon {
    --step-bg: var(--color-error);
    --step-fg: var(--color-error-content)
}

.tabs-border .tab {
    --tab-border-color: #0000 #0000 var(--tab-border-color)#0000;
    border-radius: var(--radius-field);
    position: relative
}

.tabs-border .tab:before {
    --tw-content: "";
    content: var(--tw-content);
    background-color: var(--tab-border-color);
    border-radius: var(--radius-field);
    width: 80%;
    height: 3px;
    transition: background-color .2s;
    position: absolute;
    bottom: 0;
    left: 10%
}

:is(.tabs-border .tab:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]), .tabs-border .tab:is(input:checked), .tabs-border .tab:is(label:has(:checked))):before {
    --tab-border-color: currentColor;
    border-top: 3px solid
}

.timeline {
    display: flex;
    position: relative
}

.timeline>li {
    grid-template-rows: var(--timeline-row-start, minmax(0, 1fr))auto var(--timeline-row-end, minmax(0, 1fr));
    grid-template-columns: var(--timeline-col-start, minmax(0, 1fr))auto var(--timeline-col-end, minmax(0, 1fr));
    flex-shrink: 0;
    align-items: center;
    display: grid;
    position: relative
}

.timeline>li>hr {
    border: none;
    width: 100%
}

.timeline>li>hr:first-child {
    grid-row-start: 2;
    grid-column-start: 1
}

.timeline>li>hr:last-child {
    grid-area: 2/3/auto/none
}

@media print {
    .timeline>li>hr {
        border: .1px solid var(--color-base-300)
    }
}

.timeline :where(hr) {
    background-color: var(--color-base-300);
    height: .25rem
}

.timeline:has(.timeline-middle hr):first-child {
    border-start-start-radius: 0;
    border-start-end-radius: var(--radius-selector);
    border-end-end-radius: var(--radius-selector);
    border-end-start-radius: 0
}

.timeline:has(.timeline-middle hr):last-child,
.timeline:not(:has(.timeline-middle)) :first-child hr:last-child {
    border-start-start-radius: var(--radius-selector);
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: var(--radius-selector)
}

.timeline:not(:has(.timeline-middle)) :last-child hr:first-child {
    border-start-start-radius: 0;
    border-start-end-radius: var(--radius-selector);
    border-end-end-radius: var(--radius-selector);
    border-end-start-radius: 0
}

.card {
    border-radius: var(--radius-box);
    outline-offset: 2px;
    outline: 0 solid #0000;
    flex-direction: column;
    transition: outline .2s ease-in-out;
    display: flex;
    position: relative
}

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

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

.card:focus-visible {
    outline-color: currentColor
}

.card :where(figure:first-child) {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    overflow: hidden
}

.card :where(figure:last-child) {
    border-start-start-radius: unset;
    border-start-end-radius: unset;
    border-end-end-radius: inherit;
    border-end-start-radius: inherit;
    overflow: hidden
}

.card:where(.card-border) {
    border: var(--border)solid var(--color-base-200)
}

.card:where(.card-dash) {
    border: var(--border)dashed var(--color-base-200)
}

.card.image-full {
    display: grid
}

.card.image-full>* {
    grid-row-start: 1;
    grid-column-start: 1
}

.card.image-full>.card-body {
    color: var(--color-neutral-content);
    position: relative
}

.card.image-full :where(figure) {
    border-radius: inherit;
    overflow: hidden
}

.card.image-full>figure img {
    object-fit: cover;
    filter: brightness(28%);
    height: 100%
}

.card figure {
    justify-content: center;
    align-items: center;
    display: flex
}

.card:has(>input:is(input[type=checkbox], input[type=radio])) {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.card:has(>:checked) {
    outline: 2px solid
}

.collapse-title {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    min-height: 1lh;
    padding: 1rem;
    padding-inline-end: 3rem;
    transition: background-color .2s ease-out;
    position: relative
}

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

.not-sr-only {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible
}

.menu-horizontal {
    flex-direction: row;
    display: inline-flex
}

.menu-horizontal>li:not(.menu-title)>details>ul {
    margin-inline-start: 0;
    margin-top: 1rem;
    padding-block: .5rem;
    padding-inline-end: .5rem;
    position: absolute
}

.menu-horizontal>li>details>ul:before {
    content: none
}

:where(.menu-horizontal>li:not(.menu-title)>details>ul) {
    border-radius: var(--radius-box);
    background-color: var(--color-base-100);
    box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a
}

.menu-vertical {
    flex-direction: column;
    display: inline-flex
}

.menu-vertical>li:not(.menu-title)>details>ul {
    margin-inline-start: 1rem;
    margin-top: 0;
    padding-block: 0;
    padding-inline-end: 0;
    position: relative
}

.navbar {
    align-items: center;
    width: 100%;
    min-height: 4rem;
    padding: .5rem;
    display: flex
}

:where(.navbar) {
    position: relative
}

.drawer {
    grid-auto-columns: max-content auto;
    width: 100%;
    display: grid;
    position: relative
}

.stats {
    border-radius: var(--radius-box);
    grid-auto-flow: column;
    display: inline-grid;
    position: relative;
    overflow-x: auto
}

.progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--radius-box);
    background-color: currentColor;
    width: 100%;
    height: .5rem;
    position: relative;
    overflow: hidden
}

@supports (color:color-mix(in lab, red, red)) {
    .progress {
        background-color: color-mix(in oklab, currentcolor 20%, transparent)
    }
}

.progress {
    color: var(--color-base-content)
}

.progress:indeterminate {
    background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
    background-position-x: 15%;
    background-size: 200%
}

@media(prefers-reduced-motion:no-preference) {
    .progress:indeterminate {
        animation: 5s ease-in-out infinite progress
    }
}

@supports ((-moz-appearance:none)) {
    .progress:indeterminate::-moz-progress-bar {
        background-color: #0000
    }

    @media(prefers-reduced-motion:no-preference) {
        .progress:indeterminate::-moz-progress-bar {
            background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
            background-position-x: 15%;
            background-size: 200%;
            animation: 5s ease-in-out infinite progress
        }
    }

    .progress::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor
    }
}

@supports ((-webkit-appearance:none)) {
    .progress::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: #0000
    }

    .progress::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor
    }
}

.modal-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    width: 0;
    height: 0;
    position: fixed
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.static {
    position: static
}

.sticky {
    position: sticky
}

.dropdown-right {
    --anchor-h: right;
    --anchor-v: span-bottom
}

.dropdown-right .dropdown-content {
    transform-origin: 0;
    inset-inline-start: 100%;
    top: 0;
    bottom: auto
}

.dropdown-left {
    --anchor-h: left;
    --anchor-v: span-bottom
}

.dropdown-left .dropdown-content {
    transform-origin: 100%;
    inset-inline-end: 100%;
    top: 0;
    bottom: auto
}

.dropdown-center {
    --anchor-h: center
}

.dropdown-center :where(.dropdown-content) {
    inset-inline-end: 50%;
    translate: 50%
}

[dir=rtl] :is(.dropdown-center :where(.dropdown-content)) {
    translate: -50%
}

.dropdown-center.dropdown-left {
    --anchor-h: left;
    --anchor-v: center
}

.dropdown-center.dropdown-left .dropdown-content {
    top: auto;
    bottom: 50%;
    translate: 0 50%
}

.dropdown-center.dropdown-right {
    --anchor-h: right;
    --anchor-v: center
}

.dropdown-center.dropdown-right .dropdown-content {
    top: auto;
    bottom: 50%;
    translate: 0 50%
}

.dropdown-end {
    --anchor-h: span-left
}

.dropdown-end :where(.dropdown-content) {
    inset-inline-end: 0;
    translate: 0
}

[dir=rtl] :is(.dropdown-end :where(.dropdown-content)) {
    translate: 0
}

.dropdown-end.dropdown-left {
    --anchor-h: left;
    --anchor-v: span-top
}

.dropdown-end.dropdown-left .dropdown-content {
    top: auto;
    bottom: 0
}

.dropdown-end.dropdown-right {
    --anchor-h: right;
    --anchor-v: span-top
}

.dropdown-end.dropdown-right .dropdown-content {
    top: auto;
    bottom: 0
}

.dropdown-start {
    --anchor-h: span-right
}

.dropdown-start :where(.dropdown-content) {
    inset-inline-end: auto;
    translate: 0
}

[dir=rtl] :is(.dropdown-start :where(.dropdown-content)) {
    translate: 0
}

.dropdown-start.dropdown-left {
    --anchor-h: left;
    --anchor-v: span-bottom
}

.dropdown-start.dropdown-left .dropdown-content {
    top: 0;
    bottom: auto
}

.dropdown-start.dropdown-right {
    --anchor-h: right;
    --anchor-v: span-bottom
}

.dropdown-start.dropdown-right .dropdown-content {
    top: 0;
    bottom: auto
}

.dropdown-bottom {
    --anchor-v: bottom
}

.dropdown-bottom .dropdown-content {
    transform-origin: top;
    top: 100%;
    bottom: auto
}

.dropdown-top {
    --anchor-v: top
}

.dropdown-top .dropdown-content {
    transform-origin: bottom;
    top: auto;
    bottom: 100%
}

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

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

.hero-content {
    isolation: isolate;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    max-width: 80rem;
    padding: 1rem;
    display: flex
}

.btn-active {
    --btn-bg: var(--btn-color, var(--color-base-200))
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-active {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
    }
}

.btn-active {
    --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
    isolation: isolate
}

.modal-backdrop {
    color: #0000;
    z-index: -1;
    grid-row-start: 1;
    grid-column-start: 1;
    place-self: stretch stretch;
    display: grid
}

.modal-backdrop button {
    cursor: pointer
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.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-auto {
    z-index: auto
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.order-first {
    order: -9999
}

.order-last {
    order: 9999
}

.order-none {
    order: 0
}

.col-auto {
    grid-column: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-span-full {
    grid-column: 1/-1
}

.timeline-end {
    grid-area: 3/1/4/4;
    place-self: flex-start center;
    margin: .25rem
}

.timeline-start {
    grid-area: 1/1/2/4;
    place-self: flex-end center;
    margin: .25rem
}

.timeline-horizontal {
    flex-direction: row
}

.timeline-horizontal>li {
    align-items: center
}

.timeline-horizontal>li>hr {
    width: 100%;
    height: .25rem
}

.timeline-horizontal>li>hr:first-child {
    grid-row-start: 2;
    grid-column-start: 1
}

.timeline-horizontal>li>hr:last-child {
    grid-area: 2/3/auto/none
}

.timeline-horizontal .timeline-start {
    grid-area: 1/1/2/4;
    place-self: flex-end center
}

.timeline-horizontal .timeline-end {
    grid-area: 3/1/4/4;
    place-self: flex-start center
}

.timeline-horizontal:has(.timeline-middle)>li>hr:first-child {
    border-start-start-radius: 0;
    border-start-end-radius: var(--radius-selector);
    border-end-end-radius: var(--radius-selector);
    border-end-start-radius: 0
}

.timeline-horizontal:has(.timeline-middle)>li>hr:last-child,
.timeline-horizontal:not(:has(.timeline-middle)) :first-child>hr:last-child {
    border-start-start-radius: var(--radius-selector);
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: var(--radius-selector)
}

.timeline-horizontal:not(:has(.timeline-middle)) :last-child>hr:first-child {
    border-start-start-radius: 0;
    border-start-end-radius: var(--radius-selector);
    border-end-end-radius: var(--radius-selector);
    border-end-start-radius: 0
}

.timeline-vertical {
    flex-direction: column
}

.timeline-vertical>li {
    --timeline-row-start: minmax(0, 1fr);
    --timeline-row-end: minmax(0, 1fr);
    justify-items: center
}

.timeline-vertical>li>hr {
    width: .25rem;
    height: 100%
}

.timeline-vertical>li>hr:first-child {
    grid-row-start: 1;
    grid-column-start: 2
}

.timeline-vertical>li>hr:last-child {
    grid-area: 3/2/none
}

.timeline-vertical .timeline-start {
    grid-area: 1/1/4/2;
    place-self: center flex-end
}

.timeline-vertical .timeline-end {
    grid-area: 1/3/4/4;
    place-self: center flex-start
}

.timeline-vertical:has(.timeline-middle)>li>hr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--radius-selector);
    border-bottom-left-radius: var(--radius-selector)
}

.timeline-vertical:has(.timeline-middle)>li>hr:last-child,
.timeline-vertical:not(:has(.timeline-middle)) :first-child>hr:last-child {
    border-top-left-radius: var(--radius-selector);
    border-top-right-radius: var(--radius-selector);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.timeline-vertical:not(:has(.timeline-middle)) :last-child>hr:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--radius-selector);
    border-bottom-left-radius: var(--radius-selector)
}

.timeline-vertical.timeline-snap-icon>li {
    --timeline-col-start: minmax(0, 1fr);
    --timeline-row-start: .5rem
}

.timeline-compact {
    --timeline-row-start: 0
}

.timeline-compact .timeline-start {
    grid-area: 3/1/4/4;
    place-self: flex-start center
}

.timeline-compact li:has(.timeline-start) .timeline-end {
    grid-row-start: auto;
    grid-column-start: none
}

.timeline-compact.timeline-vertical>li {
    --timeline-col-start: 0
}

.timeline-compact.timeline-vertical .timeline-start {
    grid-area: 1/3/4/4;
    place-self: center flex-start
}

.timeline-compact.timeline-vertical li:has(.timeline-start) .timeline-end {
    grid-row-start: none;
    grid-column-start: auto
}

.stat-figure {
    grid-row: 1/span 3;
    grid-column-start: 2;
    place-self: center flex-end
}

.hero {
    background-position: 50%;
    background-size: cover;
    place-items: center;
    width: 100%;
    display: grid
}

.hero>* {
    grid-row-start: 1;
    grid-column-start: 1
}

.hero-overlay {
    background-color: var(--color-neutral);
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
    height: 100%
}

@supports (color:color-mix(in lab, red, red)) {
    .hero-overlay {
        background-color: color-mix(in oklab, var(--color-neutral)50%, transparent)
    }
}

.modal-box {
    background-color: var(--color-base-100);
    border-top-left-radius: var(--modal-tl, var(--radius-box));
    border-top-right-radius: var(--modal-tr, var(--radius-box));
    border-bottom-left-radius: var(--modal-bl, var(--radius-box));
    border-bottom-right-radius: var(--modal-br, var(--radius-box));
    opacity: 0;
    overscroll-behavior: contain;
    grid-row-start: 1;
    grid-column-start: 1;
    width: 91.6667%;
    max-width: 32rem;
    max-height: 100vh;
    padding: 1.5rem;
    transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out;
    overflow-y: auto;
    scale: 95%;
    box-shadow: 0 25px 50px -12px #00000040
}

.drawer-content {
    grid-row-start: 1;
    grid-column-start: 2;
    min-width: 0
}

.timeline-middle {
    grid-row-start: 2;
    grid-column-start: 2
}

.drawer-end {
    grid-auto-columns: auto max-content
}

.drawer-end>.drawer-toggle~.drawer-content {
    grid-column-start: 1
}

.drawer-end>.drawer-toggle~.drawer-side {
    grid-column-start: 2;
    justify-items: end
}

.drawer-end>.drawer-toggle~.drawer-side>:not(.drawer-overlay) {
    translate: 100%
}

[dir=rtl] :is(.drawer-end>.drawer-toggle~.drawer-side>:not(.drawer-overlay)) {
    translate: -100%
}

.drawer-end>.drawer-toggle:checked~.drawer-side>:not(.drawer-overlay) {
    translate: 0%
}

.stat-value {
    white-space: nowrap;
    grid-column-start: 1;
    font-size: 2rem;
    font-weight: 800
}

.stat-desc {
    white-space: nowrap;
    color: var(--color-base-content);
    grid-column-start: 1
}

@supports (color:color-mix(in lab, red, red)) {
    .stat-desc {
        color: color-mix(in oklab, var(--color-base-content)60%, transparent)
    }
}

.stat-desc {
    font-size: .75rem
}

.stat-title {
    white-space: nowrap;
    color: var(--color-base-content);
    grid-column-start: 1
}

@supports (color:color-mix(in lab, red, red)) {
    .stat-title {
        color: color-mix(in oklab, var(--color-base-content)60%, transparent)
    }
}

.stat-title {
    font-size: .75rem
}

.stat-actions {
    white-space: nowrap;
    grid-column-start: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-end-1 {
    grid-column-end: 1
}

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

.col-end-3 {
    grid-column-end: 3
}

.col-end-4 {
    grid-column-end: 4
}

.col-end-5 {
    grid-column-end: 5
}

.col-end-6 {
    grid-column-end: 6
}

.col-end-7 {
    grid-column-end: 7
}

.col-end-8 {
    grid-column-end: 8
}

.col-end-9 {
    grid-column-end: 9
}

.col-end-10 {
    grid-column-end: 10
}

.col-end-11 {
    grid-column-end: 11
}

.col-end-12 {
    grid-column-end: 12
}

.col-end-13 {
    grid-column-end: 13
}

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

.row-auto {
    grid-row: auto
}

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-2 {
    grid-row: span 2/span 2
}

.row-span-3 {
    grid-row: span 3/span 3
}

.row-span-4 {
    grid-row: span 4/span 4
}

.row-span-full {
    grid-row: 1/-1
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-4 {
    grid-row-start: 4
}

.row-start-auto {
    grid-row-start: auto
}

.row-end-1 {
    grid-row-end: 1
}

.row-end-2 {
    grid-row-end: 2
}

.row-end-3 {
    grid-row-end: 3
}

.row-end-4 {
    grid-row-end: 4
}

.row-end-auto {
    grid-row-end: auto
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto
}

.container {
    padding-inline: var(--theme-container-padding-x);
    margin-inline: auto
}

.mx-0 {
    margin-inline: calc(var(--spacing)*0)
}

.mx-1 {
    margin-inline: calc(var(--spacing)*1)
}

.mx-2 {
    margin-inline: calc(var(--spacing)*2)
}

.mx-3 {
    margin-inline: calc(var(--spacing)*3)
}

.mx-4 {
    margin-inline: calc(var(--spacing)*4)
}

.mx-5 {
    margin-inline: calc(var(--spacing)*5)
}

.mx-6 {
    margin-inline: calc(var(--spacing)*6)
}

.mx-auto {
    margin-inline: auto
}

.my-0 {
    margin-block: calc(var(--spacing)*0)
}

.my-1 {
    margin-block: calc(var(--spacing)*1)
}

.my-2 {
    margin-block: calc(var(--spacing)*2)
}

.my-3 {
    margin-block: calc(var(--spacing)*3)
}

.my-4 {
    margin-block: calc(var(--spacing)*4)
}

.my-5 {
    margin-block: calc(var(--spacing)*5)
}

.my-6 {
    margin-block: calc(var(--spacing)*6)
}

.my-auto {
    margin-block: auto
}

.ms-0 {
    margin-inline-start: calc(var(--spacing)*0)
}

.ms-1 {
    margin-inline-start: calc(var(--spacing)*1)
}

.ms-2 {
    margin-inline-start: calc(var(--spacing)*2)
}

.ms-3 {
    margin-inline-start: calc(var(--spacing)*3)
}

.ms-4 {
    margin-inline-start: calc(var(--spacing)*4)
}

.ms-5 {
    margin-inline-start: calc(var(--spacing)*5)
}

.ms-6 {
    margin-inline-start: calc(var(--spacing)*6)
}

.ms-auto {
    margin-inline-start: auto
}

.me-0 {
    margin-inline-end: calc(var(--spacing)*0)
}

.me-1 {
    margin-inline-end: calc(var(--spacing)*1)
}

.me-2 {
    margin-inline-end: calc(var(--spacing)*2)
}

.me-3 {
    margin-inline-end: calc(var(--spacing)*3)
}

.me-4 {
    margin-inline-end: calc(var(--spacing)*4)
}

.me-5 {
    margin-inline-end: calc(var(--spacing)*5)
}

.me-6 {
    margin-inline-end: calc(var(--spacing)*6)
}

.me-auto {
    margin-inline-end: auto
}

.modal-action {
    justify-content: flex-end;
    gap: .5rem;
    margin-top: 1.5rem;
    display: flex
}

.tabs-box {
    background-color: var(--color-base-200);
    --tabs-box-radius: calc(var(--radius-field) + var(--radius-field) + var(--radius-field));
    border-radius: calc(min(calc(var(--tab-height)/2), var(--radius-field)) + min(.25rem, var(--tabs-box-radius)));
    box-shadow: 0 -.5px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 .5px oklch(0% 0 0/calc(var(--depth)*.05)) inset;
    padding: .25rem
}

.tabs-box .tab {
    border-radius: var(--radius-field);
    border-style: none
}

.tabs-box .tab:focus-visible,
.tabs-box .tab:is(label:has(:checked:focus-visible)) {
    outline-offset: 2px
}

.tabs-box>:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
.tabs-box>:is(input:checked),
.tabs-box>:is(label:has(:checked)) {
    background-color: var(--tab-bg, var(--color-base-100));
    box-shadow: 0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px 1px -1px var(--color-neutral), 0 1px 6px -4px var(--color-neutral)
}

@supports (color:color-mix(in lab, red, red)) {

    .tabs-box>:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
    .tabs-box>:is(input:checked),
    .tabs-box>:is(label:has(:checked)) {
        box-shadow: 0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral)calc(var(--depth)*50%), #0000), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral)calc(var(--depth)*100%), #0000)
    }
}

@media(forced-colors:active) {

    .tabs-box>:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
    .tabs-box>:is(input:checked),
    .tabs-box>:is(label:has(:checked)) {
        border: 1px solid
    }
}

.tabs-box .tab-content {
    border-radius: calc(min(calc(var(--tab-height)/2), var(--radius-field)) + min(.25rem, var(--tabs-box-radius)) - var(--border));
    margin-top: .25rem
}

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.breadcrumbs {
    max-width: 100%;
    padding-block: .5rem;
    overflow-x: auto
}

.breadcrumbs>menu,
.breadcrumbs>ul,
.breadcrumbs>ol {
    white-space: nowrap;
    align-items: center;
    min-height: min-content;
    display: flex
}

:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li {
    align-items: center;
    display: flex
}

:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li>* {
    cursor: pointer;
    align-items: center;
    gap: .5rem;
    display: flex
}

@media(hover:hover) {
    :is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li>:hover {
        text-decoration-line: underline
    }
}

:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li>:focus {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    :is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li>:focus {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li>:focus-visible {
    outline-offset: 2px;
    outline: 2px solid
}

:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li+:before {
    content: "";
    opacity: .4;
    background-color: #0000;
    border-top: 1px solid;
    border-right: 1px solid;
    width: .375rem;
    height: .375rem;
    margin-left: .5rem;
    margin-right: .75rem;
    display: block;
    rotate: 45deg
}

[dir=rtl] :is(:is(.breadcrumbs>menu, .breadcrumbs>ul, .breadcrumbs>ol)>li)+:before {
    rotate: -135deg
}

.footer-title {
    text-transform: uppercase;
    opacity: .6;
    margin-bottom: .5rem;
    font-weight: 600
}

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

.mb-1 {
    margin-bottom: calc(var(--spacing)*1)
}

.mb-2 {
    margin-bottom: calc(var(--spacing)*2)
}

.mb-3 {
    margin-bottom: calc(var(--spacing)*3)
}

.mb-4 {
    margin-bottom: calc(var(--spacing)*4)
}

.mb-5 {
    margin-bottom: calc(var(--spacing)*5)
}

.mb-6 {
    margin-bottom: calc(var(--spacing)*6)
}

.mb-auto {
    margin-bottom: auto
}

.badge {
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--badge-fg);
    border: var(--border)solid var(--badge-color, var(--color-base-200));
    width: fit-content;
    padding-inline: calc(.25rem*3 - var(--border));
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    background-color: var(--badge-bg);
    --badge-bg: var(--badge-color, var(--color-base-100));
    --badge-fg: var(--color-base-content);
    --size: calc(var(--size-selector, .25rem)*6);
    height: var(--size);
    justify-content: center;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    display: inline-flex
}

.tabs {
    --tabs-height: auto;
    --tabs-direction: row;
    --tab-height: calc(var(--size-field, .25rem)*10);
    height: var(--tabs-height);
    flex-wrap: wrap;
    flex-direction: var(--tabs-direction);
    display: flex
}

.footer {
    grid-auto-flow: row;
    place-items: start;
    gap: 2.5rem 1rem;
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

.footer>* {
    place-items: start;
    gap: .5rem;
    display: grid
}

.footer.footer-center {
    text-align: center;
    grid-auto-flow: column dense;
    place-items: center
}

.footer.footer-center>* {
    place-items: center
}

.stat {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 1rem;
    width: 100%;
    padding-block: 1rem;
    padding-inline: 1.5rem;
    display: inline-grid
}

.stat:not(:last-child) {
    border-inline-end: var(--border)dashed currentColor
}

@supports (color:color-mix(in lab, red, red)) {
    .stat:not(:last-child) {
        border-inline-end: var(--border)dashed color-mix(in oklab, currentColor 10%, #0000)
    }
}

.stat:not(:last-child) {
    border-block-end: none
}

.navbar-end {
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    display: inline-flex
}

.navbar-start {
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    display: inline-flex
}

.card-body {
    padding: var(--card-p, 1.5rem);
    font-size: var(--card-fs, .875rem);
    flex-direction: column;
    flex: auto;
    gap: .5rem;
    display: flex
}

.card-body :where(p) {
    flex-grow: 1
}

.navbar-center {
    flex-shrink: 0;
    align-items: center;
    display: inline-flex
}

.alert {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    .alert {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

.alert:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

.alert.alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

.alert.alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

.alert.alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .alert.alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

.alert.alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .alert.alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

.alert.alert-soft {
    box-shadow: none;
    background-image: none
}

.card-actions {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .5rem;
    display: flex
}

.card-title {
    font-size: var(--cardtitle-fs, 1.125rem);
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    display: flex
}

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

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

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

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

.line-clamp-none {
    -webkit-line-clamp: unset;
    -webkit-box-orient: horizontal;
    display: block;
    overflow: visible
}

.block {
    display: block
}

.contents {
    display: contents
}

.flex {
    display: flex
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.inline-flex {
    display: inline-flex
}

.inline-grid {
    display: inline-grid
}

.inline-table {
    display: inline-table
}

.table {
    display: 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-header-group {
    display: table-header-group
}

.table-row {
    display: table-row
}

.table-row-group {
    display: table-row-group
}

.aspect-3\/2 {
    aspect-ratio: 3/2
}

.aspect-4\/3 {
    aspect-ratio: 4/3
}

.aspect-16\/9 {
    aspect-ratio: 16/9
}

.aspect-16\/10 {
    aspect-ratio: 16/10
}

.aspect-21\/9 {
    aspect-ratio: 21/9
}

.aspect-auto {
    aspect-ratio: auto
}

.aspect-square {
    aspect-ratio: 1
}

.aspect-video {
    aspect-ratio: var(--aspect-video)
}

.modal-bottom {
    place-items: end
}

.modal-bottom :where(.modal-box) {
    --modal-tl: var(--radius-box);
    --modal-tr: var(--radius-box);
    --modal-bl: 0;
    --modal-br: 0;
    width: 100%;
    max-width: none;
    height: auto;
    max-height: calc(100vh - 5em);
    translate: 0 100%;
    scale: 1
}

.modal-end {
    place-items: end
}

.modal-end :where(.modal-box) {
    --modal-tl: var(--radius-box);
    --modal-tr: 0;
    --modal-bl: var(--radius-box);
    --modal-br: 0;
    width: auto;
    max-width: none;
    height: 100vh;
    max-height: none;
    translate: 100%;
    scale: 1
}

.modal-middle {
    place-items: center
}

.modal-middle :where(.modal-box) {
    --modal-tl: var(--radius-box);
    --modal-tr: var(--radius-box);
    --modal-bl: var(--radius-box);
    --modal-br: var(--radius-box);
    width: 91.6667%;
    max-width: 32rem;
    height: auto;
    max-height: calc(100vh - 5em);
    translate: 0 2%;
    scale: 98%
}

.modal-start {
    place-items: start
}

.modal-start :where(.modal-box) {
    --modal-tl: 0;
    --modal-tr: var(--radius-box);
    --modal-bl: 0;
    --modal-br: var(--radius-box);
    width: auto;
    max-width: none;
    height: 100vh;
    max-height: none;
    translate: -100%;
    scale: 1
}

.modal-top {
    place-items: start
}

.modal-top :where(.modal-box) {
    --modal-tl: 0;
    --modal-tr: 0;
    --modal-bl: var(--radius-box);
    --modal-br: var(--radius-box);
    width: 100%;
    max-width: none;
    height: auto;
    max-height: calc(100vh - 5em);
    translate: 0 -100%;
    scale: 1
}

.card-side {
    flex-direction: row;
    align-items: stretch
}

.card-side :where(figure:first-child) {
    border-start-start-radius: inherit;
    border-start-end-radius: unset;
    border-end-end-radius: unset;
    border-end-start-radius: inherit;
    overflow: hidden
}

.card-side :where(figure:last-child) {
    border-start-start-radius: unset;
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
    border-end-start-radius: unset;
    overflow: hidden
}

.card-side figure>* {
    max-width: unset
}

.card-side :where(figure>*) {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.btn-circle {
    width: var(--size);
    height: var(--size);
    border-radius: 3.40282e38px;
    padding-inline: 0
}

.btn-square {
    width: var(--size);
    height: var(--size);
    padding-inline: 0
}

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

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

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

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

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

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

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

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

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

.h-max {
    height: max-content
}

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

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

.btn-block {
    width: 100%
}

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

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

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

.w-1\/12 {
    width: 8.33333%
}

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

.w-2\/5 {
    width: 40%
}

.w-2\/12 {
    width: 16.6667%
}

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

.w-3\/12 {
    width: 25%
}

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

.w-4\/12 {
    width: 33.3333%
}

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

.w-5\/12 {
    width: 41.6667%
}

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

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.3333%
}

.w-8\/12 {
    width: 66.6667%
}

.w-9\/12 {
    width: 75%
}

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

.w-10\/12 {
    width: 83.3333%
}

.w-11\/12 {
    width: 91.6667%
}

.w-12\/12,
.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.flex-\[\<value\>\] {
    flex: <value>
}

.flex-auto {
    flex: auto
}

.flex-initial {
    flex: 0 auto
}

.flex-none {
    flex: none
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.basis-2xl {
    flex-basis: var(--container-2xl)
}

.basis-2xs {
    flex-basis: var(--container-2xs)
}

.basis-3xl {
    flex-basis: var(--container-3xl)
}

.basis-3xs {
    flex-basis: var(--container-3xs)
}

.basis-4xl {
    flex-basis: var(--container-4xl)
}

.basis-5xl {
    flex-basis: var(--container-5xl)
}

.basis-6xl {
    flex-basis: var(--container-6xl)
}

.basis-7xl {
    flex-basis: var(--container-7xl)
}

.basis-auto {
    flex-basis: auto
}

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

.basis-lg {
    flex-basis: var(--container-lg)
}

.basis-md {
    flex-basis: var(--container-md)
}

.basis-xl {
    flex-basis: var(--container-xl)
}

.basis-xs {
    flex-basis: var(--container-xs)
}

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

.translate-1\/4 {
    --tw-translate-x: 25%;
    --tw-translate-y: 25%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

.translate-1\/6 {
    --tw-translate-x: calc(1/6*100%);
    --tw-translate-y: calc(1/6*100%);
    translate: var(--tw-translate-x)var(--tw-translate-y)
}

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

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

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

.cursor-pointer {
    cursor: pointer
}

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

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

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

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

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

.auto-cols-auto {
    grid-auto-columns: auto
}

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

.auto-cols-max {
    grid-auto-columns: max-content
}

.auto-cols-min {
    grid-auto-columns: min-content
}

.stats-horizontal {
    grid-auto-flow: column;
    overflow-x: auto
}

.stats-horizontal .stat:not(:last-child) {
    border-inline-end: var(--border)dashed currentColor
}

@supports (color:color-mix(in lab, red, red)) {
    .stats-horizontal .stat:not(:last-child) {
        border-inline-end: var(--border)dashed color-mix(in oklab, currentColor 10%, #0000)
    }
}

.stats-horizontal .stat:not(:last-child) {
    border-block-end: none
}

.stats-vertical {
    grid-auto-flow: row;
    overflow-y: auto
}

.stats-vertical .stat:not(:last-child) {
    border-inline-end: none;
    border-block-end: var(--border)dashed currentColor
}

@supports (color:color-mix(in lab, red, red)) {
    .stats-vertical .stat:not(:last-child) {
        border-block-end: var(--border)dashed color-mix(in oklab, currentColor 10%, #0000)
    }
}

.footer-horizontal {
    grid-auto-flow: column
}

.footer-horizontal.footer-center {
    grid-auto-flow: dense
}

.footer-vertical {
    grid-auto-flow: row
}

.footer-vertical.footer-center {
    grid-auto-flow: column dense
}

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

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

.grid-flow-dense {
    grid-auto-flow: dense
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-row-dense {
    grid-auto-flow: dense
}

.auto-rows-auto {
    grid-auto-rows: auto
}

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

.auto-rows-max {
    grid-auto-rows: max-content
}

.auto-rows-min {
    grid-auto-rows: min-content
}

.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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

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

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

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

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

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

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

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

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

.grid-cols-none {
    grid-template-columns: none
}

.grid-cols-subgrid {
    grid-template-columns: subgrid
}

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

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

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

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

.grid-rows-none {
    grid-template-rows: none
}

.grid-rows-subgrid {
    grid-template-rows: subgrid
}

.flex-col {
    flex-direction: column
}

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

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.place-content-around {
    place-content: space-around
}

.place-content-baseline {
    place-content: baseline start
}

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

.place-content-center {
    place-content: center
}

.place-content-end {
    place-content: end
}

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

.place-content-start {
    place-content: start
}

.place-content-stretch {
    place-content: stretch
}

.place-items-baseline {
    place-items: baseline
}

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

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

.place-items-start {
    place-items: start
}

.place-items-stretch {
    place-items: stretch stretch
}

.content-around {
    align-content: space-around
}

.content-baseline {
    align-content: baseline
}

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

.content-center {
    align-content: center
}

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

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

.content-normal {
    align-content: normal
}

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

.content-stretch {
    align-content: stretch
}

.items-baseline {
    align-items: baseline
}

.items-center {
    align-items: center
}

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

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

.items-stretch {
    align-items: stretch
}

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

.justify-baseline {
    justify-content: baseline
}

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

.justify-center {
    justify-content: center
}

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

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

.justify-normal {
    justify-content: normal
}

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

.justify-stretch {
    justify-content: stretch
}

.justify-items-center {
    justify-items: center
}

.justify-items-end {
    justify-items: end
}

.justify-items-normal {
    justify-items: normal
}

.justify-items-start {
    justify-items: start
}

.justify-items-stretch {
    justify-items: stretch
}

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

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

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

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

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

:where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
}

.gap-x-1 {
    column-gap: calc(var(--spacing)*1)
}

.gap-x-2 {
    column-gap: calc(var(--spacing)*2)
}

.gap-x-3 {
    column-gap: calc(var(--spacing)*3)
}

.gap-x-4 {
    column-gap: calc(var(--spacing)*4)
}

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

.gap-y-1 {
    row-gap: calc(var(--spacing)*1)
}

.gap-y-2 {
    row-gap: calc(var(--spacing)*2)
}

.gap-y-3 {
    row-gap: calc(var(--spacing)*3)
}

.gap-y-4 {
    row-gap: calc(var(--spacing)*4)
}

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

:where(.divide-accent>:not(:last-child)) {
    border-color: var(--color-accent)
}

:where(.divide-accent-content>:not(:last-child)) {
    border-color: var(--color-accent-content)
}

:where(.divide-base-100>:not(:last-child)) {
    border-color: var(--color-base-100)
}

:where(.divide-base-200>:not(:last-child)) {
    border-color: var(--color-base-200)
}

:where(.divide-base-300>:not(:last-child)) {
    border-color: var(--color-base-300)
}

:where(.divide-base-content>:not(:last-child)) {
    border-color: var(--color-base-content)
}

:where(.divide-error>:not(:last-child)) {
    border-color: var(--color-error)
}

:where(.divide-error-content>:not(:last-child)) {
    border-color: var(--color-error-content)
}

:where(.divide-info>:not(:last-child)) {
    border-color: var(--color-info)
}

:where(.divide-info-content>:not(:last-child)) {
    border-color: var(--color-info-content)
}

:where(.divide-neutral>:not(:last-child)) {
    border-color: var(--color-neutral)
}

:where(.divide-neutral-content>:not(:last-child)) {
    border-color: var(--color-neutral-content)
}

:where(.divide-primary>:not(:last-child)) {
    border-color: var(--color-primary)
}

:where(.divide-primary-content>:not(:last-child)) {
    border-color: var(--color-primary-content)
}

:where(.divide-secondary>:not(:last-child)) {
    border-color: var(--color-secondary)
}

:where(.divide-secondary-content>:not(:last-child)) {
    border-color: var(--color-secondary-content)
}

:where(.divide-success>:not(:last-child)) {
    border-color: var(--color-success)
}

:where(.divide-success-content>:not(:last-child)) {
    border-color: var(--color-success-content)
}

:where(.divide-warning>:not(:last-child)) {
    border-color: var(--color-warning)
}

:where(.divide-warning-content>:not(:last-child)) {
    border-color: var(--color-warning-content)
}

.place-self-auto {
    place-self: auto
}

.place-self-center {
    place-self: center
}

.place-self-end {
    place-self: end
}

.place-self-start {
    place-self: start
}

.place-self-stretch {
    place-self: stretch stretch
}

.self-auto {
    align-self: auto
}

.self-baseline {
    align-self: baseline
}

.self-center {
    align-self: center
}

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

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

.self-stretch {
    align-self: stretch
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-center {
    justify-self: center
}

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

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

.justify-self-stretch {
    justify-self: stretch
}

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

.overflow-auto {
    overflow: auto
}

.overflow-clip {
    overflow: clip
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-x-clip {
    overflow-x: clip
}

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

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-x-visible {
    overflow-x: visible
}

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

.overflow-y-clip {
    overflow-y: clip
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overflow-y-visible {
    overflow-y: visible
}

.timeline-box {
    border: var(--border)solid;
    border-radius: var(--radius-box);
    border-color: var(--color-base-300);
    background-color: var(--color-base-100);
    padding-block: .5rem;
    padding-inline: 1rem;
    font-size: .75rem;
    box-shadow: 0 1px 2px #0000000d
}

.menu-lg :where(li:not(.menu-title)>:not(ul, details, .menu-title)),
.menu-lg :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    padding-block: .375rem;
    padding-inline: 1rem;
    font-size: 1.125rem
}

.menu-lg .menu-title {
    padding-block: .75rem;
    padding-inline: 1.5rem
}

.menu-md :where(li:not(.menu-title)>:not(ul, details, .menu-title)),
.menu-md :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    padding-block: .375rem;
    padding-inline: .75rem;
    font-size: .875rem
}

.menu-md .menu-title {
    padding-block: .5rem;
    padding-inline: .75rem
}

.menu-sm :where(li:not(.menu-title)>:not(ul, details, .menu-title)),
.menu-sm :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    padding-block: .25rem;
    padding-inline: .625rem;
    font-size: .75rem
}

.menu-sm .menu-title {
    padding-block: .5rem;
    padding-inline: .75rem
}

.menu-xl :where(li:not(.menu-title)>:not(ul, details, .menu-title)),
.menu-xl :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    padding-block: .375rem;
    padding-inline: 1.25rem;
    font-size: 1.375rem
}

.menu-xl .menu-title {
    padding-block: .75rem;
    padding-inline: 1.5rem
}

.menu-xs :where(li:not(.menu-title)>:not(ul, details, .menu-title)),
.menu-xs :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius: var(--radius-field);
    padding-block: .25rem;
    padding-inline: .5rem;
    font-size: .6875rem
}

.menu-xs .menu-title {
    padding-block: .25rem;
    padding-inline: .5rem
}

.rounded {
    border-radius: .25rem
}

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

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

.rounded-\[\<value\>\] {
    border-radius: <value>
}

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

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

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

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

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

.rounded-none {
    border-radius: 0
}

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

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

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

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

.rounded-s-2xl {
    border-start-start-radius: var(--radius-2xl);
    border-end-start-radius: var(--radius-2xl)
}

.rounded-s-3xl {
    border-start-start-radius: var(--radius-3xl);
    border-end-start-radius: var(--radius-3xl)
}

.rounded-s-\[\<value\>\] {
    border-start-start-radius: <value>;
    border-end-start-radius: <value>
}

.rounded-s-full {
    border-start-start-radius: 3.40282e38px;
    border-end-start-radius: 3.40282e38px
}

.rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg)
}

.rounded-s-md {
    border-start-start-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md)
}

.rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.rounded-s-sm {
    border-start-start-radius: var(--radius-sm);
    border-end-start-radius: var(--radius-sm)
}

.rounded-s-xl {
    border-start-start-radius: var(--radius-xl);
    border-end-start-radius: var(--radius-xl)
}

.rounded-s-xs {
    border-start-start-radius: var(--radius-xs);
    border-end-start-radius: var(--radius-xs)
}

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

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

.rounded-ss-\[\<value\>\] {
    border-start-start-radius: <value>
}

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

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

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

.rounded-ss-none {
    border-start-start-radius: 0
}

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

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

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

.rounded-e-2xl {
    border-start-end-radius: var(--radius-2xl);
    border-end-end-radius: var(--radius-2xl)
}

.rounded-e-3xl {
    border-start-end-radius: var(--radius-3xl);
    border-end-end-radius: var(--radius-3xl)
}

.rounded-e-\[\<value\>\] {
    border-start-end-radius: <value>;
    border-end-end-radius: <value>
}

.rounded-e-full {
    border-start-end-radius: 3.40282e38px;
    border-end-end-radius: 3.40282e38px
}

.rounded-e-lg {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg)
}

.rounded-e-md {
    border-start-end-radius: var(--radius-md);
    border-end-end-radius: var(--radius-md)
}

.rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.rounded-e-sm {
    border-start-end-radius: var(--radius-sm);
    border-end-end-radius: var(--radius-sm)
}

.rounded-e-xl {
    border-start-end-radius: var(--radius-xl);
    border-end-end-radius: var(--radius-xl)
}

.rounded-e-xs {
    border-start-end-radius: var(--radius-xs);
    border-end-end-radius: var(--radius-xs)
}

.rounded-se-2xl {
    border-start-end-radius: var(--radius-2xl)
}

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

.rounded-se-\[\<value\>\] {
    border-start-end-radius: <value>
}

.rounded-se-full {
    border-start-end-radius: 3.40282e38px
}

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

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

.rounded-se-none {
    border-start-end-radius: 0
}

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

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

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

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

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

.rounded-ee-\[\<value\>\] {
    border-end-end-radius: <value>
}

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

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

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

.rounded-ee-none {
    border-end-end-radius: 0
}

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

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

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

.rounded-es-2xl {
    border-end-start-radius: var(--radius-2xl)
}

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

.rounded-es-\[\<value\>\] {
    border-end-start-radius: <value>
}

.rounded-es-full {
    border-end-start-radius: 3.40282e38px
}

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

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

.rounded-es-none {
    border-end-start-radius: 0
}

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

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

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

.rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl)
}

.rounded-t-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-top-right-radius: var(--radius-3xl)
}

.rounded-t-\[\<value\>\] {
    border-top-left-radius: <value>;
    border-top-right-radius: <value>
}

.rounded-t-full {
    border-top-left-radius: 3.40282e38px;
    border-top-right-radius: 3.40282e38px
}

.rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
}

.rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md)
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm)
}

.rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl)
}

.rounded-t-xs {
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs)
}

.rounded-l-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl)
}

.rounded-l-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl)
}

.rounded-l-\[\<value\>\] {
    border-top-left-radius: <value>;
    border-bottom-left-radius: <value>
}

.rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px
}

.rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}

.rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md)
}

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

.rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm)
}

.rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl)
}

.rounded-l-xs {
    border-top-left-radius: var(--radius-xs);
    border-bottom-left-radius: var(--radius-xs)
}

.rounded-tl-2xl {
    border-top-left-radius: var(--radius-2xl)
}

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

.rounded-tl-\[\<value\>\] {
    border-top-left-radius: <value>
}

.rounded-tl-full {
    border-top-left-radius: 3.40282e38px
}

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

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

.rounded-tl-none {
    border-top-left-radius: 0
}

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

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

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

.rounded-r-2xl {
    border-top-right-radius: var(--radius-2xl);
    border-bottom-right-radius: var(--radius-2xl)
}

.rounded-r-3xl {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl)
}

.rounded-r-\[\<value\>\] {
    border-top-right-radius: <value>;
    border-bottom-right-radius: <value>
}

.rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px
}

.rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg)
}

.rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md)
}

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

.rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm)
}

.rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl)
}

.rounded-r-xs {
    border-top-right-radius: var(--radius-xs);
    border-bottom-right-radius: var(--radius-xs)
}

.rounded-tr-2xl {
    border-top-right-radius: var(--radius-2xl)
}

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

.rounded-tr-\[\<value\>\] {
    border-top-right-radius: <value>
}

.rounded-tr-full {
    border-top-right-radius: 3.40282e38px
}

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

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

.rounded-tr-none {
    border-top-right-radius: 0
}

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

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

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

.rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl)
}

.rounded-b-3xl {
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl)
}

.rounded-b-\[\<value\>\] {
    border-bottom-right-radius: <value>;
    border-bottom-left-radius: <value>
}

.rounded-b-full {
    border-bottom-right-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px
}

.rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}

.rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md)
}

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

.rounded-b-sm {
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm)
}

.rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl)
}

.rounded-b-xs {
    border-bottom-right-radius: var(--radius-xs);
    border-bottom-left-radius: var(--radius-xs)
}

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

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

.rounded-br-\[\<value\>\] {
    border-bottom-right-radius: <value>
}

.rounded-br-full {
    border-bottom-right-radius: 3.40282e38px
}

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

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

.rounded-br-none {
    border-bottom-right-radius: 0
}

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

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

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

.rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl)
}

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

.rounded-bl-\[\<value\>\] {
    border-bottom-left-radius: <value>
}

.rounded-bl-full {
    border-bottom-left-radius: 3.40282e38px
}

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

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

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

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

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

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

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

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

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

.badge-dash {
    color: var(--badge-color);
    --badge-bg: #0000;
    background-image: none;
    border-style: dashed;
    border-color: currentColor
}

.btn-dash:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
    --btn-shadow: "";
    --btn-bg: #0000;
    --btn-fg: var(--btn-color);
    --btn-border: var(--btn-color);
    --btn-noise: none;
    border-style: dashed
}

@media(hover:none) {
    .btn-dash:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none;
        border-style: dashed
    }
}

.badge-ghost {
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
    background-image: none
}

.badge-soft {
    color: var(--badge-color, var(--color-base-content));
    background-color: var(--badge-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .badge-soft {
        background-color: color-mix(in oklab, var(--badge-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

.badge-soft {
    border-color: var(--badge-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .badge-soft {
        border-color: color-mix(in oklab, var(--badge-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

.badge-soft {
    background-image: none
}

.badge-outline {
    color: var(--badge-color);
    --badge-bg: #0000;
    background-image: none;
    border-color: currentColor
}

.alert-error {
    border-color: var(--color-error);
    color: var(--color-error-content);
    --alert-color: var(--color-error)
}

.alert-info {
    border-color: var(--color-info);
    color: var(--color-info-content);
    --alert-color: var(--color-info)
}

.alert-warning {
    border-color: var(--color-warning);
    color: var(--color-warning-content);
    --alert-color: var(--color-warning)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:where(:not(ul, details, .menu-title, .btn)).menu-active {
    --tw-outline-style: none;
    outline-style: none
}

@media(forced-colors:active) {
    :where(:not(ul, details, .menu-title, .btn)).menu-active {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

:where(:not(ul, details, .menu-title, .btn)).menu-active {
    color: var(--menu-active-fg);
    background-color: var(--menu-active-bg);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise)
}

.table-zebra tbody tr:where(:nth-child(2n)),
.table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
    background-color: var(--color-base-200)
}

@media(hover:hover) {
    :is(.table-zebra tbody tr.row-hover, .table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover {
        background-color: var(--color-base-300)
    }
}

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

.bg-accent-content,
.bg-accent-content\/50 {
    background-color: var(--color-accent-content)
}

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

.bg-accent\/50 {
    background-color: var(--color-accent)
}

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

.bg-base-100,
.bg-base-100\/50 {
    background-color: var(--color-base-100)
}

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

.bg-base-200,
.bg-base-200\/50 {
    background-color: var(--color-base-200)
}

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

.bg-base-300,
.bg-base-300\/50 {
    background-color: var(--color-base-300)
}

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

.bg-base-content,
.bg-base-content\/50 {
    background-color: var(--color-base-content)
}

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

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

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

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

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

.bg-error-content,
.bg-error-content\/50 {
    background-color: var(--color-error-content)
}

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

.bg-error\/50 {
    background-color: var(--color-error)
}

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

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

.bg-info-content,
.bg-info-content\/50 {
    background-color: var(--color-info-content)
}

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

.bg-info\/50 {
    background-color: var(--color-info)
}

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

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

.bg-neutral-content,
.bg-neutral-content\/50 {
    background-color: var(--color-neutral-content)
}

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

.bg-neutral\/50 {
    background-color: var(--color-neutral)
}

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

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

.bg-primary-content,
.bg-primary-content\/50 {
    background-color: var(--color-primary-content)
}

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

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

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

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

.bg-secondary-content,
.bg-secondary-content\/50 {
    background-color: var(--color-secondary-content)
}

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

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

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

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

.bg-success-content,
.bg-success-content\/50 {
    background-color: var(--color-success-content)
}

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

.bg-success\/50 {
    background-color: var(--color-success)
}

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

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

.bg-warning-content,
.bg-warning-content\/50 {
    background-color: var(--color-warning-content)
}

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

.bg-warning\/50 {
    background-color: var(--color-warning)
}

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

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

.bg-white\/50 {
    background-color: #ffffff80
}

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

.bg-linear-to-b {
    --tw-gradient-position: to bottom
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
        --tw-gradient-position: to bottom in oklab
    }
}

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

.bg-linear-to-bl {
    --tw-gradient-position: to bottom left
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-bl {
        --tw-gradient-position: to bottom left in oklab
    }
}

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

.bg-linear-to-br {
    --tw-gradient-position: to bottom right
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
        --tw-gradient-position: to bottom right in oklab
    }
}

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

.bg-linear-to-l {
    --tw-gradient-position: to left
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-l {
        --tw-gradient-position: to left in oklab
    }
}

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

.bg-linear-to-r {
    --tw-gradient-position: to right
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
        --tw-gradient-position: to right in oklab
    }
}

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

.bg-linear-to-t {
    --tw-gradient-position: to top
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
        --tw-gradient-position: to top in oklab
    }
}

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

.bg-linear-to-tl {
    --tw-gradient-position: to top left
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-tl {
        --tw-gradient-position: to top left in oklab
    }
}

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

.bg-linear-to-tr {
    --tw-gradient-position: to top right
}

@supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-tr {
        --tw-gradient-position: to top right in oklab
    }
}

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

.bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fill-accent {
    fill: var(--color-accent)
}

.fill-accent-content {
    fill: var(--color-accent-content)
}

.fill-base-100 {
    fill: var(--color-base-100)
}

.fill-base-200 {
    fill: var(--color-base-200)
}

.fill-base-300 {
    fill: var(--color-base-300)
}

.fill-base-content {
    fill: var(--color-base-content)
}

.fill-current {
    fill: currentColor
}

.fill-error {
    fill: var(--color-error)
}

.fill-error-content {
    fill: var(--color-error-content)
}

.fill-info {
    fill: var(--color-info)
}

.fill-info-content {
    fill: var(--color-info-content)
}

.fill-neutral {
    fill: var(--color-neutral)
}

.fill-neutral-content {
    fill: var(--color-neutral-content)
}

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

.fill-primary-content {
    fill: var(--color-primary-content)
}

.fill-secondary {
    fill: var(--color-secondary)
}

.fill-secondary-content {
    fill: var(--color-secondary-content)
}

.fill-success {
    fill: var(--color-success)
}

.fill-success-content {
    fill: var(--color-success-content)
}

.fill-warning {
    fill: var(--color-warning)
}

.fill-warning-content {
    fill: var(--color-warning-content)
}

.stroke-accent {
    stroke: var(--color-accent)
}

.stroke-accent-content {
    stroke: var(--color-accent-content)
}

.stroke-base-100 {
    stroke: var(--color-base-100)
}

.stroke-base-200 {
    stroke: var(--color-base-200)
}

.stroke-base-300 {
    stroke: var(--color-base-300)
}

.stroke-base-content {
    stroke: var(--color-base-content)
}

.stroke-current {
    stroke: currentColor
}

.stroke-error {
    stroke: var(--color-error)
}

.stroke-error-content {
    stroke: var(--color-error-content)
}

.stroke-info {
    stroke: var(--color-info)
}

.stroke-info-content {
    stroke: var(--color-info-content)
}

.stroke-neutral {
    stroke: var(--color-neutral)
}

.stroke-neutral-content {
    stroke: var(--color-neutral-content)
}

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

.stroke-primary-content {
    stroke: var(--color-primary-content)
}

.stroke-secondary {
    stroke: var(--color-secondary)
}

.stroke-secondary-content {
    stroke: var(--color-secondary-content)
}

.stroke-success {
    stroke: var(--color-success)
}

.stroke-success-content {
    stroke: var(--color-success-content)
}

.stroke-warning {
    stroke: var(--color-warning)
}

.stroke-warning-content {
    stroke: var(--color-warning-content)
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-fill {
    object-fit: fill
}

.object-none {
    object-fit: none
}

.object-scale-down {
    object-fit: scale-down
}

.object-bottom {
    object-position: bottom
}

.object-center {
    object-position: center
}

.object-left {
    object-position: left
}

.object-left-bottom {
    object-position: left bottom
}

.object-left-top {
    object-position: left top
}

.object-right {
    object-position: right
}

.object-right-bottom {
    object-position: right bottom
}

.object-right-top {
    object-position: right top
}

.object-top {
    object-position: top
}

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

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

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

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

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

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

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

.menu-title {
    color: var(--color-base-content);
    padding-block: .5rem;
    padding-inline: .75rem
}

@supports (color:color-mix(in lab, red, red)) {
    .menu-title {
        color: color-mix(in oklab, var(--color-base-content)40%, transparent)
    }
}

.menu-title {
    font-size: .875rem;
    font-weight: 600
}

.table-lg :not(thead, tfoot) tr {
    font-size: 1.125rem
}

.table-lg :where(th, td) {
    padding-block: 1rem;
    padding-inline: 1.25rem
}

.table-md :not(thead, tfoot) tr {
    font-size: .875rem
}

.table-md :where(th, td) {
    padding-block: .75rem;
    padding-inline: 1rem
}

.table-sm :not(thead, tfoot) tr {
    font-size: .75rem
}

.table-sm :where(th, td) {
    padding-block: .5rem;
    padding-inline: .75rem
}

.table-xl :not(thead, tfoot) tr {
    font-size: 1.375rem
}

.table-xl :where(th, td) {
    padding-block: 1.25rem;
    padding-inline: 1.5rem
}

.table-xs :not(thead, tfoot) tr {
    font-size: .6875rem
}

.table-xs :where(th, td) {
    padding-block: .25rem;
    padding-inline: .5rem
}

.badge-lg {
    --size: calc(var(--size-selector, .25rem)*7);
    padding-inline: calc(.25rem*3.5 - var(--border));
    font-size: 1rem
}

.badge-md {
    --size: calc(var(--size-selector, .25rem)*6);
    padding-inline: calc(.25rem*3 - var(--border));
    font-size: .875rem
}

.badge-sm {
    --size: calc(var(--size-selector, .25rem)*5);
    padding-inline: calc(.25rem*2.5 - var(--border));
    font-size: .75rem
}

.badge-xl {
    --size: calc(var(--size-selector, .25rem)*8);
    padding-inline: calc(.25rem*4 - var(--border));
    font-size: 1.125rem
}

.badge-xs {
    --size: calc(var(--size-selector, .25rem)*4);
    padding-inline: calc(.25rem*2 - var(--border));
    font-size: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
    padding-inline-start: calc(var(--spacing)*0)
}

.ps-1 {
    padding-inline-start: calc(var(--spacing)*1)
}

.ps-2 {
    padding-inline-start: calc(var(--spacing)*2)
}

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

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

.ps-5 {
    padding-inline-start: calc(var(--spacing)*5)
}

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

.pe-0 {
    padding-inline-end: calc(var(--spacing)*0)
}

.pe-1 {
    padding-inline-end: calc(var(--spacing)*1)
}

.pe-2 {
    padding-inline-end: calc(var(--spacing)*2)
}

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

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

.pe-5 {
    padding-inline-end: calc(var(--spacing)*5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-center {
    text-align: center
}

.text-end {
    text-align: end
}

.text-justify {
    text-align: justify
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.align-baseline {
    vertical-align: baseline
}

.align-bottom {
    vertical-align: bottom
}

.align-middle {
    vertical-align: middle
}

.align-sub {
    vertical-align: sub
}

.align-super {
    vertical-align: super
}

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

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

.align-top {
    vertical-align: top
}

.h3 {
    font-family: var(--theme-font-family);
    font-size: var(--theme-h3-font-size);
    font-weight: var(--theme-font-weight-bold)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tabs-lg {
    --tab-height: calc(var(--size-field, .25rem)*12)
}

.tabs-lg :where(.tab) {
    --tab-p: 1rem;
    --tab-radius-min: calc(1.5rem - var(--border));
    font-size: 1.125rem
}

.tabs-md {
    --tab-height: calc(var(--size-field, .25rem)*10)
}

.tabs-md :where(.tab) {
    --tab-p: .75rem;
    --tab-radius-min: calc(.75rem - var(--border));
    font-size: .875rem
}

.tabs-sm {
    --tab-height: calc(var(--size-field, .25rem)*8)
}

.tabs-sm :where(.tab) {
    --tab-p: .5rem;
    --tab-radius-min: calc(.5rem - var(--border));
    font-size: .875rem
}

.tabs-xl {
    --tab-height: calc(var(--size-field, .25rem)*14)
}

.tabs-xl :where(.tab) {
    --tab-p: 1.25rem;
    --tab-radius-min: calc(2rem - var(--border));
    font-size: 1.125rem
}

.tabs-xs {
    --tab-height: calc(var(--size-field, .25rem)*6)
}

.tabs-xs :where(.tab) {
    --tab-p: .375rem;
    --tab-radius-min: calc(.5rem - var(--border));
    font-size: .75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-balance {
    text-wrap: balance
}

.text-nowrap {
    text-wrap: nowrap
}

.text-pretty {
    text-wrap: pretty
}

.text-wrap {
    text-wrap: wrap
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

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

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

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

.text-clip {
    text-overflow: clip
}

.text-ellipsis {
    text-overflow: ellipsis
}

.hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto
}

.hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual
}

.hyphens-none {
    -webkit-hyphens: none;
    hyphens: none
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre {
    white-space: pre
}

.whitespace-pre-line {
    white-space: pre-line
}

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

.progress-accent {
    color: var(--color-accent)
}

.progress-error {
    color: var(--color-error)
}

.progress-info {
    color: var(--color-info)
}

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

.progress-secondary {
    color: var(--color-secondary)
}

.progress-success {
    color: var(--color-success)
}

.progress-warning {
    color: var(--color-warning)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.capitalize {
    text-transform: capitalize
}

.lowercase {
    text-transform: lowercase
}

.normal-case {
    text-transform: none
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.not-italic {
    font-style: normal
}

.font-stretch-condensed {
    font-stretch: 75%
}

.font-stretch-expanded {
    font-stretch: 125%
}

.font-stretch-extra-condensed {
    font-stretch: 62.5%
}

.font-stretch-extra-expanded {
    font-stretch: 150%
}

.font-stretch-normal {
    font-stretch: 100%
}

.font-stretch-semi-condensed {
    font-stretch: 87.5%
}

.font-stretch-semi-expanded {
    font-stretch: 112.5%
}

.font-stretch-ultra-condensed {
    font-stretch: 50%
}

.font-stretch-ultra-expanded {
    font-stretch: 200%
}

.diagonal-fractions {
    --tw-numeric-fraction: diagonal-fractions;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
}

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

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

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

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

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

.stacked-fractions {
    --tw-numeric-fraction: stacked-fractions;
    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;
    font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
}

.normal-nums {
    font-variant-numeric: normal
}

.line-through {
    text-decoration-line: line-through
}

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

.overline {
    text-decoration-line: overline
}

.underline {
    text-decoration-line: underline
}

.decoration-accent {
    -webkit-text-decoration-color: var(--color-accent);
    text-decoration-color: var(--color-accent)
}

.decoration-accent-content {
    -webkit-text-decoration-color: var(--color-accent-content);
    text-decoration-color: var(--color-accent-content)
}

.decoration-base-100 {
    -webkit-text-decoration-color: var(--color-base-100);
    text-decoration-color: var(--color-base-100)
}

.decoration-base-200 {
    -webkit-text-decoration-color: var(--color-base-200);
    text-decoration-color: var(--color-base-200)
}

.decoration-base-300 {
    -webkit-text-decoration-color: var(--color-base-300);
    text-decoration-color: var(--color-base-300)
}

.decoration-base-content {
    -webkit-text-decoration-color: var(--color-base-content);
    text-decoration-color: var(--color-base-content)
}

.decoration-error {
    -webkit-text-decoration-color: var(--color-error);
    text-decoration-color: var(--color-error)
}

.decoration-error-content {
    -webkit-text-decoration-color: var(--color-error-content);
    text-decoration-color: var(--color-error-content)
}

.decoration-info {
    -webkit-text-decoration-color: var(--color-info);
    text-decoration-color: var(--color-info)
}

.decoration-info-content {
    -webkit-text-decoration-color: var(--color-info-content);
    text-decoration-color: var(--color-info-content)
}

.decoration-neutral {
    -webkit-text-decoration-color: var(--color-neutral);
    text-decoration-color: var(--color-neutral)
}

.decoration-neutral-content {
    -webkit-text-decoration-color: var(--color-neutral-content);
    text-decoration-color: var(--color-neutral-content)
}

.decoration-primary {
    -webkit-text-decoration-color: var(--color-primary);
    text-decoration-color: var(--color-primary)
}

.decoration-primary-content {
    -webkit-text-decoration-color: var(--color-primary-content);
    text-decoration-color: var(--color-primary-content)
}

.decoration-secondary {
    -webkit-text-decoration-color: var(--color-secondary);
    text-decoration-color: var(--color-secondary)
}

.decoration-secondary-content {
    -webkit-text-decoration-color: var(--color-secondary-content);
    text-decoration-color: var(--color-secondary-content)
}

.decoration-success {
    -webkit-text-decoration-color: var(--color-success);
    text-decoration-color: var(--color-success)
}

.decoration-success-content {
    -webkit-text-decoration-color: var(--color-success-content);
    text-decoration-color: var(--color-success-content)
}

.decoration-warning {
    -webkit-text-decoration-color: var(--color-warning);
    text-decoration-color: var(--color-warning)
}

.decoration-warning-content {
    -webkit-text-decoration-color: var(--color-warning-content);
    text-decoration-color: var(--color-warning-content)
}

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

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

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

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

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

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

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

.placeholder-accent::placeholder {
    color: var(--color-accent)
}

.placeholder-accent-content::placeholder {
    color: var(--color-accent-content)
}

.placeholder-base-100::placeholder {
    color: var(--color-base-100)
}

.placeholder-base-200::placeholder {
    color: var(--color-base-200)
}

.placeholder-base-300::placeholder {
    color: var(--color-base-300)
}

.placeholder-base-content::placeholder {
    color: var(--color-base-content)
}

.placeholder-error::placeholder {
    color: var(--color-error)
}

.placeholder-error-content::placeholder {
    color: var(--color-error-content)
}

.placeholder-info::placeholder {
    color: var(--color-info)
}

.placeholder-info-content::placeholder {
    color: var(--color-info-content)
}

.placeholder-neutral::placeholder {
    color: var(--color-neutral)
}

.placeholder-neutral-content::placeholder {
    color: var(--color-neutral-content)
}

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

.placeholder-primary-content::placeholder {
    color: var(--color-primary-content)
}

.placeholder-secondary::placeholder {
    color: var(--color-secondary)
}

.placeholder-secondary-content::placeholder {
    color: var(--color-secondary-content)
}

.placeholder-success::placeholder {
    color: var(--color-success)
}

.placeholder-success-content::placeholder {
    color: var(--color-success-content)
}

.placeholder-warning::placeholder {
    color: var(--color-warning)
}

.placeholder-warning-content::placeholder {
    color: var(--color-warning-content)
}

.caret-accent {
    caret-color: var(--color-accent)
}

.caret-accent-content {
    caret-color: var(--color-accent-content)
}

.caret-base-100 {
    caret-color: var(--color-base-100)
}

.caret-base-200 {
    caret-color: var(--color-base-200)
}

.caret-base-300 {
    caret-color: var(--color-base-300)
}

.caret-base-content {
    caret-color: var(--color-base-content)
}

.caret-error {
    caret-color: var(--color-error)
}

.caret-error-content {
    caret-color: var(--color-error-content)
}

.caret-info {
    caret-color: var(--color-info)
}

.caret-info-content {
    caret-color: var(--color-info-content)
}

.caret-neutral {
    caret-color: var(--color-neutral)
}

.caret-neutral-content {
    caret-color: var(--color-neutral-content)
}

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

.caret-primary-content {
    caret-color: var(--color-primary-content)
}

.caret-secondary {
    caret-color: var(--color-secondary)
}

.caret-secondary-content {
    caret-color: var(--color-secondary-content)
}

.caret-success {
    caret-color: var(--color-success)
}

.caret-success-content {
    caret-color: var(--color-success-content)
}

.caret-warning {
    caret-color: var(--color-warning)
}

.caret-warning-content {
    caret-color: var(--color-warning-content)
}

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

.accent-accent-content {
    accent-color: var(--color-accent-content)
}

.accent-base-100 {
    accent-color: var(--color-base-100)
}

.accent-base-200 {
    accent-color: var(--color-base-200)
}

.accent-base-300 {
    accent-color: var(--color-base-300)
}

.accent-base-content {
    accent-color: var(--color-base-content)
}

.accent-error {
    accent-color: var(--color-error)
}

.accent-error-content {
    accent-color: var(--color-error-content)
}

.accent-info {
    accent-color: var(--color-info)
}

.accent-info-content {
    accent-color: var(--color-info-content)
}

.accent-neutral {
    accent-color: var(--color-neutral)
}

.accent-neutral-content {
    accent-color: var(--color-neutral-content)
}

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

.accent-primary-content {
    accent-color: var(--color-primary-content)
}

.accent-secondary {
    accent-color: var(--color-secondary)
}

.accent-secondary-content {
    accent-color: var(--color-secondary-content)
}

.accent-success {
    accent-color: var(--color-success)
}

.accent-success-content {
    accent-color: var(--color-success-content)
}

.accent-warning {
    accent-color: var(--color-warning)
}

.accent-warning-content {
    accent-color: var(--color-warning-content)
}

.opacity-10 {
    opacity: .1
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: var(--theme-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(var(--theme-shadow-color-rgb)/.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.shadow-accent {
    --tw-shadow-color: var(--color-accent)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-accent {
        --tw-shadow-color: color-mix(in oklab, var(--color-accent)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-accent-content {
    --tw-shadow-color: var(--color-accent-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-accent-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-accent-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-base-100 {
    --tw-shadow-color: var(--color-base-100)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-base-100 {
        --tw-shadow-color: color-mix(in oklab, var(--color-base-100)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-base-200 {
    --tw-shadow-color: var(--color-base-200)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-base-200 {
        --tw-shadow-color: color-mix(in oklab, var(--color-base-200)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-base-300 {
    --tw-shadow-color: var(--color-base-300)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-base-300 {
        --tw-shadow-color: color-mix(in oklab, var(--color-base-300)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-base-content {
    --tw-shadow-color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-base-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-base-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-error {
    --tw-shadow-color: var(--color-error)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-error {
        --tw-shadow-color: color-mix(in oklab, var(--color-error)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-error-content {
    --tw-shadow-color: var(--color-error-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-error-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-error-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-info {
    --tw-shadow-color: var(--color-info)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-info {
        --tw-shadow-color: color-mix(in oklab, var(--color-info)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-info-content {
    --tw-shadow-color: var(--color-info-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-info-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-info-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-neutral {
    --tw-shadow-color: var(--color-neutral)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-neutral {
        --tw-shadow-color: color-mix(in oklab, var(--color-neutral)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-neutral-content {
    --tw-shadow-color: var(--color-neutral-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-neutral-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-neutral-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-primary {
    --tw-shadow-color: var(--color-primary)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-primary {
        --tw-shadow-color: color-mix(in oklab, var(--color-primary)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-primary-content {
    --tw-shadow-color: var(--color-primary-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-primary-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-primary-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-secondary {
    --tw-shadow-color: var(--color-secondary)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-secondary {
        --tw-shadow-color: color-mix(in oklab, var(--color-secondary)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-secondary-content {
    --tw-shadow-color: var(--color-secondary-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-secondary-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-secondary-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-success {
    --tw-shadow-color: var(--color-success)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-success {
        --tw-shadow-color: color-mix(in oklab, var(--color-success)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-success-content {
    --tw-shadow-color: var(--color-success-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-success-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-success-content)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-warning {
    --tw-shadow-color: var(--color-warning)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-warning {
        --tw-shadow-color: color-mix(in oklab, var(--color-warning)var(--tw-shadow-alpha), transparent)
    }
}

.shadow-warning-content {
    --tw-shadow-color: var(--color-warning-content)
}

@supports (color:color-mix(in lab, red, red)) {
    .shadow-warning-content {
        --tw-shadow-color: color-mix(in oklab, var(--color-warning-content)var(--tw-shadow-alpha), transparent)
    }
}

.ring-accent {
    --tw-ring-color: var(--color-accent)
}

.ring-accent-content {
    --tw-ring-color: var(--color-accent-content)
}

.ring-base-100 {
    --tw-ring-color: var(--color-base-100)
}

.ring-base-200 {
    --tw-ring-color: var(--color-base-200)
}

.ring-base-300 {
    --tw-ring-color: var(--color-base-300)
}

.ring-base-content {
    --tw-ring-color: var(--color-base-content)
}

.ring-error {
    --tw-ring-color: var(--color-error)
}

.ring-error-content {
    --tw-ring-color: var(--color-error-content)
}

.ring-info {
    --tw-ring-color: var(--color-info)
}

.ring-info-content {
    --tw-ring-color: var(--color-info-content)
}

.ring-neutral {
    --tw-ring-color: var(--color-neutral)
}

.ring-neutral-content {
    --tw-ring-color: var(--color-neutral-content)
}

.ring-primary {
    --tw-ring-color: var(--color-primary)
}

.ring-primary-content {
    --tw-ring-color: var(--color-primary-content)
}

.ring-secondary {
    --tw-ring-color: var(--color-secondary)
}

.ring-secondary-content {
    --tw-ring-color: var(--color-secondary-content)
}

.ring-success {
    --tw-ring-color: var(--color-success)
}

.ring-success-content {
    --tw-ring-color: var(--color-success-content)
}

.ring-warning {
    --tw-ring-color: var(--color-warning)
}

.ring-warning-content {
    --tw-ring-color: var(--color-warning-content)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible) {
    --btn-shadow: "";
    --btn-bg: #0000;
    --btn-border: #0000;
    --btn-noise: none
}

.btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible):not(:disabled, [disabled], .btn-disabled) {
    --btn-fg: currentColor;
    outline-color: currentColor
}

@media(hover:none) {
    .btn-ghost:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-border: #0000;
        --btn-noise: none;
        --btn-fg: currentColor
    }
}

.outline-accent {
    outline-color: var(--color-accent)
}

.outline-accent-content {
    outline-color: var(--color-accent-content)
}

.outline-base-100 {
    outline-color: var(--color-base-100)
}

.outline-base-200 {
    outline-color: var(--color-base-200)
}

.outline-base-300 {
    outline-color: var(--color-base-300)
}

.outline-base-content {
    outline-color: var(--color-base-content)
}

.outline-error {
    outline-color: var(--color-error)
}

.outline-error-content {
    outline-color: var(--color-error-content)
}

.outline-info {
    outline-color: var(--color-info)
}

.outline-info-content {
    outline-color: var(--color-info-content)
}

.outline-neutral {
    outline-color: var(--color-neutral)
}

.outline-neutral-content {
    outline-color: var(--color-neutral-content)
}

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

.outline-primary-content {
    outline-color: var(--color-primary-content)
}

.outline-secondary {
    outline-color: var(--color-secondary)
}

.outline-secondary-content {
    outline-color: var(--color-secondary-content)
}

.outline-success {
    outline-color: var(--color-success)
}

.outline-success-content {
    outline-color: var(--color-success-content)
}

.outline-warning {
    outline-color: var(--color-warning)
}

.outline-warning-content {
    outline-color: var(--color-warning-content)
}

.btn-outline:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
    --btn-shadow: "";
    --btn-bg: #0000;
    --btn-fg: var(--btn-color);
    --btn-border: var(--btn-color);
    --btn-noise: none
}

@media(hover:none) {
    .btn-outline:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) {
        --btn-shadow: "";
        --btn-bg: #0000;
        --btn-fg: var(--btn-color);
        --btn-border: var(--btn-color);
        --btn-noise: none
    }
}

.btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
    --btn-shadow: "";
    --btn-fg: var(--btn-color, var(--color-base-content));
    --btn-bg: var(--btn-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

.btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
    --btn-border: var(--btn-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

.btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) {
    --btn-noise: none
}

@media(hover:none) {
    .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-shadow: "";
        --btn-fg: var(--btn-color, var(--color-base-content));
        --btn-bg: var(--btn-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content))8%, var(--color-base-100))
        }
    }

    .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-border: var(--btn-color, var(--color-base-content))
    }

    @supports (color:color-mix(in lab, red, red)) {
        .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
            --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content))10%, var(--color-base-100))
        }
    }

    .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) {
        --btn-noise: none
    }
}

.btn-lg {
    --fontsize: 1.125rem;
    --btn-p: 1.25rem;
    --size: calc(var(--size-field, .25rem)*12)
}

.btn-md {
    --fontsize: .875rem;
    --btn-p: 1rem;
    --size: calc(var(--size-field, .25rem)*10)
}

.btn-sm {
    --fontsize: .75rem;
    --btn-p: .75rem;
    --size: calc(var(--size-field, .25rem)*8)
}

.btn-xl {
    --fontsize: 1.375rem;
    --btn-p: 1.5rem;
    --size: calc(var(--size-field, .25rem)*14)
}

.btn-xs {
    --fontsize: .6875rem;
    --btn-p: .5rem;
    --size: calc(var(--size-field, .25rem)*6)
}

.card-lg .card-body {
    --card-p: 2rem;
    --card-fs: 1rem
}

.card-lg .card-title {
    --cardtitle-fs: 1.25rem
}

.card-md .card-body {
    --card-p: 1.5rem;
    --card-fs: .875rem
}

.card-md .card-title {
    --cardtitle-fs: 1.125rem
}

.card-sm .card-body {
    --card-p: 1rem;
    --card-fs: .75rem
}

.card-sm .card-title {
    --cardtitle-fs: 1rem
}

.card-xl .card-body {
    --card-p: 2.5rem;
    --card-fs: 1.125rem
}

.card-xl .card-title {
    --cardtitle-fs: 1.375rem
}

.card-xs .card-body {
    --card-p: .5rem;
    --card-fs: .6875rem
}

.card-xs .card-title {
    --cardtitle-fs: .875rem
}

.badge-accent {
    --badge-color: var(--color-accent);
    --badge-fg: var(--color-accent-content)
}

.badge-error {
    --badge-color: var(--color-error);
    --badge-fg: var(--color-error-content)
}

.badge-info {
    --badge-color: var(--color-info);
    --badge-fg: var(--color-info-content)
}

.badge-neutral {
    --badge-color: var(--color-neutral);
    --badge-fg: var(--color-neutral-content)
}

.badge-primary {
    --badge-color: var(--color-primary);
    --badge-fg: var(--color-primary-content)
}

.badge-secondary {
    --badge-color: var(--color-secondary);
    --badge-fg: var(--color-secondary-content)
}

.badge-success {
    --badge-color: var(--color-success);
    --badge-fg: var(--color-success-content)
}

.badge-warning {
    --badge-color: var(--color-warning);
    --badge-fg: var(--color-warning-content)
}

.btn-accent {
    --btn-color: var(--color-accent);
    --btn-fg: var(--color-accent-content)
}

.btn-error {
    --btn-color: var(--color-error);
    --btn-fg: var(--color-error-content)
}

.btn-info {
    --btn-color: var(--color-info);
    --btn-fg: var(--color-info-content)
}

.btn-neutral {
    --btn-color: var(--color-neutral);
    --btn-fg: var(--color-neutral-content)
}

.btn-primary {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content)
}

.btn-secondary {
    --btn-color: var(--color-secondary);
    --btn-fg: var(--color-secondary-content)
}

.btn-success {
    --btn-color: var(--color-success);
    --btn-fg: var(--color-success-content)
}

.btn-warning {
    --btn-color: var(--color-warning);
    --btn-fg: var(--color-warning-content)
}

.timeline-snap-icon>li {
    --timeline-col-start: .5rem;
    --timeline-row-start: minmax(0, 1fr)
}

.toggle-lg[type=checkbox],
.toggle-lg:has([type=checkbox]) {
    --size: calc(var(--size-selector, .25rem)*7)
}

.toggle-md[type=checkbox],
.toggle-md:has([type=checkbox]) {
    --size: calc(var(--size-selector, .25rem)*6)
}

.toggle-sm[type=checkbox],
.toggle-sm:has([type=checkbox]) {
    --size: calc(var(--size-selector, .25rem)*5)
}

.toggle-xl[type=checkbox],
.toggle-xl:has([type=checkbox]) {
    --size: calc(var(--size-selector, .25rem)*8)
}

.toggle-xs[type=checkbox],
.toggle-xs:has([type=checkbox]) {
    --size: calc(var(--size-selector, .25rem)*4)
}

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

@media(min-width:40rem) {
    .sm\:table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }

    .sm\:table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    @media(hover:hover) {
        :is(.sm\:table tr.row-hover, .sm\:table tr.row-hover:nth-child(2n)):hover {
            background-color: var(--color-base-200)
        }
    }

    .sm\:table :where(th, td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .sm\:table :where(thead, tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .sm\:table :where(thead, tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .sm\:table :where(thead, tfoot) {
        font-size: .875rem;
        font-weight: 600
    }

    .sm\:table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .sm\:table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .sm\:table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }

    .sm\:table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }

    .sm\:table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }

    .sm\:table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .sm\:table :where(thead tr, tbody tr:not(:last-child)) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .sm\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .sm\:not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:fixed {
        position: fixed
    }

    .sm\:relative {
        position: relative
    }

    .sm\:static {
        position: static
    }

    .sm\:sticky {
        position: sticky
    }

    .sm\:z-0 {
        z-index: 0
    }

    .sm\:z-10 {
        z-index: 10
    }

    .sm\:z-20 {
        z-index: 20
    }

    .sm\:z-30 {
        z-index: 30
    }

    .sm\:z-40 {
        z-index: 40
    }

    .sm\:z-50 {
        z-index: 50
    }

    .sm\:z-auto {
        z-index: auto
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:order-3 {
        order: 3
    }

    .sm\:order-4 {
        order: 4
    }

    .sm\:order-5 {
        order: 5
    }

    .sm\:order-6 {
        order: 6
    }

    .sm\:order-7 {
        order: 7
    }

    .sm\:order-8 {
        order: 8
    }

    .sm\:order-9 {
        order: 9
    }

    .sm\:order-10 {
        order: 10
    }

    .sm\:order-11 {
        order: 11
    }

    .sm\:order-12 {
        order: 12
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:order-last {
        order: 9999
    }

    .sm\:order-none {
        order: 0
    }

    .sm\:col-auto {
        grid-column: auto
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

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

    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-span-7 {
        grid-column: span 7/span 7
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:col-span-9 {
        grid-column: span 9/span 9
    }

    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }

    .sm\:col-span-11 {
        grid-column: span 11/span 11
    }

    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }

    .sm\:col-span-full {
        grid-column: 1/-1
    }

    .sm\:col-start-1 {
        grid-column-start: 1
    }

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

    .sm\:col-start-3 {
        grid-column-start: 3
    }

    .sm\:col-start-4 {
        grid-column-start: 4
    }

    .sm\:col-start-5 {
        grid-column-start: 5
    }

    .sm\:col-start-6 {
        grid-column-start: 6
    }

    .sm\:col-start-7 {
        grid-column-start: 7
    }

    .sm\:col-start-8 {
        grid-column-start: 8
    }

    .sm\:col-start-9 {
        grid-column-start: 9
    }

    .sm\:col-start-10 {
        grid-column-start: 10
    }

    .sm\:col-start-11 {
        grid-column-start: 11
    }

    .sm\:col-start-12 {
        grid-column-start: 12
    }

    .sm\:col-start-13 {
        grid-column-start: 13
    }

    .sm\:col-start-auto {
        grid-column-start: auto
    }

    .sm\:col-end-1 {
        grid-column-end: 1
    }

    .sm\:col-end-2 {
        grid-column-end: 2
    }

    .sm\:col-end-3 {
        grid-column-end: 3
    }

    .sm\:col-end-4 {
        grid-column-end: 4
    }

    .sm\:col-end-5 {
        grid-column-end: 5
    }

    .sm\:col-end-6 {
        grid-column-end: 6
    }

    .sm\:col-end-7 {
        grid-column-end: 7
    }

    .sm\:col-end-8 {
        grid-column-end: 8
    }

    .sm\:col-end-9 {
        grid-column-end: 9
    }

    .sm\:col-end-10 {
        grid-column-end: 10
    }

    .sm\:col-end-11 {
        grid-column-end: 11
    }

    .sm\:col-end-12 {
        grid-column-end: 12
    }

    .sm\:col-end-13 {
        grid-column-end: 13
    }

    .sm\:col-end-auto {
        grid-column-end: auto
    }

    .sm\:row-auto {
        grid-row: auto
    }

    .sm\:row-span-1 {
        grid-row: span 1/span 1
    }

    .sm\:row-span-2 {
        grid-row: span 2/span 2
    }

    .sm\:row-span-3 {
        grid-row: span 3/span 3
    }

    .sm\:row-span-4 {
        grid-row: span 4/span 4
    }

    .sm\:row-span-full {
        grid-row: 1/-1
    }

    .sm\:row-start-1 {
        grid-row-start: 1
    }

    .sm\:row-start-2 {
        grid-row-start: 2
    }

    .sm\:row-start-3 {
        grid-row-start: 3
    }

    .sm\:row-start-4 {
        grid-row-start: 4
    }

    .sm\:row-start-auto {
        grid-row-start: auto
    }

    .sm\:row-end-1 {
        grid-row-end: 1
    }

    .sm\:row-end-2 {
        grid-row-end: 2
    }

    .sm\:row-end-3 {
        grid-row-end: 3
    }

    .sm\:row-end-4 {
        grid-row-end: 4
    }

    .sm\:row-end-auto {
        grid-row-end: auto
    }

    .sm\:m-0 {
        margin: calc(var(--spacing)*0)
    }

    .sm\:m-1 {
        margin: calc(var(--spacing)*1)
    }

    .sm\:m-2 {
        margin: calc(var(--spacing)*2)
    }

    .sm\:m-3 {
        margin: calc(var(--spacing)*3)
    }

    .sm\:m-4 {
        margin: calc(var(--spacing)*4)
    }

    .sm\:m-5 {
        margin: calc(var(--spacing)*5)
    }

    .sm\:m-6 {
        margin: calc(var(--spacing)*6)
    }

    .sm\:m-auto {
        margin: auto
    }

    .sm\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .sm\:mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .sm\:mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .sm\:mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .sm\:mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .sm\:mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .sm\:mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .sm\:mx-auto {
        margin-inline: auto
    }

    .sm\:my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .sm\:my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .sm\:my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .sm\:my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .sm\:my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .sm\:my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .sm\:my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .sm\:my-auto {
        margin-block: auto
    }

    .sm\:ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .sm\:ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .sm\:ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .sm\:ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .sm\:ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .sm\:ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .sm\:ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .sm\:ms-auto {
        margin-inline-start: auto
    }

    .sm\:me-0 {
        margin-inline-end: calc(var(--spacing)*0)
    }

    .sm\:me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .sm\:me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .sm\:me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .sm\:me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .sm\:me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .sm\:me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .sm\:me-auto {
        margin-inline-end: auto
    }

    .sm\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .sm\:mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

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

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

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

    .sm\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

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

    .sm\:mt-auto {
        margin-top: auto
    }

    .sm\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .sm\:mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .sm\:mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .sm\:mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .sm\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .sm\:mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .sm\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .sm\:mb-auto {
        margin-bottom: auto
    }

    .sm\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

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

    .sm\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .sm\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .sm\:line-clamp-none {
        -webkit-line-clamp: unset;
        -webkit-box-orient: horizontal;
        display: block;
        overflow: visible
    }

    .sm\:block {
        display: block
    }

    .sm\:contents {
        display: contents
    }

    .sm\:flex {
        display: flex
    }

    .sm\:flow-root {
        display: flow-root
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:inline {
        display: inline
    }

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

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:inline-grid {
        display: inline-grid
    }

    .sm\:inline-table {
        display: inline-table
    }

    .sm\:table {
        display: table
    }

    .sm\:table-caption {
        display: table-caption
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:table-column {
        display: table-column
    }

    .sm\:table-column-group {
        display: table-column-group
    }

    .sm\:table-footer-group {
        display: table-footer-group
    }

    .sm\:table-header-group {
        display: table-header-group
    }

    .sm\:table-row {
        display: table-row
    }

    .sm\:table-row-group {
        display: table-row-group
    }

    .sm\:aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .sm\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .sm\:aspect-16\/9 {
        aspect-ratio: 16/9
    }

    .sm\:aspect-16\/10 {
        aspect-ratio: 16/10
    }

    .sm\:aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .sm\:aspect-auto {
        aspect-ratio: auto
    }

    .sm\:aspect-square {
        aspect-ratio: 1
    }

    .sm\:aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .sm\:w-1\/12 {
        width: 8.33333%
    }

    .sm\:w-2\/12 {
        width: 16.6667%
    }

    .sm\:w-3\/12 {
        width: 25%
    }

    .sm\:w-4\/12 {
        width: 33.3333%
    }

    .sm\:w-5\/12 {
        width: 41.6667%
    }

    .sm\:w-6\/12 {
        width: 50%
    }

    .sm\:w-7\/12 {
        width: 58.3333%
    }

    .sm\:w-8\/12 {
        width: 66.6667%
    }

    .sm\:w-9\/12 {
        width: 75%
    }

    .sm\:w-10\/12 {
        width: 83.3333%
    }

    .sm\:w-11\/12 {
        width: 91.6667%
    }

    .sm\:w-12\/12,
    .sm\:w-full {
        width: 100%
    }

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

    .sm\:shrink {
        flex-shrink: 1
    }

    .sm\:shrink-0 {
        flex-shrink: 0
    }

    .sm\:grow {
        flex-grow: 1
    }

    .sm\:grow-0 {
        flex-grow: 0
    }

    .sm\:basis-2xl {
        flex-basis: var(--container-2xl)
    }

    .sm\:basis-2xs {
        flex-basis: var(--container-2xs)
    }

    .sm\:basis-3xl {
        flex-basis: var(--container-3xl)
    }

    .sm\:basis-3xs {
        flex-basis: var(--container-3xs)
    }

    .sm\:basis-4xl {
        flex-basis: var(--container-4xl)
    }

    .sm\:basis-5xl {
        flex-basis: var(--container-5xl)
    }

    .sm\:basis-6xl {
        flex-basis: var(--container-6xl)
    }

    .sm\:basis-7xl {
        flex-basis: var(--container-7xl)
    }

    .sm\:basis-auto {
        flex-basis: auto
    }

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

    .sm\:basis-lg {
        flex-basis: var(--container-lg)
    }

    .sm\:basis-md {
        flex-basis: var(--container-md)
    }

    .sm\:basis-xl {
        flex-basis: var(--container-xl)
    }

    .sm\:basis-xs {
        flex-basis: var(--container-xs)
    }

    .sm\:list-inside {
        list-style-position: inside
    }

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

    .sm\:list-decimal {
        list-style-type: decimal
    }

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

    .sm\:list-none {
        list-style-type: none
    }

    .sm\:auto-cols-auto {
        grid-auto-columns: auto
    }

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

    .sm\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .sm\:auto-cols-min {
        grid-auto-columns: min-content
    }

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

    .sm\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .sm\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .sm\:grid-flow-row {
        grid-auto-flow: row
    }

    .sm\:grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .sm\:auto-rows-auto {
        grid-auto-rows: auto
    }

    .sm\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .sm\:auto-rows-max {
        grid-auto-rows: max-content
    }

    .sm\:auto-rows-min {
        grid-auto-rows: min-content
    }

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

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

    .sm\:grid-cols-none {
        grid-template-columns: none
    }

    .sm\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

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

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

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

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

    .sm\:grid-rows-none {
        grid-template-rows: none
    }

    .sm\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .sm\:flex-col {
        flex-direction: column
    }

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

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

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

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .sm\:place-content-around {
        place-content: space-around
    }

    .sm\:place-content-baseline {
        place-content: baseline start
    }

    .sm\:place-content-between {
        place-content: space-between
    }

    .sm\:place-content-center {
        place-content: center
    }

    .sm\:place-content-end {
        place-content: end
    }

    .sm\:place-content-evenly {
        place-content: space-evenly
    }

    .sm\:place-content-start {
        place-content: start
    }

    .sm\:place-content-stretch {
        place-content: stretch
    }

    .sm\:place-items-baseline {
        place-items: baseline
    }

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

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

    .sm\:place-items-start {
        place-items: start
    }

    .sm\:place-items-stretch {
        place-items: stretch stretch
    }

    .sm\:content-around {
        align-content: space-around
    }

    .sm\:content-baseline {
        align-content: baseline
    }

    .sm\:content-between {
        align-content: space-between
    }

    .sm\:content-center {
        align-content: center
    }

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

    .sm\:content-evenly {
        align-content: space-evenly
    }

    .sm\:content-normal {
        align-content: normal
    }

    .sm\:content-start {
        align-content: flex-start
    }

    .sm\:content-stretch {
        align-content: stretch
    }

    .sm\:items-baseline {
        align-items: baseline
    }

    .sm\:items-center {
        align-items: center
    }

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

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

    .sm\:items-stretch {
        align-items: stretch
    }

    .sm\:justify-around {
        justify-content: space-around
    }

    .sm\:justify-baseline {
        justify-content: baseline
    }

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

    .sm\:justify-center {
        justify-content: center
    }

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

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

    .sm\:justify-normal {
        justify-content: normal
    }

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

    .sm\:justify-stretch {
        justify-content: stretch
    }

    .sm\:justify-items-center {
        justify-items: center
    }

    .sm\:justify-items-end {
        justify-items: end
    }

    .sm\:justify-items-normal {
        justify-items: normal
    }

    .sm\:justify-items-start {
        justify-items: start
    }

    .sm\:justify-items-stretch {
        justify-items: stretch
    }

    .sm\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .sm\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .sm\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .sm\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

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

    .sm\:gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .sm\:gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .sm\:gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .sm\:gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .sm\:gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .sm\:gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .sm\:gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .sm\:gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .sm\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .sm\:gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .sm\:self-auto {
        align-self: auto
    }

    .sm\:self-baseline {
        align-self: baseline
    }

    .sm\:self-center {
        align-self: center
    }

    .sm\:self-end {
        align-self: flex-end
    }

    .sm\:self-start {
        align-self: flex-start
    }

    .sm\:self-stretch {
        align-self: stretch
    }

    .sm\:justify-self-auto {
        justify-self: auto
    }

    .sm\:justify-self-center {
        justify-self: center
    }

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

    .sm\:justify-self-start {
        justify-self: flex-start
    }

    .sm\:justify-self-stretch {
        justify-self: stretch
    }

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

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

    .sm\:overflow-clip {
        overflow: clip
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:overflow-scroll {
        overflow: scroll
    }

    .sm\:overflow-visible {
        overflow: visible
    }

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

    .sm\:overflow-x-clip {
        overflow-x: clip
    }

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

    .sm\:overflow-x-scroll {
        overflow-x: scroll
    }

    .sm\:overflow-x-visible {
        overflow-x: visible
    }

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

    .sm\:overflow-y-clip {
        overflow-y: clip
    }

    .sm\:overflow-y-hidden {
        overflow-y: hidden
    }

    .sm\:overflow-y-scroll {
        overflow-y: scroll
    }

    .sm\:overflow-y-visible {
        overflow-y: visible
    }

    .sm\:object-contain {
        object-fit: contain
    }

    .sm\:object-cover {
        object-fit: cover
    }

    .sm\:object-fill {
        object-fit: fill
    }

    .sm\:object-none {
        object-fit: none
    }

    .sm\:object-scale-down {
        object-fit: scale-down
    }

    .sm\:object-bottom {
        object-position: bottom
    }

    .sm\:object-center {
        object-position: center
    }

    .sm\:object-left {
        object-position: left
    }

    .sm\:object-left-bottom {
        object-position: left bottom
    }

    .sm\:object-left-top {
        object-position: left top
    }

    .sm\:object-right {
        object-position: right
    }

    .sm\:object-right-bottom {
        object-position: right bottom
    }

    .sm\:object-right-top {
        object-position: right top
    }

    .sm\:object-top {
        object-position: top
    }

    .sm\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .sm\:p-1 {
        padding: calc(var(--spacing)*1)
    }

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

    .sm\:p-3 {
        padding: calc(var(--spacing)*3)
    }

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

    .sm\:p-5 {
        padding: calc(var(--spacing)*5)
    }

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

    .sm\:px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .sm\:px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

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

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

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

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

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

    .sm\:py-0 {
        padding-block: calc(var(--spacing)*0)
    }

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

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

    .sm\:py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .sm\:py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .sm\:py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .sm\:py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .sm\:ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .sm\:ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .sm\:ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .sm\:ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .sm\:ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .sm\:ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .sm\:ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .sm\:pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .sm\:pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .sm\:pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .sm\:pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .sm\:pe-4 {
        padding-inline-end: calc(var(--spacing)*4)
    }

    .sm\:pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

    .sm\:pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .sm\:pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .sm\:pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

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

    .sm\:pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

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

    .sm\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .sm\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .sm\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .sm\:pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .sm\:pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .sm\:pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .sm\:pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .sm\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

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

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

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

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

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

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

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

    .sm\:align-baseline {
        vertical-align: baseline
    }

    .sm\:align-bottom {
        vertical-align: bottom
    }

    .sm\:align-middle {
        vertical-align: middle
    }

    .sm\:align-sub {
        vertical-align: sub
    }

    .sm\:align-super {
        vertical-align: super
    }

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

    .sm\:align-text-top {
        vertical-align: text-top
    }

    .sm\:align-top {
        vertical-align: top
    }

    .sm\:font-mono {
        font-family: var(--font-mono)
    }

    .sm\:font-sans {
        font-family: var(--font-sans)
    }

    .sm\:font-serif {
        font-family: var(--font-serif)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

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

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

    .sm\:font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

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

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

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

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

    .sm\:font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .sm\:tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

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

    .sm\:tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter)
    }

    .sm\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .sm\:tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .sm\:tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .sm\:text-balance {
        text-wrap: balance
    }

    .sm\:text-nowrap {
        text-wrap: nowrap
    }

    .sm\:text-pretty {
        text-wrap: pretty
    }

    .sm\:text-wrap {
        text-wrap: wrap
    }

    .sm\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .sm\:break-words {
        overflow-wrap: break-word
    }

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

    .sm\:break-keep {
        word-break: keep-all
    }

    .sm\:text-clip {
        text-overflow: clip
    }

    .sm\:text-ellipsis {
        text-overflow: ellipsis
    }

    .sm\:hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .sm\:hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .sm\:hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .sm\:whitespace-break-spaces {
        white-space: break-spaces
    }

    .sm\:whitespace-normal {
        white-space: normal
    }

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

    .sm\:whitespace-pre {
        white-space: pre
    }

    .sm\:whitespace-pre-line {
        white-space: pre-line
    }

    .sm\:whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .sm\:capitalize {
        text-transform: capitalize
    }

    .sm\:lowercase {
        text-transform: lowercase
    }

    .sm\:normal-case {
        text-transform: none
    }

    .sm\:uppercase {
        text-transform: uppercase
    }

    .sm\:italic {
        font-style: italic
    }

    .sm\:not-italic {
        font-style: normal
    }

    .sm\:font-stretch-condensed {
        font-stretch: 75%
    }

    .sm\:font-stretch-expanded {
        font-stretch: 125%
    }

    .sm\:font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .sm\:font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .sm\:font-stretch-normal {
        font-stretch: 100%
    }

    .sm\:font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .sm\:font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .sm\:font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .sm\:font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .sm\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

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

    .sm\:ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

    .sm\:slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .sm\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .sm\: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, )
    }

    .sm\:normal-nums {
        font-variant-numeric: normal
    }

    .sm\:line-through {
        text-decoration-line: line-through
    }

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

    .sm\:overline {
        text-decoration-line: overline
    }

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

    .sm\:decoration-dashed {
        text-decoration-style: dashed
    }

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

    .sm\:decoration-double {
        text-decoration-style: double
    }

    .sm\:decoration-solid {
        text-decoration-style: solid
    }

    .sm\:decoration-wavy {
        text-decoration-style: wavy
    }

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

    .sm\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
}

@media(min-width:48rem) {
    .md\:table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }

    .md\:table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    @media(hover:hover) {
        :is(.md\:table tr.row-hover, .md\:table tr.row-hover:nth-child(2n)):hover {
            background-color: var(--color-base-200)
        }
    }

    .md\:table :where(th, td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .md\:table :where(thead, tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .md\:table :where(thead, tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .md\:table :where(thead, tfoot) {
        font-size: .875rem;
        font-weight: 600
    }

    .md\:table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .md\:table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .md\:table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }

    .md\:table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }

    .md\:table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }

    .md\:table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .md\:table :where(thead tr, tbody tr:not(:last-child)) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .md\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .md\:not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .md\:absolute {
        position: absolute
    }

    .md\:fixed {
        position: fixed
    }

    .md\:relative {
        position: relative
    }

    .md\:static {
        position: static
    }

    .md\:sticky {
        position: sticky
    }

    .md\:z-0 {
        z-index: 0
    }

    .md\:z-10 {
        z-index: 10
    }

    .md\:z-20 {
        z-index: 20
    }

    .md\:z-30 {
        z-index: 30
    }

    .md\:z-40 {
        z-index: 40
    }

    .md\:z-50 {
        z-index: 50
    }

    .md\:z-auto {
        z-index: auto
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-3 {
        order: 3
    }

    .md\:order-4 {
        order: 4
    }

    .md\:order-5 {
        order: 5
    }

    .md\:order-6 {
        order: 6
    }

    .md\:order-7 {
        order: 7
    }

    .md\:order-8 {
        order: 8
    }

    .md\:order-9 {
        order: 9
    }

    .md\:order-10 {
        order: 10
    }

    .md\:order-11 {
        order: 11
    }

    .md\:order-12 {
        order: 12
    }

    .md\:order-first {
        order: -9999
    }

    .md\:order-last {
        order: 9999
    }

    .md\:order-none {
        order: 0
    }

    .md\:col-auto {
        grid-column: auto
    }

    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

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

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:col-span-10 {
        grid-column: span 10/span 10
    }

    .md\:col-span-11 {
        grid-column: span 11/span 11
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-full {
        grid-column: 1/-1
    }

    .md\:col-start-1 {
        grid-column-start: 1
    }

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

    .md\:col-start-2\! {
        grid-column-start: 2 !important
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-4 {
        grid-column-start: 4
    }

    .md\:col-start-5 {
        grid-column-start: 5
    }

    .md\:col-start-6 {
        grid-column-start: 6
    }

    .md\:col-start-7 {
        grid-column-start: 7
    }

    .md\:col-start-8 {
        grid-column-start: 8
    }

    .md\:col-start-9 {
        grid-column-start: 9
    }

    .md\:col-start-10 {
        grid-column-start: 10
    }

    .md\:col-start-11 {
        grid-column-start: 11
    }

    .md\:col-start-12 {
        grid-column-start: 12
    }

    .md\:col-start-13 {
        grid-column-start: 13
    }

    .md\:col-start-auto {
        grid-column-start: auto
    }

    .md\:col-end-1 {
        grid-column-end: 1
    }

    .md\:col-end-2 {
        grid-column-end: 2
    }

    .md\:col-end-3 {
        grid-column-end: 3
    }

    .md\:col-end-4 {
        grid-column-end: 4
    }

    .md\:col-end-5 {
        grid-column-end: 5
    }

    .md\:col-end-6 {
        grid-column-end: 6
    }

    .md\:col-end-7 {
        grid-column-end: 7
    }

    .md\:col-end-8 {
        grid-column-end: 8
    }

    .md\:col-end-9 {
        grid-column-end: 9
    }

    .md\:col-end-10 {
        grid-column-end: 10
    }

    .md\:col-end-11 {
        grid-column-end: 11
    }

    .md\:col-end-12 {
        grid-column-end: 12
    }

    .md\:col-end-13 {
        grid-column-end: 13
    }

    .md\:col-end-auto {
        grid-column-end: auto
    }

    .md\:row-auto {
        grid-row: auto
    }

    .md\:row-span-1 {
        grid-row: span 1/span 1
    }

    .md\:row-span-2 {
        grid-row: span 2/span 2
    }

    .md\:row-span-3 {
        grid-row: span 3/span 3
    }

    .md\:row-span-4 {
        grid-row: span 4/span 4
    }

    .md\:row-span-full {
        grid-row: 1/-1
    }

    .md\:row-start-1 {
        grid-row-start: 1
    }

    .md\:row-start-2 {
        grid-row-start: 2
    }

    .md\:row-start-3 {
        grid-row-start: 3
    }

    .md\:row-start-4 {
        grid-row-start: 4
    }

    .md\:row-start-auto {
        grid-row-start: auto
    }

    .md\:row-end-1 {
        grid-row-end: 1
    }

    .md\:row-end-2 {
        grid-row-end: 2
    }

    .md\:row-end-3 {
        grid-row-end: 3
    }

    .md\:row-end-4 {
        grid-row-end: 4
    }

    .md\:row-end-auto {
        grid-row-end: auto
    }

    .md\:m-0 {
        margin: calc(var(--spacing)*0)
    }

    .md\:m-1 {
        margin: calc(var(--spacing)*1)
    }

    .md\:m-2 {
        margin: calc(var(--spacing)*2)
    }

    .md\:m-3 {
        margin: calc(var(--spacing)*3)
    }

    .md\:m-4 {
        margin: calc(var(--spacing)*4)
    }

    .md\:m-5 {
        margin: calc(var(--spacing)*5)
    }

    .md\:m-6 {
        margin: calc(var(--spacing)*6)
    }

    .md\:m-auto {
        margin: auto
    }

    .md\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .md\:mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .md\:mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .md\:mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .md\:mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .md\:mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .md\:mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .md\:mx-auto {
        margin-inline: auto
    }

    .md\:my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .md\:my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .md\:my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .md\:my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .md\:my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .md\:my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .md\:my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .md\:my-auto {
        margin-block: auto
    }

    .md\:ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .md\:ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .md\:ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .md\:ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .md\:ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .md\:ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .md\:ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .md\:ms-auto {
        margin-inline-start: auto
    }

    .md\:me-0 {
        margin-inline-end: calc(var(--spacing)*0)
    }

    .md\:me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .md\:me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .md\:me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .md\:me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .md\:me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .md\:me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .md\:me-auto {
        margin-inline-end: auto
    }

    .md\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .md\:mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

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

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

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

    .md\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

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

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .md\:mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .md\:mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .md\:mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .md\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .md\:mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .md\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .md\:mb-auto {
        margin-bottom: auto
    }

    .md\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

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

    .md\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .md\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .md\:line-clamp-none {
        -webkit-line-clamp: unset;
        -webkit-box-orient: horizontal;
        display: block;
        overflow: visible
    }

    .md\:block {
        display: block
    }

    .md\:contents {
        display: contents
    }

    .md\:flex {
        display: flex
    }

    .md\:flow-root {
        display: flow-root
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:inline {
        display: inline
    }

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

    .md\:inline-flex {
        display: inline-flex
    }

    .md\:inline-grid {
        display: inline-grid
    }

    .md\:inline-table {
        display: inline-table
    }

    .md\:table {
        display: table
    }

    .md\:table-caption {
        display: table-caption
    }

    .md\:table-cell {
        display: table-cell
    }

    .md\:table-column {
        display: table-column
    }

    .md\:table-column-group {
        display: table-column-group
    }

    .md\:table-footer-group {
        display: table-footer-group
    }

    .md\:table-header-group {
        display: table-header-group
    }

    .md\:table-row {
        display: table-row
    }

    .md\:table-row-group {
        display: table-row-group
    }

    .md\:aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .md\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .md\:aspect-16\/9 {
        aspect-ratio: 16/9
    }

    .md\:aspect-16\/10 {
        aspect-ratio: 16/10
    }

    .md\:aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:aspect-square {
        aspect-ratio: 1
    }

    .md\:aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .md\:w-1\/12 {
        width: 8.33333%
    }

    .md\:w-2\/12 {
        width: 16.6667%
    }

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-4\/12 {
        width: 33.3333%
    }

    .md\:w-5\/12 {
        width: 41.6667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-7\/12 {
        width: 58.3333%
    }

    .md\:w-8\/12 {
        width: 66.6667%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-10\/12 {
        width: 83.3333%
    }

    .md\:w-11\/12 {
        width: 91.6667%
    }

    .md\:w-12\/12,
    .md\:w-full {
        width: 100%
    }

    .md\:shrink {
        flex-shrink: 1
    }

    .md\:shrink-0 {
        flex-shrink: 0
    }

    .md\:grow {
        flex-grow: 1
    }

    .md\:grow-0 {
        flex-grow: 0
    }

    .md\:basis-2xl {
        flex-basis: var(--container-2xl)
    }

    .md\:basis-2xs {
        flex-basis: var(--container-2xs)
    }

    .md\:basis-3xl {
        flex-basis: var(--container-3xl)
    }

    .md\:basis-3xs {
        flex-basis: var(--container-3xs)
    }

    .md\:basis-4xl {
        flex-basis: var(--container-4xl)
    }

    .md\:basis-5xl {
        flex-basis: var(--container-5xl)
    }

    .md\:basis-6xl {
        flex-basis: var(--container-6xl)
    }

    .md\:basis-7xl {
        flex-basis: var(--container-7xl)
    }

    .md\:basis-auto {
        flex-basis: auto
    }

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

    .md\:basis-lg {
        flex-basis: var(--container-lg)
    }

    .md\:basis-md {
        flex-basis: var(--container-md)
    }

    .md\:basis-xl {
        flex-basis: var(--container-xl)
    }

    .md\:basis-xs {
        flex-basis: var(--container-xs)
    }

    .md\:list-inside {
        list-style-position: inside
    }

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

    .md\:list-decimal {
        list-style-type: decimal
    }

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

    .md\:list-none {
        list-style-type: none
    }

    .md\:auto-cols-auto {
        grid-auto-columns: auto
    }

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

    .md\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .md\:auto-cols-min {
        grid-auto-columns: min-content
    }

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

    .md\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .md\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .md\:grid-flow-row {
        grid-auto-flow: row
    }

    .md\:grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .md\:auto-rows-auto {
        grid-auto-rows: auto
    }

    .md\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .md\:auto-rows-max {
        grid-auto-rows: max-content
    }

    .md\:auto-rows-min {
        grid-auto-rows: min-content
    }

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

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

    .md\:grid-cols-none {
        grid-template-columns: none
    }

    .md\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

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

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

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

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

    .md\:grid-rows-none {
        grid-template-rows: none
    }

    .md\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .md\:flex-col {
        flex-direction: column
    }

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

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

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .md\:place-content-around {
        place-content: space-around
    }

    .md\:place-content-baseline {
        place-content: baseline start
    }

    .md\:place-content-between {
        place-content: space-between
    }

    .md\:place-content-center {
        place-content: center
    }

    .md\:place-content-end {
        place-content: end
    }

    .md\:place-content-evenly {
        place-content: space-evenly
    }

    .md\:place-content-start {
        place-content: start
    }

    .md\:place-content-stretch {
        place-content: stretch
    }

    .md\:place-items-baseline {
        place-items: baseline
    }

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

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

    .md\:place-items-start {
        place-items: start
    }

    .md\:place-items-stretch {
        place-items: stretch stretch
    }

    .md\:content-around {
        align-content: space-around
    }

    .md\:content-baseline {
        align-content: baseline
    }

    .md\:content-between {
        align-content: space-between
    }

    .md\:content-center {
        align-content: center
    }

    .md\:content-end {
        align-content: flex-end
    }

    .md\:content-evenly {
        align-content: space-evenly
    }

    .md\:content-normal {
        align-content: normal
    }

    .md\:content-start {
        align-content: flex-start
    }

    .md\:content-stretch {
        align-content: stretch
    }

    .md\:items-baseline {
        align-items: baseline
    }

    .md\:items-center {
        align-items: center
    }

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

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

    .md\:items-stretch {
        align-items: stretch
    }

    .md\:justify-around {
        justify-content: space-around
    }

    .md\:justify-baseline {
        justify-content: baseline
    }

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

    .md\:justify-center {
        justify-content: center
    }

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

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

    .md\:justify-normal {
        justify-content: normal
    }

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

    .md\:justify-stretch {
        justify-content: stretch
    }

    .md\:justify-items-center {
        justify-items: center
    }

    .md\:justify-items-end {
        justify-items: end
    }

    .md\:justify-items-normal {
        justify-items: normal
    }

    .md\:justify-items-start {
        justify-items: start
    }

    .md\:justify-items-stretch {
        justify-items: stretch
    }

    .md\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .md\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .md\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .md\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

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

    .md\:gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .md\:gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .md\:gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .md\:gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .md\:gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .md\:gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .md\:gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .md\:gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .md\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .md\:gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .md\:self-auto {
        align-self: auto
    }

    .md\:self-baseline {
        align-self: baseline
    }

    .md\:self-center {
        align-self: center
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:self-start {
        align-self: flex-start
    }

    .md\:self-stretch {
        align-self: stretch
    }

    .md\:justify-self-auto {
        justify-self: auto
    }

    .md\:justify-self-center {
        justify-self: center
    }

    .md\:justify-self-end {
        justify-self: flex-end
    }

    .md\:justify-self-start {
        justify-self: flex-start
    }

    .md\:justify-self-stretch {
        justify-self: stretch
    }

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

    .md\:overflow-auto {
        overflow: auto
    }

    .md\:overflow-clip {
        overflow: clip
    }

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-scroll {
        overflow: scroll
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:overflow-x-auto {
        overflow-x: auto
    }

    .md\:overflow-x-clip {
        overflow-x: clip
    }

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

    .md\:overflow-x-scroll {
        overflow-x: scroll
    }

    .md\:overflow-x-visible {
        overflow-x: visible
    }

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

    .md\:overflow-y-clip {
        overflow-y: clip
    }

    .md\:overflow-y-hidden {
        overflow-y: hidden
    }

    .md\:overflow-y-scroll {
        overflow-y: scroll
    }

    .md\:overflow-y-visible {
        overflow-y: visible
    }

    .md\:object-contain {
        object-fit: contain
    }

    .md\:object-cover {
        object-fit: cover
    }

    .md\:object-fill {
        object-fit: fill
    }

    .md\:object-none {
        object-fit: none
    }

    .md\:object-scale-down {
        object-fit: scale-down
    }

    .md\:object-bottom {
        object-position: bottom
    }

    .md\:object-center {
        object-position: center
    }

    .md\:object-left {
        object-position: left
    }

    .md\:object-left-bottom {
        object-position: left bottom
    }

    .md\:object-left-top {
        object-position: left top
    }

    .md\:object-right {
        object-position: right
    }

    .md\:object-right-bottom {
        object-position: right bottom
    }

    .md\:object-right-top {
        object-position: right top
    }

    .md\:object-top {
        object-position: top
    }

    .md\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .md\:p-1 {
        padding: calc(var(--spacing)*1)
    }

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

    .md\:p-3 {
        padding: calc(var(--spacing)*3)
    }

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

    .md\:p-5 {
        padding: calc(var(--spacing)*5)
    }

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

    .md\:px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .md\:px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

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

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

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

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

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

    .md\:py-0 {
        padding-block: calc(var(--spacing)*0)
    }

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

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

    .md\:py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .md\:py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .md\:py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .md\:py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .md\:ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .md\:ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .md\:ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .md\:ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .md\:ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .md\:ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .md\:ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .md\:pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .md\:pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .md\:pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .md\:pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .md\:pe-4 {
        padding-inline-end: calc(var(--spacing)*4)
    }

    .md\:pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

    .md\:pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .md\:pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .md\:pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

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

    .md\:pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

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

    .md\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .md\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .md\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .md\:pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .md\:pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .md\:pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .md\:pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .md\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

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

    .md\:text-center {
        text-align: center
    }

    .md\:text-end {
        text-align: end
    }

    .md\:text-justify {
        text-align: justify
    }

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

    .md\:text-right {
        text-align: right
    }

    .md\:text-start {
        text-align: start
    }

    .md\:align-baseline {
        vertical-align: baseline
    }

    .md\:align-bottom {
        vertical-align: bottom
    }

    .md\:align-middle {
        vertical-align: middle
    }

    .md\:align-sub {
        vertical-align: sub
    }

    .md\:align-super {
        vertical-align: super
    }

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

    .md\:align-text-top {
        vertical-align: text-top
    }

    .md\:align-top {
        vertical-align: top
    }

    .md\:font-mono {
        font-family: var(--font-mono)
    }

    .md\:font-sans {
        font-family: var(--font-sans)
    }

    .md\:font-serif {
        font-family: var(--font-serif)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .md\:font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

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

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

    .md\:font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

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

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

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

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

    .md\:font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .md\:tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

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

    .md\:tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter)
    }

    .md\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .md\:tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .md\:tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .md\:text-balance {
        text-wrap: balance
    }

    .md\:text-nowrap {
        text-wrap: nowrap
    }

    .md\:text-pretty {
        text-wrap: pretty
    }

    .md\:text-wrap {
        text-wrap: wrap
    }

    .md\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .md\:break-words {
        overflow-wrap: break-word
    }

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

    .md\:break-keep {
        word-break: keep-all
    }

    .md\:text-clip {
        text-overflow: clip
    }

    .md\:text-ellipsis {
        text-overflow: ellipsis
    }

    .md\:hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .md\:hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .md\:hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .md\:whitespace-break-spaces {
        white-space: break-spaces
    }

    .md\:whitespace-normal {
        white-space: normal
    }

    .md\:whitespace-nowrap {
        white-space: nowrap
    }

    .md\:whitespace-pre {
        white-space: pre
    }

    .md\:whitespace-pre-line {
        white-space: pre-line
    }

    .md\:whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .md\:capitalize {
        text-transform: capitalize
    }

    .md\:lowercase {
        text-transform: lowercase
    }

    .md\:normal-case {
        text-transform: none
    }

    .md\:uppercase {
        text-transform: uppercase
    }

    .md\:italic {
        font-style: italic
    }

    .md\:not-italic {
        font-style: normal
    }

    .md\:font-stretch-condensed {
        font-stretch: 75%
    }

    .md\:font-stretch-expanded {
        font-stretch: 125%
    }

    .md\:font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .md\:font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .md\:font-stretch-normal {
        font-stretch: 100%
    }

    .md\:font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .md\:font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .md\:font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .md\:font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .md\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

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

    .md\:ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

    .md\:slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .md\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .md\: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, )
    }

    .md\:normal-nums {
        font-variant-numeric: normal
    }

    .md\:line-through {
        text-decoration-line: line-through
    }

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

    .md\:overline {
        text-decoration-line: overline
    }

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

    .md\:decoration-dashed {
        text-decoration-style: dashed
    }

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

    .md\:decoration-double {
        text-decoration-style: double
    }

    .md\:decoration-solid {
        text-decoration-style: solid
    }

    .md\:decoration-wavy {
        text-decoration-style: wavy
    }

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

    .md\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
}

@media(min-width:64rem) {
    .lg\:table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }

    .lg\:table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    @media(hover:hover) {
        :is(.lg\:table tr.row-hover, .lg\:table tr.row-hover:nth-child(2n)):hover {
            background-color: var(--color-base-200)
        }
    }

    .lg\:table :where(th, td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .lg\:table :where(thead, tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .lg\:table :where(thead, tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .lg\:table :where(thead, tfoot) {
        font-size: .875rem;
        font-weight: 600
    }

    .lg\:table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .lg\:table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .lg\:table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }

    .lg\:table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }

    .lg\:table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }

    .lg\:table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .lg\:table :where(thead tr, tbody tr:not(:last-child)) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .lg\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .lg\:not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .lg\:menu-horizontal {
        flex-direction: row;
        display: inline-flex
    }

    .lg\:menu-horizontal>li:not(.menu-title)>details>ul {
        margin-inline-start: 0;
        margin-top: 1rem;
        padding-block: .5rem;
        padding-inline-end: .5rem;
        position: absolute
    }

    .lg\:menu-horizontal>li>details>ul:before {
        content: none
    }

    :where(.lg\:menu-horizontal>li:not(.menu-title)>details>ul) {
        border-radius: var(--radius-box);
        background-color: var(--color-base-100);
        box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:fixed {
        position: fixed
    }

    .lg\:relative {
        position: relative
    }

    .lg\:static {
        position: static
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:z-0 {
        z-index: 0
    }

    .lg\:z-10 {
        z-index: 10
    }

    .lg\:z-20 {
        z-index: 20
    }

    .lg\:z-30 {
        z-index: 30
    }

    .lg\:z-40 {
        z-index: 40
    }

    .lg\:z-50 {
        z-index: 50
    }

    .lg\:z-auto {
        z-index: auto
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:order-3 {
        order: 3
    }

    .lg\:order-4 {
        order: 4
    }

    .lg\:order-5 {
        order: 5
    }

    .lg\:order-6 {
        order: 6
    }

    .lg\:order-7 {
        order: 7
    }

    .lg\:order-8 {
        order: 8
    }

    .lg\:order-9 {
        order: 9
    }

    .lg\:order-10 {
        order: 10
    }

    .lg\:order-11 {
        order: 11
    }

    .lg\:order-12 {
        order: 12
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:order-none {
        order: 0
    }

    .lg\:col-auto {
        grid-column: auto
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

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

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }

    .lg\:col-span-11 {
        grid-column: span 11/span 11
    }

    .lg\:col-span-12 {
        grid-column: span 12/span 12
    }

    .lg\:col-span-full {
        grid-column: 1/-1
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

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

    .lg\:col-start-3 {
        grid-column-start: 3
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-5 {
        grid-column-start: 5
    }

    .lg\:col-start-6 {
        grid-column-start: 6
    }

    .lg\:col-start-7 {
        grid-column-start: 7
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-start-9 {
        grid-column-start: 9
    }

    .lg\:col-start-10 {
        grid-column-start: 10
    }

    .lg\:col-start-11 {
        grid-column-start: 11
    }

    .lg\:col-start-12 {
        grid-column-start: 12
    }

    .lg\:col-start-13 {
        grid-column-start: 13
    }

    .lg\:col-start-auto {
        grid-column-start: auto
    }

    .lg\:col-end-1 {
        grid-column-end: 1
    }

    .lg\:col-end-2 {
        grid-column-end: 2
    }

    .lg\:col-end-3 {
        grid-column-end: 3
    }

    .lg\:col-end-4 {
        grid-column-end: 4
    }

    .lg\:col-end-5 {
        grid-column-end: 5
    }

    .lg\:col-end-6 {
        grid-column-end: 6
    }

    .lg\:col-end-7 {
        grid-column-end: 7
    }

    .lg\:col-end-8 {
        grid-column-end: 8
    }

    .lg\:col-end-9 {
        grid-column-end: 9
    }

    .lg\:col-end-10 {
        grid-column-end: 10
    }

    .lg\:col-end-11 {
        grid-column-end: 11
    }

    .lg\:col-end-12 {
        grid-column-end: 12
    }

    .lg\:col-end-13 {
        grid-column-end: 13
    }

    .lg\:col-end-auto {
        grid-column-end: auto
    }

    .lg\:row-auto {
        grid-row: auto
    }

    .lg\:row-span-1 {
        grid-row: span 1/span 1
    }

    .lg\:row-span-2 {
        grid-row: span 2/span 2
    }

    .lg\:row-span-3 {
        grid-row: span 3/span 3
    }

    .lg\:row-span-4 {
        grid-row: span 4/span 4
    }

    .lg\:row-span-full {
        grid-row: 1/-1
    }

    .lg\:row-start-1 {
        grid-row-start: 1
    }

    .lg\:row-start-2 {
        grid-row-start: 2
    }

    .lg\:row-start-3 {
        grid-row-start: 3
    }

    .lg\:row-start-4 {
        grid-row-start: 4
    }

    .lg\:row-start-auto {
        grid-row-start: auto
    }

    .lg\:row-end-1 {
        grid-row-end: 1
    }

    .lg\:row-end-2 {
        grid-row-end: 2
    }

    .lg\:row-end-3 {
        grid-row-end: 3
    }

    .lg\:row-end-4 {
        grid-row-end: 4
    }

    .lg\:row-end-auto {
        grid-row-end: auto
    }

    .lg\:m-0 {
        margin: calc(var(--spacing)*0)
    }

    .lg\:m-1 {
        margin: calc(var(--spacing)*1)
    }

    .lg\:m-2 {
        margin: calc(var(--spacing)*2)
    }

    .lg\:m-3 {
        margin: calc(var(--spacing)*3)
    }

    .lg\:m-4 {
        margin: calc(var(--spacing)*4)
    }

    .lg\:m-5 {
        margin: calc(var(--spacing)*5)
    }

    .lg\:m-6 {
        margin: calc(var(--spacing)*6)
    }

    .lg\:m-auto {
        margin: auto
    }

    .lg\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .lg\:mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .lg\:mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .lg\:mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .lg\:mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .lg\:mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .lg\:mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .lg\:mx-auto {
        margin-inline: auto
    }

    .lg\:my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .lg\:my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .lg\:my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .lg\:my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .lg\:my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .lg\:my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .lg\:my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .lg\:my-auto {
        margin-block: auto
    }

    .lg\:ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .lg\:ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .lg\:ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .lg\:ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .lg\:ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .lg\:ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .lg\:ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .lg\:ms-auto {
        margin-inline-start: auto
    }

    .lg\:me-0 {
        margin-inline-end: calc(var(--spacing)*0)
    }

    .lg\:me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .lg\:me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .lg\:me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .lg\:me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .lg\:me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .lg\:me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .lg\:me-auto {
        margin-inline-end: auto
    }

    .lg\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .lg\:mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

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

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

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

    .lg\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

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

    .lg\:mt-auto {
        margin-top: auto
    }

    .lg\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .lg\:mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .lg\:mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .lg\:mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .lg\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .lg\:mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .lg\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .lg\:mb-auto {
        margin-bottom: auto
    }

    .lg\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

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

    .lg\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .lg\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .lg\:line-clamp-none {
        -webkit-line-clamp: unset;
        -webkit-box-orient: horizontal;
        display: block;
        overflow: visible
    }

    .lg\:block {
        display: block
    }

    .lg\:contents {
        display: contents
    }

    .lg\:flex {
        display: flex
    }

    .lg\:flow-root {
        display: flow-root
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:inline {
        display: inline
    }

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

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:inline-grid {
        display: inline-grid
    }

    .lg\:inline-table {
        display: inline-table
    }

    .lg\:table {
        display: table
    }

    .lg\:table-caption {
        display: table-caption
    }

    .lg\:table-cell {
        display: table-cell
    }

    .lg\:table-column {
        display: table-column
    }

    .lg\:table-column-group {
        display: table-column-group
    }

    .lg\:table-footer-group {
        display: table-footer-group
    }

    .lg\:table-header-group {
        display: table-header-group
    }

    .lg\:table-row {
        display: table-row
    }

    .lg\:table-row-group {
        display: table-row-group
    }

    .lg\:aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .lg\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .lg\:aspect-16\/9 {
        aspect-ratio: 16/9
    }

    .lg\:aspect-16\/10 {
        aspect-ratio: 16/10
    }

    .lg\:aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .lg\:aspect-auto {
        aspect-ratio: auto
    }

    .lg\:aspect-square {
        aspect-ratio: 1
    }

    .lg\:aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .lg\:w-1\/12 {
        width: 8.33333%
    }

    .lg\:w-2\/12 {
        width: 16.6667%
    }

    .lg\:w-3\/12 {
        width: 25%
    }

    .lg\:w-4\/12 {
        width: 33.3333%
    }

    .lg\:w-5\/12 {
        width: 41.6667%
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-7\/12 {
        width: 58.3333%
    }

    .lg\:w-8\/12 {
        width: 66.6667%
    }

    .lg\:w-9\/12 {
        width: 75%
    }

    .lg\:w-10\/12 {
        width: 83.3333%
    }

    .lg\:w-11\/12 {
        width: 91.6667%
    }

    .lg\:w-12\/12,
    .lg\:w-full {
        width: 100%
    }

    .lg\:shrink {
        flex-shrink: 1
    }

    .lg\:shrink-0 {
        flex-shrink: 0
    }

    .lg\:grow {
        flex-grow: 1
    }

    .lg\:grow-0 {
        flex-grow: 0
    }

    .lg\:basis-2xl {
        flex-basis: var(--container-2xl)
    }

    .lg\:basis-2xs {
        flex-basis: var(--container-2xs)
    }

    .lg\:basis-3xl {
        flex-basis: var(--container-3xl)
    }

    .lg\:basis-3xs {
        flex-basis: var(--container-3xs)
    }

    .lg\:basis-4xl {
        flex-basis: var(--container-4xl)
    }

    .lg\:basis-5xl {
        flex-basis: var(--container-5xl)
    }

    .lg\:basis-6xl {
        flex-basis: var(--container-6xl)
    }

    .lg\:basis-7xl {
        flex-basis: var(--container-7xl)
    }

    .lg\:basis-auto {
        flex-basis: auto
    }

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

    .lg\:basis-lg {
        flex-basis: var(--container-lg)
    }

    .lg\:basis-md {
        flex-basis: var(--container-md)
    }

    .lg\:basis-xl {
        flex-basis: var(--container-xl)
    }

    .lg\:basis-xs {
        flex-basis: var(--container-xs)
    }

    .lg\:list-inside {
        list-style-position: inside
    }

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

    .lg\:list-decimal {
        list-style-type: decimal
    }

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

    .lg\:list-none {
        list-style-type: none
    }

    .lg\:auto-cols-auto {
        grid-auto-columns: auto
    }

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

    .lg\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .lg\:auto-cols-min {
        grid-auto-columns: min-content
    }

    .lg\:footer-horizontal {
        grid-auto-flow: column
    }

    .lg\:footer-horizontal.footer-center {
        grid-auto-flow: dense
    }

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

    .lg\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .lg\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .lg\:grid-flow-row {
        grid-auto-flow: row
    }

    .lg\:grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .lg\:auto-rows-auto {
        grid-auto-rows: auto
    }

    .lg\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .lg\:auto-rows-max {
        grid-auto-rows: max-content
    }

    .lg\:auto-rows-min {
        grid-auto-rows: min-content
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, 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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

    .lg\:grid-cols-none {
        grid-template-columns: none
    }

    .lg\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

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

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

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

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

    .lg\:grid-rows-none {
        grid-template-rows: none
    }

    .lg\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .lg\:flex-col {
        flex-direction: column
    }

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

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

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:flex-wrap {
        flex-wrap: wrap
    }

    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .lg\:place-content-around {
        place-content: space-around
    }

    .lg\:place-content-baseline {
        place-content: baseline start
    }

    .lg\:place-content-between {
        place-content: space-between
    }

    .lg\:place-content-center {
        place-content: center
    }

    .lg\:place-content-end {
        place-content: end
    }

    .lg\:place-content-evenly {
        place-content: space-evenly
    }

    .lg\:place-content-start {
        place-content: start
    }

    .lg\:place-content-stretch {
        place-content: stretch
    }

    .lg\:place-items-baseline {
        place-items: baseline
    }

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

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

    .lg\:place-items-start {
        place-items: start
    }

    .lg\:place-items-stretch {
        place-items: stretch stretch
    }

    .lg\:content-around {
        align-content: space-around
    }

    .lg\:content-baseline {
        align-content: baseline
    }

    .lg\:content-between {
        align-content: space-between
    }

    .lg\:content-center {
        align-content: center
    }

    .lg\:content-end {
        align-content: flex-end
    }

    .lg\:content-evenly {
        align-content: space-evenly
    }

    .lg\:content-normal {
        align-content: normal
    }

    .lg\:content-start {
        align-content: flex-start
    }

    .lg\:content-stretch {
        align-content: stretch
    }

    .lg\:items-baseline {
        align-items: baseline
    }

    .lg\:items-center {
        align-items: center
    }

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

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

    .lg\:items-stretch {
        align-items: stretch
    }

    .lg\:justify-around {
        justify-content: space-around
    }

    .lg\:justify-baseline {
        justify-content: baseline
    }

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

    .lg\:justify-center {
        justify-content: center
    }

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

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

    .lg\:justify-normal {
        justify-content: normal
    }

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

    .lg\:justify-stretch {
        justify-content: stretch
    }

    .lg\:justify-items-center {
        justify-items: center
    }

    .lg\:justify-items-end {
        justify-items: end
    }

    .lg\:justify-items-normal {
        justify-items: normal
    }

    .lg\:justify-items-start {
        justify-items: start
    }

    .lg\:justify-items-stretch {
        justify-items: stretch
    }

    .lg\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .lg\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .lg\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .lg\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

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

    .lg\:gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .lg\:gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .lg\:gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .lg\:gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .lg\:gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .lg\:gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .lg\:gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .lg\:gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .lg\:gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .lg\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .lg\:gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .lg\:self-auto {
        align-self: auto
    }

    .lg\:self-baseline {
        align-self: baseline
    }

    .lg\:self-center {
        align-self: center
    }

    .lg\:self-end {
        align-self: flex-end
    }

    .lg\:self-start {
        align-self: flex-start
    }

    .lg\:self-stretch {
        align-self: stretch
    }

    .lg\:justify-self-auto {
        justify-self: auto
    }

    .lg\:justify-self-center {
        justify-self: center
    }

    .lg\:justify-self-end {
        justify-self: flex-end
    }

    .lg\:justify-self-start {
        justify-self: flex-start
    }

    .lg\:justify-self-stretch {
        justify-self: stretch
    }

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

    .lg\:overflow-auto {
        overflow: auto
    }

    .lg\:overflow-clip {
        overflow: clip
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:overflow-scroll {
        overflow: scroll
    }

    .lg\:overflow-visible {
        overflow: visible
    }

    .lg\:overflow-x-auto {
        overflow-x: auto
    }

    .lg\:overflow-x-clip {
        overflow-x: clip
    }

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

    .lg\:overflow-x-scroll {
        overflow-x: scroll
    }

    .lg\:overflow-x-visible {
        overflow-x: visible
    }

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

    .lg\:overflow-y-clip {
        overflow-y: clip
    }

    .lg\:overflow-y-hidden {
        overflow-y: hidden
    }

    .lg\:overflow-y-scroll {
        overflow-y: scroll
    }

    .lg\:overflow-y-visible {
        overflow-y: visible
    }

    .lg\:object-contain {
        object-fit: contain
    }

    .lg\:object-cover {
        object-fit: cover
    }

    .lg\:object-fill {
        object-fit: fill
    }

    .lg\:object-none {
        object-fit: none
    }

    .lg\:object-scale-down {
        object-fit: scale-down
    }

    .lg\:object-bottom {
        object-position: bottom
    }

    .lg\:object-center {
        object-position: center
    }

    .lg\:object-left {
        object-position: left
    }

    .lg\:object-left-bottom {
        object-position: left bottom
    }

    .lg\:object-left-top {
        object-position: left top
    }

    .lg\:object-right {
        object-position: right
    }

    .lg\:object-right-bottom {
        object-position: right bottom
    }

    .lg\:object-right-top {
        object-position: right top
    }

    .lg\:object-top {
        object-position: top
    }

    .lg\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .lg\:p-1 {
        padding: calc(var(--spacing)*1)
    }

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

    .lg\:p-3 {
        padding: calc(var(--spacing)*3)
    }

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

    .lg\:p-5 {
        padding: calc(var(--spacing)*5)
    }

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

    .lg\:px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .lg\:px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

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

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

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

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

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

    .lg\:py-0 {
        padding-block: calc(var(--spacing)*0)
    }

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

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

    .lg\:py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .lg\:py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .lg\:py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .lg\:py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .lg\:ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .lg\:ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .lg\:ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .lg\:ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .lg\:ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .lg\:ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .lg\:ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .lg\:pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .lg\:pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .lg\:pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .lg\:pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .lg\:pe-4 {
        padding-inline-end: calc(var(--spacing)*4)
    }

    .lg\:pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

    .lg\:pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .lg\:pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .lg\:pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

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

    .lg\:pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

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

    .lg\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .lg\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .lg\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .lg\:pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .lg\:pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .lg\:pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .lg\:pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .lg\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

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

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-end {
        text-align: end
    }

    .lg\:text-justify {
        text-align: justify
    }

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

    .lg\:text-right {
        text-align: right
    }

    .lg\:text-start {
        text-align: start
    }

    .lg\:align-baseline {
        vertical-align: baseline
    }

    .lg\:align-bottom {
        vertical-align: bottom
    }

    .lg\:align-middle {
        vertical-align: middle
    }

    .lg\:align-sub {
        vertical-align: sub
    }

    .lg\:align-super {
        vertical-align: super
    }

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

    .lg\:align-text-top {
        vertical-align: text-top
    }

    .lg\:align-top {
        vertical-align: top
    }

    .lg\:font-mono {
        font-family: var(--font-mono)
    }

    .lg\:font-sans {
        font-family: var(--font-sans)
    }

    .lg\:font-serif {
        font-family: var(--font-serif)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lg\:font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

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

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

    .lg\:font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

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

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

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

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

    .lg\:font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .lg\:tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

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

    .lg\:tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter)
    }

    .lg\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .lg\:tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .lg\:tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .lg\:text-balance {
        text-wrap: balance
    }

    .lg\:text-nowrap {
        text-wrap: nowrap
    }

    .lg\:text-pretty {
        text-wrap: pretty
    }

    .lg\:text-wrap {
        text-wrap: wrap
    }

    .lg\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .lg\:break-words {
        overflow-wrap: break-word
    }

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

    .lg\:break-keep {
        word-break: keep-all
    }

    .lg\:text-clip {
        text-overflow: clip
    }

    .lg\:text-ellipsis {
        text-overflow: ellipsis
    }

    .lg\:hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .lg\:hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .lg\:hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .lg\:whitespace-break-spaces {
        white-space: break-spaces
    }

    .lg\:whitespace-normal {
        white-space: normal
    }

    .lg\:whitespace-nowrap {
        white-space: nowrap
    }

    .lg\:whitespace-pre {
        white-space: pre
    }

    .lg\:whitespace-pre-line {
        white-space: pre-line
    }

    .lg\:whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .lg\:capitalize {
        text-transform: capitalize
    }

    .lg\:lowercase {
        text-transform: lowercase
    }

    .lg\:normal-case {
        text-transform: none
    }

    .lg\:uppercase {
        text-transform: uppercase
    }

    .lg\:italic {
        font-style: italic
    }

    .lg\:not-italic {
        font-style: normal
    }

    .lg\:font-stretch-condensed {
        font-stretch: 75%
    }

    .lg\:font-stretch-expanded {
        font-stretch: 125%
    }

    .lg\:font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .lg\:font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .lg\:font-stretch-normal {
        font-stretch: 100%
    }

    .lg\:font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .lg\:font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .lg\:font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .lg\:font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .lg\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

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

    .lg\:ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

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

    .lg\:slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .lg\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .lg\: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, )
    }

    .lg\:normal-nums {
        font-variant-numeric: normal
    }

    .lg\:line-through {
        text-decoration-line: line-through
    }

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

    .lg\:overline {
        text-decoration-line: overline
    }

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

    .lg\:decoration-dashed {
        text-decoration-style: dashed
    }

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

    .lg\:decoration-double {
        text-decoration-style: double
    }

    .lg\:decoration-solid {
        text-decoration-style: solid
    }

    .lg\:decoration-wavy {
        text-decoration-style: wavy
    }

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

    .lg\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
}

@media(min-width:80rem) {
    .xl\:table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }

    .xl\:table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    @media(hover:hover) {
        :is(.xl\:table tr.row-hover, .xl\:table tr.row-hover:nth-child(2n)):hover {
            background-color: var(--color-base-200)
        }
    }

    .xl\:table :where(th, td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .xl\:table :where(thead, tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .xl\:table :where(thead, tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .xl\:table :where(thead, tfoot) {
        font-size: .875rem;
        font-weight: 600
    }

    .xl\:table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .xl\:table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .xl\:table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }

    .xl\:table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }

    .xl\:table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }

    .xl\:table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .xl\:table :where(thead tr, tbody tr:not(:last-child)) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .xl\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .xl\:not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .xl\:absolute {
        position: absolute
    }

    .xl\:fixed {
        position: fixed
    }

    .xl\:relative {
        position: relative
    }

    .xl\:static {
        position: static
    }

    .xl\:sticky {
        position: sticky
    }

    .xl\:z-0 {
        z-index: 0
    }

    .xl\:z-10 {
        z-index: 10
    }

    .xl\:z-20 {
        z-index: 20
    }

    .xl\:z-30 {
        z-index: 30
    }

    .xl\:z-40 {
        z-index: 40
    }

    .xl\:z-50 {
        z-index: 50
    }

    .xl\:z-auto {
        z-index: auto
    }

    .xl\:order-1 {
        order: 1
    }

    .xl\:order-2 {
        order: 2
    }

    .xl\:order-3 {
        order: 3
    }

    .xl\:order-4 {
        order: 4
    }

    .xl\:order-5 {
        order: 5
    }

    .xl\:order-6 {
        order: 6
    }

    .xl\:order-7 {
        order: 7
    }

    .xl\:order-8 {
        order: 8
    }

    .xl\:order-9 {
        order: 9
    }

    .xl\:order-10 {
        order: 10
    }

    .xl\:order-11 {
        order: 11
    }

    .xl\:order-12 {
        order: 12
    }

    .xl\:order-first {
        order: -9999
    }

    .xl\:order-last {
        order: 9999
    }

    .xl\:order-none {
        order: 0
    }

    .xl\:col-auto {
        grid-column: auto
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

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

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .xl\:col-span-full {
        grid-column: 1/-1
    }

    .xl\:col-start-1 {
        grid-column-start: 1
    }

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

    .xl\:col-start-3 {
        grid-column-start: 3
    }

    .xl\:col-start-4 {
        grid-column-start: 4
    }

    .xl\:col-start-5 {
        grid-column-start: 5
    }

    .xl\:col-start-6 {
        grid-column-start: 6
    }

    .xl\:col-start-7 {
        grid-column-start: 7
    }

    .xl\:col-start-8 {
        grid-column-start: 8
    }

    .xl\:col-start-9 {
        grid-column-start: 9
    }

    .xl\:col-start-10 {
        grid-column-start: 10
    }

    .xl\:col-start-11 {
        grid-column-start: 11
    }

    .xl\:col-start-12 {
        grid-column-start: 12
    }

    .xl\:col-start-13 {
        grid-column-start: 13
    }

    .xl\:col-start-auto {
        grid-column-start: auto
    }

    .xl\:col-end-1 {
        grid-column-end: 1
    }

    .xl\:col-end-2 {
        grid-column-end: 2
    }

    .xl\:col-end-3 {
        grid-column-end: 3
    }

    .xl\:col-end-4 {
        grid-column-end: 4
    }

    .xl\:col-end-5 {
        grid-column-end: 5
    }

    .xl\:col-end-6 {
        grid-column-end: 6
    }

    .xl\:col-end-7 {
        grid-column-end: 7
    }

    .xl\:col-end-8 {
        grid-column-end: 8
    }

    .xl\:col-end-9 {
        grid-column-end: 9
    }

    .xl\:col-end-10 {
        grid-column-end: 10
    }

    .xl\:col-end-11 {
        grid-column-end: 11
    }

    .xl\:col-end-12 {
        grid-column-end: 12
    }

    .xl\:col-end-13 {
        grid-column-end: 13
    }

    .xl\:col-end-auto {
        grid-column-end: auto
    }

    .xl\:row-auto {
        grid-row: auto
    }

    .xl\:row-span-1 {
        grid-row: span 1/span 1
    }

    .xl\:row-span-2 {
        grid-row: span 2/span 2
    }

    .xl\:row-span-3 {
        grid-row: span 3/span 3
    }

    .xl\:row-span-4 {
        grid-row: span 4/span 4
    }

    .xl\:row-span-full {
        grid-row: 1/-1
    }

    .xl\:row-start-1 {
        grid-row-start: 1
    }

    .xl\:row-start-2 {
        grid-row-start: 2
    }

    .xl\:row-start-3 {
        grid-row-start: 3
    }

    .xl\:row-start-4 {
        grid-row-start: 4
    }

    .xl\:row-start-auto {
        grid-row-start: auto
    }

    .xl\:row-end-1 {
        grid-row-end: 1
    }

    .xl\:row-end-2 {
        grid-row-end: 2
    }

    .xl\:row-end-3 {
        grid-row-end: 3
    }

    .xl\:row-end-4 {
        grid-row-end: 4
    }

    .xl\:row-end-auto {
        grid-row-end: auto
    }

    .xl\:m-0 {
        margin: calc(var(--spacing)*0)
    }

    .xl\:m-1 {
        margin: calc(var(--spacing)*1)
    }

    .xl\:m-2 {
        margin: calc(var(--spacing)*2)
    }

    .xl\:m-3 {
        margin: calc(var(--spacing)*3)
    }

    .xl\:m-4 {
        margin: calc(var(--spacing)*4)
    }

    .xl\:m-5 {
        margin: calc(var(--spacing)*5)
    }

    .xl\:m-6 {
        margin: calc(var(--spacing)*6)
    }

    .xl\:m-auto {
        margin: auto
    }

    .xl\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .xl\:mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .xl\:mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .xl\:mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .xl\:mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .xl\:mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .xl\:mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .xl\:mx-auto {
        margin-inline: auto
    }

    .xl\:my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .xl\:my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .xl\:my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .xl\:my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .xl\:my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .xl\:my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .xl\:my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .xl\:my-auto {
        margin-block: auto
    }

    .xl\:ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .xl\:ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .xl\:ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .xl\:ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .xl\:ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .xl\:ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .xl\:ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .xl\:ms-auto {
        margin-inline-start: auto
    }

    .xl\:me-0 {
        margin-inline-end: calc(var(--spacing)*0)
    }

    .xl\:me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .xl\:me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .xl\:me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .xl\:me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .xl\:me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .xl\:me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .xl\:me-auto {
        margin-inline-end: auto
    }

    .xl\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .xl\:mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

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

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

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

    .xl\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

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

    .xl\:mt-auto {
        margin-top: auto
    }

    .xl\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .xl\:mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .xl\:mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .xl\:mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .xl\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .xl\:mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .xl\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .xl\:mb-auto {
        margin-bottom: auto
    }

    .xl\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

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

    .xl\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .xl\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .xl\:line-clamp-none {
        -webkit-line-clamp: unset;
        -webkit-box-orient: horizontal;
        display: block;
        overflow: visible
    }

    .xl\:block {
        display: block
    }

    .xl\:contents {
        display: contents
    }

    .xl\:flex {
        display: flex
    }

    .xl\:flow-root {
        display: flow-root
    }

    .xl\:grid {
        display: grid
    }

    .xl\:hidden {
        display: none
    }

    .xl\:inline {
        display: inline
    }

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

    .xl\:inline-flex {
        display: inline-flex
    }

    .xl\:inline-grid {
        display: inline-grid
    }

    .xl\:inline-table {
        display: inline-table
    }

    .xl\:table {
        display: table
    }

    .xl\:table-caption {
        display: table-caption
    }

    .xl\:table-cell {
        display: table-cell
    }

    .xl\:table-column {
        display: table-column
    }

    .xl\:table-column-group {
        display: table-column-group
    }

    .xl\:table-footer-group {
        display: table-footer-group
    }

    .xl\:table-header-group {
        display: table-header-group
    }

    .xl\:table-row {
        display: table-row
    }

    .xl\:table-row-group {
        display: table-row-group
    }

    .xl\:aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .xl\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .xl\:aspect-16\/9 {
        aspect-ratio: 16/9
    }

    .xl\:aspect-16\/10 {
        aspect-ratio: 16/10
    }

    .xl\:aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .xl\:aspect-auto {
        aspect-ratio: auto
    }

    .xl\:aspect-square {
        aspect-ratio: 1
    }

    .xl\:aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .xl\:w-1\/12 {
        width: 8.33333%
    }

    .xl\:w-2\/12 {
        width: 16.6667%
    }

    .xl\:w-3\/12 {
        width: 25%
    }

    .xl\:w-4\/12 {
        width: 33.3333%
    }

    .xl\:w-5\/12 {
        width: 41.6667%
    }

    .xl\:w-6\/12 {
        width: 50%
    }

    .xl\:w-7\/12 {
        width: 58.3333%
    }

    .xl\:w-8\/12 {
        width: 66.6667%
    }

    .xl\:w-9\/12 {
        width: 75%
    }

    .xl\:w-10\/12 {
        width: 83.3333%
    }

    .xl\:w-11\/12 {
        width: 91.6667%
    }

    .xl\:w-12\/12,
    .xl\:w-full {
        width: 100%
    }

    .xl\:shrink {
        flex-shrink: 1
    }

    .xl\:shrink-0 {
        flex-shrink: 0
    }

    .xl\:grow {
        flex-grow: 1
    }

    .xl\:grow-0 {
        flex-grow: 0
    }

    .xl\:basis-2xl {
        flex-basis: var(--container-2xl)
    }

    .xl\:basis-2xs {
        flex-basis: var(--container-2xs)
    }

    .xl\:basis-3xl {
        flex-basis: var(--container-3xl)
    }

    .xl\:basis-3xs {
        flex-basis: var(--container-3xs)
    }

    .xl\:basis-4xl {
        flex-basis: var(--container-4xl)
    }

    .xl\:basis-5xl {
        flex-basis: var(--container-5xl)
    }

    .xl\:basis-6xl {
        flex-basis: var(--container-6xl)
    }

    .xl\:basis-7xl {
        flex-basis: var(--container-7xl)
    }

    .xl\:basis-auto {
        flex-basis: auto
    }

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

    .xl\:basis-lg {
        flex-basis: var(--container-lg)
    }

    .xl\:basis-md {
        flex-basis: var(--container-md)
    }

    .xl\:basis-xl {
        flex-basis: var(--container-xl)
    }

    .xl\:basis-xs {
        flex-basis: var(--container-xs)
    }

    .xl\:list-inside {
        list-style-position: inside
    }

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

    .xl\:list-decimal {
        list-style-type: decimal
    }

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

    .xl\:list-none {
        list-style-type: none
    }

    .xl\:auto-cols-auto {
        grid-auto-columns: auto
    }

    .xl\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }

    .xl\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .xl\:auto-cols-min {
        grid-auto-columns: min-content
    }

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

    .xl\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .xl\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .xl\:grid-flow-row {
        grid-auto-flow: row
    }

    .xl\:grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .xl\:auto-rows-auto {
        grid-auto-rows: auto
    }

    .xl\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .xl\:auto-rows-max {
        grid-auto-rows: max-content
    }

    .xl\:auto-rows-min {
        grid-auto-rows: min-content
    }

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

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

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

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

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

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

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

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

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

    .xl\:grid-cols-none {
        grid-template-columns: none
    }

    .xl\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

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

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

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

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

    .xl\:grid-rows-none {
        grid-template-rows: none
    }

    .xl\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .xl\:flex-col {
        flex-direction: column
    }

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

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

    .xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .xl\:flex-wrap {
        flex-wrap: wrap
    }

    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .xl\:place-content-around {
        place-content: space-around
    }

    .xl\:place-content-baseline {
        place-content: baseline start
    }

    .xl\:place-content-between {
        place-content: space-between
    }

    .xl\:place-content-center {
        place-content: center
    }

    .xl\:place-content-end {
        place-content: end
    }

    .xl\:place-content-evenly {
        place-content: space-evenly
    }

    .xl\:place-content-start {
        place-content: start
    }

    .xl\:place-content-stretch {
        place-content: stretch
    }

    .xl\:place-items-baseline {
        place-items: baseline
    }

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

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

    .xl\:place-items-start {
        place-items: start
    }

    .xl\:place-items-stretch {
        place-items: stretch stretch
    }

    .xl\:content-around {
        align-content: space-around
    }

    .xl\:content-baseline {
        align-content: baseline
    }

    .xl\:content-between {
        align-content: space-between
    }

    .xl\:content-center {
        align-content: center
    }

    .xl\:content-end {
        align-content: flex-end
    }

    .xl\:content-evenly {
        align-content: space-evenly
    }

    .xl\:content-normal {
        align-content: normal
    }

    .xl\:content-start {
        align-content: flex-start
    }

    .xl\:content-stretch {
        align-content: stretch
    }

    .xl\:items-baseline {
        align-items: baseline
    }

    .xl\:items-center {
        align-items: center
    }

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

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

    .xl\:items-stretch {
        align-items: stretch
    }

    .xl\:justify-around {
        justify-content: space-around
    }

    .xl\:justify-baseline {
        justify-content: baseline
    }

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

    .xl\:justify-center {
        justify-content: center
    }

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

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

    .xl\:justify-normal {
        justify-content: normal
    }

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

    .xl\:justify-stretch {
        justify-content: stretch
    }

    .xl\:justify-items-center {
        justify-items: center
    }

    .xl\:justify-items-end {
        justify-items: end
    }

    .xl\:justify-items-normal {
        justify-items: normal
    }

    .xl\:justify-items-start {
        justify-items: start
    }

    .xl\:justify-items-stretch {
        justify-items: stretch
    }

    .xl\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .xl\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .xl\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .xl\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

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

    .xl\:gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .xl\:gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .xl\:gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .xl\:gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .xl\:gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .xl\:gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .xl\:gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .xl\:gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .xl\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .xl\:gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .xl\:self-auto {
        align-self: auto
    }

    .xl\:self-baseline {
        align-self: baseline
    }

    .xl\:self-center {
        align-self: center
    }

    .xl\:self-end {
        align-self: flex-end
    }

    .xl\:self-start {
        align-self: flex-start
    }

    .xl\:self-stretch {
        align-self: stretch
    }

    .xl\:justify-self-auto {
        justify-self: auto
    }

    .xl\:justify-self-center {
        justify-self: center
    }

    .xl\:justify-self-end {
        justify-self: flex-end
    }

    .xl\:justify-self-start {
        justify-self: flex-start
    }

    .xl\:justify-self-stretch {
        justify-self: stretch
    }

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

    .xl\:overflow-auto {
        overflow: auto
    }

    .xl\:overflow-clip {
        overflow: clip
    }

    .xl\:overflow-hidden {
        overflow: hidden
    }

    .xl\:overflow-scroll {
        overflow: scroll
    }

    .xl\:overflow-visible {
        overflow: visible
    }

    .xl\:overflow-x-auto {
        overflow-x: auto
    }

    .xl\:overflow-x-clip {
        overflow-x: clip
    }

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

    .xl\:overflow-x-scroll {
        overflow-x: scroll
    }

    .xl\:overflow-x-visible {
        overflow-x: visible
    }

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

    .xl\:overflow-y-clip {
        overflow-y: clip
    }

    .xl\:overflow-y-hidden {
        overflow-y: hidden
    }

    .xl\:overflow-y-scroll {
        overflow-y: scroll
    }

    .xl\:overflow-y-visible {
        overflow-y: visible
    }

    .xl\:object-contain {
        object-fit: contain
    }

    .xl\:object-cover {
        object-fit: cover
    }

    .xl\:object-fill {
        object-fit: fill
    }

    .xl\:object-none {
        object-fit: none
    }

    .xl\:object-scale-down {
        object-fit: scale-down
    }

    .xl\:object-bottom {
        object-position: bottom
    }

    .xl\:object-center {
        object-position: center
    }

    .xl\:object-left {
        object-position: left
    }

    .xl\:object-left-bottom {
        object-position: left bottom
    }

    .xl\:object-left-top {
        object-position: left top
    }

    .xl\:object-right {
        object-position: right
    }

    .xl\:object-right-bottom {
        object-position: right bottom
    }

    .xl\:object-right-top {
        object-position: right top
    }

    .xl\:object-top {
        object-position: top
    }

    .xl\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .xl\:p-1 {
        padding: calc(var(--spacing)*1)
    }

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

    .xl\:p-3 {
        padding: calc(var(--spacing)*3)
    }

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

    .xl\:p-5 {
        padding: calc(var(--spacing)*5)
    }

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

    .xl\:px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .xl\:px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

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

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

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

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

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

    .xl\:py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .xl\:py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .xl\:py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .xl\:py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .xl\:py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .xl\:py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .xl\:py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .xl\:ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .xl\:ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .xl\:ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .xl\:ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .xl\:ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .xl\:ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .xl\:ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .xl\:pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .xl\:pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .xl\:pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .xl\:pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .xl\:pe-4 {
        padding-inline-end: calc(var(--spacing)*4)
    }

    .xl\:pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

    .xl\:pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .xl\:pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .xl\:pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .xl\:pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .xl\:pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .xl\:pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .xl\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .xl\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .xl\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .xl\:pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .xl\:pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .xl\:pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .xl\:pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .xl\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .xl\:pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .xl\:text-center {
        text-align: center
    }

    .xl\:text-end {
        text-align: end
    }

    .xl\:text-justify {
        text-align: justify
    }

    .xl\:text-left {
        text-align: left
    }

    .xl\:text-right {
        text-align: right
    }

    .xl\:text-start {
        text-align: start
    }

    .xl\:align-baseline {
        vertical-align: baseline
    }

    .xl\:align-bottom {
        vertical-align: bottom
    }

    .xl\:align-middle {
        vertical-align: middle
    }

    .xl\:align-sub {
        vertical-align: sub
    }

    .xl\:align-super {
        vertical-align: super
    }

    .xl\:align-text-bottom {
        vertical-align: text-bottom
    }

    .xl\:align-text-top {
        vertical-align: text-top
    }

    .xl\:align-top {
        vertical-align: top
    }

    .xl\:font-mono {
        font-family: var(--font-mono)
    }

    .xl\:font-sans {
        font-family: var(--font-sans)
    }

    .xl\:font-serif {
        font-family: var(--font-serif)
    }

    .xl\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .xl\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .xl\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .xl\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .xl\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .xl\:text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .xl\:text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height))
    }

    .xl\:text-9xl {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--line-height))
    }

    .xl\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .xl\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .xl\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .xl\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .xl\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .xl\:font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .xl\:font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .xl\:font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .xl\:font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

    .xl\:font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .xl\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .xl\:font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .xl\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .xl\:font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .xl\:tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .xl\:tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .xl\:tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter)
    }

    .xl\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .xl\:tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .xl\:tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .xl\:text-balance {
        text-wrap: balance
    }

    .xl\:text-nowrap {
        text-wrap: nowrap
    }

    .xl\:text-pretty {
        text-wrap: pretty
    }

    .xl\:text-wrap {
        text-wrap: wrap
    }

    .xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .xl\:break-words {
        overflow-wrap: break-word
    }

    .xl\:break-all {
        word-break: break-all
    }

    .xl\:break-keep {
        word-break: keep-all
    }

    .xl\:text-clip {
        text-overflow: clip
    }

    .xl\:text-ellipsis {
        text-overflow: ellipsis
    }

    .xl\:hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .xl\:hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .xl\:hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .xl\:whitespace-break-spaces {
        white-space: break-spaces
    }

    .xl\:whitespace-normal {
        white-space: normal
    }

    .xl\:whitespace-nowrap {
        white-space: nowrap
    }

    .xl\:whitespace-pre {
        white-space: pre
    }

    .xl\:whitespace-pre-line {
        white-space: pre-line
    }

    .xl\:whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .xl\:capitalize {
        text-transform: capitalize
    }

    .xl\:lowercase {
        text-transform: lowercase
    }

    .xl\:normal-case {
        text-transform: none
    }

    .xl\:uppercase {
        text-transform: uppercase
    }

    .xl\:italic {
        font-style: italic
    }

    .xl\:not-italic {
        font-style: normal
    }

    .xl\:font-stretch-condensed {
        font-stretch: 75%
    }

    .xl\:font-stretch-expanded {
        font-stretch: 125%
    }

    .xl\:font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .xl\:font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .xl\:font-stretch-normal {
        font-stretch: 100%
    }

    .xl\:font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .xl\:font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .xl\:font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .xl\:font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .xl\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:proportional-nums {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .xl\: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, )
    }

    .xl\:normal-nums {
        font-variant-numeric: normal
    }

    .xl\:line-through {
        text-decoration-line: line-through
    }

    .xl\:no-underline {
        text-decoration-line: none
    }

    .xl\:overline {
        text-decoration-line: overline
    }

    .xl\:underline {
        text-decoration-line: underline
    }

    .xl\:decoration-dashed {
        text-decoration-style: dashed
    }

    .xl\:decoration-dotted {
        text-decoration-style: dotted
    }

    .xl\:decoration-double {
        text-decoration-style: double
    }

    .xl\:decoration-solid {
        text-decoration-style: solid
    }

    .xl\:decoration-wavy {
        text-decoration-style: wavy
    }

    .xl\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .xl\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
}

@media(min-width:96rem) {
    .\32xl\:table {
        border-radius: var(--radius-box);
        text-align: left;
        width: 100%;
        font-size: .875rem;
        position: relative
    }

    .\32xl\:table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    @media(hover:hover) {
        :is(.\32xl\:table tr.row-hover, .\32xl\:table tr.row-hover:nth-child(2n)):hover {
            background-color: var(--color-base-200)
        }
    }

    .\32xl\:table :where(th, td) {
        vertical-align: middle;
        padding-block: .75rem;
        padding-inline: 1rem
    }

    .\32xl\:table :where(thead, tfoot) {
        white-space: nowrap;
        color: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\32xl\:table :where(thead, tfoot) {
            color: color-mix(in oklab, var(--color-base-content)60%, transparent)
        }
    }

    .\32xl\:table :where(thead, tfoot) {
        font-size: .875rem;
        font-weight: 600
    }

    .\32xl\:table :where(tfoot) {
        border-top: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\32xl\:table :where(tfoot) {
            border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .\32xl\:table :where(.table-pin-rows thead tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        top: 0
    }

    .\32xl\:table :where(.table-pin-rows tfoot tr) {
        z-index: 1;
        background-color: var(--color-base-100);
        position: sticky;
        bottom: 0
    }

    .\32xl\:table :where(.table-pin-cols tr th) {
        background-color: var(--color-base-100);
        position: sticky;
        left: 0;
        right: 0
    }

    .\32xl\:table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\32xl\:table :where(thead tr, tbody tr:not(:last-child)) {
            border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
        }
    }

    .\32xl\:sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .\32xl\:not-sr-only {
        clip-path: none;
        white-space: normal;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        overflow: visible
    }

    .\32xl\:absolute {
        position: absolute
    }

    .\32xl\:fixed {
        position: fixed
    }

    .\32xl\:relative {
        position: relative
    }

    .\32xl\:static {
        position: static
    }

    .\32xl\:sticky {
        position: sticky
    }

    .\32xl\:z-0 {
        z-index: 0
    }

    .\32xl\:z-10 {
        z-index: 10
    }

    .\32xl\:z-20 {
        z-index: 20
    }

    .\32xl\:z-30 {
        z-index: 30
    }

    .\32xl\:z-40 {
        z-index: 40
    }

    .\32xl\:z-50 {
        z-index: 50
    }

    .\32xl\:z-auto {
        z-index: auto
    }

    .\32xl\:order-1 {
        order: 1
    }

    .\32xl\:order-2 {
        order: 2
    }

    .\32xl\:order-3 {
        order: 3
    }

    .\32xl\:order-4 {
        order: 4
    }

    .\32xl\:order-5 {
        order: 5
    }

    .\32xl\:order-6 {
        order: 6
    }

    .\32xl\:order-7 {
        order: 7
    }

    .\32xl\:order-8 {
        order: 8
    }

    .\32xl\:order-9 {
        order: 9
    }

    .\32xl\:order-10 {
        order: 10
    }

    .\32xl\:order-11 {
        order: 11
    }

    .\32xl\:order-12 {
        order: 12
    }

    .\32xl\:order-first {
        order: -9999
    }

    .\32xl\:order-last {
        order: 9999
    }

    .\32xl\:order-none {
        order: 0
    }

    .\32xl\:col-auto {
        grid-column: auto
    }

    .\32xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .\32xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .\32xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .\32xl\:col-span-4 {
        grid-column: span 4/span 4
    }

    .\32xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .\32xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .\32xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .\32xl\:col-span-8 {
        grid-column: span 8/span 8
    }

    .\32xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .\32xl\:col-span-10 {
        grid-column: span 10/span 10
    }

    .\32xl\:col-span-11 {
        grid-column: span 11/span 11
    }

    .\32xl\:col-span-12 {
        grid-column: span 12/span 12
    }

    .\32xl\:col-span-full {
        grid-column: 1/-1
    }

    .\32xl\:col-start-1 {
        grid-column-start: 1
    }

    .\32xl\:col-start-2 {
        grid-column-start: 2
    }

    .\32xl\:col-start-3 {
        grid-column-start: 3
    }

    .\32xl\:col-start-4 {
        grid-column-start: 4
    }

    .\32xl\:col-start-5 {
        grid-column-start: 5
    }

    .\32xl\:col-start-6 {
        grid-column-start: 6
    }

    .\32xl\:col-start-7 {
        grid-column-start: 7
    }

    .\32xl\:col-start-8 {
        grid-column-start: 8
    }

    .\32xl\:col-start-9 {
        grid-column-start: 9
    }

    .\32xl\:col-start-10 {
        grid-column-start: 10
    }

    .\32xl\:col-start-11 {
        grid-column-start: 11
    }

    .\32xl\:col-start-12 {
        grid-column-start: 12
    }

    .\32xl\:col-start-13 {
        grid-column-start: 13
    }

    .\32xl\:col-start-auto {
        grid-column-start: auto
    }

    .\32xl\:col-end-1 {
        grid-column-end: 1
    }

    .\32xl\:col-end-2 {
        grid-column-end: 2
    }

    .\32xl\:col-end-3 {
        grid-column-end: 3
    }

    .\32xl\:col-end-4 {
        grid-column-end: 4
    }

    .\32xl\:col-end-5 {
        grid-column-end: 5
    }

    .\32xl\:col-end-6 {
        grid-column-end: 6
    }

    .\32xl\:col-end-7 {
        grid-column-end: 7
    }

    .\32xl\:col-end-8 {
        grid-column-end: 8
    }

    .\32xl\:col-end-9 {
        grid-column-end: 9
    }

    .\32xl\:col-end-10 {
        grid-column-end: 10
    }

    .\32xl\:col-end-11 {
        grid-column-end: 11
    }

    .\32xl\:col-end-12 {
        grid-column-end: 12
    }

    .\32xl\:col-end-13 {
        grid-column-end: 13
    }

    .\32xl\:col-end-auto {
        grid-column-end: auto
    }

    .\32xl\:row-auto {
        grid-row: auto
    }

    .\32xl\:row-span-1 {
        grid-row: span 1/span 1
    }

    .\32xl\:row-span-2 {
        grid-row: span 2/span 2
    }

    .\32xl\:row-span-3 {
        grid-row: span 3/span 3
    }

    .\32xl\:row-span-4 {
        grid-row: span 4/span 4
    }

    .\32xl\:row-span-full {
        grid-row: 1/-1
    }

    .\32xl\:row-start-1 {
        grid-row-start: 1
    }

    .\32xl\:row-start-2 {
        grid-row-start: 2
    }

    .\32xl\:row-start-3 {
        grid-row-start: 3
    }

    .\32xl\:row-start-4 {
        grid-row-start: 4
    }

    .\32xl\:row-start-auto {
        grid-row-start: auto
    }

    .\32xl\:row-end-1 {
        grid-row-end: 1
    }

    .\32xl\:row-end-2 {
        grid-row-end: 2
    }

    .\32xl\:row-end-3 {
        grid-row-end: 3
    }

    .\32xl\:row-end-4 {
        grid-row-end: 4
    }

    .\32xl\:row-end-auto {
        grid-row-end: auto
    }

    .\32xl\:m-0 {
        margin: calc(var(--spacing)*0)
    }

    .\32xl\:m-1 {
        margin: calc(var(--spacing)*1)
    }

    .\32xl\:m-2 {
        margin: calc(var(--spacing)*2)
    }

    .\32xl\:m-3 {
        margin: calc(var(--spacing)*3)
    }

    .\32xl\:m-4 {
        margin: calc(var(--spacing)*4)
    }

    .\32xl\:m-5 {
        margin: calc(var(--spacing)*5)
    }

    .\32xl\:m-6 {
        margin: calc(var(--spacing)*6)
    }

    .\32xl\:m-auto {
        margin: auto
    }

    .\32xl\:mx-0 {
        margin-inline: calc(var(--spacing)*0)
    }

    .\32xl\:mx-1 {
        margin-inline: calc(var(--spacing)*1)
    }

    .\32xl\:mx-2 {
        margin-inline: calc(var(--spacing)*2)
    }

    .\32xl\:mx-3 {
        margin-inline: calc(var(--spacing)*3)
    }

    .\32xl\:mx-4 {
        margin-inline: calc(var(--spacing)*4)
    }

    .\32xl\:mx-5 {
        margin-inline: calc(var(--spacing)*5)
    }

    .\32xl\:mx-6 {
        margin-inline: calc(var(--spacing)*6)
    }

    .\32xl\:mx-auto {
        margin-inline: auto
    }

    .\32xl\:my-0 {
        margin-block: calc(var(--spacing)*0)
    }

    .\32xl\:my-1 {
        margin-block: calc(var(--spacing)*1)
    }

    .\32xl\:my-2 {
        margin-block: calc(var(--spacing)*2)
    }

    .\32xl\:my-3 {
        margin-block: calc(var(--spacing)*3)
    }

    .\32xl\:my-4 {
        margin-block: calc(var(--spacing)*4)
    }

    .\32xl\:my-5 {
        margin-block: calc(var(--spacing)*5)
    }

    .\32xl\:my-6 {
        margin-block: calc(var(--spacing)*6)
    }

    .\32xl\:my-auto {
        margin-block: auto
    }

    .\32xl\:ms-0 {
        margin-inline-start: calc(var(--spacing)*0)
    }

    .\32xl\:ms-1 {
        margin-inline-start: calc(var(--spacing)*1)
    }

    .\32xl\:ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .\32xl\:ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .\32xl\:ms-4 {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .\32xl\:ms-5 {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .\32xl\:ms-6 {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .\32xl\:ms-auto {
        margin-inline-start: auto
    }

    .\32xl\:me-0 {
        margin-inline-end: calc(var(--spacing)*0)
    }

    .\32xl\:me-1 {
        margin-inline-end: calc(var(--spacing)*1)
    }

    .\32xl\:me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .\32xl\:me-3 {
        margin-inline-end: calc(var(--spacing)*3)
    }

    .\32xl\:me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

    .\32xl\:me-5 {
        margin-inline-end: calc(var(--spacing)*5)
    }

    .\32xl\:me-6 {
        margin-inline-end: calc(var(--spacing)*6)
    }

    .\32xl\:me-auto {
        margin-inline-end: auto
    }

    .\32xl\:mt-0 {
        margin-top: calc(var(--spacing)*0)
    }

    .\32xl\:mt-1 {
        margin-top: calc(var(--spacing)*1)
    }

    .\32xl\:mt-2 {
        margin-top: calc(var(--spacing)*2)
    }

    .\32xl\:mt-3 {
        margin-top: calc(var(--spacing)*3)
    }

    .\32xl\:mt-4 {
        margin-top: calc(var(--spacing)*4)
    }

    .\32xl\:mt-5 {
        margin-top: calc(var(--spacing)*5)
    }

    .\32xl\:mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .\32xl\:mt-auto {
        margin-top: auto
    }

    .\32xl\:mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .\32xl\:mb-1 {
        margin-bottom: calc(var(--spacing)*1)
    }

    .\32xl\:mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .\32xl\:mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .\32xl\:mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .\32xl\:mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .\32xl\:mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .\32xl\:mb-auto {
        margin-bottom: auto
    }

    .\32xl\:line-clamp-1 {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\32xl\:line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\32xl\:line-clamp-3 {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\32xl\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\32xl\:line-clamp-none {
        -webkit-line-clamp: unset;
        -webkit-box-orient: horizontal;
        display: block;
        overflow: visible
    }

    .\32xl\:block {
        display: block
    }

    .\32xl\:contents {
        display: contents
    }

    .\32xl\:flex {
        display: flex
    }

    .\32xl\:flow-root {
        display: flow-root
    }

    .\32xl\:grid {
        display: grid
    }

    .\32xl\:hidden {
        display: none
    }

    .\32xl\:inline {
        display: inline
    }

    .\32xl\:inline-block {
        display: inline-block
    }

    .\32xl\:inline-flex {
        display: inline-flex
    }

    .\32xl\:inline-grid {
        display: inline-grid
    }

    .\32xl\:inline-table {
        display: inline-table
    }

    .\32xl\:table {
        display: table
    }

    .\32xl\:table-caption {
        display: table-caption
    }

    .\32xl\:table-cell {
        display: table-cell
    }

    .\32xl\:table-column {
        display: table-column
    }

    .\32xl\:table-column-group {
        display: table-column-group
    }

    .\32xl\:table-footer-group {
        display: table-footer-group
    }

    .\32xl\:table-header-group {
        display: table-header-group
    }

    .\32xl\:table-row {
        display: table-row
    }

    .\32xl\:table-row-group {
        display: table-row-group
    }

    .\32xl\:aspect-3\/2 {
        aspect-ratio: 3/2
    }

    .\32xl\:aspect-4\/3 {
        aspect-ratio: 4/3
    }

    .\32xl\:aspect-16\/9 {
        aspect-ratio: 16/9
    }

    .\32xl\:aspect-16\/10 {
        aspect-ratio: 16/10
    }

    .\32xl\:aspect-21\/9 {
        aspect-ratio: 21/9
    }

    .\32xl\:aspect-auto {
        aspect-ratio: auto
    }

    .\32xl\:aspect-square {
        aspect-ratio: 1
    }

    .\32xl\:aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .\32xl\:w-1\/12 {
        width: 8.33333%
    }

    .\32xl\:w-2\/12 {
        width: 16.6667%
    }

    .\32xl\:w-3\/12 {
        width: 25%
    }

    .\32xl\:w-4\/12 {
        width: 33.3333%
    }

    .\32xl\:w-5\/12 {
        width: 41.6667%
    }

    .\32xl\:w-6\/12 {
        width: 50%
    }

    .\32xl\:w-7\/12 {
        width: 58.3333%
    }

    .\32xl\:w-8\/12 {
        width: 66.6667%
    }

    .\32xl\:w-9\/12 {
        width: 75%
    }

    .\32xl\:w-10\/12 {
        width: 83.3333%
    }

    .\32xl\:w-11\/12 {
        width: 91.6667%
    }

    .\32xl\:w-12\/12,
    .\32xl\:w-full {
        width: 100%
    }

    .\32xl\:shrink {
        flex-shrink: 1
    }

    .\32xl\:shrink-0 {
        flex-shrink: 0
    }

    .\32xl\:grow {
        flex-grow: 1
    }

    .\32xl\:grow-0 {
        flex-grow: 0
    }

    .\32xl\:basis-2xl {
        flex-basis: var(--container-2xl)
    }

    .\32xl\:basis-2xs {
        flex-basis: var(--container-2xs)
    }

    .\32xl\:basis-3xl {
        flex-basis: var(--container-3xl)
    }

    .\32xl\:basis-3xs {
        flex-basis: var(--container-3xs)
    }

    .\32xl\:basis-4xl {
        flex-basis: var(--container-4xl)
    }

    .\32xl\:basis-5xl {
        flex-basis: var(--container-5xl)
    }

    .\32xl\:basis-6xl {
        flex-basis: var(--container-6xl)
    }

    .\32xl\:basis-7xl {
        flex-basis: var(--container-7xl)
    }

    .\32xl\:basis-auto {
        flex-basis: auto
    }

    .\32xl\:basis-full {
        flex-basis: 100%
    }

    .\32xl\:basis-lg {
        flex-basis: var(--container-lg)
    }

    .\32xl\:basis-md {
        flex-basis: var(--container-md)
    }

    .\32xl\:basis-xl {
        flex-basis: var(--container-xl)
    }

    .\32xl\:basis-xs {
        flex-basis: var(--container-xs)
    }

    .\32xl\:list-inside {
        list-style-position: inside
    }

    .\32xl\:list-outside {
        list-style-position: outside
    }

    .\32xl\:list-decimal {
        list-style-type: decimal
    }

    .\32xl\:list-disc {
        list-style-type: disc
    }

    .\32xl\:list-none {
        list-style-type: none
    }

    .\32xl\:auto-cols-auto {
        grid-auto-columns: auto
    }

    .\32xl\:auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr)
    }

    .\32xl\:auto-cols-max {
        grid-auto-columns: max-content
    }

    .\32xl\:auto-cols-min {
        grid-auto-columns: min-content
    }

    .\32xl\:grid-flow-col {
        grid-auto-flow: column
    }

    .\32xl\:grid-flow-col-dense {
        grid-auto-flow: column dense
    }

    .\32xl\:grid-flow-dense {
        grid-auto-flow: dense
    }

    .\32xl\:grid-flow-row {
        grid-auto-flow: row
    }

    .\32xl\:grid-flow-row-dense {
        grid-auto-flow: dense
    }

    .\32xl\:auto-rows-auto {
        grid-auto-rows: auto
    }

    .\32xl\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr)
    }

    .\32xl\:auto-rows-max {
        grid-auto-rows: max-content
    }

    .\32xl\:auto-rows-min {
        grid-auto-rows: min-content
    }

    .\32xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-none {
        grid-template-columns: none
    }

    .\32xl\:grid-cols-subgrid {
        grid-template-columns: subgrid
    }

    .\32xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .\32xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .\32xl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .\32xl\:grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
    }

    .\32xl\:grid-rows-none {
        grid-template-rows: none
    }

    .\32xl\:grid-rows-subgrid {
        grid-template-rows: subgrid
    }

    .\32xl\:flex-col {
        flex-direction: column
    }

    .\32xl\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .\32xl\:flex-row {
        flex-direction: row
    }

    .\32xl\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .\32xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .\32xl\:flex-wrap {
        flex-wrap: wrap
    }

    .\32xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse
    }

    .\32xl\:place-content-around {
        place-content: space-around
    }

    .\32xl\:place-content-baseline {
        place-content: baseline start
    }

    .\32xl\:place-content-between {
        place-content: space-between
    }

    .\32xl\:place-content-center {
        place-content: center
    }

    .\32xl\:place-content-end {
        place-content: end
    }

    .\32xl\:place-content-evenly {
        place-content: space-evenly
    }

    .\32xl\:place-content-start {
        place-content: start
    }

    .\32xl\:place-content-stretch {
        place-content: stretch
    }

    .\32xl\:place-items-baseline {
        place-items: baseline
    }

    .\32xl\:place-items-center {
        place-items: center
    }

    .\32xl\:place-items-end {
        place-items: end
    }

    .\32xl\:place-items-start {
        place-items: start
    }

    .\32xl\:place-items-stretch {
        place-items: stretch stretch
    }

    .\32xl\:content-around {
        align-content: space-around
    }

    .\32xl\:content-baseline {
        align-content: baseline
    }

    .\32xl\:content-between {
        align-content: space-between
    }

    .\32xl\:content-center {
        align-content: center
    }

    .\32xl\:content-end {
        align-content: flex-end
    }

    .\32xl\:content-evenly {
        align-content: space-evenly
    }

    .\32xl\:content-normal {
        align-content: normal
    }

    .\32xl\:content-start {
        align-content: flex-start
    }

    .\32xl\:content-stretch {
        align-content: stretch
    }

    .\32xl\:items-baseline {
        align-items: baseline
    }

    .\32xl\:items-center {
        align-items: center
    }

    .\32xl\:items-end {
        align-items: flex-end
    }

    .\32xl\:items-start {
        align-items: flex-start
    }

    .\32xl\:items-stretch {
        align-items: stretch
    }

    .\32xl\:justify-around {
        justify-content: space-around
    }

    .\32xl\:justify-baseline {
        justify-content: baseline
    }

    .\32xl\:justify-between {
        justify-content: space-between
    }

    .\32xl\:justify-center {
        justify-content: center
    }

    .\32xl\:justify-end {
        justify-content: flex-end
    }

    .\32xl\:justify-evenly {
        justify-content: space-evenly
    }

    .\32xl\:justify-normal {
        justify-content: normal
    }

    .\32xl\:justify-start {
        justify-content: flex-start
    }

    .\32xl\:justify-stretch {
        justify-content: stretch
    }

    .\32xl\:justify-items-center {
        justify-items: center
    }

    .\32xl\:justify-items-end {
        justify-items: end
    }

    .\32xl\:justify-items-normal {
        justify-items: normal
    }

    .\32xl\:justify-items-start {
        justify-items: start
    }

    .\32xl\:justify-items-stretch {
        justify-items: stretch
    }

    .\32xl\:gap-1 {
        gap: calc(var(--spacing)*1)
    }

    .\32xl\:gap-2 {
        gap: calc(var(--spacing)*2)
    }

    .\32xl\:gap-3 {
        gap: calc(var(--spacing)*3)
    }

    .\32xl\:gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .\32xl\:gap-5 {
        gap: calc(var(--spacing)*5)
    }

    .\32xl\:gap-x-1 {
        column-gap: calc(var(--spacing)*1)
    }

    .\32xl\:gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }

    .\32xl\:gap-x-3 {
        column-gap: calc(var(--spacing)*3)
    }

    .\32xl\:gap-x-4 {
        column-gap: calc(var(--spacing)*4)
    }

    .\32xl\:gap-x-5 {
        column-gap: calc(var(--spacing)*5)
    }

    .\32xl\:gap-y-1 {
        row-gap: calc(var(--spacing)*1)
    }

    .\32xl\:gap-y-2 {
        row-gap: calc(var(--spacing)*2)
    }

    .\32xl\:gap-y-3 {
        row-gap: calc(var(--spacing)*3)
    }

    .\32xl\:gap-y-4 {
        row-gap: calc(var(--spacing)*4)
    }

    .\32xl\:gap-y-5 {
        row-gap: calc(var(--spacing)*5)
    }

    .\32xl\:self-auto {
        align-self: auto
    }

    .\32xl\:self-baseline {
        align-self: baseline
    }

    .\32xl\:self-center {
        align-self: center
    }

    .\32xl\:self-end {
        align-self: flex-end
    }

    .\32xl\:self-start {
        align-self: flex-start
    }

    .\32xl\:self-stretch {
        align-self: stretch
    }

    .\32xl\:justify-self-auto {
        justify-self: auto
    }

    .\32xl\:justify-self-center {
        justify-self: center
    }

    .\32xl\:justify-self-end {
        justify-self: flex-end
    }

    .\32xl\:justify-self-start {
        justify-self: flex-start
    }

    .\32xl\:justify-self-stretch {
        justify-self: stretch
    }

    .\32xl\:truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .\32xl\:overflow-auto {
        overflow: auto
    }

    .\32xl\:overflow-clip {
        overflow: clip
    }

    .\32xl\:overflow-hidden {
        overflow: hidden
    }

    .\32xl\:overflow-scroll {
        overflow: scroll
    }

    .\32xl\:overflow-visible {
        overflow: visible
    }

    .\32xl\:overflow-x-auto {
        overflow-x: auto
    }

    .\32xl\:overflow-x-clip {
        overflow-x: clip
    }

    .\32xl\:overflow-x-hidden {
        overflow-x: hidden
    }

    .\32xl\:overflow-x-scroll {
        overflow-x: scroll
    }

    .\32xl\:overflow-x-visible {
        overflow-x: visible
    }

    .\32xl\:overflow-y-auto {
        overflow-y: auto
    }

    .\32xl\:overflow-y-clip {
        overflow-y: clip
    }

    .\32xl\:overflow-y-hidden {
        overflow-y: hidden
    }

    .\32xl\:overflow-y-scroll {
        overflow-y: scroll
    }

    .\32xl\:overflow-y-visible {
        overflow-y: visible
    }

    .\32xl\:object-contain {
        object-fit: contain
    }

    .\32xl\:object-cover {
        object-fit: cover
    }

    .\32xl\:object-fill {
        object-fit: fill
    }

    .\32xl\:object-none {
        object-fit: none
    }

    .\32xl\:object-scale-down {
        object-fit: scale-down
    }

    .\32xl\:object-bottom {
        object-position: bottom
    }

    .\32xl\:object-center {
        object-position: center
    }

    .\32xl\:object-left {
        object-position: left
    }

    .\32xl\:object-left-bottom {
        object-position: left bottom
    }

    .\32xl\:object-left-top {
        object-position: left top
    }

    .\32xl\:object-right {
        object-position: right
    }

    .\32xl\:object-right-bottom {
        object-position: right bottom
    }

    .\32xl\:object-right-top {
        object-position: right top
    }

    .\32xl\:object-top {
        object-position: top
    }

    .\32xl\:p-0 {
        padding: calc(var(--spacing)*0)
    }

    .\32xl\:p-1 {
        padding: calc(var(--spacing)*1)
    }

    .\32xl\:p-2 {
        padding: calc(var(--spacing)*2)
    }

    .\32xl\:p-3 {
        padding: calc(var(--spacing)*3)
    }

    .\32xl\:p-4 {
        padding: calc(var(--spacing)*4)
    }

    .\32xl\:p-5 {
        padding: calc(var(--spacing)*5)
    }

    .\32xl\:p-6 {
        padding: calc(var(--spacing)*6)
    }

    .\32xl\:px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .\32xl\:px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .\32xl\:px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .\32xl\:px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .\32xl\:px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .\32xl\:px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .\32xl\:px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .\32xl\:py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .\32xl\:py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .\32xl\:py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .\32xl\:py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .\32xl\:py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .\32xl\:py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .\32xl\:py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .\32xl\:ps-0 {
        padding-inline-start: calc(var(--spacing)*0)
    }

    .\32xl\:ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .\32xl\:ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .\32xl\:ps-3 {
        padding-inline-start: calc(var(--spacing)*3)
    }

    .\32xl\:ps-4 {
        padding-inline-start: calc(var(--spacing)*4)
    }

    .\32xl\:ps-5 {
        padding-inline-start: calc(var(--spacing)*5)
    }

    .\32xl\:ps-6 {
        padding-inline-start: calc(var(--spacing)*6)
    }

    .\32xl\:pe-0 {
        padding-inline-end: calc(var(--spacing)*0)
    }

    .\32xl\:pe-1 {
        padding-inline-end: calc(var(--spacing)*1)
    }

    .\32xl\:pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .\32xl\:pe-3 {
        padding-inline-end: calc(var(--spacing)*3)
    }

    .\32xl\:pe-4 {
        padding-inline-end: calc(var(--spacing)*4)
    }

    .\32xl\:pe-5 {
        padding-inline-end: calc(var(--spacing)*5)
    }

    .\32xl\:pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

    .\32xl\:pt-0 {
        padding-top: calc(var(--spacing)*0)
    }

    .\32xl\:pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .\32xl\:pt-2 {
        padding-top: calc(var(--spacing)*2)
    }

    .\32xl\:pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

    .\32xl\:pt-4 {
        padding-top: calc(var(--spacing)*4)
    }

    .\32xl\:pt-5 {
        padding-top: calc(var(--spacing)*5)
    }

    .\32xl\:pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .\32xl\:pb-0 {
        padding-bottom: calc(var(--spacing)*0)
    }

    .\32xl\:pb-1 {
        padding-bottom: calc(var(--spacing)*1)
    }

    .\32xl\:pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }

    .\32xl\:pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

    .\32xl\:pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }

    .\32xl\:pb-5 {
        padding-bottom: calc(var(--spacing)*5)
    }

    .\32xl\:pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .\32xl\:text-center {
        text-align: center
    }

    .\32xl\:text-end {
        text-align: end
    }

    .\32xl\:text-justify {
        text-align: justify
    }

    .\32xl\:text-left {
        text-align: left
    }

    .\32xl\:text-right {
        text-align: right
    }

    .\32xl\:text-start {
        text-align: start
    }

    .\32xl\:align-baseline {
        vertical-align: baseline
    }

    .\32xl\:align-bottom {
        vertical-align: bottom
    }

    .\32xl\:align-middle {
        vertical-align: middle
    }

    .\32xl\:align-sub {
        vertical-align: sub
    }

    .\32xl\:align-super {
        vertical-align: super
    }

    .\32xl\:align-text-bottom {
        vertical-align: text-bottom
    }

    .\32xl\:align-text-top {
        vertical-align: text-top
    }

    .\32xl\:align-top {
        vertical-align: top
    }

    .\32xl\:font-mono {
        font-family: var(--font-mono)
    }

    .\32xl\:font-sans {
        font-family: var(--font-sans)
    }

    .\32xl\:font-serif {
        font-family: var(--font-serif)
    }

    .\32xl\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .\32xl\:text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .\32xl\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .\32xl\:text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .\32xl\:text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .\32xl\:text-7xl {
        font-size: var(--text-7xl);
        line-height: var(--tw-leading, var(--text-7xl--line-height))
    }

    .\32xl\:text-8xl {
        font-size: var(--text-8xl);
        line-height: var(--tw-leading, var(--text-8xl--line-height))
    }

    .\32xl\:text-9xl {
        font-size: var(--text-9xl);
        line-height: var(--tw-leading, var(--text-9xl--line-height))
    }

    .\32xl\:text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .\32xl\:text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .\32xl\:text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\32xl\:text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .\32xl\:text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .\32xl\:font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .\32xl\:font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .\32xl\:font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .\32xl\:font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

    .\32xl\:font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .\32xl\:font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\32xl\:font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .\32xl\:font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\32xl\:font-thin {
        --tw-font-weight: var(--font-weight-thin);
        font-weight: var(--font-weight-thin)
    }

    .\32xl\:tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .\32xl\:tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .\32xl\:tracking-tighter {
        --tw-tracking: var(--tracking-tighter);
        letter-spacing: var(--tracking-tighter)
    }

    .\32xl\:tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .\32xl\:tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .\32xl\:tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .\32xl\:text-balance {
        text-wrap: balance
    }

    .\32xl\:text-nowrap {
        text-wrap: nowrap
    }

    .\32xl\:text-pretty {
        text-wrap: pretty
    }

    .\32xl\:text-wrap {
        text-wrap: wrap
    }

    .\32xl\:break-normal {
        overflow-wrap: normal;
        word-break: normal
    }

    .\32xl\:break-words {
        overflow-wrap: break-word
    }

    .\32xl\:break-all {
        word-break: break-all
    }

    .\32xl\:break-keep {
        word-break: keep-all
    }

    .\32xl\:text-clip {
        text-overflow: clip
    }

    .\32xl\:text-ellipsis {
        text-overflow: ellipsis
    }

    .\32xl\:hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .\32xl\:hyphens-manual {
        -webkit-hyphens: manual;
        hyphens: manual
    }

    .\32xl\:hyphens-none {
        -webkit-hyphens: none;
        hyphens: none
    }

    .\32xl\:whitespace-break-spaces {
        white-space: break-spaces
    }

    .\32xl\:whitespace-normal {
        white-space: normal
    }

    .\32xl\:whitespace-nowrap {
        white-space: nowrap
    }

    .\32xl\:whitespace-pre {
        white-space: pre
    }

    .\32xl\:whitespace-pre-line {
        white-space: pre-line
    }

    .\32xl\:whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .\32xl\:capitalize {
        text-transform: capitalize
    }

    .\32xl\:lowercase {
        text-transform: lowercase
    }

    .\32xl\:normal-case {
        text-transform: none
    }

    .\32xl\:uppercase {
        text-transform: uppercase
    }

    .\32xl\:italic {
        font-style: italic
    }

    .\32xl\:not-italic {
        font-style: normal
    }

    .\32xl\:font-stretch-condensed {
        font-stretch: 75%
    }

    .\32xl\:font-stretch-expanded {
        font-stretch: 125%
    }

    .\32xl\:font-stretch-extra-condensed {
        font-stretch: 62.5%
    }

    .\32xl\:font-stretch-extra-expanded {
        font-stretch: 150%
    }

    .\32xl\:font-stretch-normal {
        font-stretch: 100%
    }

    .\32xl\:font-stretch-semi-condensed {
        font-stretch: 87.5%
    }

    .\32xl\:font-stretch-semi-expanded {
        font-stretch: 112.5%
    }

    .\32xl\:font-stretch-ultra-condensed {
        font-stretch: 50%
    }

    .\32xl\:font-stretch-ultra-expanded {
        font-stretch: 200%
    }

    .\32xl\:diagonal-fractions {
        --tw-numeric-fraction: diagonal-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:lining-nums {
        --tw-numeric-figure: lining-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:oldstyle-nums {
        --tw-numeric-figure: oldstyle-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:proportional-nums {
        --tw-numeric-spacing: proportional-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:slashed-zero {
        --tw-slashed-zero: slashed-zero;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\:stacked-fractions {
        --tw-numeric-fraction: stacked-fractions;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .\32xl\: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, )
    }

    .\32xl\:normal-nums {
        font-variant-numeric: normal
    }

    .\32xl\:line-through {
        text-decoration-line: line-through
    }

    .\32xl\:no-underline {
        text-decoration-line: none
    }

    .\32xl\:overline {
        text-decoration-line: overline
    }

    .\32xl\:underline {
        text-decoration-line: underline
    }

    .\32xl\:decoration-dashed {
        text-decoration-style: dashed
    }

    .\32xl\:decoration-dotted {
        text-decoration-style: dotted
    }

    .\32xl\:decoration-double {
        text-decoration-style: double
    }

    .\32xl\:decoration-solid {
        text-decoration-style: solid
    }

    .\32xl\:decoration-wavy {
        text-decoration-style: wavy
    }

    .\32xl\:antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .\32xl\:subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }
}

body {
    font-family: var(--theme-font-family);
    font-size: var(--theme-font-size);
    font-weight: var(--theme-font-weight-normal);
    line-height: var(--theme-line-height);
    color: var(--theme-base-content);
    background-color: var(--theme-base)
}

p {
    margin-bottom: calc(var(--theme-spacing)*4)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--theme-font-family);
    font-weight: var(--theme-font-weight-bold);
    line-height: var(--theme-line-height-sm)
}

h1 {
    font-size: var(--theme-h1-font-size)
}

h2 {
    font-size: var(--theme-h2-font-size)
}

h3 {
    font-size: var(--theme-h3-font-size)
}

h4 {
    font-size: var(--theme-h4-font-size)
}

h5 {
    font-size: var(--theme-h5-font-size)
}

h6 {
    font-size: var(--theme-h6-font-size)
}

:is(.field--type-text-long, .field--type-text-with-summary) a:not(.btn) {
    color: var(--theme-link-content);
    text-decoration: underline
}

:is(.field--type-text-long, .field--type-text-with-summary) a:not(.btn):hover {
    color: var(--theme-link-hover-content)
}

:is(.field--type-text-long, .field--type-text-with-summary) a:not(.btn):focus {
    color: var(--theme-link-focus-content)
}

:is(.field--type-text-long, .field--type-text-with-summary) a:not(.btn):focus-visible {
    color: var(--theme-link-focus-visible-content)
}

:is(.field--type-text-long, .field--type-text-with-summary) ol {
    list-style-type: decimal;
    list-style-position: inside
}

:is(.field--type-text-long, .field--type-text-with-summary) ul {
    list-style-type: disc;
    list-style-position: inside
}

[data-drupal-messages] {
    width: 100%
}

@media(min-width:40rem) {
    [data-drupal-messages] {
        max-width: 40rem
    }
}

@media(min-width:48rem) {
    [data-drupal-messages] {
        max-width: 48rem
    }
}

@media(min-width:64rem) {
    [data-drupal-messages] {
        max-width: 64rem
    }
}

@media(min-width:80rem) {
    [data-drupal-messages] {
        max-width: 80rem
    }
}

@media(min-width:96rem) {
    [data-drupal-messages] {
        max-width: 96rem
    }
}

[data-drupal-messages] {
    padding-inline: var(--theme-container-padding-x);
    margin-inline: auto;
    margin-block: calc(var(--theme-spacing)*6);
    padding-inline: 0
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"] {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Status message"] {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"]:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"].alert-soft {
    box-shadow: none;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Status message"] {
    border-color: var(--color-info);
    color: var(--color-info-content);
    --alert-color: var(--color-info);
    display: block
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"] {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Warning message"] {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"]:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"].alert-soft {
    box-shadow: none;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Warning message"] {
    border-color: var(--color-warning);
    color: var(--color-warning-content);
    --alert-color: var(--color-warning);
    display: block
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"] {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Error message"] {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"]:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"].alert-soft {
    box-shadow: none;
    background-image: none
}

[data-drupal-messages] [role=contentinfo][aria-label="Error message"] {
    border-color: var(--color-error);
    color: var(--color-error-content);
    --alert-color: var(--color-error);
    display: block
}

[data-drupal-messages] .messages {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] .messages {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

[data-drupal-messages] .messages:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

[data-drupal-messages] .messages.alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

[data-drupal-messages] .messages.alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

[data-drupal-messages] .messages.alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] .messages.alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

[data-drupal-messages] .messages.alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    [data-drupal-messages] .messages.alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

[data-drupal-messages] .messages.alert-soft {
    box-shadow: none;
    background-image: none
}

[data-drupal-messages] .messages {
    display: block
}

[data-drupal-messages] .messages.messages--status {
    border-color: var(--color-info);
    color: var(--color-info-content);
    --alert-color: var(--color-info)
}

[data-drupal-messages] .messages.messages--warning {
    border-color: var(--color-warning);
    color: var(--color-warning-content);
    --alert-color: var(--color-warning)
}

[data-drupal-messages] .messages.messages--error {
    border-color: var(--color-error);
    color: var(--color-error-content);
    --alert-color: var(--color-error)
}

.webform-confirmation {
    border-radius: var(--radius-box);
    color: var(--color-base-content);
    background-color: var(--alert-color, var(--color-base-200));
    text-align: start;
    border: var(--border)solid var(--color-base-200);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--fx-noise);
    box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));
    grid-template-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    place-items: center start;
    gap: 1rem;
    padding-block: .75rem;
    padding-inline: 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    display: grid
}

@supports (color:color-mix(in lab, red, red)) {
    .webform-confirmation {
        box-shadow: 0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200)))calc(var(--depth)*20%), #0000), 0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08))
    }
}

.webform-confirmation:has(:nth-child(2)) {
    grid-template-columns: auto minmax(auto, 1fr)
}

.webform-confirmation.alert-outline {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none
}

.webform-confirmation.alert-dash {
    color: var(--alert-color);
    box-shadow: none;
    background-color: #0000;
    background-image: none;
    border-style: dashed
}

.webform-confirmation.alert-soft {
    color: var(--alert-color, var(--color-base-content));
    background: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .webform-confirmation.alert-soft {
        background: color-mix(in oklab, var(--alert-color, var(--color-base-content))8%, var(--color-base-100))
    }
}

.webform-confirmation.alert-soft {
    border-color: var(--alert-color, var(--color-base-content))
}

@supports (color:color-mix(in lab, red, red)) {
    .webform-confirmation.alert-soft {
        border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content))10%, var(--color-base-100))
    }
}

.webform-confirmation.alert-soft {
    box-shadow: none;
    background-image: none
}

.webform-confirmation {
    border-color: var(--color-success);
    color: var(--color-success-content);
    --alert-color: var(--color-success)
}

.webform-confirmation .webform-confirmation__message,
.webform-confirmation .webform-confirmation__back {
    margin-bottom: 0
}

table {
    border-radius: var(--radius-box);
    text-align: left;
    width: 100%;
    font-size: .875rem;
    position: relative
}

table:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    text-align: right
}

@media(hover:hover) {
    :is(table tr.row-hover, table tr.row-hover:nth-child(2n)):hover {
        background-color: var(--color-base-200)
    }
}

table :where(th, td) {
    vertical-align: middle;
    padding-block: .75rem;
    padding-inline: 1rem
}

table :where(thead, tfoot) {
    white-space: nowrap;
    color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    table :where(thead, tfoot) {
        color: color-mix(in oklab, var(--color-base-content)60%, transparent)
    }
}

table :where(thead, tfoot) {
    font-size: .875rem;
    font-weight: 600
}

table :where(tfoot) {
    border-top: var(--border)solid var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    table :where(tfoot) {
        border-top: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
    }
}

table :where(.table-pin-rows thead tr) {
    z-index: 1;
    background-color: var(--color-base-100);
    position: sticky;
    top: 0
}

table :where(.table-pin-rows tfoot tr) {
    z-index: 1;
    background-color: var(--color-base-100);
    position: sticky;
    bottom: 0
}

table :where(.table-pin-cols tr th) {
    background-color: var(--color-base-100);
    position: sticky;
    left: 0;
    right: 0
}

table :where(thead tr, tbody tr:not(:last-child)) {
    border-bottom: var(--border)solid var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    table :where(thead tr, tbody tr:not(:last-child)) {
        border-bottom: var(--border)solid color-mix(in oklch, var(--color-base-content)5%, #0000)
    }
}

table {
    display: table
}

table tbody tr:where(:nth-child(2n)),
table tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) {
    background-color: var(--color-base-200)
}

@media(hover:hover) {
    :is(table tbody tr.row-hover, table tbody tr.row-hover:where(:nth-child(2n))):hover {
        background-color: var(--color-base-300)
    }
}

table {
    font-size: var(--theme-table-font-size)
}

table thead {
    font-size: var(--theme-table-font-size);
    font-weight: var(--theme-table-header-font-weight);
    background-color: var(--theme-table-header);
    color: var(--theme-table-header-content)
}

table tbody {
    background-color: var(--theme-table-body);
    color: var(--theme-table-body-content)
}

@font-face {
    font-family: InterDisplay;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(./InterDisplay-Thin.woff2)format("woff2")
}

@font-face {
    font-family: InterDisplay;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./InterDisplay-Light.woff2)format("woff2")
}

@font-face {
    font-family: InterDisplay;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./InterDisplay-Regular.woff2)format("woff2")
}

@font-face {
    font-family: InterDisplay;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./InterDisplay-Bold.woff2)format("woff2")
}

@font-face {
    font-family: InterDisplay;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./InterDisplay-ExtraBold.woff2)format("woff2")
}

.layout-builder-form {
    z-index: 9999;
    background-color: var(--color-base-300);
    opacity: .5;
    border: .5px solid;
    border-radius: .5rem;
    flex-direction: column;
    max-width: 400px;
    max-height: 7.8rem;
    padding: 2rem;
    transition: opacity .25s ease-in-out;
    display: flex;
    position: fixed;
    bottom: 2rem;
    left: 1rem;
    overflow: hidden
}

.layout-builder-form .layout-builder__message {
    order: 0
}

.layout-builder-form .form-item.form-type-vertical-tabs {
    order: 1
}

.layout-builder-form .form-type-vertical-tabs {
    order: 2
}

.layout-builder-form .form-type-vertical-tabs .form-item {
    margin: 0
}

.layout-builder-form .form-actions {
    order: 3;
    margin: 0
}

.layout-builder-form .js-show {
    order: 4
}

.layout-builder-form div[data-drupal-selector=edit-actions] {
    order: -1
}

.layout-builder-form .entity-content-form-revision-information {
    margin-block: 0;
    padding: 0
}

.layout-builder-form .entity-content-form-revision-information .form-item-revision {
    margin-block: 0
}

.layout-builder-form:hover,
.layout-builder-form:focus,
.layout-builder-form:focus-within {
    opacity: 1;
    max-height: 100%
}

:is(.layout-builder-form:hover, .layout-builder-form:focus, .layout-builder-form:focus-within) .js-show {
    order: -1
}

:is(.layout-builder-form:hover, .layout-builder-form:focus, .layout-builder-form:focus-within) div[data-drupal-selector=edit-actions] {
    order: 1;
    padding: 0
}

.vlsuite-block.contextual-region [hidden]:where(:not([hidden=until-found])) {
    display: flex !important
}

@media(min-width:64rem) {
    details.dropdown>ul:after {
        content: "";
        width: 100%;
        height: 16px;
        display: block;
        position: absolute;
        top: -16px;
        left: 0
    }
}

.navbar .navbar-center {
    display: none
}

@media(min-width:64rem) {
    .navbar .navbar-center {
        display: flex
    }
}

form .form-item {
    margin-bottom: var(--form-item-margin-bottom)
}

form .form-item .description {
    margin-top: var(--form-description-margin-top);
    color: var(--form-description-color)
}

form label {
    margin-bottom: var(--form-label-margin);
    font-weight: var(--form-label-font-weight);
    display: block
}

form .form-text,
form select,
form textarea,
form .form-date,
form input[type=file],
form input[type=number],
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=url],
form input[type=search] {
    padding: var(--form-input-padding);
    border: 1px solid var(--form-input-border-color);
    border-radius: var(--theme-radius);
    width: 100%
}

:is(form .form-text, form select, form textarea, form .form-date, form input[type=file], form input[type=number], form input[type=text], form input[type=email], form input[type=tel], form input[type=url], form input[type=search]):focus,
:is(form .form-text, form select, form textarea, form .form-date, form input[type=file], form input[type=number], form input[type=text], form input[type=email], form input[type=tel], form input[type=url], form input[type=search]):focus-visible {
    border-color: var(--color-primary);
    outline: none
}

:is(form .form-text, form select, form textarea, form .form-date, form input[type=file], form input[type=number], form input[type=text], form input[type=email], form input[type=tel], form input[type=url], form input[type=search])[aria-invalid=true] {
    color: var(--color-error);
    border-color: var(--color-error);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fb2c36'%3E%3Cpath fill-rule='evenodd' d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-right: 2rem
}

form .form-item-checkbox,
form .js-form-type-checkbox,
form .form-item-radio {
    padding-left: var(--form-checkbox-separation);
    margin-bottom: calc(var(--form-item-margin-bottom)/2);
    position: relative
}

:is(form .form-item-checkbox, form .js-form-type-checkbox, form .form-item-radio) label {
    --form-label-margin: 0
}

:is(form .form-item-checkbox, form .js-form-type-checkbox, form .form-item-radio) .description {
    --form-description-margin-top: 0
}

:is(form .form-item-checkbox, form .js-form-type-checkbox, form .form-item-radio) input {
    accent-color: var(--form-checkbox-color);
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 5px;
    left: 0
}

form input[type=range] {
    width: 100%;
    accent-color: var(--form-checkbox-color)
}

form fieldset legend {
    margin-bottom: calc(var(--form-item-margin-bottom)/2)
}

:where(form .form-submit) {
    width: unset
}

form .form-submit {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--btn-p);
    color: var(--btn-fg);
    --tw-prose-links: var(--btn-fg);
    height: var(--size);
    font-size: var(--fontsize, .875rem);
    outline-color: var(--btn-color, var(--color-base-content));
    background-color: var(--btn-bg);
    background-size: auto, calc(var(--noise)*100%);
    background-image: none, var(--btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--btn-border);
    text-shadow: 0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset, var(--btn-shadow);
    --size: calc(var(--size-field, .25rem)*10);
    --btn-bg: var(--btn-color, var(--color-base-200));
    --btn-fg: var(--color-base-content);
    --btn-p: 1rem;
    --btn-border: var(--btn-bg);
    border-start-start-radius: var(--join-ss, var(--radius-field));
    border-start-end-radius: var(--join-se, var(--radius-field));
    border-end-end-radius: var(--join-ee, var(--radius-field));
    border-end-start-radius: var(--join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth)*5%))
    }
}

form .form-submit {
    --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit {
        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg)calc(var(--depth)*30%), #0000)
    }
}

form .form-submit {
    --btn-noise: var(--fx-noise)
}

.prose :is(form .form-submit) {
    text-decoration-line: none
}

@media(hover:hover) {
    form .form-submit:hover {
        --btn-bg: var(--btn-color, var(--color-base-200))
    }

    @supports (color:color-mix(in lab, red, red)) {
        form .form-submit:hover {
            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
        }
    }
}

form .form-submit:focus-visible,
form .form-submit:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid
}

form .form-submit:active:not(.btn-active) {
    --btn-bg: var(--btn-color, var(--color-base-200));
    translate: 0 .5px
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit:active:not(.btn-active) {
        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%)
    }
}

form .form-submit:active:not(.btn-active) {
    --btn-border: var(--btn-color, var(--color-base-200))
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit:active:not(.btn-active) {
        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)
    }
}

form .form-submit:active:not(.btn-active) {
    --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0)
}

form .form-submit:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
    background-color: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content)10%, transparent)
    }
}

form .form-submit:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
    box-shadow: none
}

form .form-submit:is(:disabled, [disabled], .btn-disabled) {
    pointer-events: none;
    --btn-border: #0000;
    --btn-noise: none;
    --btn-fg: var(--color-base-content)
}

@supports (color:color-mix(in lab, red, red)) {
    form .form-submit:is(:disabled, [disabled], .btn-disabled) {
        --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
    }
}

@media(hover:hover) {
    form .form-submit:is(:disabled, [disabled], .btn-disabled):hover {
        pointer-events: none;
        background-color: var(--color-neutral)
    }

    @supports (color:color-mix(in lab, red, red)) {
        form .form-submit:is(:disabled, [disabled], .btn-disabled):hover {
            background-color: color-mix(in oklab, var(--color-neutral)20%, transparent)
        }
    }

    form .form-submit:is(:disabled, [disabled], .btn-disabled):hover {
        --btn-border: #0000;
        --btn-fg: var(--color-base-content)
    }

    @supports (color:color-mix(in lab, red, red)) {
        form .form-submit:is(:disabled, [disabled], .btn-disabled):hover {
            --btn-fg: color-mix(in oklch, var(--color-base-content)20%, #0000)
        }
    }
}

form .form-submit:is(input[type=checkbox], input[type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form .form-submit:is(input[type=checkbox], input[type=radio]):after {
    content: attr(aria-label)
}

form .form-submit:where(input:checked:not(.filter .btn)) {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content);
    isolation: isolate
}

form .form-submit {
    --btn-color: var(--color-primary);
    --btn-fg: var(--color-primary-content)
}

form .form-item--error-message {
    margin-top: var(--form-label-margin);
    font-size: var(--theme-font-size-sm);
    font-weight: var(--form-label-font-weight);
    color: var(--color-error)
}

form .form-item--error-message a {
    color: var(--color-error)
}

:root,
:host {
    --theme-base: oklch(100% 0 0);
    --theme-base-200: oklch(98% 0 0);
    --theme-base-300: oklch(95% 0 0);
    --theme-base-content: oklch(21% .006 285.885);
    --theme-base-content-soft: oklch(55.1% .027 264.364);
    --theme-brand: oklch(0.4783 0.1778 347.62);
    --theme-brand-content: oklch(100% 0 0);
    --theme-primary: oklch(0.4783 0.1778 347.62);
    --theme-primary-content: oklch(100% 0 0);
    --theme-secondary: oklch(57.03% .209 353.9);
    --theme-secondary-content: oklch(100% 0 0);
    --theme-neutral: oklch(14% .005 285.823);
    --theme-neutral-content: oklch(92% .004 286.32);
    --theme-info: oklch(53.59% .117 236.81);
    --theme-info-content: oklch(100% 0 0);
    --theme-success: oklch(52.13% .114 162.29);
    --theme-success-content: oklch(100% 0 0);
    --theme-warning: oklch(54.51% .11 83.05);
    --theme-warning-content: oklch(100% 0 0);
    --theme-error: oklch(56.57% .226 26.94);
    --theme-error-content: oklch(100% 0 0);
    --theme-font-family: "InterDisplay";
    --theme-font-size: 1rem;
    --theme-font-size-sm: calc(var(--theme-font-size)*.875);
    --theme-font-size-lg: calc(var(--theme-font-size)*1.125);
    --theme-h1-font-size: calc(var(--theme-font-size)*3);
    --theme-h2-font-size: calc(var(--theme-font-size)*2.5);
    --theme-h3-font-size: calc(var(--theme-font-size)*2);
    --theme-h4-font-size: calc(var(--theme-font-size)*1.5);
    --theme-h5-font-size: calc(var(--theme-font-size)*1.25);
    --theme-h6-font-size: var(--theme-font-size);
    --theme-line-height: 1.5;
    --theme-line-height-xs: calc(var(--theme-line-height)/1.5);
    --theme-line-height-sm: calc(var(--theme-line-height)/1.25);
    --theme-line-height-lg: calc(var(--theme-line-height)*1.2);
    --theme-font-weight-thin: 100;
    --theme-font-weight-extralight: 200;
    --theme-font-weight-light: 300;
    --theme-font-weight-normal: 400;
    --theme-font-weight-medium: 500;
    --theme-font-weight-semibold: 600;
    --theme-font-weight-bold: 700;
    --theme-font-weight-extrabold: 800;
    --theme-font-weight-black: 900;
    --theme-container-width-sm: calc(var(--theme-container-width)*.45);
    --theme-container-width-md: calc(var(--theme-container-width)*.6);
    --theme-container-width-lg: calc(var(--theme-container-width)*.8);
    --theme-container-width: 80rem;
    --theme-spacing: .25rem;
    --theme-gap: calc(var(--theme-spacing)*8);
    --theme-container-padding-x: calc(var(--theme-spacing)*4);
    --theme-radius: .5rem;
    --theme-shadow-color-rgb: 0 0 0;
    --theme-shadow: 0 10px 15px -3px rgb(var(--theme-shadow-color-rgb)/.1), 0 4px 6px -4px rgb(var(--theme-shadow-color-rgb)/.1);
    --theme-link-content: var(--theme-primary);
    --theme-link-hover-content: var(--theme-secondary);
    --theme-link-focus-content: var(--theme-primary);
    --theme-link-focus-visible-content: var(--theme-primary);
    --theme-table-font-size: var(--theme-font-size);
    --theme-table-header: var(--theme-primary);
    --theme-table-header-content: var(--theme-primary-content);
    --theme-table-header-font-weight: var(--theme-font-weight-bold);
    --theme-table-body-content: var(--theme-base-content);
    --form-item-margin-bottom: calc(var(--theme-spacing)*8);
    --form-label-margin: calc(var(--theme-spacing)*2);
    --form-label-font-weight: var(--font-weight-medium);
    --form-input-border-color: var(--color-gray-300);
    --form-input-padding: calc(var(--theme-spacing)*1.5)calc(var(--theme-spacing)*3);
    --form-checkbox-separation: 1.5rem;
    --form-checkbox-color: var(--color-primary);
    --form-description-margin-top: calc(var(--theme-spacing)*2);
    --form-description-color: var(--color-gray-500)
}

@media(min-width:64rem) {

    :root,
    :host {
        --theme-h1-font-size: calc(var(--theme-font-size)*3.25);
        --theme-h2-font-size: calc(var(--theme-font-size)*2.75);
        --theme-h3-font-size: calc(var(--theme-font-size)*1.75);
        --theme-h4-font-size: calc(var(--theme-font-size)*1.5);
        --theme-h5-font-size: calc(var(--theme-font-size)*1.25);
        --theme-h6-font-size: calc(var(--theme-font-size))
    }
}

[data-theme=dark] {
    --theme-base: oklch(25.33% .016 252.42);
    --theme-base-200: oklch(23.26% .014 253.1);
    --theme-base-300: oklch(21.15% .012 254.09);
    --theme-base-content: oklch(97.807% .029 256.847);
    --theme-base-content-soft: oklch(68% .02 264.58);
    --theme-brand: oklch(68.71% .228 355.58);
    --theme-brand-content: oklch(96% .018 272.314);
    --theme-primary: oklch(68.71% .228 355.58);
    --theme-primary-content: oklch(96% .018 272.314);
    --theme-secondary: oklch(68.71% .228 355.58);
    --theme-secondary-content: oklch(29.18% .076 352.98);
    --theme-info: oklch(74% .16 232.661);
    --theme-info-content: oklch(29% .066 243.157);
    --theme-success: oklch(76% .177 163.223);
    --theme-success-content: oklch(37% .077 168.94);
    --theme-warning: oklch(82% .189 84.429);
    --theme-warning-content: oklch(41% .112 45.904);
    --theme-error: oklch(71% .194 13.428);
    --theme-error-content: oklch(27% .105 12.094)
}

@layer base {

    :where(:root),
    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(98% 0 0);
        --color-base-300: oklch(95% 0 0);
        --color-base-content: oklch(21% .006 285.885);
        --color-primary: oklch(0.4783 0.1778 347.62);
        --color-primary-content: oklch(100% 0.00011 271.152);
        --color-secondary: oklch(65% .241 354.308);
        --color-secondary-content: oklch(94% .028 342.258);
        --color-accent: oklch(77% .152 181.912);
        --color-accent-content: oklch(38% .063 188.416);
        --color-neutral: oklch(14% .005 285.823);
        --color-neutral-content: oklch(92% .004 286.32);
        --color-info: oklch(74% .16 232.661);
        --color-info-content: oklch(29% .066 243.157);
        --color-success: oklch(76% .177 163.223);
        --color-success-content: oklch(37% .077 168.94);
        --color-warning: oklch(82% .189 84.429);
        --color-warning-content: oklch(41% .112 45.904);
        --color-error: oklch(71% .194 13.428);
        --color-error-content: oklch(27% .105 12.094);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    @media(prefers-color-scheme:dark) {
        :root:not([data-theme]) {
            color-scheme: dark;
            --color-base-100: oklch(25.33% .016 252.42);
            --color-base-200: oklch(23.26% .014 253.1);
            --color-base-300: oklch(21.15% .012 254.09);
            --color-base-content: oklch(97.807% .029 256.847);
            --color-primary: oklch(0.4783 0.1778 347.62);
            --color-primary-content: oklch(100% 0.00011 271.152);
            --color-secondary: oklch(65% .241 354.308);
            --color-secondary-content: oklch(94% .028 342.258);
            --color-accent: oklch(77% .152 181.912);
            --color-accent-content: oklch(38% .063 188.416);
            --color-neutral: oklch(14% .005 285.823);
            --color-neutral-content: oklch(92% .004 286.32);
            --color-info: oklch(74% .16 232.661);
            --color-info-content: oklch(29% .066 243.157);
            --color-success: oklch(76% .177 163.223);
            --color-success-content: oklch(37% .077 168.94);
            --color-warning: oklch(82% .189 84.429);
            --color-warning-content: oklch(41% .112 45.904);
            --color-error: oklch(71% .194 13.428);
            --color-error-content: oklch(27% .105 12.094);
            --radius-selector: .5rem;
            --radius-field: .25rem;
            --radius-box: .5rem;
            --size-selector: .25rem;
            --size-field: .25rem;
            --border: 1px;
            --depth: 1;
            --noise: 0
        }
    }

    :root:has(input.theme-controller[value=light]:checked),
    [data-theme=light] {
        color-scheme: light;
        --color-base-100: var(--theme-base);
        --color-base-200: var(--theme-base-200);
        --color-base-300: var(--theme-base-300);
        --color-base-content: var(--theme-base-content);
        --color-primary: var(--theme-primary);
        --color-primary-content: var(--theme-primary-content);
        --color-secondary: var(--theme-secondary);
        --color-secondary-content: var(--theme-secondary-content);
        --color-accent: var(--theme-accent);
        --color-accent-content: var(--theme-accent-content);
        --color-neutral: var(--theme-neutral);
        --color-neutral-content: var(--theme-neutral-content);
        --color-info: var(--theme-info);
        --color-info-content: var(--theme-info-content);
        --color-success: var(--theme-success);
        --color-success-content: var(--theme-success-content);
        --color-warning: var(--theme-warning);
        --color-warning-content: var(--theme-warning-content);
        --color-error: var(--theme-error);
        --color-error-content: var(--theme-error-content);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }

    :root:has(input.theme-controller[value=dark]:checked),
    [data-theme=dark] {
        color-scheme: dark;
        --color-base-100: var(--theme-base);
        --color-base-200: var(--theme-base-200);
        --color-base-300: var(--theme-base-300);
        --color-base-content: var(--theme-base-content);
        --color-primary: var(--theme-primary);
        --color-primary-content: var(--theme-primary-content);
        --color-secondary: var(--theme-secondary);
        --color-secondary-content: var(--theme-secondary-content);
        --color-accent: var(--theme-accent);
        --color-accent-content: var(--theme-accent-content);
        --color-neutral: var(--theme-neutral);
        --color-neutral-content: var(--theme-neutral-content);
        --color-info: var(--theme-info);
        --color-info-content: var(--theme-info-content);
        --color-success: var(--theme-success);
        --color-success-content: var(--theme-success-content);
        --color-warning: var(--theme-warning);
        --color-warning-content: var(--theme-warning-content);
        --color-error: var(--theme-error);
        --color-error-content: var(--theme-error-content);
        --radius-selector: .5rem;
        --radius-field: .25rem;
        --radius-box: .5rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 1;
        --noise: 0
    }
}

@keyframes dropdown {
    0% {
        opacity: 0
    }
}

@keyframes progress {
    50% {
        background-position-x: -115%
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}