/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
@layer theme {
    :root,:host {
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-100: oklch(.936 .032 17.717);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-red-600: oklch(.577 .245 27.325);
        --color-red-700: oklch(.505 .213 27.518);
        --color-red-800: oklch(.444 .177 26.899);
        --color-orange-400: oklch(.75 .183 55.934);
        --color-yellow-300: oklch(.905 .182 98.111);
        --color-green-100: oklch(.962 .044 156.743);
        --color-green-500: oklch(.723 .219 149.579);
        --color-green-600: oklch(.627 .194 149.214);
        --color-green-700: oklch(.527 .154 150.069);
        --color-green-800: oklch(.448 .119 151.328);
        --color-teal-500: oklch(.704 .14 182.503);
        --color-teal-600: oklch(.6 .118 184.704);
        --color-sky-600: oklch(.588 .158 241.966);
        --color-blue-100: oklch(.932 .032 255.585);
        --color-blue-300: oklch(.809 .105 251.813);
        --color-blue-400: oklch(.707 .165 254.624);
        --color-blue-500: oklch(.623 .214 259.815);
        --color-blue-600: oklch(.546 .245 262.881);
        --color-blue-700: oklch(.488 .243 264.376);
        --color-blue-800: oklch(.424 .199 265.638);
        --color-violet-600: oklch(.541 .281 293.009);
        --color-violet-700: oklch(.491 .27 292.581);
        --color-purple-500: oklch(.627 .265 303.9);
        --color-pink-400: oklch(.718 .202 349.761);
        --color-slate-500: oklch(.554 .046 257.417);
        --color-gray-50: oklch(.985 .002 247.839);
        --color-gray-100: oklch(.967 .003 264.542);
        --color-gray-200: oklch(.928 .006 264.531);
        --color-gray-300: oklch(.872 .01 258.338);
        --color-gray-400: oklch(.707 .022 261.325);
        --color-gray-500: oklch(.551 .027 264.364);
        --color-gray-600: oklch(.446 .03 256.802);
        --color-gray-700: oklch(.373 .034 259.733);
        --color-gray-800: oklch(.278 .033 256.848);
        --color-neutral-200: oklch(.922 0 0);
        --color-neutral-300: oklch(.87 0 0);
        --color-neutral-500: oklch(.556 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-6xl: 72rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5 ;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2 ;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-extralight: 200;
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-wide: .025em;
        --leading-relaxed: 1.625;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --color-grey-50: var(--color-gray-50);
        --color-grey-100: var(--color-gray-100);
        --color-grey-200: var(--color-gray-200);
        --color-grey-300: var(--color-gray-300);
        --color-grey-400: var(--color-gray-400);
        --color-grey-500: var(--color-gray-500);
        --color-grey-600: var(--color-gray-600);
        --color-grey-700: var(--color-gray-700);
        --color-grey-800: var(--color-gray-800);
        --color-menu: #0d47a1;
        --color-bg: #e5e5e5;
        --color-link: #4078c0;
        --color-stab: #dcedc8;
        --font-condensed: "Roboto Condensed",system-ui,sans-serif;
        --spacing-3p: 3px
    }
}

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

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

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

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

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

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

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

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp,pre {
        font-feature-settings: initial;
        font-variation-settings: initial;
        font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
        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,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]) {
        -webkit-appearance:button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

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

    html {
        background-color: var(--color-bg)
    }

    [v-cloak] {
        display: none
    }
}

