/*! tailwindcss v4.1.11 | 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-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --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-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia:initial
        }
    }
}

@layer theme {
    :root, :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-900: oklch(21% .034 264.665);
        --color-neutral-50: oklch(98.5% 0 0);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-300: oklch(87% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-2xl: 1rem;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family:var(--font-mono)
    }
}

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

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

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

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

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

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

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

    b, strong {
        font-weight:bolder
    }

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

    small {
        font-size:80%
    }

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

    sub {
        bottom:-.25em
    }

    sup {
        top:-.5em
    }

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

    :-moz-focusring {
        outline:auto
    }

    progress {
        vertical-align:baseline
    }

    summary {
        display:list-item
    }

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

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

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

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

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

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

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

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

    ::-moz-placeholder {
        opacity:1
    }

    ::placeholder {
        opacity:1
    }

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

        ::placeholder {
            color:currentColor
        }

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

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

    textarea {
        resize:vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :root, [data-theme] {
        background-color: var(--root-bg, var(--color-base-100));
        color:var(--color-base-content)
    }

    :root {
        --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")
    }

    @property --radialprogress {
        syntax: "<percentage>";
        inherits: true;
        initial-value: 0%;
    }

    :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked)) {
        scrollbar-gutter: stable;
        background-image: linear-gradient(var(--color-base-100), var(--color-base-100));
        --root-bg:var(--color-base-100)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked)) {
            --root-bg:color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%)
        }
    }

    :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) {
        scrollbar-gutter:stable
    }

    :root {
        scrollbar-color:currentColor #0000
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root {
            scrollbar-color:color-mix(in oklch, currentColor 35%, #0000)#0000
        }
    }

    :root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class * =drawer-open]) > .drawer-toggle:checked) {
        overflow:hidden
    }

    :where(:root), :root:has(input.theme-controller[value=owlstown]:checked), [data-theme=owlstown] {
        color-scheme: light;
        --color-base-100: oklch(100% 0 0);
        --color-base-200: oklch(97% 0 0);
        --color-base-300: oklch(92% 0 0);
        --color-base-content: oklch(20% 0 0);
        --color-primary: oklch(85% .199 91.936);
        --color-primary-content: oklch(20% 0 0);
        --color-secondary: oklch(75% .183 55.934);
        --color-secondary-content: oklch(40% .123 38.172);
        --color-accent: oklch(0% 0 0);
        --color-accent-content: oklch(100% 0 0);
        --color-neutral: oklch(37% .01 67.558);
        --color-neutral-content: oklch(92% .003 48.717);
        --color-info: oklch(74% .16 232.661);
        --color-info-content: oklch(39% .09 240.876);
        --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(70% .191 22.216);
        --color-error-content: oklch(39% .141 25.723);
        --radius-selector: .5rem;
        --radius-field: .5rem;
        --radius-box: 1rem;
        --size-selector: .25rem;
        --size-field: .25rem;
        --border: 1px;
        --depth: 0;
        --noise: 0
    }
}

@layer components;
@layer utilities {
    .diff {
        webkit-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        direction: ltr;
        grid-template-columns: auto 1fr;
        width: 100%;
        display: grid;
        position: relative;
        overflow: hidden;
        container-type:inline-size
    }

    .diff:focus-visible, .diff:has(.diff-item-1:focus-visible) {
        outline-style: var(--tw-outline-style);
        outline-offset: 1px;
        outline-width: 2px;
        outline-color:var(--color-base-content)
    }

    .diff:focus-visible .diff-resizer {
        min-width: 90cqi;
        max-width:90cqi
    }

    .diff:has(.diff-item-2:focus-visible) {
        outline-style: var(--tw-outline-style);
        outline-offset: 1px;
        outline-width:2px
    }

    .diff:has(.diff-item-2:focus-visible) .diff-resizer {
        min-width: 10cqi;
        max-width:10cqi
    }

    @supports (-webkit-overflow-scrolling: touch) and(overflow: -webkit-paged-x) {
        .diff:focus .diff-resizer {
            min-width: 10cqi;
            max-width:10cqi
        }

        .diff:has(.diff-item-1:focus) .diff-resizer {
            min-width: 90cqi;
            max-width:90cqi
        }
    }

    .\@container {
        container-type:inline-size
    }

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

    .modal::backdrop {
        display:none
    }

    .modal.modal-open, .modal[open], .modal:target {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        background-color:#0006
    }

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

    @starting-style {
        .modal.modal-open, .modal[open], .modal:target {
            visibility: hidden;
            opacity:0
        }
    }

    .tooltip {
        --tt-bg: var(--color-neutral);
        --tt-off: calc(100% + .5rem);
        --tt-tail: calc(100% + 1px + .25rem);
        display: inline-block;
        position:relative
    }

    .tooltip > :where(.tooltip-content), .tooltip:where([data-tip]):before {
        border-radius: var(--radius-field);
        text-align: center;
        white-space: normal;
        max-width: 20rem;
        color: var(--color-neutral-content);
        opacity: 0;
        background-color: var(--tt-bg);
        pointer-events: none;
        z-index: 2;
        --tw-content: attr(data-tip);
        content: var(--tw-content);
        width: -moz-max-content;
        width: max-content;
        padding-block: .25rem;
        padding-inline: .5rem;
        font-size: .875rem;
        line-height: 1.25;
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
        position:absolute
    }

    .tooltip:after {
        opacity: 0;
        background-color: var(--tt-bg);
        content: "";
        pointer-events: none;
        --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
        width: .625rem;
        height: .25rem;
        -webkit-mask-position: -1px 0;
        mask-position: -1px 0;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: var(--mask-tooltip);
        mask-image: var(--mask-tooltip);
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
        display: block;
        position: absolute
    }

    :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible)) > .tooltip-content, :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible))[data-tip]:before, :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible)):after {
        opacity: 1;
        --tt-pos: 0rem;
        transition:opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1)
    }

    .tooltip > .tooltip-content, .tooltip[data-tip]:before {
        transform: translate(-50%) translateY(var(--tt-pos, .25rem));
        inset:auto auto var(--tt-off)50%
    }

    .tooltip:after {
        transform: translate(-50%) translateY(var(--tt-pos, .25rem));
        inset:auto auto var(--tt-tail)50%
    }

    .tab {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-align: center;
        webkit-user-select: none;
        -webkit-user-select: none;
        -moz-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: -moz-fit-content;
        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])) + .tab-content {
        height: calc(100% - var(--tab-height) + var(--border));
        display:block
    }

    .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true]) {
        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]) {
            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: -moz-fit-content;
        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;
        -moz-user-select: none;
        user-select: none;
        grid-auto-columns: minmax(auto, max-content) auto max-content;
        grid-auto-flow: column;
        align-content: flex-start;
        align-items: center;
        gap: .5rem;
        padding-block: .375rem;
        padding-inline: .75rem;
        transition-property: color, background-color, box-shadow;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
        display:grid
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dropdown .dropdown-content {
        position:absolute
    }

    .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale:95%
    }

    .dropdown[popover], .dropdown .dropdown-content {
        z-index: 999;
        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;
        -moz-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 {
        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
    }

    .loading {
        pointer-events: none;
        aspect-ratio: 1;
        vertical-align: middle;
        width: calc(var(--size-selector, .25rem) * 6);
        background-color: currentColor;
        display: inline-block;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat:no-repeat
    }

    .collapse:not(td, tr, colgroup) {
        visibility:visible
    }

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

    .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], :focus:not(.collapse-close)), .collapse:not(.collapse-close):has( > input:is([type=checkbox], [type=radio]):checked) {
        grid-template-rows:max-content 1fr
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .collapse {
        visibility:collapse
    }

    .invisible {
        visibility:hidden
    }

    .visible {
        visibility:visible
    }

    .list {
        flex-direction: column;
        font-size: .875rem;
        display:flex
    }

    .list :where(.list-row) {
        --list-grid-cols: minmax(0, auto) 1fr;
        border-radius: var(--radius-box);
        word-break: break-word;
        grid-auto-flow: column;
        grid-template-columns: var(--list-grid-cols);
        gap: 1rem;
        padding: 1rem;
        display: grid;
        position:relative
    }

    .list :where(.list-row):has(.list-col-grow:first-child) {
        --list-grid-cols:1fr
    }

    .list :where(.list-row):has(.list-col-grow:nth-child(2)) {
        --list-grid-cols:minmax(0, auto)1fr
    }

    .list :where(.list-row):has(.list-col-grow:nth-child(3)) {
        --list-grid-cols:minmax(0, auto)minmax(0, auto)1fr
    }

    .list :where(.list-row):has(.list-col-grow:nth-child(4)) {
        --list-grid-cols:minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }

    .list :where(.list-row):has(.list-col-grow:nth-child(5)) {
        --list-grid-cols:minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }

    .list :where(.list-row):has(.list-col-grow:nth-child(6)) {
        --list-grid-cols:minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)minmax(0, auto)1fr
    }

    .list :where(.list-row) :not(.list-col-wrap) {
        grid-row-start:1
    }

    :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
        content: "";
        border-bottom: var(--border) solid;
        inset-inline: var(--radius-box);
        border-color: var(--color-base-content);
        position: absolute;
        bottom:0
    }

    @supports (color: color-mix(in lab, red, red)) {
        :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
            border-color:color-mix(in oklab, var(--color-base-content)5%, transparent)
        }
    }

    .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;
        -moz-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
    }

    .input {
        cursor: text;
        border: var(--border) solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        white-space: nowrap;
        width: clamp(3rem, 20rem, 100%);
        height: var(--size);
        touch-action: manipulation;
        border-color: var(--input-color);
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset;
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        flex-shrink: 1;
        align-items: center;
        gap: .5rem;
        padding-inline: .75rem;
        font-size: .875rem;
        display: inline-flex;
        position:relative
    }

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

    .input {
        --size: calc(var(--size-field, .25rem) * 10);
        --input-color:var(--color-base-content)
    }

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

    .input:where(input) {
        display:inline-flex
    }

    .input :where(input) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #0000;
        border: none;
        width: 100%;
        height: 100%;
        display:inline-flex
    }

    .input :where(input):focus, .input :where(input):focus-within {
        --tw-outline-style: none;
        outline-style:none
    }

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

    .input :where(input[type=url]), .input :where(input[type=email]) {
        direction:ltr
    }

    .input :where(input[type=date]) {
        display:inline-block
    }

    .input:focus, .input:focus-within {
        --input-color: var(--color-base-content);
        box-shadow:0 1px var(--input-color)
    }

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

    .input:focus, .input:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
        z-index:1
    }

    .input:has( > input[disabled]), .input:is(:disabled, [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .input:has( > input[disabled]), .input:is(:disabled, [disabled]) {
            color:color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::-moz-placeholder {
        color:var(--color-base-content)
    }

    :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::placeholder {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::-moz-placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }

        :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .input:has( > input[disabled]), .input:is(:disabled, [disabled]) {
        box-shadow:none
    }

    .input:has( > input[disabled]) > input[disabled] {
        cursor:not-allowed
    }

    .input::-webkit-date-and-time-value {
        text-align:inherit
    }

    .input[type=number]::-webkit-inner-spin-button {
        margin-block: -.75rem;
        margin-inline-end:-.75rem
    }

    .input::-webkit-calendar-picker-indicator {
        position: absolute;
        inset-inline-end:.75em
    }

    .indicator {
        width: -moz-max-content;
        width: max-content;
        display: inline-flex;
        position:relative
    }

    .indicator :where(.indicator-item) {
        z-index: 1;
        white-space: nowrap;
        top: var(--indicator-t, 0);
        bottom: var(--indicator-b, auto);
        left: var(--indicator-s, auto);
        right: var(--indicator-e, 0);
        translate: var(--indicator-x, 50%) var(--indicator-y, -50%);
        position:absolute
    }

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

    .range {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        webkit-appearance: none;
        --range-thumb: var(--color-base-100);
        --range-thumb-size: calc(var(--size-selector, .25rem) * 6);
        --range-progress: currentColor;
        --range-fill: 1;
        --range-p: .25rem;
        --range-bg:currentColor
    }

    @supports (color: color-mix(in lab, red, red)) {
        .range {
            --range-bg:color-mix(in oklab, currentColor 10%, #0000)
        }
    }

    .range {
        cursor: pointer;
        vertical-align: middle;
        --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
        border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
        width: clamp(3rem, 20rem, 100%);
        height: var(--range-thumb-size);
        background-color: #0000;
        border: none;
        overflow:hidden
    }

    [dir=rtl] .range {
        --range-dir:-1
    }

    .range:focus {
        outline:none
    }

    .range:focus-visible {
        outline-offset: 2px;
        outline:2px solid
    }

    .range::-webkit-slider-runnable-track {
        background-color: var(--range-bg);
        border-radius: var(--radius-selector);
        width: 100%;
        height:calc(var(--range-thumb-size) * .5)
    }

    @media (forced-colors: active) {
        .range::-webkit-slider-runnable-track {
            border:1px solid
        }

        .range::-moz-range-track {
            border:1px solid
        }
    }

    .range::-webkit-slider-thumb {
        box-sizing: border-box;
        border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
        height: var(--range-thumb-size);
        width: var(--range-thumb-size);
        border: var(--range-p) solid;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        webkit-appearance: none;
        color: var(--range-progress);
        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, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) -(var(--range-dir, 1) * var(--range-thumb-size) /2)) 0 0 calc(100rem * var(--range-fill));
        background-color: currentColor;
        position: relative;
        top: 50%;
        transform:translateY(-50%)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .range::-webkit-slider-thumb {
            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), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) -(var(--range-dir, 1) * var(--range-thumb-size)/2)) 0 0 calc(100rem * var(--range-fill))
        }
    }

    .range::-moz-range-track {
        background-color: var(--range-bg);
        border-radius: var(--radius-selector);
        width: 100%;
        height:calc(var(--range-thumb-size) * .5)
    }

    .range::-moz-range-thumb {
        box-sizing: border-box;
        border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
        height: var(--range-thumb-size);
        width: var(--range-thumb-size);
        border: var(--range-p) solid;
        color: var(--range-progress);
        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, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) -(var(--range-dir, 1) * var(--range-thumb-size) /2)) 0 0 calc(100rem * var(--range-fill));
        background-color: currentColor;
        position: relative;
        top:50%
    }

    @supports (color: color-mix(in lab, red, red)) {
        .range::-moz-range-thumb {
            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), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) -(var(--range-dir, 1) * var(--range-thumb-size)/2)) 0 0 calc(100rem * var(--range-fill))
        }
    }

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

    .select {
        border: var(--border) solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--color-base-100);
        vertical-align: middle;
        width: clamp(3rem, 20rem, 100%);
        height: var(--size);
        touch-action: manipulation;
        text-overflow: ellipsis;
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset;
        background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
        background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
        background-repeat: no-repeat;
        background-size: 4px 4px, 4px 4px;
        border-start-start-radius: var(--join-ss, var(--radius-field));
        border-start-end-radius: var(--join-se, var(--radius-field));
        border-end-end-radius: var(--join-ee, var(--radius-field));
        border-end-start-radius: var(--join-es, var(--radius-field));
        flex-shrink: 1;
        align-items: center;
        gap: .375rem;
        padding-inline: 1rem 1.75rem;
        font-size: .875rem;
        display: inline-flex;
        position:relative
    }

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

    .select {
        border-color: var(--input-color);
        --input-color:var(--color-base-content)
    }

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

    .select {
        --size:calc(var(--size-field, .25rem) * 10)
    }

    [dir=rtl] .select {
        background-position:12px calc(1px + 50%), 16px calc(1px + 50%)
    }

    .select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: inherit;
        border-radius: inherit;
        border-style: none;
        width: calc(100% + 2.75rem);
        height: calc(100% - 2px);
        margin-inline: -1rem -1.75rem;
        padding-inline:1rem 1.75rem
    }

    .select select:focus, .select select:focus-within {
        --tw-outline-style: none;
        outline-style:none
    }

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

    .select select:not(:last-child) {
        background-image: none;
        margin-inline-end:-1.375rem
    }

    .select:focus, .select:focus-within {
        --input-color: var(--color-base-content);
        box-shadow:0 1px var(--input-color)
    }

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

    .select:focus, .select:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation: isolate;
        z-index:1
    }

    .select:has( > select[disabled]), .select:is(:disabled, [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .select:has( > select[disabled]), .select:is(:disabled, [disabled]) {
            color:color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::-moz-placeholder {
        color:var(--color-base-content)
    }

    :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::placeholder {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::-moz-placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }

        :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .select:has( > select[disabled]) > select[disabled] {
        cursor:not-allowed
    }

    .select\ ! {
        border: var(--border) solid #0000 !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background-color: var(--color-base-100) !important;
        vertical-align: middle !important;
        width: clamp(3rem, 20rem, 100%) !important;
        height: var(--size) !important;
        touch-action: manipulation !important;
        text-overflow: ellipsis !important;
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset !important;
        background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%) !important;
        background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%) !important;
        background-repeat: no-repeat !important;
        background-size: 4px 4px, 4px 4px !important;
        border-start-start-radius: var(--join-ss, var(--radius-field)) !important;
        border-start-end-radius: var(--join-se, var(--radius-field)) !important;
        border-end-end-radius: var(--join-ee, var(--radius-field)) !important;
        border-end-start-radius: var(--join-es, var(--radius-field)) !important;
        flex-shrink: 1 !important;
        align-items: center !important;
        gap: .375rem !important;
        padding-inline: 1rem 1.75rem !important;
        font-size: .875rem !important;
        display: inline-flex !important;
        position:relative !important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .select\ ! {
            box-shadow:0 1px color-mix(in oklab, var(--input-color)calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset !important
        }
    }

    .select\ ! {
        border-color: var(--input-color) !important;
        --input-color:var(--color-base-content) !important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .select\ ! {
            --input-color:color-mix(in oklab, var(--color-base-content)20%, #0000) !important
        }
    }

    .select\ ! {
        --size:calc(var(--size-field, .25rem) * 10) !important
    }

    [dir=rtl] .select\ ! {
        background-position:12px calc(1px + 50%), 16px calc(1px + 50%) !important
    }

    .select\ !select {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background: inherit !important;
        border-radius: inherit !important;
        border-style: none !important;
        width: calc(100% + 2.75rem) !important;
        height: calc(100% - 2px) !important;
        margin-inline: -1rem -1.75rem !important;
        padding-inline:1rem 1.75rem !important
    }

    .select\ !select:focus, .select\ !select:focus-within {
        --tw-outline-style: none !important;
        outline-style:none !important
    }

    @media (forced-colors: active) {
        .select\ !select:focus, .select\ !select:focus-within {
            outline-offset: 2px !important;
            outline:2px solid #0000 !important
        }
    }

    .select\ !select:not(:last-child) {
        background-image: none !important;
        margin-inline-end:-1.375rem !important
    }

    .select\ !:focus, .select\ !:focus-within {
        --input-color: var(--color-base-content) !important;
        box-shadow:0 1px var(--input-color) !important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .select\ !:focus, .select\ !:focus-within {
            box-shadow:0 1px color-mix(in oklab, var(--input-color)calc(var(--depth) * 10%), #0000) !important
        }
    }

    .select\ !:focus, .select\ !:focus-within {
        outline: 2px solid var(--input-color) !important;
        outline-offset: 2px !important;
        isolation: isolate !important;
        z-index:1 !important
    }

    .select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]) {
        cursor: not-allowed !important;
        border-color: var(--color-base-200) !important;
        background-color: var(--color-base-200) !important;
        color:var(--color-base-content) !important
    }

    @supports (color: color-mix(in lab, red, red)) {
        .select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]) {
            color:color-mix(in oklab, var(--color-base-content)40%, transparent) !important
        }
    }

    :is(.select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]))::-moz-placeholder {
        color:var(--color-base-content) !important
    }

    :is(.select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]))::placeholder {
        color:var(--color-base-content) !important
    }

    @supports (color: color-mix(in lab, red, red)) {
        :is(.select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]))::-moz-placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent) !important
        }

        :is(.select\ !:has( > select[disabled]), .select\ !:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent) !important
        }
    }

    .select\ !:has( > select[disabled]) > select[disabled] {
        cursor:not-allowed !important
    }

    .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 {
        -o-object-fit: cover;
        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;
        -moz-user-select: none;
        user-select:none
    }

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

    .swap {
        cursor: pointer;
        vertical-align: middle;
        webkit-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        place-content: center;
        display: inline-grid;
        position:relative
    }

    .swap input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border:none
    }

    .swap > * {
        grid-row-start: 1;
        grid-column-start: 1;
        transition-property: transform, rotate, opacity;
        transition-duration: .2s;
        transition-timing-function:cubic-bezier(0, 0, .2, 1)
    }

    .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on, .swap input:is(:checked, :indeterminate) ~ .swap-off {
        opacity:0
    }

    .swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
        opacity: 1;
        backface-visibility:visible
    }

    .avatar {
        vertical-align: middle;
        display: inline-flex;
        position:relative
    }

    .avatar > div {
        aspect-ratio: 1;
        display: block;
        overflow:hidden
    }

    .avatar img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height:100%
    }

    .checkbox {
        border:var(--border)solid var(--input-color, var(--color-base-content))
    }

    @supports (color: color-mix(in lab, red, red)) {
        .checkbox {
            border:var(--border)solid var(--input-color, color-mix(in oklab, var(--color-base-content)20%, #0000))
        }
    }

    .checkbox {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-selector);
        vertical-align: middle;
        color: var(--color-base-content);
        box-shadow: 0 1px oklch(0% 0 0/calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
        --size: calc(var(--size-selector, .25rem) * 6);
        width: var(--size);
        height: var(--size);
        background-size: auto, calc(var(--noise) * 100%);
        background-image: none, var(--fx-noise);
        flex-shrink: 0;
        padding: .25rem;
        transition: background-color .2s, box-shadow .2s;
        display: inline-block;
        position:relative
    }

    .checkbox:before {
        --tw-content: "";
        content: var(--tw-content);
        opacity: 0;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
        width: 100%;
        height: 100%;
        box-shadow: 0 3px oklch(100% 0 0/calc(var(--depth) * .1)) inset;
        background-color: currentColor;
        font-size: 1rem;
        line-height: .75;
        transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
        display: block;
        rotate:45deg
    }

    .checkbox:focus-visible {
        outline: 2px solid var(--input-color, currentColor);
        outline-offset:2px
    }

    .checkbox:checked, .checkbox[aria-checked=true] {
        background-color:var(--input-color, var(--color-base-content))
    }

    @supports (color: color-mix(in lab, red, red)) {
        .checkbox:checked, .checkbox[aria-checked=true] {
            background-color:var(--input-color, color-mix(in oklab, var(--color-base-content)20%, #0000))
        }
    }

    .checkbox:checked, .checkbox[aria-checked=true] {
        box-shadow:0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0/calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0/calc(var(--depth) * .1))
    }

    :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
        opacity:1
    }

    @media (forced-colors: active) {
        :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
            --tw-content: "✔︎";
            clip-path: none;
            background-color: #0000;
            rotate:none
        }
    }

    @media print {
        :is(.checkbox:checked, .checkbox[aria-checked=true]):before {
            --tw-content: "✔︎";
            clip-path: none;
            background-color: #0000;
            rotate:none
        }
    }

    .checkbox:indeterminate {
        background-color:var(--input-color, var(--color-base-content))
    }

    @supports (color: color-mix(in lab, red, red)) {
        .checkbox:indeterminate {
            background-color:var(--input-color, color-mix(in oklab, var(--color-base-content)20%, #0000))
        }
    }

    .checkbox:indeterminate:before {
        opacity: 1;
        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
        translate: 0 -35%;
        rotate:none
    }

    .checkbox:disabled {
        cursor: not-allowed;
        opacity:.2
    }

    .progress {
        -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%;
        animation:5s ease-in-out infinite progress
    }

    @supports (-moz-appearance: none) {
        .progress:indeterminate::-moz-progress-bar {
            background-color: #0000;
            background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
            background-position-x: 15%;
            background-size: 200%;
            animation:5s ease-in-out infinite progress
        }

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

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

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

    .absolute {
        position:absolute
    }

    .fixed {
        position:fixed
    }

    .relative {
        position:relative
    }

    .static {
        position:static
    }

    .sticky {
        position:sticky
    }

    .tooltip-bottom > .tooltip-content, .tooltip-bottom[data-tip]:before {
        transform: translate(-50%) translateY(var(--tt-pos, -.25rem));
        inset:var(--tt-off)auto auto 50%
    }

    .tooltip-bottom:after {
        transform: translate(-50%) translateY(var(--tt-pos, -.25rem)) rotate(180deg);
        inset:var(--tt-tail)auto auto 50%
    }

    .tooltip-left > .tooltip-content, .tooltip-left[data-tip]:before {
        transform: translate(calc(var(--tt-pos, .25rem) - .25rem)) translateY(-50%);
        inset:50% var(--tt-off)auto auto
    }

    .tooltip-left:after {
        transform: translate(var(--tt-pos, .25rem)) translateY(-50%) rotate(-90deg);
        inset:50% calc(var(--tt-tail) + 1px)auto auto
    }

    .tooltip-right > .tooltip-content, .tooltip-right[data-tip]:before {
        transform: translate(calc(var(--tt-pos, -.25rem) + .25rem)) translateY(-50%);
        inset:50% auto auto var(--tt-off)
    }

    .tooltip-right:after {
        transform: translate(var(--tt-pos, -.25rem)) translateY(-50%) rotate(90deg);
        inset:50% auto auto calc(var(--tt-tail) + 1px)
    }

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

    .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-end {
        --anchor-h:span-left
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .textarea {
        border: var(--border) solid #0000;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: var(--radius-field);
        background-color: var(--color-base-100);
        vertical-align: middle;
        touch-action: manipulation;
        border-color: var(--input-color);
        width: clamp(3rem, 20rem, 100%);
        min-height: 5rem;
        box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0/calc(var(--depth) * .1)) inset;
        flex-shrink: 1;
        padding-block: .5rem;
        padding-inline: .75rem;
        font-size:.875rem
    }

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

    .textarea {
        --input-color:var(--color-base-content)
    }

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

    .textarea textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #0000;
        border:none
    }

    .textarea textarea:focus, .textarea textarea:focus-within {
        --tw-outline-style: none;
        outline-style:none
    }

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

    .textarea:focus, .textarea:focus-within {
        --input-color: var(--color-base-content);
        box-shadow:0 1px var(--input-color)
    }

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

    .textarea:focus, .textarea:focus-within {
        outline: 2px solid var(--input-color);
        outline-offset: 2px;
        isolation:isolate
    }

    .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
        cursor: not-allowed;
        border-color: var(--color-base-200);
        background-color: var(--color-base-200);
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
            color:color-mix(in oklab, var(--color-base-content)40%, transparent)
        }
    }

    :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::-moz-placeholder {
        color:var(--color-base-content)
    }

    :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
        color:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::-moz-placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }

        :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder {
            color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) {
        box-shadow:none
    }

    .textarea:has( > textarea[disabled]) > textarea[disabled] {
        cursor:not-allowed
    }

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

    .isolate {
        isolation:isolate
    }

    .stack {
        grid-template-rows: 3px 4px 1fr 4px 3px;
        grid-template-columns: 3px 4px 1fr 4px 3px;
        display:inline-grid
    }

    .stack > * {
        width: 100%;
        height:100%
    }

    .stack > :nth-child(n + 2) {
        opacity: .7;
        width:100%
    }

    .stack > :nth-child(2) {
        z-index: 2;
        opacity:.9
    }

    .stack > :first-child {
        z-index: 3;
        width:100%
    }

    :is(.stack, .stack.stack-bottom) > * {
        grid-area:3/3/6/4
    }

    :is(.stack, .stack.stack-bottom) > :nth-child(2) {
        grid-area:2/2/5/5
    }

    :is(.stack, .stack.stack-bottom) > :first-child {
        grid-area:1/1/4/6
    }

    .stack.stack-top > * {
        grid-area:1/3/4/4
    }

    .stack.stack-top > :nth-child(2) {
        grid-area:2/2/5/5
    }

    .stack.stack-top > :first-child {
        grid-area:3/1/6/6
    }

    .stack.stack-start > * {
        grid-area:3/1/4/4
    }

    .stack.stack-start > :nth-child(2) {
        grid-area:2/2/5/5
    }

    .stack.stack-start > :first-child {
        grid-area:1/3/6/6
    }

    .stack.stack-end > * {
        grid-area:3/3/4/6
    }

    .stack.stack-end > :nth-child(2) {
        grid-area:2/2/5/5
    }

    .stack.stack-end > :first-child {
        grid-area:1/1/6/4
    }

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

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

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

    .col-2 {
        grid-column:2
    }

    .col-4 {
        grid-column:4
    }

    .col-6 {
        grid-column:6
    }

    .col-8 {
        grid-column:8
    }

    .col-12 {
        grid-column:12
    }

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

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

    .divider {
        white-space: nowrap;
        height: 1rem;
        margin: var(--divider-m, 1rem 0);
        --divider-color: var(--color-base-content);
        flex-direction: row;
        align-self: stretch;
        align-items: center;
        display:flex
    }

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

    .divider:before, .divider:after {
        content: "";
        background-color: var(--divider-color);
        flex-grow: 1;
        width: 100%;
        height:.125rem
    }

    @media print {
        .divider:before, .divider:after {
            border:.5px solid
        }
    }

    .divider:not(:empty) {
        gap:1rem
    }

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

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

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

    .m-auto {
        margin:auto
    }

    .filter {
        flex-wrap: wrap;
        display:flex
    }

    .filter input[type=radio] {
        width:auto
    }

    .filter input {
        opacity: 1;
        transition: margin .1s, opacity .3s, padding .3s, border-width .1s;
        overflow: hidden;
        scale:1
    }

    .filter input:not(:last-child) {
        margin-inline-end:.25rem
    }

    .filter input.filter-reset {
        aspect-ratio:1
    }

    .filter input.filter-reset:after {
        content: "×"
    }

    .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type=reset], .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type=reset]) {
        opacity: 0;
        border-width: 0;
        width: 0;
        margin-inline: 0;
        padding-inline: 0;
        scale:0
    }

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

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

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

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

    .mx-auto {
        margin-inline:auto
    }

    .input-lg {
        --size: calc(var(--size-field, .25rem) * 12);
        font-size:1.125rem
    }

    .input-lg[type=number]::-webkit-inner-spin-button {
        margin-block: -.75rem;
        margin-inline-end:-.75rem
    }

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

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

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

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

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

    .label {
        white-space: nowrap;
        color: currentColor;
        align-items: center;
        gap: .375rem;
        display:inline-flex
    }

    @supports (color: color-mix(in lab, red, red)) {
        .label {
            color:color-mix(in oklab, currentColor 60%, transparent)
        }
    }

    .label:has(input) {
        cursor:pointer
    }

    .label:is(.input > *, .select > *) {
        white-space: nowrap;
        height: calc(100% - .5rem);
        font-size: inherit;
        align-items: center;
        padding-inline: .75rem;
        display:flex
    }

    .label:is(.input > *, .select > *):first-child {
        border-inline-end: var(--border) solid currentColor;
        margin-inline:-.75rem .75rem
    }

    @supports (color: color-mix(in lab, red, red)) {
        .label:is(.input > *, .select > *):first-child {
            border-inline-end:var(--border)solid color-mix(in oklab, currentColor 10%, #0000)
        }
    }

    .label:is(.input > *, .select > *):last-child {
        border-inline-start: var(--border) solid currentColor;
        margin-inline:.75rem -.75rem
    }

    @supports (color: color-mix(in lab, red, red)) {
        .label:is(.input > *, .select > *):last-child {
            border-inline-start:var(--border)solid color-mix(in oklab, currentColor 10%, #0000)
        }
    }

    .steps-vertical {
        grid-auto-rows: 1fr;
        grid-auto-flow:row
    }

    .steps-vertical .step {
        grid-template-rows: auto;
        grid-template-columns: 40px 1fr;
        justify-items: start;
        gap: .5rem;
        min-height: 4rem;
        display:grid
    }

    .steps-vertical .step:before {
        width: .5rem;
        height: 100%;
        margin-inline-start: 50%;
        translate:-50% -50%
    }

    [dir=rtl] :is(.steps-vertical .step):before {
        translate:50% -50%
    }

    .join-item:where(:not(:first-child, :disabled, [disabled], .btn-disabled)) {
        margin-block-start: 0;
        margin-inline-start:calc(var(--border, 1px) * -1)
    }

    .join-item:where(:is(:disabled, [disabled], .btn-disabled)) {
        border-width:var(--border, 1px)0 var(--border, 1px)var(--border, 1px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose :where(dt):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        color: var(--tw-prose-headings);
        margin-top: 1.25em;
        font-weight:600
    }

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

    .prose :where(blockquote):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        color: var(--tw-prose-quotes);
        border-inline-start-width: .25rem;
        border-inline-start-color: var(--tw-prose-quote-borders);
        quotes: "“""”""‘""’";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-inline-start: 1em;
        font-style: italic;
        font-weight:500
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose :where(kbd):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        color: var(--tw-prose-kbd);
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) /10%), 0 3px rgb(var(--tw-prose-kbd-shadows) /10%);
        padding-top: .1875em;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        border-radius: .3125rem;
        padding-inline-start: .375em;
        font-family: inherit;
        font-size: .875em;
        font-weight:500
    }

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

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

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

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

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

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

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

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

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

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

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

    .prose :where(thead th):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        color: var(--tw-prose-headings);
        vertical-align: bottom;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start: .571429em;
        font-weight:600
    }

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

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

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

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

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

    .prose :where(th, td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        text-align:start
    }

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

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

    .prose {
        --tw-prose-body: oklch(37.3% .034 259.733);
        --tw-prose-headings: oklch(21% .034 264.665);
        --tw-prose-lead: oklch(44.6% .03 256.802);
        --tw-prose-links: oklch(21% .034 264.665);
        --tw-prose-bold: oklch(21% .034 264.665);
        --tw-prose-counters: oklch(55.1% .027 264.364);
        --tw-prose-bullets: oklch(87.2% .01 258.338);
        --tw-prose-hr: oklch(92.8% .006 264.531);
        --tw-prose-quotes: oklch(21% .034 264.665);
        --tw-prose-quote-borders: oklch(92.8% .006 264.531);
        --tw-prose-captions: oklch(55.1% .027 264.364);
        --tw-prose-kbd: oklch(21% .034 264.665);
        --tw-prose-kbd-shadows: NaN NaN NaN;
        --tw-prose-code: oklch(21% .034 264.665);
        --tw-prose-pre-code: oklch(92.8% .006 264.531);
        --tw-prose-pre-bg: oklch(27.8% .033 256.848);
        --tw-prose-th-borders: oklch(87.2% .01 258.338);
        --tw-prose-td-borders: oklch(92.8% .006 264.531);
        --tw-prose-invert-body: oklch(87.2% .01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(70.7% .022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(70.7% .022 261.325);
        --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
        --tw-prose-invert-hr: oklch(37.3% .034 259.733);
        --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
        --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
        --tw-prose-invert-captions: oklch(70.7% .022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
        --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
        font-size: 1rem;
        line-height:1.75
    }

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

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

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

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

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

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

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

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

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

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

    .prose :where(dd):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: .5em;
        padding-inline-start:1.625em
    }

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

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

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

    .prose :where(tbody td, tfoot td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-top: .571429em;
        padding-inline-end: .571429em;
        padding-bottom: .571429em;
        padding-inline-start:.571429em
    }

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

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

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

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

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

    .prose-sm {
        font-size: .875rem;
        line-height:1.71429
    }

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

    .prose-sm :where([class ~ =lead]):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: .888889em;
        margin-bottom: .888889em;
        font-size: 1.28571em;
        line-height:1.55556
    }

    .prose-sm :where(blockquote):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.33333em;
        margin-bottom: 1.33333em;
        padding-inline-start:1.11111em
    }

    .prose-sm :where(h1):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 0;
        margin-bottom: .8em;
        font-size: 2.14286em;
        line-height:1.2
    }

    .prose-sm :where(h2):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.6em;
        margin-bottom: .8em;
        font-size: 1.42857em;
        line-height:1.4
    }

    .prose-sm :where(h3):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.55556em;
        margin-bottom: .444444em;
        font-size: 1.28571em;
        line-height:1.55556
    }

    .prose-sm :where(h4):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.42857em;
        margin-bottom: .571429em;
        line-height:1.42857
    }

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

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

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

    .prose-sm :where(kbd):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-top: .142857em;
        padding-inline-end: .357143em;
        padding-bottom: .142857em;
        border-radius: .3125rem;
        padding-inline-start: .357143em;
        font-size:.857143em
    }

    .prose-sm :where(code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        font-size:.857143em
    }

    .prose-sm :where(h2 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        font-size:.9em
    }

    .prose-sm :where(h3 code):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        font-size:.888889em
    }

    .prose-sm :where(pre):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-top: .666667em;
        padding-inline-end: 1em;
        padding-bottom: .666667em;
        border-radius: .25rem;
        margin-top: 1.66667em;
        margin-bottom: 1.66667em;
        padding-inline-start: 1em;
        font-size: .857143em;
        line-height:1.66667
    }

    .prose-sm :where(ol):not(:where([class ~ =not-prose], [class ~ =not-prose] *)), .prose-sm :where(ul):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.14286em;
        margin-bottom: 1.14286em;
        padding-inline-start:1.57143em
    }

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

    .prose-sm :where(ol > li):not(:where([class ~ =not-prose], [class ~ =not-prose] *)), .prose-sm :where(ul > li):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-inline-start:.428571em
    }

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

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

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

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

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

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

    .prose-sm :where(dl):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 1.14286em;
        margin-bottom:1.14286em
    }

    .prose-sm :where(dt):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top:1.14286em
    }

    .prose-sm :where(dd):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: .285714em;
        padding-inline-start:1.57143em
    }

    .prose-sm :where(hr):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: 2.85714em;
        margin-bottom:2.85714em
    }

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

    .prose-sm :where(table):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        font-size: .857143em;
        line-height:1.5
    }

    .prose-sm :where(thead th):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .666667em;
        padding-inline-start:1em
    }

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

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

    .prose-sm :where(tbody td, tfoot td):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        padding-top: .666667em;
        padding-inline-end: 1em;
        padding-bottom: .666667em;
        padding-inline-start:1em
    }

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

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

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

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

    .prose-sm :where(figcaption):not(:where([class ~ =not-prose], [class ~ =not-prose] *)) {
        margin-top: .666667em;
        font-size: .857143em;
        line-height:1.33333
    }

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

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

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

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

    .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-6 {
        margin-top:calc(var(--spacing) * 6)
    }

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

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

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

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

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

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

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

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

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

    .fieldset-legend {
        color: var(--color-base-content);
        justify-content: space-between;
        align-items: center;
        gap: .5rem;
        margin-bottom: -.25rem;
        padding-block: .5rem;
        font-weight: 600;
        display:flex
    }

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

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

    .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-6 {
        margin-bottom:calc(var(--spacing) * 6)
    }

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

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

    .status {
        aspect-ratio: 1;
        border-radius: var(--radius-selector);
        background-color: var(--color-base-content);
        width: .5rem;
        height: .5rem;
        display:inline-block
    }

    @supports (color: color-mix(in lab, red, red)) {
        .status {
            background-color:color-mix(in oklab, var(--color-base-content)20%, transparent)
        }
    }

    .status {
        vertical-align: middle;
        color: #0000004d;
        background-position: 50%;
        background-repeat:no-repeat
    }

    @supports (color: color-mix(in lab, red, red)) {
        .status {
            color:#0000004d
        }

        @supports (color: color-mix(in lab, red, red)) {
            .status {
                color:color-mix(in oklab, var(--color-black)30%, transparent)
            }
        }
    }

    .status {
        background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0/calc(var(--depth) * .5)), #0000);
        box-shadow:0 2px 3px -1px
    }

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

    .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: -moz-fit-content;
        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
    }

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

    .fieldset {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        gap: .375rem;
        padding-block: .25rem;
        font-size: .75rem;
        display:grid
    }

    .join {
        --join-ss: 0;
        --join-se: 0;
        --join-es: 0;
        --join-ee: 0;
        align-items: stretch;
        display:inline-flex
    }

    .join :where(.join-item) {
        border-start-start-radius: var(--join-ss, 0);
        border-start-end-radius: var(--join-se, 0);
        border-end-end-radius: var(--join-ee, 0);
        border-end-start-radius:var(--join-es, 0)
    }

    .join :where(.join-item) * {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee:var(--radius-field)
    }

    .join > .join-item:where(:first-child), .join :first-child:not(:last-child) :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: 0;
        --join-es: var(--radius-field);
        --join-ee:0
    }

    .join > .join-item:where(:last-child), .join :last-child:not(:first-child) :where(.join-item) {
        --join-ss: 0;
        --join-se: var(--radius-field);
        --join-es: 0;
        --join-ee:var(--radius-field)
    }

    .join > .join-item:where(:only-child), .join :only-child :where(.join-item) {
        --join-ss: var(--radius-field);
        --join-se: var(--radius-field);
        --join-es: var(--radius-field);
        --join-ee:var(--radius-field)
    }

    .chat {
        --mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e");
        -moz-column-gap: .75rem;
        column-gap: .75rem;
        padding-block: .25rem;
        display:grid
    }

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

    :root .prose {
        --tw-prose-body:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-body:color-mix(in oklab, var(--color-base-content)80%, #0000)
        }
    }

    :root .prose {
        --tw-prose-headings: var(--color-base-content);
        --tw-prose-lead: var(--color-base-content);
        --tw-prose-links: var(--color-base-content);
        --tw-prose-bold: var(--color-base-content);
        --tw-prose-counters: var(--color-base-content);
        --tw-prose-bullets:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-bullets:color-mix(in oklab, var(--color-base-content)50%, #0000)
        }
    }

    :root .prose {
        --tw-prose-hr:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-hr:color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }

    :root .prose {
        --tw-prose-quotes: var(--color-base-content);
        --tw-prose-quote-borders:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-quote-borders:color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }

    :root .prose {
        --tw-prose-captions:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-captions:color-mix(in oklab, var(--color-base-content)50%, #0000)
        }
    }

    :root .prose {
        --tw-prose-code: var(--color-base-content);
        --tw-prose-pre-code: var(--color-neutral-content);
        --tw-prose-pre-bg: var(--color-neutral);
        --tw-prose-th-borders:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-th-borders:color-mix(in oklab, var(--color-base-content)50%, #0000)
        }
    }

    :root .prose {
        --tw-prose-td-borders:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-td-borders:color-mix(in oklab, var(--color-base-content)20%, #0000)
        }
    }

    :root .prose {
        --tw-prose-kbd:var(--color-base-content)
    }

    @supports (color: color-mix(in lab, red, red)) {
        :root .prose {
            --tw-prose-kbd:color-mix(in oklab, var(--color-base-content)80%, #0000)
        }
    }

    :root .prose :where(code):not(pre > code) {
        background-color: var(--color-base-200);
        border-radius: var(--radius-selector);
        border: var(--border) solid var(--color-base-300);
        font-weight: inherit;
        padding-inline:.5em
    }

    :root .prose :where(code):not(pre > code):before, :root .prose :where(code):not(pre > code):after {
        display:none
    }

    .mask {
        vertical-align: middle;
        display: inline-block;
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat:no-repeat
    }

    .block {
        display:block
    }

    .block\ ! {
        display:block !important
    }

    .contents {
        display:contents
    }

    .flex {
        display:flex
    }

    .grid {
        display:grid
    }

    .hidden {
        display:none
    }

    .inline {
        display:inline
    }

    .inline-block {
        display:inline-block
    }

    .inline-flex {
        display:inline-flex
    }

    .table {
        display:table
    }

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

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

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

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

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

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

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

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

    .h-full {
        height:100%
    }

    .h-screen {
        height:100vh
    }

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

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

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

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

    .btn-block {
        width:100%
    }

    .loading-lg {
        width:calc(var(--size-selector, .25rem) * 7)
    }

    .loading-sm {
        width:calc(var(--size-selector, .25rem) * 5)
    }

    .loading-xs {
        width:calc(var(--size-selector, .25rem) * 4)
    }

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

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

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

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

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

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

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

    .w-auto {
        width:auto
    }

    .w-fit {
        width: -moz-fit-content;
        width:fit-content
    }

    .w-full {
        width:100%
    }

    .w-screen {
        width:100vw
    }

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

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

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

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

    .max-w-screen-md {
        max-width:var(--breakpoint-md)
    }

    .max-w-screen-sm {
        max-width:var(--breakpoint-sm)
    }

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

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

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

    .flex-0 {
        flex:0
    }

    .flex-1 {
        flex:1
    }

    .flex-none {
        flex:none
    }

    .grow {
        flex-grow:1
    }

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

    .link {
        cursor: pointer;
        text-decoration-line:underline
    }

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

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

    .link:focus-visible {
        outline-offset: 2px;
        outline:2px solid
    }

    .cursor-grab {
        cursor:grab
    }

    .cursor-pointer {
        cursor:pointer
    }

    .cursor-wait {
        cursor:wait
    }

    .resize {
        resize:both
    }

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

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

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

    .flex-col {
        flex-direction:column
    }

    .flex-row {
        flex-direction:row
    }

    .flex-wrap {
        flex-wrap:wrap
    }

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

    .items-center {
        align-items:center
    }

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

    .justify-center {
        justify-content:center
    }

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

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

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

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

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

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

    :where(.divide-y > :not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

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

    .overflow-auto {
        overflow:auto
    }

    .overflow-hidden {
        overflow:hidden
    }

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

    .rounded {
        border-radius:.25rem
    }

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

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

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

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

    .rounded-none {
        border-radius:0
    }

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

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

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

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

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

    .border-dashed {
        --tw-border-style: dashed;
        border-style:dashed
    }

    .alert-error {
        border-color: var(--color-error);
        color: var(--color-error-content);
        --alert-color:var(--color-error)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bg-white\/30 {
        background-color:#ffffff4d
    }

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

    .loading-spinner {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
    }

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

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

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

    .badge-xs {
        --size: calc(var(--size-selector, .25rem) * 4);
        padding-inline: calc(.25rem * 2 - var(--border));
        font-size:.625rem
    }

    .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-6 {
        padding-inline:calc(var(--spacing) * 6)
    }

    .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-10 {
        padding-block:calc(var(--spacing) * 10)
    }

    .ps-2 {
        padding-inline-start:calc(var(--spacing) * 2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align:center
    }

    .text-right {
        text-align:right
    }

    .align-middle {
        vertical-align:middle
    }

    .align-top {
        vertical-align:top
    }

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

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

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

    .textarea-sm {
        font-size:.75rem
    }

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

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

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

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

    .break-words {
        overflow-wrap:break-word
    }

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

    .text-ellipsis {
        text-overflow:ellipsis
    }

    .whitespace-nowrap {
        white-space:nowrap
    }

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

    .\ !text-gray-900 {
        color:var(--color-gray-900) !important
    }

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

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

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

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

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

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

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

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

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

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

    .capitalize {
        text-transform:capitalize
    }

    .uppercase {
        text-transform:uppercase
    }

    .italic {
        font-style:italic
    }

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

    .\ !no-underline {
        text-decoration-line:none !important
    }

    .underline {
        text-decoration-line:underline
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

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

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration:var(--tw-duration, var(--default-transition-duration))
    }

    .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-sm {
        --fontsize: .75rem;
        --btn-p: .75rem;
        --size:calc(var(--size-field, .25rem) * 8)
    }

    .btn-xs {
        --fontsize: .6875rem;
        --btn-p: .5rem;
        --size:calc(var(--size-field, .25rem) * 6)
    }

    .badge-neutral {
        --badge-color: var(--color-neutral);
        --badge-fg:var(--color-neutral-content)
    }

    .btn-error {
        --btn-color: var(--color-error);
        --btn-fg:var(--color-error-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)
    }

    .input-error, .input-error:focus, .input-error:focus-within, .textarea-error, .textarea-error:focus, .textarea-error:focus-within {
        --input-color:var(--color-error)
    }

    .group-first\:fill-gray-300:is(:where(.group):first-child *), .group-last\:fill-gray-300:is(:where(.group):last-child *) {
        fill:var(--color-gray-300)
    }

    @media (hover: hover) {
        .group-hover\:inline-flex:is(:where(.group):hover *) {
            display:inline-flex
        }
    }

    .group-focus\:pointer-events-none:is(:where(.group):focus *) {
        pointer-events:none
    }

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

        .hover\:bg-gray-200:hover {
            background-color:var(--color-gray-200)
        }

        .hover\:bg-neutral-300:hover {
            background-color:var(--color-neutral-300)
        }

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

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

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

    @media (min-width: 40rem) {
        .sm\:inset-auto {
            inset:auto
        }

        .sm\:block {
            display:block
        }

        .sm\:hidden {
            display:none
        }

        .sm\:h-\[80vh\] {
            height:80vh
        }

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

    @media (min-width: 48rem) {
        .md\:order-first {
            order:-9999
        }

        .md\:order-last {
            order:9999
        }

        .md\:h-\[80dvh\] {
            height:80dvh
        }

        .md\:w-2\/3 {
            width:66.6667%
        }

        .md\:flex-none {
            flex:none
        }

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

    @media (min-width: 64rem) {
        .lg\:w-1\/4 {
            width:25%
        }

        .lg\:w-3\/4 {
            width:75%
        }

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

    @container (min-width: 28rem) {
        .\@md\:mr-0 {
            margin-right:calc(var(--spacing) * 0)
        }

        .\@md\:block {
            display:block
        }
    }
}

@supports (color: color-mix(in lab, red, red)) {
    .btn:not(.btn-ghost:not(.btn-active, :active, :focus-visible), .btn-soft) {
        --btn-border:var(--btn-bg)
    }

    @supports (color: color-mix(in lab, red, red)) {
        .btn:not(.btn-ghost:not(.btn-active, :active, :focus-visible), .btn-soft) {
            --btn-border:color-mix(in oklab, var(--btn-bg), #000 15%)
        }
    }

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

    @supports (color: color-mix(in lab, red, red)) {
        .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) {
            border-color:color-mix(in oklab, var(--color-base-content)5%, #000 0%)
        }
    }
}

.fieldset {
    font-size:.875rem
}

.fieldset-legend {
    line-height:20px
}

.modal-box {
    max-height:calc(100% - 48px)
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 12px);
    padding-left: var(--bs-gutter-x, 12px);
    margin-left: auto;
    margin-right:auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    flex-wrap: wrap;
    display:flex
}

.row > * {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) /2);
    padding-left: calc(var(--bs-gutter-x) /2);
    margin-top: var(--bs-gutter-y);
    flex-shrink:0
}

.col {
    flex:1 0
}

.row-cols-auto > * {
    flex: none;
    width:auto
}

.row-cols-1 > * {
    flex: none;
    width:100%
}

.row-cols-2 > * {
    flex: none;
    width:50%
}

.row-cols-3 > * {
    flex: none;
    width:33.3333%
}

.row-cols-4 > * {
    flex: none;
    width:25%
}

.row-cols-5 > * {
    flex: none;
    width:20%
}

.row-cols-6 > * {
    flex: none;
    width:16.6667%
}

.col-auto {
    flex: none;
    width:auto
}

.col-1 {
    flex: none;
    width:8.33333%
}

.col-2 {
    flex: none;
    width:16.6667%
}

.col-3 {
    flex: none;
    width:25%
}

.col-4 {
    flex: none;
    width:33.3333%
}

.col-5 {
    flex: none;
    width:41.6667%
}

.col-6 {
    flex: none;
    width:50%
}

.col-7 {
    flex: none;
    width:58.3333%
}

.col-8 {
    flex: none;
    width:66.6667%
}

.col-9 {
    flex: none;
    width:75%
}

.col-10 {
    flex: none;
    width:83.3333%
}

.col-11 {
    flex: none;
    width:91.6667%
}

.col-12 {
    flex: none;
    width:100%
}

.offset-1 {
    margin-left:8.33333%
}

.offset-2 {
    margin-left:16.6667%
}

.offset-3 {
    margin-left:25%
}

.offset-4 {
    margin-left:33.3333%
}

.offset-5 {
    margin-left:41.6667%
}

.offset-6 {
    margin-left:50%
}

.offset-7 {
    margin-left:58.3333%
}

.offset-8 {
    margin-left:66.6667%
}

.offset-9 {
    margin-left:75%
}

.offset-10 {
    margin-left:83.3333%
}

.offset-11 {
    margin-left:91.6667%
}

.g-0, .gx-0 {
    --bs-gutter-x:0
}

.g-0, .gy-0 {
    --bs-gutter-y:0
}

.g-1, .gx-1 {
    --bs-gutter-x:.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y:.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x:.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y:.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x:.75rem
}

.g-3, .gy-3 {
    --bs-gutter-y:.75rem
}

.g-4, .gx-4 {
    --bs-gutter-x:1rem
}

.g-4, .gy-4 {
    --bs-gutter-y:1rem
}

.g-5, .gx-5 {
    --bs-gutter-x:1.25rem
}

.g-5, .gy-5 {
    --bs-gutter-y:1.25rem
}

.g-6, .gx-6 {
    --bs-gutter-x:1.5rem
}

.g-6, .gy-6 {
    --bs-gutter-y:1.5rem
}

.g-7, .gx-7 {
    --bs-gutter-x:1.75rem
}

.g-7, .gy-7 {
    --bs-gutter-y:1.75rem
}

.g-8, .gx-8 {
    --bs-gutter-x:2rem
}

.g-8, .gy-8 {
    --bs-gutter-y:2rem
}

.g-9, .gx-9 {
    --bs-gutter-x:2.25rem
}

.g-9, .gy-9 {
    --bs-gutter-y:2.25rem
}

.g-10, .gx-10 {
    --bs-gutter-x:2.5rem
}

.g-10, .gy-10 {
    --bs-gutter-y:2.5rem
}

.g-11, .gx-11 {
    --bs-gutter-x:2.75rem
}

.g-11, .gy-11 {
    --bs-gutter-y:2.75rem
}

.g-12, .gx-12 {
    --bs-gutter-x:3rem
}

.g-12, .gy-12 {
    --bs-gutter-y:3rem
}

.g-14, .gx-14 {
    --bs-gutter-x:3.5rem
}

.g-14, .gy-14 {
    --bs-gutter-y:3.5rem
}

.g-16, .gx-16 {
    --bs-gutter-x:4rem
}

.g-16, .gy-16 {
    --bs-gutter-y:4rem
}

.g-18, .gx-18 {
    --bs-gutter-x:4.5rem
}

.g-18, .gy-18 {
    --bs-gutter-y:4.5rem
}

.g-20, .gx-20 {
    --bs-gutter-x:5rem
}

.g-20, .gy-20 {
    --bs-gutter-y:5rem
}

.g-24, .gx-24 {
    --bs-gutter-x:6rem
}

.g-24, .gy-24 {
    --bs-gutter-y:6rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto > * {
        flex: none;
        width:auto
    }

    .row-cols-sm-1 > * {
        flex: none;
        width:100%
    }

    .row-cols-sm-2 > * {
        flex: none;
        width:50%
    }

    .row-cols-sm-3 > * {
        flex: none;
        width:33.3333%
    }

    .row-cols-sm-4 > * {
        flex: none;
        width:25%
    }

    .row-cols-sm-5 > * {
        flex: none;
        width:20%
    }

    .row-cols-sm-6 > * {
        flex: none;
        width:16.6667%
    }

    .col-sm-auto {
        flex: none;
        width:auto
    }

    .col-sm-1 {
        flex: none;
        width:8.33333%
    }

    .col-sm-2 {
        flex: none;
        width:16.6667%
    }

    .col-sm-3 {
        flex: none;
        width:25%
    }

    .col-sm-4 {
        flex: none;
        width:33.3333%
    }

    .col-sm-5 {
        flex: none;
        width:41.6667%
    }

    .col-sm-6 {
        flex: none;
        width:50%
    }

    .col-sm-7 {
        flex: none;
        width:58.3333%
    }

    .col-sm-8 {
        flex: none;
        width:66.6667%
    }

    .col-sm-9 {
        flex: none;
        width:75%
    }

    .col-sm-10 {
        flex: none;
        width:83.3333%
    }

    .col-sm-11 {
        flex: none;
        width:91.6667%
    }

    .col-sm-12 {
        flex: none;
        width:100%
    }

    .offset-sm-0 {
        margin-left:0
    }

    .offset-sm-1 {
        margin-left:8.33333%
    }

    .offset-sm-2 {
        margin-left:16.6667%
    }

    .offset-sm-3 {
        margin-left:25%
    }

    .offset-sm-4 {
        margin-left:33.3333%
    }

    .offset-sm-5 {
        margin-left:41.6667%
    }

    .offset-sm-6 {
        margin-left:50%
    }

    .offset-sm-7 {
        margin-left:58.3333%
    }

    .offset-sm-8 {
        margin-left:66.6667%
    }

    .offset-sm-9 {
        margin-left:75%
    }

    .offset-sm-10 {
        margin-left:83.3333%
    }

    .offset-sm-11 {
        margin-left:91.6667%
    }

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x:0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y:0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x:.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y:.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x:.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y:.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x:.75rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y:.75rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x:1rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y:1rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x:1.25rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y:1.25rem
    }

    .g-sm-6, .gx-sm-6 {
        --bs-gutter-x:1.5rem
    }

    .g-sm-6, .gy-sm-6 {
        --bs-gutter-y:1.5rem
    }

    .g-sm-7, .gx-sm-7 {
        --bs-gutter-x:1.75rem
    }

    .g-sm-7, .gy-sm-7 {
        --bs-gutter-y:1.75rem
    }

    .g-sm-8, .gx-sm-8 {
        --bs-gutter-x:2rem
    }

    .g-sm-8, .gy-sm-8 {
        --bs-gutter-y:2rem
    }

    .g-sm-9, .gx-sm-9 {
        --bs-gutter-x:2.25rem
    }

    .g-sm-9, .gy-sm-9 {
        --bs-gutter-y:2.25rem
    }

    .g-sm-10, .gx-sm-10 {
        --bs-gutter-x:2.5rem
    }

    .g-sm-10, .gy-sm-10 {
        --bs-gutter-y:2.5rem
    }

    .g-sm-11, .gx-sm-11 {
        --bs-gutter-x:2.75rem
    }

    .g-sm-11, .gy-sm-11 {
        --bs-gutter-y:2.75rem
    }

    .g-sm-12, .gx-sm-12 {
        --bs-gutter-x:3rem
    }

    .g-sm-12, .gy-sm-12 {
        --bs-gutter-y:3rem
    }

    .g-sm-14, .gx-sm-14 {
        --bs-gutter-x:3.5rem
    }

    .g-sm-14, .gy-sm-14 {
        --bs-gutter-y:3.5rem
    }

    .g-sm-16, .gx-sm-16 {
        --bs-gutter-x:4rem
    }

    .g-sm-16, .gy-sm-16 {
        --bs-gutter-y:4rem
    }

    .g-sm-18, .gx-sm-18 {
        --bs-gutter-x:4.5rem
    }

    .g-sm-18, .gy-sm-18 {
        --bs-gutter-y:4.5rem
    }

    .g-sm-20, .gx-sm-20 {
        --bs-gutter-x:5rem
    }

    .g-sm-20, .gy-sm-20 {
        --bs-gutter-y:5rem
    }

    .g-sm-24, .gx-sm-24 {
        --bs-gutter-x:6rem
    }

    .g-sm-24, .gy-sm-24 {
        --bs-gutter-y:6rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto > * {
        flex: none;
        width:auto
    }

    .row-cols-md-1 > * {
        flex: none;
        width:100%
    }

    .row-cols-md-2 > * {
        flex: none;
        width:50%
    }

    .row-cols-md-3 > * {
        flex: none;
        width:33.3333%
    }

    .row-cols-md-4 > * {
        flex: none;
        width:25%
    }

    .row-cols-md-5 > * {
        flex: none;
        width:20%
    }

    .row-cols-md-6 > * {
        flex: none;
        width:16.6667%
    }

    .col-md-auto {
        flex: none;
        width:auto
    }

    .col-md-1 {
        flex: none;
        width:8.33333%
    }

    .col-md-2 {
        flex: none;
        width:16.6667%
    }

    .col-md-3 {
        flex: none;
        width:25%
    }

    .col-md-4 {
        flex: none;
        width:33.3333%
    }

    .col-md-5 {
        flex: none;
        width:41.6667%
    }

    .col-md-6 {
        flex: none;
        width:50%
    }

    .col-md-7 {
        flex: none;
        width:58.3333%
    }

    .col-md-8 {
        flex: none;
        width:66.6667%
    }

    .col-md-9 {
        flex: none;
        width:75%
    }

    .col-md-10 {
        flex: none;
        width:83.3333%
    }

    .col-md-11 {
        flex: none;
        width:91.6667%
    }

    .col-md-12 {
        flex: none;
        width:100%
    }

    .offset-md-0 {
        margin-left:0
    }

    .offset-md-1 {
        margin-left:8.33333%
    }

    .offset-md-2 {
        margin-left:16.6667%
    }

    .offset-md-3 {
        margin-left:25%
    }

    .offset-md-4 {
        margin-left:33.3333%
    }

    .offset-md-5 {
        margin-left:41.6667%
    }

    .offset-md-6 {
        margin-left:50%
    }

    .offset-md-7 {
        margin-left:58.3333%
    }

    .offset-md-8 {
        margin-left:66.6667%
    }

    .offset-md-9 {
        margin-left:75%
    }

    .offset-md-10 {
        margin-left:83.3333%
    }

    .offset-md-11 {
        margin-left:91.6667%
    }

    .g-md-0, .gx-md-0 {
        --bs-gutter-x:0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y:0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x:.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y:.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x:.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y:.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x:.75rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y:.75rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x:1rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y:1rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x:1.25rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y:1.25rem
    }

    .g-md-6, .gx-md-6 {
        --bs-gutter-x:1.5rem
    }

    .g-md-6, .gy-md-6 {
        --bs-gutter-y:1.5rem
    }

    .g-md-7, .gx-md-7 {
        --bs-gutter-x:1.75rem
    }

    .g-md-7, .gy-md-7 {
        --bs-gutter-y:1.75rem
    }

    .g-md-8, .gx-md-8 {
        --bs-gutter-x:2rem
    }

    .g-md-8, .gy-md-8 {
        --bs-gutter-y:2rem
    }

    .g-md-9, .gx-md-9 {
        --bs-gutter-x:2.25rem
    }

    .g-md-9, .gy-md-9 {
        --bs-gutter-y:2.25rem
    }

    .g-md-10, .gx-md-10 {
        --bs-gutter-x:2.5rem
    }

    .g-md-10, .gy-md-10 {
        --bs-gutter-y:2.5rem
    }

    .g-md-11, .gx-md-11 {
        --bs-gutter-x:2.75rem
    }

    .g-md-11, .gy-md-11 {
        --bs-gutter-y:2.75rem
    }

    .g-md-12, .gx-md-12 {
        --bs-gutter-x:3rem
    }

    .g-md-12, .gy-md-12 {
        --bs-gutter-y:3rem
    }

    .g-md-14, .gx-md-14 {
        --bs-gutter-x:3.5rem
    }

    .g-md-14, .gy-md-14 {
        --bs-gutter-y:3.5rem
    }

    .g-md-16, .gx-md-16 {
        --bs-gutter-x:4rem
    }

    .g-md-16, .gy-md-16 {
        --bs-gutter-y:4rem
    }

    .g-md-18, .gx-md-18 {
        --bs-gutter-x:4.5rem
    }

    .g-md-18, .gy-md-18 {
        --bs-gutter-y:4.5rem
    }

    .g-md-20, .gx-md-20 {
        --bs-gutter-x:5rem
    }

    .g-md-20, .gy-md-20 {
        --bs-gutter-y:5rem
    }

    .g-md-24, .gx-md-24 {
        --bs-gutter-x:6rem
    }

    .g-md-24, .gy-md-24 {
        --bs-gutter-y:6rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto > * {
        flex: none;
        width:auto
    }

    .row-cols-lg-1 > * {
        flex: none;
        width:100%
    }

    .row-cols-lg-2 > * {
        flex: none;
        width:50%
    }

    .row-cols-lg-3 > * {
        flex: none;
        width:33.3333%
    }

    .row-cols-lg-4 > * {
        flex: none;
        width:25%
    }

    .row-cols-lg-5 > * {
        flex: none;
        width:20%
    }

    .row-cols-lg-6 > * {
        flex: none;
        width:16.6667%
    }

    .col-lg-auto {
        flex: none;
        width:auto
    }

    .col-lg-1 {
        flex: none;
        width:8.33333%
    }

    .col-lg-2 {
        flex: none;
        width:16.6667%
    }

    .col-lg-3 {
        flex: none;
        width:25%
    }

    .col-lg-4 {
        flex: none;
        width:33.3333%
    }

    .col-lg-5 {
        flex: none;
        width:41.6667%
    }

    .col-lg-6 {
        flex: none;
        width:50%
    }

    .col-lg-7 {
        flex: none;
        width:58.3333%
    }

    .col-lg-8 {
        flex: none;
        width:66.6667%
    }

    .col-lg-9 {
        flex: none;
        width:75%
    }

    .col-lg-10 {
        flex: none;
        width:83.3333%
    }

    .col-lg-11 {
        flex: none;
        width:91.6667%
    }

    .col-lg-12 {
        flex: none;
        width:100%
    }

    .offset-lg-0 {
        margin-left:0
    }

    .offset-lg-1 {
        margin-left:8.33333%
    }

    .offset-lg-2 {
        margin-left:16.6667%
    }

    .offset-lg-3 {
        margin-left:25%
    }

    .offset-lg-4 {
        margin-left:33.3333%
    }

    .offset-lg-5 {
        margin-left:41.6667%
    }

    .offset-lg-6 {
        margin-left:50%
    }

    .offset-lg-7 {
        margin-left:58.3333%
    }

    .offset-lg-8 {
        margin-left:66.6667%
    }

    .offset-lg-9 {
        margin-left:75%
    }

    .offset-lg-10 {
        margin-left:83.3333%
    }

    .offset-lg-11 {
        margin-left:91.6667%
    }

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x:0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y:0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x:.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y:.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x:.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y:.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x:.75rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y:.75rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x:1rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y:1rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x:1.25rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y:1.25rem
    }

    .g-lg-6, .gx-lg-6 {
        --bs-gutter-x:1.5rem
    }

    .g-lg-6, .gy-lg-6 {
        --bs-gutter-y:1.5rem
    }

    .g-lg-7, .gx-lg-7 {
        --bs-gutter-x:1.75rem
    }

    .g-lg-7, .gy-lg-7 {
        --bs-gutter-y:1.75rem
    }

    .g-lg-8, .gx-lg-8 {
        --bs-gutter-x:2rem
    }

    .g-lg-8, .gy-lg-8 {
        --bs-gutter-y:2rem
    }

    .g-lg-9, .gx-lg-9 {
        --bs-gutter-x:2.25rem
    }

    .g-lg-9, .gy-lg-9 {
        --bs-gutter-y:2.25rem
    }

    .g-lg-10, .gx-lg-10 {
        --bs-gutter-x:2.5rem
    }

    .g-lg-10, .gy-lg-10 {
        --bs-gutter-y:2.5rem
    }

    .g-lg-11, .gx-lg-11 {
        --bs-gutter-x:2.75rem
    }

    .g-lg-11, .gy-lg-11 {
        --bs-gutter-y:2.75rem
    }

    .g-lg-12, .gx-lg-12 {
        --bs-gutter-x:3rem
    }

    .g-lg-12, .gy-lg-12 {
        --bs-gutter-y:3rem
    }

    .g-lg-14, .gx-lg-14 {
        --bs-gutter-x:3.5rem
    }

    .g-lg-14, .gy-lg-14 {
        --bs-gutter-y:3.5rem
    }

    .g-lg-16, .gx-lg-16 {
        --bs-gutter-x:4rem
    }

    .g-lg-16, .gy-lg-16 {
        --bs-gutter-y:4rem
    }

    .g-lg-18, .gx-lg-18 {
        --bs-gutter-x:4.5rem
    }

    .g-lg-18, .gy-lg-18 {
        --bs-gutter-y:4.5rem
    }

    .g-lg-20, .gx-lg-20 {
        --bs-gutter-x:5rem
    }

    .g-lg-20, .gy-lg-20 {
        --bs-gutter-y:5rem
    }

    .g-lg-24, .gx-lg-24 {
        --bs-gutter-x:6rem
    }

    .g-lg-24, .gy-lg-24 {
        --bs-gutter-y:6rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto > * {
        flex: none;
        width:auto
    }

    .row-cols-xl-1 > * {
        flex: none;
        width:100%
    }

    .row-cols-xl-2 > * {
        flex: none;
        width:50%
    }

    .row-cols-xl-3 > * {
        flex: none;
        width:33.3333%
    }

    .row-cols-xl-4 > * {
        flex: none;
        width:25%
    }

    .row-cols-xl-5 > * {
        flex: none;
        width:20%
    }

    .row-cols-xl-6 > * {
        flex: none;
        width:16.6667%
    }

    .col-xl-auto {
        flex: none;
        width:auto
    }

    .col-xl-1 {
        flex: none;
        width:8.33333%
    }

    .col-xl-2 {
        flex: none;
        width:16.6667%
    }

    .col-xl-3 {
        flex: none;
        width:25%
    }

    .col-xl-4 {
        flex: none;
        width:33.3333%
    }

    .col-xl-5 {
        flex: none;
        width:41.6667%
    }

    .col-xl-6 {
        flex: none;
        width:50%
    }

    .col-xl-7 {
        flex: none;
        width:58.3333%
    }

    .col-xl-8 {
        flex: none;
        width:66.6667%
    }

    .col-xl-9 {
        flex: none;
        width:75%
    }

    .col-xl-10 {
        flex: none;
        width:83.3333%
    }

    .col-xl-11 {
        flex: none;
        width:91.6667%
    }

    .col-xl-12 {
        flex: none;
        width:100%
    }

    .offset-xl-0 {
        margin-left:0
    }

    .offset-xl-1 {
        margin-left:8.33333%
    }

    .offset-xl-2 {
        margin-left:16.6667%
    }

    .offset-xl-3 {
        margin-left:25%
    }

    .offset-xl-4 {
        margin-left:33.3333%
    }

    .offset-xl-5 {
        margin-left:41.6667%
    }

    .offset-xl-6 {
        margin-left:50%
    }

    .offset-xl-7 {
        margin-left:58.3333%
    }

    .offset-xl-8 {
        margin-left:66.6667%
    }

    .offset-xl-9 {
        margin-left:75%
    }

    .offset-xl-10 {
        margin-left:83.3333%
    }

    .offset-xl-11 {
        margin-left:91.6667%
    }

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x:0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y:0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x:.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y:.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x:.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y:.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x:.75rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y:.75rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x:1rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y:1rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x:1.25rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y:1.25rem
    }

    .g-xl-6, .gx-xl-6 {
        --bs-gutter-x:1.5rem
    }

    .g-xl-6, .gy-xl-6 {
        --bs-gutter-y:1.5rem
    }

    .g-xl-7, .gx-xl-7 {
        --bs-gutter-x:1.75rem
    }

    .g-xl-7, .gy-xl-7 {
        --bs-gutter-y:1.75rem
    }

    .g-xl-8, .gx-xl-8 {
        --bs-gutter-x:2rem
    }

    .g-xl-8, .gy-xl-8 {
        --bs-gutter-y:2rem
    }

    .g-xl-9, .gx-xl-9 {
        --bs-gutter-x:2.25rem
    }

    .g-xl-9, .gy-xl-9 {
        --bs-gutter-y:2.25rem
    }

    .g-xl-10, .gx-xl-10 {
        --bs-gutter-x:2.5rem
    }

    .g-xl-10, .gy-xl-10 {
        --bs-gutter-y:2.5rem
    }

    .g-xl-11, .gx-xl-11 {
        --bs-gutter-x:2.75rem
    }

    .g-xl-11, .gy-xl-11 {
        --bs-gutter-y:2.75rem
    }

    .g-xl-12, .gx-xl-12 {
        --bs-gutter-x:3rem
    }

    .g-xl-12, .gy-xl-12 {
        --bs-gutter-y:3rem
    }

    .g-xl-14, .gx-xl-14 {
        --bs-gutter-x:3.5rem
    }

    .g-xl-14, .gy-xl-14 {
        --bs-gutter-y:3.5rem
    }

    .g-xl-16, .gx-xl-16 {
        --bs-gutter-x:4rem
    }

    .g-xl-16, .gy-xl-16 {
        --bs-gutter-y:4rem
    }

    .g-xl-18, .gx-xl-18 {
        --bs-gutter-x:4.5rem
    }

    .g-xl-18, .gy-xl-18 {
        --bs-gutter-y:4.5rem
    }

    .g-xl-20, .gx-xl-20 {
        --bs-gutter-x:5rem
    }

    .g-xl-20, .gy-xl-20 {
        --bs-gutter-y:5rem
    }

    .g-xl-24, .gx-xl-24 {
        --bs-gutter-x:6rem
    }

    .g-xl-24, .gy-xl-24 {
        --bs-gutter-y:6rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto > * {
        flex: none;
        width:auto
    }

    .row-cols-xxl-1 > * {
        flex: none;
        width:100%
    }

    .row-cols-xxl-2 > * {
        flex: none;
        width:50%
    }

    .row-cols-xxl-3 > * {
        flex: none;
        width:33.3333%
    }

    .row-cols-xxl-4 > * {
        flex: none;
        width:25%
    }

    .row-cols-xxl-5 > * {
        flex: none;
        width:20%
    }

    .row-cols-xxl-6 > * {
        flex: none;
        width:16.6667%
    }

    .col-xxl-auto {
        flex: none;
        width:auto
    }

    .col-xxl-1 {
        flex: none;
        width:8.33333%
    }

    .col-xxl-2 {
        flex: none;
        width:16.6667%
    }

    .col-xxl-3 {
        flex: none;
        width:25%
    }

    .col-xxl-4 {
        flex: none;
        width:33.3333%
    }

    .col-xxl-5 {
        flex: none;
        width:41.6667%
    }

    .col-xxl-6 {
        flex: none;
        width:50%
    }

    .col-xxl-7 {
        flex: none;
        width:58.3333%
    }

    .col-xxl-8 {
        flex: none;
        width:66.6667%
    }

    .col-xxl-9 {
        flex: none;
        width:75%
    }

    .col-xxl-10 {
        flex: none;
        width:83.3333%
    }

    .col-xxl-11 {
        flex: none;
        width:91.6667%
    }

    .col-xxl-12 {
        flex: none;
        width:100%
    }

    .offset-xxl-0 {
        margin-left:0
    }

    .offset-xxl-1 {
        margin-left:8.33333%
    }

    .offset-xxl-2 {
        margin-left:16.6667%
    }

    .offset-xxl-3 {
        margin-left:25%
    }

    .offset-xxl-4 {
        margin-left:33.3333%
    }

    .offset-xxl-5 {
        margin-left:41.6667%
    }

    .offset-xxl-6 {
        margin-left:50%
    }

    .offset-xxl-7 {
        margin-left:58.3333%
    }

    .offset-xxl-8 {
        margin-left:66.6667%
    }

    .offset-xxl-9 {
        margin-left:75%
    }

    .offset-xxl-10 {
        margin-left:83.3333%
    }

    .offset-xxl-11 {
        margin-left:91.6667%
    }

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x:0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y:0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x:.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y:.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x:.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y:.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x:.75rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y:.75rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x:1rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y:1rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x:1.25rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y:1.25rem
    }

    .g-xxl-6, .gx-xxl-6 {
        --bs-gutter-x:1.5rem
    }

    .g-xxl-6, .gy-xxl-6 {
        --bs-gutter-y:1.5rem
    }

    .g-xxl-7, .gx-xxl-7 {
        --bs-gutter-x:1.75rem
    }

    .g-xxl-7, .gy-xxl-7 {
        --bs-gutter-y:1.75rem
    }

    .g-xxl-8, .gx-xxl-8 {
        --bs-gutter-x:2rem
    }

    .g-xxl-8, .gy-xxl-8 {
        --bs-gutter-y:2rem
    }

    .g-xxl-9, .gx-xxl-9 {
        --bs-gutter-x:2.25rem
    }

    .g-xxl-9, .gy-xxl-9 {
        --bs-gutter-y:2.25rem
    }

    .g-xxl-10, .gx-xxl-10 {
        --bs-gutter-x:2.5rem
    }

    .g-xxl-10, .gy-xxl-10 {
        --bs-gutter-y:2.5rem
    }

    .g-xxl-11, .gx-xxl-11 {
        --bs-gutter-x:2.75rem
    }

    .g-xxl-11, .gy-xxl-11 {
        --bs-gutter-y:2.75rem
    }

    .g-xxl-12, .gx-xxl-12 {
        --bs-gutter-x:3rem
    }

    .g-xxl-12, .gy-xxl-12 {
        --bs-gutter-y:3rem
    }

    .g-xxl-14, .gx-xxl-14 {
        --bs-gutter-x:3.5rem
    }

    .g-xxl-14, .gy-xxl-14 {
        --bs-gutter-y:3.5rem
    }

    .g-xxl-16, .gx-xxl-16 {
        --bs-gutter-x:4rem
    }

    .g-xxl-16, .gy-xxl-16 {
        --bs-gutter-y:4rem
    }

    .g-xxl-18, .gx-xxl-18 {
        --bs-gutter-x:4.5rem
    }

    .g-xxl-18, .gy-xxl-18 {
        --bs-gutter-y:4.5rem
    }

    .g-xxl-20, .gx-xxl-20 {
        --bs-gutter-x:5rem
    }

    .g-xxl-20, .gy-xxl-20 {
        --bs-gutter-y:5rem
    }

    .g-xxl-24, .gx-xxl-24 {
        --bs-gutter-x:6rem
    }

    .g-xxl-24, .gy-xxl-24 {
        --bs-gutter-y:6rem
    }
}

@media (max-width: 543px) {
    .hidden-xs-down {
        display:none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display:none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display:none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display:none !important
    }
}

.hidden-xl-down, .hidden-xs-up {
    display:none !important
}

@media (min-width: 544px) {
    .hidden-sm-up {
        display:none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display:none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display:none !important
    }
}

*, :before, :after {
    box-sizing:border-box
}

body {
    margin: 0;
    padding:0
}

:root {
    --blt-font-base: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.max-lines-1 {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow:hidden
}

.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.max-lines-2 {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow:hidden
}

.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.max-lines-3 {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow:hidden
}

.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.max-lines-4 {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow:hidden
}

.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.max-lines-5 {
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-box-orient: vertical;
    overflow:hidden
}

.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h1.max-lines-1, .blt-wrap .blt-h1.max-lines-1, .blt-h1.max-lines-1 {
    max-height:44px
}

.blt-wrap h1.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-1.max-lines--ellipsis, .blt-h1.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h1.max-lines-2, .blt-wrap .blt-h1.max-lines-2, .blt-h1.max-lines-2 {
    max-height:88px
}

.blt-wrap h1.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-2.max-lines--ellipsis, .blt-h1.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h1.max-lines-3, .blt-wrap .blt-h1.max-lines-3, .blt-h1.max-lines-3 {
    max-height:132px
}

.blt-wrap h1.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-3.max-lines--ellipsis, .blt-h1.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h1.max-lines-4, .blt-wrap .blt-h1.max-lines-4, .blt-h1.max-lines-4 {
    max-height:176px
}

.blt-wrap h1.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-4.max-lines--ellipsis, .blt-h1.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h1.max-lines-5, .blt-wrap .blt-h1.max-lines-5, .blt-h1.max-lines-5 {
    max-height:220px
}

.blt-wrap h1.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-5.max-lines--ellipsis, .blt-h1.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h2.max-lines-1, .blt-wrap .blt-h2.max-lines-1, .blt-h2.max-lines-1 {
    max-height:36px
}

.blt-wrap h2.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-1.max-lines--ellipsis, .blt-h2.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h2.max-lines-2, .blt-wrap .blt-h2.max-lines-2, .blt-h2.max-lines-2 {
    max-height:72px
}

.blt-wrap h2.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-2.max-lines--ellipsis, .blt-h2.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h2.max-lines-3, .blt-wrap .blt-h2.max-lines-3, .blt-h2.max-lines-3 {
    max-height:108px
}

.blt-wrap h2.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-3.max-lines--ellipsis, .blt-h2.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h2.max-lines-4, .blt-wrap .blt-h2.max-lines-4, .blt-h2.max-lines-4 {
    max-height:144px
}

.blt-wrap h2.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-4.max-lines--ellipsis, .blt-h2.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h2.max-lines-5, .blt-wrap .blt-h2.max-lines-5, .blt-h2.max-lines-5 {
    max-height:180px
}

.blt-wrap h2.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-5.max-lines--ellipsis, .blt-h2.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h3.max-lines-1, .blt-wrap .blt-h3.max-lines-1, .blt-h3.max-lines-1 {
    max-height:32px
}

.blt-wrap h3.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h3.max-lines-1.max-lines--ellipsis, .blt-h3.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h3.max-lines-2, .blt-wrap .blt-h3.max-lines-2, .blt-h3.max-lines-2 {
    max-height:64px
}

.blt-wrap h3.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h3.max-lines-2.max-lines--ellipsis, .blt-h3.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h3.max-lines-3, .blt-wrap .blt-h3.max-lines-3, .blt-h3.max-lines-3 {
    max-height:96px
}

.blt-wrap h3.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h3.max-lines-3.max-lines--ellipsis, .blt-h3.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h3.max-lines-4, .blt-wrap .blt-h3.max-lines-4, .blt-h3.max-lines-4 {
    max-height:128px
}

.blt-wrap h3.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h3.max-lines-4.max-lines--ellipsis, .blt-h3.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h3.max-lines-5, .blt-wrap .blt-h3.max-lines-5, .blt-h3.max-lines-5 {
    max-height:160px
}

.blt-wrap h3.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h3.max-lines-5.max-lines--ellipsis, .blt-h3.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h4.max-lines-1, .blt-wrap .blt-h4.max-lines-1, .blt-h4.max-lines-1 {
    max-height:32px
}

.blt-wrap h4.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h4.max-lines-1.max-lines--ellipsis, .blt-h4.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h4.max-lines-2, .blt-wrap .blt-h4.max-lines-2, .blt-h4.max-lines-2 {
    max-height:64px
}

.blt-wrap h4.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h4.max-lines-2.max-lines--ellipsis, .blt-h4.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h4.max-lines-3, .blt-wrap .blt-h4.max-lines-3, .blt-h4.max-lines-3 {
    max-height:96px
}

.blt-wrap h4.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h4.max-lines-3.max-lines--ellipsis, .blt-h4.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h4.max-lines-4, .blt-wrap .blt-h4.max-lines-4, .blt-h4.max-lines-4 {
    max-height:128px
}

.blt-wrap h4.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h4.max-lines-4.max-lines--ellipsis, .blt-h4.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h4.max-lines-5, .blt-wrap .blt-h4.max-lines-5, .blt-h4.max-lines-5 {
    max-height:160px
}

.blt-wrap h4.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h4.max-lines-5.max-lines--ellipsis, .blt-h4.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h5.max-lines-1, .blt-wrap .blt-h5.max-lines-1, .blt-h5.max-lines-1, .blt-wrap p.max-lines-1, .blt-wrap .blt-p.max-lines-1, .blt-p.max-lines-1 {
    max-height:24px
}

.blt-wrap h5.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h5.max-lines-1.max-lines--ellipsis, .blt-h5.max-lines-1.max-lines--ellipsis, .blt-wrap p.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-p.max-lines-1.max-lines--ellipsis, .blt-p.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h5.max-lines-2, .blt-wrap .blt-h5.max-lines-2, .blt-h5.max-lines-2, .blt-wrap p.max-lines-2, .blt-wrap .blt-p.max-lines-2, .blt-p.max-lines-2 {
    max-height:48px
}

.blt-wrap h5.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h5.max-lines-2.max-lines--ellipsis, .blt-h5.max-lines-2.max-lines--ellipsis, .blt-wrap p.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-p.max-lines-2.max-lines--ellipsis, .blt-p.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h5.max-lines-3, .blt-wrap .blt-h5.max-lines-3, .blt-h5.max-lines-3, .blt-wrap p.max-lines-3, .blt-wrap .blt-p.max-lines-3, .blt-p.max-lines-3 {
    max-height:72px
}

.blt-wrap h5.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h5.max-lines-3.max-lines--ellipsis, .blt-h5.max-lines-3.max-lines--ellipsis, .blt-wrap p.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-p.max-lines-3.max-lines--ellipsis, .blt-p.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h5.max-lines-4, .blt-wrap .blt-h5.max-lines-4, .blt-h5.max-lines-4, .blt-wrap p.max-lines-4, .blt-wrap .blt-p.max-lines-4, .blt-p.max-lines-4 {
    max-height:96px
}

.blt-wrap h5.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h5.max-lines-4.max-lines--ellipsis, .blt-h5.max-lines-4.max-lines--ellipsis, .blt-wrap p.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-p.max-lines-4.max-lines--ellipsis, .blt-p.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h5.max-lines-5, .blt-wrap .blt-h5.max-lines-5, .blt-h5.max-lines-5, .blt-wrap p.max-lines-5, .blt-wrap .blt-p.max-lines-5, .blt-p.max-lines-5 {
    max-height:120px
}

.blt-wrap h5.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h5.max-lines-5.max-lines--ellipsis, .blt-h5.max-lines-5.max-lines--ellipsis, .blt-wrap p.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-p.max-lines-5.max-lines--ellipsis, .blt-p.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

.blt-wrap h6.max-lines-1, .blt-wrap .blt-h6.max-lines-1, .blt-h6.max-lines-1 {
    max-height:20px
}

.blt-wrap h6.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h6.max-lines-1.max-lines--ellipsis, .blt-h6.max-lines-1.max-lines--ellipsis {
    -webkit-line-clamp:1
}

.blt-wrap h6.max-lines-2, .blt-wrap .blt-h6.max-lines-2, .blt-h6.max-lines-2 {
    max-height:40px
}

.blt-wrap h6.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h6.max-lines-2.max-lines--ellipsis, .blt-h6.max-lines-2.max-lines--ellipsis {
    -webkit-line-clamp:2
}

.blt-wrap h6.max-lines-3, .blt-wrap .blt-h6.max-lines-3, .blt-h6.max-lines-3 {
    max-height:60px
}

.blt-wrap h6.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h6.max-lines-3.max-lines--ellipsis, .blt-h6.max-lines-3.max-lines--ellipsis {
    -webkit-line-clamp:3
}

.blt-wrap h6.max-lines-4, .blt-wrap .blt-h6.max-lines-4, .blt-h6.max-lines-4 {
    max-height:80px
}

.blt-wrap h6.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h6.max-lines-4.max-lines--ellipsis, .blt-h6.max-lines-4.max-lines--ellipsis {
    -webkit-line-clamp:4
}

.blt-wrap h6.max-lines-5, .blt-wrap .blt-h6.max-lines-5, .blt-h6.max-lines-5 {
    max-height:100px
}

.blt-wrap h6.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h6.max-lines-5.max-lines--ellipsis, .blt-h6.max-lines-5.max-lines--ellipsis {
    -webkit-line-clamp:5
}

@media (min-width: 768px) {
    .blt-wrap h1.max-lines-1, .blt-wrap .blt-h1.max-lines-1, .blt-h1.max-lines-1 {
        max-height:44px
    }

    .blt-wrap h1.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-1.max-lines--ellipsis, .blt-h1.max-lines-1.max-lines--ellipsis {
        -webkit-line-clamp:1
    }

    .blt-wrap h1.max-lines-2, .blt-wrap .blt-h1.max-lines-2, .blt-h1.max-lines-2 {
        max-height:88px
    }

    .blt-wrap h1.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-2.max-lines--ellipsis, .blt-h1.max-lines-2.max-lines--ellipsis {
        -webkit-line-clamp:2
    }

    .blt-wrap h1.max-lines-3, .blt-wrap .blt-h1.max-lines-3, .blt-h1.max-lines-3 {
        max-height:132px
    }

    .blt-wrap h1.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-3.max-lines--ellipsis, .blt-h1.max-lines-3.max-lines--ellipsis {
        -webkit-line-clamp:3
    }

    .blt-wrap h1.max-lines-4, .blt-wrap .blt-h1.max-lines-4, .blt-h1.max-lines-4 {
        max-height:176px
    }

    .blt-wrap h1.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-4.max-lines--ellipsis, .blt-h1.max-lines-4.max-lines--ellipsis {
        -webkit-line-clamp:4
    }

    .blt-wrap h1.max-lines-5, .blt-wrap .blt-h1.max-lines-5, .blt-h1.max-lines-5 {
        max-height:220px
    }

    .blt-wrap h1.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-5.max-lines--ellipsis, .blt-h1.max-lines-5.max-lines--ellipsis {
        -webkit-line-clamp:5
    }

    .blt-wrap h2.max-lines-1, .blt-wrap .blt-h2.max-lines-1, .blt-h2.max-lines-1 {
        max-height:40px
    }

    .blt-wrap h2.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-1.max-lines--ellipsis, .blt-h2.max-lines-1.max-lines--ellipsis {
        -webkit-line-clamp:1
    }

    .blt-wrap h2.max-lines-2, .blt-wrap .blt-h2.max-lines-2, .blt-h2.max-lines-2 {
        max-height:80px
    }

    .blt-wrap h2.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-2.max-lines--ellipsis, .blt-h2.max-lines-2.max-lines--ellipsis {
        -webkit-line-clamp:2
    }

    .blt-wrap h2.max-lines-3, .blt-wrap .blt-h2.max-lines-3, .blt-h2.max-lines-3 {
        max-height:120px
    }

    .blt-wrap h2.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-3.max-lines--ellipsis, .blt-h2.max-lines-3.max-lines--ellipsis {
        -webkit-line-clamp:3
    }

    .blt-wrap h2.max-lines-4, .blt-wrap .blt-h2.max-lines-4, .blt-h2.max-lines-4 {
        max-height:160px
    }

    .blt-wrap h2.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-4.max-lines--ellipsis, .blt-h2.max-lines-4.max-lines--ellipsis {
        -webkit-line-clamp:4
    }

    .blt-wrap h2.max-lines-5, .blt-wrap .blt-h2.max-lines-5, .blt-h2.max-lines-5 {
        max-height:200px
    }

    .blt-wrap h2.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-5.max-lines--ellipsis, .blt-h2.max-lines-5.max-lines--ellipsis {
        -webkit-line-clamp:5
    }
}

@media (min-width: 992px) {
    .blt-wrap h1.max-lines-1, .blt-wrap .blt-h1.max-lines-1, .blt-h1.max-lines-1 {
        max-height:52px
    }

    .blt-wrap h1.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-1.max-lines--ellipsis, .blt-h1.max-lines-1.max-lines--ellipsis {
        -webkit-line-clamp:1
    }

    .blt-wrap h1.max-lines-2, .blt-wrap .blt-h1.max-lines-2, .blt-h1.max-lines-2 {
        max-height:104px
    }

    .blt-wrap h1.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-2.max-lines--ellipsis, .blt-h1.max-lines-2.max-lines--ellipsis {
        -webkit-line-clamp:2
    }

    .blt-wrap h1.max-lines-3, .blt-wrap .blt-h1.max-lines-3, .blt-h1.max-lines-3 {
        max-height:156px
    }

    .blt-wrap h1.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-3.max-lines--ellipsis, .blt-h1.max-lines-3.max-lines--ellipsis {
        -webkit-line-clamp:3
    }

    .blt-wrap h1.max-lines-4, .blt-wrap .blt-h1.max-lines-4, .blt-h1.max-lines-4 {
        max-height:208px
    }

    .blt-wrap h1.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-4.max-lines--ellipsis, .blt-h1.max-lines-4.max-lines--ellipsis {
        -webkit-line-clamp:4
    }

    .blt-wrap h1.max-lines-5, .blt-wrap .blt-h1.max-lines-5, .blt-h1.max-lines-5 {
        max-height:260px
    }

    .blt-wrap h1.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h1.max-lines-5.max-lines--ellipsis, .blt-h1.max-lines-5.max-lines--ellipsis {
        -webkit-line-clamp:5
    }

    .blt-wrap h2.max-lines-1, .blt-wrap .blt-h2.max-lines-1, .blt-h2.max-lines-1 {
        max-height:44px
    }

    .blt-wrap h2.max-lines-1.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-1.max-lines--ellipsis, .blt-h2.max-lines-1.max-lines--ellipsis {
        -webkit-line-clamp:1
    }

    .blt-wrap h2.max-lines-2, .blt-wrap .blt-h2.max-lines-2, .blt-h2.max-lines-2 {
        max-height:88px
    }

    .blt-wrap h2.max-lines-2.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-2.max-lines--ellipsis, .blt-h2.max-lines-2.max-lines--ellipsis {
        -webkit-line-clamp:2
    }

    .blt-wrap h2.max-lines-3, .blt-wrap .blt-h2.max-lines-3, .blt-h2.max-lines-3 {
        max-height:132px
    }

    .blt-wrap h2.max-lines-3.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-3.max-lines--ellipsis, .blt-h2.max-lines-3.max-lines--ellipsis {
        -webkit-line-clamp:3
    }

    .blt-wrap h2.max-lines-4, .blt-wrap .blt-h2.max-lines-4, .blt-h2.max-lines-4 {
        max-height:176px
    }

    .blt-wrap h2.max-lines-4.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-4.max-lines--ellipsis, .blt-h2.max-lines-4.max-lines--ellipsis {
        -webkit-line-clamp:4
    }

    .blt-wrap h2.max-lines-5, .blt-wrap .blt-h2.max-lines-5, .blt-h2.max-lines-5 {
        max-height:220px
    }

    .blt-wrap h2.max-lines-5.max-lines--ellipsis, .blt-wrap .blt-h2.max-lines-5.max-lines--ellipsis, .blt-h2.max-lines-5.max-lines--ellipsis {
        -webkit-line-clamp:5
    }
}

.space-xl, .space-lg, .space-md, .space-sm, .space-xs, .space-240, .space-232, .space-224, .space-216, .space-208, .space-200, .space-192, .space-184, .space-176, .space-168, .space-160, .space-152, .space-144, .space-136, .space-128, .space-120, .space-112, .space-104, .space-96, .space-88, .space-80, .space-72, .space-64, .space-56, .space-48, .space-44, .space-40, .space-36, .space-32, .space-28, .space-24, .space-20, .space-16, .space-12, .space-8, .space-4, .space-var {
    background-color: #0000;
    display: block;
    pointer-events: none !important;
    border: none !important;
    margin: 0 !important;
    padding:0 !important
}

.space-4 {
    height:4px
}

.space-8 {
    height:8px
}

.space-12 {
    height:12px
}

.space-16 {
    height:16px
}

.space-20 {
    height:20px
}

.space-24 {
    height:24px
}

.space-28 {
    height:28px
}

.space-32 {
    height:32px
}

.space-36 {
    height:36px
}

.space-40 {
    height:40px
}

.space-44 {
    height:44px
}

.space-48 {
    height:48px
}

.space-56 {
    height:56px
}

.space-64 {
    height:64px
}

.space-72 {
    height:72px
}

.space-80 {
    height:80px
}

.space-88 {
    height:88px
}

.space-96 {
    height:96px
}

.space-104 {
    height:104px
}

.space-112 {
    height:112px
}

.space-120 {
    height:120px
}

.space-128 {
    height:128px
}

.space-136 {
    height:136px
}

.space-144 {
    height:144px
}

.space-152 {
    height:152px
}

.space-160 {
    height:160px
}

.space-168 {
    height:168px
}

.space-176 {
    height:176px
}

.space-184 {
    height:184px
}

.space-192 {
    height:192px
}

.space-200 {
    height:200px
}

.space-208 {
    height:208px
}

.space-216 {
    height:216px
}

.space-224 {
    height:224px
}

.space-232 {
    height:232px
}

.space-240 {
    height:240px
}

.space-xs {
    height:16px
}

.space-sm {
    height:24px
}

.space-md {
    height:32px
}

.space-lg {
    height:48px
}

.space-xl {
    height:64px
}

@media (min-width: 768px) {
    .space-xs {
        height:16px
    }

    .space-sm {
        height:24px
    }

    .space-md {
        height:32px
    }

    .space-lg {
        height:48px
    }

    .space-xl {
        height:64px
    }
}

@media (min-width: 992px) {
    .space-xs {
        height:16px
    }

    .space-sm {
        height:24px
    }

    .space-md {
        height:32px
    }

    .space-lg {
        height:48px
    }

    .space-xl {
        height:64px
    }
}

.blt-wrap ul + ul, .blt-wrap ul + ol, .blt-wrap ul + p, .blt-wrap ul + h1, .blt-wrap ul + h2, .blt-wrap ul + h3, .blt-wrap ul + h4, .blt-wrap ul + h5, .blt-wrap ul + h6, .blt-wrap ol + ul, .blt-wrap ol + ol, .blt-wrap ol + p, .blt-wrap ol + h1, .blt-wrap ol + h2, .blt-wrap ol + h3, .blt-wrap ol + h4, .blt-wrap ol + h5, .blt-wrap ol + h6, .blt-wrap p + ul, .blt-wrap p + ol, .blt-wrap p + p, .blt-wrap p + h1, .blt-wrap p + h2, .blt-wrap p + h3, .blt-wrap p + h4, .blt-wrap p + h5, .blt-wrap p + h6, .blt-wrap h1 + ul, .blt-wrap h1 + ol, .blt-wrap h1 + p, .blt-wrap h1 + h1, .blt-wrap h1 + h2, .blt-wrap h1 + h3, .blt-wrap h1 + h4, .blt-wrap h1 + h5, .blt-wrap h1 + h6, .blt-wrap h2 + ul, .blt-wrap h2 + ol, .blt-wrap h2 + p, .blt-wrap h2 + h1, .blt-wrap h2 + h2, .blt-wrap h2 + h3, .blt-wrap h2 + h4, .blt-wrap h2 + h5, .blt-wrap h2 + h6, .blt-wrap h3 + ul, .blt-wrap h3 + ol, .blt-wrap h3 + p, .blt-wrap h3 + h1, .blt-wrap h3 + h2, .blt-wrap h3 + h3, .blt-wrap h3 + h4, .blt-wrap h3 + h5, .blt-wrap h3 + h6, .blt-wrap h4 + ul, .blt-wrap h4 + ol, .blt-wrap h4 + p, .blt-wrap h4 + h1, .blt-wrap h4 + h2, .blt-wrap h4 + h3, .blt-wrap h4 + h4, .blt-wrap h4 + h5, .blt-wrap h4 + h6, .blt-wrap h5 + ul, .blt-wrap h5 + ol, .blt-wrap h5 + p, .blt-wrap h5 + h1, .blt-wrap h5 + h2, .blt-wrap h5 + h3, .blt-wrap h5 + h4, .blt-wrap h5 + h5, .blt-wrap h5 + h6, .blt-wrap h6 + ul, .blt-wrap h6 + ol, .blt-wrap h6 + p, .blt-wrap h6 + h1, .blt-wrap h6 + h2, .blt-wrap h6 + h3, .blt-wrap h6 + h4, .blt-wrap h6 + h5, .blt-wrap h6 + h6 {
    margin-top:0
}

.blt-wrap ul + ul:before, .blt-wrap ul + ol:before, .blt-wrap ul + p:before, .blt-wrap ul + h1:before, .blt-wrap ul + h2:before, .blt-wrap ul + h3:before, .blt-wrap ul + h4:before, .blt-wrap ul + h5:before, .blt-wrap ul + h6:before, .blt-wrap ol + ul:before, .blt-wrap ol + ol:before, .blt-wrap ol + p:before, .blt-wrap ol + h1:before, .blt-wrap ol + h2:before, .blt-wrap ol + h3:before, .blt-wrap ol + h4:before, .blt-wrap ol + h5:before, .blt-wrap ol + h6:before, .blt-wrap p + ul:before, .blt-wrap p + ol:before, .blt-wrap p + p:before, .blt-wrap p + h1:before, .blt-wrap p + h2:before, .blt-wrap p + h3:before, .blt-wrap p + h4:before, .blt-wrap p + h5:before, .blt-wrap p + h6:before, .blt-wrap h1 + ul:before, .blt-wrap h1 + ol:before, .blt-wrap h1 + p:before, .blt-wrap h1 + h1:before, .blt-wrap h1 + h2:before, .blt-wrap h1 + h3:before, .blt-wrap h1 + h4:before, .blt-wrap h1 + h5:before, .blt-wrap h1 + h6:before, .blt-wrap h2 + ul:before, .blt-wrap h2 + ol:before, .blt-wrap h2 + p:before, .blt-wrap h2 + h1:before, .blt-wrap h2 + h2:before, .blt-wrap h2 + h3:before, .blt-wrap h2 + h4:before, .blt-wrap h2 + h5:before, .blt-wrap h2 + h6:before, .blt-wrap h3 + ul:before, .blt-wrap h3 + ol:before, .blt-wrap h3 + p:before, .blt-wrap h3 + h1:before, .blt-wrap h3 + h2:before, .blt-wrap h3 + h3:before, .blt-wrap h3 + h4:before, .blt-wrap h3 + h5:before, .blt-wrap h3 + h6:before, .blt-wrap h4 + ul:before, .blt-wrap h4 + ol:before, .blt-wrap h4 + p:before, .blt-wrap h4 + h1:before, .blt-wrap h4 + h2:before, .blt-wrap h4 + h3:before, .blt-wrap h4 + h4:before, .blt-wrap h4 + h5:before, .blt-wrap h4 + h6:before, .blt-wrap h5 + ul:before, .blt-wrap h5 + ol:before, .blt-wrap h5 + p:before, .blt-wrap h5 + h1:before, .blt-wrap h5 + h2:before, .blt-wrap h5 + h3:before, .blt-wrap h5 + h4:before, .blt-wrap h5 + h5:before, .blt-wrap h5 + h6:before, .blt-wrap h6 + ul:before, .blt-wrap h6 + ol:before, .blt-wrap h6 + p:before, .blt-wrap h6 + h1:before, .blt-wrap h6 + h2:before, .blt-wrap h6 + h3:before, .blt-wrap h6 + h4:before, .blt-wrap h6 + h5:before, .blt-wrap h6 + h6:before {
    content: "";
    pointer-events: none;
    height: 32px;
    margin-bottom: -6px;
    display:block
}

body {
    font-family: var(--blt-font-base);
    color: #000000de;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -ms-font-feature-settings: "kern";
    font-feature-settings: "kern";
    font-kerning: normal;
    font-size: 16px;
    line-height:24px
}

.blt-d1 {
    letter-spacing: -.02em;
    margin: 0;
    font-size: 48px;
    line-height:1.2
}

@media (min-width: 768px) {
    .blt-d1 {
        letter-spacing: -.02em;
        margin: 0;
        font-size: 56px;
        line-height:1.2
    }
}

@media (min-width: 992px) {
    .blt-d1 {
        letter-spacing: -.02em;
        margin: 0;
        font-size: 64px;
        line-height:1.2
    }
}

.blt-12px {
    letter-spacing: 0;
    font-size: 12px;
    line-height:1.2
}

.blt-14px {
    letter-spacing: 0;
    font-size: 14px;
    line-height:1.2
}

.blt-16px {
    letter-spacing: 0;
    font-size: 16px;
    line-height:1.2
}

.blt-18px {
    letter-spacing: 0;
    font-size: 18px;
    line-height:1.2
}

.blt-20px {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height:1.2
}

.blt-24px {
    letter-spacing: -.01em;
    font-size: 24px;
    line-height:1.2
}

.blt-28px {
    letter-spacing: -.01em;
    font-size: 28px;
    line-height:1.2
}

.blt-32px {
    letter-spacing: -.02em;
    font-size: 32px;
    line-height:1.2
}

.blt-36px {
    letter-spacing: -.02em;
    font-size: 36px;
    line-height:1.2
}

.blt-40px {
    letter-spacing: -.02em;
    font-size: 40px;
    line-height:1.2
}

.blt-44px {
    letter-spacing: -.02em;
    font-size: 44px;
    line-height:1.2
}

.blt-48px {
    letter-spacing: -.02em;
    font-size: 48px;
    line-height:1.2
}

.blt-56px {
    letter-spacing: -.02em;
    font-size: 56px;
    line-height:1.2
}

.blt-64px {
    letter-spacing: -.02em;
    font-size: 64px;
    line-height:1.2
}

.blt-wrap h1, .blt-wrap .blt-h1, .blt-h1 {
    letter-spacing: -.02em;
    margin: 0;
    font-size: 36px;
    line-height:1.2
}

.blt-wrap h2, .blt-wrap .blt-h2, .blt-h2 {
    letter-spacing: -.01em;
    margin: 0;
    font-size: 28px;
    line-height:1.2
}

.blt-wrap h3, .blt-wrap .blt-h3, .blt-h3 {
    letter-spacing: -.01em;
    margin: 0;
    font-size: 24px;
    line-height:1.2
}

.blt-wrap h4, .blt-wrap .blt-h4, .blt-h4 {
    letter-spacing: -.01em;
    margin: 0;
    font-size: 20px;
    line-height:1.2
}

.blt-wrap h5, .blt-wrap .blt-h5, .blt-h5 {
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
    line-height:1.2
}

.blt-wrap h6, .blt-wrap .blt-h6, .blt-h6 {
    letter-spacing: 0;
    margin: 0;
    font-size: 14px;
    line-height:1.2
}

.blt-wrap .blt-h7, .blt-h7 {
    letter-spacing: 0;
    margin: 0;
    font-size: 12px;
    line-height:1.2
}

.blt-wrap .blt-p4, .blt-p4 {
    letter-spacing: -.01em;
    margin: 0;
    font-size: 20px;
    line-height:1.5
}

.blt-wrap p, .blt-wrap .blt-p, .blt-p {
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
    line-height:1.5
}

.blt-wrap .blt-p6, .blt-p6 {
    letter-spacing: 0;
    margin: 0;
    font-size: 14px;
    line-height:1.5
}

.blt-wrap .blt-p7, .blt-p7 {
    letter-spacing: 0;
    margin: 0;
    font-size: 12px;
    line-height:1.5
}

@media (min-width: 768px) {
    .blt-wrap h1, .blt-wrap .blt-h1, .blt-h1 {
        letter-spacing: -.02em;
        font-size: 40px;
        line-height:1.2
    }

    .blt-wrap h2, .blt-wrap .blt-h2, .blt-h2 {
        letter-spacing: -.02em;
        font-size: 32px;
        line-height:1.2
    }
}

@media (min-width: 992px) {
    .blt-wrap h1, .blt-wrap .blt-h1, .blt-h1 {
        letter-spacing: -.02em;
        font-size: 48px;
        line-height:1.2
    }

    .blt-wrap h2, .blt-wrap .blt-h2, .blt-h2 {
        letter-spacing: -.02em;
        font-size: 36px;
        line-height:1.2
    }
}

.blt-wrap p, .blt-wrap ol, .blt-wrap ul, .blt-wrap dl, .blt-wrap pre, .blt-wrap address, .blt-wrap blockquote {
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
    line-height:1.5
}

.blt-align-center {
    text-align:center
}

.blt-align-left {
    text-align:left
}

.blt-align-right {
    text-align:right
}

.blt-valign-middle {
    vertical-align:middle
}

.blt-wrap b, .blt-wrap strong, .blt-weight-bold {
    font-weight:700
}

.blt-weight-medium {
    font-weight:500
}

.blt-weight-normal {
    font-weight:400
}

.blt-wrap i:not([class]), .blt-wrap em, .blt-style-italic {
    font-style:italic
}

.blt-color-b1 {
    color:#000000de
}

.blt-color-b2 {
    color:#0000008a
}

.blt-color-b3 {
    color:#00000061
}

.blt-color-error {
    color:#f44336
}

.blt-color-green {
    color:#4caf50
}

.blt-fill-b1 {
    fill:#000000de
}

.blt-fill-b2 {
    fill:#0000008a
}

.blt-fill-b3 {
    color:#00000061
}

.blt-display-block {
    display:block
}

.blt-display-inline {
    display:inline
}

.blt-display-inline-block {
    display:inline-block
}

.blt-anchor:before {
    content: "";
    margin-top: -100px;
    padding-top: 100px;
    display:block
}

.blt-word-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break:break-word
}

[data-site-editable-id] {
    position:relative
}

[data-site-editable-id] .site-editable-overlay {
    display:none
}

.site-editable--active [data-site-editable-id] .site-editable-overlay {
    pointer-events: auto;
    cursor: pointer;
    outline-offset: 2px;
    background-color: #0000;
    border-radius: 1px;
    outline: 0 solid #fc00;
    transition: outline .1s;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.site-editable--active [data-site-editable-id] .site-editable-overlay:hover {
    outline:3px solid #fc0
}

.theme-blocks .theme-block {
    margin-bottom:32px
}

.theme-blocks .theme-block:empty {
    margin-bottom:0
}

.theme-block {
    display: block;
    position:relative
}

.theme-picture-block {
    text-align:center
}

.theme-picture-block img {
    margin: 0 auto;
    display:block
}

@media (max-width: 543px) {
    .theme-picture-block img {
        max-width:100% !important
    }
}

.theme-picture-block figcaption {
    color: #00000061;
    margin-top: 8px;
    font-size: 14px;
    line-height:20px
}

.theme-picture-block.theme-picture-block--center {
    text-align:center
}

.theme-picture-block.theme-picture-block--center img {
    margin-left: auto;
    margin-right:auto
}

.theme-picture-block.theme-picture-block--left {
    text-align:left
}

.theme-picture-block.theme-picture-block--left img {
    margin-left: 0;
    margin-right:auto
}

.theme-picture-block.theme-picture-block--right {
    text-align:right
}

.theme-picture-block.theme-picture-block--right img {
    margin-left: auto;
    margin-right:0
}

pre.theme-code-block {
    margin:0
}

pre.theme-code-block code, pre.theme-code-block code.hljs {
    background-color: #0000000d;
    border-radius: 2px;
    padding: 16px;
    font-size: 14px;
    line-height: 16px;
    display: block;
    overflow:auto
}

.theme-tiktok-block {
    border: 1px solid #1618231f;
    border-radius: 8px;
    width: 100%;
    min-width: 325px;
    max-width: 540px;
    margin: 18px auto;
    display: block;
    position:relative
}

a.theme-tiktok-block__content {
    padding: 48px 16px 16px;
    text-decoration: none;
    display:block
}

a.theme-tiktok-block__author {
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    top: 16px;
    left:16px
}

a.theme-tiktok-block__author:hover {
    text-decoration:underline
}

.theme-twitter-block {
    border: 1px solid #1618231f;
    border-radius: 8px;
    width: 100%;
    min-width: 325px;
    max-width: 540px;
    margin: 18px auto;
    padding: 16px;
    display: block;
    position:relative
}

.theme-block .twitter-tweet {
    margin-left: auto;
    margin-right:auto
}

.theme-callout-block {
    background-color: #f5f5f5;
    border: 1px solid #0000;
    border-radius: 4px;
    padding:12px 16px
}

.theme-callout-block.theme-callout-block--clear {
    border-color:#0000001a
}

.theme-callout-block__emoji {
    text-align: center;
    width: 24px;
    margin-inline-end: 16px;
    font-size:22px
}

.theme-mentor-first-block {
    width: 40%;
    max-width: 400px;
    margin: 0 auto;
    display:block
}

@media (max-width: 543px) {
    .theme-mentor-first-block {
        width: 50%;
        min-width:200px
    }
}

.block-editor__editor, .block-editor__overlay, .block-editor__add-above, .block-editor__add-below, .block-editor__action-btns, .theme-block--blank, .theme-block--append {
    display:none
}

.site-editable--active .theme-block--blank, .site-editable--active .theme-block--append {
    display:block
}

.site-editable--active .block-editor.block-editor--hover, .site-editable--active .block-editor.block-editor--focused, .site-editable--active .block-editor.block-editor--editing {
    z-index: 1;
    border-radius: 1px;
    outline-offset: 2px !important;
    outline:3px solid #fc0 !important
}

.site-editable--active .block-editor .block-editor__editor {
    z-index: 1;
    display: block;
    position:relative
}

.site-editable--active .block-editor .block-editor__content {
    min-height: 16px;
    position:relative
}

.site-editable--active .block-editor .block-editor__overlay {
    pointer-events: auto;
    cursor: pointer;
    background-color: #0000;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.site-editable--active .block-editor .block-editor__overlay.block-editor__overlay--hide-from-hover {
    pointer-events:none
}

.site-editable--active .block-editor .block-editor__action-btns {
    gap: 4px;
    margin-left: -42px;
    display: none;
    position: absolute;
    top: 0;
    left:50%
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) > .block-editor__add-above, .site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) > .block-editor__add-below {
    justify-content: center;
    height: 32px;
    display: flex;
    position: absolute;
    left: 0;
    right:0
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) > .block-editor__add-above {
    align-items: center;
    top:-32px
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) > .block-editor__add-below {
    align-items: center;
    bottom:-32px
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) .block-editor__add-above-btn, .site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) .block-editor__add-below-btn {
    cursor: pointer;
    transform-origin: 50%;
    background-color: #eee;
    border-radius: 8px;
    padding: 0 32px;
    transition:transform .25s
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) .block-editor__add-above-btn:hover, .site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) .block-editor__add-below-btn:hover {
    transform-origin: 50%;
    transform:scale(1.2)
}

.site-editable--active .block-editor.block-editor--hover:not(.block-editor--focused) > .block-editor__action-btns {
    display:flex
}

.site-editable--active .block-editor .theme-columns-block-column:before {
    content: "Column";
    color: #ccc;
    background: linear-gradient(90deg, #fff0 calc(50% - 24px), #fff calc(50% - 24px), #fff calc(50% + 24px), #fff0 calc(50% + 24px)), linear-gradient(#fff0 calc(50% - 1px), #ccc 50%, #fff0 calc(50% + 1px));
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    justify-content: center;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 24px;
    display:flex
}

.site-editable--active .block-editor.block-editor--focused .block-editor__overlay.block-editor__overlay--hide-from-hover {
    pointer-events:all
}

.site-editable--active .block-editor.block-editor--editing.theme-block--markdown .block-editor__content, .site-editable--active .block-editor.block-editor--editing.theme-block--visual-text .block-editor__content, .site-editable--active .block-editor.block-editor--editing.theme-block--picture-gallery .block-editor__content {
    display:none
}

.theme-btn, a.theme-btn:link, a.theme-btn:visited, a.theme-btn:hover, a.theme-btn:active {
    color: #000000de;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 12px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: inline-flex;
    text-decoration:none !important
}

.theme-btn > svg, a.theme-btn:link > svg, a.theme-btn:visited > svg, a.theme-btn:hover > svg, a.theme-btn:active > svg {
    fill: currentColor;
    display:block
}

.theme-btn > svg:first-child, a.theme-btn:link > svg:first-child, a.theme-btn:visited > svg:first-child, a.theme-btn:hover > svg:first-child, a.theme-btn:active > svg:first-child {
    margin-left:-8px
}

.theme-btn > svg:last-child, a.theme-btn:link > svg:last-child, a.theme-btn:visited > svg:last-child, a.theme-btn:hover > svg:last-child, a.theme-btn:active > svg:last-child {
    margin-right:-8px
}

.contact-modal .contact-modal__overlay {
    z-index: 99;
    pointer-events: none;
    background-color: #0000000d;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.contact-modal .contact-modal__content {
    z-index: 100;
    text-align: left;
    background-color: #fff;
    width: 240px;
    padding: 20px;
    transition: left .25s ease-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -248px;
    overflow: auto;
    box-shadow:2px 0 5px #0000001a
}

.contact-modal.is-modal-active .contact-modal__content {
    left:0
}

.contact-modal.is-modal-active .contact-modal__overlay {
    pointer-events: auto;
    display:block
}

.theme-contact-social-link {
    flex-direction: row;
    margin-bottom: 8px;
    display:flex
}

.theme-contact-social-link-icon {
    color: #212121;
    opacity: .54;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display:flex
}

.theme-contact-social-link-icon > svg {
    width: 20px;
    height: 20px;
    display:block
}

.theme-contact-social-link-text {
    flex:auto
}

.theme-markdown-footnotes {
    border-top: 1px solid #00000026;
    padding-top:24px
}

.theme-markdown-footnotes ol {
    margin:0
}

.theme-markdown-footnotes ol > li + li {
    padding-top:24px
}

a:link.fancy-footnote-ref, a:link.fancy-footnote-backlink, a:visited.fancy-footnote-ref, a:visited.fancy-footnote-backlink, a:hover.fancy-footnote-ref, a:hover.fancy-footnote-backlink, a:active.fancy-footnote-ref, a:active.fancy-footnote-backlink {
    color: #000000de;
    background-color: #ccc;
    border: none;
    border-radius: 24px;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    display:inline-block
}

a:link.fancy-footnote-ref, a:visited.fancy-footnote-ref, a:hover.fancy-footnote-ref, a:active.fancy-footnote-ref {
    padding:2px 12px
}

a:link.fancy-footnote-backlink, a:visited.fancy-footnote-backlink, a:hover.fancy-footnote-backlink, a:active.fancy-footnote-backlink {
    padding:3px 12px 1px
}

.fancy-footnote-tooltip {
    color: #000000de;
    background-color: #fff;
    border-radius: 8px;
    max-width: 600px;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    display: none;
    position: absolute;
    box-shadow:0 2px 4px #00000024, 0 4px 5px #0000001f, 0 1px 10px #0003
}

@media (max-width: 767px) {
    .fancy-footnote-tooltip {
        max-width:calc(100vw - 32px)
    }
}

.fancy-footnote-tooltip[data-show] {
    display:block
}

.fancy-footnote-tooltip > .fancy-footnote-tooltip__arrow {
    visibility: hidden;
    background: inherit;
    width: 12px;
    height: 12px;
    position:absolute
}

.fancy-footnote-tooltip > .fancy-footnote-tooltip__arrow:before {
    content: "";
    visibility: visible;
    background: inherit;
    width: 12px;
    height: 12px;
    position: absolute;
    transform: rotate(45deg);
    box-shadow:0 0 2px #00000024, 0 2px 2px #0000001f, 0 1px 3px #0003
}

.fancy-footnote-tooltip > .fancy-footnote-tooltip__arrow:after {
    content: "";
    visibility: visible;
    background: inherit;
    position:absolute
}

.fancy-footnote-tooltip[data-popper-placement^=top] > .fancy-footnote-tooltip__arrow {
    bottom:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=top] > .fancy-footnote-tooltip__arrow:after {
    width: 24px;
    height: 12px;
    bottom: 6px;
    left:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=bottom] > .fancy-footnote-tooltip__arrow {
    top:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=bottom] > .fancy-footnote-tooltip__arrow:after {
    width: 24px;
    height: 12px;
    top: 6px;
    left:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=left] > .fancy-footnote-tooltip__arrow {
    right:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=left] > .fancy-footnote-tooltip__arrow:after {
    width: 12px;
    height: 24px;
    top: -6px;
    right:6px
}

.fancy-footnote-tooltip[data-popper-placement^=right] > .fancy-footnote-tooltip__arrow {
    left:-6px
}

.fancy-footnote-tooltip[data-popper-placement^=right] > .fancy-footnote-tooltip__arrow:after {
    width: 12px;
    height: 24px;
    top: -6px;
    left:6px
}

.theme-form input[type=text].theme-input, .theme-form input[type=password].theme-input, .theme-form input[type=email].theme-input, .theme-form textarea.theme-input {
    border: 1px solid #00000026;
    border-radius: 4px;
    width: 100%;
    margin-top: 8px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 24px;
    display:block
}

.theme-form input[type=text].theme-input:focus, .theme-form input[type=password].theme-input:focus, .theme-form input[type=email].theme-input:focus, .theme-form textarea.theme-input:focus {
    border: 1px solid #000000de;
    outline:none
}

.theme-form .field_with_errors input[type=text].theme-input, .theme-form .field_with_errors input[type=password].theme-input, .theme-form .field_with_errors input[type=email].theme-input, .theme-form .field_with_errors textarea.theme-input {
    border-color:#f44336
}

.theme-input-error {
    color:#f44336
}

.theme-alert {
    border-radius: 2px;
    padding:16px
}

.theme-alert.theme-alert--success {
    background-color:#ffecb3
}

.theme-alert.theme-alert--danger {
    background-color:#ffcdd2
}

.theme-block h1, .theme-block h2, .theme-block h3, .theme-block h4, .theme-block h5, .theme-block h6 {
    scroll-margin-top: var(--theme-header-height, 0);
    position:relative
}

.theme-block h1 > a.theme-heading-anchor, .theme-block h2 > a.theme-heading-anchor, .theme-block h3 > a.theme-heading-anchor, .theme-block h4 > a.theme-heading-anchor, .theme-block h5 > a.theme-heading-anchor, .theme-block h6 > a.theme-heading-anchor {
    opacity: 0;
    color: #616161;
    border: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left:-24px
}

.theme-block h1 > a.theme-heading-anchor:before, .theme-block h2 > a.theme-heading-anchor:before, .theme-block h3 > a.theme-heading-anchor:before, .theme-block h4 > a.theme-heading-anchor:before, .theme-block h5 > a.theme-heading-anchor:before, .theme-block h6 > a.theme-heading-anchor:before {
    content: "#"
}

.theme-block h1:hover > a.theme-heading-anchor, .theme-block h2:hover > a.theme-heading-anchor, .theme-block h3:hover > a.theme-heading-anchor, .theme-block h4:hover > a.theme-heading-anchor, .theme-block h5:hover > a.theme-heading-anchor, .theme-block h6:hover > a.theme-heading-anchor {
    opacity:1
}

.theme-anchor {
    position: relative;
    top:-80px
}

.theme-markdown-content h1 {
    letter-spacing: -.01em;
    font-size: 28px;
    line-height:1.2
}

.theme-markdown-content h2 {
    letter-spacing: -.01em;
    font-size: 24px;
    line-height:1.2
}

.theme-markdown-content h3 {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height:1.2
}

.theme-markdown-content h4 {
    letter-spacing: 0;
    font-size: 16px;
    line-height:1.2
}

.theme-markdown-content h5, .theme-markdown-content h6 {
    letter-spacing: 0;
    font-size: 14px;
    line-height:1.2
}

@media (min-width: 768px) {
    .theme-markdown-content h1 {
        letter-spacing: -.02em;
        font-size: 32px;
        line-height:1.2
    }

    .theme-markdown-content h2 {
        letter-spacing: -.01em;
        font-size: 24px;
        line-height:1.2
    }

    .theme-markdown-content h3 {
        letter-spacing: -.01em;
        font-size: 20px;
        line-height:1.2
    }

    .theme-markdown-content h4 {
        letter-spacing: 0;
        font-size: 16px;
        line-height:1.2
    }

    .theme-markdown-content h5, .theme-markdown-content h6 {
        letter-spacing: 0;
        font-size: 14px;
        line-height:1.2
    }
}

@media (min-width: 992px) {
    .theme-markdown-content h1 {
        letter-spacing: -.02em;
        font-size: 36px;
        line-height:1.2
    }

    .theme-markdown-content h2 {
        letter-spacing: -.01em;
        font-size: 24px;
        line-height:1.2
    }

    .theme-markdown-content h3 {
        letter-spacing: -.01em;
        font-size: 20px;
        line-height:1.2
    }

    .theme-markdown-content h4 {
        letter-spacing: 0;
        font-size: 16px;
        line-height:1.2
    }

    .theme-markdown-content h5, .theme-markdown-content h6 {
        letter-spacing: 0;
        font-size: 14px;
        line-height:1.2
    }
}

.theme-markdown-content h1, .theme-markdown-content h2, .theme-markdown-content h3, .theme-markdown-content h4, .theme-markdown-content h5, .theme-markdown-content h6 {
    margin: 0;
    font-weight:700
}

.theme-markdown-content p, .theme-markdown-content ul, .theme-markdown-content ol, .theme-markdown-content dl, .theme-markdown-content pre, .theme-markdown-content address, .theme-markdown-content blockquote > p {
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
    line-height:1.5
}

div.theme-post .theme-markdown-content p, div.theme-post .theme-markdown-content ul, div.theme-post .theme-markdown-content ol, div.theme-post .theme-markdown-content dl, div.theme-post .theme-markdown-content pre, div.theme-post .theme-markdown-content address, div.theme-post .theme-markdown-content blockquote > p {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height:1.5
}

.theme-markdown-content blockquote {
    color: #0000008a;
    border-left: .3em solid #ccc;
    margin: 0;
    padding:0 1em
}

.theme-markdown-content ul, .theme-markdown-content ol, .theme-markdown-content dl {
    padding-left:0
}

.theme-markdown-content ul > li, .theme-markdown-content ol > li, .theme-markdown-content dl > li {
    margin-left: 16px;
    padding-left:8px
}

.theme-markdown-content ul {
    list-style:outside
}

.theme-markdown-content ol {
    list-style:decimal
}

.theme-markdown-content img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display:block
}

.theme-markdown-content ul + ul, .theme-markdown-content ul + ol, .theme-markdown-content ul + dl, .theme-markdown-content ul + p, .theme-markdown-content ul + h1, .theme-markdown-content ul + h2, .theme-markdown-content ul + h3, .theme-markdown-content ul + h4, .theme-markdown-content ul + h5, .theme-markdown-content ul + h6, .theme-markdown-content ul + blockquote, .theme-markdown-content ol + ul, .theme-markdown-content ol + ol, .theme-markdown-content ol + dl, .theme-markdown-content ol + p, .theme-markdown-content ol + h1, .theme-markdown-content ol + h2, .theme-markdown-content ol + h3, .theme-markdown-content ol + h4, .theme-markdown-content ol + h5, .theme-markdown-content ol + h6, .theme-markdown-content ol + blockquote, .theme-markdown-content dl + ul, .theme-markdown-content dl + ol, .theme-markdown-content dl + dl, .theme-markdown-content dl + p, .theme-markdown-content dl + h1, .theme-markdown-content dl + h2, .theme-markdown-content dl + h3, .theme-markdown-content dl + h4, .theme-markdown-content dl + h5, .theme-markdown-content dl + h6, .theme-markdown-content dl + blockquote, .theme-markdown-content p + ul, .theme-markdown-content p + ol, .theme-markdown-content p + dl, .theme-markdown-content p + p, .theme-markdown-content p + h1, .theme-markdown-content p + h2, .theme-markdown-content p + h3, .theme-markdown-content p + h4, .theme-markdown-content p + h5, .theme-markdown-content p + h6, .theme-markdown-content p + blockquote, .theme-markdown-content h1 + ul, .theme-markdown-content h1 + ol, .theme-markdown-content h1 + dl, .theme-markdown-content h1 + p, .theme-markdown-content h1 + h1, .theme-markdown-content h1 + h2, .theme-markdown-content h1 + h3, .theme-markdown-content h1 + h4, .theme-markdown-content h1 + h5, .theme-markdown-content h1 + h6, .theme-markdown-content h1 + blockquote, .theme-markdown-content h2 + ul, .theme-markdown-content h2 + ol, .theme-markdown-content h2 + dl, .theme-markdown-content h2 + p, .theme-markdown-content h2 + h1, .theme-markdown-content h2 + h2, .theme-markdown-content h2 + h3, .theme-markdown-content h2 + h4, .theme-markdown-content h2 + h5, .theme-markdown-content h2 + h6, .theme-markdown-content h2 + blockquote, .theme-markdown-content h3 + ul, .theme-markdown-content h3 + ol, .theme-markdown-content h3 + dl, .theme-markdown-content h3 + p, .theme-markdown-content h3 + h1, .theme-markdown-content h3 + h2, .theme-markdown-content h3 + h3, .theme-markdown-content h3 + h4, .theme-markdown-content h3 + h5, .theme-markdown-content h3 + h6, .theme-markdown-content h3 + blockquote, .theme-markdown-content h4 + ul, .theme-markdown-content h4 + ol, .theme-markdown-content h4 + dl, .theme-markdown-content h4 + p, .theme-markdown-content h4 + h1, .theme-markdown-content h4 + h2, .theme-markdown-content h4 + h3, .theme-markdown-content h4 + h4, .theme-markdown-content h4 + h5, .theme-markdown-content h4 + h6, .theme-markdown-content h4 + blockquote, .theme-markdown-content h5 + ul, .theme-markdown-content h5 + ol, .theme-markdown-content h5 + dl, .theme-markdown-content h5 + p, .theme-markdown-content h5 + h1, .theme-markdown-content h5 + h2, .theme-markdown-content h5 + h3, .theme-markdown-content h5 + h4, .theme-markdown-content h5 + h5, .theme-markdown-content h5 + h6, .theme-markdown-content h5 + blockquote, .theme-markdown-content h6 + ul, .theme-markdown-content h6 + ol, .theme-markdown-content h6 + dl, .theme-markdown-content h6 + p, .theme-markdown-content h6 + h1, .theme-markdown-content h6 + h2, .theme-markdown-content h6 + h3, .theme-markdown-content h6 + h4, .theme-markdown-content h6 + h5, .theme-markdown-content h6 + h6, .theme-markdown-content h6 + blockquote, .theme-markdown-content blockquote + ul, .theme-markdown-content blockquote + ol, .theme-markdown-content blockquote + dl, .theme-markdown-content blockquote + p, .theme-markdown-content blockquote + h1, .theme-markdown-content blockquote + h2, .theme-markdown-content blockquote + h3, .theme-markdown-content blockquote + h4, .theme-markdown-content blockquote + h5, .theme-markdown-content blockquote + h6, .theme-markdown-content blockquote + blockquote {
    margin-top:24px
}

.theme-markdown-content h1, .theme-markdown-content h2, .theme-markdown-content h3, .theme-markdown-content h4, .theme-markdown-content h5, .theme-markdown-content h6 {
    position:relative
}

.theme-markdown-content h1 > a.theme-anchorify, .theme-markdown-content h2 > a.theme-anchorify, .theme-markdown-content h3 > a.theme-anchorify, .theme-markdown-content h4 > a.theme-anchorify, .theme-markdown-content h5 > a.theme-anchorify, .theme-markdown-content h6 > a.theme-anchorify {
    opacity: 0;
    text-align: center;
    color: #9e9e9e;
    border: none;
    width: 24px;
    font-size: 16px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left:-24px
}

.theme-markdown-content h1 > a.theme-anchorify:hover, .theme-markdown-content h2 > a.theme-anchorify:hover, .theme-markdown-content h3 > a.theme-anchorify:hover, .theme-markdown-content h4 > a.theme-anchorify:hover, .theme-markdown-content h5 > a.theme-anchorify:hover, .theme-markdown-content h6 > a.theme-anchorify:hover {
    opacity: 1;
    color:#212121
}

.theme-markdown-content h1:hover > a.theme-anchorify, .theme-markdown-content h2:hover > a.theme-anchorify, .theme-markdown-content h3:hover > a.theme-anchorify, .theme-markdown-content h4:hover > a.theme-anchorify, .theme-markdown-content h5:hover > a.theme-anchorify, .theme-markdown-content h6:hover > a.theme-anchorify {
    opacity:1
}

.theme-markdown-content.theme-markdown-content--left {
    text-align:left
}

.theme-markdown-content.theme-markdown-content--right {
    text-align:right
}

.theme-markdown-content.theme-markdown-content--center {
    text-align:center
}

.theme-markdown-content.theme-markdown-content--justify {
    text-align:justify
}

.theme-markdown-content table {
    word-break: normal;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    display: block;
    overflow:auto
}

.theme-markdown-content table th, .theme-markdown-content table td {
    border: 1px solid #ccc;
    padding:6px 13px
}

.theme-markdown-content hr {
    margin:32px 0
}

.theme-modal .theme-modal__overlay, .theme-modal .theme-modal__dialog-container, .theme-modal .theme-modal__dialog {
    display:none
}

.theme-modal.is-modal-active .theme-modal__overlay {
    z-index: 99;
    pointer-events: auto;
    background-color: #00000026;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.theme-modal.is-modal-active .theme-modal__dialog-container {
    z-index: 100;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.theme-modal.is-modal-active .theme-modal__dialog {
    pointer-events: auto;
    background-color: #fff;
    border-radius: 8px;
    flex-direction: column;
    width: 540px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    padding: 0;
    display: flex;
    position:relative
}

.theme-modal.is-modal-active .theme-modal__dialog-close-btn {
    cursor: pointer;
    padding: 8px;
    display: block;
    position: absolute;
    top: 12px;
    right:12px
}

.theme-modal.is-modal-active .theme-modal__dialog-header {
    flex: 0 0 0;
    padding:24px 24px 12px
}

.theme-modal.is-modal-active .theme-modal__dialog-body {
    flex: 100%;
    padding: 12px 24px 24px;
    overflow:auto
}

.theme-page {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break:break-word
}

.pdf-embed-toolbar {
    background-color: #333;
    border-radius: 8px 8px 0 0;
    padding:12px
}

.pdf-embed-toolbar .theme-btn, .pdf-embed-toolbar a.theme-btn {
    color: #fff;
    background-color: #333;
    border-color: #999;
    font-size:14px
}

.pdf-embed-hide-fullscreen {
    display:none
}

.pdf-embed-fullscreen {
    z-index: 10000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.pdf-embed-fullscreen .pdf-embed-toolbar {
    border-radius: 0;
    padding:12px
}

.pdf-embed-fullscreen .pdf-embed-show-fullscreen {
    display:none
}

.pdf-embed-fullscreen .pdf-embed-hide-fullscreen {
    display:inline-flex
}

.theme-people-list {
    flex-flow: wrap;
    margin-right: -16px;
    display:flex
}

.theme-people-list .theme-people-list__item {
    width: 100%;
    padding-bottom: 32px;
    padding-right:16px
}

@media (min-width: 768px) {
    .theme-people-list .theme-people-list__item {
        width:50%
    }
}

@media (min-width: 992px) {
    .theme-people-list .theme-people-list__item {
        width:33%
    }
}

.theme-people-list .theme-people-list__frame {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    margin: 0;
    padding:50% 0 0
}

@media (min-width: 768px) {
    .theme-people-list .theme-people-list__frame {
        width: 67%;
        padding-top:67%
    }
}

.theme-popover {
    position:relative
}

.theme-popover .theme-popover__overlay {
    background-color: #0000;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.theme-popover .theme-popover__toggle {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select:none
}

.theme-popover .theme-popover__content {
    display: none;
    position: absolute;
    top:0
}

.theme-popover.is-active .theme-popover__overlay, .theme-popover.is-active .theme-popover__content {
    display:block
}

.theme-publication-search-field {
    border-bottom: 1px solid #000000de;
    flex-direction: row;
    width: 220px;
    margin-bottom: 8px;
    display:inline-flex
}

.theme-publication-search-field input[type=text] {
    border: none;
    outline: none;
    flex-grow: 1;
    flex-shrink: 1;
    width: auto;
    min-width: 0;
    padding: 0 8px;
    line-height:28px
}

.theme-publication-search-field .theme-publication-search-field__clear {
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 8px;
    line-height: 28px;
    display:none
}

.theme-publication-search-field .theme-publication-search-field__clear i.material-icons {
    vertical-align:middle
}

.theme-sharer {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display:flex
}







.theme-sharer-links {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    display:flex
}










.theme-sharer-links > li {
    margin: 0;
    padding: 0;
    display:block
}

.theme-sharer-links a:link, .theme-sharer-links a:visited, .theme-sharer-links a:hover, .theme-sharer-links a:active {
    transition: transform .25s ease-in-out;
    display:block
}

.theme-sharer-links a:link > svg, .theme-sharer-links a:visited > svg, .theme-sharer-links a:hover > svg, .theme-sharer-links a:active > svg {
    width: 20px;
    height: 20px;
    display:block
}

.theme-sharer-links a:hover {
    transform:scale(1.2)
}

.trix-content {
    line-height:1.5
}

.trix-content * {
    box-sizing:border-box
}

.trix-content h1 {
    margin: 0;
    font-size: 1.2em;
    line-height:1.2
}

.trix-content blockquote {
    border-left: .3em solid #ccc;
    margin: 0 0 0 .3em;
    padding:0 0 0 .6em
}

.trix-content pre {
    vertical-align: top;
    white-space: pre;
    background-color: #eee;
    width: 100%;
    margin: 0;
    padding: .5em;
    font-family: monospace;
    font-size: .9em;
    display: inline-block;
    overflow-x:auto
}

.trix-content ul, .trix-content ol, .trix-content li {
    margin: 0;
    padding:0
}

.trix-content ul li, .trix-content ol li, .trix-content li li {
    margin-left:1em
}

.trix-content img {
    max-width: 100%;
    height:auto
}

.trix-content .attachment {
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    position:relative
}

.trix-content .attachment a {
    color: inherit;
    text-decoration:none
}

.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
    color:inherit
}

.trix-content .attachment__caption {
    text-align: center;
    padding:0
}

.trix-content .attachment__caption .attachment__name + .attachment__size:before {
    content: " · "
}

.trix-content .attachment--preview {
    text-align: center;
    width:100%
}

.trix-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: .9em;
    line-height:1.2
}

.trix-content .attachment--file {
    color: #333;
    border: 1px solid #bbb;
    border-radius: 5px;
    margin: 0 2px 2px 0;
    padding: .4em 1em;
    line-height:1
}

.trix-content .attachment-gallery {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    display: flex;
    position:relative
}

.trix-content .attachment-gallery .attachment {
    flex: 1 0 33%;
    max-width: 33%;
    padding:0 .5em
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
    flex-basis: 50%;
    max-width:50%
}

.theme-trix-content.trix-content h1 {
    letter-spacing: -.02em;
    font-size: 36px;
    line-height:1.2
}

.theme-trix-content.trix-content h2 {
    letter-spacing: -.01em;
    font-size: 28px;
    line-height:1.2
}

.theme-trix-content.trix-content h3 {
    letter-spacing: -.01em;
    font-size: 24px;
    line-height:1.2
}

.theme-trix-content.trix-content h4 {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height:1.2
}

.theme-trix-content.trix-content h5 {
    letter-spacing: 0;
    font-size: 16px;
    line-height:1.2
}

.theme-trix-content.trix-content h6 {
    letter-spacing: 0;
    font-size: 14px;
    line-height:1.2
}

@media (min-width: 768px) {
    .theme-trix-content.trix-content h1 {
        letter-spacing: -.02em;
        font-size: 40px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h2 {
        letter-spacing: -.02em;
        font-size: 32px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h3 {
        letter-spacing: -.01em;
        font-size: 24px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h4 {
        letter-spacing: -.01em;
        font-size: 20px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h5 {
        letter-spacing: 0;
        font-size: 16px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h6 {
        letter-spacing: 0;
        font-size: 14px;
        line-height:1.2
    }
}

@media (min-width: 992px) {
    .theme-trix-content.trix-content h1 {
        letter-spacing: -.02em;
        font-size: 48px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h2 {
        letter-spacing: -.02em;
        font-size: 36px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h3 {
        letter-spacing: -.01em;
        font-size: 24px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h4 {
        letter-spacing: -.01em;
        font-size: 20px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h5 {
        letter-spacing: 0;
        font-size: 16px;
        line-height:1.2
    }

    .theme-trix-content.trix-content h6 {
        letter-spacing: 0;
        font-size: 14px;
        line-height:1.2
    }
}

.theme-trix-content.trix-content h1, .theme-trix-content.trix-content h2, .theme-trix-content.trix-content h3, .theme-trix-content.trix-content h4, .theme-trix-content.trix-content h5, .theme-trix-content.trix-content h6 {
    margin: 0;
    font-weight:700
}

.theme-trix-content.trix-content p, .theme-trix-content.trix-content ol, .theme-trix-content.trix-content ul, .theme-trix-content.trix-content dl, .theme-trix-content.trix-content pre, .theme-trix-content.trix-content address, .theme-trix-content.trix-content blockquote, .theme-trix-content.trix-content div:not(.attachment-gallery) {
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
    line-height:1.5
}

div.theme-post .theme-trix-content.trix-content p, div.theme-post .theme-trix-content.trix-content ol, div.theme-post .theme-trix-content.trix-content ul, div.theme-post .theme-trix-content.trix-content dl, div.theme-post .theme-trix-content.trix-content pre, div.theme-post .theme-trix-content.trix-content address, div.theme-post .theme-trix-content.trix-content blockquote, div.theme-post .theme-trix-content.trix-content div:not(.attachment-gallery) {
    letter-spacing: -.01em;
    font-size: 20px;
    line-height:1.5
}

.theme-trix-content.trix-content blockquote {
    color: #0000008a;
    border-left: .3em solid #ccc;
    padding:0 1em
}

.theme-trix-content.trix-content ul {
    list-style-type:disc
}

.theme-trix-content.trix-content ol {
    list-style-type:decimal
}

.theme-trix-content.trix-content ul, .theme-trix-content.trix-content ol, .theme-trix-content.trix-content dl {
    padding-left:0
}

.theme-trix-content.trix-content ul > li, .theme-trix-content.trix-content ol > li, .theme-trix-content.trix-content dl > li {
    margin-left: 16px;
    padding-left:8px
}

.theme-trix-content.trix-content figure {
    margin:0
}

.theme-trix-content.trix-content figure img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display:block
}

.theme-trix-content.trix-content figure figcaption {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    line-height:20px
}

.theme-trix-content.trix-content ul + ul, .theme-trix-content.trix-content ul + ol, .theme-trix-content.trix-content ul + dl, .theme-trix-content.trix-content ul + p, .theme-trix-content.trix-content ul + h1, .theme-trix-content.trix-content ul + h2, .theme-trix-content.trix-content ul + h3, .theme-trix-content.trix-content ul + h4, .theme-trix-content.trix-content ul + h5, .theme-trix-content.trix-content ul + h6, .theme-trix-content.trix-content ul + blockquote, .theme-trix-content.trix-content ul + div:not(.attachment-gallery), .theme-trix-content.trix-content ol + ul, .theme-trix-content.trix-content ol + ol, .theme-trix-content.trix-content ol + dl, .theme-trix-content.trix-content ol + p, .theme-trix-content.trix-content ol + h1, .theme-trix-content.trix-content ol + h2, .theme-trix-content.trix-content ol + h3, .theme-trix-content.trix-content ol + h4, .theme-trix-content.trix-content ol + h5, .theme-trix-content.trix-content ol + h6, .theme-trix-content.trix-content ol + blockquote, .theme-trix-content.trix-content ol + div:not(.attachment-gallery), .theme-trix-content.trix-content dl + ul, .theme-trix-content.trix-content dl + ol, .theme-trix-content.trix-content dl + dl, .theme-trix-content.trix-content dl + p, .theme-trix-content.trix-content dl + h1, .theme-trix-content.trix-content dl + h2, .theme-trix-content.trix-content dl + h3, .theme-trix-content.trix-content dl + h4, .theme-trix-content.trix-content dl + h5, .theme-trix-content.trix-content dl + h6, .theme-trix-content.trix-content dl + blockquote, .theme-trix-content.trix-content dl + div:not(.attachment-gallery), .theme-trix-content.trix-content p + ul, .theme-trix-content.trix-content p + ol, .theme-trix-content.trix-content p + dl, .theme-trix-content.trix-content p + p, .theme-trix-content.trix-content p + h1, .theme-trix-content.trix-content p + h2, .theme-trix-content.trix-content p + h3, .theme-trix-content.trix-content p + h4, .theme-trix-content.trix-content p + h5, .theme-trix-content.trix-content p + h6, .theme-trix-content.trix-content p + blockquote, .theme-trix-content.trix-content p + div:not(.attachment-gallery), .theme-trix-content.trix-content h1 + ul, .theme-trix-content.trix-content h1 + ol, .theme-trix-content.trix-content h1 + dl, .theme-trix-content.trix-content h1 + p, .theme-trix-content.trix-content h1 + h1, .theme-trix-content.trix-content h1 + h2, .theme-trix-content.trix-content h1 + h3, .theme-trix-content.trix-content h1 + h4, .theme-trix-content.trix-content h1 + h5, .theme-trix-content.trix-content h1 + h6, .theme-trix-content.trix-content h1 + blockquote, .theme-trix-content.trix-content h1 + div:not(.attachment-gallery), .theme-trix-content.trix-content h2 + ul, .theme-trix-content.trix-content h2 + ol, .theme-trix-content.trix-content h2 + dl, .theme-trix-content.trix-content h2 + p, .theme-trix-content.trix-content h2 + h1, .theme-trix-content.trix-content h2 + h2, .theme-trix-content.trix-content h2 + h3, .theme-trix-content.trix-content h2 + h4, .theme-trix-content.trix-content h2 + h5, .theme-trix-content.trix-content h2 + h6, .theme-trix-content.trix-content h2 + blockquote, .theme-trix-content.trix-content h2 + div:not(.attachment-gallery), .theme-trix-content.trix-content h3 + ul, .theme-trix-content.trix-content h3 + ol, .theme-trix-content.trix-content h3 + dl, .theme-trix-content.trix-content h3 + p, .theme-trix-content.trix-content h3 + h1, .theme-trix-content.trix-content h3 + h2, .theme-trix-content.trix-content h3 + h3, .theme-trix-content.trix-content h3 + h4, .theme-trix-content.trix-content h3 + h5, .theme-trix-content.trix-content h3 + h6, .theme-trix-content.trix-content h3 + blockquote, .theme-trix-content.trix-content h3 + div:not(.attachment-gallery), .theme-trix-content.trix-content h4 + ul, .theme-trix-content.trix-content h4 + ol, .theme-trix-content.trix-content h4 + dl, .theme-trix-content.trix-content h4 + p, .theme-trix-content.trix-content h4 + h1, .theme-trix-content.trix-content h4 + h2, .theme-trix-content.trix-content h4 + h3, .theme-trix-content.trix-content h4 + h4, .theme-trix-content.trix-content h4 + h5, .theme-trix-content.trix-content h4 + h6, .theme-trix-content.trix-content h4 + blockquote, .theme-trix-content.trix-content h4 + div:not(.attachment-gallery), .theme-trix-content.trix-content h5 + ul, .theme-trix-content.trix-content h5 + ol, .theme-trix-content.trix-content h5 + dl, .theme-trix-content.trix-content h5 + p, .theme-trix-content.trix-content h5 + h1, .theme-trix-content.trix-content h5 + h2, .theme-trix-content.trix-content h5 + h3, .theme-trix-content.trix-content h5 + h4, .theme-trix-content.trix-content h5 + h5, .theme-trix-content.trix-content h5 + h6, .theme-trix-content.trix-content h5 + blockquote, .theme-trix-content.trix-content h5 + div:not(.attachment-gallery), .theme-trix-content.trix-content h6 + ul, .theme-trix-content.trix-content h6 + ol, .theme-trix-content.trix-content h6 + dl, .theme-trix-content.trix-content h6 + p, .theme-trix-content.trix-content h6 + h1, .theme-trix-content.trix-content h6 + h2, .theme-trix-content.trix-content h6 + h3, .theme-trix-content.trix-content h6 + h4, .theme-trix-content.trix-content h6 + h5, .theme-trix-content.trix-content h6 + h6, .theme-trix-content.trix-content h6 + blockquote, .theme-trix-content.trix-content h6 + div:not(.attachment-gallery), .theme-trix-content.trix-content blockquote + ul, .theme-trix-content.trix-content blockquote + ol, .theme-trix-content.trix-content blockquote + dl, .theme-trix-content.trix-content blockquote + p, .theme-trix-content.trix-content blockquote + h1, .theme-trix-content.trix-content blockquote + h2, .theme-trix-content.trix-content blockquote + h3, .theme-trix-content.trix-content blockquote + h4, .theme-trix-content.trix-content blockquote + h5, .theme-trix-content.trix-content blockquote + h6, .theme-trix-content.trix-content blockquote + blockquote, .theme-trix-content.trix-content blockquote + div:not(.attachment-gallery), .theme-trix-content.trix-content div:not(.attachment-gallery) + ul, .theme-trix-content.trix-content div:not(.attachment-gallery) + ol, .theme-trix-content.trix-content div:not(.attachment-gallery) + dl, .theme-trix-content.trix-content div:not(.attachment-gallery) + p, .theme-trix-content.trix-content div:not(.attachment-gallery) + h1, .theme-trix-content.trix-content div:not(.attachment-gallery) + h2, .theme-trix-content.trix-content div:not(.attachment-gallery) + h3, .theme-trix-content.trix-content div:not(.attachment-gallery) + h4, .theme-trix-content.trix-content div:not(.attachment-gallery) + h5, .theme-trix-content.trix-content div:not(.attachment-gallery) + h6, .theme-trix-content.trix-content div:not(.attachment-gallery) + blockquote, .theme-trix-content.trix-content div:not(.attachment-gallery) + div:not(.attachment-gallery) {
    margin-top:24px
}

.theme-trix-content.trix-content.trix-content--right {
    text-align:right
}

.theme-trix-content.trix-content.trix-content--left {
    text-align:left
}

.theme-trix-content.trix-content.trix-content--center {
    text-align:center
}

.theme-trix-content.trix-content.trix-content--justify {
    text-align:justify
}

.trix-content.theme-trix-content h2 {
    position:relative
}

.trix-content.theme-trix-content h2 > a {
    opacity: 0;
    text-align: center;
    color: #9e9e9e;
    border: none;
    width: 24px;
    font-size: 16px;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    left:-24px
}

.trix-content.theme-trix-content h2 > a:hover {
    opacity: 1;
    color:#212121
}

.trix-content.theme-trix-content h2:hover > a {
    opacity:1
}

.trix-content.theme-trix-content.theme-trix-content--large ul, .trix-content.theme-trix-content.theme-trix-content--large ol, .trix-content.theme-trix-content.theme-trix-content--large div:not(.attachment-gallery) {
    letter-spacing: -.01em;
    margin-bottom: 20px;
    font-size: 20px;
    line-height:1.5
}

.theme-picture-gallery {
    display:block
}

.theme-picture-gallery-item {
    width: 33%;
    font-size: 0;
    display: inline-block;
    position:relative
}

.theme-picture-gallery-item > img {
    -o-object-fit: contain;
    object-fit: contain;
    width:100%
}

.theme-picture-gallery-item-caption {
    letter-spacing: 0;
    color: #0000008a;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 34px;
    padding: 8px 0;
    font-size: 14px;
    line-height: 18px;
    overflow:hidden
}

.theme-picture-lightbox-modal {
    z-index: 10000;
    background-color: #000c;
    flex-direction: column;
    justify-items: center;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.theme-picture-lightbox-close {
    fill: #fff;
    cursor: pointer;
    background-color: #0000;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    padding: 8px;
    transition: background-color .25s;
    position: fixed;
    top: 16px;
    right:16px
}

.theme-picture-lightbox-close:hover {
    background-color:#000000de
}

.theme-picture-lightbox-frame {
    display: none;
    position: fixed;
    top: 48px;
    right: 16px;
    bottom: 48px;
    left:16px
}

.theme-picture-lightbox-prev, .theme-picture-lightbox-next {
    fill: #fff;
    cursor: pointer;
    background-color: #000000de;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 8px;
    transition: transform .25s;
    position: fixed;
    top: 50%;
    left:24px
}

.theme-picture-lightbox-prev:hover, .theme-picture-lightbox-next:hover {
    transform:scale(1.1)
}

.theme-picture-lightbox-next {
    left: unset;
    right:24px
}

.theme-picture-lightbox-frame-body {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display:flex
}

.theme-picture-lightbox-frame-picture {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    display:block
}

.theme-picture-lightbox-frame-caption {
    text-align: center;
    color: #fff;
    width: 50%;
    padding:8px 16px 16px
}

@media (max-width: 767px) {
    .theme-picture-lightbox-frame-caption {
        width:100%
    }
}

.theme-tools-button {
    z-index: 100;
    position: fixed;
    bottom: 20px;
    right:20px
}

.theme-tools-button .theme-tools-button-menu-container {
    height: 4px;
    position:relative
}

.theme-tools-button .theme-tools-button-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 0;
    display: none;
    position: absolute;
    bottom: 4px;
    right:0
}

.theme-tools-button:hover .theme-tools-button-menu {
    display:block
}

.theme-tools-button .theme-tools-button-menu-item {
    white-space: nowrap;
    color: #000;
    cursor: pointer;
    padding: 8px 16px;
    text-decoration-line: none;
    display:block
}

.theme-tools-button .theme-tools-button-menu-item:hover {
    background:#f3f4f6
}

.theme-translate-dialog {
    background-color: #0006;
    place-items: center;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    display:none
}

.theme-translate-dialog-box {
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    grid-row-start: 1;
    grid-column-start: 1;
    width: 91.6667%;
    max-width: 48rem;
    max-height: calc(100vh - 5em);
    display:none
}

.theme-translate-dialog-box-header {
    padding:24px 24px 12px
}

.theme-translate-dialog-box-body {
    flex: 1;
    padding: 4px 24px 0;
    overflow:auto
}

.theme-translate-dialog-box-item {
    padding: 8px 16px;
    display:block
}

.theme-translate-dialog-box-item:hover {
    background-color:#0001
}

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

.theme-translate-dialog-backdrop button {
    color:#0000
}

.theme-translate-dialog[open] {
    display:grid
}

.theme-translate-dialog[open] .theme-translate-dialog-box {
    display:flex
}

.theme-translate-dialog[open] .theme-translate-dialog-backdrop {
    display:grid
}

.theme-altmetric-embed {
    height: 20px;
    margin-top:8px
}

.theme-altmetric-embed:empty {
    height: 0;
    margin-top:0
}

@keyframes progress {
    50% {
        background-position-x:-115%
    }
}

@keyframes radio {
    0% {
        padding:5px
    }

    50% {
        padding:3px
    }
}

@keyframes toast {
    0% {
        opacity: 0;
        scale:.9
    }

    to {
        opacity: 1;
        scale:1
    }
}

@keyframes dropdown {
    0% {
        opacity:0
    }
}

@keyframes rating {
    0%, 40% {
        filter: brightness(1.05) contrast(1.05);
        scale:1.1
    }
}

@keyframes skeleton {
    0% {
        background-position:150%
    }

    to {
        background-position:-50%
    }
}

@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-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value:0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value:solid
}

@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-blur {
    syntax: "*";
    inherits:false
}

@property --tw-brightness {
    syntax: "*";
    inherits:false
}

@property --tw-contrast {
    syntax: "*";
    inherits:false
}

@property --tw-grayscale {
    syntax: "*";
    inherits:false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits:false
}

@property --tw-invert {
    syntax: "*";
    inherits:false
}

@property --tw-opacity {
    syntax: "*";
    inherits:false
}

@property --tw-saturate {
    syntax: "*";
    inherits:false
}

@property --tw-sepia {
    syntax: "*";
    inherits:false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits:false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits:false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value:100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits:false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}