/*!tailwindcss v4.0.17 | MIT License | https://tailwindcss.com*/@layer theme{:root,
    :host {
        --hx-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --hx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --hx-color-red-100: oklch(.936 .032 17.717);
        --hx-color-red-200: oklch(.885 .062 18.334);
        --hx-color-red-900: oklch(.396 .141 25.723);
        --hx-color-orange-50: oklch(.98 .016 73.684);
        --hx-color-orange-100: oklch(.954 .038 75.164);
        --hx-color-orange-300: oklch(.837 .128 66.29);
        --hx-color-orange-400: oklch(.75 .183 55.934);
        --hx-color-orange-800: oklch(.47 .157 37.304);
        --hx-color-amber-100: oklch(.962 .059 95.617);
        --hx-color-amber-200: oklch(.924 .12 95.746);
        --hx-color-amber-900: oklch(.414 .112 45.904);
        --hx-color-yellow-50: oklch(.987 .026 102.212);
        --hx-color-yellow-100: oklch(.973 .071 103.193);
        --hx-color-yellow-200: oklch(.945 .129 101.54);
        --hx-color-yellow-700: oklch(.554 .135 66.442);
        --hx-color-yellow-900: oklch(.421 .095 57.708);
        --hx-color-green-100: oklch(.962 .044 156.743);
        --hx-color-green-200: oklch(.925 .084 155.995);
        --hx-color-green-300: oklch(0.888 0.124 155.5);
        --hx-color-green-400: oklch(0.851 0.164 155.0);
        --hx-color-green-900: oklch(.393 .095 152.535);
        --hx-color-blue-100: oklch(.932 .032 255.585);
        --hx-color-blue-200: oklch(.882 .059 254.128);
        --hx-color-blue-900: oklch(.379 .146 265.522);
        --hx-color-indigo-100: oklch(.93 .034 272.788);
        --hx-color-indigo-200: oklch(.87 .065 274.039);
        --hx-color-indigo-900: oklch(.359 .144 278.697);
        --hx-color-slate-50: oklch(.984 .003 247.858);
        --hx-color-slate-100: oklch(.968 .007 247.896);
        --hx-color-slate-900: oklch(.208 .042 265.755);
        --hx-color-gray-50: oklch(.985 .002 247.839);
        --hx-color-gray-100: oklch(.967 .003 264.542);
        --hx-color-gray-200: oklch(.928 .006 264.531);
        --hx-color-gray-300: oklch(.872 .01 258.338);
        --hx-color-gray-400: oklch(.707 .022 261.325);
        --hx-color-gray-500: oklch(.551 .027 264.364);
        --hx-color-gray-600: oklch(.446 .03 256.802);
        --hx-color-gray-700: oklch(.373 .034 259.733);
        --hx-color-gray-800: oklch(.278 .033 256.848);
        --hx-color-gray-900: oklch(.21 .034 264.665);
        --hx-color-neutral-50: oklch(.985 0 0);
        --hx-color-neutral-200: oklch(.922 0 0);
        --hx-color-neutral-300: oklch(.87 0 0);
        --hx-color-neutral-400: oklch(.708 0 0);
        --hx-color-neutral-500: oklch(.556 0 0);
        --hx-color-neutral-600: oklch(.439 0 0);
        --hx-color-neutral-700: oklch(.371 0 0);
        --hx-color-neutral-800: oklch(.269 0 0);
        --hx-color-neutral-900: oklch(.205 0 0);
        --hx-color-black: #000;
        --hx-color-white: #fff;
        --hx-spacing: .25rem;
        --hx-breakpoint-xl: 80rem;
        --hx-container-6xl: 72rem;
        --hx-text-xs: .75rem;
        --hx-text-xs--line-height: calc(1/.75);
        --hx-text-sm: .875rem;
        --hx-text-sm--line-height: calc(1.25/.875);
        --hx-text-base: 1rem;
        --hx-text-base--line-height: calc(1.5/1);
        --hx-text-lg: 1.125rem;
        --hx-text-lg--line-height: calc(1.75/1.125);
        --hx-text-xl: 1.25rem;
        --hx-text-xl--line-height: calc(1.75/1.25);
        --hx-text-2xl: 1.5rem;
        --hx-text-2xl--line-height: calc(2/1.5);
        --hx-text-3xl: 1.875rem;
        --hx-text-3xl--line-height: calc(2.25/1.875);
        --hx-text-4xl: 2.25rem;
        --hx-text-4xl--line-height: calc(2.5/2.25);
        --hx-text-5xl: 3rem;
        --hx-text-5xl--line-height: 1;
        --hx-font-weight-normal: 400;
        --hx-font-weight-medium: 500;
        --hx-font-weight-semibold: 600;
        --hx-font-weight-bold: 700;
        --hx-font-weight-extrabold: 800;
        --hx-tracking-tighter: -.05em;
        --hx-tracking-tight: -.025em;
        --hx-leading-tight: 1.25;
        --hx-radius-xs: .125rem;
        --hx-radius-sm: .25rem;
        --hx-radius-md: .375rem;
        --hx-radius-lg: .5rem;
        --hx-radius-xl: .75rem;
        --hx-radius-3xl: 1.5rem;
        --hx-ease-in: cubic-bezier(.4, 0, 1, 1);
        --hx-ease-out: cubic-bezier(0, 0, .2, 1);
        --hx-blur-md: 12px;
        --hx-default-transition-duration: .15s;
        --hx-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --hx-default-font-family: var(--hx-font-sans);
        --hx-default-mono-font-family: var(--hx-font-mono);
        --hx-color-primary-50: hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*47));
        --hx-color-primary-100: hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*44));
        --hx-color-primary-300: hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*27));
        --hx-color-primary-400: hsl(var(--primary-hue)var(--primary-saturation)calc(var(--primary-lightness) + calc(calc(100% - var(--primary-lightness))/50)*16));
        --hx-color-primary-500: hsl(var(--primary-hue)var(--primary-saturation)var(--primary-lightness));
        --hx-color-primary-600: hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*45));
        --hx-color-primary-700: hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*39));
        --hx-color-primary-800: hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*32));
        --hx-color-primary-900: hsl(var(--primary-hue)var(--primary-saturation)calc(calc(var(--primary-lightness)/50)*24));
        --hx-color-dark: var(--hx-color-neutral-800)
    }
}@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%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--hx-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(--hx-default-font-feature-settings, normal);
        font-variation-settings: var(--hx-default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: var(--hx-color-gray-500);
        margin-top: calc(var(--hx-spacing)*6);
        margin-bottom: calc(var(--hx-spacing)*6);
        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;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: 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]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}@layer components;@layer utilities{.hx\:pointer-events-none {
        pointer-events: none
    }

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

    .hx\:absolute {
        position: absolute
    }

    .hx\:relative {
        position: relative
    }

    .hx\:sticky {
        position: sticky
    }

    .hx\:inset-x-0 {
        inset-inline: calc(var(--hx-spacing)*0)
    }

    .hx\:inset-y-0 {
        inset-block: calc(var(--hx-spacing)*0)
    }

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

    .hx\:top-8 {
        top: calc(var(--hx-spacing)*8)
    }

    .hx\:top-16 {
        top: calc(var(--hx-spacing)*16)
    }

    .hx\:top-\[40\%\] {
        top: 40%
    }

    .hx\:top-full {
        top: 100%
    }

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

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

    .hx\:left-\[24px\] {
        left: 24px
    }

    .hx\:left-\[36px\] {
        left: 36px
    }

    .hx\:z-20 {
        z-index: 20
    }

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

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

    .hx\:m-\[11px\] {
        margin: 11px
    }

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

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

    .hx\:mx-auto {
        margin-inline: auto
    }

    .hx\:my-1\.5 {
        margin-block: calc(var(--hx-spacing)*1.5)
    }

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

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

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

    .hx\:mt-1\.5 {
        margin-top: calc(var(--hx-spacing)*1.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .hx\:mb-10 {
        margin-bottom: calc(var(--hx-spacing)*10)
    }

    .hx\:mb-12 {
        margin-bottom: calc(var(--hx-spacing)*12)
    }

    .hx\:mb-16 {
        margin-bottom: calc(var(--hx-spacing)*16)
    }

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

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

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

    .hx\:block {
        display: block
    }

    .hx\:flex {
        display: flex
    }

    .hx\:grid {
        display: grid
    }

    .hx\:hidden {
        display: none
    }

    .hx\:inline {
        display: inline
    }

    .hx\:inline-block {
        display: inline-block
    }

    .hx\:inline-flex {
        display: inline-flex
    }

    .hx\:aspect-auto {
        aspect-ratio: auto
    }

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

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

    .hx\:h-3\.5 {
        height: calc(var(--hx-spacing)*3.5)
    }

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

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

    .hx\:h-7 {
        height: calc(var(--hx-spacing)*7)
    }

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

    .hx\:h-\[18px\] {
        height: 18px
    }

    .hx\:h-full {
        height: 100%
    }

    .hx\:max-h-\(--menu-height\) {
        max-height: var(--menu-height)
    }

    .hx\:max-h-64 {
        max-height: calc(var(--hx-spacing)*64)
    }

    .hx\:max-h-\[calc\(100vh-var\(--navbar-height\)-env\(safe-area-inset-bottom\)\)\] {
        max-height: calc(100vh - var(--navbar-height) - env(safe-area-inset-bottom))
    }

    .hx\:max-h-\[min\(calc\(50vh-11rem-env\(safe-area-inset-bottom\)\)\,400px\)\] {
        max-height: min(calc(50vh - 11rem - env(safe-area-inset-bottom)), 400px)
    }

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

    .hx\:min-h-\[calc\(100vh-var\(--navbar-height\)\)\] {
        min-height: calc(100vh - var(--navbar-height))
    }

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

    .hx\:w-3\.5 {
        width: calc(var(--hx-spacing)*3.5)
    }

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

    .hx\:w-64 {
        width: calc(var(--hx-spacing)*64)
    }

    .hx\:w-\[110\%\] {
        width: 110%
    }

    .hx\:w-\[180\%\] {
        width: 180%
    }

    .hx\:w-full {
        width: 100%
    }

    .hx\:w-max {
        width: max-content
    }

    .hx\:w-screen {
        width: 100vw
    }

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

    .hx\:max-w-\[50\%\] {
        max-width: 50%
    }

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

    .hx\:max-w-\[min\(calc\(100vw-2rem\)\,calc\(100\%\+20rem\)\)\] {
        max-width: min(100vw - 2rem, 100% + 20rem)
    }

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

    .hx\:max-w-none {
        max-width: none
    }

    .hx\:max-w-screen-xl {
        max-width: var(--hx-breakpoint-xl)
    }

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

    .hx\:min-w-\[18px\] {
        min-width: 18px
    }

    .hx\:min-w-\[24px\] {
        min-width: 24px
    }

    .hx\:min-w-full {
        min-width: 100%
    }

    .hx\:shrink-0 {
        flex-shrink: 0
    }

    .hx\:grow {
        flex-grow: 1
    }

    .hx\:origin-center {
        transform-origin: 50%
    }

    .hx\:cursor-default {
        cursor: default
    }

    .hx\:cursor-pointer {
        cursor: pointer
    }

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

    .hx\:scroll-py-6 {
        scroll-padding-block: calc(var(--hx-spacing)*6)
    }

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

    .hx\:appearance-none {
        appearance: none
    }

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

    .hx\:flex-col {
        flex-direction: column
    }

    .hx\:flex-wrap {
        flex-wrap: wrap
    }

    .hx\:items-center {
        align-items: center
    }

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

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

    .hx\:justify-center {
        justify-content: center
    }

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

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

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

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

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

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

    .hx\:gap-x-1\.5 {
        column-gap: calc(var(--hx-spacing)*1.5)
    }

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

    .hx\:overflow-auto {
        overflow: auto
    }

    .hx\:overflow-hidden {
        overflow: hidden
    }

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

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

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

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

    .hx\:overscroll-contain {
        overscroll-behavior: contain
    }

    .hx\:overscroll-x-contain {
        overscroll-behavior-x: contain
    }

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

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

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

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

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

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

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

    .hx\:rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

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

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

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

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

    .hx\:border-amber-200 {
        border-color: var(--hx-color-amber-200)
    }

    .hx\:border-black\/5 {
        border-color: color-mix(in oklab, var(--hx-color-black)5%, transparent)
    }

    .hx\:border-blue-200 {
        border-color: var(--hx-color-blue-200)
    }

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

    .hx\:border-gray-500 {
        border-color: var(--hx-color-gray-500)
    }

    .hx\:border-green-200 {
        border-color: var(--hx-color-green-200)
    }

    .hx\:border-indigo-200 {
        border-color: var(--hx-color-indigo-200)
    }

    .hx\:border-orange-100 {
        border-color: var(--hx-color-orange-100)
    }

    .hx\:border-red-200 {
        border-color: var(--hx-color-red-200)
    }

    .hx\:border-transparent {
        border-color: #0000
    }

    .hx\:border-yellow-100 {
        border-color: var(--hx-color-yellow-100)
    }

    .hx\:bg-amber-100 {
        background-color: var(--hx-color-amber-100)
    }

    .hx\:bg-black\/\[\.05\] {
        background-color: color-mix(in oklab, var(--hx-color-black)5%, transparent)
    }

    .hx\:bg-blue-100 {
        background-color: var(--hx-color-blue-100)
    }

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

    .hx\:bg-green-100 {
        background-color: var(--hx-color-green-100)
    }

    .hx\:bg-indigo-100 {
        background-color: var(--hx-color-indigo-100)
    }

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

    .hx\:bg-orange-50 {
        background-color: var(--hx-color-orange-50)
    }

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

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

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

    .hx\:bg-primary-700\/5 {
        background-color: color-mix(in oklab, var(--hx-color-primary-700)5%, transparent)
    }

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

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

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

    .hx\:bg-yellow-50 {
        background-color: var(--hx-color-yellow-50)
    }

    .hx\:bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .hx\:from-gray-900 {
        --tw-gradient-from: var(--hx-color-gray-900);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .hx\:to-gray-600 {
        --tw-gradient-to: var(--hx-color-gray-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

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

    .hx\:p-0\.5 {
        padding: calc(var(--hx-spacing)*.5)
    }

    .hx\:p-1 {
        padding: calc(var(--hx-spacing)*1)
    }

    .hx\:p-1\.5 {
        padding: calc(var(--hx-spacing)*1.5)
    }

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

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

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

    .hx\:px-1\.5 {
        padding-inline: calc(var(--hx-spacing)*1.5)
    }

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

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

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

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

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

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

    .hx\:py-1\.5 {
        padding-block: calc(var(--hx-spacing)*1.5)
    }

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

    .hx\:py-2\.5 {
        padding-block: calc(var(--hx-spacing)*2.5)
    }

    .hx\:py-3 {
        padding-block: calc(var(--hx-spacing)*3)
    }

    .hx\:py-4 {
        padding-block: calc(var(--hx-spacing)*4)
    }

    .hx\:py-12 {
        padding-block: calc(var(--hx-spacing)*12)
    }

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

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

    .hx\:pt-8 {
        padding-top: calc(var(--hx-spacing)*8)
    }

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

    .hx\:pr-4 {
        padding-right: calc(var(--hx-spacing)*4)
    }

    .hx\:pr-\[calc\(env\(safe-area-inset-right\)-1\.5rem\)\] {
        padding-right: calc(env(safe-area-inset-right) - 1.5rem)
    }

    .hx\:pr-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] {
        padding-right: max(env(safe-area-inset-left), 1.5rem)
    }

    .hx\:pr-\[max\(env\(safe-area-inset-right\)\,1\.5rem\)\] {
        padding-right: max(env(safe-area-inset-right), 1.5rem)
    }

    .hx\:pb-8 {
        padding-bottom: calc(var(--hx-spacing)*8)
    }

    .hx\:pb-\[env\(safe-area-inset-bottom\)\] {
        padding-bottom: env(safe-area-inset-bottom)
    }

    .hx\:pb-px {
        padding-bottom: 1px
    }

    .hx\:pl-\[max\(env\(safe-area-inset-left\)\,1\.5rem\)\] {
        padding-left: max(env(safe-area-inset-left), 1.5rem)
    }

    .hx\:text-center {
        text-align: center
    }

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

    .hx\:align-\[-2\.5px\] {
        vertical-align: -2.5px
    }

    .hx\:align-middle {
        vertical-align: middle
    }

    .hx\:align-text-bottom {
        vertical-align: text-bottom
    }

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

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

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

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

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

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

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

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

    .hx\:text-\[\.65rem\] {
        font-size: .65rem
    }

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

    .hx\:leading-5 {
        --tw-leading: calc(var(--hx-spacing)*5);
        line-height: calc(var(--hx-spacing)*5)
    }

    .hx\:leading-6 {
        --tw-leading: calc(var(--hx-spacing)*6);
        line-height: calc(var(--hx-spacing)*6)
    }

    .hx\:leading-7 {
        --tw-leading: calc(var(--hx-spacing)*7);
        line-height: calc(var(--hx-spacing)*7)
    }

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

    .hx\:leading-tight {
        --tw-leading: var(--hx-leading-tight);
        line-height: var(--hx-leading-tight)
    }

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

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

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

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

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

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

    .hx\:tracking-tighter {
        --tw-tracking: var(--hx-tracking-tighter);
        letter-spacing: var(--hx-tracking-tighter)
    }

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

    .hx\:text-ellipsis {
        text-overflow: ellipsis
    }

    .hx\:whitespace-nowrap {
        white-space: nowrap
    }

    .hx\:text-\[color\:hsl\(var\(--primary-hue\)\,100\%\,50\%\)\] {
        color: hsl(var(--primary-hue), 100%, 50%)
    }

    .hx\:text-amber-900 {
        color: var(--hx-color-amber-900)
    }

    .hx\:text-blue-900 {
        color: var(--hx-color-blue-900)
    }

    .hx\:text-current {
        color: currentColor
    }

    .hx\:text-gray-100 {
        color: var(--hx-color-gray-100)
    }

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

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

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

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

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

    .hx\:text-green-900 {
        color: var(--hx-color-green-900)
    }

    .hx\:text-indigo-900 {
        color: var(--hx-color-indigo-900)
    }

    .hx\:text-orange-800 {
        color: var(--hx-color-orange-800)
    }

    .hx\:text-primary-800 {
        color: var(--hx-color-primary-800)
    }

    .hx\:text-red-900 {
        color: var(--hx-color-red-900)
    }

    .hx\:text-slate-900 {
        color: var(--hx-color-slate-900)
    }

    .hx\:text-transparent {
        color: #0000
    }

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

    .hx\:text-yellow-900 {
        color: var(--hx-color-yellow-900)
    }

    .hx\:capitalize {
        text-transform: capitalize
    }

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

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

    .hx\:decoration-from-font {
        text-decoration-thickness: from-font
    }

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

    .hx\:opacity-0 {
        opacity: 0
    }

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

    .hx\:opacity-80 {
        opacity: .8
    }

    .hx\:shadow-\[0_-12px_16px_\#fff\] {
        --tw-shadow: 0 -12px 16px var(--tw-shadow-color, #fff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\:shadow-\[0_-12px_16px_white\] {
        --tw-shadow: 0 -12px 16px var(--tw-shadow-color, white);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,\.02\)\,0_1px_0_rgba\(0\,0\,0\,\.06\)\] {
        --tw-shadow: 0 2px 4px var(--tw-shadow-color, #00000005), 0 1px 0 var(--tw-shadow-color, #0000000f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\: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)
    }

    .hx\: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)
    }

    .hx\:shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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)
    }

    .hx\:shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .hx\:shadow-gray-100 {
        --tw-shadow-color: var(--hx-color-gray-100)
    }

    .hx\:ring-black\/5 {
        --tw-ring-color: color-mix(in oklab, var(--hx-color-black)5%, transparent)
    }

    .hx\: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, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--hx-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--hx-default-transition-duration))
    }

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

    .hx\:transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--hx-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--hx-default-transition-duration))
    }

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

    .hx\:transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--hx-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--hx-default-transition-duration))
    }

    .hx\:duration-75 {
        --tw-duration: 75ms;
        transition-duration: 75ms
    }

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

    .hx\:ease-in {
        --tw-ease: var(--hx-ease-in);
        transition-timing-function: var(--hx-ease-in)
    }

    .hx\:select-none {
        -webkit-user-select: none;
        user-select: none
    }

    @media (hover:hover) {
        .hx\:group-hover\:underline:is(:where(.hx\:group):hover *) {
            text-decoration-line: underline
        }

        .hx\:group-hover\/code\:opacity-100:is(:where(.hx\:group\/code):hover *) {
            opacity: 1
        }
    }

    .hx\:group-data-\[theme\=dark\]\:hidden:is(:where(.hx\:group)[data-theme=dark] *),
    .hx\:group-data-\[theme\=light\]\:hidden:is(:where(.hx\:group)[data-theme=light] *) {
        display: none
    }

    .hx\:group-\[\.copied\]\/copybtn\:block:is(:where(.hx\:group\/copybtn).copied *) {
        display: block
    }

    .hx\:group-\[\.copied\]\/copybtn\:hidden:is(:where(.hx\:group\/copybtn).copied *) {
        display: none
    }

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

    .hx\:before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .hx\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .hx\:before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--hx-spacing)*0)
    }

    .hx\:before\:inset-y-1:before {
        content: var(--tw-content);
        inset-block: calc(var(--hx-spacing)*1)
    }

    .hx\:before\:mr-1:before {
        content: var(--tw-content);
        margin-right: calc(var(--hx-spacing)*1)
    }

    .hx\:before\:inline-block:before {
        content: var(--tw-content);
        display: inline-block
    }

    .hx\:before\:w-px:before {
        content: var(--tw-content);
        width: 1px
    }

    .hx\:before\:bg-gray-200:before {
        content: var(--tw-content);
        background-color: var(--hx-color-gray-200)
    }

    .hx\:before\:opacity-25:before {
        content: var(--tw-content);
        opacity: .25
    }

    .hx\:before\:transition-transform:before {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--hx-default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--hx-default-transition-duration))
    }

    .hx\:before\:content-\[\"\"\]:before {
        content: var(--tw-content);
        --tw-content: "";
        content: var(--tw-content)
    }

    .hx\:before\:content-\[\'\#\'\]:before {
        content: var(--tw-content);
        --tw-content: "#";
        content: var(--tw-content)
    }

    .hx\:before\:content-\[\'\'\]:before {
        content: var(--tw-content);
        --tw-content: "";
        content: var(--tw-content)
    }

    .hx\:before\:content-\[\\\"\\\"\]:before {
        content: var(--tw-content);
        --tw-content: \"\";
        content: var(--tw-content)
    }

    .hx\:group-open\:before\:rotate-90:is(:where(.hx\:group):is([open], :popover-open, :open) *):before {
        content: var(--tw-content);
        rotate: 90deg
    }

    .hx\:first\:mt-0:first-child {
        margin-top: calc(var(--hx-spacing)*0)
    }

    .hx\:last-of-type\:mb-0:last-of-type {
        margin-bottom: calc(var(--hx-spacing)*0)
    }

    @media (hover:hover) {
        .hx\:hover\:border-gray-200:hover {
            border-color: var(--hx-color-gray-200)
        }

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

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

        .hx\:hover\:border-gray-900:hover {
            border-color: var(--hx-color-gray-900)
        }

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

        .hx\:hover\:bg-gray-800\/5:hover {
            background-color: color-mix(in oklab, var(--hx-color-gray-800)5%, transparent)
        }

        .hx\:hover\:bg-primary-50:hover {
            background-color: var(--hx-color-primary-50)
        }

        .hx\:hover\:bg-primary-700:hover {
            background-color: var(--hx-color-primary-700)
        }

        .hx\:hover\:bg-slate-50:hover {
            background-color: var(--hx-color-slate-50)
        }

        .hx\:hover\:text-black:hover {
            color: var(--hx-color-black)
        }

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

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

        .hx\:hover\:text-primary-600:hover {
            color: var(--hx-color-primary-600)
        }

        .hx\:hover\:opacity-60:hover {
            opacity: .6
        }

        .hx\:hover\:opacity-75:hover {
            opacity: .75
        }

        .hx\:hover\:shadow-lg:hover {
            --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)
        }

        .hx\:hover\:shadow-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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)
        }

        .hx\:hover\:shadow-gray-100:hover {
            --tw-shadow-color: var(--hx-color-gray-100)
        }
    }

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

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

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

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

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

    .hx\:active\:bg-gray-400\/20:active {
        background-color: color-mix(in oklab, var(--hx-color-gray-400)20%, transparent)
    }

    .hx\:active\:opacity-50:active {
        opacity: .5
    }

    .hx\:active\:shadow-sm:active {
        --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)
    }

    .hx\:active\:shadow-gray-200:active {
        --tw-shadow-color: var(--hx-color-gray-200)
    }

    .hx\:data-\[state\=closed\]\:hidden[data-state=closed],
    .hx\:data-\[state\=open\]\:hidden[data-state=open] {
        display: none
    }

    .hx\:data-\[state\=selected\]\:block[data-state=selected] {
        display: block
    }

    .hx\:data-\[state\=selected\]\:border-primary-500[data-state=selected] {
        border-color: var(--hx-color-primary-500)
    }

    .hx\:data-\[state\=selected\]\:text-primary-600[data-state=selected] {
        color: var(--hx-color-primary-600)
    }

    @media (prefers-contrast:more) {
        .hx\:contrast-more\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
        }

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

        .hx\:contrast-more\:border-current {
            border-color: currentColor
        }

        .hx\:contrast-more\:border-gray-800 {
            border-color: var(--hx-color-gray-800)
        }

        .hx\:contrast-more\:border-gray-900 {
            border-color: var(--hx-color-gray-900)
        }

        .hx\:contrast-more\:border-neutral-400 {
            border-color: var(--hx-color-neutral-400)
        }

        .hx\:contrast-more\:border-primary-500 {
            border-color: var(--hx-color-primary-500)
        }

        .hx\:contrast-more\:border-transparent {
            border-color: #0000
        }

        .hx\:contrast-more\:font-bold {
            --tw-font-weight: var(--hx-font-weight-bold);
            font-weight: var(--hx-font-weight-bold)
        }

        .hx\:contrast-more\:text-current {
            color: currentColor
        }

        .hx\:contrast-more\:text-gray-700 {
            color: var(--hx-color-gray-700)
        }

        .hx\:contrast-more\:text-gray-800 {
            color: var(--hx-color-gray-800)
        }

        .hx\:contrast-more\:text-gray-900 {
            color: var(--hx-color-gray-900)
        }

        .hx\:contrast-more\:underline {
            text-decoration-line: underline
        }

        .hx\:contrast-more\:shadow-\[0_0_0_1px_\#000\] {
            --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #000);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hx\:contrast-more\:shadow-none {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        @media (hover:hover) {
            .hx\:contrast-more\:hover\:border-gray-900:hover {
                border-color: var(--hx-color-gray-900)
            }
        }
    }

    @media (width<80rem) {
        .hx\:max-xl\:hidden {
            display: none
        }
    }

    @media (width<64rem) {
        .hx\:max-lg\:min-h-\[340px\] {
            min-height: 340px
        }
    }

    @media (width<48rem) {
        .hx\:max-md\:hidden {
            display: none
        }

        .hx\:max-md\:min-h-\[340px\] {
            min-height: 340px
        }

        .hx\:max-md\:\[transform\:translate3d\(0\,-100\%\,0\)\] {
            transform: translateY(-100%)
        }

        .hx\:max-md\:\[transform\:translate3d\(0\,0\,0\)\] {
            transform: translate(0)
        }
    }

    @media (width<40rem) {
        .hx\:max-sm\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }
    }

    @media (width>=40rem) {
        .hx\:sm\:block {
            display: block
        }

        .hx\:sm\:flex {
            display: flex
        }

        .hx\:sm\:w-\[110\%\] {
            width: 110%
        }

        .hx\:sm\:items-start {
            align-items: flex-start
        }

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

        @media (width<64rem) {
            .hx\:sm\:max-lg\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }
    }

    @media (width>=48rem) {
        .hx\:md\:sticky {
            position: sticky
        }

        .hx\:md\:top-16 {
            top: calc(var(--hx-spacing)*16)
        }

        .hx\:md\:hidden {
            display: none
        }

        .hx\:md\:inline-block {
            display: inline-block
        }

        .hx\:md\:aspect-\[1\.1\/1\] {
            aspect-ratio: 1.1
        }

        .hx\:md\:h-\[calc\(100vh-var\(--navbar-height\)-var\(--menu-height\)\)\] {
            height: calc(100vh - var(--navbar-height) - var(--menu-height))
        }

        .hx\:md\:max-h-\[min\(calc\(100vh-5rem-env\(safe-area-inset-bottom\)\)\,400px\)\] {
            max-height: min(calc(100vh - 5rem - env(safe-area-inset-bottom)), 400px)
        }

        .hx\:md\:w-64 {
            width: calc(var(--hx-spacing)*64)
        }

        .hx\:md\:shrink-0 {
            flex-shrink: 0
        }

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

        .hx\:md\:justify-start {
            justify-content: flex-start
        }

        .hx\:md\:self-start {
            align-self: flex-start
        }

        .hx\:md\:overflow-auto {
            overflow: auto
        }

        .hx\:md\:px-12 {
            padding-inline: calc(var(--hx-spacing)*12)
        }

        .hx\:md\:pt-12 {
            padding-top: calc(var(--hx-spacing)*12)
        }

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

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

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

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

    @media (width>=64rem) {
        .hx\:lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    @media (width>=80rem) {
        .hx\:xl\:block {
            display: block
        }

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

    .hx\:ltr\:right-1\.5:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        right: calc(var(--hx-spacing)*1.5)
    }

    .hx\:ltr\:right-3:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        right: calc(var(--hx-spacing)*3)
    }

    .hx\:ltr\:-mr-4:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-right: calc(var(--hx-spacing)*-4)
    }

    .hx\:ltr\:mr-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-right: auto
    }

    .hx\:ltr\:ml-1:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-left: calc(var(--hx-spacing)*1)
    }

    .hx\:ltr\:ml-3:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-left: calc(var(--hx-spacing)*3)
    }

    .hx\:ltr\:ml-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        margin-left: auto
    }

    .hx\:ltr\:rotate-180:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        rotate: 180deg
    }

    .hx\:ltr\:border-l:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .hx\:ltr\:pr-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-right: calc(var(--hx-spacing)*0)
    }

    .hx\:ltr\:pr-2:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-right: calc(var(--hx-spacing)*2)
    }

    .hx\:ltr\:pr-4:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-right: calc(var(--hx-spacing)*4)
    }

    .hx\:ltr\:pr-9:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-right: calc(var(--hx-spacing)*9)
    }

    .hx\:ltr\:pl-3:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*3)
    }

    .hx\:ltr\:pl-4:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*4)
    }

    .hx\:ltr\:pl-5:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*5)
    }

    .hx\:ltr\:pl-6:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*6)
    }

    .hx\:ltr\:pl-8:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*8)
    }

    .hx\:ltr\:pl-12:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*12)
    }

    .hx\:ltr\:pl-16:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        padding-left: calc(var(--hx-spacing)*16)
    }

    .hx\:ltr\:text-right:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
        text-align: right
    }

    .hx\:ltr\:before\:left-0:where(:dir(ltr), [dir=ltr], [dir=ltr] *):before {
        content: var(--tw-content);
        left: calc(var(--hx-spacing)*0)
    }

    @media (width>=48rem) {
        .hx\:ltr\:md\:left-auto:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
            left: auto
        }
    }

    .hx\:rtl\:left-1\.5:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--hx-spacing)*1.5)
    }

    .hx\:rtl\:left-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--hx-spacing)*3)
    }

    .hx\:rtl\:mr-1:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--hx-spacing)*1)
    }

    .hx\:rtl\:mr-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--hx-spacing)*3)
    }

    .hx\:rtl\:mr-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: auto
    }

    .hx\:rtl\:-ml-4:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--hx-spacing)*-4)
    }

    .hx\:rtl\:ml-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: auto
    }

    .hx\:rtl\:-rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: -180deg
    }

    .hx\:rtl\:border-r:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .hx\:rtl\:pr-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*3)
    }

    .hx\:rtl\:pr-4:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*4)
    }

    .hx\:rtl\:pr-5:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*5)
    }

    .hx\:rtl\:pr-6:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*6)
    }

    .hx\:rtl\:pr-8:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*8)
    }

    .hx\:rtl\:pr-12:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*12)
    }

    .hx\:rtl\:pr-16:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--hx-spacing)*16)
    }

    .hx\:rtl\:pl-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--hx-spacing)*2)
    }

    .hx\:rtl\:pl-4:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--hx-spacing)*4)
    }

    .hx\:rtl\:pl-9:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--hx-spacing)*9)
    }

    .hx\:rtl\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: left
    }

    .hx\:rtl\:before\:right-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
        content: var(--tw-content);
        right: calc(var(--hx-spacing)*0)
    }

    .hx\:rtl\:before\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *):before {
        content: var(--tw-content);
        rotate: 180deg
    }

    @media (width>=48rem) {
        .hx\:rtl\:md\:right-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
            right: auto
        }
    }

    .hx\:dark\:block:where(.dark, .dark *) {
        display: block
    }

    .hx\:dark\:hidden:where(.dark, .dark *) {
        display: none
    }

    .hx\:dark\:border-amber-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-amber-200)30%, transparent)
    }

    .hx\:dark\:border-blue-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-blue-200)30%, transparent)
    }

    .hx\:dark\:border-gray-100\/20:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-gray-100)20%, transparent)
    }

    .hx\:dark\:border-gray-400:where(.dark, .dark *) {
        border-color: var(--hx-color-gray-400)
    }

    .hx\:dark\:border-green-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-green-200)30%, transparent)
    }

    .hx\:dark\:border-indigo-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-indigo-200)30%, transparent)
    }

    .hx\:dark\:border-neutral-700:where(.dark, .dark *) {
        border-color: var(--hx-color-neutral-700)
    }

    .hx\:dark\:border-neutral-800:where(.dark, .dark *) {
        border-color: var(--hx-color-neutral-800)
    }

    .hx\:dark\:border-orange-400\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-orange-400)30%, transparent)
    }

    .hx\:dark\:border-red-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-red-200)30%, transparent)
    }

    .hx\:dark\:border-white\/10:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-white)10%, transparent)
    }

    .hx\:dark\:border-yellow-200\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--hx-color-yellow-200)30%, transparent)
    }

    .hx\:dark\:bg-amber-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-amber-900)30%, transparent)
    }

    .hx\:dark\:bg-blue-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-blue-900)30%, transparent)
    }

    .hx\:dark\:bg-dark:where(.dark, .dark *) {
        background-color: var(--hx-color-dark)
    }

    .hx\:dark\:bg-dark\/50:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-dark)50%, transparent)
    }

    .hx\:dark\:bg-gray-50\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-gray-50)10%, transparent)
    }

    .hx\:dark\:bg-green-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-green-900)30%, transparent)
    }

    .hx\:dark\:bg-indigo-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-indigo-900)30%, transparent)
    }

    .hx\:dark\:bg-neutral-800:where(.dark, .dark *) {
        background-color: var(--hx-color-neutral-800)
    }

    .hx\:dark\:bg-neutral-900:where(.dark, .dark *) {
        background-color: var(--hx-color-neutral-900)
    }

    .hx\:dark\:bg-orange-400\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-orange-400)20%, transparent)
    }

    .hx\:dark\:bg-orange-800\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-orange-800)20%, transparent)
    }

    .hx\:dark\:bg-primary-300\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-primary-300)10%, transparent)
    }

    .hx\:dark\:bg-primary-400\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-primary-400)10%, transparent)
    }

    .hx\:dark\:bg-primary-600:where(.dark, .dark *) {
        background-color: var(--hx-color-primary-600)
    }

    .hx\:dark\:bg-red-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-red-900)30%, transparent)
    }

    .hx\:dark\:bg-yellow-700\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--hx-color-yellow-700)30%, transparent)
    }

    .hx\:dark\:from-gray-100:where(.dark, .dark *) {
        --tw-gradient-from: var(--hx-color-gray-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .hx\:dark\:to-gray-400:where(.dark, .dark *) {
        --tw-gradient-to: var(--hx-color-gray-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .hx\:dark\:text-amber-200:where(.dark, .dark *) {
        color: var(--hx-color-amber-200)
    }

    .hx\:dark\:text-blue-200:where(.dark, .dark *) {
        color: var(--hx-color-blue-200)
    }

    .hx\:dark\:text-gray-50:where(.dark, .dark *) {
        color: var(--hx-color-gray-50)
    }

    .hx\:dark\:text-gray-100:where(.dark, .dark *) {
        color: var(--hx-color-gray-100)
    }

    .hx\:dark\:text-gray-200:where(.dark, .dark *) {
        color: var(--hx-color-gray-200)
    }

    .hx\:dark\:text-gray-300:where(.dark, .dark *) {
        color: var(--hx-color-gray-300)
    }

    .hx\:dark\:text-gray-400:where(.dark, .dark *) {
        color: var(--hx-color-gray-400)
    }

    .hx\:dark\:text-green-200:where(.dark, .dark *) {
        color: var(--hx-color-green-200)
    }
    
    .hx\:dark\:text-green-300:where(.dark, .dark *) {
        color: var(--hx-color-green-300)
    }
    
    .hx\:dark\:text-green-400:where(.dark, .dark *) {
        color: var(--hx-color-green-400)
    }

    .hx\:dark\:text-indigo-200:where(.dark, .dark *) {
        color: var(--hx-color-indigo-200)
    }

    .hx\:dark\:text-neutral-200:where(.dark, .dark *) {
        color: var(--hx-color-neutral-200)
    }

    .hx\:dark\:text-neutral-400:where(.dark, .dark *) {
        color: var(--hx-color-neutral-400)
    }

    .hx\:dark\:text-orange-300:where(.dark, .dark *) {
        color: var(--hx-color-orange-300)
    }

    .hx\:dark\:text-primary-600:where(.dark, .dark *) {
        color: var(--hx-color-primary-600)
    }

    .hx\:dark\:text-red-200:where(.dark, .dark *) {
        color: var(--hx-color-red-200)
    }

    .hx\:dark\:text-slate-100:where(.dark, .dark *) {
        color: var(--hx-color-slate-100)
    }

    .hx\:dark\:text-yellow-200:where(.dark, .dark *) {
        color: var(--hx-color-yellow-200)
    }

    .hx\:dark\:opacity-80:where(.dark, .dark *) {
        opacity: .8
    }

    .hx\:dark\:shadow-\[0_-1px_0_rgba\(255\,255\,255\,\.1\)_inset\]:where(.dark, .dark *) {
        --tw-shadow: 0 -1px 0 var(--tw-shadow-color, #ffffff1a)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\:dark\:shadow-\[0_-12px_16px_\#111\]:where(.dark, .dark *) {
        --tw-shadow: 0 -12px 16px var(--tw-shadow-color, #111);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\:dark\:shadow-none:where(.dark, .dark *) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hx\:dark\:ring-white\/20:where(.dark, .dark *) {
        --tw-ring-color: color-mix(in oklab, var(--hx-color-white)20%, transparent)
    }

    .hx\:dark\:placeholder\:text-gray-400:where(.dark, .dark *)::placeholder {
        color: var(--hx-color-gray-400)
    }

    .hx\:dark\:before\:bg-neutral-800:where(.dark, .dark *):before {
        content: var(--tw-content);
        background-color: var(--hx-color-neutral-800)
    }

    .hx\:dark\:before\:invert:where(.dark, .dark *):before {
        content: var(--tw-content);
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    @media (hover:hover) {
        .hx\:dark\:hover\:border-gray-100:where(.dark, .dark *):hover {
            border-color: var(--hx-color-gray-100)
        }

        .hx\:dark\:hover\:border-gray-600:where(.dark, .dark *):hover {
            border-color: var(--hx-color-gray-600)
        }

        .hx\:dark\:hover\:border-neutral-500:where(.dark, .dark *):hover {
            border-color: var(--hx-color-neutral-500)
        }

        .hx\:dark\:hover\:border-neutral-700:where(.dark, .dark *):hover {
            border-color: var(--hx-color-neutral-700)
        }

        .hx\:dark\:hover\:border-neutral-800:where(.dark, .dark *):hover {
            border-color: var(--hx-color-neutral-800)
        }

        .hx\:dark\:hover\:bg-gray-100\/5:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--hx-color-gray-100)5%, transparent)
        }

        .hx\:dark\:hover\:bg-neutral-700:where(.dark, .dark *):hover {
            background-color: var(--hx-color-neutral-700)
        }

        .hx\:dark\:hover\:bg-neutral-800:where(.dark, .dark *):hover {
            background-color: var(--hx-color-neutral-800)
        }

        .hx\:dark\:hover\:bg-neutral-900:where(.dark, .dark *):hover {
            background-color: var(--hx-color-neutral-900)
        }

        .hx\:dark\:hover\:bg-primary-100\/5:where(.dark, .dark *):hover {
            background-color: color-mix(in oklab, var(--hx-color-primary-100)5%, transparent)
        }

        .hx\:dark\:hover\:bg-primary-700:where(.dark, .dark *):hover {
            background-color: var(--hx-color-primary-700)
        }

        .hx\:hover\:dark\:bg-primary-500\/10:hover:where(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--hx-color-primary-500)10%, transparent)
        }

        .hx\:dark\:hover\:text-gray-50:where(.dark, .dark *):hover {
            color: var(--hx-color-gray-50)
        }

        .hx\:dark\:hover\:text-gray-100:where(.dark, .dark *):hover {
            color: var(--hx-color-gray-100)
        }

        .hx\:dark\:hover\:text-gray-200:where(.dark, .dark *):hover {
            color: var(--hx-color-gray-200)
        }

        .hx\:dark\:hover\:text-gray-300:where(.dark, .dark *):hover {
            color: var(--hx-color-gray-300)
        }

        .hx\:dark\:hover\:text-neutral-50:where(.dark, .dark *):hover {
            color: var(--hx-color-neutral-50)
        }

        .hx\:dark\:hover\:text-white:where(.dark, .dark *):hover {
            color: var(--hx-color-white)
        }

        .hx\:hover\:dark\:text-primary-600:hover:where(.dark, .dark *) {
            color: var(--hx-color-primary-600)
        }

        .hx\:dark\:hover\:shadow-none:where(.dark, .dark *):hover {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    .hx\:dark\:focus\:bg-dark:where(.dark, .dark *):focus {
        background-color: var(--hx-color-dark)
    }

    .hx\:dark\:focus\:ring-primary-800:where(.dark, .dark *):focus {
        --tw-ring-color: var(--hx-color-primary-800)
    }

    .hx\:data-\[state\=selected\]\:dark\:border-primary-500[data-state=selected]:where(.dark, .dark *) {
        border-color: var(--hx-color-primary-500)
    }

    .hx\:data-\[state\=selected\]\:dark\:text-primary-600[data-state=selected]:where(.dark, .dark *) {
        color: var(--hx-color-primary-600)
    }

    @media (prefers-contrast:more) {
        .hx\:contrast-more\:dark\:border-current:where(.dark, .dark *) {
            border-color: currentColor
        }

        .hx\:contrast-more\:dark\:border-gray-50:where(.dark, .dark *) {
            border-color: var(--hx-color-gray-50)
        }

        .hx\:contrast-more\:dark\:border-neutral-400:where(.dark, .dark *) {
            border-color: var(--hx-color-neutral-400)
        }

        .hx\:contrast-more\:dark\:border-primary-500:where(.dark, .dark *) {
            border-color: var(--hx-color-primary-500)
        }

        .hx\:dark\:contrast-more\:border-neutral-400:where(.dark, .dark *) {
            border-color: var(--hx-color-neutral-400)
        }

        .hx\:contrast-more\:dark\:text-current:where(.dark, .dark *) {
            color: currentColor
        }

        .hx\:contrast-more\:dark\:text-gray-50:where(.dark, .dark *) {
            color: var(--hx-color-gray-50)
        }

        .hx\:contrast-more\:dark\:text-gray-100:where(.dark, .dark *) {
            color: var(--hx-color-gray-100)
        }

        .hx\:contrast-more\:dark\:text-gray-300:where(.dark, .dark *) {
            color: var(--hx-color-gray-300)
        }

        .hx\:contrast-more\:dark\:shadow-\[0_0_0_1px_\#fff\]:where(.dark, .dark *) {
            --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #fff);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hx\:contrast-more\:dark\:shadow-none:where(.dark, .dark *) {
            --tw-shadow: 0 0 #0000;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        @media (hover:hover) {
            .hx\:contrast-more\:dark\:hover\:border-gray-50:where(.dark, .dark *):hover {
                border-color: var(--hx-color-gray-50)
            }
        }
    }

    @media print {
        .hx\:print\:hidden {
            display: none
        }

        .hx\:print\:bg-transparent {
            background-color: #0000
        }
    }
}html{font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--hx-color-white);width:100%}body:where(.dark,.dark *){background-color:var(--hx-color-dark);color:var(--hx-color-gray-100)}:root{--primary-hue:212deg;--primary-saturation:100%;--primary-lightness:50%;--navbar-height:4rem;--menu-height:3.75rem}.dark{--primary-hue:204deg;--primary-saturation:100%;--primary-lightness:50%}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-4xl);line-height:var(--tw-leading,var(--hx-text-4xl--line-height));--tw-font-weight:var(--hx-font-weight-bold);font-weight:var(--hx-font-weight-bold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*10);border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-color:color-mix(in oklab,var(--hx-color-neutral-200)70%,transparent);padding-bottom:calc(var(--hx-spacing)*1);font-size:var(--hx-text-3xl);line-height:var(--tw-leading,var(--hx-text-3xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}@media(prefers-contrast:more){.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--hx-color-neutral-400)}}.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)10%,transparent);color:var(--hx-color-slate-100)}@media(prefers-contrast:more){.content :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:var(--hx-color-neutral-400)}}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-2xl);line-height:var(--tw-leading,var(--hx-text-2xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-xl);line-height:var(--tw-leading,var(--hx-text-xl--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-lg);line-height:var(--tw-leading,var(--hx-text-lg--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h5):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*8);font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);--tw-tracking:var(--hx-tracking-tight);letter-spacing:var(--hx-tracking-tight);color:var(--hx-color-slate-900)}.content :where(h6):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){color:var(--hx-color-slate-100)}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*3);margin-bottom:calc(var(--hx-spacing)*3);--tw-leading:calc(var(--hx-spacing)*7);line-height:calc(var(--hx-spacing)*7)}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(p):not(:where([class~=not-prose],[class~=not-prose] *)):last-child{margin-bottom:calc(var(--hx-spacing)*0)}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--hx-color-primary-600)}.content :where(a):not(:where([class~=not-prose],[class~=not-prose] *)):hover{color:var(--hx-color-primary-300)}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*3);margin-top:calc(var(--hx-spacing)*3);border-color:var(--hx-color-gray-300);color:var(--hx-color-gray-700)}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):last-child{margin-bottom:calc(var(--hx-spacing)*0)}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-left-style:var(--tw-border-style);padding-left:calc(var(--hx-spacing)*6);border-left-width:2px}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-right-style:var(--tw-border-style);padding-right:calc(var(--hx-spacing)*6);border-right-width:2px}.content :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:var(--hx-color-gray-700);color:var(--hx-color-gray-400)}.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){margin-bottom:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-xl);background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);padding-block:calc(var(--hx-spacing)*4);--tw-font-weight:var(--hx-font-weight-medium);font-weight:var(--hx-font-weight-medium);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;overflow-x:auto}@media(prefers-contrast:more){.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-primary-900)20%,transparent);--tw-contrast:contrast(150%);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,)}}.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent)}@media(prefers-contrast:more){.content :where(pre):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)40%,transparent)}}.content :where(code):not(:where(.hextra-code-block code,[class~=not-prose],[class~=not-prose] *)){border-radius:var(--hx-radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)4%,transparent);background-color:color-mix(in oklab,var(--hx-color-black)3%,transparent);padding-inline:.25em;padding-block:calc(var(--hx-spacing)*.5);overflow-wrap:break-word;font-size:.9em}.content :where(code):not(:where(.hextra-code-block code,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)10%,transparent);background-color:color-mix(in oklab,var(--hx-color-white)10%,transparent)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*6);padding:calc(var(--hx-spacing)*0);display:block;overflow-x:auto}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr{margin:calc(var(--hx-spacing)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--hx-color-gray-300);padding:calc(var(--hx-spacing)*0)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:nth-child(2n){background-color:var(--hx-color-gray-100)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) tr:nth-child(2n):where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-gray-600)20%,transparent)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) th{margin:calc(var(--hx-spacing)*0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hx-color-gray-300);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) th:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) td{margin:calc(var(--hx-spacing)*0);border-style:var(--tw-border-style);border-width:1px;border-color:var(--hx-color-gray-300);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2)}.content :where(table):not(:where(.hextra-code-block table,[class~=not-prose],[class~=not-prose] *)) td:where(.dark,.dark *){border-color:var(--hx-color-gray-600)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*6)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*6)}.content :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) li{margin-block:calc(var(--hx-spacing)*3)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):first-child{margin-top:calc(var(--hx-spacing)*0)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*6)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*6)}.content :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) li{margin-block:calc(var(--hx-spacing)*3)}.content :where(ul,ol)>li>:where(ul,ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:calc(var(--hx-spacing)*0)}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:var(--hx-radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)4%,transparent);background-color:color-mix(in oklab,var(--hx-color-black)3%,transparent);padding-inline:.25em;padding-block:calc(var(--hx-spacing)*.5);overflow-wrap:break-word;font-size:.9em}.content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)10%,transparent);background-color:color-mix(in oklab,var(--hx-color-white)10%,transparent)}.content :where(pre.mermaid):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)){background-color:#0000;border-radius:0}.content :where(pre.mermaid):not(:where(.hextra-code-block pre,[class~=not-prose],[class~=not-prose] *)):where(.dark,.dark *){background-color:#0000}.content :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-inline:auto;margin-block:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-md)}.content :where(img.hx\:rounded-circle):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:50%}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption{margin-top:calc(var(--hx-spacing)*2);text-align:center;font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));color:var(--hx-color-gray-500);display:block}.content :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) figcaption:where(.dark,.dark *){color:var(--hx-color-gray-400)}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dt{margin-top:calc(var(--hx-spacing)*6);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dd{margin-block:calc(var(--hx-spacing)*2);padding-inline-start:calc(var(--hx-spacing)*6)}.content .footnotes{margin-top:calc(var(--hx-spacing)*12);font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height))}.content .footnotes hr{border-color:var(--hx-color-gray-200)}.content .footnotes hr:where(.dark,.dark *){border-color:var(--hx-color-neutral-800)}.subheading-anchor{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration))}.subheading-anchor:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--hx-spacing)*1)}.subheading-anchor:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--hx-spacing)*1)}span:target+.subheading-anchor,:hover>.subheading-anchor,.subheading-anchor:focus{opacity:1}span+.subheading-anchor,:hover>.subheading-anchor{text-decoration-line:none!important}.subheading-anchor:after{content:var(--tw-content);color:var(--hx-color-gray-300)}.subheading-anchor:where(.dark,.dark *):after{content:var(--tw-content);color:var(--hx-color-neutral-700)}.subheading-anchor:after{padding-inline:calc(var(--hx-spacing)*1);--tw-content:"#";content:var(--tw-content)}span:target+:is(){color:var(--hx-color-gray-400)}span:target+:is():where(.dark,.dark *){color:var(--hx-color-neutral-500)}article details>summary::-webkit-details-marker{display:none}article details>summary:before{vertical-align:-4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx:h-5 hx:w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");width:1.2em;height:1.2em;padding:0 .6em}:lang(fa) ol{list-style-type:persian}.highlight .chroma .err{color:#a61717;background-color:#e3d2d2}.highlight .chroma .lnlinks{color:inherit;outline:none;text-decoration:none}.highlight .chroma .line{display:flex}.highlight .chroma .k,.highlight .chroma .kc,.highlight .chroma .kd,.highlight .chroma .kn,.highlight .chroma .kp,.highlight .chroma .kr{color:#000;font-weight:700}.highlight .chroma .kt{color:#458;font-weight:700}.highlight .chroma .na{color:teal}.highlight .chroma .nb{color:#0086b3}.highlight .chroma .bp{color:#999}.highlight .chroma .nc{color:#458;font-weight:700}.highlight .chroma .no{color:teal}.highlight .chroma .nd{color:#3c5d5d;font-weight:700}.highlight .chroma .ni{color:purple}.highlight .chroma .ne,.highlight .chroma .nf,.highlight .chroma .nl{color:#900;font-weight:700}.highlight .chroma .nn{color:#555}.highlight .chroma .nt{color:navy}.highlight .chroma .nv,.highlight .chroma .vc,.highlight .chroma .vg,.highlight .chroma .vi{color:teal}.highlight .chroma .s,.highlight .chroma .sa,.highlight .chroma .sb,.highlight .chroma .sc,.highlight .chroma .dl,.highlight .chroma .sd,.highlight .chroma .s2,.highlight .chroma .se,.highlight .chroma .sh,.highlight .chroma .si,.highlight .chroma .sx{color:#d14}.highlight .chroma .sr{color:#009926}.highlight .chroma .s1{color:#d14}.highlight .chroma .ss{color:#990073}.highlight .chroma .m,.highlight .chroma .mb,.highlight .chroma .mf,.highlight .chroma .mh,.highlight .chroma .mi,.highlight .chroma .il,.highlight .chroma .mo{color:#099}.highlight .chroma .o,.highlight .chroma .ow{color:#000;font-weight:700}.highlight .chroma .c,.highlight .chroma .ch,.highlight .chroma .cm,.highlight .chroma .c1{color:#998;font-style:italic}.highlight .chroma .cs,.highlight .chroma .cp,.highlight .chroma .cpf{color:#999;font-style:italic;font-weight:700}.highlight .chroma .gd{color:#000;background-color:#fdd}.highlight .chroma .ge{color:#000;font-style:italic}.highlight .chroma .gr{color:#a00}.highlight .chroma .gh{color:#999}.highlight .chroma .gi{color:#000;background-color:#dfd}.highlight .chroma .go{color:#888}.highlight .chroma .gp{color:#555}.highlight .chroma .gs{font-weight:700}.highlight .chroma .gu{color:#aaa}.highlight .chroma .gt{color:#a00}.highlight .chroma .gl{text-decoration:underline}.highlight .chroma .w{color:#bbb}.dark .highlight .chroma .err{color:#f85149}.dark .highlight .chroma .lnlinks{color:inherit;outline:none;text-decoration:none}.dark .highlight .chroma .line{display:flex}.dark .highlight .chroma .k{color:#ff7b72}.dark .highlight .chroma .kc{color:#79c0ff}.dark .highlight .chroma .kd,.dark .highlight .chroma .kn{color:#ff7b72}.dark .highlight .chroma .kp{color:#79c0ff}.dark .highlight .chroma .kr,.dark .highlight .chroma .kt{color:#ff7b72}.dark .highlight .chroma .nc{color:#f0883e;font-weight:700}.dark .highlight .chroma .no{color:#79c0ff;font-weight:700}.dark .highlight .chroma .nd{color:#d2a8ff;font-weight:700}.dark .highlight .chroma .ni{color:#ffa657}.dark .highlight .chroma .ne{color:#f0883e;font-weight:700}.dark .highlight .chroma .nf{color:#d2a8ff;font-weight:700}.dark .highlight .chroma .nl{color:#79c0ff;font-weight:700}.dark .highlight .chroma .nn{color:#ff7b72}.dark .highlight .chroma .py{color:#79c0ff}.dark .highlight .chroma .nt{color:#7ee787}.dark .highlight .chroma .nv{color:#79c0ff}.dark .highlight .chroma .l{color:#a5d6ff}.dark .highlight .chroma .ld{color:#79c0ff}.dark .highlight .chroma .s{color:#a5d6ff}.dark .highlight .chroma .sa{color:#79c0ff}.dark .highlight .chroma .sb,.dark .highlight .chroma .sc{color:#a5d6ff}.dark .highlight .chroma .dl{color:#79c0ff}.dark .highlight .chroma .sd,.dark .highlight .chroma .s2{color:#a5d6ff}.dark .highlight .chroma .se,.dark .highlight .chroma .sh{color:#79c0ff}.dark .highlight .chroma .si,.dark .highlight .chroma .sx{color:#a5d6ff}.dark .highlight .chroma .sr{color:#79c0ff}.dark .highlight .chroma .s1,.dark .highlight .chroma .ss,.dark .highlight .chroma .m,.dark .highlight .chroma .mb,.dark .highlight .chroma .mf,.dark .highlight .chroma .mh,.dark .highlight .chroma .mi,.dark .highlight .chroma .il,.dark .highlight .chroma .mo{color:#a5d6ff}.dark .highlight .chroma .o,.dark .highlight .chroma .ow{color:#ff7b72;font-weight:700}.dark .highlight .chroma .c,.dark .highlight .chroma .ch,.dark .highlight .chroma .cm,.dark .highlight .chroma .c1{color:#8b949e;font-style:italic}.dark .highlight .chroma .cs,.dark .highlight .chroma .cp,.dark .highlight .chroma .cpf{color:#8b949e;font-style:italic;font-weight:700}.dark .highlight .chroma .gd{color:#ffa198;background-color:#490202}.dark .highlight .chroma .ge{color:inherit;font-style:italic}.dark .highlight .chroma .gr{color:#ffa198}.dark .highlight .chroma .gh{color:#79c0ff;font-weight:700}.dark .highlight .chroma .gi{color:#56d364;background-color:#0f5323}.dark .highlight .chroma .go,.dark .highlight .chroma .gp{color:#8b949e}.dark .highlight .chroma .gs{font-weight:700}.dark .highlight .chroma .gu{color:#79c0ff}.dark .highlight .chroma .gt{color:#ff7b72}.dark .highlight .chroma .gl{text-decoration:underline}.dark .highlight .chroma .w{color:#6e7681}.hextra-code-block{--tw-leading:calc(var(--hx-spacing)*5);font-size:.9em;line-height:calc(var(--hx-spacing)*5)}.hextra-code-block pre{background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);--tw-font-weight:var(--hx-font-weight-medium);font-weight:var(--hx-font-weight-medium);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;overflow-x:auto}@media(prefers-contrast:more){.hextra-code-block pre{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--hx-color-primary-900)20%,transparent);--tw-contrast:contrast(150%);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,)}}.hextra-code-block pre:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent)}@media(prefers-contrast:more){.hextra-code-block pre:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-primary-100)40%,transparent)}}.hextra-code-block .filename{top:calc(var(--hx-spacing)*0);z-index:1;text-overflow:ellipsis;white-space:nowrap;border-top-left-radius:var(--hx-radius-xl);border-top-right-radius:var(--hx-radius-xl);background-color:color-mix(in oklab,var(--hx-color-primary-700)5%,transparent);width:100%;padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*2);font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));color:var(--hx-color-gray-700);position:absolute;overflow:hidden}.hextra-code-block .filename:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-primary-300)10%,transparent);color:var(--hx-color-gray-200)}.hextra-code-block .filename+pre:not(.lntable pre){padding-top:calc(var(--hx-spacing)*12)}.hextra-code-block pre:not(.lntable pre){margin-bottom:calc(var(--hx-spacing)*4);border-radius:var(--hx-radius-xl);padding-inline:calc(var(--hx-spacing)*4);padding-block:calc(var(--hx-spacing)*4)}.hextra-code-block div:nth-of-type(2) pre{padding-top:calc(var(--hx-spacing)*12);padding-bottom:calc(var(--hx-spacing)*4)}.chroma .lntable{margin:calc(var(--hx-spacing)*0);border-radius:var(--hx-radius-xl);width:auto;display:block;overflow:auto}.chroma .lntable pre{padding-top:calc(var(--hx-spacing)*4);padding-bottom:calc(var(--hx-spacing)*4)}.chroma .ln,.chroma .lnt:not(.hl>.lnt),.chroma .hl:not(.line){min-width:2.6rem;padding-right:calc(var(--hx-spacing)*4);padding-left:calc(var(--hx-spacing)*4);color:var(--hx-color-neutral-600)}:is(.chroma .ln,.chroma .lnt:not(.hl>.lnt),.chroma .hl:not(.line)):where(.dark,.dark *){color:var(--hx-color-neutral-300)}.chroma .lntd{padding:calc(var(--hx-spacing)*0);vertical-align:top}.chroma .lntd:last-of-type{width:100%}.chroma .hl{background-color:color-mix(in oklab,var(--hx-color-primary-800)10%,transparent);width:100%;display:block}.hextra-cards{grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 1rem*2)/var(--hextra-cards-grid-cols))),1fr))}.hextra-card{position:relative}.hextra-card img{-webkit-user-select:none;user-select:none}.hextra-card:hover svg{color:currentColor}.hextra-card svg{color:#0003;width:1.5rem;transition:color .3s}.hextra-card p{margin-top:.5rem;position:relative}.dark .hextra-card svg{color:#fff6}.dark .hextra-card:hover svg{color:currentColor}.hextra-card-tag{z-index:10;position:absolute;top:5px;right:5px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker){counter-increment:step}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(:dir(ltr),[dir=ltr],[dir=ltr] *):before{content:var(--tw-content);margin-left:-41px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(:dir(rtl),[dir=rtl],[dir=rtl] *):before{content:var(--tw-content);margin-right:-44px}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:var(--tw-content);background-color:var(--hx-color-gray-100)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(.dark,.dark *):before{content:var(--tw-content);background-color:var(--hx-color-neutral-800)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:var(--tw-content);border-style:var(--tw-border-style);content:var(--tw-content);border-width:4px;border-color:var(--hx-color-white)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):where(.dark,.dark *):before{content:var(--tw-content);border-color:var(--hx-color-dark)}.steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:counter(step);text-align:center;text-indent:-1px;width:33px;height:33px;font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-font-weight:var(--hx-font-weight-normal);font-weight:var(--hx-font-weight-normal);color:var(--hx-color-neutral-400);border-radius:3.40282e38px;position:absolute}:lang(fa) .steps :where(h2,h3,h4,h5,h6):not(.no-step-marker):before{content:counter(step,persian)}.search-wrapper li{margin-inline:calc(var(--hx-spacing)*2.5);border-radius:var(--hx-radius-md);overflow-wrap:break-word;color:var(--hx-color-gray-800)}@media(prefers-contrast:more){.search-wrapper li{border-style:var(--tw-border-style);border-width:1px;border-color:#0000}}.search-wrapper li:where(.dark,.dark *){color:var(--hx-color-gray-300)}.search-wrapper li a{scroll-margin:calc(var(--hx-spacing)*12);padding-inline:calc(var(--hx-spacing)*2.5);padding-block:calc(var(--hx-spacing)*2);display:block}.search-wrapper li .title{font-size:var(--hx-text-base);line-height:var(--tw-leading,var(--hx-text-base--line-height));--tw-leading:calc(var(--hx-spacing)*5);line-height:calc(var(--hx-spacing)*5);--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold)}.search-wrapper li .active{border-radius:var(--hx-radius-md);background-color:color-mix(in oklab,var(--hx-color-primary-500)10%,transparent)}@media(prefers-contrast:more){.search-wrapper li .active{border-color:var(--hx-color-primary-500)}}.search-wrapper .no-result{padding:calc(var(--hx-spacing)*8);text-align:center;font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));color:var(--hx-color-gray-400);-webkit-user-select:none;user-select:none;display:block}.search-wrapper .prefix{margin-inline:calc(var(--hx-spacing)*2.5);margin-top:calc(var(--hx-spacing)*6);margin-bottom:calc(var(--hx-spacing)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--hx-color-black)10%,transparent);padding-inline:calc(var(--hx-spacing)*2.5);padding-bottom:calc(var(--hx-spacing)*1.5);font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));--tw-font-weight:var(--hx-font-weight-semibold);font-weight:var(--hx-font-weight-semibold);color:var(--hx-color-gray-500);text-transform:uppercase;-webkit-user-select:none;user-select:none}.search-wrapper .prefix:first-child{margin-top:calc(var(--hx-spacing)*0)}@media(prefers-contrast:more){.search-wrapper .prefix{border-color:var(--hx-color-gray-600);color:var(--hx-color-gray-900)}}.search-wrapper .prefix:where(.dark,.dark *){border-color:color-mix(in oklab,var(--hx-color-white)20%,transparent);color:var(--hx-color-gray-300)}@media(prefers-contrast:more){.search-wrapper .prefix:where(.dark,.dark *){border-color:var(--hx-color-gray-50);color:var(--hx-color-gray-50)}}.search-wrapper .excerpt{margin-top:calc(var(--hx-spacing)*1);font-size:var(--hx-text-sm);line-height:var(--tw-leading,var(--hx-text-sm--line-height));--tw-leading:1.35rem;text-overflow:ellipsis;color:var(--hx-color-gray-600);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.35rem;display:-webkit-box;overflow:hidden}.search-wrapper .excerpt:where(.dark,.dark *){color:var(--hx-color-gray-400)}@media(prefers-contrast:more){.search-wrapper .excerpt:where(.dark,.dark *){color:var(--hx-color-gray-50)}}.search-wrapper .match{color:var(--hx-color-primary-600)}@media(width<=48rem){.sidebar-container{top:calc(var(--hx-spacing)*0);bottom:calc(var(--hx-spacing)*0);z-index:15;overscroll-behavior:contain;background-color:var(--hx-color-white);width:100%;padding-top:calc(var(--navbar-height));will-change:transform,opacity;contain:layout style;backface-visibility:hidden;transition:transform .4s cubic-bezier(.52,.16,.04,1);position:fixed}.sidebar-container:where(.dark,.dark *){background-color:var(--hx-color-dark)}}.sidebar-container li>div{height:calc(var(--hx-spacing)*0)}.sidebar-container li.open>div{height:auto;padding-top:calc(var(--hx-spacing)*1)}.sidebar-container li.open>a>span>svg>path{rotate:90deg}nav .search-wrapper{display:none}@media(width>=48rem){nav .search-wrapper{display:inline-block}}@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-container-blur{background-color:color-mix(in oklab,var(--hx-color-white)85%,transparent);--tw-backdrop-blur:blur(var(--hx-blur-md));-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,)}.nav-container-blur:where(.dark,.dark *){background-color:color-mix(in oklab,var(--hx-color-dark)80%,transparent)!important}}.hamburger-menu svg g{transform-origin:50%;transition-property:all;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg path{opacity:1;transition-property:all;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open path{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:0s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open g{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--hx-default-transition-timing-function));transition-duration:var(--tw-duration,var(--hx-default-transition-duration));--tw-duration:.1s;--tw-ease:var(--hx-ease-out);transition-duration:.1s;transition-delay:.1s;transition-timing-function:var(--hx-ease-out)}.hamburger-menu svg.open>path{opacity:0}.hamburger-menu svg.open>g:first-of-type{rotate:45deg}.hamburger-menu svg.open>g:first-of-type path{--tw-translate-y:calc(var(--hx-spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hamburger-menu svg.open>g:nth-of-type(2){rotate:-45deg}.hamburger-menu svg.open>g:nth-of-type(2) path{--tw-translate-y:calc(var(--hx-spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hextra-scrollbar,.hextra-scrollbar *{scrollbar-width:thin;scrollbar-color:oklch(55.55% 0 0/.4)transparent;scrollbar-gutter:stable}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar{height:calc(var(--hx-spacing)*3);width:calc(var(--hx-spacing)*3)}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar-track{background-color:#0000}:is(.hextra-scrollbar,.hextra-scrollbar *)::-webkit-scrollbar-thumb{border-radius:10px}:is(.hextra-scrollbar,.hextra-scrollbar *):hover::-webkit-scrollbar-thumb{background-color:var(--tw-shadow-color);--tw-shadow-color:color-mix(in oklab, var(--hx-color-neutral-500)20%, transparent);background-clip:content-box;border:3px solid #0000}@media(hover:hover){:is(.hextra-scrollbar,.hextra-scrollbar *):hover::-webkit-scrollbar-thumb:hover{--tw-shadow-color:color-mix(in oklab, var(--hx-color-neutral-500)40%, transparent)}}@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hextra-code-copy-btn{opacity:.85;--tw-backdrop-blur:blur(var(--hx-blur-md));-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,)}.hextra-code-copy-btn:where(.dark,.dark *){opacity:.8}}@media(width>=1024px){.hextra-feature-grid{grid-template-columns:repeat(var(--hextra-feature-grid-cols),minmax(0,1fr))}}.hextra-jupyter-code-cell{scrollbar-gutter:auto;margin-top:calc(var(--hx-spacing)*6)}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container{font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));overflow:hidden}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs{max-height:50vh;overflow:auto}.hextra-jupyter-code-cell .hextra-jupyter-code-cell-outputs-container .hextra-jupyter-code-cell-outputs pre{max-width:100%;font-size:var(--hx-text-xs);line-height:var(--tw-leading,var(--hx-text-xs--line-height));overflow:auto}.hextra-badge{align-items:center;display:inline-flex}@property --tw-border-style{syntax: "*";
    inherits: false;
    initial-value: solid
}@property --tw-gradient-position{syntax: "*";
    inherits: false
}@property --tw-gradient-from{syntax: "<color>";
    inherits: false;
    initial-value: #0000
}@property --tw-gradient-via{syntax: "<color>";
    inherits: false;
    initial-value: #0000
}@property --tw-gradient-to{syntax: "<color>";
    inherits: false;
    initial-value: #0000
}@property --tw-gradient-stops{syntax: "*";
    inherits: false
}@property --tw-gradient-via-stops{syntax: "*";
    inherits: false
}@property --tw-gradient-from-position{syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}@property --tw-gradient-via-position{syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}@property --tw-gradient-to-position{syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}@property --tw-leading{syntax: "*";
    inherits: false
}@property --tw-font-weight{syntax: "*";
    inherits: false
}@property --tw-tracking{syntax: "*";
    inherits: false
}@property --tw-shadow{syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}@property --tw-shadow-color{syntax: "*";
    inherits: false
}@property --tw-inset-shadow{syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}@property --tw-inset-shadow-color{syntax: "*";
    inherits: false
}@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-duration{syntax: "*";
    inherits: false
}@property --tw-ease{syntax: "*";
    inherits: false
}@property --tw-content{syntax: "*";
    inherits: false;
    initial-value: ""
}@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-backdrop-blur{syntax: "*";
    inherits: false
}@property --tw-backdrop-brightness{syntax: "*";
    inherits: false
}@property --tw-backdrop-contrast{syntax: "*";
    inherits: false
}@property --tw-backdrop-grayscale{syntax: "*";
    inherits: false
}@property --tw-backdrop-hue-rotate{syntax: "*";
    inherits: false
}@property --tw-backdrop-invert{syntax: "*";
    inherits: false
}@property --tw-backdrop-opacity{syntax: "*";
    inherits: false
}@property --tw-backdrop-saturate{syntax: "*";
    inherits: false
}@property --tw-backdrop-sepia{syntax: "*";
    inherits: false
}@property --tw-translate-x{syntax: "*";
    inherits: false;
    initial-value: 0
}@property --tw-translate-y{syntax: "*";
    inherits: false;
    initial-value: 0
}@property --tw-translate-z{syntax: "*";
    inherits: false;
    initial-value: 0
}