@layer components {
    .box {
        /* border-top-style: var(--tw-border-style);
        background-color: var(--color-white);
        padding: calc(var(--spacing)*3);
        --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);
        border-top-width: 5px;
        flex-grow: 1;
        flex-basis: 40% */
    }

    @media (width>=40rem) {
        .box {
            padding: calc(var(--spacing)*6)
        }
    }

    @media (width>=64rem) {
        .box {
            /* border-radius: var(--radius-sm) */
        }
    }

    .box>h2 {
        margin-bottom: calc(var(--spacing)*4);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading,var(--text-2xl--line-height));
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    @media (width>=40rem) {
        .box>h2: first-child {
            margin-top:calc(var(--spacing)*-1)
        }
    }

    .pokemon-tooltip {
        padding-inline:calc(var(--spacing)*2);padding-block: calc(var(--spacing)*1);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
        text-shadow: 0 1px 1px #000c
    }

    .pokemon-tooltip:first-child {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .pokemon-tooltip:last-child {
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .move-icon {
        margin-right: calc(var(--spacing)*.5);
        height: calc(var(--spacing)*6);
        width: calc(var(--spacing)*6);
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6);
        display: inline-block
    }

    .move-info {
        border-radius: var(--radius-sm);
        background-color: var(--color-grey-200);
        padding-inline:calc(var(--spacing)*1);font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        --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);
        --tw-shadow-color: color-mix(in oklab,var(--color-black)20%,transparent);
        padding-block:1px}

    .move-info.shadow {
        background-color: color-mix(in oklab,var(--color-violet-700)80%,transparent);
        color: var(--color-white)
    }

    .move-info.purified {
        background-color: var(--color-sky-600);
        color: var(--color-white)
    }

    ._p {
        white-space: nowrap
    }

    ._p28 {
        vertical-align: middle;
        width: 28px;
        height: 28px;
        margin-right: 4px;
        display: inline-block
    }

    .type {
        padding-inline:calc(var(--spacing)*3);padding-block: calc(var(--spacing)*1);
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-white);
        text-shadow: 0 1px 1px #000c;
        border-radius: .25rem
    }

    @media (width>=412px) {
        .type {
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height))
        }
    }

    @media (hover: hover) {
        a.type:hover {
            --tw-brightness:brightness(95%);
            filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
        }
    }

    .nav-item {
        border-block-style:var(--tw-border-style);padding-inline: calc(var(--spacing)*3);
        padding-block:calc(var(--spacing)*2);font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-grey-500);
        border-block-width:3px;border-color: #0000
    }

    @media (hover: hover) {
        .nav-item:hover {
            border-bottom-color:color-mix(in oklab,var(--color-black)15%,transparent)
        }
    }

    @media (width>=412px) {
        .nav-item {
            padding-inline: calc(var(--spacing)*4)
        }
    }

    .nav-selected {
        color: var(--color-grey-800);
        border-bottom-color: var(--color-green-500)!important
    }

    #menu {
        top: calc(var(--spacing)*0);
        z-index: 10;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-grey-300);
        background-color: var(--color-white);
        width: 100%;
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        color: var(--color-grey-600);
        flex-grow: 1;
        order: 9999;
        justify-content: flex-start;
        gap: 1px;
        display: flex;
        position: static;
        overflow-x: auto
    }

    @media (width>=64rem) {
        #menu {
            margin-left: calc(var(--spacing)*8);
            border-bottom-style: var(--tw-border-style);
            width: auto;
            font-family: var(--font-condensed);
            color: var(--color-white);
            background-color: #0000;
            border-bottom-width: 0;
            order: 0;
            overflow: visible
        }
    }

    #menu .item {
        border-block-style:var(--tw-border-style);width: 100%;
        padding-inline:calc(var(--spacing)*1);padding-block: calc(var(--spacing)*3);
        text-align: center;
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        border-block-width:3px;border-color: #0000;
        position: relative
    }

    @media (hover: hover) {
        #menu .item:hover {
            background-color:color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    @media (width>=40rem) {
        #menu .item {
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height));
            padding-inline:3vw}
    }

    @media (width>=64rem) {
        #menu .item {
            border-block-style: var(--tw-border-style);
            width: auto;
            padding-inline:calc(var(--spacing)*6);padding-block: calc(var(--spacing)*5);
            font-size: var(--text-base);
            line-height: var(--tw-leading,var(--text-base--line-height));
            border-block-width:0}
    }

    #menu .item.active {
        border-bottom-color: var(--color-blue-500)
    }

    @media (width>=64rem) {
        #menu .item.active {
            background-color: color-mix(in oklab,var(--color-white)10%,transparent)
        }
    }

    #menu .item svg {
        width: calc(var(--spacing)*4);
        --tw-translate-x: -50% ;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        fill: color-mix(in oklab,var(--color-black)28%,transparent);
        position: absolute;
        bottom: -1px;
        left: 50%
    }

    @media (width>=64rem) {
        #menu .item svg {
            bottom: calc(var(--spacing)*1);
            width: calc(var(--spacing)*5);
            fill: color-mix(in oklab,var(--color-white)30%,transparent)
        }
    }

    #submenu .subgroup {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-grey-300);
        background-color: var(--color-white);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        white-space: nowrap;
        color: var(--color-grey-600);
        --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);
        flex-direction: column;
        margin-top: -1px;
        display: flex;
        position: absolute
    }

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

    @media (width>=40rem) {
        #submenu .subgroup {
            font-size: var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height))
        }
    }

    #submenu .subitem {
        padding-inline:calc(var(--spacing)*3);padding-block: calc(var(--spacing)*2);
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    @media (hover: hover) {
        #submenu .subitem:hover {
            background-color:var(--color-grey-100)
        }
    }

    #all-pokemon .pokemon {
        background-color: var(--color-white)
    }

    #all-pokemon .selected {
        background-color: var(--color-green-100)
    }

    ._popup {
        pointer-events: none;
        top: calc(var(--spacing)*0);
        left: calc(var(--spacing)*0);
        z-index: 40;
        width: 100%;
        height: 100%;
        position: fixed
    }

    ._popup .inner {
        pointer-events: auto;
        --tw-translate-x: -50%;
        width: 80%;
        max-width: 540px;
        max-height: 90%;
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: color-mix(in oklab,var(--color-black)50%,transparent);
        background-color: var(--color-white);
        padding-inline:calc(var(--spacing)*4);padding-top: calc(var(--spacing)*3);
        padding-bottom: calc(var(--spacing)*2);
        font-size: var(--text-sm);
        line-height: var(--tw-leading,var(--text-sm--line-height));
        --tw-shadow: inset 0 2px 4px 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);
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: auto
    }

    ._popup h2 {
        margin-bottom: calc(var(--spacing)*3.5);
        font-size: var(--text-base);
        line-height: var(--tw-leading,var(--text-base--line-height));
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    ._popup p {
        margin-bottom: calc(var(--spacing)*2.5);
        color: var(--color-grey-600)
    }

    ._popup .close {
        top: calc(var(--spacing)*0);
        right: calc(var(--spacing)*0);
        width: calc(var(--spacing)*9);
        cursor: pointer;
        text-align: center;
        font-size: var(--text-lg);
        line-height: var(--tw-leading,var(--text-lg--line-height));
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9);
        color: var(--color-grey-600);
        position: absolute
    }

    ._popup .close:hover {
        background-color: var(--color-grey-200)
    }

    ._popup-cover {
        inset: calc(var(--spacing)*0);
        z-index: 20;
        background-color: color-mix(in oklab,var(--color-black)30%,transparent);
        position: fixed
    }

    ._popup .buttons {
        padding-block:calc(var(--spacing)*2);justify-content: flex-end;
        display: flex
    }

    ._popup .buttons a {
        margin-left: calc(var(--spacing)*2.5);
        padding-inline:calc(var(--spacing)*3);padding-block: calc(var(--spacing)*1.5)
    }

    .tooltip {
        z-index: 30;
        border-radius: var(--radius-xs);
        border-style: var(--tw-border-style);
        background-color: var(--color-white);
        text-align: center;
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
        width: 300px;
        box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
        --tw-translate-x: -50% ;
        translate: var(--tw-translate-x)var(--tw-translate-y);
        border-width: 1px;
        border-color: #c3cace;
        position: absolute
    }

    .tooltip .title {
        border-bottom-style: var(--tw-border-style);
        padding-block:calc(var(--spacing)*1.5);font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: #555;
        background-color: #fafbfc;
        border-color: #d5d9de;
        border-bottom-width: 1px;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .tooltip .title .move-icon {
        margin-right: calc(var(--spacing)*1.5)
    }

    .tooltip .type {
        padding-inline:calc(var(--spacing)*2);padding-block: calc(var(--spacing)*.5);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        display: inline-block
    }

    .tooltip .split {
        display: flex
    }

    .tooltip .split>div {
        border-right-style: var(--tw-border-style);
        padding-inline:calc(var(--spacing)*0);padding-bottom: calc(var(--spacing)*2);
        border-color: #d5d9de;
        border-right-width: 1px;
        flex-direction: column;
        flex: 1;
        align-items: center;
        display: flex
    }

    .tooltip .split>div: last-child {
        --tw-border-style:none;
        border-style: none
    }

    .tooltip .split p {
        margin-block: calc(var(--spacing)*2);
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .tooltip .split .strong p {
        color: #2e7d32
    }

    .tooltip .split .weak p {
        color: #b71c1c
    }

    .tooltip .split .immune p {
        color: #c62828
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .invisible {
        visibility: hidden
    }

    .invisible\! {
        visibility: hidden!important
    }

    .visible {
        visibility: visible
    }

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

    .top-1\/2 {
        top: 50%
    }

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

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

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

    .top-px {
        top: 1px
    }

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

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

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

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

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

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

    .bottom-1\.5 {
        bottom: calc(var(--spacing)*1.5)
    }

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

    .left-1\/2 {
        left: 50%
    }

    .z-10 {
        z-index: 10
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }


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

    .float-right {
        float: right
    }

    .container {
        width: 100%
    }

    @media (width>=412px) {
        .container {
            max-width: 412px
        }
    }

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

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

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

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

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

    .container {
        padding-inline:calc(var(--spacing)*4);margin: auto
    }

    .m-auto {
        margin: auto
    }

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

    .prose {
        color: var(--tw-prose-body);
        --tw-prose-body: oklch(.373 .034 259.733);
        --tw-prose-headings: oklch(.21 .034 264.665);
        --tw-prose-lead: oklch(.446 .03 256.802);
        --tw-prose-links: oklch(.21 .034 264.665);
        --tw-prose-bold: oklch(.21 .034 264.665);
        --tw-prose-counters: oklch(.551 .027 264.364);
        --tw-prose-bullets: oklch(.872 .01 258.338);
        --tw-prose-hr: oklch(.928 .006 264.531);
        --tw-prose-quotes: oklch(.21 .034 264.665);
        --tw-prose-quote-borders: oklch(.928 .006 264.531);
        --tw-prose-captions: oklch(.551 .027 264.364);
        --tw-prose-kbd: oklch(.21 .034 264.665);
        --tw-prose-kbd-shadows: NaN NaN NaN;
        --tw-prose-code: oklch(.21 .034 264.665);
        --tw-prose-pre-code: oklch(.928 .006 264.531);
        --tw-prose-pre-bg: oklch(.278 .033 256.848);
        --tw-prose-th-borders: oklch(.872 .01 258.338);
        --tw-prose-td-borders: oklch(.928 .006 264.531);
        --tw-prose-invert-body: oklch(.872 .01 258.338);
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: oklch(.707 .022 261.325);
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: oklch(.707 .022 261.325);
        --tw-prose-invert-bullets: oklch(.446 .03 256.802);
        --tw-prose-invert-hr: oklch(.373 .034 259.733);
        --tw-prose-invert-quotes: oklch(.967 .003 264.542);
        --tw-prose-invert-quote-borders: oklch(.373 .034 259.733);
        --tw-prose-invert-captions: oklch(.707 .022 261.325);
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: oklch(.872 .01 258.338);
        --tw-prose-invert-pre-bg: #00000080;
        --tw-prose-invert-th-borders: oklch(.446 .03 256.802);
        --tw-prose-invert-td-borders: oklch(.373 .034 259.733);
        max-width: 65ch;
        font-size: 1rem;
        line-height: 1.75
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-px {
        margin-top: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .mb-px {
        margin-bottom: 1px
    }

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

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

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

    .ml-3p {
        margin-left: var(--spacing-3p)
    }

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

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

    .box-content {
        box-sizing: content-box
    }

    .\!hidden {
        display: none!important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .table {
        display: table
    }

    .table\! {
        display: table!important
    }

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

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

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

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

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

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

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

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

    .h-full {
        height: 100%
    }

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

    .w-1\/3 {
        width: 33.3333%
    }

    .w-1\/5 {
        width: 20%
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[24\%\] {
        width: 24%
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        /* width: 100vw */
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .flex-1\/2 {
        flex: 50%
    }

    .flex-2\/5 {
        flex: 40%
    }

    .flex-3\/5 {
        flex: 60%
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow,.grow {
        flex-grow: 1
    }

    .grow\! {
        flex-grow: 1!important
    }

    .basis-108 {
        flex-basis: calc(var(--spacing)*108)
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-px {
        --tw-border-spacing-x: 1px;
        --tw-border-spacing-y: 1px;
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

    .border-spacing-y-px {
        --tw-border-spacing-y: 1px;
        border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
    }

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

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

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

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

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

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

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

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

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

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

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

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

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

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

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

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

    .gap-px {
        gap: 1px
    }

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

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

    .gap-y-px {
        row-gap: 1px
    }

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

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

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

    .overflow-hidden {
        overflow: hidden
    }

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

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

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

    .rounded-l-full {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

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

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

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

    .border-y {
        /* border-block-style:var(--tw-border-style);border-block-width: 1px */
    }

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

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

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

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

    .border-r-4 {
        border-right-style: var(--tw-border-style);
        border-right-width: 4px
    }

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

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

    .border-l {
        border-left-style: var(--tw-border-style);
        /* border-left-width: 1px */
    }

    .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px
    }

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

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

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

    .border-blue-400\/50 {
        border-color: color-mix(in oklab,var(--color-blue-400)50%,transparent)
    }

    .border-blue-800\/60 {
        border-color: color-mix(in oklab,var(--color-blue-800)60%,transparent)
    }

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

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

    .border-green-600 {
        border-color: var(--color-green-600)
    }

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

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

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

    .border-grey-400\/50 {
        border-color: color-mix(in oklab,var(--color-grey-400)50%,transparent)
    }

    .border-grey-500 {
        border-color: var(--color-grey-500)
    }

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

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

    .border-red-600 {
        border-color: var(--color-red-600)
    }

    .border-red-800 {
        border-color: var(--color-red-800)
    }

    .border-slate-500 {
        border-color: var(--color-slate-500)
    }

    .border-teal-500 {
        border-color: var(--color-teal-500)
    }

    .border-teal-600 {
        border-color: var(--color-teal-600)
    }

    .border-violet-600 {
        border-color: var(--color-violet-600)
    }

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

    .border-white\/20 {
        border-color: color-mix(in oklab,var(--color-white)20%,transparent)
    }

    .border-b-grey-100 {
        border-bottom-color: var(--color-grey-100)
    }

    .\!bg-stab {
        background-color: var(--color-stab)!important
    }

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

    .bg-black\/15 {
        background-color: color-mix(in oklab,var(--color-black)15%,transparent)
    }

    .bg-black\/35 {
        background-color: color-mix(in oklab,var(--color-black)35%,transparent)
    }

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

    .bg-blue-400 {
        background-color: var(--color-blue-400)
    }

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-blue-500\/75 {
        background-color: color-mix(in oklab,var(--color-blue-500)75%,transparent)
    }

    .bg-blue-500\/90 {
        background-color: color-mix(in oklab,var(--color-blue-500)90%,transparent)
    }

    .bg-blue-600 {
        background-color: var(--color-blue-600)
    }

    .bg-blue-700 {
        background-color: var(--color-blue-700)
    }

    .bg-green-500\/80 {
        background-color: color-mix(in oklab,var(--color-green-500)80%,transparent)
    }

    .bg-green-600\/60 {
        background-color: color-mix(in oklab,var(--color-green-600)60%,transparent)
    }

    .bg-green-600\/80 {
        background-color: color-mix(in oklab,var(--color-green-600)80%,transparent)
    }

    .bg-green-700 {
        background-color: var(--color-green-700)
    }

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

    .bg-grey-100 {
        /* background-color: var(--color-grey-100) */
    }

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

    .bg-grey-200\/75 {
        background-color: color-mix(in oklab,var(--color-grey-200)75%,transparent)
    }

    .bg-grey-200\/80 {
        background-color: color-mix(in oklab,var(--color-grey-200)80%,transparent)
    }

    .bg-grey-300\/50 {
        background-color: color-mix(in oklab,var(--color-grey-300)50%,transparent)
    }

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

    .bg-orange-400\/40 {
        background-color: color-mix(in oklab,var(--color-orange-400)40%,transparent)
    }

    .bg-orange-400\/60 {
        background-color: color-mix(in oklab,var(--color-orange-400)60%,transparent)
    }

    .bg-orange-400\/70 {
        background-color: color-mix(in oklab,var(--color-orange-400)70%,transparent)
    }

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

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

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

    .bg-red-500\/10 {
        background-color: color-mix(in oklab,var(--color-red-500)10%,transparent)
    }

    .bg-red-600\/70 {
        background-color: color-mix(in oklab,var(--color-red-600)70%,transparent)
    }

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

    .bg-sky-600 {
        background-color: var(--color-sky-600)
    }

    .bg-sky-600\/80 {
        background-color: color-mix(in oklab,var(--color-sky-600)80%,transparent)
    }

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

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

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

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

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

    .bg-white\/15 {
        background-color: color-mix(in oklab,var(--color-white)15%,transparent)
    }

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

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

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: 50%
    }

    .fill-blue-400 {
        fill: var(--color-blue-400)
    }

    .fill-grey-100 {
        fill: var(--color-grey-100)
    }

    .fill-grey-400 {
        fill: var(--color-grey-400)
    }

    .fill-pink-400 {
        fill: var(--color-pink-400)
    }

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

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

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

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

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

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

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

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

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

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

    .p-px {
        padding: 1px
    }

    .px-0 {
        padding-inline:calc(var(--spacing)*0)}

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

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

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

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

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

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

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

    .px-7 {
        padding-inline: calc(var(--spacing)*7)
    }

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

    .px-9 {
        padding-inline: calc(var(--spacing)*9)
    }

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

    .px-px {
        padding-inline: 1px
    }

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

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

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

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

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

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

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

    .py-5 {
        padding-block:calc(var(--spacing)*5)}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .whitespace-nowrap {
        white-space: nowrap
    }

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

    .text-black\/70 {
        color: color-mix(in oklab,var(--color-black)70%,transparent)
    }

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

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

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

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

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

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

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

    .text-green-600\/80 {
        color: color-mix(in oklab,var(--color-green-600)80%,transparent)
    }

    .text-green-800 {
        color: var(--color-green-800)
    }

    .text-grey-400 {
        color: #4985cc
    }

    .text-grey-400\/75 {
        color: color-mix(in oklab,var(--color-grey-400)75%,transparent)
    }

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

    .text-grey-500\/80 {
        color: color-mix(in oklab,var(--color-grey-500)80%,transparent)
    }

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

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

    .text-grey-800 {
        color: var(--color-grey-800)
    }

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

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

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

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

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

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

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

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

    .text-red-600\/80 {
        color: color-mix(in oklab,var(--color-red-600)80%,transparent)
    }

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

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

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

    .text-white\/50 {
        color: color-mix(in oklab,var(--color-white)50%,transparent)
    }

    .text-white\/60 {
        color: color-mix(in oklab,var(--color-white)60%,transparent)
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

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

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

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-80 {
        opacity: .8
    }

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

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

    .shadow-md {
        --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)
    }

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

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

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

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

    .outline-grey-400 {
        outline-color: var(--color-grey-400)
    }

    .outline-transparent {
        outline-color: #0000
    }

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

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

    .transition {
        transition-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(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration))
    }

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

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

    .\[program\: laravel\] {
        program:laravel
    }

    .text-shadow {
        text-shadow: 0 1px 1px #000c
    }

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

    :is(.\*\: border-grey-200>*) {
        border-color:var(--color-grey-200)
    }

    :is(.\*\: border-grey-300>*) {
        border-color:var(--color-grey-300)
    }

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

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

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

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

    :is(.\*\: font-light>*) {
        --tw-font-weight:var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    @media (hover: hover) {
        .group-hover\:border-grey-400:is(:where(.group):hover *) {
            border-color:var(--color-grey-400)
        }

        .group-hover\:font-medium:is(:where(.group):hover *) {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }

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

    .peer-focus\: block:is(:where(.peer):focus~*) {
        display:block
    }

    .before\: mr-px:before {
        content:var(--tw-content);
        margin-right: 1px
    }

    .before\: text-grey-300:before {
        content:var(--tw-content);
        color: var(--color-grey-300)
    }

        .before\: content-\[\'\#\'\]:before {
            --tw-content: "#";
            content: var(--tw-content)
        }
    
        .after\:ml-1:after {
            content: var(--tw-content);
            margin-left: calc(var(--spacing)*1)
        }
    
        .after\:opacity-50:after {
            content: var(--tw-content);
            opacity: .5
        }
    
        .after\:content-\[\'»\'\]:after {
            --tw-content: "»";
            content: var(--tw-content)
        }
    
        .odd\:bg-grey-100\/80:nth-child(odd) {
            background-color: color-mix(in oklab, var(--color-grey-100)80%, transparent)
        }
    
        .even\:border-r:nth-child(2n) {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }
    
        @media (hover:hover) {
            .hover\:border-blue-700:hover {
                border-color: var(--color-blue-700)
            }
    
            .hover\:bg-blue-500:hover {
                background-color: var(--color-blue-500)
            }
    
            .hover\:bg-blue-700:hover {
                background-color: var(--color-blue-700)
            }
    
            .hover\:bg-blue-800:hover {
                background-color: var(--color-blue-800)
            }
    
            .hover\:bg-gray-50:hover {
                background-color: var(--color-gray-50)
            }
    
            .hover\:bg-gray-100:hover {
                background-color: var(--color-gray-100)
            }
    
            .hover\:bg-green-100\/80:hover {
                background-color: color-mix(in oklab, var(--color-green-100)80%, transparent)
            }
    
            .hover\:bg-green-700:hover {
                background-color: var(--color-green-700)
            }
    
            .hover\:bg-grey-50:hover {
                background-color: var(--color-grey-50)
            }
    
            .hover\:bg-grey-100:hover {
                background-color: var(--color-grey-100)
            }
    
            .hover\:bg-grey-200:hover {
                background-color: var(--color-grey-200)
            }
    
            .hover\:bg-grey-300\/75:hover {
                background-color: color-mix(in oklab, var(--color-grey-300)75%, transparent)
            }
    
            .hover\:bg-white:hover {
                background-color: var(--color-white)
            }
    
            .hover\:text-grey-700:hover {
                color: var(--color-grey-700)
            }
    
            .hover\:underline:hover {
                text-decoration-line: underline
            }
    
            .hover\:outline-grey-400:hover {
                outline-color: var(--color-grey-400)
            }
    
            .hover\:brightness-95:hover {
                --tw-brightness: brightness(95%);
                filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
            }
        }
    
        .focus\:ring:focus {
            --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)
        }
    
        .focus\:outline-none:focus {
            --tw-outline-style: none;
            outline-style: none
        }
    
        .disabled\:cursor-auto:disabled {
            cursor: auto
        }
    
        .disabled\:bg-blue-600\/50:disabled {
            background-color: color-mix(in oklab, var(--color-blue-600)50%, transparent)
        }
    
        .disabled\:bg-green-700\/50:disabled {
            background-color: color-mix(in oklab, var(--color-green-700)50%, transparent)
        }
    
        .has-focus\:bg-blue-100:has(:focus) {
            background-color: var(--color-blue-100)
        }
    
        @media (width<64rem) {
            .max-lg\:hidden {
                display: none
            }
    
            .max-lg\:flex-wrap {
                flex-wrap: wrap
            }
        }
    
        @media (width<48rem) {
            .max-md\:hidden {
                display: none
            }
    
            .max-md\:flex-col {
                flex-direction: column
            }
    
            .max-md\:items-center {
                align-items: center
            }
        }
    
        @media (width<40rem) {
            .max-sm\:flex {
                display: flex
            }
    
            .max-sm\:hidden {
                display: none
            }
    
            .max-sm\:w-full {
                width: 100%
            }
    
            .max-sm\:flex-col {
                flex-direction: column
            }
    
            .max-sm\:flex-wrap {
                flex-wrap: wrap
            }
    
            .max-sm\:items-center {
                align-items: center
            }
    
            .max-sm\:justify-center {
                justify-content: center
            }
    
            .max-sm\:gap-3 {
                gap: calc(var(--spacing)*3)
            }
    
            .max-sm\:p-2 {
                padding: calc(var(--spacing)*2)
            }
    
            .max-sm\:px-0 {
                padding-inline: calc(var(--spacing)*0)
            }
    
            .max-sm\:px-3 {
                padding-inline: calc(var(--spacing)*3)
            }
    
            .max-sm\:text-center {
                text-align: center
            }
    
            .max-sm\:text-xs {
                font-size: var(--text-xs);
                line-height: var(--tw-leading, var(--text-xs--line-height))
            }
        }
    
        @media (width>=412px) {
            .xs\:mx-0 {
                margin-inline: calc(var(--spacing)*0)
            }
    
            .xs\:mt-8 {
                margin-top: calc(var(--spacing)*8)
            }
    
            .xs\:block {
                display: block
            }
    
            .xs\:hidden {
                display: none
            }
    
            .xs\:inline {
                display: inline
            }
    
            .xs\:table-cell {
                display: table-cell
            }
    
            .xs\:w-1\/3 {
                width: 33.3333%
            }
    
            .xs\:w-16 {
                width: calc(var(--spacing)*16)
            }
    
            .xs\:w-full {
                width: 100%
            }
    
            .xs\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
    
            .xs\:flex-row {
                flex-direction: row
            }
    
            .xs\:justify-center {
                justify-content: center
            }
    
            :where(.xs\:divide-x>:not(:last-child)) {
                --tw-divide-x-reverse: 0;
                border-inline-style: var(--tw-border-style);
                border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
                border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
            }
    
            :where(.xs\:divide-y-0>:not(:last-child)) {
                --tw-divide-y-reverse: 0;
                border-bottom-style: var(--tw-border-style);
                border-top-style: var(--tw-border-style);
                border-top-width: calc(0px*var(--tw-divide-y-reverse));
                border-bottom-width: calc(0px*calc(1 - var(--tw-divide-y-reverse)))
            }
    
            .xs\:p-1 {
                padding: calc(var(--spacing)*1)
            }
    
            .xs\:p-4 {
                padding: calc(var(--spacing)*4)
            }
    
            .xs\:px-4 {
                padding-inline: calc(var(--spacing)*4)
            }
    
            .xs\:px-8 {
                padding-inline: calc(var(--spacing)*8)
            }
    
            .xs\:py-4 {
                padding-block: calc(var(--spacing)*4)
            }
    
            .xs\:pr-2 {
                padding-right: calc(var(--spacing)*2)
            }
    
            .xs\:pl-2 {
                padding-left: calc(var(--spacing)*2)
            }
    
            .xs\:text-4xl {
                font-size: var(--text-4xl);
                line-height: var(--tw-leading, var(--text-4xl--line-height))
            }
    
            .xs\:text-base {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height))
            }
    
            .xs\:text-sm {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height))
            }
    
            .xs\:text-xl {
                font-size: var(--text-xl);
                line-height: var(--tw-leading, var(--text-xl--line-height))
            }
        }
    
        @media (width>=40rem) {
            .sm\:absolute {
                position: absolute
            }
    
            .sm\:top-0 {
                top: calc(var(--spacing)*0)
            }
    
            .sm\:left-1\/2 {
                left: 50%
            }
    
            .sm\:mx-0 {
                margin-inline: calc(var(--spacing)*0)
            }
    
            .sm\:mx-3 {
                margin-inline: calc(var(--spacing)*3)
            }
    
            .sm\:mx-6 {
                margin-inline: calc(var(--spacing)*6)
            }
    
            .sm\:mt-1 {
                margin-top: calc(var(--spacing)*1)
            }
    
            .sm\:mt-1\.5 {
                margin-top: calc(var(--spacing)*1.5)
            }
    
            .sm\:mt-2 {
                margin-top: calc(var(--spacing)*2)
            }
    
            .sm\:mt-6 {
                margin-top: calc(var(--spacing)*6)
            }
    
            .sm\:mt-8 {
                margin-top: calc(var(--spacing)*8)
            }
    
            .sm\:mt-22 {
                margin-top: calc(var(--spacing)*22)
            }
    
            .sm\:mb-2 {
                margin-bottom: calc(var(--spacing)*2)
            }
    
            .sm\:block {
                display: block
            }
    
            .sm\:hidden {
                display: none
            }
    
            .sm\:inline {
                display: inline
            }
    
            .sm\:table-cell {
                display: table-cell
            }
    
            .sm\:w-84 {
                width: calc(var(--spacing)*84)
            }
    
            .sm\:w-auto {
                width: auto
            }
    
            .sm\:max-w-32 {
                max-width: calc(var(--spacing)*32)
            }
    
            .sm\:basis-48 {
                flex-basis: calc(var(--spacing)*48)
            }
    
            .sm\:basis-72 {
                flex-basis: calc(var(--spacing)*72)
            }
    
            .sm\:-translate-x-1\/2 {
                --tw-translate-x: -50%;
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }
    
            .sm\:-translate-y-3\/4 {
                --tw-translate-y: -75%;
                translate: var(--tw-translate-x)var(--tw-translate-y)
            }
    
            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
    
            .sm\:grid-cols-6 {
                grid-template-columns: repeat(6, minmax(0, 1fr))
            }
    
            .sm\:flex-nowrap {
                flex-wrap: nowrap
            }
    
            .sm\:justify-start {
                justify-content: flex-start
            }
    
            .sm\:gap-1 {
                gap: calc(var(--spacing)*1)
            }
    
            .sm\:rounded-lg {
                border-radius: var(--radius-lg)
            }
    
            .sm\:border {
                border-style: var(--tw-border-style);
                /* border-width: 1px */
            }
    
            .sm\:p-6 {
                padding: calc(var(--spacing)*6)
            }
    
            .sm\:p-20 {
                padding: calc(var(--spacing)*20)
            }
    
            .sm\:px-0 {
                padding-inline: calc(var(--spacing)*0)
            }
    
            .sm\:px-4 {
                padding-inline: calc(var(--spacing)*4)
            }
    
            .sm\:pb-2 {
                padding-bottom: calc(var(--spacing)*2)
            }
    
            .sm\:text-center {
                text-align: center
            }
    
            .sm\:text-left {
                text-align: left
            }
    
            .sm\:text-2xl {
                font-size: var(--text-2xl);
                line-height: var(--tw-leading, var(--text-2xl--line-height))
            }
    
            .sm\:text-4xl {
                font-size: var(--text-4xl);
                line-height: var(--tw-leading, var(--text-4xl--line-height))
            }
    
            .sm\:text-base {
                font-size: var(--text-base);
                line-height: var(--tw-leading, var(--text-base--line-height))
            }
    
            .sm\:text-lg {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height))
            }
    
            .sm\:text-sm {
                font-size: var(--text-sm);
                line-height: var(--tw-leading, var(--text-sm--line-height))
            }
        }
    
        @media (width>=48rem) {
            .md\:order-1 {
                order: 1
            }
    
            .md\:order-none {
                order: 0
            }
    
            .md\:col-span-2 {
                grid-column: span 2/span 2
            }
    
            .md\:mt-6 {
                margin-top: calc(var(--spacing)*6)
            }
    
            .md\:mt-8 {
                margin-top: calc(var(--spacing)*8)
            }
    
            .md\:mt-16 {
                margin-top: calc(var(--spacing)*16)
            }
    
            .md\:hidden {
                display: none
            }
    
            .md\:w-3\/4 {
                width: 75%
            }
    
            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
    
            .md\:flex-row {
                flex-direction: row
            }
    
            .md\:flex-wrap {
                flex-wrap: wrap
            }
    
            .md\:items-start {
                align-items: flex-start
            }
    
            .md\:gap-2 {
                gap: calc(var(--spacing)*2)
            }
    
            .md\:px-4 {
                padding-inline: calc(var(--spacing)*4)
            }
        }
    
        @media (width>=64rem) {
            .lg\:sticky {
                position: sticky
            }
    
            .lg\:mt-4 {
                margin-top: calc(var(--spacing)*4)
            }
    
            .lg\:mt-6 {
                margin-top: calc(var(--spacing)*6)
            }
    
            .lg\:block {
                display: block
            }
    
            .lg\:flex {
                display: flex
            }
    
            .lg\:hidden {
                display: none
            }
    
            .lg\:h-16 {
                height: calc(var(--spacing)*16)
            }
    
            .lg\:w-52 {
                width: calc(var(--spacing)*52)
            }
    
            .lg\:grow {
                flex-grow: 1
            }
    
            .lg\:scroll-mt-16 {
                scroll-margin-top: calc(var(--spacing)*16)
            }
    
            .lg\:flex-row {
                flex-direction: row
            }
    
            .lg\:gap-2 {
                gap: calc(var(--spacing)*2)
            }
    
            .lg\:rounded {
                border-radius: .25rem
            }
    
            .lg\:px-6 {
                padding-inline: calc(var(--spacing)*6)
            }
    
            .lg\:py-4 {
                padding-block: calc(var(--spacing)*4)
            }
        }
        }
    
        .text-legendary {
            color: #c600ff
        }
    
        .text-mythical {
            color: #ff8000
        }
    
        .pokemon-type-normal {
            background-color: #a8a878
        }
    
        .pokemon-type-fire {
            background-color: #f08030
        }
    
        .pokemon-type-water {
            background-color: #6890f0
        }
    
        .pokemon-type-grass {
            background-color: #78c850
        }
    
        .pokemon-type-poison {
            background-color: #a040a0
        }
    
        .pokemon-type-electric {
            background-color: #f8d030
        }
    
        .pokemon-type-ground {
            background-color: #e0c068
        }
    
        .pokemon-type-psychic {
            background-color: #f85888
        }
    
        .pokemon-type-rock {
            background-color: #b8a038
        }
    
        .pokemon-type-ice {
            background-color: #98d8d8
        }
    
        .pokemon-type-bug {
            background-color: #a8b820
        }
    
        .pokemon-type-dragon {
            background-color: #7038f8
        }
    
        .pokemon-type-ghost {
            background-color: #705898
        }
    
        .pokemon-type-steel {
            background-color: #b8b8d0
        }
    
        .pokemon-type-fairy {
            background-color: #ee99ac
        }
    
        .pokemon-type-dark {
            background-color: #705848
        }
    
        .pokemon-type-flying {
            background-color: #a890f0
        }
    
        .pokemon-type-fighting {
            background-color: #c02038
        }
    
        .move-icon {
            background-image: url(/images/icons-sprite.webp)
        }
    
        .move-type-bug {
            background-position: -24px 0
        }
    
        .move-type-dark {
            background-position: -48px 0
        }
    
        .move-type-dragon {
            background-position: 0 -24px
        }
    
        .move-type-electric {
            background-position: -24px -24px
        }
    
        .move-type-fairy {
            background-position: -48px -24px
        }
    
        .move-type-fighting {
            background-position: -72px -24px
        }
    
        .move-type-fire {
            background-position: 0 -48px
        }
    
        .move-type-flying {
            background-position: -24px -48px
        }
    
        .move-type-ghost {
            background-position: -48px -48px
        }
    
        .move-type-grass {
            background-position: -72px -48px
        }
    
        .move-type-ground {
            background-position: 0 -72px
        }
    
        .move-type-ice {
            background-position: -24px -72px
        }
    
        .move-type-normal {
            background-position: -48px -72px
        }
    
        .move-type-poison {
            background-position: -72px -72px
        }
    
        .move-type-psychic {
            background-position: 0 -96px
        }
    
        .move-type-rock {
            background-position: -24px -96px
        }
    
        .move-type-steel {
            background-position: -48px -96px
        }
    
        .move-type-water {
            background-position: -72px -96px
        }
    
        .sidebar {
            top: calc(var(--spacing)*0);
            position: sticky
        }
    
        .sidebar .banner {
            top: calc(var(--spacing)*1);
            left: calc(var(--spacing)*1);
            min-width: calc(var(--spacing)*24);
            position: absolute
        }
    
        .sidebar .banner.right {
            right: calc(var(--spacing)*1);
            left: auto
        }
    
        .footbar {
            pointer-events: none;
            right: calc(var(--spacing)*0);
            bottom: calc(var(--spacing)*0);
            left: calc(var(--spacing)*0);
            z-index: 50;
            position: fixed
        }
    
        .footbar .banner {
            justify-content: center;
            align-items: flex-start;
            display: flex
        }
    
        .footbar .banner>* {
            pointer-events: auto
        }
    
        .leaderboard {
            margin-top: calc(var(--spacing)*1)
        }
    
        .leaderboard .banner {
            justify-content: center;
            align-items: flex-end;
            display: flex
        }
    
        @media only screen and (width>=0) and (height>=0) {
    
            div[id^=bsa-zone_1598470799856-3_123456],
            div[id^=bsa-zone_1598470858243-8_123456] {
                min-width: 0;
                min-height: 0;
                display: none
            }
    
            div[id^=bsa-zone_1598470729730-9_123456],
            div[id^=bsa-zone_1598470403325-9_123456] {
                min-width: 320px;
                min-height: 50px
            }
        }
    
        @media only screen and (width>=740px) and (height>=0) {
    
            div[id^=bsa-zone_1598470729730-9_123456],
            div[id^=bsa-zone_1598470403325-9_123456] {
                min-width: 728px;
                min-height: 90px
            }
        }
    
        @media only screen and (width>=1024px) and (height>=0) {
            div[id^=bsa-zone_1598470403325-9_123456] {
                min-width: 728px;
                min-height: 90px
            }
        }
    
        @media only screen and (width>=1444px) and (height>=0) {
    
            div[id^=bsa-zone_1598470799856-3_123456],
            div[id^=bsa-zone_1598470858243-8_123456] {
                min-width: 120px;
                min-height: 600px;
                display: block
            }
        }
    
        @media only screen and (width>=1900px) and (height>=0) {
    
            div[id^=bsa-zone_1598470799856-3_123456],
            div[id^=bsa-zone_1598470858243-8_123456] {
                min-width: 120px;
                min-height: 600px
            }
        }
    
        @property --tw-border-spacing-x {
            syntax: "<length>";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-border-spacing-y {
            syntax: "<length>";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-translate-x {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-translate-y {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-translate-z {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-scale-x {
            syntax: "*";
            inherits: false;
            initial-value: 1
        }
    
        @property --tw-scale-y {
            syntax: "*";
            inherits: false;
            initial-value: 1
        }
    
        @property --tw-scale-z {
            syntax: "*";
            inherits: false;
            initial-value: 1
        }
    
        @property --tw-rotate-x {
            syntax: "*";
            inherits: false;
            initial-value: rotateX(0)
        }
    
        @property --tw-rotate-y {
            syntax: "*";
            inherits: false;
            initial-value: rotateY(0)
        }
    
        @property --tw-rotate-z {
            syntax: "*";
            inherits: false;
            initial-value: rotateZ(0)
        }
    
        @property --tw-skew-x {
            syntax: "*";
            inherits: false;
            initial-value: skewX(0)
        }
    
        @property --tw-skew-y {
            syntax: "*";
            inherits: false;
            initial-value: skewY(0)
        }
    
        @property --tw-space-y-reverse {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-divide-y-reverse {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }
    
        @property --tw-border-style {
            syntax: "*";
            inherits: false;
            initial-value: solid
        }
    
        @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-outline-style {
            syntax: "*";
            inherits: false;
            initial-value: solid
        }
    
        @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-content {
            syntax: "*";
            inherits: false;
            initial-value: ""
        }
    
        @property --tw-divide-x-reverse {
            syntax: "*";
            inherits: false;
            initial-value: 0
        }



    ._p28{
        background-image: url(../../images/pogodetailsimg.webp);
    }
    .detailboxcontent{
        display: flex;
        flex-wrap: wrap;
    }
    .detailboxcontent h2{
        font-size: 22.4px;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .detailboxcontent h3{
        font-size: 22.4px;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .detailboxcontent p{
        font-size: 18px;
    }
    .detailboxcontent td{
        font-size: 18px;
    }
    .detailboxcontent article {
        flex: 0 0 100%;
    }
    .detailboxcontent article:nth-last-child(-n+2) {
        flex: 0 0 calc(50% - 5px);
    }
    .detailboxcontent .box.border-green-600 h2:first-of-type{
        display: none;
    }
    .detailboxcontent .box.border-green-600 .togglable{
        display: grid;
    }
    .detailboxcontent .box.border-green-600 .togglable h3:first-of-type{
        order: 98;
    }
    .detailboxcontent .box.border-green-600 .togglable table:first-of-type{
        order: 99;
    }
    .box.border-teal-600 .text-sm.px-0.mt-8.mb-2.font-bold,.box.border-teal-600 .text-sm.py-4.px-4.border.border-grey-200.bg-grey-100{
        display: none;
    }
    .detailboxcontent .box.border-violet-600{
        /* border-left: 1px solid rgba(219, 219, 219, 0.2); */
    }
    .detailboxcontent .box.border-violet-600{
        padding-left: 1rem;
    }
    .detailboxcontent .italic.text-center{
        text-align: left;
    }
    .detailboxcontent .overflow-x-auto.w-screen{
        margin-top: 0.7rem;
    }
    .detailboxcontent .text-sm.p-2:has(> p:nth-of-type(2):last-child) >p{
        display: inline-block;
    }
    .detailboxcontent .text-sm.p-2:has(> p:nth-of-type(2):last-child){
        width: 60%;
    }
    .detailboxcontent  article:nth-last-of-type(-n+2) h2,.detailboxcontent  article:nth-last-of-type(-n+2) h3,.detailboxcontent  article:nth-last-of-type(-n+2) tr{
        font-size: 18px;
        margin: 0;
    }
    .detailboxcontent  article:nth-last-of-type(-n+2){
        margin-top: 2rem;
    }
    .detailboxcontent  article:nth-last-of-type(-n+2) tr td:first-of-type{
        color: #737373;
    }
    .detailboxcontent  article:nth-last-of-type(-n+2) tr td:last-of-type{
        color: #444;
    }
    .detailboxcontent  article:nth-last-of-type(-n+2) tr{
        border-bottom: 1px solid #E8EBF0;
    }
    @media (width<1024px) {
    .detailboxcontent article:nth-last-child(-n+2) {
        flex: 0 0 100%;
    }
    .detailboxcontent .box.border-violet-600{
        border-left: none;
    }
    .detailboxcontent .box.border-violet-600{
        padding-left: initial;
    }
    }
    @media (width<500px){
        .detailboxcontent h2{
            font-size: 20px;
            margin-top: 1rem;
        }
        .detailboxcontent article:nth-last-of-type(-n+2) {
            margin-top: 1rem;
        }
        .detailboxcontent p{
            font-size: 17px;
        }
        .detailboxcontent article table td{
            font-size: 16px;
        }
        .detailboxcontent article table td p{
            font-size: 16px;
        }
    }