@layer reset, framework, ujs, ucss, custom;

:where(*:focus-visible) {
    --_ol: var(--focus-ring, var(--ol--fv--, var(--olw, var(--olw--, .25rem)) var(--ols, solid) var(--olc--fv, var(--olc--fv--, var(--out-p, var(--p, #eec14c))))));
    outline: var(--_ol);

    --_olo: var(--focus-offset, var(--olo--, .25rem));
    outline-offset: var(--_olo);

    --_rad: var(--focus-rad, var(--rad-xs, 0.375em));
    border-radius: var(--_rad);
}

:where(*:focus:not(:focus-visible)) {
    --_ol: none;
    outline: var(--_ol);
}

:where(*),
:where(*::before),
:where(*::after) {
    --_bxsz: border-box;
    box-sizing: var(--_bxsz);

    --_bgr: no-repeat;
    background-repeat: var(--_bgr);
}

:where(html) {
    --_scrbh: smooth;
    scroll-behavior: var(--_scrbh);

    --_tsza: 100%;
    -webkit-text-size-adjust: var(--_tsza, 100%);

    --_tabsz: 4;
    tab-size: var(--_tabsz, 4);

    --_fz: 100%;
    font-size: var(--_fz);
}

@media (prefers-reduced-motion: reduce) {
    :where(html) {
        --_scrbh: auto;
    }
}

:where(body) {
    --_bg: var(--bg, transparent);
    background-color: var(--_bg);

    --_c: var(--tx-c, var(--tx, currentColor));
    color: var(--_c);

    --_ff: var(--tx-ff--, var(--ff--, system-ui, -apple-system, sans-serif));
    font-family: var(--_ff);

    --_fz: var(--tx-fz--, var(--fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100cqi - 33rem) / 55), 1.25rem))));
    font-size: var(--_fz);

    --_lh: var(--tx-lh--, var(--lh--, var(--lh-l, 1.5)));
    line-height: var(--_lh);

    --_fw: var(--tx-fw--, var(--fw--, var(--fw-r, 400)));
    font-weight: var(--_fw);

    margin: var(--_mg, 0);
    padding-block: var(--_pb, var(--_pd, 0));
    padding-inline: var(--_pi, var(--_pd, 0));
}

@media (prefers-reduced-motion: reduce) {

    :where(*),
    ::before,
    ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: scroll !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

:where(h1, h2, h3, h4, h5, h6) {
    --_c: var(--tl-c, var(--tl, currentColor));
    color: var(--_c);

    --tl-ff: var(--ff, var(--tl-ff--, var(--ff--, inherit)));
    --_ff: var(--tl-ff);
    font-family: var(--_ff);

    --tl-fw: var(--fw, var(--tl-fw--, var(--fw-xb, 800)));
    --_fw: var(--tl-fw);
    font-weight: var(--_fw);

    --tl-fz: var(--fz, var(--tl-fz--, var(--fz-xe, 2.25rem)));
    --_fz: var(--tl-fz);
    font-size: var(--_fz);

    --tl-lh: var(--lh, var(--tl-lh--, var(--lh-xs, 1.125)));
    --_lh: var(--tl-lh);
    line-height: var(--_lh);

    --tl-tw: var(--tw, var(--tl-tw--, balance));
    --_tw: var(--tl-tw);
    text-wrap: var(--_tw, balance);

    --_lts: var(--tl-lts, var(--tl-lts--, calc(var(--tl-ltsb, 1em) / var(--th, 64))));
    letter-spacing: var(--_lts);

--tl-ta: var(--ta, inherit);
    --_ta: var(--tl-ta);
    text-align: var(--_ta);

margin-block: var(--_mb, 0);
}

:where(h1) {
    --_fz: var(--fz, var(--fz-xe, 2.25rem));
}

:where(h2) {
    --_fz: var(--fz, var(--fz-e, 2rem));
}

:where(h3) {
    --_fz: var(--fz, var(--fz-3xl, 1.75rem));
}

:where(h4) {
    --_fz: var(--fz, var(--fz-2xl, 1.5rem));
}

:where(h5) {
    --_fz: var(--fz, var(--fz-xl, 1.375rem));
}

:where(h6) {
    --_fz: var(--fz, var(--fz-l, 1.25rem));
}

:where(p) {
    --_c: var(--tx-c, var(--tx, currentColor));
    color: var(--_c);

    --tx-ff: var(--ff, var(--tx-ff--, var(--ff--, system-ui, -apple-system, sans-serif)));
    --_ff: var(--tx-ff);
    font-family: var(--_ff);

    --tx-fw: var(--fw, var(--tx-fw--, var(--fw--, var(--fw-r, 400))));
    --_fw: var(--tx-fw);
    font-weight: var(--_fw);

    --tx-fz: var(--fz, var(--tx-fz--, var(--fz--, var(--fz-m, 1.125rem))));
    --_fz: var(--tx-fz);
    font-size: var(--_fz);

    --tx-lh: var(--lh, var(--tx-lh--, var(--lh--, var(--lh-l, 1.5))));
    --_lh: var(--tx-lh);
    line-height: var(--_lh);

    --tx-ta: var(--ta, inherit);
    --_ta: var(--tx-ta);
    text-align: var(--_ta);

margin-block: var(--_mb, 0);
}

:where(small) {
    --_fz: var(--small-fz, var(--fz-xs, 0.875rem));
    font-size: var(--_fz);
}

:where(b, strong) {
    --_fw: var(--b-fw, var(--strong-fw, var(--fw-b, 700)));
    font-weight: var(--_fw, 700);

    --_c: var(--b-c, var(--strong-c, var(--tl, currentColor)));
    color: var(--_c);
}

:where(pre) {

    --_c: var(--pre-c, var(--bg, var(--base, hsl(0 0 96%))));
    color: var(--_c);

    --_bg: var(--pre-bg, var(--alt, var(--contrast, hsl(0 0 8%))));
    background-color: var(--_bg);

    --_p: var(--pre-p, var(---s, 1rem));
    padding: var(--_p);

    --_rad: var(--pre-rad, var(--rad-rs, var(--rad-s, 0.5rem)));
    border-radius: var(--_rad);

    --_ov: var(--pre-ov, auto);
    overflow: var(--_ov);

    --_ff: var(--pre-ff, var(--mono-ff--, monospace));
    font-family: var(--_ff);

    --_fz: var(--pre-fz, var(--fz-s, 1rem));
    font-size: var(--_fz);

margin-block: var(--_mb, 0);
}

:where(code, kbd, samp) {

    --_c: var(--code-c, var(--tl-bd, var(--alt-bd, var(--contrast-bd, #000))));
    color: var(--_c, #000);

    --_bg: var(--code-bg, var(--o-n-lt, hsl(0 0% 50% / .32)));
    background-color: var(--_bg, hsl(0 0% 50% / .32));

    --_ff: var(--code-ff, var(--mono-ff--, monospace));
    font-family: var(--_ff);

    --_fz: var(--code-fz, inherit);
    font-size: var(--_fz);

    --_pd: var(--code-pd, 0.125em 0.25em);
    padding: var(--_pd);

    --_rad: var(--code-rad, var(--rad-2xs, 0.25em));
    border-radius: var(--_rad);

    --_wob: var(--code-wob, break-word);
    word-break: var(--_wob);
}

:where(pre :is(code, kbd, samp)) {
    --code-c: var(--pre-c, hsl(0 0 96%));
    --code-bg: var(--pre-bg, hsl(0 0 8%));

    --_whs: var(--pre-whs, pre);
    white-space: var(--_whs);
}

:where(hr) {
    --_bd: var(--hr-bd, none);
    border: var(--_bd);

    --_rad: var(--hr-rad, 1em);
    border-radius: var(--_rad);

    --_bg: var(--hr-bg, var(--hr-c, var(--o-p, currentColor)));
    background: var(--_bg);

    --_mb: var(--hr-mb, var(--hr-mbs, var(--hr-mg, var(---3xl, 2.5rem))) var(--hr-mbe, var(--hr-mg, var(---3xl, 2.5rem))));
    margin-block: var(--_mb);

    --_bs: var(--hr-bs, var(--hr-h, var(---e3xt, .125em)));
    block-size: var(--_bs);

    --_is: var(--hr-is, var(--hr-w, var(---3xl, clamp(3rem, 2.17rem + 4.17vw, 5.5rem))));
    inline-size: var(--_is);

    --_op: var(--hr-op, .64);
    opacity: var(--_op);

    --el-flow: var(--hr-flow, var(--hr-mb, 2.5rem));
}

:where(blockquote) {
    --_c: var(--bq-c, var(--alt, var(--on-srf, var(--tx, currentColor))));
    color: var(--_c);

    --_bg: var(--bq-bg, var(--o-p-xlt, var(--o-ntf, hsl(43 83% 62% / .32))));
    background-color: var(--_bg);

    --_bd: var(--bq-bd);
    border: var(--_bd);

    --_bdis: var(--bq-bdis, var(--bq-bdw, var(--bdw-l, .25rem)) var(--bq-bds, solid) var(--bq-bdc, var(--out-p, var(--p, currentColor))));
    border-inline-start: var(--_bdis);

    --_mi: var(--bq-mi, 0);
    margin-inline: var(--_mi);

    --_pi: var(--bq-pi, var(--bq-pd, var(---em, 1.25em)));
    padding-inline: var(--_pi);
    --_pb: var(--bq-pb, var(--bq-pd, var(---em, 1.25em)));
    padding-block: var(--_pb);

    --_fs: var(--bq-fs, italic);
    font-style: var(--_fs);

margin-block: 0;
}

:where(a) {
    --_c: var(--a-c, var(--lnk, var(--tl, currentColor)));
    color: var(--_c);

    --_bg: var(--a-bg, var(--lnk-bg, transparent));
    background-color: var(--_bg);

    --_td: var(--a-td, var(--lnk-td, underline));
    text-decoration: var(--_td);

    --_op: var(--a-op, var(--lnk-op, 1));
    opacity: var(--_op);

    --_tdth: var(--a-tdth, var(--lnk-tdth, var(--bdw-m, .125rem)));
    text-decoration-thickness: var(--_tdth);

    --_tuo: var(--a-tuo, var(--lnk-tuo, var(--tuo--, var(--olo--, .125rem))));
    text-underline-offset: var(--_tuo);

    --_trs: var(--a-trs, var(--lnk-trs, var(--trsdu--, .16s) var(--trstf--, ease-in-out)));
    transition: var(--_trs);

    --_trsp: var(--a-trsp, var(--lnk-trsp, color, text-decoration-color, opacity));
    transition-property: var(--_trsp);

    --_rad: var(--a-rad, var(--lnk-rad, var(--rad-3xs, 0.125em)));
    border-radius: var(--_rad);
}

:where(a:hover) {
    --_c: var(--a-c--hv, var(--lnk--hv, var(--a-c, var(--lnk, var(--alt-xlt, var(--alt-lt, currentColor))))));

    --_bg: var(--a-bg--hv, var(--lnk-bg--hv, var(--a-bg, var(--lnk-bg, var(--o-p-xlt, transparent)))));

    --_op: var(--a-op--hv, var(--lnk-op--hv, var(--a-op, var(--lnk-op, .8))));

    --_td: var(--a-td--hv, var(--lnk-td--hv, var(--a-td, var(--lnk-td, underline))));
}

:where(a:focus-visible) {
    --_ol: var(--a-ol, var(--lnk-ol, var(--focus-ring, var(--ol--fv--, var(--olw, var(--olw--, .25rem)) var(--ols, solid) var(--olc--fv, var(--olc--fv--, var(--out-p, var(--p, #eec14c))))))));
    outline: var(--_ol);

    --_olo: var(--a-olo, var(--lnk-olo, var(--olo--, 0.25rem)));
    outline-offset: var(--_olo);

    --_td: var(--a-td--fv, var(--lnk-td--fv, var(--a-td, var(--lnk-td, underline))));

    --_c: var(--a-c--fv, var(--lnk-c--fv, var(--a-c--hv, var(--lnk--hv, var(--alt-xlt, var(--alt-lt, currentColor))))));

    --_bg: var(--a-bg--fv, var(--lnk-bg--fv, var(--a-bg, var(--lnk-bg, var(--o-p-xlt, transparent)))));
}

:where(a, a:hover, a:focus-visible)>* {
    color: inherit;
}

:where(pre a) {
    --a-c: var(--pre-c, hsl(0 0 96%));
}

:where(table a) {
    --a-c: var(--table-c, hsl(0 0 4%));
}

:where(::selection) {
    --_bg: var(--selection-bg, var(--a, var(--p, #ffb900)));
    background-color: var(--_bg);

    --_c: var(--selection-c, var(--on-a, var(--on-p, var(--d-bd, #000))));
    color: var(--_c);
}

:where(figcaption) {
    --_fs: var(--figcap-fs, normal);
    font-style: var(--_fs);

    --_c: var(--figcap-c, var(--tx, currentColor));
    color: var(--_c);

    --_ta: var(--figcap-ta, center);
    text-align: var(--_ta);
}

:where(cite) {
    --_fs: var(--cite-fs, italic);
    font-style: var(--_fs);

    --_c: var(--cite-c, var(--tx, currentColor));
    color: var(--_c);

    --_ta: var(--cite-ta, start);
    text-align: var(--_ta);
}

:where(summary) {
    --_cur: var(--sum-cur, pointer);
    cursor: var(--_cur);

--_ol: var(--ol--, var(--olw, var(--olw--, .25rem)) var(--ols, solid) var(--olc, transparent));
    outline: var(--_ol);
    --_olo: var(--focus-offset, var(--olo--, .25rem));
    outline-offset: var(--_olo);

    --_rad: var(--focus-rad, var(--rad-xs, 0.375em));
    border-radius: var(--_rad);
}

:where(summary:focus-visible) {
    --_ol: var(--focus-ring, var(--ol--fv--, var(--olw--, .25rem) solid var(--olc--fv--, var(--p, #eec14c))));
}

:where(figure) {

    margin-block: var(--_mb, 0);
    margin-inline: var(--_mi, 0);
}

:where(figcaption) {
   --_fs: var(--figc-fs, italic);
    font-style: var(--_fs);
}

:where(img, picture, video, canvas) {
    --_d: var(--med-d, block);
    display: var(--_d);

    --_shp-out: var(--med-shp-out, none);
    shape-outside: var(--_shp-out);

    --_shp-m: var(--med-shp-m, 1em);
    shape-margin: var(--_shp-m);

	 --_mais: 100%;
	 max-inline-size: var(--_mais);
	 --_bs: auto;
	block-size: var(--_bs);
}

:where(img) {
    --_bg: var(--img-bg, transparent);
    background-color: var(--_bg);
}

:where(ul, ol) {
    --l-pis: calc(var(--el-flow-s, .5em) * var(--l-pix, 3));
    --_pis: var(--l-pis);
    padding-inline-start: var(--_pis);

--_mb: var(--l-mb, 0);
    margin-block: var(--_mb);
}

:where(ul) {
    --_lis: var(--l-lis, var(--ul-lis, disc));
    list-style: var(--_lis);
}

:where(ul:not(ul ul) ul) {
    --ul-lis: circle;
    --l-pix: 2;
}

:where(ul:not(ul ul) ul ul) {
    --ul-lis: square;
    --l-pix: 1;
}

:where(ol) {
    --_lis: var(--l-lis, var(--ol-lis, decimal));
    list-style: var(--_lis);
}

:where(ol:not(ol ol) ol) {
    --ol-lis: lower-alpha;
    --l-pix: 2;
}

:where(ol:not(ol ol) ol ol) {
    --ol-lis: lower-roman;
    --l-pix: 1;
}

:where(dt) {
    --_fw: var(--dt-fw, var(--tl-fw, var(--fw-b, 700)));
    font-weight: var(--_fw);
}

:where(dd) {
    --_fw: var(--dd-fw, var(--fw-m, 500));
    font-weight: var(--_fw);
}

:where(li, dd) {
    --_lh: var(--li-lh, var(--lh-l, 1.5));
    line-height: var(--_lh);

    --_fz: var(--li-fz, var(--tx-fz, var(--fz-m, clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem))));
    font-size: var(--_fz);

    --_pis: var(--li-pis, var(--l-pis));
    padding-inline-start: var(--_pis);

--_mb: var(--li-mb, 0);
    margin-block: var(--_mb);
}

:where(li::marker) {
    --_c: var(--lim-c, var(--p, currentColor));
    color: var(--_c);

    --_fw: var(--lim-fw, bold);
    font-weight: var(--_fw);

    --_ff: var(--lim-ff, inherit);
    font-family: var(--_ff);
}

:where(nav :is(ul, ol)) {
    --l-pis: 0;
    --li-pis: 0;
    --l-lis: none;
}

:where(:is(ul > ol) > li > :is(ul, ol)) {
    --li-fz: var(--fz-s, clamp(1rem, 0.955rem + 0.2vw, 1.125rem));
}

:where(ul, ol):where(.nl, .unl, .cl) {
    --_lis: none;
    --l-pis: 0;
    --li-pis: 0;

    --_mi: var(--mi, 0);
    margin-inline: var(--_mi);

    --_mb: var(--mb, 0);
    margin-block: var(--_mb);

--l-flow: 0;
    --l-flow-s: 0;
    --l-flow-e: 0;

    --li-flow: 0;
    --li-flow-s: 0;
    --li-flow-e: 0;
}

:where(input, button, textarea, select) {
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
}

:where(button, input[type="button"], input[type="submit"], input[type="reset"]) {
    --_cur: var(--bn-cur, pointer);
    cursor: var(--_cur);

--_fw: var(--bn-fw, var(--fw-m, 500));
    font-weight: var(--_fw);

    --_lh: var(--bn-lh, var(--lh-xs, 1.125));
    line-height: var(--_lh);

    --_td: var(--bn-td, none);
    text-decoration: var(--_td);

    --_whs: var(--bn-whs, nowrap);
    white-space: var(--_whs);
}

:where(input[type="button"], input[type="submit"], input[type="reset"]) {

    --_pb: var(--bn-pb, var(--bn-pd, var(--bn-pb--, var(---e3xs, .625em))));
    padding-block: var(--_pb);
    --_pi: var(--bn-pi, var(--bn-pd, var(--bn-pi--, var(---em, 1.325em))));
    padding-inline: var(--_pi);

    --_c: var(--bn-c, var(--on-p, var(--d, #131313)));
    color: var(--_c);

    --_bg: var(--bn-bg, var(--p, #eec14c));
    background-color: var(--_bg);

	 --_fz: var(--bn-fz, var(--fz-xs, 0.875rem));
    font-size: var(--_fz);

--_bdw: var(--bn-bdw, var(--bdw--, .125rem));
    --_bds: var(--bn-bds, solid);

    --_bdc: var(--bn-bdc, var(--bn-bg, var(--out-p, var(--p, #eec14c))));
    --_bd: initial;
    border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

    --_rad: var(--bn-rad, var(--bn-rad--, var(--rad-xe, 4em)));
    border-radius: var(--_rad);

    --_trs: var(--bn-trs, var(--bn-trsdu, var(--trsdu, 0.32s)) var(--bn-trstf, var(--trstf, ease-in-out)));
    transition: var(--_trs);

    --_trsp: var(--bn-trsp, background-color, color, opacity, transform, border, border-color, box-shadow, fill, stroke);
    transition-property: var(--_trsp);
    --_trf: var(--bn-trf);
    transform: var(--_trf);
}

:where(input[type="button"], input[type="submit"], input[type="reset"]):where(:hover) {
    --_c: var(--bn-c--hv, var(--on-a, var(--d-bd, #000)));
    --_bg: var(--bn-bg--hv, var(--a, #ffb900));

    --_bdc: var(--bn-bdc--hv, var(--bn-bg--hv, var(--out-a, var(--a, #ffb900))));

    --_op: var(--bn-op--hv, var(--bn-op, 1));

    --_bxsh: var(--bn-bxsh--hv, var(--bn-bxsh--av, var(--bn-bxsh, var(--bn-bxsh--av--, var(--bxsh--av--, 0 .375em 2em .875em))))) var(--bn-bxsh-c--hv, var(--bn-bxsh-c--av, var(--bn-bxsh-c, var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32))))));

    --_trs: var(--bn-trs--hv, var(--bn-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--bn-trstf--hv, var(--bn-trstf, var(--trstf, ease-in-out))));
}

:where(input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active) {
    --_trs: var(--bn-trs--av, var(--bn-trsdu--av, var(--trsdu--av, 0.16s)) var(--bn-trstf--av, var(--bn-trstf, var(--trstf--av, var(--trstf, ease-in-out)))));
    --_trf: var(--bn-trf--av, translatey(var(--trf-ty--av, 0.0625em)));
}

:where(button:focus-visible, input[type="button"]:focus-visible, input[type="submit"]:focus-visible, input[type="reset"]:focus-visible) {
    --_olw: var(--bn-olw, .25rem);
    --_ols: var(--bn-ols, solid);
    --_olc: var(--bn-olc, var(--bn-bg, var(--out-p, var(--p, #eec14c))));
    outline: var(--_ol, var(--_olw) var(--_ols) var(--_olc));

    --_olo: var(--bn-olo, var(--olo--, .25rem));
    outline-offset: var(--_olo);

    --_bxsh: var(--bn-bxsh--fv, var(--bn-bxsh--av, var(--bn-bxsh, var(--bn-bxsh--av--, var(--bxsh--av--, 0 .375em 2em .875em))))) var(--bn-bxsh-c--fv, var(--bn-bxsh-c--av, var(--bn-bxsh-c, var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32))))));

    --_trf: var(--bn-trf-fv, var(--bn-trf--hv, translatey(var(--trf-ty--hv, -0.125em))));
}

:where(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"]), select, textarea) {

--_is: var(--inp-is, var(--inp-w, 100%));
    inline-size: var(--_is);

    --_p: var(--inp-p, var(--inp-p--, 0.625em 1em));
    padding: var(--_p);

    --_bg: var(--inp-bg, var(--bg-lt, #f5f5f5));
    background-color: var(--_bg);

    --_bdw: var(--inp-bdw, var(--bdw--, 0.125rem));
    --_bds: var(--inp-bds, var(--bds--, solid));
    --_bdc: var(--inp-bdc, var(--bdc--, var(--out, var(--alt-lt, #141414))));
    border: var(--_bdw) var(--_bds) var(--_bdc);

    --_rad: var(--inp-rad, var(--inp-rad--, var(--rad-3xs, 4em)));
    border-radius: var(--_rad);

    --_c: var(--inp-c, var(--tx, var(--on-bg, #000)));
    color: var(--_c);

    caret-color: var(--p, currentColor);

    --_trs: var(--inp-trs, var(--inp-trsdu, var(--trsdu, 0.32s)) var(--inp-trstf, var(--trstf, ease-in-out)));
    transition: var(--_trs);
    --_trsp: var(--inp-trsp, background-color, color, border, border-color, box-shadow, outline-color, outline);
    transition-property: var(--_trsp);
}

:where(select) {
    appearance: none;
    background-image: var(--select-arrow, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"));
    background-position: right 0.5em center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5em;
}

:where(input:focus-visible, select:focus-visible, textarea:focus-visible) {
    --_ol: var(--inp-ol--fv, var(--inp-ol, none));
    outline: var(--_ol);

    --_bdc: var(--inp-bdc--fv, var(--inp-bdc, var(--p, #eec14c)));
    border-color: var(--_bdc);

    --_bxsh: var(--inp-bxsh--fv, var(--inp-bxsh));
    box-shadow: var(--_bxsh);
}

:where(input:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible)) {
    --_ol: var(--inp-ol--f, var(--inp-ol, none));
    outline: var(--_ol);

    --_bdc: var(--inp-bdc--f, var(--inp-bdc, var(--p, #eec14c)));
    border-color: var(--_bdc);
}

:where(textarea) {
    --_rsz: var(--inp-rsz, vertical);
    resize: var(--_rsz);
    --_mibs: var(--inp-mibs, 5em);
    min-block-size: var(--_mibs);
}

:where(label) {

    --_fz: var(--lbl-fz, var(--fz-2xs, 0.875rem));
    font-size: var(--_fz);
    --_fw: var(--lbl-fw, 500);
    font-weight: var(--_fw);
	 --_lh: var(--lbl-lh, var(--lh-xs, 1.125));
	 line-height: var(--_lh);
    --_mbe: var(--lbl-mbe, 0.5em);
    margin-block-end: var(--_mbe);
    --_c: var(--lbl-c, currentColor);
    color: var(--_c);
}

:where(input[type="checkbox"], input[type="radio"]) {
    --_ac: var(--chk-ac, var(--p, #eec14c));
    accent-color: var(--_ac);

    --_sz: var(--chk-sz, 1.25em);
    block-size: var(--_sz);
    inline-size: var(--_sz);

    --_va: var(--chk-va, middle);
    vertical-align: var(--_va);

    --_mie: var(--chk-mie, 0.5em);
    margin-inline-end: var(--_mie);

    --_cur: var(--chk-cur, pointer);
    cursor: var(--_cur);
}

:where(fieldset) {
    border: var(--fieldset-bd-w, 1px) solid var(--fieldset-bd-c, var(--out, #ccc));
    border-radius: var(--fieldset-rad, var(--rad, 0.5rem));
    padding: var(--fieldset-pd, 1em);
    margin-inline: 0;
}

:where(legend) {
    padding-inline: 0.5em;
    font-weight: 600;
    color: var(--tl, currentColor);
}

:where(table) {
    --_fz: var(--tbl-fz, var(--fz-xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem)));
    font-size: var(--_fz);

    --_is: var(--tbl-is, var(--tbl-w, 100%));
    inline-size: var(--_is);

--_bdw: var(--tbl-bdw, var(--bdw-s, .0625rem));
    --_bds: var(--tbl-bds, solid);
    --_bdc: var(--tbl-bdc, currentColor);

    --tbl-bd: var(--_bdw) var(--_bds) var(--_bdc);

    border-top: var(--tbl-bdt, var(--_bd, var(--tbl-bd)));
    border-bottom: var(--tbl-bdb, var(--_bd, var(--tbl-bd)));
    border-left: var(--tbl-bdl, var(--_bd, var(--tbl-bd)));
    border-right: var(--tbl-bdr, var(--_bd, var(--tbl-bd)));

--_bdcl: var(--tbl-bdcl, collapse);
    border-collapse: var(--_bdcl);

    --_cps: var(--tbl-cps, bottom);
    caption-side: var(--_cps);

    --_mbe: var(--tbl-mbe, 0);
    --_mbs: var(--tbl-mbs, 0);
    margin-block: var(--tbl-mb, var(--_mb, var(--_mbs) var(--_mbe)));

    --tbl-bg: var(--o-n-ult, var(--bg, var(--l, hsl(0 0% 50% / .08))));
    --_bg: var(--tbl-bg);
    background-color: var(--_bg);
}

:where(th) {
    --_ta: var(--tbl-th-ta, start);
    text-align: var(--_ta);

    --_fw: var(--tbl-th-fw, var(--fw-b, 700));
    font-weight: var(--tbl-th-fw, var(--tl-fw, 700));

    --_c: var(--tbl-th-c, var(--tl, currentColor));
    color: var(--_c);

--_fz: var(--tbl-th-fz, var(--fz-s, clamp(0.9375rem, 0.87rem + 0.31vw, 1.125rem)));
    font-size: var(--_fz);
    --_tt: var(--tbl-th-tt, none);
    text-transform: var(--_tt);

    --_bg: var(--tbl-th-bg, var(--tbl-bg-head, var(--o-n-lt, hsl(0 0% 50% / .16))));
    background-color: var(--_bg);

    --tbl-th-bdt: 0;
    --tbl-th-bdl: 0;
    --tbl-th-bdr: 0;
    --tbl-th-bd: var(--tbl-th-bdw, var(--tbl-bdw, .0625rem)) var(--tbl-th-bds, solid) var(--tbl-th-bdc, var(--tbl-bdc, var(--bg, var(--o-n-lt, hsl(0 0% 50% / .64)))));
    border-top: var(--tbl-th-bdt, var(--tbl-th-bd));
    border-bottom: var(--tbl-th-bdb, var(--tbl-th-bd));
    border-left: var(--tbl-th-bdl, var(--tbl-th-bd));
    border-right: var(--tbl-th-bdr, var(--tbl-th-bd));

    --_whs: var(--tbl-th-ws);
    white-space: var(--_whs);

    --_wob: var(--tbl-th-wob, break-word);
    word-break: var(--_wob);

    --_miw: var(--tbl-th-miw, calc((var(--tbl-ph, 0.75em) * 2) + 5ch));
    min-width: var(--_miw);

    --_p: var(--tbl-p, var(--tbl-ph, 1em) var(--tbl-pv, 0.75em));
    padding: var(--_p);
}

:where(td) {
    --_p: var(--tbl-p, var(--tbl-ph, 1em) var(--tbl-pv, 0.75em));
    padding: var(--_p);

    --_va: var(--tbl-va, middle);
    vertical-align: var(--_va);

    --_c: var(--tbl-c, var(--tx, currentColor));
    color: var(--_c);

    --_bg: var(--tbl-td-bg, var(--tbl-bg, var(--o-n-xxlt, var(--bg, var(--l, hsl(0 0% 50% / .08))))));
    background-color: var(--_bg);

    --_bdb: var(--tbl-td-bdb, var(--tbl-bdbw, .0625rem) var(--tbl-bdbs, solid) var(--tbl-bdbc, var(--out, #131313)));
    border-bottom: var(--_bdb);

    --_fvn: var(--tbl-td-fvn, tabular-nums);
    font-variant-numeric: var(--_fvn);
}

:where(td:not(:last-child)) {

--tbl-td-bdt: 0;
    --tbl-td-bdl: 0;
    --tbl-td-bdr: 0;

    --tbl-td-bd: var(--tbl-td-bdw, var(--tbl-bdw, .0625rem)) var(--tbl-td-bds, solid) var(--tbl-td-bdc, var(--tbl-bdc, var(--set-bg, var(--bg, var(--o-n-lt, hsl(0 0% 50% / .64))))));

    border-top: var(--tbl-td-bdt, var(--tbl-td-bd));
    border-bottom: var(--tbl-td-bdb, var(--tbl-td-bd));
    border-left: var(--tbl-td-bdl, var(--tbl-td-bd));
    border-right: var(--tbl-td-bdr, var(--tbl-td-bd));
}

:where(tr:hover td) {
    --_bg: var(--td-bg--hv, var(--o-n-xlt, hsl(0 0% 50% / .16)));
    background-color: var(--_bg);

    --_c: var(--td-c--hv, var(--tx, currentColor));
    color: var(--_c);
}

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

:where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, details, blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset)+ :where(p, h1, h2, h3, h4, h5, h6, ul, ol, dl, details, blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset) {
    --_mbs: var(--el-flow, .75em);
    margin-block-start: var(--_mbs);
}

:where(*)+ :where(h1, h2, h3, h4, h5, h6) {
    --_mbs: var(--tl-flow, 1em);
    margin-block-start: var(--_mbs);
}

:where(h1, h2, h3):where(:not(:last-child)) {
    --_mbe: var(--tl-flow-e, .375em);
    margin-block-end: var(--_mbe);
}

:where(h4, h5, h6):where(:not(:last-child)) {
    --_mbe: var(--tl-flow-x, .625em);
    margin-block-end: var(--_mbe);
}

:where(h1, h2, h3, h4, h5, h6)+ :where(h1, h2, h3, h4, h5, h6) {
    --_mbs: var(--flow, 0);
}

:where(*)+ :where(p) {
    --_mbs: var(--p-flow, .75em);
    margin-block-start: var(--_mbs);
}

:where(h1, h2, h3, h4, h5, h6)+ :where(p) {
    --_mbs: var(--flow, 0);
    margin-block-start: var(--_mbs);
}

:where(li)+ :where(li),
:where(li > *)+ :where(ul, ol) {
    --_mbs: var(--li-flow, .25em);
    margin-block-start: var(--_mbs);
}

:where(li > *)+ :where(blockquote, figure, pre, table, form, img, video, audio, iframe, canvas, address, hr, fieldset):where(:last-child) {
    --_mbe: calc(var(--el-flow-e, .375em) * 3);
    margin-block-end: var(--_mbe);
}

:where(p)+ :where(.bn, [data-pattern="button"], .bns, .bnf, .bnc, button, input[type="button"], input[type="submit"], input[type="reset"]) {
    --_mbs: var(--el-flow, .75em);
    margin-block-start: var(--_mbs);
}

:where(.df, .nf, .design, [data-flow="design"]),
:where(.s, [data-layout="section"]) {

--el-flow: var(--flow, 0);
    --el-flow-s: var(--flow, 0);
    --el-flow-e: var(--flow, 0);

--p-flow: var(--flow, 0);

--tl-flow: var(--flow, 0);
    --tl-flow-s: var(--flow, 0);

    --tl-flow-e: var(--flow, 0);

    --tl-flow-x: calc(var(--flow, 0) / 1.2);

--l-flow: var(--flow, 0);
    --l-flow-s: var(--flow, 0);
    --l-flow-e: var(--flow, 0);

    --li-flow: var(--flow, 0);
}

:where(.cf, .sf, .flow, [data-flow="content"]),
:where(:root) {

--flow--xl: 1em;
    --flow--l: .75em;
    --flow--m: .5em;
    --flow--s: .375em;
    --flow--xs: .25em;
    --flow: 0;

--el-flow: var(--flow--l, .75em);
    --el-flow-s: var(--flow--m, .5em);
    --el-flow-e: var(--flow--s, .375em);

--p-flow: var(--el-flow, .75em);

--tl-flow: calc(var(--el-flow, .75em) / .75);
    --tl-flow-s: var(--el-flow, .75em);

    --tl-flow-e: var(--el-flow-e, .375em);

    --tl-flow-x: calc(var(--el-flow, .75em) / 1.2);

--l-flow: var(--el-flow-s, .5em);
    --l-flow-s: var(--el-flow, .75em);
    --l-flow-e: var(--el-flow-e, .375em);

    --li-flow: calc(var(--l-flow, .5em) / 2);
}

:where(.cf, .sf, .flow, [data-flow="content"]) {
	--_d: block;
}

:where(.fig, [data-pattern="figure"]):where(figure, img, video, picture, iframe, canvas, svg, :has(>img, >video, >picture, >iframe, >canvas, >svg, >.figi)) {
  --_d: var(--fig-d, block);
  display: var(--_d);

  --_pos: var(--fig-pos, relative);
  position: var(--_pos);

  --_m: var(--fig-m, 0);
  margin: var(--_m);
  --_p: var(--fig-p, 0);
  padding: var(--_p);

  --_obf: var(--fig-obf, cover);
  object-fit: var(--_obf);
  --_obp: var(--fig-obp, center);
  object-position: var(--_obp);

  --_ar: var(--fig-ar, var(--ar, var(--fig-ar--, var(--ar-fig, 3/4))));
  aspect-ratio: var(--_ar);

  --_ov: var(--fig-ov, clip);
  overflow: var(--_ov);

  --_bg: var(--fig-bg, transparent);
  background-color: var(--_bg);

  --_fil: var(--fig-fil);
  filter: var(--_fil);
  --_mbm: var(--fig-mbm);
  mix-blend-mode: var(--_mbm);

  --_iso: var(--fig-iso);
  isolation: var(--_iso);

  --_brw: var(--fig-brw);
  border-width: var(--_brw);
  --_brs: var(--fig-brs);
  border-style: var(--_brs);
  --_brc: var(--fig-brc);
  border-color: var(--_brc);

  --_rad: var(--fig-rad, var(--rad--, var(--rad-m, 0.625em)));
  border-radius: var(--_rad);

  --fig-w: var(--fig-sz, 100%);
  --_is: var(--fig-is, var(--fig-w));
  inline-size: var(--_is);

  --fig-h: var(--fig-sz, auto);
  --_bs: var(--fig-bs, var(--fig-h));
  block-size: var(--_bs);

  --_miis: var(--fig-miis, var(--fig-miw));
  min-inline-size: var(--_miis);
  --_mibs: var(--fig-mibs, var(--fig-mih));
  min-block-size: var(--_mibs);

  --_mais: var(--fig-mais, var(--fig-maw));
  max-inline-size: var(--_mais);
  --_mabs: var(--fig-mabs, var(--fig-mah));
  max-block-size: var(--_mabs);

  --_fxs: var(--fig-fxs, 0);
  flex-shrink: var(--_fxs);

  --z: auto;
  --_z: var(--fig-z, var(--z));
  z-index: var(--_z);
}

:where(:is(.cq, .cquery):has(> :where(.fig, [data-pattern="figure"]))) {
  --_c-name: var(--c-name, figp);
  --_c-type: var(--c-type, inline-size);
  container: var(--_c-name) / var(--_c-type);
}

@container (width < 30rem) {

  :where(.fig, [data-pattern="figure"]) {
    --_is: var(--fig-is--sm, var(--fig-is, var(--fig-w--sm, var(--fig-w))));
    --_bs: var(--fig-bs--sm, var(--fig-bs, var(--fig-h--sm, var(--fig-h))));

    --_miis: var(--fig-miis--sm, var(--fig-miis, var(--fig-miw--sm, var(--fig-miw))));
    --_mibs: var(--fig-mibs--sm, var(--fig-mibs, var(--fig-mih--sm, var(--fig-mih))));

    --_mais: var(--fig-mais--sm, var(--fig-mais, var(--fig-maw--sm, var(--fig-maw))));
    --_mabs: var(--fig-mabs--sm, var(--fig-mabs, var(--fig-mah--sm, var(--fig-mah))));

    --_bg: var(--fig-bg--sm, var(--fig-bg, transparent));
  }
}

@container (30rem <= width <= 60rem) {

  :where(.fig, [data-pattern="figure"]) {
    --_is: var(--fig-is--md, var(--fig-is, var(--fig-w--md, var(--fig-w))));
    --_bs: var(--fig-bs--md, var(--fig-bs, var(--fig-h--md, var(--fig-h))));

    --_miis: var(--fig-miis--md, var(--fig-miis, var(--fig-miw--md, var(--fig-miw))));
    --_mibs: var(--fig-mibs--md, var(--fig-mibs, var(--fig-mih--md, var(--fig-mih))));

    --_mais: var(--fig-mais--md, var(--fig-mais, var(--fig-maw--md, var(--fig-maw))));
    --_mabs: var(--fig-mabs--md, var(--fig-mabs, var(--fig-mah--md, var(--fig-mah))));

    --_bg: var(--fig-bg--md, var(--fig-bg, transparent));
  }
}

@container (width > 60rem) {

  :where(.fig, [data-pattern="figure"]) {
    --_is: var(--fig-is--lg, var(--fig-is, var(--fig-w--lg, var(--fig-w))));
    --_bs: var(--fig-bs--lg, var(--fig-bs, var(--fig-h--lg, var(--fig-h))));

    --_miis: var(--fig-miis--lg, var(--fig-miis, var(--fig-miw--lg, var(--fig-miw))));
    --_mibs: var(--fig-mibs--lg, var(--fig-mibs, var(--fig-mih--lg, var(--fig-mih))));

    --_mais: var(--fig-mais--lg, var(--fig-mais, var(--fig-maw--lg, var(--fig-maw))));
    --_mabs: var(--fig-mabs--lg, var(--fig-mabs, var(--fig-mah--lg, var(--fig-mah))));

    --_bg: var(--fig-bg--lg, var(--fig-bg, transparent));
  }
}

:where(.fig, [data-pattern="figure"]):where(figure, img, video, picture, iframe, canvas, svg, :has(>img, >video, >picture, >iframe, >canvas, >svg, >.figi))>:where(img, video, picture, iframe, canvas, .figi) {
  --_d: var(--figi-d, block);
  display: var(--_d);

  --figi-w: var(--figi-sz, var(--fig-is, var(--fig-w, 100%)));
  --_is: var(--figi-is, var(--figi-w));
  inline-size: var(--_is);

  --figi-h: var(--figi-sz, var(--fig-bs, var(--fig-h, auto)));
  --_bs: var(--figi-bs, var(--figi-h));
  block-size: var(--_bs);

--_obf: var(--figi-obf, var(--fig-obf, cover));
  object-fit: var(--_obf);
  --_obp: var(--figi-obp, var(--fig-obp, center));
  object-position: var(--_obp);

  --_ar: var(--figi-ar, var(--fig-ar, var(--ar, 4/3)));
  aspect-ratio: var(--_ar);

  --_m: var(--figi-m, 0);
  margin: var(--_m);
  --_p: var(--figi-p, 0);
  padding: var(--_p);

  --_bg: var(--figi-bg, var(--fig-bg, transparent));
  background-color: var(--_bg);

  --_fil: var(--figi-fil, var(--fil));
  filter: var(--_fil);
  --_mbm: var(--figi-mbm, var(--mbm));
  mix-blend-mode: var(--_mbm);
}

figure:is(.fig, [data-pattern="figure"]) blockquote {
  --bq-pb: var(--figi-pb);
  --_pb: var(--bq-pb);
  padding-block: var(--_pb);

  --bq-pi: var(--figi-pi);
  --_pi: var(--bq-pi);
  padding-inline: var(--_pi);

  --bq-bdw: var(--figi-bdw);
  --_bdw: var(--bq-bdw);
  border-width: var(--_bdw);

  --bq-bdc: var(--figi-bdc);
  --_bdc: var(--bq-bdc);
  border-color: var(--_bdc);

  --bq-bg: var(--figi-bg);
  --_bg: var(--bq-bg);
  background-color: var(--_bg);
}

figure:is(.fig, [data-pattern="figure"]) figcaption {
  --bq-pb: var(--figi-pb);
  --_pb: var(--bq-pb);
  padding-block: var(--_pb);

  --bq-pi: var(--figi-pi);
  --_pi: var(--bq-pi);
  padding-inline: var(--_pi);

  --bq-bdw: var(--figi-bdw);
  --_bdw: var(--bq-bdw);
  border-width: var(--_bdw);

  --bq-bdc: var(--figi-bdc);
  --_bdc: var(--bq-bdc);
  border-color: var(--_bdc);

  --bq-bg: var(--figi-bg);
  --_bg: var(--bq-bg);
  background-color: var(--_bg);
}

:where(.fig, [data-pattern="figure"]):where(.top),
:where(.fig, [data-pattern="figure"]) :where(.top) {
  --figi-obp: top;
}

:where(.fig, [data-pattern="figure"]):where(.bottom),
:where(.fig, [data-pattern="figure"]) :where(.bottom) {
  --figi-obp: bottom;
}

:where(.fig, [data-pattern="figure"]):where(.sq, .square) {
  --fig-rad: var(--fig-rad-sq, 0);
}

:where(.fig, [data-pattern="figure"]):where(.lt, .lite, .sft, .soft) {
  --fig-rad: var(--fig-rad-sft, .625rem);
}

:where(.fig, [data-pattern="figure"]):where(.md, .medium, .smt, .smooth) {
  --fig-rad: var(--fig-rad-md, 1.25rem);
}

:where(.fig, [data-pattern="figure"]):where(.bd, .bold, .crv, .curved) {
  --fig-rad: var(--fig-rad-bd, 2.5rem);
}

:where(.fig, [data-pattern="figure"]):where(.rd, .round) {
  --fig-rad: var(--fig-rad-rd, 50%);
}

:where(.cvr, [data-layer~="cover"]):where(figure, img, video, picture, iframe, canvas, svg, :has(>img, >video, >picture, >iframe, >canvas, >svg, >.cvri)) {
  --_d: var(--cvr-d, block);
  display: var(--_d);

  --_pos: var(--cvr-pos, absolute);
  position: var(--_pos);

  --_ins: var(--cvr-ins, 0);
  inset: var(--_ins);

--z: var(--z-cvr, -5);
  --_z: var(--cvr-z, var(--z));
  z-index: var(--_z);

  --_m: var(--cvr-mg, 0);
  margin: var(--_m);

  --_is: var(--cvr-is, var(--cvr-w, var(--cvr-sz, 100%)));
  inline-size: var(--_is);
  --_bs: var(--cvr-bs, var(--cvr-h, var(--cvr-sz, 100%)));
  block-size: var(--_bs);

  --_rad: var(--cvr-rad, inherit);
  border-radius: var(--_rad);

  --_op: var(--cvr-op, 1);
  opacity: var(--_op);

  --_bg: var(--cvr-bg, transparent);
  background-color: var(--_bg);

  --_iso: var(--cvr-iso);
  isolation: var(--_iso);

  --_pe: var(--cvr-pe, none);
  pointer-events: var(--_pe);

  --_fxs: var(--cvr-fxs, 0);
  flex-shrink: var(--_fxs);

  --_trs: var(--cvr-trs);
  transition: var(--_trs);

  --_trf: var(--cvr-trf);
  transform: var(--_trf);

  --_trfo: var(--cvr-trfo);
  transform-origin: var(--_trfo);
}

:where(.cvr, [data-layer~="cover"])>:where(img, video, picture, iframe, canvas, .cvri) {
  --_d: var(--cvri-d, block);
  display: var(--_d);

  --_is: var(--cvri-is, var(--cvri-w, var(--cvri-sz, 100%)));
  inline-size: var(--_is);

  --_bs: var(--cvri-bs, var(--cvri-h, var(--cvri-sz, 100%)));
  block-size: var(--_bs);

  --_obf: var(--cvri-obf, cover);
  object-fit: var(--_obf);

  --_obp: var(--cvri-obp, center);
  object-position: var(--_obp);

  --_bg: var(--cvri-bg, transparent);
  background-color: var(--_bg);

  --_bd: var(--cvri-bd, none);
  border: var(--_bd);

  --_m: var(--cvri-mg, 0);
  margin: var(--_m);

  --_p: var(--cvri-p, 0);
  padding: var(--_p);

  --_trs: var(--cvri-trs);
  transition: var(--_trs);

  --_trf: var(--cvri-trf);
  transform: var(--_trf);

  --_trfo: var(--cvri-trfo);
  transform-origin: var(--_trfo);
}

:where(.cvr, [data-layer~="cover"]):where(figure, img, video, picture, iframe, canvas, svg, :has(>img, >video, >picture, >iframe, >canvas, >svg, .cvri))::after {
  --_ct: "";
  content: var(--_ct);

  --_pos: var(--cvra-pos, absolute);
  position: var(--_pos);

  --_ins: var(--cvra-ins, 0);
  inset: var(--_ins);

  --_bg: var(--cvra-bg, var(--set-bg, var(--bg, #eee)));
  background-color: var(--_bg);

  --_bgi: var(--cvra-bgi);
  background-image: var(--_bgi);

  --_bga: var(--cvra-bga);
  background-attachment: var(--_bga);

  --_bgr: var(--cvra-bgr);
  background-repeat: var(--_bgr);

  --_bgsz: var(--cvra-bgsz, cover);
  background-size: var(--_bgsz);

  --_bgo: var(--cvra-bgo);
  background-origin: var(--_bgo);

  --_bgp: var(--cvra-bgp);
  background-position: var(--_bgp);

  --_bgc: var(--cvra-bgc);
  background-clip: var(--_bgc);

  --_bgbm: var(--cvra-bgbm);
  background-blend-mode: var(--_bgbm);

  --_op: var(--cvra-op, .64);
  opacity: var(--_op);

  --_trs: var(--cvra-trs);
  transition: var(--_trs);

  --_trf: var(--cvra-trf);
  transform: var(--_trf);
}

:where(.cvr, [data-layer~="cover"]):where(.lng, [data-layer~="linear"], .grd, [data-layer~="gradient"])::after {
  --cvra-lng-grd:
    var(--cvra-lng-c1, var(--lng-c1, var(--o-alt-bd, hsl(0 0 8% / 0.8)))) var(--cvra-lng-p1, var(--lng-p1, 24%)),
    var(--cvra-lng-c2, var(--lng-c2, var(--o-alt, hsl(0 0 8% / 0.64)))) var(--cvra-lng-p2, var(--lng-p2, 92%));
  --cvra-lng: var(--cvra-lng-deg, var(--lng-deg, 135deg)), var(--cvra-lng-grd);
  --cvra-bgi: linear-gradient(var(--cvra-lng));

  --_bg: transparent;
  --_op: var(--cvra-op, 1);
}

:where(.s, [data-layout="section"], .crd, [data-pattern="card"]):has(.cvr, [data-layer~="cover"]) {
  --_ov: clip;
  overflow: var(--_ov);

  --_iso: isolate;
  isolation: var(--_iso);
}

:where(.cvr, [data-layer~="cover"]):where(.l, [data-layer~="light"]) {
  --cvra-bg: var(--l, #fff);
  --cvra-lng-c1: var(--o-l-bd, hsl(0 0 96% / .8));
  --cvra-lng-c2: var(--o-l, hsl(0 0 96% / .64));
}

:where(.cvr, [data-layer~="cover"]):where(.d, [data-layer~="dark"]) {
  --cvra-bg: var(--d, #000);
  --cvra-lng-c1: var(--o-d-lt, hsl(0 0 8% / .8));
  --cvra-lng-c2: var(--o-d, hsl(0 0 8% / .64));
}

:where(.cvr, [data-layer~="cover"]):where(.bg, .base, [data-layer~="bg"], [data-layer~="base"]) {
  --cvra-bg: var(--bg, var(--base, #fff));
  --cvra-lng-c1: var(--o-bg-bd, hsl(0 0 96% / .8));
  --cvra-lng-c2: var(--o-bg, hsl(0 0 96% / .64));
}

:where(.cvr, [data-layer~="cover"]):where(.alt, .contrast, [data-layer~="alt"], [data-layer~="contrast"]) {
  --cvra-bg: var(--alt, var(--contrast, #000));
  --cvra-lng-c1: var(--o-alt-bd, hsl(0 0 8% / .8));
  --cvra-lng-c2: var(--o-alt, hsl(0 0 8% / .64));
}

:where(.cvr, [data-layer~="cover"]):where(.p, [data-layer~="primary"]) {
  --cvra-bg: var(--p, #eec14c);
  --cvra-lng-c1: var(--o-p-bd, hsl(43 83% 62% / .8));
  --cvra-lng-c2: var(--o-p, hsl(43 83% 62% / .64));
}

:where(.cvr, [data-layer~="cover"]):where(.sl, [data-opacity="solid"], .vv, [data-opacity="vivid"]) {
  --cvra-op: 1;
}

:where(.cvr, [data-layer~="cover"]):where(.bd, [data-opacity="bold"]) {
  --cvra-op: .8;
}

:where(.cvr, [data-layer~="cover"]):where(.md, [data-opacity="medium"]) {
  --cvra-op: .64;
}

:where(.cvr, [data-layer~="cover"]):where(.lt, [data-opacity="lite"]) {
  --cvra-op: .24;
}

:where(.cvr, [data-layer~="cover"]):where(.trs, [data-opacity="transparent"]) {
  --cvra-op: 0;
}

:where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li) {

    --_d: var(--crd-d, flex);
    display: var(--_d);

    --_pos: var(--crd-pos, relative);
    position: var(--_pos);

--crd-fxd: column;
    --_fxd: var(--crd-fxd);
    flex-direction: var(--_fxd);

--crd-fxw: nowrap;
    --_fxw: var(--crd-fxw);
    flex-wrap: var(--_fxw);

--crd-ai: stretch;
    --_ai: var(--crd-ai);
    align-items: var(--_ai);

--_ac: var(--crd-ac);
    align-content: var(--_ac);

--_jc: var(--crd-jc);
    justify-content: var(--_jc);

--_o: var(--crd-o);
    order: var(--_o);

--_crd-g--: var(--crd-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
    --crd-rg: var(--_crd-rg--, var(--_crd-g--));
    --crd-cg: var(--_crd-cg--, var(--_crd-g--));
    --_rg: var(--crd-rg);
    --_cg: var(--crd-cg);

--_g: var(--crd-g, var(--_rg) var(--_cg));
    gap: var(--_g);

--_crd-pd--: var(--crd-pd, var(--crd-pd--, var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100vw - 33rem) / 55), 2rem))));

    --crd-pbs: var(--_crd-pd--);
    --crd-pbe: var(--_crd-pd--);
    --_pb: var(--crd-pb, var(--crd-pbs) var(--crd-pbe));
    padding-block: var(--_pb);

    --crd-pis: var(--_crd-pd--);
    --crd-pie: var(--_crd-pd--);
    --_pi: var(--crd-pi, var(--crd-pis) var(--crd-pie));
    padding-inline: var(--_pi);

--_ta: var(--crd-ta, var(--ta, start));
    text-align: var(--_ta);

--_c: var(--crd-c, var(--on-crd, currentColor));
    color: var(--_c);

--_bg: var(--crd-bg, var(--crd-bg--, var(--crd, transparent)));
    background-color: var(--_bg);

--_bdw: var(--crd-bdw, var(--crd-bdw--, 0));
    --_bds: var(--crd-bds, var(--crd-bds--, solid));
    --_bdc: var(--crd-bdc, var(--crd-bdc--, currentColor));
    border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

    --rad: var(--crd-rad--, var(--rad-2xl, 1.5em));
    --_rad: var(--crd-rad, var(--rad));
    border-radius: var(--_rad);

    --_bxsh: var(--crd-bxsh, var(--crd-bxsh--ds, var(--crd-bxsh--, var(--bxsh--, 0 .25em 2em .75em))) var(--crd-bxsh-c, var(--crd-bxsh-c--ds, var(--bxsh-c, var(--o-p-xlt, hsl(0 0% 8% / .16))))));
    box-shadow: var(--_bxsh);

    --_ov: var(--crd-ov, var(--crd-ovx, clip) var(--crd-ovy, clip));
    overflow: var(--_ov);

    --_iso: var(--crd-iso);
    isolation: var(--_iso);

    --_trs: var(--crd-trs, var(--crd-trsdu, var(--trsdu, 0.32s)) var(--crd-trstf, var(--trstf, ease-in-out)));
    transition: var(--_trs);
    --_trsp: var(--crd-trsp, background-color, color, opacity, transform, border, border-color, box-shadow);
    transition-property: var(--_trsp);
    --_trf: var(--crd-trf, none);
    transform: var(--_trf);

--_ar: var(--crd-ar, auto);
	aspect-ratio: var(--_ar);
}

:where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li):where(:hover) {
    --_bg: var(--crd-bg--hv, var(--crd-bg, var(--crd-bg--, var(--crd, transparent))));

    --_bdc: var(--crd-bdc--hv, var(--crd-bdc, var(--crd-bdc--, currentColor)));

    --_bxsh: var(--crd-bxsh--hv, var(--crd-bxsh--av, var(--crd-bxsh, var(--crd-bxsh--, var(--bxsh--, 0 .25em 2em .75em)))) var(--crd-bxsh-c--ds, var(--crd-bxsh-c, var(--bxsh-c, var(--o-p-xlt, hsl(0 0% 8% / .16))))));
    box-shadow: var(--_bxsh);

    --_trs: var(--crd-trs--hv, var(--crd-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--crd-trstf--hv, var(--crd-trstf, var(--trstf, ease-in-out))));

}

:where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li):where(:focus-visible, :focus-within) {
    --_olw: var(--crd-olw, .25rem);
    --_ols: var(--crd-ols, solid);
    --_olc: var(--crd-olc, var(--olc--fv, var(--olc--fv--, var(--out-p, var(--p, #eec14c)))));
    outline: var(--_ol, var(--_olw) var(--_ols) var(--_olc));

    --_olo: var(--crd-olo, var(--olo--, .25rem));
    outline-offset: var(--_olo);

    --_bxsh: var(--crd-bxsh-fv, var(--crd-bxsh--av, var(--crd-bxsh, var(--crd-bxsh--av--, var(--crd-bxsh--, var(--bxsh--hv, var(--bxsh, none)))))));

}

:where(:where(.cq, .cquery):has(> :where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li))) {
    --_c-name: var(--c-name, crdp);
    --_c-type: var(--c-type, inline-size);
    container: var(--_c-name) / var(--_c-type);
}

@container (width < 30rem) {
    :where(.crd, [data-pattern="card"]) {

        --_fxd: var(--crd-fxd--sm, var(--crd-fxd));

--_ai: var(--crd-ai--sm, var(--crd-ai));

--_ac: var(--crd-ac--sm, var(--crd-ac));

--_jc: var(--crd-jc--sm, var(--crd-jc));

--_rg: var(--crd-rg--sm, var(--crd-rg));
        --_cg: var(--crd-cg--sm, var(--crd-cg));
        --_g: var(--crd-g--sm, var(--crd-g, var(--_rg) var(--_cg)));

--_pb: var(--crd-pb--sm, var(--crd-pb, var(--crd-pbs--sm, var(--crd-pbs)) var(--crd-pbe--sm, var(--crd-pbe))));
        --_pi: var(--crd-pi--sm, var(--crd-pi, var(--crd-pis--sm, var(--crd-pis)) var(--crd-pie--sm, var(--crd-pie))));

--_ta: var(--crd-ta--sm, var(--crd-ta));

    }
}

@container (30rem <= width <= 60rem) {
    :where(.crd, [data-pattern="card"]) {

        --_fxd: var(--crd-fxd--md, var(--crd-fxd));

--_ai: var(--crd-ai--md, var(--crd-ai));

--_ac: var(--crd-ac--md, var(--crd-ac));

--_jc: var(--crd-jc--md, var(--crd-jc));

--_rg: var(--crd-rg--md, var(--crd-rg));
        --_cg: var(--crd-cg--md, var(--crd-cg));
        --_g: var(--crd-g--md, var(--crd-g, var(--_rg) var(--_cg)));

--_pb: var(--crd-pb--md, var(--crd-pb, var(--crd-pbs--md, var(--crd-pbs)) var(--crd-pbe--md, var(--crd-pbe))));
        --_pi: var(--crd-pi--md, var(--crd-pi, var(--crd-pis--md, var(--crd-pis)) var(--crd-pie--md, var(--crd-pie))));

--_ta: var(--crd-ta--md, var(--crd-ta));
    }
}

@container (width > 60rem) {
    :where(.crd, [data-pattern="card"]) {

        --_fxd: var(--crd-fxd--lg, var(--crd-fxd));

--_ai: var(--crd-ai--lg, var(--crd-ai));

--_ac: var(--crd-ac--lg, var(--crd-ac));

--_jc: var(--crd-jc--lg, var(--crd-jc));

--_rg: var(--crd-rg--lg, var(--crd-rg));
        --_cg: var(--crd-cg--lg, var(--crd-cg));
        --_g: var(--crd-g--lg, var(--crd-g, var(--_rg) var(--_cg)));

--_pb: var(--crd-pb--lg, var(--crd-pb, var(--crd-pbs--lg, var(--crd-pbs)) var(--crd-pbe--lg, var(--crd-pbe))));
        --_pi: var(--crd-pi--lg, var(--crd-pi, var(--crd-pis--lg, var(--crd-pis)) var(--crd-pie--lg, var(--crd-pie))));

--_ta: var(--crd-ta--lg, var(--crd-ta));
    }
}

:where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li):where(:not(.g, [data-display~="grid"], .f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"], .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"]))> :where(*) {

--cc-fxg: 0;
    --_fxg: var(--cc-fxg);
    flex-grow: var(--_fxg);

--cc-fxs: 1;
    --_fxs: var(--cc-fxs);
    flex-shrink: var(--_fxs);

--cc-fxb: auto;
    --_fxb: var(--cc-fxb);
    flex-basis: var(--_fxb);

--cc-as: auto;
    --_as: var(--cc-as);
    align-self: var(--_as);

--cc-o: var(--o);
    --_o: var(--cc-o);
    order: var(--_o);

--_mb: var(--cc-mb, var(--cc-mbs) var(--cc-mbe));
    margin-block: var(--_mb);

--_mi: var(--cc-mi, var(--cc-mis) var(--cc-mie));
    margin-inline: var(--_mi);
}

@container (width < 30rem) {
    :where(.crd, [data-pattern="card"]):where(:not(.g, [data-display~="grid"], .f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"], .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"]))> :where(*) {

        --_fxg: var(--cc-fxg--sm, var(--cc-fxg));

        --_fxs: var(--cc-fxs--sm, var(--cc-fxs));

        --_fxb: var(--cc-fxb--sm, var(--cc-fxb));

        --_as: var(--cc-as--sm, var(--cc-as));

        --_o: var(--cc-o--sm, var(--cc-o));

--_mb: var(--cc-mb--sm, var(--cc-mb, var(--cc-mbs--sm, var(--cc-mbs)) var(--cc-mbe--sm, var(--cc-mbe))));

--_mi: var(--cc-mi--sm, var(--cc-mi, var(--cc-mis--sm, var(--cc-mis)) var(--cc-mie--sm, var(--cc-mie))));

    }
}

@container (30rem <=width <=60rem) {
    :where(.crd, [data-pattern="card"]):where(:not(.g, [data-display~="grid"], .f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"], .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"]))> :where(*) {

        --_fxg: var(--cc-fxg--md, var(--cc-fxg));

        --_fxs: var(--cc-fxs--md, var(--cc-fxs));

        --_fxb: var(--cc-fxb--md, var(--cc-fxb));

        --_as: var(--cc-as--md, var(--cc-as));

        --_o: var(--cc-o--md, var(--cc-o));

--_mb: var(--cc-mb--md, var(--cc-mb, var(--cc-mbs--md, var(--cc-mbs)) var(--cc-mbe--md, var(--cc-mbe))));

--_mi: var(--cc-mi--md, var(--cc-mi, var(--cc-mis--md, var(--cc-mis)) var(--cc-mie--md, var(--cc-mie))));
    }
}

@container (width > 60rem) {
    :where(.crd, [data-pattern="card"]):where(:not(.g, [data-display~="grid"], .f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"], .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"]))> :where(*) {

        --_fxg: var(--cc-fxg--lg, var(--cc-fxg));

        --_fxs: var(--cc-fxs--lg, var(--cc-fxs));

        --_fxb: var(--cc-fxb--lg, var(--cc-fxb));

        --_as: var(--cc-as--lg, var(--cc-as));

        --_o: var(--cc-o--lg, var(--cc-o));

--_mb: var(--cc-mb--lg, var(--cc-mb, var(--cc-mbs--lg, var(--cc-mbs)) var(--cc-mbe--lg, var(--cc-mbe))));

--_mi: var(--cc-mi--lg, var(--cc-mi, var(--cc-mis--lg, var(--cc-mis)) var(--cc-mie--lg, var(--cc-mie))));
    }
}

:where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li):where(:hover) :where(a:not(.bn, [data-pattern="button"])) {

    --_crd-lnk-c: var(--crd-lnk-c--hv, var(--crd-lnk-c, var(--crd-tl-c, var(--crd-c, var(--p, var(--tl-c, var(--tl, currentColor)))))));

    --_op: var(--crd-lnk-op--hv, var(--crd-lnk-op, .8));

    --_trs: var(--lnk-trs--hv, var(--lnk-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--lnk-trstf--hv, var(--lnk-trstf, var(--trstf, ease-in-out))));
    --_trf: var(--lnk-trf--hv);
}

:where(li):where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li) {
    --_d: var(--crd-d, flex);
    display: var(--_d);
}

:where(li):where(.crd, [data-pattern="card"]):where(div, article, figure, aside, li):where(.g, [data-display~="grid"], .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"]) {
    --_d: var(--crd-d, grid);
    display: var(--_d);
}

:where(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"], :has(.crd__c, [data-part="content"], .crd__m, [data-part="media"], > figure)) {
    --crd-pb: 0;
    --crd-pi: 0;
}

:where(.crd, [data-pattern="card"]):where(:has(.crd__c, [data-part="content"], .crd__m, [data-part="media"], > figure)) {
    --_crd-g--: 0;
    --_crd-rg--: 0;
    --_crd-cg--: 0;
}

:where(:where(.g, [data-display~="grid"]) > *, li) > :where(.crd, [data-pattern="card"]):where(div, article, aside, li) {
    --_bs: var(--crd-bs, var(--crd-h, 100%));
    block-size: var(--_bs);
}

@layer reset {
    :where(.crd, [data-pattern="card"]) {
        --crd-ai--sm: initial;
        --crd-ai--md: initial;
        --crd-ai--lg: initial;
        --crd-ac--sm: initial;
        --crd-ac--md: initial;
        --crd-ac--lg: initial;
        --crd-jc--sm: initial;
        --crd-jc--md: initial;
        --crd-jc--lg: initial;

        --bxsh: initial;
        --bxsh--hv: initial;
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(.crd, [data-pattern="card"]) {
        --_trf: none;
		--_trs: none;
    }
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"]):not(p, span)) {

--_d: var(--cc-d, flex);
    display: var(--_d);

--fxd: column;
    --cc-fxd: var(--fxd);
    --_fxd: var(--cc-fxd);
    flex-direction: var(--_fxd);

--fxw: wrap;
    --cc-fxw: var(--fxw);
    --_fxw: var(--cc-fxw);
    flex-wrap: var(--_fxw);

    --_crd-g--: var(--crd-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
    --crd-rg: var(--_crd-g--);
    --crd-cg: var(--_crd-g--);

    --_g: var(--cc-g, var(--crd-g, var(--_rg, var(--cc-rg, var(--crd-rg))) var(--_cg, var(--cc-cg, var(--crd-cg)))));
    gap: var(--_g);

    --_ai: var(--cc-ai, var(--crd-ai, stretch));
    align-items: var(--_ai);

    --_jc: var(--cc-jc, var(--crd-jc));
    justify-content: var(--_jc);

    --_ac: var(--cc-ac, var(--crd-ac));
    align-content: var(--_ac);

--cc-ta: var(--crd-ta, var(--ta, start));
    --_ta: var(--cc-ta);
    text-align: var(--_ta);

--_crd-p--: var(--cc-pd, var(--crd-pd, var(--crd-pd--, var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100vw - 33rem) / 55), 2rem)))));

    --crd-pbs: var(--_crd-p--);
    --crd-pbe: var(--_crd-p--);

    --crd-pb: var(--cc-pbs, var(--crd-pbs)) var(--cc-pbe, var(--crd-pbe));
    --_pb: var(--cc-pb, var(--crd-pb));
    padding-block: var(--_pb);

    --crd-pis: var(--_crd-p--);
    --crd-pie: var(--_crd-p--);

    --crd-pi: var(--cc-pis, var(--crd-pis)) var(--cc-pie, var(--crd-pie));
    --_pi: var(--cc-pi, var(--crd-pi));
    padding-inline: var(--_pi);

    --_is: var(--cc-is, var(--cc-w, 100%));
    inline-size: var(--_is);

	 --_bs: var(--cc-bs, var(--cc-h, 100%));
    block-size: var(--_bs);

	--z: auto;
	--_z: var(--cc-z, var(--z));
	z-index: var(--_z);
}

@container (width < 30rem) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"]):not(p, span)) {
        --_fxd: var(--cc-fxd--sm, var(--cc-fxd));
        --_fxw: var(--cc-fxw--sm, var(--cc-fxw));

        --_ai: var(--cc-ai--sm, var(--cc-ai, var(--crd-ai)));
        --_jc: var(--cc-jc--sm, var(--cc-jc, var(--crd-jc)));
        --_ac: var(--cc-ac--sm, var(--cc-ac, var(--crd-ac)));

--_g: var(--cc-g--sm, var(--cc-g, var(--crd-g--sm, var(--crd-g,
                            var(--_rg, var(--cc-rg--sm, var(--cc-rg, var(--crd-rg--sm, var(--crd-rg))))) var(--_cg, var(--cc-cg--sm, var(--cc-cg, var(--crd-cg--sm, var(--crd-cg)))))))));

--_cc-ta: var(--cc-ta--sm, var(--cc-ta, var(--ta, start)));

--crd-pb: var(--cc-pbs--sm, var(--cc-pbs, var(--crd-pbs--sm, var(--crd-pbs)))) var(--cc-pbe--sm, var(--cc-pbe, var(--crd-pbe--sm, var(--crd-pbe))));
        --_pb: var(--cc-pb--sm, var(--cc-pb, var(--crd-pb--sm, var(--crd-pb))));

--crd-pi: var(--cc-pis--sm, var(--cc-pis, var(--crd-pis--sm, var(--crd-pis)))) var(--cc-pie--sm, var(--cc-pie, var(--crd-pie--sm, var(--crd-pie))));
        --_pi: var(--cc-pi--sm, var(--cc-pi, var(--crd-pi--sm, var(--crd-pi))));

    }
}

@container (30rem <= width <= 60rem) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"]):not(p, span)) {
        --_fxd: var(--cc-fxd--md, var(--cc-fxd, var(--fxd, column)));
        --_fxw: var(--cc-fxw--md, var(--cc-fxw));

        --_ai: var(--cc-ai--md, var(--cc-ai, var(--crd-ai, var(--ai))));
        --_jc: var(--cc-jc--md, var(--cc-jc, var(--crd-jc, var(--jc))));
        --_ac: var(--cc-ac--md, var(--cc-ac, var(--crd-ac, var(--ac))));

--_g: var(--cc-g--md, var(--cc-g, var(--crd-g--md, var(--crd-g,
                            var(--_rg, var(--cc-rg--md, var(--cc-rg, var(--crd-rg--md, var(--crd-rg))))) var(--_cg, var(--cc-cg--md, var(--cc-cg, var(--crd-cg--md, var(--crd-cg)))))))));

--_cc-ta: var(--cc-ta--md, var(--cc-ta, var(--ta, start)));

--crd-pb: var(--cc-pbs--md, var(--cc-pbs, var(--crd-pbs--md, var(--crd-pbs)))) var(--cc-pbe--md, var(--cc-pbe, var(--crd-pbe--md, var(--crd-pbe))));
        --_pb: var(--cc-pb--md, var(--cc-pb, var(--crd-pb--md, var(--crd-pb))));

--crd-pi: var(--cc-pis--md, var(--cc-pis, var(--crd-pis--md, var(--crd-pis)))) var(--cc-pie--md, var(--cc-pie, var(--crd-pie--md, var(--crd-pie))));
        --_pi: var(--cc-pi--md, var(--cc-pi, var(--crd-pi--md, var(--crd-pi))));

    }
}

@container (60rem < width) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"]):not(p, span)) {
        --_fxd: var(--cc-fxd--lg, var(--cc-fxd, var(--fxd, column)));
        --_fxw: var(--cc-fxw--lg, var(--cc-fxw));

        --_ai: var(--cc-ai--lg, var(--cc-ai, var(--crd-ai, var(--ai))));
        --_jc: var(--cc-jc--lg, var(--cc-jc, var(--crd-jc, var(--jc))));
        --_ac: var(--cc-ac--lg, var(--cc-ac, var(--crd-ac, var(--ac))));

--_g: var(--cc-g--lg, var(--cc-g, var(--crd-g--lg, var(--crd-g,
                            var(--_rg, var(--cc-rg--lg, var(--cc-rg, var(--crd-rg--lg, var(--crd-rg))))) var(--_cg, var(--cc-cg--lg, var(--cc-cg, var(--crd-cg--lg, var(--crd-cg)))))))));

--crd-pb: var(--cc-pbs--lg, var(--cc-pbs, var(--crd-pbs--lg, var(--crd-pbs)))) var(--cc-pbe--lg, var(--cc-pbe, var(--crd-pbe--lg, var(--crd-pbe))));
        --_pb: var(--cc-pb--lg, var(--cc-pb, var(--crd-pb--lg, var(--crd-pb))));

--crd-pi: var(--cc-pis--lg, var(--cc-pis, var(--crd-pis--lg, var(--crd-pis)))) var(--cc-pie--lg, var(--cc-pie, var(--crd-pie--lg, var(--crd-pie))));
        --_pi: var(--cc-pi--lg, var(--cc-pi, var(--crd-pi--lg, var(--crd-pi))));
    }
}

@layer reset {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) {
        --cc-ai--sm: initial;
        --cc-ai--md: initial;
        --cc-ai--lg: initial;
        --cc-ac--sm: initial;
        --cc-ac--md: initial;
        --cc-ac--lg: initial;
        --cc-jc--sm: initial;
        --cc-jc--md: initial;
        --cc-jc--lg: initial;

        --_rg: initial;
        --_cg: initial;
    }
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__h, [data-slot="header"], .crd__b, [data-slot="body"], .crd__f, [data-slot="footer"], :where(>:not(svg, figure, img, video, picture, .bn, [data-pattern="button"]))):where(:not(h2, h3, h4, p)) {
    --_d: var(--cci, flex);
    display: var(--_d);

    --_fxd: var(--cci-fxd, var(--fxd, column));
    flex-direction: var(--_fxd);

    --_fxw: var(--cci-fxw, wrap);
    flex-wrap: var(--_fxw);

    --cci-g: var(--cci-g--, var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100vw - 33rem) / 55), 1rem)));
    --_g: var(--cci-g);
    gap: var(--_g);

    --_is: var(--cci-is, var(--cci-w, 100%));
    inline-size: var(--_is);
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__h, [data-slot="header"]) {
    --crd-tl-fz: var(--fz, var(--crd-tl-fz--, var(--fz-l, clamp(1.25rem, calc(1.25rem + 0.25 * (100vw - 33rem) / 55), 1.5rem))));
    --crd-tl-fw: var(--fw, var(--crd-tl-fw--, var(--fw-b, 700)))
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__b, [data-slot="body"]) {
    --crd-tx-fz: var(--fz, var(--crd-tx-fz--, var(--fz-s, clamp(1rem, calc(1rem + 0.125 * (100vw - 33rem) / 55), 1.125rem))));
    --_fz: var(--ccb-fz, var(--crd-tx-fz));
    font-size: var(--_fz);
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__f, [data-slot="footer"]) {
    --_fz: var(--ccf-fz, var(--crd-meta-fz, var(--fz-xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100vw - 33rem) / 55), 1rem))));
    font-size: var(--_fz);

    --_mb: var(--ccf-mb, var(--ccf-mbs) var(--ccf-mbe));
    margin-block: var(--_mb);
    --_mi: var(--ccf-mi, var(--ccf-mis) var(--ccf-mie));
    margin-inline: var(--_mi);

	--cci-fxd: var(--ccf-fxd, var(--fxd, row));
}

:where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__f, [data-slot="footer"]) :where(.icn, svg) {
	color: var(--_c, currentColor);

	--_ar: var(--ccf-icn-ar, 1);
	aspect-ratio: var(--_ar);
	--_is: var(--ccf-icn-is, var(--ccf-icn-sz, calc(var(--_fz, 1rem) * 1.125)));
	inline-size: var(--_is);
	--_bs: var(--ccf-icn-bs, var(--ccf-icn-sz, calc(var(--_fz, 1rem) * 1.125)));
	block-size: var(--_is);

	--_fxs: 0;
	flex-shrink: var(--_fxs);
}

@container (width < 30rem) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__h, [data-slot="header"], .crd__b, [data-slot="body"], .crd__f, [data-slot="footer"], :where(>:not(svg, figure, img, video, picture, .bn, [data-pattern="button"]))):where(:not(h2, h3, h4, p)) {
        --_fxd: var(--cci-fxd--sm, var(--cci-fxd, var(--fxd, column)));

        --_fxw: var(--cci-fxw--sm, var(--cci-fxw));

        --_g: var(--cci-g--sm, var(--cci-g, var(---xs, clamp(0.875rem, 0.74rem + 0.63vw, 1.25rem))));
    }
}

@container (30rem <= width <= 60rem) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__h, [data-slot="header"], .crd__b, [data-slot="body"], .crd__f, [data-slot="footer"], :where(>:not(svg, figure, img, video, picture, .bn, [data-pattern="button"]))):where(:not(h2, h3, h4, p)) {
        --_fxd: var(--cci-fxd--md, var(--cci-fxd, var(--fxd, column)));

        --_fxw: var(--cci-fxw--md, var(--cci-fxw));

        --_g: var(--cci-g--md, var(--cci-g, var(---xs, clamp(0.875rem, 0.74rem + 0.63vw, 1.25rem))));
    }
}

@container (60rem < width) {
    :where(:is(.crd, [data-pattern="card"]) :is(.crd__c, [data-part="content"])) :where(.crd__h, [data-slot="header"], .crd__b, [data-slot="body"], .crd__f, [data-slot="footer"], :where(>:not(svg, figure, img, video, picture, .bn, [data-pattern="button"]))):where(:not(h2, h3, h4, p)) {
        --_fxd: var(--cci-fxd--lg, var(--cci-fxd, var(--fxd, column)));

        --_fxw: var(--cci-fxw--lg, var(--cci-fxw));

        --_g: var(--cci-g--lg, var(--cci-g, var(---xs, clamp(0.875rem, 0.74rem + 0.63vw, 1.25rem))));
    }
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) {
    --_d: var(--cm-d, block);
    display: var(--_d);

    --_pos: var(--cm-pos, relative);
    position: var(--_pos);

--_mb: var(--cm-mb, 0);
    margin-block: var(--_mb);
	 --_mi: var(--cm-mi, 0);
    margin-inline: var(--_mi);
	--_pb: var(--cm-pb, 0);
    padding-block: var(--_pb);
    --_pi: var(--cm-pi, 0);
    padding-inline: var(--_pi);

    --_obf: var(--cm-obf, cover);
    object-fit: var(--_obf);
    --_obp: var(--cm-obp, center);
    object-position: var(--_obp);

    --cm-ar: var(--ar, var(--cm-ar--, 1.91 / 1));
    --_ar: var(--cm-ar);
    aspect-ratio: var(--_ar);

    --_pe: var(--cm-pe, none);
    pointer-events: var(--_pe);

    --_ov: var(--cm-ov, clip);
    overflow: var(--_ov);

    --cm-w: var(--cm-sz, 100%);
    --_is: var(--cm-is, var(--cm-w));
    inline-size: var(--_is);
    --cm-h: var(--cm-sz, max-content);
    --_bs: var(--cm-bs, var(--cm-h));
    block-size: var(--_bs);

    --_miis: var(--cm-miis, var(--cm-miw));
    min-inline-size: var(--_miis);
    --_mibs: var(--cm-mibs, var(--cm-mih, fit-content));
    min-block-size: var(--_mibs);

    --_mais: var(--cm-mais, var(--cm-maw));
    max-inline-size: var(--_mais);
    --_mabs: var(--cm-mabs, var(--cm-mah));
    max-block-size: var(--_mabs);

    --_bg: var(--cm-bg, transparent);
    background-color: var(--_bg);

    --rad: var(--cm-rad--, var(--rad-0, 0));
    --_rad: var(--cm-rad, var(--rad));
    border-radius: var(--_rad);

    --_iso: var(--cm-iso);
    isolation: var(--_iso);

	--z: auto;
	--_z: var(--cm-z, var(--z));
	z-index: var(--_z);

    --_op: var(--cm-op, 1);
    opacity: var(--_op);

    --_trs: var(--cm-trs, var(--trs, var(--cm-trsdu, var(--trsdu, 0.32s)) var(--cm-trstf, var(--trstf, ease-in-out))));
    transition: var(--_trs);
    --_trsp: var(--cm-trsp, background-color, opacity, transform, border, border-color, box-shadow);
    transition-property: var(--_trsp);
    --_trf: var(--cm-trf);
    transform: var(--_trf);

    --cc-fxb: var(--cm-fxb, auto);
    --cc-fxs: var(--cm-fxs, 0);
    --o: var(--cm-o, -1);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture, video) {
    --_d: var(--cmi-d, block);
    display: var(--_d);
    --_is: var(--cmi-is, var(--cmi-w, var(--cmi-sz, var(--cmi-sz, 100%))));
    inline-size: var(--_is);
    --_bs: var(--cmi-bs, var(--cmi-h, var(--cmi-sz, var(--cmi-sz, 100%))));
    block-size: var(--_bs);
    --_obf: var(--cmi-obf, var(--cm-obf, cover));
    object-fit: var(--_obf);
    --_trf: var(--cmi-trf, var(--cm-trf));
    transform: var(--_trf);

    --_pe: var(--cmi-pe, var(--cm-pe, none));
    pointer-events: var(--_pe);

    --_ar: var(--cmi-ar, var(--cm-ar, var(--ar, 1.91 / 1)));
    aspect-ratio: var(--_ar);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure):where(:has(> svg, > * > svg)) {
    --cm-ar: var(--ar, 1);
    --cc-fxb: var(--cm-fxb, 33%);

	--cm-pb: var(--cm-pbs, var(--_crd-pd--, var(---xl, 2rem))) var(--cm-pbe, 0);
	--cm-pi: var(--cm-pis, var(--_crd-pd--, var(---xl, 2rem))) var(--cm-pie, var(--_crd-pd--, var(---xl, 2rem)));
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure):where(:has(> svg, > * > svg)) {
	--cm-sz: var(--cmi-sz--. var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem)));
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) > :where(svg, * > svg) {
    --_d: var(--cmi-d, block);
    display: var(--_d);
    --_is: var(--cmi-is, var(--cmi-w, var(--cmi-sz, var(--cm-sz, var(--cmi-sz--, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem)))))));
    inline-size: var(--_is);
    --_bs: var(--cmi-bs, var(--cmi-h, var(--cmi-sz, var(--cm-sz, var(--cmi-sz--, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem)))))));
    block-size: var(--_bs);
    --_ar: var(--cmi-ar, var(--cm-ar, 1));
    aspect-ratio: var(--_ar);
    --_fxs: var(--cmi-fxs, 0);
    flex-shrink: var(--_fxs);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(.str, .stroke):where(svg, > svg) {
    --_str: var(--cmi-str, currentColor);
    stroke: var(--_str);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(.fill):where(svg, > svg) {
    --_fill: var(--cmi-fill, currentColor);
    fill: var(--_fill);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(svg.str, .str svg, svg.stroke, .stroke svg):where(.tr),
:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(svg.fill, .fill svg):where(.only) {
    --_str: var(--cmi-str-tr, transparent);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(svg.fill, .fill svg):where(.tr),
:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) :where(svg.str, .str svg, svg.stroke, .stroke svg):where(.only) {
    --_fill: var(--cmi-fill-tr, transparent);
}

:where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture, svg, video) {
    --_trs: var(--cmi-trs, var(--cmi-trsdu, var(--trsdu, 0.32s)) var(--cmi-trstf, var(--trstf, ease-in-out)));
    transition: var(--_trs);
    --_trsp: var(--cmi-trsp, background-color, opacity, transform, border, border-color, box-shadow, fill, stroke, color);
    transition-property: var(--_trsp);
    --_trf: var(--cmi-trf);
    transform: var(--_trf);
}

:where(.crd, [data-pattern="card"]):where(:hover, :focus-visible, :focus-within) :where(.crd__m, [data-part="media"], > figure) {
    --_trs: var(--cmi-trs--hv, var(--cmi-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--cmi-trstf--hv, var(--cmi-trstf, var(--trstf, ease-in-out))));
    --_op: var(--cmi-op--hv, var(--cmi-op, 1));
}

:where(.crd, [data-pattern="card"]):where(:hover, :focus-visible, :focus-within) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture) {
    --_trs: var(--cmi-trs--hv, var(--cmi-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--cmi-trstf--hv, var(--cmi-trstf, var(--trstf, ease-in-out))));
    --_trf: var(--cmi-trf--hv);
}

:where(.crd, [data-pattern="card"]):where(:hover, :focus-visible, :focus-within) :where(.crd__m, [data-part="media"], > figure)> :where(svg, video) {
    --_trs: var(--cmi-trs--hv, var(--cmi-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--cmi-trstf--hv, var(--cmi-trstf, var(--trstf, ease-in-out))));
    --_op: var(--cmi-op--hv, var(--cmi-op, 1));
}

@container (width < 30rem) {
    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) {
        --_is: var(--cm-is--sm, var(--cm-is, var(--cm-w--sm, var(--cm-w))));
        --_bs: var(--cm-bs--sm, var(--cm-bs, var(--cm-h--sm, var(--cm-h))));
        --_mais: var(--cm-mais--sm, var(--cm-mais, var(--cm-maw--sm, var(--cm-maw))));
        --_ar: var(--cm-ar--sm, var(--cm-ar));
        --o: var(--cm-o--sm, var(--cm-o, -1));
    }

    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture, video) {
        --_ar: var(--cmi-ar--sm, var(--cmi-ar, var(--cm-ar--sm, var(--cm-ar))));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) {
        --_is: var(--cm-is--md, var(--cm-is, var(--cm-w--md, var(--cm-w))));
        --_bs: var(--cm-bs--md, var(--cm-bs, var(--cm-h--md, var(--cm-h))));
        --_mais: var(--cm-mais--md, var(--cm-mais, var(--cm-maw--md, var(--cm-maw))));
        --_ar: var(--cm-ar--md, var(--cm-ar));
        --o: var(--cm-o--md, var(--cm-o, -1));
    }

    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture, video) {
        --_ar: var(--cmi-ar--md, var(--cmi-ar, var(--cm-ar--md, var(--cm-ar))));
    }
}

@container (60rem < width) {
    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure) {
        --_is: var(--cm-is--lg, var(--cm-is, var(--cm-w--lg, var(--cm-w))));
        --_bs: var(--cm-bs--lg, var(--cm-bs, var(--cm-h--lg, var(--cm-h))));
        --_mais: var(--cm-mais--lg, var(--cm-mais, var(--cm-maw--lg, var(--cm-maw))));
        --_ar: var(--cm-ar--lg, var(--cm-ar));
        --o: var(--cm-o--lg, var(--cm-o, -1));
    }

    :where(.crd, [data-pattern="card"]) :where(.crd__m, [data-part="media"], > figure)> :where(img, picture, video) {
        --_ar: var(--cmi-ar--lg, var(--cmi-ar, var(--cm-ar--lg, var(--cm-ar))));
    }
}

:where(.clk, [data-behavior="clickable"])> :where(.crd, [data-pattern="card"]):has(:where(.crd__m, [data-part="media"], > figure)) {
    --_trf: var(--crd-trf);
    --cmi-trf--hv: var(--cmi-trf--av--, scale(var(--trf-sc, 1.125)));

    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    :where(.clk, [data-behavior="clickable"])> :where(.crd, [data-pattern="card"]):has(:where(.crd__m, [data-part="media"], > figure)) {
        --_trf: none;
        --cmi-trf--hv: none;

        will-change: auto;
    }
}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]),
:is(.crd, [data-pattern="card"]) :where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]) {
    --_d: var(--sg-d, grid);
    display: var(--_d);

    --_sg-g--: var(--crd-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
    --sg-rg--: var(--_sg-g--);
    --sg-cg--: var(--_sg-g--);

}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]) :where(.crd__c, [data-card="content"]) {
    --_pb: var(--sgi-pb, var(--sgi-pd, 0));
    padding-block: var(--_pb);
}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]) * :where(.crd__h, [data-part="header"], .crd__b, [data-part="body"], .crd__f, [data-part="footer"], :where(>:not(svg, figure, img, video, picture, .bn, [data-pattern="button"]))) {
    --_pb: var(--ci-pb);
    padding-block: var(--_pb);

    --_pi: var(--ci-pi);
    padding-inline: var(--_pi);
}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]) :where(.crd__h, [data-part="header"], :is(.crd__c, [data-card="content"]) > :first-child) {
    --_pbs: var(--cc-pbs, var(--crd-pbs));
    padding-block-start: var(--_pbs);
}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"]) :where(.crd__f, [data-part="footer"], :is(.crd__c, [data-card="content"]) > :last-child) {
    --_pbe: var(--cc-pbe, var(--crd-pbe));
    padding-block-end: var(--_pbe);
}

:is(.crd, [data-pattern="card"]):where(.sg, [class*="sg--"], [data-layout*="subgrid"], .sgc, [class*="sgc--"], [data-layout*="subcol"], .sgr, [class*="sgr--"], [data-layout*="subrow"])>* {
    flex-grow: initial;
    flex-shrink: initial;
    flex-basis: initial;
    margin-block-start: initial;
    margin-block-end: initial;
}

:where(.crd, [data-pattern="card"]) :where(:not(.bn, [data-pattern="button"], h2, h3, h4))> :where(p, span, div, button) {
    --_c: var(--crd-tx-c, var(--crd-tx, var(--crd-c, var(--tx, currentColor))));
    color: var(--_c);

    --_fw: var(--crd-tx-fw, var(--fw, var(--crd-tx-fw--, var(--fw-r, 400))));
    font-weight: var(--_fw);

    --_fz: var(--crd-tx-fz, var(--fz, var(--crd-tx-fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100vw - 33rem) / 55), 1.25rem)))));
    font-size: var(--_fz);

    --_lh: var(--crd-tx-lh, var(--lh, var(--crd-tx-lh--, var(--lh-m, 1.375))));
    line-height: var(--_lh);

    --_tt: var(--crd-tx-tt, var(--tt, none));
    text-transform: var(--_tt);
}

:where(.crd, [data-pattern="card"]) :where(h2, h3, h4, .crd__h, [data-part="header"], .crd__t, [data-part="title"]) {

    --_c: var(--crd-tl-c, var(--crd-tl, var(--crd-c, var(--tl, currentColor))));
    color: var(--_c);

    --_fw: var(--crd-tl-fw, var(--fw, var(--crd-tl-fw--, var(--fw-xb, 800))));
    font-weight: var(--_fw);

    --_fz: var(--crd-tl-fz, var(--fz, var(--crd-tl-fz--, var(--fz-2xl, clamp(1.5rem, calc(1.5rem + 0.5 * (100vw - 33rem) / 55), 2rem)))));
    font-size: var(--_fz);

    --_lh: var(--crd-tl-lh, var(--lh, var(--crd-tl-lh--, var(--lh-s, 1.25))));
    line-height: var(--_lh);

    --_tt: var(--crd-tl-tt, var(--tt, none));
    text-transform: var(--_tt);

}

:where(.crd, [data-pattern="card"]) :where(a:not(.bn, [data-pattern="button"])) {

    --_c: var(--crd-a-c, var(--crd-lnk-c, var(--crd-tl-c, var(--crd-c, var(--tl, currentColor)))));
    color: var(--_c);

    --_td: var(--crd-a-td, var(--crd-lnk-td, none));
    text-decoration: var(--_td);

    --_op: var(--crd-a-op, var(--crd-lnk-op));
    opacity: var(--_op);

    --_trs: var(--crd-a-trs, var(--crd-lnk-trs, var(--crd-lnk-trsdu, var(--trsdu, 0.32s)) var(--crd-lnk-trstf, var(--trstf, ease-in-out))));
    transition: var(--_trs);
    --_trsp: var(--crd-a-trsp, var(--crd-lnk-trsp, background-color, color, opacity, transform, border));
    transition-property: var(--_trsp);
    --_trf: var(--crd-a-trf, var(--crd-lnk-trf));
    transform: var(--_trf);

}

:where(.crd, [data-pattern="card"]) :where(h2, h3, h4) :where(a, span, div) {
    color: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    --_td: var(--crd-h-td, var(--crd-t-td, none));
    text-decoration: var(--_td);
    --_op: var(--crd-h-op, var(--crd-t-op, 1));
    opacity: var(--_op);
}

:where(.crd, [data-pattern="card"]):hover :where(h2, h3, h4) :where(a) {
    --crd-t-op: .8;
}

:where(.crd, [data-pattern="card"]):where(:has(a[href], button:not([type="submit"], [type="reset"]))):where(:hover, :focus-visible, :focus-within) {

--cmi-trf--hv: var(--cmi-trf--av--, scale(var(--trf-sc, 1.125)));
    --_trs: var(--crd-trs--hv, var(--crd-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--crd-trstf--hv, var(--crd-trstf, var(--trstf, ease-in-out))));

will-change: transform;
}

:where(.crd, [data-pattern="card"]):where(:has(a[href], button:not([type="submit"], [type="reset"])):not(:has(img))):where(:hover, :focus-visible, :focus-within) {

--_bxsh: var(--crd-bxsh--hv, var(--crd-bxsh--av, var(--crd-bxsh, var(--crd-bxsh--av--, var(--bxsh--av--, 0 .375em 2em .875em))))) var(--crd-bxsh-c--hv, var(--crd-bxsh-c--av, var(--crd-bxsh-c, var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32))))));

--_trs: var(--crd-trs--hv, var(--crd-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--crd-trstf--hv, var(--crd-trstf, var(--trstf, ease-in-out))));
    --_trf: var(--crd-trf--hv, translatey(var(--trf-ty--hv, -0.125em)));

	will-change: transform;
}

:where(.crd, [data-pattern="card"]):where(.scl, [data-hover~="scale"]):where(:hover, :focus-visible, :focus-within) :where(img, picture) {
    --cmi-trf--hv: scale(var(--trf-sc, 1.125));
}

:where(.crd, [data-pattern="card"]):where(.scl, [data-hover~="scale"]):where(:hover, :focus-visible, :focus-within) {
    --crd-trf--hv: scale(var(--trf-sc, 1.125));
}

:where(.crd, [data-pattern="card"]):where(.op, [data-hover~="scale"]):where(:hover, :focus-visible, :focus-within) :where(img, picture) {
    --cmi-op--hv: .8;
}

:where(.crd, [data-pattern="card"]):where(.freeze, .frz) {
    --cmi-trf--hv: none;
    --crd-trf--hv: none;
}

:where(.crd, [data-pattern="card"]):where(.horizontal, .hrz, .h) {
    --crd-fxd: row;
    --crd-ai: center;
}

:where(.crd, [data-pattern="card"]):where(.horizontal, .hrz, .h)> :where(.crd__m, [data-part="media"], > figure) {
    --cc-fxb: var(--cm-fxb, 33%);
}

:where(.crd, [data-pattern="card"]):where(.horizontal--lg, .hrz--lg, .h--lg, .horizontal--mdl, .hrz--mdl, .h--mdl) {
    --crd-fxd--lg: row;
    --crd-ai--lg: center;
}

:where(.crd, [data-pattern="card"]):where(.horizontal--lg, .hrz--lg, .h--lg, .horizontal--mdl, .hrz--mdl, .h--mdl)> :where(.crd__m, [data-part="media"], > figure) {
    --cc-fxb--lg: var(--cm-fxb--lg, 33%);
}

:where(.crd, [data-pattern="card"]):where(.horizontal--md, .hrz--md, .h--md, .horizontal--mdl, .hrz--mdl, .h--mdl, .horizontal--smd, .hrz--smd, .h--smd) {
    --crd-fxd--md: row;
    --crd-ai--md: center;
}

:where(.crd, [data-pattern="card"]):where(.horizontal--md, .hrz--md, .h--md, .horizontal--mdl, .hrz--mdl, .h--mdl, .horizontal--smd, .hrz--smd, .h--smd)> :where(.crd__m, [data-part="media"], > figure) {
    --cc-fxb--md: var(--cm-fxb--md, 33%);
}

:where(.crd, [data-pattern="card"]):where(.horizontal--sm, .hrz--sm, .h--sm, .horizontal--smd, .hrz--smd, .h--smd) {
    --crd-fxd--sm: row;
    --crd-ai--sm: center;
}

:where(.crd, [data-pattern="card"]):where(.horizontal--sm, .hrz--sm, .h--sm, .horizontal--smd, .hrz--smd, .h--smd)> :where(.crd__m, [data-part="media"], > figure) {
    --cc-fxb--sm: var(--cm-fxb--sm, 33%);
}

:where(.crd, [data-pattern="card"]):where(.pln, [data-variant~="plain"], .trs, [data-variant~="transparent"]) {
	--crd-bg: transparent;
	--crd-bg--hv: transparent;

    --crd-bxsh: none;
	--crd-bxsh--hv: none;

	--crd-trf--hv: none;
}

:where(.crd, [data-pattern="card"]):where(.pln, [data-variant~="plain"], .smp, [data-variant~="simple"], .box, [data-variant~="boxed"]) {
    --rad: var(--crd-rad--, var(--rad-2xl, 1.5em));
    --cm-rad: var(--crd-rad, var(--rad));
}

:where(.crd, [data-pattern="card"]):where(.box, [data-variant~="boxed"], .pln, [data-variant~="plain"]) {
    --rad: calc(var(--crd-rad--, var(--rad-2xl, 1.5em)) * 0.66)
}

:where(.crd, [data-pattern="card"]):where(.smp, [data-variant~="simple"]) {
    --cc-pb: var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem));
    --cc-pi: var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem));

    --_crd-cg--: var(--crd-cg--, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem)));
    --_crd-g--: var(--crd-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
}

:where(.crd, [data-pattern="card"]):where(.pln, [data-variant~="plain"]) {
    --crd-pi: 0;

	--cc-pb: var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem));
    --cc-pi: 0;

    --_crd-cg--: var(--crd-pd--, var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100vw - 33rem) / 55), 2rem)));
}

:where(.crd, [data-pattern="card"]):where(.box, [data-variant~="boxed"]) {
    --crd-pb: var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem));
    --crd-pi: var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem));

	--cc-pb: 0;
    --cc-pi: 0;

	--_crd-cg--: var(--crd-cg--, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem)));
	--_crd-rg--: var(--crd-rg--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
    --_crd-g--: var(--crd-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100vw - 33rem) / 55), 1.25rem)));
}

:where(.crd, [data-pattern="card"]):where(.sq, [data-radius~="square"]) {
    --crd-rad: var(--crd-rad-sq, 0);
}

:where(.crd, [data-pattern="card"]):where(.sft, [data-radius~="soft"], [data-radius="lite"]) {
    --crd-rad: var(--crd-rad-lt, 0.625em);
}

:where(.crd, [data-pattern="card"]):where(.smt, [data-radius~="smooth"], [data-radius="medium"]) {
    --crd-rad: var(--crd-rad-md, 1.25em);
}

:where(.crd, [data-pattern="card"]):where(.crv, [data-radius~="curved"], [data-radius="bold"]) {
    --crd-rad: var(--crd-rad-bd, 2.5em);
}

:where(.crd, [data-pattern="card"]):where(.rd, [data-radius~="rounded"]) {
    --crd-rad: var(--crd-rad-rd, 8em);
}

:where(.crd, [data-pattern="card"]):where(.pill, [data-radius~="pill"], [data-radius~="round"]) {
    --crd-rad: var(--rad-rd, var(--pill, 9999px));
}

:where(.crd, [data-pattern="card"])> :where(.crd__m, [data-part="media"], > figure):where(.auto, .au) {
    --cm-ar: auto;
    --cm-h: 100%;
    --cm-w: 100%;
}

:where(.crd, [data-pattern="card"])> :where(.crd__m, [data-part="media"], > figure):where(.auto--lg, .au--lg, .auto--mdl, .au--mdl) {
    --cm-ar--lg: auto;
    --cm-h--lg: 100%;
    --cm-w--lg: 100%;
}

:where(.crd, [data-pattern="card"])> :where(.crd__m, [data-part="media"], > figure):where(.auto--md, .au--md, .auto--mdl, .au--mdl, .auto--smd, .au--smd) {
    --cm-ar--md: auto;
    --cm-h--md: 100%;
    --cm-w--md: 100%;
}

:where(.crd, [data-pattern="card"])> :where(.crd__m, [data-part="media"], > figure):where(.auto--sm, .au--sm, .auto--smd, .au--smd) {
    --cm-ar--sm: auto;
    --cm-h--sm: 100%;
    --cm-w--sm: 100%;
}

:where(.crd, [data-pattern="card"]):where(.crd__m-25, .crd__m-1-4, .m25, .m-1-4) {
    --cm-maw: var(--p25, 25%);
}

:where(.crd, [data-pattern="card"]):where(.crd__m-33, .crd__m-1-3, .crd__m-30, .m33, .m-1-3, .m30) {
    --cm-maw: var(--p33, 33.333%);
}

:where(.crd, [data-pattern="card"]):where(.crd__m-50, .crd__m-1-2, .m50, .m-1-2) {
    --cm-maw: var(--p50, 50%);
}

:where(.crd, [data-pattern="card"]):where(.crd__m-66, .crd__m-2-3, .crd__m-67, .m66, .m-2-3, .m67) {
    --cm-maw: var(--p66, 66.667%);
}

:where(.crd, [data-pattern="card"]):where(.crd__m-75, .crd__m-3-4, .m75, .m-3-4) {
    --cm-maw: var(--p75, 75%);
}

:where(.crd, [data-pattern="card"]):where(.crd__m-100, .crd__m-full, .m100, .m-f) {
    --cm-maw: var(--p100, 100%);
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(:not(.box, [data-variant~="boxed"], .pln, [data-variant~="plain"])) {
    --crd-iso: isolate;
	--crd-jc: end;
	--crd-ar: var(--ar, var(--ar--, 4/3));
	--crd-trf--hv: none;
    --cm-pos: absolute;
    --cm-ar: auto;
    --cm-sz: 100%;
    --cm-z: -5;
	--cc-z: 1;

	--crd-c: var(--tx-c, currentColor);
	--set-h: var(--tl-c, currentColor);
	--set-c: var(--tx-c, currentColor);
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(:not(.box, [data-variant~="boxed"], .pln, [data-variant~="plain"])) :where(.crd__m, [data-part="media"], > figure)::after {
    content: "";

    --_pos: var(--cma-pos, absolute);
    position: var(--_pos);

    --_ins: var(--cma-ins, 0);
    inset: var(--_ins);

    --_bg: var(--cma-bg, var(--bg, #eee));
    background-color: var(--_bg);

    --_bgi: var(--cma-bgi);
    background-image: var(--_bgi);

    --_op: var(--cma-op, var(--cvra-op, .64));
    opacity: var(--_op);
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.lng, [data-layer~="linear"], .grd, [data-layer~="gradient"]) :where(.crd__m, [data-part="media"], > figure)::after {
    --cma-lng-grd:
        var(--cma-lng-c1, var(--lng-c1, var(--o-bg-bd, hsl(0 0 98% / 0.8)))) var(--cma-lng-p1, var(--lng-p1, 36%)),
        var(--cma-lng-c2, var(--lng-c2, var(--o-bg-lt, hsl(0 0 96% / 0.32)))) var(--cma-lng-p2, var(--lng-p2, 92%));
    --cma-lng: var(--cma-lng-deg, var(--lng-deg, 9deg)), var(--cma-lng-grd);
    --cma-bgi: linear-gradient(var(--cma-lng));

	--_bg: transparent;
    --_op: var(--cma-op, var(--cvra-op, 1));
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.l, [data-skin="light"]) {
    --cma-bg: var(--l, #fff);
    --cma-lng-c1: var(--o-l-bd, hsl(0 0 96% / .8));
    --cma-lng-c2: var(--o-l-lt, hsl(0 0 96% / .32));

    --crd-bg: var(--l, hsl(0 0 96%));
    --tx-c: var(--d, hsl(0 0 8%));
    --tl-c: var(--d-bd, hsl(0 0 4%));
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.d, [data-skin="dark"]) {
    --cma-bg: var(--d, #000);
    --cma-lng-c1: var(--o-d-bd, hsl(0 0 8% / .8));
    --cma-lng-c2: var(--o-d-lt, hsl(0 0 8% / .32));

    --crd-bg: var(--d, hsl(0 0 8%));
    --tx-c: var(--l, hsl(0 0 96%));
    --tl-c: var(--l-lt, hsl(0 0 93%));
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.bg, .base, [data-skin="bg"], [data-skin="base"]) {
    --cma-bg: var(--bg, var(--base, #fff));
    --cma-lng-c1: var(--o-bg-bd, hsl(0 0 96% / .8));
    --cma-lng-c2: var(--o-bg-lt, hsl(0 0 96% / .32));

    --crd-bg: var(--bg, hsl(0 0 96%));
    --tx-c: var(--alt, hsl(0 0 8%));
    --tl-c: var(--alt-bd, hsl(0 0 4%));
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.alt, .cts, [data-skin="alt"], [data-skin="contrast"]) {
    --cma-bg: var(--alt, var(--contrast, #000));
    --cma-lng-c1: var(--o-alt-bd, hsl(0 0 8% / .8));
    --cma-lng-c2: var(--o-alt-lt, hsl(0 0 8% / .32));

    --crd-bg: var(--alt, hsl(0 0 8%));
    --tx-c: var(--bg, hsl(0 0 96%));
    --tl-c: var(--bg-lt, hsl(0 0 93%));
}

:where(.crd, [data-pattern="card"]):where(.cvr, [data-layer~="cover"]):where(.p, [data-skin="primary"]) {
    --cma-bg: var(--o-p-lt, hsl(43 83% 62% / .32));
    --cma-lng-c1: var(--o-p, hsl(43 83% 62% / .64));
    --cma-lng-c2: var(--o-p-lt, hsl(43 83% 62% / .32));
}

@media (pointer: coarse) and (hover: none) {

    :where(.crd, [data-pattern="card"]):where(.arw, [data-coarse~="arrow"]) :where(h2, h3, h4):where(:has(a))::after {
        content: var(--arw-ct, "→");
        padding-inline-start: var(--arw-pis, .5ch);
    }

    :where(.crd, [data-pattern="card"]):where(.mr, .mre, .mrb, [data-coarse~="more"]):where(:has(a)) :where(.crd__c, [data-part="content"])::after {
        content: var(--mr-ct, "Read More →");
        font-size: var(--mr-fz, var(--fz-xs, 0.875em));
        color: var(--_c, var(--mr-c, var(--alt-bd)));
        font-weight: var(--mr-fw, var(--fw-sb, 600));
        align-self: var(--mr-as);
    }

    :where(.crd, [data-pattern="card"]):where(.mre, [data-coarse~="end"]) {
        --mr-as: end;
    }

    :where(.crd, [data-pattern="card"]):where(.mrb, [data-coarse~="button"]):where(:has(a)) :where(.crd__c, [data-part="content"])::after {
        --_d: var(--bn-d, inline-flex);
        display: var(--_d);
        --_bg: var(--mr-bg, var(--sec, var(--alt-lt, hsl(0 0 8%))));
        background-color: var(--_bg);
        --_c: var(--mr-c, var(--ter, var(--bg-lt, hsl(0 0 93%))));
        color: var(--_c);

        --bn-pb: var(---et, 0.5em);
        --bn-pi: var(---es, 1em);
        --_pb: var(--bn-pb);
        padding-block: var(--_pb);
        --_pi: var(--bn-pi);
        padding-inline: var(--_pi);

        --_is: var(--bn-is, var(--bn-w, fit-content));
        inline-size: var(--_is);

        --_bdw: var(--bn-bdw, var(--bdw--, .125rem));
        --_bds: var(--bn-bds, solid);

        --_bdc: var(--_bg);
        --_bd: initial;
        border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

        --_rad: var(--bn-rad, var(--bn-rad--, var(--rad-xe, 4em)));
        border-radius: var(--_rad);

    }
}

:where(.crd, [data-pattern="card"]):where(.lg, .large) :where(h2, h3, h4, .crd__h, [data-part="header"], .crd__t, [data-part="title"]) {
    --_fz: var(--crd-tl-fz, var(--fz, var(--crd-tl-fz-l--, var(--fz-3xl, clamp(1.75rem, calc(1.75rem + 0.75 * (100vw - 33rem) / 55), 2.5rem)))));
    font-size: var(--_fz);
    --_fw: var(--fw-xb, 800);
}

:where(.crd, [data-pattern="card"]):where(.sm, .small) :where(h2, h3, h4, .crd__h, [data-part="header"], .crd__t, [data-part="title"]) {
    --_fz: var(--crd-tl-fz, var(--fz, var(--crd-mtl-fz--, var(--fz-xl, clamp(1.375rem, calc(1.375rem + 0.375 * (100vw - 33rem) / 55), 1.75rem)))));
    font-size: var(--_fz);
    --_fw: var(--fw-b, 700);
}

:where(.icns, .fills, .strs, [data-group~="icons"], [data-group~="fill"], [data-group~="stroke"]) :where(svg, .icn, [data-pattern="icon"]),
:where(.icn, [data-pattern~="icon"]):where(svg, figure, img, picture, a, button, :has(>svg)),
:where(.icn, [data-pattern~="icon"])> :where(svg) {
	--_d: var(--icn-d, block);
    display: var(--_d);

	--_c: var(--icn-c, currentColor);
	color: var(--_c);

	--_is: var(--icn-is, var(--icn-w, var(--icn-sz, calc(var(--_fz) * 1.125))));
    inline-size: var(--_is);

    --_bs: var(--icn-bs, var(--icn-w, var(--icn-sz, calc(var(--_fz) * 1.125))));
    block-size: var(--_bs);

    --_fxs: var(--icn-fxs, 0);
    flex-shrink: var(--_fxs);

	--ar: 1;
	--_ar: var(--icn-ar, var(--ar));
    aspect-ratio: var(--_ar);
}

:where(.strs, [data-group~="stroke"]) :where(svg, .icn, [data-pattern="icon"]) {
	--_str: var(--icn-str, var(--str, var(--_c, currentColor)));
	stroke: var(--_str);
}

:where(.fills, [data-group~="fill"]) :where(svg, .icn, [data-pattern="icon"]) {
	--_fill: var(--icn-fill, var(--fill, var(--_c, currentColor)));
	fill: var(--_fill);
}

:where(.bn, [data-pattern="button"]) {

--_pos: var(--bn-pos, relative);
    position: var(--_pos);
    --_ins: var(--bn-ins, auto);
    inset: var(--_ins);

--_d: var(--bn-d, inline-flex);
    display: var(--_d);
    --_fxd: var(--bn-fxd, row);
    flex-direction: var(--_fxd);
    --_ai: var(--bn-ai, center);
    align-items: var(--_ai);
    --_jc: var(--bn-jc, center);
    justify-content: var(--_jc);

    --_fxw: var(--bn-fxw, nowrap);
    flex-wrap: var(--_fxw);
    --_fxs: var(--bn-fxs, 0);
    flex-shrink: var(--_fxs);

    --_o: var(--bn-o);
    order: var(--_o);

--_bn-g--: var(--bn-g--, var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem)));
    --bn-rg: var(--_bn-g--);
    --bn-cg: var(--_bn-g--);

    --_rg: initial;
    --_cg: initial;

--_g: var(--bn-g, var(--_rg, var(--bn-rg)) var(--_cg, var(--bn-cg)));
    gap: var(--_g);

--bn-cur: pointer;
    --_cur: var(--bn-cur);
    cursor: var(--_cur);

    --bn-ta: center;
    --_ta: var(--bn-ta);
    text-align: var(--_ta);

    --bn-td: none;
    --_td: var(--bn-td);
    text-decoration: var(--_td);

--_ff: var(--bn-ff, var(--ff--, inherit));
    font-family: var(--_ff);
    --_fz: var(--bn-fz, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100vw - 33rem) / 55), 1.25rem)));
    font-size: var(--_fz);
    --_fw: var(--bn-fw, var(--fw-m, 500));
    font-weight: var(--_fw);

    --_lh: var(--bn-lh, var(--lh-xs, 1.125));
    line-height: var(--_lh);
    --_tt: var(--bn-tt, none);
    text-transform: var(--_tt);
    --_whs: var(--bn-whs, nowrap);
    white-space: var(--_whs);

--_pb: var(--bn-pb, var(--bn-pd, var(--bn-pb--, var(---e3xs, .625em))));
    padding-block: var(--_pb);
    --_pi: var(--bn-pi, var(--bn-pd, var(--bn-pi--, var(---em, 1.325em))));
    padding-inline: var(--_pi);

    --_mb: var(--bn-mbs, var(--bn-mb, var(--bn-mg, 0))) var(--bn-mbe, var(--bn-mb, var(--bn-mg, 0)));
    margin-block: var(--_mb);
    --_mi: var(--bn-mis, var(--bn-mi, var(--bn-mg, 0))) var(--bn-mie, var(--bn-mi, var(--bn-mg, 0)));
    margin-inline: var(--_mi);

--_c: var(--bn-c, var(--on-p, var(--d, #131313)));
    color: var(--_c);

    --_bg: var(--bn-bg, var(--p, #eec14c));
    background-color: var(--_bg);

    --_op: var(--bn-op, 1);
    opacity: var(--_op);

--_bdw: var(--bn-bdw, var(--bdw--, .125rem));
    --_bds: var(--bn-bds, solid);

    --_bdc: var(--bn-bdc, var(--bn-bg, var(--out-p, var(--p, #eec14c))));
    --_bd: initial;
    border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

    --_rad: var(--bn-rad, var(--bn-rad--, var(--rad-xe, 4em)));
    border-radius: var(--_rad);

    --_bxsh: var(--bn-bxsh, var(--bn-bxsh--ds, var(--bn-bxsh--, var(--bxsh--, 0 .25em 2em .75em)))) var(--bn-bxsh-c, var(--bn-bxsh-c--ds, var(--bxsh-c, var(--o-p-xlt, hsl(0 0% 8% / .16)))));
    box-shadow: var(--_bxsh);

--_trs: var(--bn-trs, var(--bn-trsdu, var(--trsdu, 0.32s)) var(--bn-trstf, var(--trstf, ease-in-out)));
    transition: var(--_trs);

    --_trsp: var(--bn-trsp, background-color, color, opacity, transform, border, border-color, box-shadow, fill, stroke);
    transition-property: var(--_trsp);
    --_trf: var(--bn-trf);
    transform: var(--_trf);

--_is: var(--bn-is, var(--bn-w, fit-content));
    inline-size: var(--_is);
    --_miis: var(--bn-miis, var(--bn-miw, auto));
    min-inline-size: var(--_miis);

    --bn-mih: var(--bn-mih--, calc(var(--bn-fz, 1.125rem) * var(--bn-lh, 1.125) + var(--_pb, .625em) * 2 + var(--_bdw, .125rem) * 2));
    --_mibs: var(--bn-mibs, var(--bn-mih, fit-content));
    min-block-size: var(--_mibs);

    --_pe: var(--bn-pe, auto);
    pointer-events: var(--_pe);

}

:where(.bn, [data-pattern="button"]):where(a, button, [role="button"], input:is([type="button"], [type="submit"], [type="reset"])) {
	appearance: none;
	-webkit-appearance: none;
}

:where(.bn, [data-pattern="button"]) :where(span, div, p) {

font-family: var(--_ff, var(--bn-ff, inherit));
    font-size: var(--_fz, var(--bn-fz, inherit));

    line-height: var(--_lh, var(--bn-lh, inherit));
    text-transform: var(--_tt, var(--bn-tt, inherit));
    white-space: var(--_whs, var(--bn-whs, inherit));

    --_fw: var(--bn-fw, var(--fw-m, 500));
    font-weight: var(--_fw);

    --bn-ta: left;
    --_ta: var(--bn-ta);
    text-align: var(--_ta);

transition: var(--_trs);
    transition-property: var(--_trsp);

    --_c: inherit;
    color: var(--_c);

}

:where(.bn, [data-pattern="button"]):where(.full) {
    --bn-w: 100%;
}

@container (width < 30rem) {

    :where(.bn, [data-pattern="button"]) {
        --_pb: var(--bn-pb--sm, var(--bn-pb, var(--bn-pd--sm, var(--bn-pd, var(--bn-pb--, .625em)))));
        --_pi: var(--bn-pi--sm, var(--bn-pi, var(--bn-pd--sm, var(--bn-pd, var(--bn-pi--, 1.325em)))));

        --_is: var(--bn-is--sm, var(--bn-is, var(--bn-w--sm, var(--bn-w, fit-content))));
        --_miis: var(--bn-miis--sm, var(--bn-miis, var(--bn-miw--sm, var(--bn-miw, auto))));

        --_mibs: var(--bn-mibs--sm, var(--bn-mibs, var(--bn-mih--sm, var(--bn-mih, fit-content))));
    }

}

:where(.bn, [data-pattern="button"]):where(.full--sm, .full--smd) {
    --bn-w--sm: 100%;
}

@container (30rem <=width <=60rem) {

    :where(.bn, [data-pattern="button"]) {
        --_pb: var(--bn-pb--md, var(--bn-pb, var(--bn-pd--md, var(--bn-pd, var(--bn-pb--, .625em)))));
        --_pi: var(--bn-pi--md, var(--bn-pi, var(--bn-pd--md, var(--bn-pd, var(--bn-pi--, 1.325em)))));

        --_is: var(--bn-is--md, var(--bn-is, var(--bn-w--md, var(--bn-w, fit-content))));
        --_miis: var(--bn-miis--md, var(--bn-miis, var(--bn-miw--md, var(--bn-miw, auto))));

        --_mibs: var(--bn-mibs--md, var(--bn-mibs, var(--bn-mih--md, var(--bn-mih, fit-content))));
    }

}

:where(.bn, [data-pattern="button"]):where(.full--md, .full--smd, .full--mdl) {
    --bn-w--md: 100%;
}

@container (width > 60rem) {

    :where(.bn, [data-pattern="button"]) {
        --_pb: var(--bn-pb--lg, var(--bn-pb, var(--bn-pd--lg, var(--bn-pd, var(--bn-pb--, .625em)))));
        --_pi: var(--bn-pi--lg, var(--bn-pi, var(--bn-pd--lg, var(--bn-pd, var(--bn-pi--, 1.325em)))));

        --_is: var(--bn-is--lg, var(--bn-is, var(--bn-w--lg, var(--bn-w, fit-content))));
        --_miis: var(--bn-miis--lg, var(--bn-miis, var(--bn-miw--lg, var(--bn-miw, auto))));

        --_mibs: var(--bn-mibs--lg, var(--bn-mibs, var(--bn-mih--lg, var(--bn-mih, fit-content))));
    }

}

:where(.bn, [data-pattern="button"]):where(.full--lg, .full--mdl) {
    --bn-w--lg: 100%;
}

:where(.bn, [data-pattern="button"]):where(:hover) {

    --_c: var(--bn-c--hv, var(--on-a, var(--d-bd, #000)));
    --_bg: var(--bn-bg--hv, var(--a, #ffb900));

    --_bdc: var(--bn-bdc--hv, var(--bn-bg--hv, var(--out-a, var(--a, #ffb900))));

    --_op: var(--bn-op--hv, var(--bn-op, 1));

    --_bxsh: var(--bn-bxsh--hv, var(--bn-bxsh--av, var(--bn-bxsh, var(--bn-bxsh--av--, var(--bxsh--av--, 0 .375em 2em .875em))))) var(--bn-bxsh-c--hv, var(--bn-bxsh-c--av, var(--bn-bxsh-c, var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32))))));

    --_trs: var(--bn-trs--hv, var(--bn-trsdu--hv, var(--trsdu--hv, 0.16s)) var(--bn-trstf--hv, var(--bn-trstf, var(--trstf, ease-in-out))));
}

:where(.bn, [data-pattern="button"]):where(a, button, [role="button"], input:is([type="button"], [type="submit"], [type="reset"])):where(:hover) {
    --_trf: var(--bn-trf--hv, translatey(var(--trf-ty--hv, -0.125em)));
	     will-change: transform;
}

:where(.bn, [data-pattern="button"]):where(:focus-visible) {

    --_olw: var(--bn-olw, .25rem);
    --_ols: var(--bn-ols, solid);
    --_olc: var(--bn-olc, var(--bn-bg, var(--out-p, var(--p, #eec14c))));
    outline: var(--_ol, var(--_olw) var(--_ols) var(--_olc));

    --_olo: var(--bn-olo, var(--olo--, .25rem));
    outline-offset: var(--_olo);

    --_bxsh: var(--bn-bxsh--fv, var(--bn-bxsh--av, var(--bn-bxsh, var(--bn-bxsh--av--, var(--bxsh--av--, 0 .375em 2em .875em))))) var(--bn-bxsh-c--fv, var(--bn-bxsh-c--av, var(--bn-bxsh-c, var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32))))));

    --_trf: var(--bn-trf--fv, var(--bn-trf--hv, translatey(var(--trf-ty--hv, -0.125em))));
}

:where(.bn, [data-pattern="button"]):where(:active) {
    --_trs: var(--bn-trs--av, var(--bn-trsdu--av, var(--trsdu--av, 0.16s)) var(--bn-trstf--av, var(--bn-trstf, var(--trstf--av, var(--trstf, ease-in-out)))));
    --_trf: var(--bn-trf--av, translatey(var(--trf-ty--av, 0.0625em)));
}

:where(.bn, [data-pattern="button"]):where(.is-active, .active),
:where(.bn, [data-pattern="button"]):where(.is-active, .active):where(:hover) {
    --_op: var(--bn-op--at, 1);
    --_trf: var(--bn-trf--at, none);

    --bn-cur: var(--bn-cur--at, default);
    --_cur: var(--bn-cur);
}

:where(.bn, [data-pattern="button"]):where(.is-loading, .loading) {
    --_op: var(--bn-op--lo, .64);
    --_cur: var(--bn-cur--lo, wait);
}

:where(.bn, [data-pattern="button"]):where(:disabled, .is-disabled, .disabled, .is-muted, .muted, [disabled], [muted], .is-inactive, .inactive, [class*="disabled"], [aria-disabled="true"]),
:where(.bn, [data-pattern="button"]):where(:disabled, .is-disabled, .disabled, .is-muted, .muted, [disabled], [muted], .is-inactive, .inactive, [class*="disabled"], [aria-disabled="true"]):where(:hover) {
    --_c: var(--bn-c--ds, var(--bn-c, currentColor));
    --_bg: var(--bn-bg--ds, var(--bn-bg));
    --_bdc: var(--bn-bdc--ds, var(--bn-bdc, var(--bn-bg--ds, var(--bn-bg))));

    --_op: var(--bn-op--ds, .48);
    --_pe: var(--bn-pe--ds, none);
    --_cur: var(--bn-cur--ds, not-allowed);

    --_trf: var(--bn-trf--ds, none);
    --_bxsh: var(--bn-bxsh--ds, none);
}

@layer reset {
    :where(.bn, [data-pattern="button"]) {
        --bxsh: initial;
        --bxsh--hv: initial;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(.bn, [data-pattern="button"]) {
		  --_trs: none;
		  transition: none;
		  --_trf: none;
        transform: none;
    }
}

summary:where(.bn, [data-pattern="button"]) {
    list-style: none;
}
summary:where(.bn, [data-pattern="button"])::-webkit-details-marker {
    display: none;
}

:where(.bn, [data-pattern~="button"]):where(.icn, [data-pattern~="icon"]) {
    --_pi: var(--_pb, 0.625em);

    --bn-g: var(---ext, .375em);

    --icn-o: -1;
    --bn-fxd: column;

    --_ar: var(--bn-icn-ar, 1);
    aspect-ratio: var(--_ar);
}

:where(.bn, [data-pattern~="button"]):where(.icn, [data-pattern~="icon"]):where(:has(> span ~ svg, > svg ~ span)) {
    --bn-icn-sz: var(---em, 1.25em);
    --bn-mih: calc(var(--_fz, 1.125rem) * var(--bn-lh, 1.125) + var(--bn-icn-sz, 1.25em) + var(--bn-g, 0.375em) + var(--_pb, 0.625em) * 2 + var(--_bdw, .125rem) * 2);

}

:where(.bn, [data-pattern~="button"]):where(.icn, [data-pattern~="icon"]):where([class*="min"], [data-size*="min"]) {

    --bn-mih: var(---i, 1.175rem);
    --bn-icn-sz: var(---em, 1.25em);

    --bn-c: var(--tl, currentColor);
    --bn-bg: transparent;
    --bn-bdc: var(--bn-bg);
}

:where(.bn, [data-pattern="button"]) :where(.icn, [data-pattern~="icon"], svg),
:where(.icn, [data-pattern~="icon"])> :where(svg) {
    --_d: var(--bn-icn-d, block);
    display: var(--_d);

    color: var(--_c);

    --_is: var(--bn-icn-is, var(--bn-icn-w, var(--bn-icn-sz, var(--icn-sz, var(--bn-icn-sz--, 1.125em)))));
    inline-size: var(--_is);

    --_bs: var(--bn-icn-bs, var(--bn-icn-h, var(--bn-icn-sz, var(--icn-sz, var(--bn-icn-sz--, 1.125em)))));
    block-size: var(--_bs);

    --_ar: var(--bn-icn-ar, var(--bn-ar));
    aspect-ratio: var(--_ar);

    --_fxs: var(--bn-icn-fxs, 0);
    flex-shrink: var(--_fxs);

    --_o: var(--bn-icn-o, var(--icn-o));
    order: var(--_o);

    --trf: initial;
    --_trf: var(--trf);
    transform: var(--_trf);

    transition: var(--_trs);

    transition-property: var(--_trsp);

    --_pe: var(--bn-icn-pe, none);
    pointer-events: var(--_pe);

    --_str: var(--bn-icn-str, var(--str, transparent));
    stroke: var(--_str);

    --_fill: var(--bn-icn-fill, var(--fill, var(--_c, currentColor)));
    fill: var(--_fill);

    --_mb: var(--bn-icn-mb, var(--bn-icn-mbs) var(--bn-icn-mbe));
    margin-block: var(--_mb);
}

:where(.bn, [data-pattern="button"]) :where(.str, .stroke),
:where(.str, .stroke)> :where(svg) {
    --_str: var(--bn-icn-str, var(--icn-str, var(--_c, currentColor)));
}

:where(.bn, [data-pattern="button"]):where(:hover) :where(.str, .stroke),
:where(.str, .stroke):where(:hover)> :where(svg) {
    --_str: var(--bn-icn-str--hv, var(--bn-icn-str, var(--icn-str--hv, var(--icn-str, var(--_c, currentColor)))));
}

:where(.bn, [data-pattern="button"]) :where(.fill),
:where(.fill)> :where(svg) {
    --_fill: var(--bn-icn-fill, var(--icn-fill, var(--_c, currentColor)));
}

:where(.bn, [data-pattern="button"]):where(:hover) :where(.fill),
:where(.fill):where(:hover)> :where(svg) {
    --_fill: var(--bn-icn-fill--hv, var(--bn-icn-fill, var(--icn-fill--hv, var(--icn-fill, var(--_c, currentColor)))));
}

:where(.bn, [data-pattern="button"]) :where(.str, .stroke):where(.tr, .transparent),
:where(.str, .stroke):where(.tr, .transparent)> :where(svg),
:where(.bn, [data-pattern="button"]) :where(.fill):where(.on, .only),
:where(.fill):where(.on, .only)> :where(svg) {
    --_str: var(--bn-icn-str, transparent);
}

:where(.bn, [data-pattern="button"]) :where(.str, .stroke):where(.on, .only),
:where(.str, .stroke):where(.on, .only)> :where(svg),
:where(.bn, [data-pattern="button"]) :where(.fill):where(.tr, .transparent),
:where(.fill):where(.tr, .transparent)> :where(svg) {
    --_fill: var(--bn-icn-fill, transparent);
}

:where(.bn, [data-pattern="button"]) :where(.i1, .is, .il, .o-1, .o-f, .o-s),
:where(.i1, .is, .il, .o-1, .o-f, .o-s)> :where(.icn, [data-pattern~="icon"], svg) {
    --icn-o: -69;
}

:where(.bn, [data-pattern="button"]) :where(.i2, .ie, .ir, .o-2, .o-l, .o-e),
:where(.i2, .ie, .ir, .o-2, .o-l, .o-e)> :where(.icn, [data-pattern~="icon"], svg) {
    --icn-o: 69;
}

:where(.icn, [data-pattern~="icon"]):where(.ms) {
    --bn-icn-mbs: .125em;
}

:where(.icn, [data-pattern~="icon"]):where(.msx) {
    --bn-icn-mbs: .25em;
}

:where(.icn, [data-pattern~="icon"]):where(.me) {
    --bn-icn-mbe: .125em;
}

:where(.icn, [data-pattern~="icon"]):where(.mex) {
    --bn-icn-mbe: .25em;
}

:where(.bn, [data-pattern="button"]):where(.nosh, .nobxsh, .nbs, .noshdw) {
    --bn-bxsh: none;
    --bn-bxsh--av: none;
}

:where(.bn, [data-pattern="button"]):where(.sh, .bxsh, .bs, .shdw) {
    --bn-bxsh: var(--bxsh--, 0 0.25em 2em -0.5em) var(--bxsh-c, var(--o-p-xlt, hsl(0 0% 8% / .16)));
}

:where(.bn, [data-pattern="button"]):where(.sh--hv, .bxsh--hv, .bs--hv, .shdw--hv):where(:hover) {
    --bn-bxsh--av: var(--bxsh--av--) var(--bxsh-c--av, var(--o-a-lt, hsl(0 0% 8% / .32)));
    --bn-bxsh: var(--bn-bxsh--av);
}

:where(.bn, [data-pattern="button"]):where(.not, .notrf, .simple):where(:hover, :focus-visible, :focus, :active) {
    --bn-trf--hv: none;
    --bn-trf--fv: none;
    --bn-trf--av: none;
}

:where(.bn, [data-pattern="button"]):where(.scl, .scale):where(:hover, :focus-visible, :focus, :active) {
    --bn-trf--hv: scale(1.05);
    --bn-trf--fv: scale(1.05);
    --bn-trf--av: scale(1.05);
}

:where(.bn, [data-pattern="button"]):where(.p, [data-skin~="primary"]) {
    --bn-c: var(--on-p, var(--d, currentColor));
    --bn-bg: var(--p, #eec14c);
}

:where(.bn, [data-pattern="button"]):where(.sbt, [data-skin~="subtle"]) {
    --bn-c: var(--on-srf, var(--tl, hsl(0 0% 4%)));
    --bn-bg: var(--sbt, var(--o-p-lt, hsl(43 83% 62% / .32)));

    --bn-c--hv: var(--bn-c, currentColor);
    --bn-bg--hv: var(--o-a, hsl(44 100% 50% / .64));
}

:where(.bn, [data-pattern="button"]):where(.pln, [data-skin~="plain"], .trs, [data-skin~="transparent"]):where(:not(:hover)) {
    --bn-bg: var(--tl, currentColor);
    --_c: var(--bn-bg, currentColor);
    --_bg: var(--pln, transparent);
    --_bdc: var(--_bg, transparent);

    --bn-bxsh--ds: none;
}

:where(.bn, [data-pattern="button"]):where(.d, [data-skin~="dark"]) {
    --bn-c: var(--on-d, var(--l, #f5f5f5));
    --bn-bg: var(--d, #141414);

    --bn-c--hv: var(--l-bd, #fff);
    --bn-bg--hv: var(--d-xbd, var(--d-bd, #000));
}

:where(.bn, [data-pattern="button"]):where(.d, [data-skin~="dark"]):where(.lt, [data-skin~="lite"]) {
    --bn-bg: var(--d-lt, hsl(0 0% 12%));
}

:where(.bn, [data-pattern="button"]):where(.l, [data-skin~="light"]) {
    --bn-c: var(--on-l, var(--d, #141414));
    --bn-bg: var(--l, #f5f5f5);

    --bn-c--hv: var(--d-bd, #000);
    --bn-bg--hv: var(--l-xbd, var(--l-bd, #fff));
}

:where(.bn, [data-pattern="button"]):where(.l, [data-skin~="light"]):where(.lt, [data-skin~="lite"]) {
    --bn-bg: var(--l-lt, hsl(0 0% 93%));
}

:where(.bn, [data-pattern="button"]):where(.alt, .cts, [data-skin~="alternative"], [data-skin~="contrast"]) {
    --bn-c: var(--on-alt, var(--bg, var(--base, #f5f5f5)));
    --bn-bg: var(--alt, var(--contrast, #141414));

    --bn-c--hv: var(--bg-bd, var(--base-bd, #fff));
    --bn-bg--hv: var(--alt-bd, var(--contrast-bd, #000));
}

:where(.bn, [data-pattern="button"]):where(.alt, .cts, [data-skin~="alternative"], [data-skin~="contrast"]):where(.sbt, [data-skin~="subtle"]) {
    --bn-bg: var(--alt-lt, var(--contrast-lt, hsl(0 0% 12%)));
}

:where(.bn, [data-pattern="button"]):where(.base, .bg, [data-skin~="background"], [data-skin~="base"], .srf, [data-skin="surface"], .elv, [data-skin="elevated"]) {
    --bn-c: var(--on-bg, var(--alt, var(--contrast, #141414)));
    --bn-bg: var(--bg, var(--base, #f5f5f5));

    --bn-c--hv: var(--alt-bd, var(--contrast-bd, #000));
    --bn-bg--hv: var(--bg-bd, var(--base-bd, #fff));
}

:where(.bn, [data-pattern="button"]):where(.srf, [data-skin="surface"]) {
    --bn-bg: var(--srf, var(--bg-lt, hsl(0 0% 93%)));
}

:where(.bn, [data-pattern="button"]):where(.elv, [data-skin="elevated"]) {
    --bn-bg: var(--crd, var(--bg-bd, hsl(0 0% 98%)));
    --bn-op--hv: .8;
}

:where(.bn, [data-pattern="button"]):where(.base, .bg, [data-skin~="background"], [data-skin~="base"]):where(.sbt, [data-skin~="subtle"]) {
    --bn-bg: var(--bg-lt, var(--base-lt, hsl(0 0% 93%)));
}

:where(.bn, [data-pattern="button"]):where(.sec, [data-skin~="secondary"]) {
    --bn-c: var(--on-sec, var(--ter, var(--bg-lt, var(--base-lt, hsl(40 33% 93%)))));
    --bn-bg: var(--sec, var(--alt-lt, var(--contrast-lt, hsl(200 19% 18%))));
}

:where(.bn, [data-pattern="button"]):where(.ter, [data-skin~="tertiary"]) {
    --bn-c: var(--on-ter, var(--sec, var(--alt-lt, var(--contrast-lt, hsl(200 19% 18%)))));
    --bn-bg: var(--ter, var(--bg-lt, var(--base-lt, hsl(40 33% 93%))));
}

:where(.bn, [data-pattern="button"]):where(.out, [data-skin~="outlined"]):where(:not(:hover)) {
    --_c: var(--bn-bg, currentColor);
    --_bg: var(--pln, transparent);
    --_bdc: var(--bn-bg, currentColor);

    --bn-bxsh--ds: var(--bxsh--sm);
}

:where(.bn, [data-pattern="button"]):where(.sec, [data-skin~="secondary"], .ter, [data-skin~="tertiary"]):where(.out, [data-skin~="outlined"], .pln, [data-skin~="plain"], .trs, [data-skin~="transparent"]):where(:hover) {
    --bn-c--hv: var(--bn-c, hsl(40 33% 93%));
    --bn-bg--hv: var(--bn-bg, hsl(200 19% 18%));
}

:where(.bn, [data-pattern="button"]):where(.p, [data-skin~="primary"], .a, [data-skin~="accent"]):where(:hover) {
    --bn-c--hv: var(--on-a, var(--d-bd, currentColor));
    --bn-bg--hv: var(--a, #ffb900);
}

:where(.bn, [data-pattern="button"]):where(.out, [data-skin~="outlined"]):where(.smp, [data-skin~="simple"]):where(:not(:hover, :disabled, .is-disabled, .disabled, .is-muted, .muted, [disabled], [muted], .is-inactive, .inactive, [class*="disabled"])) {
    --bn-op--ds: .8;
}

:where(.bn, [data-pattern="button"]):where(.out, [data-skin~="outlined"]):where(.smp, [data-skin~="simple"]):where(:not(:hover, :disabled, .is-disabled, .disabled, .is-muted, .muted, [disabled], [muted], .is-inactive, .inactive, [class*="disabled"])):where(.sl, [data-skin~="solid"], .vv, [data-skin~="vivid"]),
:where(.bn, [data-pattern="button"]):where(.op, [data-skin~="opacity"]) {
    --bn-op--ds: 1;
    --bn-op--hv: .8;
}

:where(.bn, [data-pattern="button"]):where(.out, [data-skin~="outlined"]):where(.smp, [data-skin~="simple"]):where(:hover) {
    --_c: var(--bn-bg--hv, currentColor);
    --_bg: var(--pln, transparent);
    --_bdc: var(--bn-bg--hv, currentColor);

    --bn-bxsh--av: none;
}

:where(.bn, [data-pattern="button"]):where(.xl, [data-size="xl"], .xlg, .bn--xl) {
    --bn-fz: var(--fz-xl, clamp(1.375rem, calc(1.375rem + 0.375 * (100vw - 33rem) / 55), 1.75rem));

}

:where(.bn, [data-pattern="button"]):where(.lg, [data-size="lg"], .bn--l) {
    --bn-fz: var(--fz-l, clamp(1.25rem, calc(1.25rem + 0.25 * (100vw - 33rem) / 55), 1.5rem));
}

:where(.bn, [data-pattern="button"]):where(.md, [data-size="md"], .bn--m, [data-size="m"]) {
    --bn-fz: var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100vw - 33rem) / 55), 1.25rem));
}

:where(.bn, [data-pattern="button"]):where(.sm, [data-size="sm"], .bn--s, [data-size="s"], .xs, .xsm, [data-size="xs"], .bn--xs, .xxs, .xxsm, [data-size="xxs"], .tiny, [data-size="tiny"], .bn--xxs) {
    --bn-lh: var(--lh-m, 1.375);
    --bn-pb: var(---et, 0.5em);
    --bn-pi: var(---es, 1em);
}

:where(.bn, [data-pattern="button"]):where(.sm, [data-size="sm"], .bn--s, [data-size="s"]) {
    --bn-fz: var(--fz-s, clamp(1rem, calc(1rem + 0.125 * (100vw - 33rem) / 55), 1.125rem));
}

:where(.bn, [data-pattern="button"]):where(.xs, [data-size="xs"], .xsm, .bn--xs) {
    --bn-fz: var(--fz-xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100vw - 33rem) / 55), 1rem));
}

:where(.bn, [data-pattern="button"]):where(.xxs, [data-size="xxs"], .xxsm, .tiny, [data-size="tiny"], .bn--xxs) {
    --bn-fz: var(--fz-2xs, clamp(0.8125rem, calc(0.8125rem + 0.0625 * (100vw - 33rem) / 55), 0.875rem));
}

:where(.bn, [data-pattern="button"]):where([class*="min"], [data-size*="min"]) {
    --bn-pb: var(---ext, 0.375em);
    --bn-pi: var(---exs, .875em);
}

:where(.bn, [data-pattern="button"]):where(.sq, .square, [data-radius~="sq"], [data-radius~="square"]) {
    --bn-rad: var(--bn-rad-sq, 0);
}

:where(.bn, [data-pattern="button"]):where(.sft, .soft, [data-radius~="sft"], [data-radius~="soft"], [data-radius="lite"]) {
    --bn-rad: var(--bn-rad-lt, 0.375em);
}

:where(.bn, [data-pattern="button"]):where(.smt, .smooth, [data-radius~="smooth"], [data-radius="medium"]) {
    --bn-rad: var(--bn-rad-md, .5em);
}

:where(.bn, [data-pattern="button"]):where(.crv, .curved, [data-radius~="crv"], [data-radius~="curved"], [data-radius="bold"]) {
    --bn-rad: var(--bn-rad-bd, 0.625em);
}

:where(.bn, [data-pattern="button"]):where(.rd, .rounded, [data-radius~="rd"], [data-radius~="rounded"]) {
    --bn-rad: var(--bn-rad-rd, 8em);
}

:where(.bn, [data-pattern="button"]):where(.pill, [data-radius~="pill"]) {
    --bn-rad: var(--pill, 9999px);
}

:where(.bns, .bnc, .bnf, [data-group~="buttons"], [data-group~="buttons"]:is([data-group~="centered"], [data-group~="full"])) {
    --_d: var(--bns-d, flex);
    display: var(--_d);

    --_fxd: var(--bns-fxd, row);
    flex-direction: var(--_fxd);

    --_ai: var(--bns-ai, center);
    align-items: var(--_ai);

    --_ac: var(--bns-ac, stretch);
    align-content: var(--_ac);

    --_jc: var(--bns-jc);
    justify-content: var(--_jc);

    --_as: var(--bns-as);
    align-self: var(--_as);

--_bns-g--: var(--bns-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem)));
    --bns-rg: var(--_bns-g--);
    --bns-cg: var(--_bns-g--);

--_g: var(--bns-g, var(--_rg, var(--bns-rg)) var(--_cg, var(--bns-cg)));
    gap: var(--_g);

--_fxw: var(--bns-fxw, wrap);
    flex-wrap: var(--_fxw);

    --_mis: var(--bns-mis, 0);
    min-inline-size: var(--_mis, 0);

    --_is: var(--bns-is, var(--bns-w, 100%));
    inline-size: var(--_is);

    --_mais: var(--bns-maw);
    max-inline-size: var(--_mais);

--_mis: var(--bns-mis--sm, var(--bns-mis, 0));
    --_mie: var(--bns-mie--sm, var(--bns-mie, 0));
    --_mi: var(--_mis) var(--_mie);
    margin-inline: var(--_mi);
}

:where(:not(.g, [data-display~="grid"],  .sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"], .f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"], :where(.s, [data-layout="section"]) > *, .block-library-block__reusable-block-container)>:where(.bns, .bnc, .bnf, [data-reponsive="buttons"])) {
    --_c-name: var(--c-name, bnp);
    --_c-type: var(--c-type, inline-size);
    container: var(--_c-name, bnp) / var(--_c-type, inline-size);

    --_bxsz: border-box;
    box-sizing: var(--_bxsz);

    --_miis: var(--miis, var(--c-miw, 0));
    min-inline-size: var(--_miis);

    --_is: var(--is, var(--c-w, 100%));
    inline-size: var(--_is);

    --_mais: var(--mais, var(--c-maw, 100%));
    max-inline-size: var(--_mais);
}

@container (width < 30rem) {
    :where(.bns, .bnc, .bnf, [data-group~="buttons"], [data-group~="buttons"]:is([data-group~="centered"], [data-group~="full"])) {

--_ai: var(--bns-ai--sm, var(--bns-ai, center));
        --_ac: var(--bns-ac--sm, var(--bns-ac, stretch));
        --_jc: var(--bns-jc--sm, var(--bns-jc));
        --_as: var(--bns-as--sm, var(--bns-as));

--_fxw: var(--bns-fxw--sm, var(--bns-fxw, wrap));

--_g: var(--bns-g--sm, var(--bns-g, var(--_rg, var(--bns-rg--sm, var(--bns-rg))) var(--_cg, var(--bns-cg--sm, var(--bns-cg)))));

--_is: var(--bns-is--sm, var(--bns-is, var(--bns-w--sm, var(--bns-w, 100%))));
    }
}

@container (30rem <=width <=60rem) {
    :where(.bns, .bnc) {

--_ai: var(--bns-ai--md, var(--bns-ai, center));
        --_ac: var(--bns-ac--md, var(--bns-ac, stretch));
        --_jc: var(--bns-jc--md, var(--bns-jc));
        --_as: var(--bns-as--md, var(--bns-as));

--_fxw: var(--bns-fxw--md, var(--bns-fxw, wrap));

--_g: var(--bns-g--md, var(--bns-g, var(--_rg, var(--bns-rg--md, var(--bns-rg))) var(--_cg, var(--bns-cg--md, var(--bns-cg)))));

--_is: var(--bns-is--md, var(--bns-is, var(--bns-w--md, var(--bns-w, 100%))));
    }
}

@container (width > 60rem) {
    :where(.bns, .bnc) {

--_ai: var(--bns-ai--lg, var(--bns-ai, center));
        --_ac: var(--bns-ac--lg, var(--bns-ac, stretch));
        --_jc: var(--bns-jc--lg, var(--bns-jc));
        --_as: var(--bns-as--lg, var(--bns-as));

--_fxw: var(--bns-fxw--lg, var(--bns-fxw, wrap));

--_g: var(--bns-g--lg, var(--bns-g, var(--_rg, var(--bns-rg--lg, var(--bns-rg))) var(--_cg, var(--bns-cg--lg, var(--bns-cg)))));

--_is: var(--bns-is--lg, var(--bns-is, var(--bns-w--lg, var(--bns-w, 100%))));
    }
}

:where(.bnc, .bnf) {
    --bns-as: center;
    --bns-jc: center;
    --scc-fd: row;
    --scc-w: 100%;
}

:where(.bns.full, .bnc.full) {
    --bns-w: 100%;
}

:where(.bns.full--sm, .bnc.full--sm, .bnf, .fsm) {
    --bn-w--sm: 100%;
}

:where(.bns.c, .bns-c) {
    --bns-jc: center;
    --bns-mis: auto;
    --bns-mie: auto;
}

:where(.bns.c--sm, .bns-c--sm, .bns.c--smd, .bns-c--smd) {
    --bns-jc--sm: center;
    --bns-mis--sm: auto;
    --bns-mie--sm: auto;
}

:where(.bns.c--md, .bns-c--md, .bns.c--smd, .bns-c--smd, .bns.c--mdl, .bns-c--mdl) {
    --bns-jc--md: center;
    --bns-mis--md: auto;
    --bns-mie--md: auto;
}

:where(.bns.c--lg, .bns-c--lg, .bns.c--mdl, .bns-c--mdl) {
    --bns-jc--lg: center;
    --bns-mis--lg: auto;
    --bns-mie--lg: auto;
}

:where(.bns.s, .bns-s) {
    --bns-jc: start;
    --bns-mie: auto;
}

:where(.bns.s--sm, .bns-s--sm, .bns.s--smd, .bns-s--smd) {
    --bns-jc--sm: start;
    --bns-mie--sm: auto;
}

:where(.bns.s--md, .bns-s--md, .bns.s--smd, .bns-s--smd, .bns.s--mdl, .bns-s--mdl) {
    --bns-jc--md: start;
    --bns-mie--md: auto;
}

:where(.bns.s--lg, .bns-s--lg, .bns.s--mdl, .bns-s--mdl) {
    --bns-jc--lg: start;
    --bns-mie--lg: auto;
}

:where(.bns.e, .bns-e) {
    --bns-jc: end;
    --bns-mis: auto;
}

:where(.bns.e--sm, .bns-e--sm, .bns.e--smd, .bns-e--smd) {
    --bns-jc--sm: end;
    --bns-mis--sm: auto;
}

:where(.bns.e--md, .bns-e--md, .bns.e--smd, .bns-e--smd, .bns.e--mdl, .bns-e--mdl) {
    --bns-jc--md: end;
    --bns-mis--md: auto;
}

:where(.bns.e--lg, .bns-e--lg, .bns.e--mdl, .bns-e--mdl) {
    --bns-jc--lg: end;
    --bns-mis--lg: auto;
}

:where(.bns):where(.i1, .is, .il, .o-1, .o-f, .o-s) {
    --icn-o: -69;
}

:where(.bns):where(.i2, .ie, .ir, .o-2, .o-l, .o-e) {
    --icn-o: 69;
}

:where(.bns, .bnc, .bnf, [data-group~="buttons"], [data-group~="buttons"]:is([data-group~="centered"], [data-group~="full"])) > :where(div:has(.bn, [data-pattern="button"])) {
	--_is: var(--bn-is, var(--bn-w, fit-content));
    inline-size: var(--_is);
}

@container (width < 30rem) {
    :where(.bns, .bnc, .bnf, [data-group~="buttons"], [data-group~="buttons"]:is([data-group~="centered"], [data-group~="full"])) > :where(div:has(.bn, [data-pattern="button"])) {
		--_is: var(--bn-is--sm, var(--bn-is, var(--bn-w--sm, var(--bn-w, fit-content))));
	}
}

:where(.cq, .cquery) {

    --_cq-name: var(--cq-name, c);
    --_cq-type: var(--cq-type, inline-size);
    container: var(--_cq-name) / var(--_cq-type);

    --_bxsz: border-box;
    box-sizing: var(--_bxsz);

    --_miis: var(--cq-miis, var(--cq-miw, 0));
    min-inline-size: var(--_miis);

    --_mais: var(--cq-mais, var(--cq-maw, 100%));
    max-inline-size: var(--_mais);

    --_is: var(--cq-is, var(--cq-w, 100%));
    inline-size: var(--_is);
}

:where(.un, .nq, .noquery) {

    --cq-name: none;
    --cq-type: normal;

    --cq-miw: auto;
    --cq-maw: auto;
    --cq-w: auto;
}

:where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"]))) {

    --s-pos: relative;
    --_pos: var(--s-pos);
    position: var(--_pos);

--s-d: flex;
    --_d: var(--s-d);
    display: var(--_d);

    --_fxd: var(--s-fxd, var(--fxd, column));
    flex-direction: var(--_fxd);
    --_fxw: var(--s-fxw, var(--fxw, nowrap));
    flex-wrap: var(--_fxw);

    --_ai: var(--s-ai, center);
    align-items: var(--_ai);
    --_ac: var(--s-ac);
    align-content: var(--_ac);
    --_jc: var(--s-jc);
    justify-content: var(--_jc);

--_mibs: var(--s-mibs, var(--s-mih));
    min-block-size: var(--_mibs);

    --_bs: var(--s-bs, var(--s-h));
    block-size: var(--_bs);

    --_mabs: var(--s-mabs, var(--s-mah));
    max-block-size: var(--_mabs);

--_is: var(--s-is, var(--s-w, 100%));
    inline-size: var(--_is);

--_s-pb--: var(--s-pb--, var(---3xg, clamp(7rem, calc(7rem + 1 * (100vw - 33rem) / 55), 8rem)));
    --s-pbs: var(--_s-pb--);
    --s-pbe: var(--_s-pb--);

--_pb: var(--s-pb, var(--s-pbs) var(--s-pbe));
    padding-block: var(--_pb);

--_s-pi--: var(--s-pi--, var(--p5f, clamp(1.5rem, 5%, 4rem)));
    --s-pis: var(--_s-pi--);
    --s-pie: var(--_s-pi--);

--_pi: var(--s-pi, var(--s-pis) var(--s-pie));
    padding-inline: var(--_pi);

--_s-g--: var(--s-g--, var(---xg, clamp(5rem, calc(5rem + 1 * (100vw - 33rem) / 55), 6rem)));
    --s-rg: var(--s-rg--, var(--_s-g--));
    --s-cg: var(--s-cg--, var(--_s-g--));

--_g: var(--s-g, var(--_rg, var(--s-rg)) var(--_cg, var(--s-cg)));
    gap: var(--_g);

--_bd: var(--s-bd, var(--s-bdw, 0) var(--s-bds, solid) var(--s-bdc, transparent));
    border: var(--_bd);
    --_rad: var(--s-rad, 0);
    border-radius: var(--_rad);

--s-bg: none;
    --_bg: var(--s-bg);
    background: var(--_bg);
}

@media (max-height: 64rem) {
    :where(.s, [data-layout="section"]) {
        --_mibs: var(--s-mibs--fh, var(--s-mibs, var(--s-mih--fh, var(--s-mih))));
    }
}

:where(.fh, .fs, .fvh):where(.s, [data-layout="section"]) {
    --s-mih--fh: 100svh;
    --s-mih: auto;
    --s-jc: center;
}

:where(.fw, .fs, .fvw):where(.s, [data-layout="section"]) {
    --s-w: 100%;
    --s-maw: 100%;
}

:where(.fsz):where(.s, [data-layout="section"]) {
    --s-pis: 0;
    --s-pie: 0;
}

:where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script)) {

    --_pos: var(--sc-pos);
    position: var(--_pos);

    --_z: var(--sc-z, auto);
    z-index: var(--_z);

--sc-d: flex;
    --_d: var(--sc-d);
    display: var(--_d);

    --_fxd: var(--sc-fxd, var(--fxd, column));
    flex-direction: var(--_fxd);
    --_fxw: var(--sc-fxw, var(--fxw, nowrap));
    flex-wrap: var(--_fxw);

--_ai: var(--sc-ai, stretch);
    align-items: var(--_ai);
    --_ac: var(--sc-ac);
    align-content: var(--_ac);
    --_jc: var(--sc-jc);
    justify-content: var(--_jc);

--_ov: var(--sc-ov, var(--sc-ovx) var(--sc-ovy));
    overflow: var(--_ov);

--sc-rg: var(--sc-rg--, var(--sc-g--, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))));
    --sc-cg: var(--sc-cg--, var(--sc-g--, var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem))));

--_g: var(--sc-g, var(--_rg, var(--sc-rg)) var(--_cg, var(--sc-cg)));
    gap: var(--_g);

--_bd: var(--sc-bd, var(--sc-bdw, 0) var(--sc-bds, solid) var(--sc-bdc, transparent));
    border: var(--_bd);
    --_rad: var(--sc-rad, 0);
    border-radius: var(--_rad);

--sc-bg: none;
    --_bg: var(--sc-bg);
    background: var(--_bg);
}

:where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script)) {

    --_mb: var(--sc-mb, var(--sc-mbs) var(--sc-mbe));
    margin-block: var(--_mb);

--_mi: var(--sc-mi, auto);
    margin-inline: var(--_mi);

--_pb: var(--sc-pb, var(--sc-pbs) var(--sc-pbe));
    padding-block: var(--_pb);

--_pi: var(--sc-pi, var(--sc-pis) var(--sc-pie));
    padding-inline: var(--_pi);

--_as: var(--sc-as);
    align-self: var(--_as);

    --_o: var(--sc-o);
    order: var(--_o);

    --_fxg: var(--sc-fxg, var(--fxg, 0));
    flex-grow: var(--_fxg);
    --_fxs: var(--sc-fxs, var(--fxs, 1));
    flex-shrink: var(--_fxs);
    --_fxb: var(--sc-fxb, var(--fxb, auto));
    flex-basis: var(--_fxb);

--_mibs: var(--sc-mibs, var(--sc-mih));
    min-block-size: var(--_mibs);

    --_bs: var(--sc-bs, var(--sc-h));
    block-size: var(--_bs);

    --_mabs: var(--sc-mabs, var(--sc-mah));
    max-block-size: var(--_mabs);

--_miis: var(--sc-miis, var(--sc-miw, 0));
    min-inline-size: var(--_miis);

    --_is: var(--sc-is, var(--sc-w, 100%));
    inline-size: var(--_is);

    --sc-maw: var(--sc-maw--, var(--c-m, 80rem));
    --_mais: var(--sc-mais, var(--sc-maw));
    max-inline-size: var(--_mais);
}

:where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], div:not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script)) {
    --_cq-name: var(--cq-name, sc);
    --_cq-type: var(--cq-type, inline-size);
    container: var(--_cq-name, sc) / var(--_cq-type, inline-size);

    --_bxsz: border-box;
    box-sizing: var(--_bxsz);

--cq-maw: var(--sc-mais, var(--sc-maw, 80rem));
}

:where(.sc--xs, .c-xs) {
    --sc-mais: var(--c-xs, 64rem);
}

:where(.sc--s, .c-s) {
    --sc-mais: var(--c-s, 70rem);
}

:where(.sc--m, .c-m) {
    --sc-mais: var(--c-m, 80rem);
}

:where(.sc--l, .c-l) {
    --sc-mais: var(--c-l, 85rem);
}

:where(.sc--xl, .c-xl) {
    --sc-mais: var(--c-xl, 90rem);
}

:where(.sc--xxl, .sc--2xl, .sc--w, .c-xxl, .c-2xl) {
    --sc-mais: var(--c-2xl, 100rem);
}

:where(.sc--xxxl, .sc--3xl, .sc--uw, .c-xxxl, .c-3xl) {
    --sc-mais: var(--c-3xl, 120rem);
}

:where(.sc--f, .sc--100, .c-f) {
    --sc-mais: var(--c-f, 100%);
}

:where(.sc--a4, .a4) {
    --sc-mais: var(--a4, 210mm);
}

:where(.sc--a4x, .a4x) {
    --sc-mais: var(--a4x, 297mm);
}

:where(.mq--xs) {
    --sc-mais: var(--mq-xs, 23rem);
}

:where(.mq--sm) {
    --sc-mais: var(--mq-sm, 33rem);
}

:where(.mq--md) {
    --sc-mais: var(--mq-md, 66rem);
}

:where(.mq--lg) {
    --sc-mais: var(--mq-lg, 88rem);
}

:where(.cq--xs) {
    --sc-mais: var(--cq-xs, 20rem);
}

:where(.cq--sm) {
    --sc-mais: var(--cq-sm, 30rem);
}

:where(.cq--md) {
    --sc-mais: var(--cq-md, 60rem);
}

:where(.cq--lg) {
    --sc-mais: var(--cq-lg, 80rem);
}

:where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], div:not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script))>:where(.scc, [data-layout="content"], :is(div, header, article, aside):not(.unscc, .cvr, [data-layer="cover"], .bns, .bnc, .bnf, [data-group], .bn, [data-pattern="button"], .block-list-appender, style, script)) {

--_pos: var(--scc-pos);
    position: var(--_pos);

--_d: var(--scc-d, flex);
    display: var(--_d);

    --_fxd: var(--scc-fxd, var(--fxd, column));
    flex-direction: var(--_fxd);
    --_fxw: var(--scc-fxw, var(--fxw, wrap));
    flex-wrap: var(--_fxw);

    --_ai: var(--scc-ai);
    align-items: var(--_ai);
    --_ac: var(--scc-ac);
    align-content: var(--_ac);
    --_jc: var(--scc-jc);
    justify-content: var(--_jc);

    --_as: var(--scc-as);
    align-self: var(--_as);

    --_o: var(--scc-o);
    order: var(--_o);

    --_fxg: var(--scc-fxg, var(--fxg));
    flex-grow: var(--_fxg);
    --_fxs: var(--scc-fxs, var(--fxs));
    flex-shrink: var(--_fxs);
    --_fxb: var(--scc-fxb, var(--fxb));
    flex-basis: var(--_fxb);

--scc-rg: var(--scc-rg--, var(--scc-g--, var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem))));
    --scc-cg: var(--scc-cg--, var(--scc-g--, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))));

--_g: var(--scc-g, var(--_rg, var(--scc-rg)) var(--_cg, var(--scc-cg)));
    gap: var(--_g);

--_mibs: var(--scc-mibs, var(--scc-mih));
    min-block-size: var(--_mibs);

    --_bs: var(--scc-bs, var(--scc-h));
    block-size: var(--_bs);

    --_mabs: var(--scc-mabs, var(--scc-mah));
    max-block-size: var(--_mabs);

--_miis: var(--scc-miis, var(--scc-miw, 0));
    min-inline-size: var(--_miis);

    --scc-w: 100%;
    --_is: var(--scc-is, var(--scc-w));
    inline-size: var(--_is);

     --scc-maw: auto;
    --_mais: var(--scc-mais, var(--scc-maw));
    max-inline-size: var(--_mais);

--_pb: var(--scc-pb, var(--scc-pbs) var(--scc-pbe));
    padding-block: var(--_pb);

--_pi: var(--scc-pi, var(--scc-pis) var(--scc-pie));
    padding-inline: var(--_pi);

--_mb: var(--scc-mb, var(--scc-mbs) var(--scc-mbe));
    margin-block: var(--_mb);

--_mi: var(--scc-mi, var(--scc-mis) var(--scc-mie));
    margin-inline: var(--_mi);
}

@container (width < 30rem) {
    :where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], div:not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script))>:where(.scc, [data-layout="content"], :is(div, header, article, aside):not(.unscc, .cvr, [data-layer="cover"], .bn, [data-pattern="button"], .block-list-appender, style, script)) {
        --_is: var(--scc-is--sm, var(--scc-is, var(--scc-w--sm, var(--scc-w))));
        --_mais: var(--scc-mais--sm, var(--scc-mais, var(--scc-maw--sm, var(--scc-maw))));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], div:not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script))>:where(.scc, [data-layout="content"], :is(div, header, article, aside):not(.unscc, .cvr, [data-layer="cover"], .bn, [data-pattern="button"], .block-list-appender, style, script)) {
        --_is: var(--scc-is--md, var(--scc-is, var(--scc-w--md, var(--scc-w))));
        --_mais: var(--scc-mais--md, var(--scc-mais, var(--scc-maw--md, var(--scc-maw))));
    }
}

@container (width > 60rem) {
    :where(.s, [data-layout="section"]):where(:not(:is(.s, [data-layout="section"]) :is(.s, [data-layout="section"])))>:where(.sc, [data-layout="container"], div:not(.unsc, .cvr, [data-layer="cover"], .block-list-appender, style, script))>:where(.scc, [data-layout="content"], :is(div, header, article, aside):not(.unscc, .cvr, [data-layer="cover"], .bn, [data-pattern="button"], .block-list-appender, style, script)){
        --_is: var(--scc-is--lg, var(--scc-is, var(--scc-w--lg, var(--scc-w))));
        --_mais: var(--scc-mais--lg, var(--scc-mais, var(--scc-maw--lg, var(--scc-maw))));
    }
}

:where(.scc--xxs, .ct-xxs) {
    --scc-mais: var(--ct-xxs, 20rem);
}

:where(.scc--xs, .ct-xs){
    --scc-mais: var(--ct-xs, 24rem);
}

:where(.scc--s, .ct-s) {
    --scc-mais: var(--ct-s, 32rem);
}

:where(.scc--m, .ct-m) {
    --scc-mais: var(--ct-m, 40rem);
}

:where(.scc--l, .ct-l) {
    --scc-mais: var(--ct-l, 48rem);
}

:where(.scc--xl, .ct-xl) {
    --scc-mais: var(--ct-xl, 56rem);
}

:where(.scc--2xl, .scc--xxl, .c-xs) {
    --scc-mais: var(--c-xs, 64rem);
}

:where(.scc--3xl, .scc--xxxl, .c-s) {
    --scc-mais: var(--c-s, 70rem);
}

:where(.scc--ch-xs, .ch-xs) {
    --scc-mais: var(--ch-xs, 20ch);
}

:where(.scc--ch-s, .ch-s) {
    --scc-mais: var(--ch-s, 40ch);
}

:where(.scc--ch-m, .ch-m) {
    --scc-mais: var(--ch-m, 64ch);
}

:where(.scc--ch-l, .ch-l) {
    --scc-mais: var(--ch-l, 80ch);
}

:where(.s, [data-layout="section"]):where(.cf, .sf, .flow, [data-flow="content"]),
:where(.s, [data-layout="section"]) > :is(.cf, .sf, .flow, [data-flow="content"]),
:where(.scc, [data-layout="content"], :is(div, header, article, aside):not(.unscc, .cvr, [data-layer="cover"], .bn, [data-pattern="button"], .block-list-appender, style, script)):where(.cf, .sf, .flow, [data-flow="content"]) {
    --_d: initial;
    --scc-d: block;
}

@media (min-width: 33rem) {
    :where(.s, [data-layout="section"]):where(.mo, .mono, .kickin, .focus, .thesis, [data-style="mono"], [data-style="mo"])>*:first-child> :where(header, div:first-child) {
        --ta: center;
        --scc-as: center;
        --scc-mais: var(--c-xs, 64rem);
    }
}

:where(.s, [data-layout="section"]):where(.mo, [data-style="mo"])>*:first-child> :where(header, div:first-child) {
    --ta: center;
}

:where(.s, [data-layout="section"]):where(.plinth, .slab, .frieze, .hand, [data-style="slab"], [data-style="hand"], .focus)>*:first-child> :where(header, div:first-child) {
    --ta: left;
    --scc-as: stretch;
    --scc-mais: var(--ct-xl, 56rem);
}

:where(.s, [data-layout="section"]):where(.frieze, .hand, [data-style="hand"], .thesis)>*:first-child> :where(header, div:first-child) {
    --scc-mais: var(--ct-l, 48rem);
}

@media (min-width: 33rem) {
    :where(.s, [data-layout="section"]):where(.horizon, .split, .ledger, .spread)>*:first-child> :where(header, div:first-child) {
        --scc-fxd: row;
        --scc-fxw: nowrap;
        --scc-ai: center;
        --scc-jc: space-between;
    }

    :where(.s, [data-layout="section"]):where(.horizon, .split, .ledger, .spread)>*:first-child> :where(header, div:first-child)> :where(:nth-child(1), h1, h2, h3) {
        --_fxs: var(--scc1-fxs);
        flex-shrink: var(--_fxs);

        --_fxg: var(--scc1-fxg);
        flex-grow: var(--_fxg);

        --_fxb: var(--scc1-fxb, var(--scc1-is, var(--scc1-w, var(--ct-s, 32rem))));
        flex-basis: var(--_fxb);

    }

    :where(.s, [data-layout="section"]):where(.horizon, .split, .ledger, .spread, [data-style="split"])>*:first-child> :where(header, div:first-of-type)> :where(:nth-child(2), p) {
        --_fxs: var(--scc2-fxs);
        flex-shrink: var(--_fxs);

        --_fxg: var(--scc2-fxg);
        flex-grow: var(--_fxg);

        --_fxb: var(--scc2-fxb, var(--scc2-is, var(--scc2-w, auto)));
        flex-basis: var(--_fxb);

          max-inline-size: var(--_fxb);

        --_pb: var(--scc2-pb, 0.25rem);
        padding-block: var(--_pb);
    }

    :where(.split, .ledger, .spread):where(.e, .end, .down, .b, .bottom),
    :where(.horizon) {
        --scc-ai: end;
    }

    :where(.split) {
        --scc1-fxb: calc(50% - var(--_g, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))) / 2);
        --scc2-fxb: calc(50% - var(--_g, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))) / 2);
          --scc1-fxg: 1;
          --scc2-fxg: 1;
        --scc1-fxs: 1;
        --scc2-fxs: 1;
    }

    :where(.spread) {
        --scc1-fxb: calc(33.333% - var(--_g, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))) / 2);
        --scc2-fxb: calc(66.667% - var(--_g, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem))) / 2);
        --scc1-fxg: 1;
        --scc2-fxg: 2;

}
}

@media (min-width: 66rem) {
    :where(.s, [data-layout="section"]):where(.sticker, .ancd, .lock, .feat, [data-style="lock"], [data-style="feat"], [data-style="ancd"])> :where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script)) {
        --s-ov: visible;
        --sc-d: grid;
        --sc-bs: 100%;

        grid-template-columns: var(--_gtc, var(--sc-gtc, var(--sc-gtcs, 1fr) var(--sc-gtce, 1fr)));
    }

    :where(.s, [data-layout="section"]):where(.feat, [data-style="feat"])> :where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script)) {
        --sc-ai: center;
    }

    :where(.s, [data-layout="section"]):where(.ancd, [data-style="ancd"])> :where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script)) {
        --sc-ai: end;
    }
}

@container (width > 60rem) {
    :where(.s, [data-layout="section"]):where(.sticker, .lock, [data-style="lock"])> :where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script))> :where(header, div:first-child, .scc:first-of-type) {
        --scc-mais: var(--ct-xl, 56rem);
        --scc-as: start;
        --scc-pos: var(--scch-pos, sticky);
        --_pos: var(--scc-pos);

        --_t: var(--scch-t, var(--s-pbs, var(--s-pb--, var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem)))));
        top: var(--_t);

    }

    :where(.s, [data-layout="section"]):where(.feat, [data-style="feat"])> :where(.sc, [data-layout="container"], :is(div, article, figure, header, footer, aside):not(.unsc, .cvr, [data-layer="cover"], .bns, .bnf, .bnc, [data-group], .block-list-appender, style, script))> :where(header, div:first-child) {
        --scc-mais: var(--ct-xl, 56rem);
    }
}

:where(.s, [data-layout="section"]):where(.hero, [data-style="hero"]) {
    --s-pbs: var(--s-hero-pbs, var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem)));
}

:where(.s, [data-layout="section"]):where(.heroism, [data-style="heroism"]) {
    --s-pbs: var(--s-heroism-pbs, var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem)));
}

:where(.s, [data-layout="section"]):where(.hero, [data-style="hero"]):where(.transparent, .trs),
:where(.s, [data-layout="section"]):where(.heroin, [data-style="heroin"]) {
    --s-pbs: var(--s-heroin-pbs, calc(var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem)) + var(---hm, clamp(5rem, calc(5rem + 3 * (100cqi - 33rem) / 55), 8rem))));
}

:where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]) {
    --_d: var(--f-d, flex);
    display: var(--_d);

--_fxd: var(--fxd);
    flex-direction: var(--_fxd);

--_fxw: var(--fxw);
    flex-wrap: var(--_fxw);

--f-ai: var(--ai);
    --_ai: var(--f-ai);
    align-items: var(--_ai);

--f-ac: var(--ac);
    --_ac: var(--f-ac);
    align-content: var(--_ac);

--f-jc: var(--jc);
    --_jc: var(--f-jc);
    justify-content: var(--_jc);

--_f-g--: var(--f-g--, var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem)));
    --f-rg: var(--_f-g--);
    --f-cg: var(--_f-g--);

--_g: var(--f-g, var(--_rg, var(--f-rg)) var(--_cg, var(--f-cg)));
    gap: var(--_g);
}

:where(:where(.cq, .cquery):has(> :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]))) {
    --_cq-name: var(--cq-name, fp);
    --_cq-type: var(--cq-type, inline-size);
    container: var(--_cq-name, fp) / var(--_cq-type, inline-size);

    box-sizing: border-box;

    --_miis: var(--cq-miis, var(--miw, 0));
    min-inline-size: var(--_miis);

    --_is: var(--cq-is, var(--w, 100%));
    inline-size: var(--_is);

    --_mais: var(--cq-mais, var(--maw, 100%));
    max-inline-size: var(--_mais);
}

@container (width < 30rem) {
    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]) {

        --_fxd: var(--fxd--sm, var(--fxd));

        --_fxw: var(--fxw--sm, var(--fxw));

--_ai: var(--f-ai--sm, var(--f-ai));

        --_ac: var(--f-ac--sm, var(--f-ac));

        --_jc: var(--f-jc--sm, var(--f-jc));

--_g: var(--f-g--sm, var(--f-g, var(--_rg, var(--f-rg--sm, var(--f-rg)))) var(--_cg, var(--f-cg--sm, var(--f-cg))));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]) {

        --_fxd: var(--fxd--md, var(--fxd));

        --_fxw: var(--fxw--md, var(--fxw));

--_ai: var(--f-ai--md, var(--f-ai));

        --_ac: var(--f-ac--md, var(--f-ac));

        --_jc: var(--f-jc--md, var(--f-jc));

--_g: var(--f-g--md, var(--f-g, var(--_rg, var(--f-rg--md, var(--f-rg)))) var(--_cg, var(--f-cg--md, var(--f-cg))));
    }
}

@container (width > 60rem) {
    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]) {

        --_fxd: var(--fxd--lg, var(--fxd));

        --_fxw: var(--fxw--lg, var(--fxw));

--_ai: var(--f-ai--lg, var(--f-ai));

        --_ac: var(--f-ac--lg, var(--f-ac));

        --_jc: var(--f-jc--lg, var(--f-jc));

--_g: var(--f-g--lg, var(--f-g, var(--_rg, var(--f-rg--lg, var(--f-rg)))) var(--_cg, var(--f-cg--lg, var(--f-cg))));
    }
}

@layer reset {
    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"]) {
        --fxd: initial;
        --fxd--sm: initial;
        --fxd--md: initial;
        --fxd--lg: initial;
        --fxw: initial;
        --fxw--sm: initial;
        --fxw--md: initial;
        --fxw--lg: initial;

        --ai: normal;
        --f-ai--sm: initial;
        --f-ai--md: initial;
        --f-ai--lg: initial;
        --ac: normal;
        --f-ac--sm: initial;
        --f-ac--md: initial;
        --f-ac--lg: initial;
        --jc: normal;
        --f-jc--sm: initial;
        --f-jc--md: initial;
        --f-jc--lg: initial;

        --_rg: initial;
        --_cg: initial;
        --f-g: initial;

        --f-rg: initial;
        --f-cg: initial;

        --f-g--sm: initial;
        --f-rg--sm: initial;
        --f-cg--sm: initial;

        --f-g--md: initial;
        --f-rg--md: initial;
        --f-cg--md: initial;

        --f-g--lg: initial;
        --f-rg--lg: initial;
        --f-cg--lg: initial;
    }
}

:where(.fxr, .row, [data-direction="row"], .f) {
    --fxd: row;
}

:where(.fxc, .col, [data-direction="column"]) {
    --fxd: column;
}

:where(.fxc--lg, .fxc--mdl, .col--lg, .col--mdl) {
    --fxd--lg: column;
}

:where(.fxc--md, .fxc--smd, .fxc--mdl, .col--md, .col--smd, .col--mdl) {
    --fxd--md: column;
}

:where(.fxc--sm, .fxc--smd, .col--sm, .col--smd) {
    --fxd--sm: column;
}

:where(.fxc, .col, [data-direction="column"]):where(.rv, .reverse) {
    --fxd: column-reverse;
}

:where(.fxc, .col, [data-direction="column"]):where(.rv--lg, .rv--mdl, .reverse--lg, .reverse--mdl) {
    --fxd--lg: column-reverse;
}

:where(.fxc, .col, [data-direction="column"]):where(.rv--md, .rv--smd, .rv--mdl, .reverse--md, .reverse--smd, .reverse--mdl) {
    --fxd--md: column-reverse;
}

:where(.fxc, .col, [data-direction="column"]):where(.rv--sm, .rv--smd, .reverse--sm, .reverse--smd) {
    --fxd--sm: column-reverse;
}

:where(.fxr--lg, .fxr--mdl, .row--lg, .row--mdl) {
    --fxd--lg: row;
}

:where(.fxr--md, .fxr--smd, .fxr--mdl, .row--md, .row--smd, .row--mdl) {
    --fxd--md: row;
}

:where(.fxr--sm, .fxr--smd, .row--sm, .row--smd) {
    --fxd--sm: row;
}

:where(.fxr, .row, [data-direction="row"], .f):where(.rv, .reverse) {
    --fxd: row-reverse;
}

:where(.fxr, .row, [data-direction="row"], .f):where(.rv--lg, .rv--mdl, .reverse--lg, .reverse--mdl) {
    --fxd--lg: row-reverse;
}

:where(.fxr, .row, [data-direction="row"], .f):where(.rv--md, .rv--smd, .rv--mdl, .reverse--md, .reverse--smd, .reverse--mdl) {
    --fxd--md: row-reverse;
}

:where(.fxr, .row, [data-direction="row"], .f):where(.rv--sm, .rv--smd, .reverse--sm, .reverse--smd) {
    --fxd--sm: row-reverse;
}

:where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"])> :where(*, .fi, [data-part="item"]) {

--fxg: 0;
    --_fxg: var(--fxg);
    flex-grow: var(--_fxg);

    --fxs: 1;
    --_fxs: var(--fxs);
    flex-shrink: var(--_fxs);

    --fxb: auto;
    --_fxb: var(--fxb);
    flex-basis: var(--_fxb);

--as: auto;
    --fi-as: var(--as);
    --_as: var(--fi-as);
    align-self: var(--_as);

--o: 0;
    --fi-o: var(--o);
    --_o: var(--fi-o);
    order: var(--_o);

--_mb: var(--fi-mb, var(--fi-mbs) var(--fi-mbe));
    margin-block: var(--_mb);

--_mi: var(--fi-mi, var(--fi-mis) var(--fi-mie));
    margin-inline: var(--_mi);
}

@container (width < 30rem) {

    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"])> :where(*, .fi, [data-part="item"]) {

--_fxg: var(--fxg--sm, var(--fxg));
        --_fxs: var(--fxs--sm, var(--fxs));
        --_fxb: var(--fxb--sm, var(--fxb));

        --_as: var(--fi-as--sm, var(--fi-as));
        --_o: var(--fi-o--sm, var(--fi-o));

--_mb: var(--fi-mb--sm, var(--fi-mb, var(--fi-mbs--sm, var(--fi-mbs)) var(--fi-mbe--sm, var(--fi-mbe))));
        --_mi: var(--fi-mi--sm, var(--fi-mi, var(--fi-mis--sm, var(--fi-mis)) var(--fi-mie--sm, var(--fi-mie))));
    }
}

@container (30rem <= width <= 60rem) {

    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"])> :where(*, .fi, [data-part="item"]) {

--_fxg: var(--fxg--md, var(--fxg));
        --_fxs: var(--fxs--md, var(--fxs));
        --_fxb: var(--fxb--md, var(--fxb));

        --_as: var(--fi-as--md, var(--fi-as));
        --_o: var(--fi-o--md, var(--fi-o));

--_mb: var(--fi-mb--md, var(--fi-mb, var(--fi-mbs--md, var(--fi-mbs)) var(--fi-mbe--md, var(--fi-mbe))));
        --_mi: var(--fi-mi--md, var(--fi-mi, var(--fi-mis--md, var(--fi-mis)) var(--fi-mie--md, var(--fi-mie))));
    }
}

@container (width > 60rem) {

    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"])> :where(*, .fi, [data-part="item"]) {

--_fxg: var(--fxg--lg, var(--fxg));
        --_fxs: var(--fxs--lg, var(--fxs));
        --_fxb: var(--fxb--lg, var(--fxb));

        --_as: var(--fi-as--lg, var(--fi-as));
        --_o: var(--fi-o--lg, var(--fi-o));

--_mb: var(--fi-mb--lg, var(--fi-mb, var(--fi-mbs--lg, var(--fi-mbs)) var(--fi-mbe--lg, var(--fi-mbe))));
        --_mi: var(--fi-mi--lg, var(--fi-mi, var(--fi-mis--lg, var(--fi-mis)) var(--fi-mie--lg, var(--fi-mie))));
    }
}

@layer reset {

    :where(.f, [data-display="flex"], .fxc, .col, [data-direction="column"], .fxr, .row, [data-direction="row"])> :where(*, .fi, [data-part="item"]) {
        --fxg--sm: initial;
        --fxg--md: initial;
        --fxg--lg: initial;

        --fxs--sm: initial;
        --fxs--md: initial;
        --fxs--lg: initial;
        --fxb--sm: initial;
        --fxb--md: initial;
        --fxb--lg: initial;

        --fi-as--sm: initial;
        --fi-as--md: initial;
        --fi-as--lg: initial;

        --fi-o--sm: initial;
        --fi-o--md: initial;
        --fi-o--lg: initial;

        --fi-mb: initial;
        --fi-mb--sm: initial;
        --fi-mb--md: initial;
        --fi-mb--lg: initial;

        --fi-mbs: initial;
        --fi-mbs--sm: initial;
        --fi-mbs--md: initial;
        --fi-mbs--lg: initial;

        --fi-mbe: initial;
        --fi-mbe--sm: initial;
        --fi-mbe--md: initial;
        --fi-mbe--lg: initial;

        --fi-mi: initial;
        --fi-mi--sm: initial;
        --fi-mi--md: initial;
        --fi-mi--lg: initial;

        --fi-mis: initial;
        --fi-mis--sm: initial;
        --fi-mis--md: initial;
        --fi-mis--lg: initial;

        --fi-mie: initial;
        --fi-mie--sm: initial;
        --fi-mie--md: initial;
        --fi-mie--lg: initial;
    }
}

:where(.fxg-1, .grow-1) {
    --fxg: 1;
}

:where(.fxg-1--sm, .fxg-1--smd, .grow-1--sm, .grow-1--smd) {
    --fxg--sm: 1;
}

:where(.fxg-1--md, .fxg-1--smd, .fxg-1--mdl, .grow-1--md, .grow-1--smd, .grow-1--mdl) {
    --fxg--md: 1;
}

:where(.fxg-1--lg, .fxg-1--mdl, .grow-1--lg, .grow-1--mdl) {
    --fxg--lg: 1;
}

:where(.fxg-0, .grow-0) {
    --fxg: 0;
}

:where(.fxg-0--sm, .fxg-0--smd, .grow-0--sm, .grow-0--smd) {
    --fxg--sm: 0;
}

:where(.fxg-0--md, .fxg-0--smd, .fxg-0--mdl, .grow-0--md, .grow-0--smd, .grow-0--mdl) {
    --fxg--md: 0;
}

:where(.fxg-0--lg, .fxg-0--mdl, .grow-0--lg, .grow-0--mdl) {
    --fxg--lg: 0;
}

:where(.fxs-0, .shrink-0) {
    --fxs: 0;
}

:where(.fxs-0--sm, .fxs-0--smd, .shrink-0--sm, .shrink-0--smd) {
    --fxs--sm: 0;
}

:where(.fxs-0--md, .fxs-0--smd, .fxs-0--mdl, .shrink-0--md, .shrink-0--smd, .shrink-0--mdl) {
    --fxs--md: 0;
}

:where(.fxs-0--lg, .fxs-0--mdl, .shrink-0--lg, .shrink-0--mdl) {
    --fxs--lg: 0;
}

:where(.fxs-1, .shrink-1) {
    --fxs: 1;
}

:where(.fxs-1--sm, .fxs-1--smd, .shrink-1--sm, .shrink-1--smd) {
    --fxs--sm: 1;
}

:where(.fxs-1--md, .fxs-1--smd, .fxs-1--mdl, .shrink-1--md, .shrink-1--smd, .shrink-1--mdl) {
    --fxs--md: 1;
}

:where(.fxs-1--lg, .fxs-1--mdl, .shrink-1--lg, .shrink-1--mdl) {
    --fxs--lg: 1;
}

:where(.fxb-0, .basis-0) {
    --fxb: 0;
}

:where(.fxb-0--sm, .fxb-0--smd, .basis-0--sm, .basis-0--smd) {
    --fxb--sm: 0;
}

:where(.fxb-0--md, .fxb-0--smd, .fxb-0--mdl, .basis-0--md, .basis-0--smd, .basis-0--mdl) {
    --fxb--md: 0;
}

:where(.fxb-0--lg, .fxb-0--mdl, .basis-0--lg, .basis-0--mdl) {
    --fxb--lg: 0;
}

:where(.fxb-auto, .basis-auto) {
    --fxb: auto;
}

:where(.fxb-auto--sm, .fxb-auto--smd, .basis-auto--sm, .basis-auto--smd) {
    --fxb--sm: auto;
}

:where(.fxb-auto--md, .fxb-auto--smd, .fxb-auto--mdl, .basis-auto--md, .basis-auto--smd, .basis-auto--mdl) {
    --fxb--md: auto;
}

:where(.fxb-auto--lg, .fxb-auto--mdl, .basis-auto--lg, .basis-auto--mdl) {
    --fxb--lg: auto;
}

:where(.fxb-1-5, .basis-1-5) {
    --fxb: 20%;
}

:where(.fxb-1-5--sm, .fxb-1-5--smd, .basis-1-5--sm, .basis-1-5--smd) {
    --fxb--sm: 20%;
}

:where(.fxb-1-5--md, .fxb-1-5--smd, .fxb-1-5--mdl, .basis-1-5--md, .basis-1-5--smd, .basis-1-5--mdl) {
    --fxb--md: 20%;
}

:where(.fxb-1-5--lg, .fxb-1-5--mdl, .basis-1-5--lg, .basis-1-5--mdl) {
    --fxb--lg: 20%;
}

:where(.fxb-qtr, .fxb-1-4, .basis-quarter, .basis-1-4) {
    --fxb: 25%;
}

:where(.fxb-qtr--sm, .fxb-1-4--sm, .fxb-qtr--smd, .fxb-1-4--smd, .basis-quarter--sm, .basis-1-4--sm, .basis-quarter--smd, .basis-1-4--smd) {
    --fxb--sm: 25%;
}

:where(.fxb-qtr--md, .fxb-1-4--md, .fxb-qtr--smd, .fxb-1-4--smd, .fxb-qtr--mdl, .fxb-1-4--mdl, .basis-quarter--md, .basis-1-4--md, .basis-quarter--smd, .basis-1-4--smd, .basis-quarter--mdl, .basis-1-4--mdl) {
    --fxb--md: 25%;
}

:where(.fxb-qtr--lg, .fxb-1-4--lg, .fxb-qtr--mdl, .fxb-1-4--mdl, .basis-quarter--lg, .basis-1-4--lg, .basis-quarter--mdl, .basis-1-4--mdl) {
    --fxb--lg: 25%;
}

:where(.fxb-thd, .fxb-1-3, .basis-third, .basis-1-3) {
    --fxb: 33.333333%;
}

:where(.fxb-thd--sm, .fxb-1-3--sm, .fxb-thd--smd, .fxb-1-3--smd, .basis-third--sm, .basis-1-3--sm, .basis-third--smd, .basis-1-3--smd) {
    --fxb--sm: 33.333333%;
}

:where(.fxb-thd--md, .fxb-1-3--md, .fxb-thd--smd, .fxb-1-3--smd, .fxb-thd--mdl, .fxb-1-3--mdl, .basis-third--md, .basis-1-3--md, .basis-third--smd, .basis-1-3--smd, .basis-third--mdl, .basis-1-3--mdl) {
    --fxb--md: 33.333333%;
}

:where(.fxb-thd--lg, .fxb-1-3--lg, .fxb-thd--mdl, .fxb-1-3--mdl, .basis-third--lg, .basis-1-3--lg, .basis-third--mdl, .basis-1-3--mdl) {
    --fxb--lg: 33.333333%;
}

:where(.fxb-2-5, .basis-2-5) {
    --fxb: 40%;
}

:where(.fxb-2-5--sm, .fxb-2-5--smd, .basis-2-5--sm, .basis-2-5--smd) {
    --fxb--sm: 40%;
}

:where(.fxb-2-5--md, .fxb-2-5--smd, .fxb-2-5--mdl, .basis-2-5--md, .basis-2-5--smd, .basis-2-5--mdl) {
    --fxb--md: 40%;
}

:where(.fxb-2-5--lg, .fxb-2-5--mdl, .basis-2-5--lg, .basis-2-5--mdl) {
    --fxb--lg: 40%;
}

:where(.fxb-half, .fxb-1-2, .basis-half, .basis-1-2) {
    --fxb: 50%;
}

:where(.fxb-half--sm, .fxb-1-2--sm, .fxb-half--smd, .fxb-1-2--smd, .basis-half--sm, .basis-1-2--sm, .basis-half--smd, .basis-1-2--smd) {
    --fxb--sm: 50%;
}

:where(.fxb-half--md, .fxb-1-2--md, .fxb-half--smd, .fxb-1-2--smd, .fxb-half--mdl, .fxb-1-2--mdl, .basis-half--md, .basis-1-2--md, .basis-half--smd, .basis-1-2--smd, .basis-half--mdl, .basis-1-2--mdl) {
    --fxb--md: 50%;
}

:where(.fxb-half--lg, .fxb-1-2--lg, .fxb-half--mdl, .fxb-1-2--mdl, .basis-half--lg, .basis-1-2--lg, .basis-half--mdl, .basis-1-2--mdl) {
    --fxb--lg: 50%;
}

:where(.fxb-3-5, .basis-3-5) {
    --fxb: 60%;
}

:where(.fxb-3-5--sm, .fxb-3-5--smd, .basis-3-5--sm, .basis-3-5--smd) {
    --fxb--sm: 60%;
}

:where(.fxb-3-5--md, .fxb-3-5--smd, .fxb-3-5--mdl, .basis-3-5--md, .basis-3-5--smd, .basis-3-5--mdl) {
    --fxb--md: 60%;
}

:where(.fxb-3-5--lg, .fxb-3-5--mdl, .basis-3-5--lg, .basis-3-5--mdl) {
    --fxb--lg: 60%;
}

:where(.fxb-2-3, .basis-2-3) {
    --fxb: 66.7%;
}

:where(.fxb-2-3--sm, .fxb-2-3--smd, .basis-2-3--sm, .basis-2-3--smd) {
    --fxb--sm: 66.7%;
}

:where(.fxb-2-3--md, .fxb-2-3--smd, .fxb-2-3--mdl, .basis-2-3--md, .basis-2-3--smd, .basis-2-3--mdl) {
    --fxb--md: 66.7%;
}

:where(.fxb-2-3--lg, .fxb-2-3--mdl, .basis-2-3--lg, .basis-2-3--mdl) {
    --fxb--lg: 66.7%;
}

:where(.fxb-3-4, .basis-3-4) {
    --fxb: 75%;
}

:where(.fxb-3-4--sm, .fxb-3-4--smd, .basis-3-4--sm, .basis-3-4--smd) {
    --fxb--sm: 75%;
}

:where(.fxb-3-4--md, .fxb-3-4--smd, .fxb-3-4--mdl, .basis-3-4--md, .basis-3-4--smd, .basis-3-4--mdl) {
    --fxb--md: 75%;
}

:where(.fxb-3-4--lg, .fxb-3-4--mdl, .basis-3-4--lg, .basis-3-4--mdl) {
    --fxb--lg: 75%;
}

:where(.fxb-4-5, .basis-4-5) {
    --fxb: 80%;
}

:where(.fxb-4-5--sm, .fxb-4-5--smd, .basis-4-5--sm, .basis-4-5--smd) {
    --fxb--sm: 80%;
}

:where(.fxb-4-5--md, .fxb-4-5--smd, .fxb-4-5--mdl, .basis-4-5--md, .basis-4-5--smd, .basis-4-5--mdl) {
    --fxb--md: 80%;
}

:where(.fxb-4-5--lg, .fxb-4-5--mdl, .basis-4-5--lg, .basis-4-5--mdl) {
    --fxb--lg: 80%;
}

:where(.fxb-full, .basis-full) {
    --fxb: 100%;
}

:where(.fxb-full--sm, .fxb-full--smd, .basis-full--sm, .basis-full--smd) {
    --fxb--sm: 100%;
}

:where(.fxb-full--md, .fxb-full--smd, .fxb-full--mdl, .basis-full--md, .basis-full--smd, .basis-full--mdl) {
    --fxb--md: 100%;
}

:where(.fxb-full--lg, .fxb-full--mdl, .basis-full--lg, .basis-full--mdl) {
    --fxb--lg: 100%;
}

:where(.mi-as) {
    --fi-mis: auto;
}

:where(.mi-as--lg, .mi-as--mdl) {
    --fi-mis--lg: auto;
}

:where(.mi-as--md, .mi-as--smd, .mi-as--mdl) {
    --fi-mis--md: auto;
}

:where(.mi-as--sm, .mi-as--smd) {
    --fi-mis--sm: auto;
}

:where(.mi-a) {
    --fi-mi: auto;
}

:where(.mi-a--lg, .mi-a--mdl) {
    --fi-mi--lg: auto;
}

:where(.mi-a--md, .mi-a--smd, .mi-a--mdl) {
    --fi-mi--md: auto;
}

:where(.mi-a--sm, .mi-a--smd) {
    --fi-mi--sm: auto;
}

:where(.mi-ae) {
    --fi-mie: auto;
}

:where(.mi-ae--lg, .mi-ae--mdl) {
    --fi-mie--lg: auto;
}

:where(.mi-ae--md, .mi-ae--smd, .mi-ae--mdl) {
    --fi-mie--md: auto;
}

:where(.mi-ae--sm, .mi-ae--smd) {
    --fi-mie--sm: auto;
}

:where(.mb-as) {
    --fi-mbs: auto;
}

:where(.mb-as--lg, .mb-as--mdl) {
    --fi-mbs--lg: auto;
}

:where(.mb-as--md, .mb-as--smd, .mb-as--mdl) {
    --fi-mbs--md: auto;
}

:where(.mb-as--sm, .mb-as--smd) {
    --fi-mbs--sm: auto;
}

:where(.mb-a) {
    --fi-mb: auto;
}

:where(.mb-a--lg, .mb-a--mdl) {
    --fi-mb--lg: auto;
}

:where(.mb-a--md, .mb-a--smd, .mb-a--mdl) {
    --fi-mb--md: auto;
}

:where(.mb-a--sm, .mb-a--smd) {
    --fi-mb--sm: auto;
}

:where(.mb-ae) {
    --fi-mbe: auto;
}

:where(.mb-ae--lg, .mb-ae--mdl) {
    --fi-mbe--lg: auto;
}

:where(.mb-ae--md, .mb-ae--smd, .mb-ae--mdl) {
    --fi-mbe--md: auto;
}

:where(.mb-ae--sm, .mb-ae--smd) {
    --fi-mbe--sm: auto;
}

:where(.fxnw, .nowrap) {
    --fxw: nowrap;
}

:where(.fxnw--lg, .fxnw--mdl, .nowrap--lg, .nowrap--mdl) {
    --fxw--lg: nowrap;
}

:where(.fxnw--md, .fxnw--smd, .fxnw--mdl, .nowrap--md, .nowrap--smd, .nowrap--mdl) {
    --fxw--md: nowrap;
}

:where(.fxnw--sm, .fxnw--smd, .nowrap--sm, .nowrap--smd) {
    --fxw--sm: nowrap;
}

:where(.fxw, .wrap) {
    --fxw: wrap;
}

:where(.fxw--lg, .fxw--mdl, .wrap--lg, .wrap--mdl) {
    --fxw--lg: wrap;
}

:where(.fxw--md, .fxw--smd, .fxw--mdl, .wrap--md, .wrap--smd, .wrap--mdl) {
    --fxw--md: wrap;
}

:where(.fxw--sm, .fxw--smd, .wrap--sm, .wrap--smd) {
    --fxw--sm: wrap;
}

:where(.fxwr, .wrap-reverse) {
    --fxw: wrap-reverse;
}

:where(.fxwr--lg, .fxwr--mdl, .wrap-reverse--lg, .wrap-reverse--mdl) {
    --fxw--lg: wrap-reverse;
}

:where(.fxwr--md, .fxwr--smd, .fxwr--mdl, .wrap-reverse--md, .wrap-reverse--smd, .wrap-reverse--mdl) {
    --fxw--md: wrap-reverse;
}

:where(.fxwr--sm, .fxwr--smd, .wrap-reverse--sm, .wrap-reverse--smd) {
    --fxw--sm: wrap-reverse;
}

:where(.g, [data-display~="grid"]) {

    --pos: relative;
    --_pos: var(--pos);
    position: var(--_pos);

    --g-d: grid;
    --_d: var(--g-d);
    display: var(--_d);

--areas: none;
    --_gta: var(--gta, var(--areas));
    grid-template-areas: var(--_gta);

--g-min: var(--g-min--, var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem)));

    --g-max: 1fr;

    --g-cols: auto-fit;

--_gtc: var(--gtc,
            repeat(var(--g-cols), var(--g-col,
                    minmax(var(--g-min), var(--g-max)))));
    grid-template-columns: var(--_gtc);

--gtr: none;
    --_gtr: var(--gtr);
    grid-template-rows: var(--_gtr);

--gac-min: auto;

    --gac-max: auto;

--_gac: var(--gac,
            minmax(var(--gac-min), var(--gac-max)));
    grid-auto-columns: var(--_gac);

--gar-min: auto;

    --gar-max: auto;

--_gar: var(--gar,
            minmax(var(--gar-min), var(--gar-max)));
    grid-auto-rows: var(--_gar);

--gaf: row;
    --_gaf: var(--gaf);
    grid-auto-flow: var(--_gaf);

--g-ai: var(--ai);
    --_ai: var(--g-ai);
    align-items: var(--_ai);

--g-ac: var(--ac);
    --_ac: var(--g-ac);
    align-content: var(--_ac);

--g-ji: var(--ji);
    --_ji: var(--g-ji);
    justify-items: var(--_ji);

--g-jc: var(--jc);
    --_jc: var(--g-jc);
    justify-content: var(--_jc);

--_g-g--: var(--g-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
    --g-rg: var(--g-rg--, var(--_g-g--));
    --g-cg: var(--g-cg--, var(--_g-g--));

--_g: var(--g-g,
            var(--_rg, var(--g-rg)) var(--_cg, var(--g-cg)));
    gap: var(--_g);
}

@layer reset {
    :where(.g, [data-display~="grid"]) {
        --gta: initial;
        --gta--sm: initial;
        --gta--md: initial;
        --gta--lg: initial;

        --areas--sm: initial;
        --areas--md: initial;
        --areas--lg: initial;

        --gtc: initial;
        --gtc--sm: initial;
        --gtc--md: initial;
        --gtc--lg: initial;

        --g-cols--sm: initial;
        --g-cols--md: initial;
        --g-cols--lg: initial;

        --g-col: initial;
        --g-col--sm: initial;
        --g-col--md: initial;
        --g-col--lg: initial;

        --g-min--sm: initial;
        --g-min--md: initial;
        --g-min--lg: initial;
        --g-min--xsm: initial;

        --g-max--sm: initial;
        --g-max--md: initial;
        --g-max--lg: initial;

        --gtr--sm: initial;
        --gtr--md: initial;
        --gtr--lg: initial;

        --gac: initial;
        --gac--sm: initial;
        --gac--md: initial;
        --gac--lg: initial;

        --gac-min--sm: initial;
        --gac-min--md: initial;
        --gac-min--lg: initial;

        --gac-max--sm: initial;
        --gac-max--md: initial;
        --gac-max--lg: initial;

        --gar: initial;
        --gar--sm: initial;
        --gar--md: initial;
        --gar--lg: initial;

        --gar-min--sm: initial;
        --gar-min--md: initial;
        --gar-min--lg: initial;

        --gar-max--sm: initial;
        --gar-max--md: initial;
        --gar-max--lg: initial;

        --gaf--sm: initial;
        --gaf--md: initial;
        --gaf--lg: initial;

        --ai: initial;
        --ac: initial;
        --ji: initial;
        --jc: initial;

        --_rg: initial;
        --_cg: initial;
        --g-g: initial;

        --g-g--sm: initial;
        --g-rg--sm: initial;
        --g-cg--sm: initial;

        --g-g--md: initial;
        --g-rg--md: initial;
        --g-cg--md: initial;

        --g-g--lg: initial;
        --g-rg--lg: initial;
        --g-cg--lg: initial;
    }
}

:where(:not(.g, [data-display~="grid"], .sg, [data-display="subgrid"], .sgr, [data-display~="subrow"], .sgc, [data-display~="subcol"], :is(.s, [data-display~="section"]) > *):has(> :where(.g, [data-display~="grid"]))) {
    --_cq-name: var(--cq-name, gp);
    --_cq-type: var(--cq-type, inline-size);
    container: var(--_cq-name, gp) / var(--_cq-type, inline-size);

    --_bxsz: border-box;
    box-sizing: var(--_bxsz);
}

:where(:not(.g, [data-display~="grid"], .sg, [data-display="subgrid"], .sgr, [data-display~="subrow"], .sgc, [data-display~="subcol"], :is(.s, [data-display~="section"]) > *):has(> :where(.g, [data-display~="grid"]))) {
    --_miis: var(--cq-miis, var(--cq-miw, 0));
    min-inline-size: var(--_miis);

    --_is: var(--cq-is, var(--cq-w, 100%));
    inline-size: var(--_is);

    --_mais: var(--cq-mais, var(--cq-maw, 100%));
    max-inline-size: var(--_mais);
}

@container (width < 30rem) {
    :where(.g, [data-display~="grid"]) {

        --_gta: var(--gta--sm, var(--gta, var(--areas--sm, var(--areas))));

--_gtc: var(--gtc--sm, var(--gtc,
                    repeat(var(--g-cols--sm, var(--g-cols)), var(--g-col--sm, var(--g-col,
                                minmax(var(--g-min--sm, var(--g-min)), var(--g-max--sm, var(--g-max))))))));

--_gtr: var(--gtr--sm, var(--gtr));

--_gac: var(--gac--sm, var(--gac,
                    minmax(var(--gac-min--sm, var(--gac-min)), var(--gac-max--sm, var(--gac-max)))));

--_gar: var(--gar--sm, var(--gar,
                    minmax(var(--gar-min--sm, var(--gar-min)), var(--gar-max--sm, var(--gar-max)))));

--_gaf: var(--gaf--sm, var(--gaf));

--_ai: var(--g-ai--sm, var(--g-ai));

        --_ac: var(--g-ac--sm, var(--g-ac));

        --_ji: var(--g-ji--sm, var(--g-ji));

        --_jc: var(--g-jc--sm, var(--g-jc));

--_g: var(--g-g--sm, var(--g-g, var(--_rg, var(--g-rg--sm, var(--g-rg)))) var(--_cg, var(--g-cg--sm, var(--g-cg))));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.g, [data-display~="grid"]) {

        --_gta: var(--gta--md, var(--gta, var(--areas--md, var(--areas))));

--_gtc: var(--gtc--md, var(--gtc,
                    repeat(var(--g-cols--md, var(--g-cols)), var(--g-col--md, var(--g-col,
                                minmax(var(--g-min--md, var(--g-min)), var(--g-max--md, var(--g-max))))))));

--_gtr: var(--gtr--md, var(--gtr));

--_gac: var(--gac--md, var(--gac,
                    minmax(var(--gac-min--md, var(--gac-min)), var(--gac-max--md, var(--gac-max)))));

--_gar: var(--gar--md, var(--gar,
                    minmax(var(--gar-min--md, var(--gar-min)), var(--gar-max--md, var(--gar-max)))));

--_gaf: var(--gaf--md, var(--gaf));

--_ai: var(--g-ai--md, var(--g-ai));

        --_ac: var(--g-ac--md, var(--g-ac));

        --_ji: var(--g-ji--md, var(--g-ji));

        --_jc: var(--g-jc--md, var(--g-jc));

--_g: var(--g-g--md, var(--g-g, var(--_rg, var(--g-rg--md, var(--g-rg)))) var(--_cg, var(--g-cg--md, var(--g-cg))));
    }
}

@container (width > 60rem) {
    :where(.g, [data-display~="grid"]) {

        --_gta: var(--gta--lg, var(--gta, var(--areas--lg, var(--areas))));

--_gtc: var(--gtc--lg, var(--gtc,
                    repeat(var(--g-cols--lg, var(--g-cols)), var(--g-col--lg, var(--g-col,
                                minmax(var(--g-min--lg, var(--g-min)), var(--g-max--lg, var(--g-max))))))));

--_gtr: var(--gtr--lg, var(--gtr));

--_gac: var(--gac--lg, var(--gac,
                    minmax(var(--gac-min--lg, var(--gac-min)), var(--gac-max--lg, var(--gac-max)))));

--_gar: var(--gar--lg, var(--gar,
                    minmax(var(--gar-min--lg, var(--gar-min)), var(--gar-max--lg, var(--gar-max)))));

--_gaf: var(--gaf--lg, var(--gaf));

--_ai: var(--g-ai--lg, var(--g-ai));

        --_ac: var(--g-ac--lg, var(--g-ac));

        --_ji: var(--g-ji--lg, var(--g-ji));

        --_jc: var(--g-jc--lg, var(--g-jc));

--_g: var(--g-g--lg, var(--g-g, var(--_rg, var(--g-rg--lg, var(--g-rg)))) var(--_cg, var(--g-cg--lg, var(--g-cg))));
    }
}

@container (width <= 20rem) {
    :where(.g, [data-display~="grid"]) {
        --g-min--sm: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
        --_gtc: var(--gtc--sm, var(--gtc,
                    repeat(var(--g-cols--sm, var(--g-cols)), var(--g-col--sm, var(--g-col,
                                minmax(var(--g-min--xsm, var(--g-min--sm)), var(--g-max--sm, var(--g-max))))))));
    }
}

:where(.sg, [data-display~="subgrid"], .sgr, [data-display~="subrow"], .sgc, [data-display="subcol"]) {
    --sg-d: grid;
    --_d: var(--sg-d);
    display: var(--_d);

--_sg-g--: var(--sg-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
    --sg-rg: var(--sg-rg--, var(--_sg-g--));
    --sg-cg: var(--sg-cg--, var(--_sg-g--));

--_g: var(--sg-g,
            var(--_rg, var(--sg-rg)) var(--_cg, var(--sg-cg)));
    gap: var(--_g);
}

:where(.sg, [data-display~="subgrid"], .sgr, [data-display~="subrow"]) {
    --sgtr: auto;
    --_gtr: var(--sgtr);
    grid-template-rows: var(--_gtr);

    --_rg: var(--sg-rg);
}

:where(.sg, [data-display~="subgrid"], .sgc, [data-display="subcol"]) {
    --sgtc: auto;
    --_gtc: var(--sgtc);
    grid-template-columns: var(--_gtc);

    --_cg: var(--sg-cg);
}

@container (width < 30rem) {

    :where(.sg--sm, [data-display~="subgrid--sm"], .sgr--sm, [data-display~="subrow--sm"], .sgc--sm, [data-display="subcol--sm"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"], .sgc--smd, [data-display="subcol--smd"]) {
        --sg-d: grid;
        --_d: var(--sg-d--sm, var(--sg-d));
        display: var(--_d);

--_sg-g--: var(--sg-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
        --sg-rg: var(--sg-rg--, var(--_sg-g--));
        --sg-cg: var(--sg-cg--, var(--_sg-g--));

--_g: var(--sg-g--sm, var(--sg-g,
                    var(--_rg, var(--sg-rg--sm, var(--sg-rg))) var(--_cg, var(--sg-cg--sm, var(--sg-cg)))));
        gap: var(--_g);
    }

:where(.sg--sm, [data-display~="subgrid--sm"], .sgr--sm, [data-display~="subrow--sm"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"]) {
        --sgtr: auto;
        --_gtr: var(--sgtr--sm, var(--sgtr));
        grid-template-rows: var(--_gtr);

        --_rg: var(--sg-rg--sm, var(--sg-rg));
    }

:where(.sg--sm, [data-display~="subgrid--sm"], .sgc--sm, [data-display="subcol--sm"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgc--smd, [data-display="subcol--smd"]) {
        --sgtc: auto;
        --_gtc: var(--sgtc--sm, var(--sgtc));
        grid-template-columns: var(--_gtc);

        --_cg: var(--sg-cg--sm, var(--sg-cg));
    }
}

@container (30rem <= width <= 60rem) {

    :where(.sg--md, [data-display~="subgrid--md"], .sgr--md, [data-display~="subrow--md"], .sgc--md, [data-display="subcol--md"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"], .sgc--smd, [data-display="subcol--smd"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
        --sg-d: grid;
        --_d: var(--sg-d--md, var(--sg-d));
        display: var(--_d);

--_sg-g--: var(--sg-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
        --sg-rg: var(--sg-rg--, var(--_sg-g--));
        --sg-cg: var(--sg-cg--, var(--_sg-g--));

--_g: var(--sg-g--md, var(--sg-g,
                    var(--_rg, var(--sg-rg--md, var(--sg-rg))) var(--_cg, var(--sg-cg--md, var(--sg-cg)))));
        gap: var(--_g);
    }

:where(.sg--md, [data-display~="subgrid--md"], .sgr--md, [data-display~="subrow--md"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"]) {
        --sgtr: auto;
        --_gtr: var(--sgtr--md, var(--sgtr));
        grid-template-rows: var(--_gtr);

        --_rg: var(--sg-rg--md, var(--sg-rg));
    }

:where(.sg--md, [data-display~="subgrid--md"], .sgc--md, [data-display="subcol--md"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgc--smd, [data-display="subcol--smd"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
        --sgtc: auto;
        --_gtc: var(--sgtc--md, var(--sgtc));
        grid-template-columns: var(--_gtc);

        --_cg: var(--sg-cg--md, var(--sg-cg));
    }
}

@container (width > 60rem) {

    :where(.sg--lg, [data-display~="subgrid--lg"], .sgr--lg, [data-display~="subrow--lg"], .sgc--lg, [data-display="subcol--lg"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
        --sg-d: grid;
        --_d: var(--sg-d--lg, var(--sg-d));
        display: var(--_d);

--_sg-g--: var(--sg-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
        --sg-rg: var(--sg-rg--, var(--_sg-g--));
        --sg-cg: var(--sg-cg--, var(--_sg-g--));

--_g: var(--sg-g--lg, var(--sg-g,
                    var(--_rg, var(--sg-rg--lg, var(--sg-rg))) var(--_cg, var(--sg-cg--lg, var(--sg-cg)))));
        gap: var(--_g);
    }

:where(.sg--lg, [data-display~="subgrid--lg"], .sgr--lg, [data-display~="subrow--lg"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"]) {
        --sgtr: auto;
        --_gtr: var(--sgtr--lg, var(--sgtr));
        grid-template-rows: var(--_gtr);

        --_rg: var(--sg-rg--lg, var(--sg-rg));
    }

:where(.sg--lg, [data-display~="subgrid--lg"], .sgc--lg, [data-display="subcol--lg"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
        --sgtc: auto;
        --_gtc: var(--sgtc--lg, var(--sgtc));
        grid-template-columns: var(--_gtc);

        --_cg: var(--sg-cg--lg, var(--sg-cg));
    }
}

@supports (grid-template-rows: subgrid) {
    :where(.sg, [data-display~="subgrid"], .sgr, [data-display~="subrow"]) {
        --sgtr: subgrid;
    }

    @container (width < 30rem) {

        :where(.sg--sm, [data-display~="subgrid--sm"], .sgr--sm, [data-display~="subrow--sm"]),
        :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"]) {
            --sgtr--sm: subgrid;
        }
    }

    @container (30rem <= width <= 60rem) {

        :where(.sg--md, [data-display~="subgrid--md"], .sgr--md, [data-display~="subrow--md"]),
        :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"]),
        :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"]) {
            --sgtr--md: subgrid;
        }
    }

    @container (width > 60rem) {

        :where(.sg--lg, [data-display~="subgrid--lg"], .sgr--lg, [data-display~="subrow--lg"]),
        :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"]) {
            --sgtr--lg: subgrid;
        }
    }
}

@supports (grid-template-columns: subgrid) {
    :where(.sg, [data-display~="subgrid"], .sgc, [data-display="subcol"]) {
        --sgtc: subgrid;
    }

    @container (width < 30rem) {

        :where(.sg--sm, [data-display~="subgrid--sm"], .sgc--sm, [data-display="subcol--sm"]),
        :where(.sg--smd, [data-display~="subgrid--smd"], .sgc--smd, [data-display="subcol--smd"]) {
            --sgtc--sm: subgrid;
        }
    }

    @container (30rem <= width <= 60rem) {

        :where(.sg--md, [data-display~="subgrid--md"], .sgc--md, [data-display="subcol--md"]),
        :where(.sg--smd, [data-display~="subgrid--smd"], .sgc--smd, [data-display="subcol--smd"]),
        :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
            --sgtc--md: subgrid;
        }
    }

    @container (width > 60rem) {

        :where(.sg--lg, [data-display~="subgrid--lg"], .sgc--lg, [data-display="subcol--lg"]),
        :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
            --sgtc--lg: subgrid;
        }
    }
}

@layer reset {

    :where(.sg, [data-display~="subgrid"], .sgr, [data-display~="subrow"], .sgc, [data-display="subcol"]),
    :where(.sg--sm, [data-display~="subgrid--sm"], .sgr--sm, [data-display~="subrow--sm"], .sgc--sm, [data-display="subcol--sm"]),
    :where(.sg--md, [data-display~="subgrid--md"], .sgr--md, [data-display~="subrow--md"], .sgc--md, [data-display="subcol--md"]),
    :where(.sg--lg, [data-display~="subgrid--lg"], .sgr--lg, [data-display~="subrow--lg"], .sgc--lg, [data-display="subcol--lg"]),
    :where(.sg--smd, [data-display~="subgrid--smd"], .sgr--smd, [data-display~="subrow--smd"], .sgc--smd, [data-display="subcol--smd"]),
    :where(.sg--mdl, [data-display~="subgrid--mdl"], .sgr--mdl, [data-display~="subrow--mdl"], .sgc--mdl, [data-display="subcol--mdl"]) {
        --sg-g: initial;
        --sg-g--sm: initial;
        --sg-g--md: initial;
        --sg-g--lg: initial;

        --sg-rg--sm: initial;
        --sg-rg--md: initial;
        --sg-rg--lg: initial;

        --sg-cg--sm: initial;
        --sg-cg--md: initial;
        --sg-cg--lg: initial;
    }
}

:where(.g, [data-display="grid"])> :where(*, .gi, [data-part="item"]),
:where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"])> :where(*, .gi, [data-part="item"]) {

--area: auto;
    --_ga: var(--ga, var(--area));
    grid-area: var(--_ga);

--gi-col: auto;
    --_gc: var(--gc, var(--gi-col));
    grid-column: var(--_gc);

--gi-row: auto;
    --_gr: var(--gr, var(--gi-row));
    grid-row: var(--_gr);

--as: auto;
    --gi-as: var(--as);
    --_as: var(--gi-as);
    align-self: var(--_as);

--js: auto;
    --gi-js: var(--js);
    --_js: var(--gi-js);
    justify-self: var(--_js);

--gi-o: var(--o, 0);
    --_o: var(--gi-o);
    order: var(--_o);

--gi-mbs: 0;
    --_mbs: var(--gi-mbs);
    min-block-size: var(--_mbs);

--gi-mis: 0;
    --_mis: var(--gi-mis);
    min-inline-size: var(--_mis);
}

@container (width < 30rem) {

    :where(.g, [data-display="grid"])> :where(*, .gi, [data-part="item"]),
	 :where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"])> :where(*, .gi, [data-part="item"]) {

--_ga: var(--ga--sm, var(--ga, var(--area--sm, var(--area))));

        --_gc: var(--gc--sm, var(--gc, var(--gi-col--sm, var(--gi-col))));

        --_gr: var(--gr--sm, var(--gr, var(--gi-row--sm, var(--gi-row))));

--_as: var(--gi-as--sm, var(--gi-as));

        --_js: var(--gi-js--sm, var(--gi-js));

        --_o: var(--gi-o--sm, var(--gi-o));
    }
}

@container (30rem <= width <= 60rem) {

    :where(.g, [data-display="grid"])> :where(*, .gi, [data-part="item"]),
	 :where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"])> :where(*, .gi, [data-part="item"]) {

--_ga: var(--ga--md, var(--ga, var(--area--md, var(--area))));

        --_gc: var(--gc--md, var(--gc, var(--gi-col--md, var(--gi-col))));

        --_gr: var(--gr--md, var(--gr, var(--gi-row--md, var(--gi-row))));

--_as: var(--gi-as--md, var(--gi-as));

        --_js: var(--gi-js--md, var(--gi-js));

        --_o: var(--gi-o--md, var(--gi-o));
    }
}

@container (width > 60rem) {

    :where(.g, [data-display="grid"])> :where(*, .gi, [data-part="item"]),
	 :where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"])> :where(*, .gi, [data-part="item"]) {

--_ga: var(--ga--lg, var(--ga, var(--area--lg, var(--area))));

        --_gc: var(--gc--lg, var(--gc, var(--gi-col--lg, var(--gi-col))));

        --_gr: var(--gr--lg, var(--gr, var(--gi-row--lg, var(--gi-row))));

--_as: var(--gi-as--lg, var(--gi-as));

        --_js: var(--gi-js--lg, var(--gi-js));

        --_o: var(--gi-o--lg, var(--gi-o));
    }
}

@layer reset {

    :where(.g, [data-display="grid"])> :where(*, .gi, [data-part="item"]),
	 :where(.sg, [class*="sg--"], [data-display*="subgrid"], .sgc, [class*="sgc--"], [data-display*="subcol"], .sgr, [class*="sgr--"], [data-display*="subrow"])> :where(*, .gi, [data-part="item"]) {
        --area--sm: initial;
        --area--md: initial;
        --area--lg: initial;

        --gc: initial;
        --gc--sm: initial;
        --gc--md: initial;
        --gc--lg: initial;
        --gi-col--sm: initial;
        --gi-col--md: initial;
        --gi-col--lg: initial;

        --gr: initial;
        --gr--sm: initial;
        --gr--md: initial;
        --gr--lg: initial;
        --gi-row--sm: initial;
        --gi-row--md: initial;
        --gi-row--lg: initial;

        --gi-as--sm: initial;
        --gi-as--md: initial;
        --gi-as--lg: initial;

        --gi-js--sm: initial;
        --gi-js--md: initial;
        --gi-js--lg: initial;

        --gi-o--sm: initial;
        --gi-o--md: initial;
        --gi-o--lg: initial;

        --o: initial;
    }
}

:where(.gc-1) {
    --gi-col: span 1;
}

:where(.gc-1--sm, .gc-1--smd) {
    --gi-col--sm: span 1;
}

:where(.gc-1--md, .gc-1--smd, .gc-1--mdl) {
    --gi-col--md: span 1;
}

:where(.gc-1--lg, .gc-1--mdl) {
    --gi-col--lg: span 1;
}

:where(.gc-2) {
    --gi-col: span 2;
}

:where(.gc-2--sm, .gc-2--smd) {
    --gi-col--sm: span 2;
}

:where(.gc-2--md, .gc-2--smd, .gc-2--mdl) {
    --gi-col--md: span 2;
}

:where(.gc-2--lg, .gc-2--mdl) {
    --gi-col--lg: span 2;
}

:where(.gc-3) {
    --gi-col: span 3;
}

:where(.gc-3--sm, .gc-3--smd) {
    --gi-col--sm: span 3;
}

:where(.gc-3--md, .gc-3--smd, .gc-3--mdl) {
    --gi-col--md: span 3;
}

:where(.gc-3--lg, .gc-3--mdl) {
    --gi-col--lg: span 3;
}

:where(.gc-4) {
    --gi-col: span 4;
}

:where(.gc-4--sm, .gc-4--smd) {
    --gi-col--sm: span 4;
}

:where(.gc-4--md, .gc-4--smd, .gc-4--mdl) {
    --gi-col--md: span 4;
}

:where(.gc-4--lg, .gc-4--mdl) {
    --gi-col--lg: span 4;
}

:where(.gc-5) {
    --gi-col: span 5;
}

:where(.gc-5--sm, .gc-5--smd) {
    --gi-col--sm: span 5;
}

:where(.gc-5--md, .gc-5--smd, .gc-5--mdl) {
    --gi-col--md: span 5;
}

:where(.gc-5--lg, .gc-5--mdl) {
    --gi-col--lg: span 5;
}

:where(.gc-6) {
    --gi-col: span 6;
}

:where(.gc-6--sm, .gc-6--smd) {
    --gi-col--sm: span 6;
}

:where(.gc-6--md, .gc-6--smd, .gc-6--mdl) {
    --gi-col--md: span 6;
}

:where(.gc-6--lg, .gc-6--mdl) {
    --gi-col--lg: span 6;
}

:where(.gc-7) {
    --gi-col: span 7;
}

:where(.gc-7--sm, .gc-7--smd) {
    --gi-col--sm: span 7;
}

:where(.gc-7--md, .gc-7--smd, .gc-7--mdl) {
    --gi-col--md: span 7;
}

:where(.gc-7--lg, .gc-7--mdl) {
    --gi-col--lg: span 7;
}

:where(.gc-8) {
    --gi-col: span 8;
}

:where(.gc-8--sm, .gc-8--smd) {
    --gi-col--sm: span 8;
}

:where(.gc-8--md, .gc-8--smd, .gc-8--mdl) {
    --gi-col--md: span 8;
}

:where(.gc-8--lg, .gc-8--mdl) {
    --gi-col--lg: span 8;
}

:where(.gc-9) {
    --gi-col: span 9;
}

:where(.gc-9--sm, .gc-9--smd) {
    --gi-col--sm: span 9;
}

:where(.gc-9--md, .gc-9--smd, .gc-9--mdl) {
    --gi-col--md: span 9;
}

:where(.gc-9--lg, .gc-9--mdl) {
    --gi-col--lg: span 9;
}

:where(.gc-10) {
    --gi-col: span 10;
}

:where(.gc-10--sm, .gc-10--smd) {
    --gi-col--sm: span 10;
}

:where(.gc-10--md, .gc-10--smd, .gc-10--mdl) {
    --gi-col--md: span 10;
}

:where(.gc-10--lg, .gc-10--mdl) {
    --gi-col--lg: span 10;
}

:where(.gc-11) {
    --gi-col: span 11;
}

:where(.gc-11--sm, .gc-11--smd) {
    --gi-col--sm: span 11;
}

:where(.gc-11--md, .gc-11--smd, .gc-11--mdl) {
    --gi-col--md: span 11;
}

:where(.gc-11--lg, .gc-11--mdl) {
    --gi-col--lg: span 11;
}

:where(.gc-12) {
    --gi-col: span 12;
}

:where(.gc-12--sm, .gc-12--smd) {
    --gi-col--sm: span 12;
}

:where(.gc-12--md, .gc-12--smd, .gc-12--mdl) {
    --gi-col--md: span 12;
}

:where(.gc-12--lg, .gc-12--mdl) {
    --gi-col--lg: span 12;
}

:where(.gr-1) {
    --gi-row: span 1;
}

:where(.gr-1--sm, .gr-1--smd) {
    --gi-row--sm: span 1;
}

:where(.gr-1--md, .gr-1--smd, .gr-1--mdl) {
    --gi-row--md: span 1;
}

:where(.gr-1--lg, .gr-1--mdl) {
    --gi-row--lg: span 1;
}

:where(.gr-2) {
    --gi-row: span 2;
}

:where(.gr-2--sm, .gr-2--smd) {
    --gi-row--sm: span 2;
}

:where(.gr-2--md, .gr-2--smd, .gr-2--mdl) {
    --gi-row--md: span 2;
}

:where(.gr-2--lg, .gr-2--mdl) {
    --gi-row--lg: span 2;
}

:where(.gr-3) {
    --gi-row: span 3;
}

:where(.gr-3--sm, .gr-3--smd) {
    --gi-row--sm: span 3;
}

:where(.gr-3--md, .gr-3--smd, .gr-3--mdl) {
    --gi-row--md: span 3;
}

:where(.gr-3--lg, .gr-3--mdl) {
    --gi-row--lg: span 3;
}

:where(.gr-4) {
    --gi-row: span 4;
}

:where(.gr-4--sm, .gr-4--smd) {
    --gi-row--sm: span 4;
}

:where(.gr-4--md, .gr-4--smd, .gr-4--mdl) {
    --gi-row--md: span 4;
}

:where(.gr-4--lg, .gr-4--mdl) {
    --gi-row--lg: span 4;
}

:where(.gr-5) {
    --gi-row: span 5;
}

:where(.gr-5--sm, .gr-5--smd) {
    --gi-row--sm: span 5;
}

:where(.gr-5--md, .gr-5--smd, .gr-5--mdl) {
    --gi-row--md: span 5;
}

:where(.gr-5--lg, .gr-5--mdl) {
    --gi-row--lg: span 5;
}

:where(.gc-f) {
    --gi-col: 1 / -1;
}

:where(.gc-f--sm, .gc-f--smd) {
    --gi-col--sm: 1 / -1;
}

:where(.gc-f--md, .gc-f--smd, .gc-f--mdl) {
    --gi-col--md: 1 / -1;
}

:where(.gc-f--lg, .gc-f--mdl) {
    --gi-col--lg: 1 / -1;
}

:where(.gr-f) {
    --gi-row: 1 / -1;
}

:where(.gr-f--sm, .gr-f--smd) {
    --gi-row--sm: 1 / -1;
}

:where(.gr-f--md, .gr-f--smd, .gr-f--mdl) {
    --gi-row--md: 1 / -1;
}

:where(.gr-f--lg, .gr-f--mdl) {
    --gi-row--lg: 1 / -1;
}

:where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [data-recipe~="carousel"], [data-recipe*="carousel-"]) {

--gaf: column;
    --gtc: none;

--g-cw: var(--g-min, var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem)));
     --gac: minmax(var(--g-cw), var(--g-cm, auto));

--_ovi: var(--g-ovi, auto);
    overflow-inline: var(--_ovi);

    --_osbi: var(--g-osbi, contain);
    overscroll-behavior-inline: var(--_osbi);

    --_sst: var(--g-sst, var(--g-sst-ax, inline) var(--g-sst-ay, mandatory));
    scroll-snap-type: var(--_sst);

    --_spi: var(--g-spi, 0);
    scroll-padding-inline: var(--_spi);

--_sbw: var(--g-sbw, none);
    scrollbar-width: var(--_sbw);

    --_sbc: var(--g-sbc, transparent transparent);
    scrollbar-color: var(--_sbc);

     --_pb: var(--g-pb,
        var(--g-pbs, 0)
        var(--g-pbe, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem))));
     padding-block: var(--_pb);
}

:where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"])::-webkit-scrollbar {
    display: var(--g-sbd, none);
}

:where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"])> :where(*, .ss-c, [data-recipe~="snap-center"], .scr-c, .crs-c, [data-recipe~="centered"]) {
    --_ssa: var(--gi-ssa, start);
    scroll-snap-align: var(--_ssa);
}

:where(.g, [data-display="grid"]):where(.ss-c, [data-recipe~="snap-center"], .scr-c, .crs-c, [data-recipe~="centered"]) {
    --gi-ssa: center;
}

@supports (scroll-initial-target: nearest) {

    :where(.g, [data-display="grid"]):where(.ss-i, [data-recipe~="snap-initial"], .crs-c,
    [data-recipe~="centered"]) > :where(:first-child) {
        scroll-initial-target: nearest;
    }

}

:where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"]) {
    --g-cw: var(--g-cw-scr, var(--g-cw-scr-1, 100%));
    --g-cw-scr-1: 100%;
    --g-cw-scr-2: calc((100% - var(--g-cg, 2.5rem)) / 2);
    --g-cw-scr-3: calc((100% - (var(--g-cg, 2.5rem) * 2)) / 3);
    --g-cw-scr-4: calc((100% - (var(--g-cg, 2.5rem) * 3)) / 4);
}

:where(.g, [data-display="grid"]):where(.crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"]) {
    --g-cw: var(--g-cw-crs, var(--g-min, var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem))));
    --g-cw-crs-1: calc(100% - var(--g-cg, 2.5rem) - var(--g-peek, 33.3%));
    --g-cw-crs-2: calc((100% - var(--g-cg, 2.5rem) * 2) / 2.5);
    --g-cw-crs-3: calc((100% - (var(--g-cg, 2.5rem) * 3)) / 3.5);
    --g-cw-crs-4: calc((100% - (var(--g-cg, 2.5rem) * 4)) / 4.5);
}

:where(.g, [data-display="grid"]):where(.scr-2, [data-recipe~="scroll-2"]) {
    --g-cw-scr: var(--g-cw-scr-2, 48%);
}

:where(.g, [data-display="grid"]):where(.scr-3, [data-recipe~="scroll-3"]) {
    --g-cw-scr: var(--g-cw-scr-3, 30%);
}

:where(.g, [data-display="grid"]):where(.scr-4, [data-recipe~="scroll-4"]) {
    --g-cw-scr: var(--g-cw-scr-4, 22%);
}

:where(.g, [data-display="grid"]):where(.crs-1, [data-recipe~="carousel-1"]) {
    --g-cw-crs: var(--g-cw-crs-1, 64%);
}

:where(.g, [data-display="grid"]):where(.crs-2, [data-recipe~="carousel-2"]) {
    --g-cw-crs: var(--g-cw-crs-2, 37%);
}

:where(.g, [data-display="grid"]):where(.crs-3, [data-recipe~="carousel-3"]) {
    --g-cw-crs: var(--g-cw-crs-3, 26%);
}

:where(.g, [data-display="grid"]):where(.crs-4, [data-recipe~="carousel-4"]) {
    --g-cw-crs: var(--g-cw-crs-4, 20%);
}

@container (width > 60rem) {

	:where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--lg"], [class*="--mdl"])), :where(.g, [data-display="grid"]):where([class*="crs-"]:is([class*="--lg"], [class*="--mdl"]))  {

--gaf: column;
		--gtc: none;

--gac: minmax(var(--g-cw), var(--g-cm, auto));

--_ovi: var(--g-ovi, auto);
		overflow-inline: var(--_ovi);

		--_osbi: var(--g-osbi, contain);
		overscroll-behavior-inline: var(--_osbi);

		--_sst: var(--g-sst, var(--g-sst-ax, inline) var(--g-sst-ay, mandatory));
		scroll-snap-type: var(--_sst);

		--_spi: var(--g-spi, 0);
		scroll-padding-inline: var(--_spi);

--_sbw: var(--g-sbw, none);
		scrollbar-width: var(--_sbw);

		--_sbc: var(--g-sbc, transparent transparent);
		scrollbar-color: var(--_sbc);

		--_pb: var(--g-pb,
			var(--g-pbs, 0)
			var(--g-pbe, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem))));
		padding-block: var(--_pb);
    }

    :where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--lg"], [class*="--mdl"])) {
        --g-cw: var(--g-cw-scr--lg, var(--g-cw-scr, var(--g-cw-scr-1, 100%)));
    }

    :where(.g, [data-display="grid"]):where(.scr-2--lg, .scr-2--mdl) {
        --g-cw-scr: var(--g-cw-scr-2, 48%);
    }

    :where(.g, [data-display="grid"]):where(.scr-3--lg, .scr-3--mdl) {
        --g-cw-scr: var(--g-cw-scr-3, 30%);
    }

    :where(.g, [data-display="grid"]):where(.scr-4--lg, .scr-4--mdl) {
        --g-cw-scr: var(--g-cw-scr-4, 22%);
    }

:where(.g, [data-display="grid"]):where([class*="crs-"]:is([class*="--lg"], [class*="--mdl"])) {
        --g-cw: var(--g-cw-crs--lg, var(--g-cw-crs, 64%));
    }

    :where(.g, [data-display="grid"]):where(.crs-1--lg, .crs-1--mdl) {
    --g-cw-crs: var(--g-cw-crs-1, 64%);
    }

    :where(.g, [data-display="grid"]):where(.crs-2--lg, .crs-2--mdl) {
        --g-cw-crs: var(--g-cw-crs-2, 37%);
    }

    :where(.g, [data-display="grid"]):where(.crs-3--lg, .crs-3--mdl) {
        --g-cw-crs: var(--g-cw-crs-3, 26%);
    }

    :where(.g, [data-display="grid"]):where(.crs-4--lg, .crs-4--mdl) {
    --g-cw-crs: var(--g-cw-crs-4, 20%);
    }

}

@container (30rem <= width <= 60rem) {

	:where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--md"], [class*="--mdl"], [class*="--smd"]), .scr-2, [data-recipe~="scroll-2"]), :where(.g, [data-display="grid"]):where([class*="crs-"]:is([class*="--md"], [class*="--mdl"], [class*="--smd"]))  {

--gaf: column;
		--gtc: none;

--gac: minmax(var(--g-cw), var(--g-cm, auto));

--_ovi: var(--g-ovi, auto);
		overflow-inline: var(--_ovi);

		--_osbi: var(--g-osbi, contain);
		overscroll-behavior-inline: var(--_osbi);

		--_sst: var(--g-sst, var(--g-sst-ax, inline) var(--g-sst-ay, mandatory));
		scroll-snap-type: var(--_sst);

		--_spi: var(--g-spi, 0);
		scroll-padding-inline: var(--_spi);

--_sbw: var(--g-sbw, none);
		scrollbar-width: var(--_sbw);

		--_sbc: var(--g-sbc, transparent transparent);
		scrollbar-color: var(--_sbc);

		--_pb: var(--g-pb,
			var(--g-pbs, 0)
			var(--g-pbe, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem))));
		padding-block: var(--_pb);
    }

    :where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--md"], [class*="--mdl"], [class*="--smd"]), .scr-2, [data-recipe~="scroll-2"]) {
        --g-cw: var(--g-cw-scr--md, var(--g-cw-scr, 100%));
    }

    :where(.g, [data-display="grid"]):where(.scr-3, [data-recipe~="scroll-3"], .scr-2--md, .scr-2--smd, .scr-2--mdl) {
        --g-cw-scr: var(--g-cw-scr-2, 48%);
    }

    :where(.g, [data-display="grid"]):where(.scr-4, [data-recipe~="scroll-4"], .scr-3--md, .scr-3--smd, .scr-3--mdl) {
        --g-cw-scr: var(--g-cw-scr-3, 30%);
    }

    :where(.g, [data-display="grid"]):where(.scr-4--md, .scr-4--smd, .scr-4--mdl) {
        --g-cw-scr: var(--g-cw-scr-4, 22%);
    }

:where(.g, [data-display="grid"]):where([class*="crs-"]:is([class*="--md"], [class*="--mdl"], [class*="--smd"])) {
        --g-cw: var(--g-cw-crs--md, var(--g-cw-crs, 37%));
    }

    :where(.g, [data-display="grid"]):where(.crs-1, [data-recipe~="carousel-1"], .crs-2, [data-recipe~="carousel-2"], .crs-1--md, .crs-1--mdl, .crs-1--smd) {
    --g-cw-crs: var(--g-cw-crs-1, 64%);
    }

    :where(.g, [data-display="grid"]):where(.crs-3, [data-recipe~="carousel-3"], .crs-2--md, .crs-2--mdl, .crs-2--smd) {
        --g-cw-crs: var(--g-cw-crs-2, 37%);
    }

    :where(.g, [data-display="grid"]):where(.crs-4, [data-recipe~="carousel-4"], .crs-3--md, .crs-3--mdl, .crs-3--smd) {
        --g-cw-crs: var(--g-cw-crs-3, 26%);
    }

    :where(.g, [data-display="grid"]):where(.crs-4--md, .crs-4--mdl, .crs-4--smd) {
    --g-cw-crs: var(--g-cw-crs-4, 20%);
    }

}

@container (width < 30rem) {

	:where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--sm"], [class*="--smd"]), .scr-2, [data-recipe~="scroll-2"], .scr-3, [data-recipe~="scroll-3"]), :where(.g, [data-display="grid"]):where(.crs-1, [data-recipe~="carousel-1"], .crs-2, [data-recipe~="carousel-2"], .crs-3, [data-recipe~="carousel-3"], .crs-1--sm, .crs-1--smd) {

--gaf: column;
		--gtc: none;

--gac: minmax(var(--g-cw), var(--g-cm, auto));

--_ovi: var(--g-ovi, auto);
		overflow-inline: var(--_ovi);

		--_osbi: var(--g-osbi, contain);
		overscroll-behavior-inline: var(--_osbi);

		--_sst: var(--g-sst, var(--g-sst-ax, inline) var(--g-sst-ay, mandatory));
		scroll-snap-type: var(--_sst);

		--_spi: var(--g-spi, 0);
		scroll-padding-inline: var(--_spi);

--_sbw: var(--g-sbw, none);
		scrollbar-width: var(--_sbw);

		--_sbc: var(--g-sbc, transparent transparent);
		scrollbar-color: var(--_sbc);

		--_pb: var(--g-pb,
			var(--g-pbs, 0)
			var(--g-pbe, var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem))));
		padding-block: var(--_pb);
    }

    :where(.g, [data-display="grid"]):where([class*="scr-"]:is([class*="--sm"], [class*="--smd"]), .scr-2, [data-recipe~="scroll-2"], .scr-3, [data-recipe~="scroll-3"]) {
        --g-cw: var(--g-cw-scr--sm, var(--g-cw-scr, 100%));
    }

    :where(.g, [data-display="grid"]):where(.scr-4, [data-recipe~="scroll-4"], .scr-2--sm, .scr-2--smd) {
        --g-cw-scr: var(--g-cw-scr-2, 48%);
    }

    :where(.g, [data-display="grid"]):where(.scr-3--sm, .scr-3--smd) {
        --g-cw-scr: var(--g-cw-scr-3, 30%);
    }

    :where(.g, [data-display="grid"]):where(.scr-4--sm, .scr-4--smd) {
        --g-cw-scr: var(--g-cw-scr-4, 22%);
    }

:where(.g, [data-display="grid"]):where([class*="crs-"]:is([class*="--sm"], [class*="--smd"])) {
        --g-cw: var(--g-cw-crs--sm, var(--g-cw-crs, 64%));
    }

    :where(.g, [data-display="grid"]):where(.crs-1, [data-recipe~="carousel-1"], .crs-2, [data-recipe~="carousel-2"], .crs-3, [data-recipe~="carousel-3"], .crs-1--sm, .crs-1--smd) {
    --g-cw-crs: var(--g-cw-crs-1, 64%);
    }

    :where(.g, [data-display="grid"]):where(.crs-4, [data-recipe~="carousel-4"], .crs-2--sm, .crs-2--smd) {
        --g-cw-crs: var(--g-cw-crs-2, 37%);
    }

    :where(.g, [data-display="grid"]):where(.crs-3--sm, .crs-3--smd) {
        --g-cw-crs: var(--g-cw-crs-3, 26%);
    }

    :where(.g, [data-display="grid"]):where(.crs-4--sm, .crs-4--smd) {
    --g-cw-crs: var(--g-cw-crs-4, 20%);
    }

}

@supports selector(::scroll-button(*)) {

    :where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"]):where(.ctrs, .scr-ctrs, .crs-ctrs)::scroll-button(*) {
        border: 0;
        padding: 0;
        background: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
    }

    :where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"]):where(.ctrs, .scr-ctrs, .crs-ctrs)::scroll-button(inline-start) {
        content: "‹" / "Previous";
		position: absolute;
		bottom: 2rem;
    }

    :where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"]):where(.ctrs, .scr-ctrs, .crs-ctrs)::scroll-button(inline-end) {
        content: "›" / "Next";
    }

    :where(.g, [data-display="grid"]):where(.slr, [data-recipe~="slider"], .scr, .scr-1, .scr-2, .scr-3, .scr-4, [class*="scr-"][class*="--"], [data-recipe~="scroll"], [data-recipe*="scroll-"], .crs, .crs-1, .crs-2, .crs-3, .crs-4, [class*="crs-"][class*="--"], [data-recipe~="carousel"], [data-recipe*="carousel-"]):where(.ctrs, .scr-ctrs, .crs-ctrs)::scroll-button(*):disabled {
        opacity: 0.35;
        cursor: default;
    }

}

:where(.g, [data-display="grid"]):where(.g-ms, .g-gl, .grid-lanes, [data-recipe~="masonry"], [data-recipe~="gallery"], [data-recipe~="grid-lanes"], [data-recipe~="lanes"]) {

--g-d: block;
    --_d: var(--g-d);
    display: var(--_d);

--g-min: var(--g-min--, var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem)));
    column-width: var(--g-min);

    --g-cols: initial;
    column-count: var(--g-cols, auto);

--_masonry-gap: var(--g-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));

    --g-cg: var(--g-cg--, var(--_masonry-gap));
    column-gap: var(--_cg, var(--g-cg));

column-fill: auto;

> * {

        break-inside: avoid;

--g-rg: var(--g-g--, var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem)));
        margin-block-end: var(--_rg, var(--g-rg));

inline-size: 100%;
    }
}

@supports (display: grid-lanes) {

    :where(.g, [data-display="grid"]):where(.g-ms, .g-gl, .grid-lanes, [data-recipe~="masonry"], [data-recipe~="gallery"], [data-recipe~="grid-lanes"], [data-recipe~="lanes"]) {

--g-d: grid-lanes;
        --_d: var(--g-d);
        display: var(--_d);

column-width: auto;
        column-count: auto;
        column-gap: normal;
        column-fill: initial;

        > * {
            break-inside: auto;
            margin-block-end: 0;
            inline-size: auto;
        }
    }
}

:where(.g, [data-display="grid"]):where(.g-d, .dense) {
    --gaf: dense;
}

:where(.g, [data-display="grid"]):where(.g-i, .inline) {
    --g-d: inline-grid;
}

:where(.g, [data-display="grid"]):where(ul, ol, li, .cl) {

    --_lis: none;
    list-style: var(--_lis);

    --li-pis: 0;
    --l-pis: 0;
    --_pis: 0;
    padding-inline-start: var(--_pis);

--l-flow: 0;
}

:where(.g-1) {
    --g-cols: 1;
}

:where(.g-1--lg, .g-1--mdl) {
    --g-cols--lg: 1;
}

:where(.g-1--md, .g-1--smd, .g-1--mdl),
:where(.g-1-2, .g-2-1, .g-1-3, .g-3-1, .g-2-3, .g-3-2) {
    --g-cols--md: 1;
}

:where(.g-1--sm, .g-1--smd) {
    --g-cols--sm: 1;
}

:where(.g-2) {
    --g-cols--lg: 2;
    --g-cols--sm: 1;
    --g-cols--md: 1;
}

:where(.g-2--lg, .g-2--mdl) {
    --g-cols--lg: 2;
}

:where(.g-2--md, .g-2--smd, .g-2--mdl) {
    --g-cols--md: 2;
}

:where(.g-2--sm, .g-2--smd) {
    --g-cols--sm: 2;
}

:where(.g-3) {
    --g-cols--lg: 3;
    --g-cols--md: 2;
    --g-cols--sm: 1;
    --g-min--lg: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:where(.g-3--lg, .g-3--mdl) {
    --g-cols--lg: 3;
    --g-min--lg: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:where(.g-3--md, .g-3--mdl, .g-3--smd) {
    --g-cols--md: 3;
    --g-min--md: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-3--sm, .g-3--smd) {
    --g-cols--sm: 3;
    --g-min--sm: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.g-4) {
    --g-cols--lg: 4;
    --g-cols--md: 2;
    --g-cols--sm: 1;
    --g-min--lg: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
    --g-min--md: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:where(.g-4--lg, .g-4--mdl) {
    --g-cols--lg: 4;
    --g-min--lg: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-4--md, .g-4--mdl, .g-4--smd) {
    --g-cols--md: 4;
    --g-min--md: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g-4--sm, .g-4--smd) {
    --g-cols--sm: 4;
    --g-min--sm: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.g-5) {
    --g-cols--lg: 5;
    --g-cols--md: 3;
    --g-cols--sm: 1;
    --g-min--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
    --g-min--md: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-5--lg, .g-5--mdl) {
    --g-cols--lg: 5;
    --g-min--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g-5--md, .g-5--mdl) {
    --g-cols--md: 5;
    --g-min--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-6) {
    --g-cols--lg: 6;
    --g-cols--md: 4;
    --g-cols--sm: 2;
    --g-min--lg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
    --g-min--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
    --g-min--sm: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g-6--lg, .g-6--mdl) {
    --g-cols--lg: 6;
    --g-min--lg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-6--md, .g-6--mdl) {
    --g-cols--md: 6;
    --g-min--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g-8) {
    --g-cols--lg: 8;
    --g-cols--md: 4;
    --g-cols--sm: 2;
    --g-min--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
    --g-min--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
    --g-min--sm: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-8--lg, .g-8--mdl) {
    --g-cols--lg: 8;
    --g-min--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g-8--md, .g-8--mdl) {
    --g-cols--md: 4;
    --g-min--md: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g-9) {
    --g-cols--lg: 9;
    --g-cols--md: 6;
    --g-cols--sm: 3;
    --g-min--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
    --g-min--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
    --g-min--sm: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-9--lg, .g-9--mdl) {
    --g-cols--lg: 9;
    --g-min--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g-9--md, .g-9--mdl) {
    --g-cols--md: 9;
    --g-min--md: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g-1-2, .g-2-1, .g-1-2--lg, .g-2-1--lg, .g-1-2--mdl, .g-2-1--mdl) {
    --g-cols--lg: 3;
    --g-min--lg: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:where(.g-1-2--md, .g-2-1--md, .g-1-2--mdl, .g-2-1--mdl) {
    --g-cols--md: 3;
    --g-min--md: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-1-2, .g-1-2--lg, .g-1-2--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 1;
}

:where(.g-1-2, .g-1-2--lg, .g-1-2--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 2;
}

:where(.g-1-2--md, .g-1-2--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 1;
}

:where(.g-1-2--md, .g-1-2--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 2;
}

:where(.g-2-1, .g-2-1--lg, .g-2-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 2;
}

:where(.g-2-1, .g-2-1--lg, .g-2-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 1;
}

:where(.g-2-1--md, .g-2-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 2;
}

:where(.g-2-1--md, .g-2-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 1;
}

:where(.g-2-3, .g-3-2, .g-2-3--lg, .g-3-2--lg, .g-2-3--mdl, .g-3-2--mdl) {
    --g-cols--lg: 5;
    --g-min--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g-2-3, .g-3-2, .g-2-3--md, .g-3-2--md, .g-2-3--mdl, .g-3-2--mdl) {
    --g-cols--md: 5;
    --g-min--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-2-3, .g-2-3--lg, .g-2-3--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 2;
}

:where(.g-2-3, .g-2-3--lg, .g-2-3--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 3;
}

:where(.g-2-3--md, .g-2-3--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 2;
}

:where(.g-2-3--md, .g-2-3--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 3;
}

:where(.g-3-2, .g-3-2--lg, .g-3-2--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 3;
}

:where(.g-3-2, .g-3-2--lg, .g-3-2--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 2;
}

:where(.g-3-2--md, .g-3-2--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 3;
}

:where(.g-3-2--md, .g-3-2--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 2;
}

:where(.g-1-3, .g-3-1, .g-1-3--lg, .g-1-3--mdl, .g-3-1--lg, .g-3-1--mdl) {
    --g-cols--lg: 4;
    --g-min--lg: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-1-3--md, .g-1-3--mdl, .g-3-1--md, .g-3-1--mdl) {
    --g-cols--md: 4;
    --g-min--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-1-3, .g-1-3--lg, .g-1-3--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 1;
}

:where(.g-1-3, .g-1-3--lg, .g-1-3--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 3;
}

:where(.g-1-3--md, .g-1-3--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 1;
}

:where(.g-1-3--md, .g-1-3--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 3;
}

:where(.g-3-1, .g-3-1--lg, .g-3-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 3;
}

:where(.g-3-1, .g-3-1--lg, .g-3-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 1;
}

:where(.g-3-1--md, .g-3-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 3;
}

:where(.g-3-1--md, .g-3-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 1;
}

:where(.g-1-4, .g-4-1, .g-1-4--lg, .g-1-4--mdl, .g-4-1--lg, .g-4-1--mdl) {
    --g-cols--lg: 5;
    --g-min--lg: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:where(.g-1-4--md, .g-1-4--mdl, .g-4-1--md, .g-4-1--mdl) {
    --g-cols--md: 5;
    --g-min--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g-1-4, .g-1-4--lg, .g-1-4--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 1;
}

:where(.g-1-4, .g-1-4--lg, .g-1-4--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 4;
}

:where(.g-1-4--md, .g-1-4--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 1;
}

:where(.g-1-4--md, .g-1-4--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 4;
}

:where(.g-4-1, .g-4-1--lg, .g-4-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--lg: span 4;
}

:where(.g-4-1, .g-4-1--lg, .g-4-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--lg: span 1;
}

:where(.g-4-1--md, .g-4-1--mdl)> :where(*:nth-child(odd), .gc:nth-child(odd)) {
    --gi-col--md: span 4;
}

:where(.g-4-1--md, .g-4-1--mdl)> :where(*:nth-child(even), .gc:nth-child(even)) {
    --gi-col--md: span 1;
}

:where(.g-12) {
    --g-cols--lg: 12;
    --g-cols--md: 6;
    --g-cols--sm: 3;
    --g-min--lg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
    --g-min--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
    --g-min--sm: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g-12--lg) {
    --g-cols--lg: 12;
    --g-min--lg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.g.sr, .g-sr, [data-recipe="sidebar-right"]) {
    --g-sb-main: 1fr;
    --g-sb-side: minmax(var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem)), 25%);

    --gtc--lg: var(--g-sb-main) var(--g-sb-side);
    --g-cols--md: 1;
    --g-cols--sm: 1;
}

:where(.g.sl, .g-sl, [data-recipe="sidebar-left"]) {
    --g-sb-main: 1fr;
    --g-sb-side: minmax(var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem)), 25%);

    --gtc--lg: var(--g-sb-side) var(--g-sb-main);
    --g-cols--md: 1;
    --g-cols--sm: 1;
}

:where(.prf, .prefix, .bfr, .before):where(::before) {
    content: var(--prf);
}

:where(.suf, .suffix, .afr, .after):where(::after) {
    content: var(--suf);
}

:where(figure, div, section, article):where(.ts, .testimonial, .rw, .review) {
	--ta: start;
	--figcap-ta: start;
	--bq-fs: normal;

}

:where(figure, div, section, article):where(.ts, .testimonial, .rw, .review, .quo, .quote) :where(blockquote) {
    --_bdis: 0;
    --_pi: 0;
    --_pb: 0;
    --_bg: none;

    --cite-fs: normal;
}

:where(figure, div, section, article):where(.quo, .quote) {
    --_bdis: var(--bq-bdw, var(--bdw-l, .25rem)) var(--bq-bds, solid) var(--bq-bdc, var(--out-p, var(--p, currentColor)));
    border-inline-start: var(--_bdis);

    --_pi: var(--bq-pi, var(--bq-pd, var(---em, 1.25em)));
    padding-inline: var(--_pi);
    --_pb: var(--bq-pb, var(--bq-pd, var(---em, 1.25em)));
    padding-block: var(--_pb);

    --_bg: var(--bq-bg, var(--o-p-xlt, var(--o-ntf, hsl(43 83% 62% / .32))));
    background-color: var(--_bg);

    --cite-ta: start;
    --figcap-ta: start;
}

:where(.quo, .quote):where(blockquote) {
    --_bdis: var(--bq-bdw, var(--bdw-l, .25rem)) var(--bq-bds, solid) var(--bq-bdc, var(--out-p, var(--p, currentColor)));
    --_pi: var(--bq-pi, var(--bq-pd, var(---em, 1.25em)));
    --_pb: var(--bq-pb, var(--bq-pd, var(---em, 1.25em)));
    --_bg: var(--bq-bg, var(--o-p-xlt, var(--o-ntf, hsl(43 83% 62% / .32))));
    --cite-fs: normal;
    --cite-ta: start;
}

:where(.gls, .glass) {
    --gls-blur: blur(var(--blr, var(--blr--, .5rem)));
    --gls-bf: var(--gls-blur);
    --gls-filter: url(#glass);
    --gls-bd: .0625rem;

    --gls-bdt: var(--o-bg-lt, hsl(0 0% 96% / .32));
    --gls-bdb: var(--o-bg-ult, hsl(0 0% 96% / .08));

    isolation: isolate;
}

:where(.gls, .glass)::after,
:where(.gls, .glass)::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: var(--gls-z, -1);
}

:where(.gls, .glass)::after {
    --gls-z: -2;

    --_bg: var(--gls-bg, hsl(0 0% 100% / .016));
    background: var(--_bg);

    --_bf: var(--gls-bf);
    -webkit-backdrop-filter: var(--_bf);
    backdrop-filter: var(--_bf);

    --_fil: var(--gls-filter);
    filter: var(--_fil);
}

:where(.gls, .glass)::before {
    padding: var(--gls-bd);
    background: linear-gradient(to bottom,
            var(--gls-bdt),
            var(--gls-bdb));

    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;

    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
}

@media (prefers-reduced-motion: reduce) {
    :where(.gls, .glass) {
        --gls-bg: var(--o-bg-xbd, var(--bg, hsl(0 0% 96% / .8)));
    }
}

@supports (-moz-appearance: none) {
    :where(.gls, .glass)::after {
        filter: none;
    }
}

@supports (background: -webkit-named-image(i)) {
    :where(.gls, .glass)::after {
        filter: none;
        will-change: transform;
    }
}
:where(.blurred, .blrd)::after {
    content: "";
    position: absolute;

    --_ins: var(--blrd-ins, -5%);
    inset: var(--_ins);

    --_bg: var(--blrd-bg, transparent);
    background-color: var(--_bg);

    --_bf: blur(var(--blr, var(--blr--, .5rem)));
    backdrop-filter: var(--_bf);

    --_pe: auto;
    pointer-events: var(--_pe);
}

:where(.blurred, .blrd):where(.np)::after {
    --_pe: none;
}
:where(.lr, .gr, .gradient, .gr-lr, .gr-ltr, .gr-hrz, .gr-hor, .grh, .gr-h, .gr-tb, .gr-ttb, .gr-vrt, .gr-ver, .grv, .gr-v) {
    --pos: relative;
    --_pos: var(--gr-pos, var(--pos));
    position: var(--_pos);
}

:where(.lr, .gr, .gradient, .gr-lr, .gr-ltr, .gr-hrz, .gr-hor, .grh, .gr-h, .gr-tb, .gr-ttb, .gr-vrt, .gr-ver, .grv, .gr-v)::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(var(--gr-deg, to right),
            var(--gr-c1, var(--bg, hsl(0 0 96%))) var(--gr-p1, 0%),
            var(--gr-c2, var(--o-bg, hsl(0 0 96% / .64))) var(--gr-p2, 3%),
            var(--gr-c3, transparent) var(--gr-p3, 8%),
            var(--gr-c4, transparent) var(--gr-p4, 92%),
            var(--gr-c5, var(--o-bg, hsl(0 0 96% / .64))) var(--gr-p5, 97%),
            var(--gr-c6, var(--bg, hsl(0 0 96%))) var(--gr-p6, 100%));
    --_z: var(--z, 3);
    z-index: var(--_z);
}

:where(.gr-tb, .gr-ttb, .gr-vrt, .gr-ver, .grv, .gr-v)::after {
    --gr-deg: to bottom;
}

:where(.gr-o, .gro, .gr-ovl, .gro-ovl)::after {
    --gr-p2: 5%;
    --gr-p3: 10%;
    --gr-p4: 90%;
    --gr-p5: 95%;
}

:where(.lr-f) {
    --gc-c1: var(--bg, hsl(0 0 96%));
    --gr-p1: 0%;
    --gr-c2: var(--o-bg-bd, hsl(0 0 96% / .8));
    --gr-p2: 56%;
    --gc-c3: var(--o-bg, hsl(0 0 96% / .64));
    --gr-p3: 72%;
    --gr-c4: var(--o-bg-lt, hsl(0 0 96% / .32));
    --gr-p4: 84%;
    --gr-c5: var(--o-bg-xlt, hsl(0 0 96% / .16));
    --gr-p5: 92%;
    --gr-c6: var(--o-bg-ult, hsl(0 0 96%/ .08));
    --gr-p6: 100%;
}
:where(.hdn, .hide, .hidden, .none, .invisible) {
    --_d: var(--hide-d, none);
    display: var(--_d);
    --_op: var(--hide-op, 0);
    opacity: var(--_op);
    --_v: var(--hide-v, hidden);
    visibility: var(--_v);
}

@media (max-width: 33rem) {

    :where(.hdn--sm, .hide--sm, .hidden--sm, .none--sm, .invisible--sm),
    :where(.hdn--smd, .hide--smd, .hidden--smd, .none--smd, .invisible--smd) {
        --_d: var(--hide-d, none);
        display: var(--_d);
        --_op: var(--hide-op, 0);
        opacity: var(--_op);
        --_v: var(--hide-v, hidden);
        visibility: var(--_v);
    }
}

@media (min-width: 33rem) and (max-width: 66rem) {

    :where(.hdn--md, .hide--md, .hidden--md, .none--md, .invisible--md),
    :where(.hdn--smd, .hide--smd, .hidden--smd, .none--smd, .invisible--smd),
    :where(.hdn--mdl, .hide--mdl, .hidden--mdl, .none--mdl, .invisible--mdl) {
        --_d: var(--hide-d, none);
        display: var(--_d);
        --_op: var(--hide-op, 0);
        opacity: var(--_op);
        --_v: var(--hide-v, hidden);
        visibility: var(--_v);
    }
}

@media (min-width: 66rem) {

    :where(.hdn--lg, .hide--lg, .hidden--lg, .none--lg, .invisible--lg),
    :where(.hdn--mdl, .hide--mdl, .hidden--mdl, .none--mdl, .invisible--mdl) {
        --_d: var(--hide-d, none);
        display: var(--_d);
        --_op: var(--hide-op, 0);
        opacity: var(--_op);
        --_v: var(--hide-v, hidden);
        visibility: var(--_v);
    }
}

@keyframes fade-in {
    0% {
        opacity: var(--fi-op-s, var(--kf-op-s, 0));
    }

    50% {
        opacity: var(--fi-op-m, var(--kf-op-m, 0.5));
    }

    100% {
        opacity: var(--fi-op-e, var(--kf-op-e, 1));
    }
}

:where(.fade-in, .kf-fi) {
    animation-name: fade-in;
    animation-duration: var(--fi-trsdu, var(--kf-trsdu, var(--trsdu, 0.32s)));
    animation-timing-function: var(--fi-trstf, var(--kf-trstf, var(--trstf, ease-in-out)));
    animation-delay: var(--fi-del, var(--kf-del, 0s));
    animation-fill-mode: var(--fi-fm, var(--kf-fm, forwards));
    opacity: var(--fi-op-s, var(--kf-op-s, 0));
}

@keyframes reveal {
    0% {
        opacity: var(--r-op-s, var(--kf-op-s, 0));
        transform: var(--r-trf-s, var(--kf-trf-s,
                    var(--r-ty-s, translateY(.5rem)) var(--r-sc-s, scale(0.99))));
    }

    50% {
        opacity: var(--r-op-m, var(--kf-op-m, 0.5));
        transform: var(--r-trf-m, var(--kf-trf-m,
                    var(--r-ty-m, translateY(0)) var(--r-sc-m, scale(.995))));
    }

    100% {
        opacity: var(--r-op-e, var(--kf-op-e, 1));
        transform: var(--r-trf-e, var(--kf-trf-e,
                    var(--r-ty-e, translateY(0)) var(--r-sc-e, scale(1))));
    }
}

:where(.reveal-up, .kf-ru, .reveal, .kf-r) {
    animation-name: reveal;
    animation-duration: var(--r-trsdu, var(--kf-trsdu, 0.64s));
    animation-timing-function: var(--r-trstf, var(--kf-trstf, cubic-bezier(0.16, 1, 0.3, 1)));
    animation-delay: var(--r-del, var(--kf-del, 0s));
    animation-fill-mode: var(--r-fm, var(--kf-fm, forwards));

    opacity: var(--r-op-s, var(--kf-op-s, 0));
    transform: var(--_kf-trf, var(--r-trf-s, var(--kf-trf-s,
                    var(--r-ty-s, translateY(.5rem)) var(--r-sc-s, scale(.99))))) var(--_trf, );
}

@keyframes slide-in {
    0% {
        transform: var(--si-trf-s, var(--kf-trf-s, translateX(100%)));
    }

    100% {
        transform: var(--si-trf-e, var(--kf-trf-e, translateX(0%)));
    }
}

:where(.kf-si, .slide-in, .kf-sir, .slide-in-right, .kf-sil, .slide-in-left, .kf-sid, .slide-in-down, .kf-sib, .slide-in-bottom, .kf-siu, .slide-in-up, .kf-sit, .slide-in-top) {
    animation-name: slide-in;
    animation-duration: var(--si-trsdu, var(--kf-trsdu, 0.48s));
    animation-timing-function: var(--si-trstf, var(--kf-trstf, cubic-bezier(0.16, 1, 0.3, 1)));
    animation-delay: var(--si-del, var(--kf-del, 0s));
    animation-fill-mode: var(--si-fm, var(--kf-fm, forwards));

    transform: var(--_kf-trf, var(--si-trf-s, var(--kf-trf-s, translateX(100%)))) var(--_trf, );
}

:where(.slide-in-left, .kf-sil) {
    --kf-trf-s: translateX(-100%);
    --kf-trf-e: translateX(0%);
}

:where(.slide-in-down, .kf-sid, .slide-in-bottom, .kf-sib) {
    --kf-trf-s: translateY(-100%);
    --kf-trf-e: translateY(0%);
}

:where(.slide-in-up, .kf-siu, .slide-in-top, .kf-sit) {
    --kf-trf-s: translateY(100%);
    --kf-trf-e: translateY(0%);
}

@keyframes pulse-glow {
    0% {
        transform: var(--pg-trf-s, var(--kf-trf, scale(.98)));
        box-shadow: var(--pg-bs-s, var(--kf-bs-s, 0 0 0 0 var(--pg-bs-c-s, var(--o-p-ult, var(--o-p, hsl(43 83% 62% / .08))))));
    }

    68% {
        transform: var(--pg-trf-m, var(--kf-trf, scale(1)));
        box-shadow: var(--pg-bs-m, var(--kf-bs-m, 0 0 1.25em -0.75em var(--pg-bs-c-m, transparent)));
    }

    100% {
        transform: var(--pg-trf-e, var(--kf-trf, scale(.98)));
        box-shadow: var(--pg-bs-e, var(--kf-bs-e, 0 0 0 0 var(--pg-bs-c-e, transparent)));
    }
}

:where(.pulse-glow, .kf-pg) {
    animation-name: pulse-glow;
    animation-duration: var(--pg-trsdu, var(--kf-trsdu, 0.24s));
    animation-timing-function: var(--pg-trstf, var(--kf-trstf, var(--trstf, ease-in-out)));
    animation-delay: var(--pg-del, var(--kf-del, 0s));
    animation-fill-mode: var(--pg-fm, var(--kf-fm, none));
    animation-iteration-count: var(--pg-ic, var(--kf-ic, infinite));

    transform: var(--_kf-trf, var(--pg-trf-s, var(--kf-trf, scale(.98)))) var(--_trf, );
    box-shadow: var(--_kf-bs, var(--pg-bs-s, var(--kf-bs-s, 0 0 0 0 var(--pg-bs-c-s, var(--o-p-ult, var(--o-p, hsl(43 83% 62% / .08))))))) var(--_bs, );
}

@keyframes pulse-glow--hover {
    0% {
        transform: var(--pg-trf-s, var(--kf-trf, scale(1)));
        box-shadow: var(--pg-bs-s, var(--kf-bs-s, 0 0 0 0 transparent));
    }

    68% {
        transform: var(--pg-trf-m, var(--kf-trf, scale(0.98)));
        box-shadow: var(--pg-bs-m, var(--kf-bs-m, 0 0 0 0 var(--o-p-ult, var(--o-p, hsl(43 83% 62% / .08)))));
    }

    100% {
        transform: var(--pg-trf-e, var(--kf-trf, scale(1)));
        box-shadow: var(--pg-bs-e, var(--kf-bs-e, 0 0 1.25em -0.75em transparent));
    }

}

:where(.pulse-glow--hv, .kf-pg--hv):where(:hover) {
    animation-name: pulse-glow--hv;
    animation-duration: var(--pg-trsdu, var(--kf-trsdu, 0.24s));
    animation-timing-function: var(--pg-trstf, var(--kf-trstf, var(--trstf, ease-in-out)));
    animation-delay: var(--pg-del, var(--kf-del, 0s));
    animation-fill-mode: var(--pg-fm, var(--kf-fm, none));
    animation-iteration-count: var(--pg-ic, var(--kf-ic, infinite));

    transform: var(--_kf-trf, var(--pg-trf-s, var(--kf-trf, scale(.98)))) var(--_trf, );
    box-shadow: var(--_kf-bs, var(--pg-bs-s, var(--kf-bs-s, 0 0 0 0 var(--pg-bs-c-s, var(--o-p-ult, var(--o-p, hsl(43 83% 62% / .08))))))) var(--_bs, );
}

:where(.kf-del) {
    --kf-del: var(--kf-trsdu, var(--trsdu, .32s));
}

:where(.kf-del--xs) {
    --kf-del: .08s;
}

:where(.kf-del--s) {
    --kf-del: .16s;
}

:where(.kf-del--m) {
    --kf-del: .32s;
}

:where(.kf-del--l) {
    --kf-del: .48s;
}

:where(.kf-del--xl) {
    --kf-del: .64s;
}

:where(.kf-del--2xl) {
    --kf-del: .96s;
}

:where(.clk, [data-behavior="clickable"]) {
    --_pos: var(--clk-pos, relative);
    position: var(--_pos);
}

:where(.clk, [data-behavior="clickable"]):where(:focus-within) {

    --_olw: var(--clk-olw, .25rem);
    --_ols: var(--clk-ols, solid);
    --_olc: var(--clk-olc, var(--a, currentColor));
    --_ol: var(--_olw) var(--_ols) var(--_olc);
    outline: var(--_ol);

    --_olo: var(--clk-olo, var(--crd-olo, var(--olo--, .25rem)));
    outline-offset: var(--_olo);

    --_rad: var(--clk-rad, var(--crd-rad, var(--rad, revert)));
    border-radius: var(--_rad);
}

:where(.clk, [data-behavior="clickable"]) :where(a[href], button) {
	--_pos: var(--clk-pos, relative);
    position: var(--_pos);
	--_z: var(--clk-z, 4);
    z-index: var(--_z);
}

:where(.clk, [data-behavior="clickable"]) :where(a[href]:nth-of-type(1)),
:where(.clk, [data-behavior="clickable"]):where(:not(:has(a[href]))) :where(button:nth-of-type(1)) {
    --a-td: none;
	--clk-z: 3;
    --clk-pos: static;
}

:where(.clk, [data-behavior="clickable"]) :where(a[href]:nth-of-type(1))::after,
:where(.clk, [data-behavior="clickable"]):where(:not(:has(a[href]))) :where(button:nth-of-type(1))::after  {
    content: "";

    --_pos: var(--clk-pos--af, absolute);
    position: var(--_pos);

    --_ins: var(--clk-ins--af, 0);
    inset: var(--_ins);

    --_z: var(--clk-z--af, 3);
    z-index: var(--_z);
}

:where(.clk, [data-behavior="clickable"]):where(a[href]:nth-of-type(1)) {
    --_td: var(--clk-td, none);
    text-decoration: var(--_td);

    --_c: var(--a-c, var(--clk, var(--tl, currentColor)));
    color: var(--_c);
}

:where(.clk, [data-behavior="clickable"]):where(:focus-within) :where(a[href]:nth-of-type(1):focus),
:where(.clk, [data-behavior="clickable"]):where(:focus-within):where(:not(:has(a[href]))) :where(button:nth-of-type(1):focus) {
    --_ol: var(--clk-ol--fw, none);
    outline: var(--_ol);
}

.td :where(a[href]:not(.bn, [data-pattern="button"])) {
    --_td: var(--a-td, var(--lnk-td, underline));
    text-decoration: var(--_td);
}

:where(.td.none, .td-none, .ntd) {
    --_td: none;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where(details, li, div, article) {

    --_pos: relative;
    position: var(--_pos);

    --_bg: var(--det-bg, transparent);
    background-color: var(--_bg);

    --_c: var(--det-c, inherit);
    color: var(--_c);

    --_bd: var(--det-bd, none);
    border: var(--_bd);

    --_rad: var(--det-rad, var(--rad-xs, .375em));
    border-radius: var(--_rad);

    --_trs: var(--det-trs, var(--trsdu--, 0.32s) var(--trstf--, ease-in-out));
    transition: var(--_trs);

    --_trsp: grid-template-rows, opacity, visibility, fill, stroke, color, max-height, height, max-block-size, block-size, display, transform, scale, rotate;
    transition-property: var(--_trsp);
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where([open], [data-state="open"], .is-open, .open, [data-active="true"], .is-active, .active) {
    --_bg: var(--det-bg--av, var(--det-bg, transparent));
    --_c: var(--det-c--av, var(--det-c, inherit));
    --_bd: var(--det-bd--av, var(--det-bd, none));

    transition: var(--_trs);
    transition-property: var(--_trsp);
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where(:not([open], [data-state="open"], .is-active, .active, [data-active="true"]), [data-state="closed"], .is-closed, .closed, [data-active="false"], .is-inactive, .inactive) {

    --_bg: var(--det-bg--ds, var(--det-bg, transparent));
    --_c: var(--det-c--ds, var(--det-c, inherit));
    --_bd: var(--det-bd--ds, var(--det-bd, none));
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"])> :where(summary, dt, [class*="__t"], [class*="__h"], :first-child:not(:only-child), * > :is(dt, [class*="__t"], [class*="__h"])) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --_g: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
    gap: var(--_g);
    cursor: pointer;
    --_bg: var(--det-sum-bg, transparent);
    background-color: var(--_bg);
    --_c: var(--det-sum-c, var(--tx-c, currentColor));
    color: var(--_c);

    transition: var(--_trs);
    transition-property: var(--_trsp);

    list-style: none;

--_bd: var(--det-sum-bd, none);
    border: var(--_bd);

    --_rad: var(--det-sum-rad, var(--focus-rad, var(--rad-xs, 0.375em)));
    border-radius: var(--_rad);

    --_fz: var(--det-sum-fz, var(--fz-l, clamp(1.25rem, calc(1.25rem + 0.25 * (100vw - 33rem) / 55), 1.5rem)));
    font-size: var(--_fz);
    --_fw: var(--det-sum-fw, var(--fw-sb, 600));
    font-weight: var(--_fw);
    --_lh: var(--det-sum-lh, var(--lh-m, 1.375));
    line-height: var(--_lh);

    --_pb: var(--det-sum-pb);
    padding-block: var(--_pb);

    --_pi: var(--det-sum-pi);
    padding-inline: var(--_pi)
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]) :where(summary, dt, [class*="__t"], [class*="__h"])::-webkit-details-marker {
    display: none;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where([open], [data-state="open"], .is-open, .open, [data-active="true"], .active, .is-active) :where(summary, dt, [class*="__t"], [class*="__h"], > :first-child, * > :is(dt, [class*="__t"], [class*="__h"])) {
    --_bg: var(--det-sum-bg--av, var(--det-sum-bg, transparent));
    --_c: var(--det-sum-c--av, var(--tl, currentColor));
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]) :where(summary, dt, [class*="__t"], [class*="__h"], > :first-child, * > :is(dt, [class*="__t"], [class*="__h"])) :where(svg, .icn, .icon) {
    --_sz: var(--det-icn-sz, 1.25em);
    width: var(--_sz);
    height: var(--_sz);

    flex-shrink: 0;

    color: var(--_c, inherit);

    --_fill: var(--det-icn-fill, currentColor);
    fill: var(--_fill);

    --_str: var(--det-icn-str, currentColor);
    stroke: var(--_str);

    --_op: var(--det-icn-op, 1);
    opacity: var(--_op);

    --_trf: rotate(var(--det-icn-rt, 0deg)) scale(var(--det-icn-scl, 1));
    transform: var(--_trf);

    transition: var(--_trs);
    --_trsp: transform, fill, stroke, color, opacity;
    transition-property: var(--_trsp);
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]) :where(summary, dt, [class*="__t"], [class*="__h"], > :first-child, * > :is(dt, [class*="__t"], [class*="__h"])) :where(div:last-of-type:not(:only-child), [aria-hidden="true"]) {
    display: flex;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where([open], [data-state="open"], .is-open, .open) :where(summary, dt, [class*="__t"], [class*="__h"], > :first-child, div > :is(dt, [class*="__t"], [class*="__h"])) :where(svg, .icn, .icon) {
    --det-icn-rt: var(--det-icn-rt--av, 45deg);
    --det-icn-scl: var(--det-icn-scl--av, 0.88);
    --det-icn-op: var(--det-icn-op--av, 0.88);

    --_fill: var(--det-icn-fill--av, var(--det-icn-fill, currentColor));
    --_str: var(--det-icn-str--av, var(--det-icn-str, currentColor));
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"])> :where(dd, [class*="__d"], [class*="__c"], :nth-child(2), div > :is(dd, [class*="__d"], [class*="__c"])) {
    display: grid;
    --_gtr: var(--det-gtr, 0fr);
    grid-template-rows: var(--_gtr, 0fr);
    --_op: var(--det-op, 0);
    opacity: var(--_op);
    --_vis: hidden;
    visibility: var(--_vis);

    transition: var(--_trs);
    transition-property: var(--_trsp);

    --_fz: var(--det-fz, var(--fz-s, clamp(1rem, calc(1rem + 0.125 * (100vw - 33rem) / 55), 1.125rem)));
    font-size: var(--_fz);
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where([open], [data-state="open"], .is-open, .open, [data-active="true"], .active, .is-active)> :where(dd, [class*="__d"], [class*="__c"], :nth-child(2), div > :is(dd, [class*="__d"], [class*="__c"])) {
    --_gtr: var(--det-gtr--av, 1fr);
    --_op: var(--det-op--av, 1);
    --_vis: visible;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where(:not([open], [data-state="open"], [data-active="true"], .active, .is-active), [data-state="closed"], .is-closed, .closed, [data-active="false"], .inactive, .is-inactive)> :where(dd, [class*="__d"], [class*="__c"], *:nth-child(2), div > :is(dd, [class*="__d"], [class*="__c"])) {
    --_gtr: var(--det-gtr--ds, 0fr);
    --_op: var(--det-op--ds, 0);
    --_vis: hidden;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"])> :where(dd, [class*="__d"], [class*="__c"], *:nth-child(2), div > :is(dd, [class*="__d"], [class*="__c"]))> :where(div:only-child, .cf, .sf, .flow, [data-flow="content"]) {
    min-block-size: 0;
    --_mabs: auto;
    max-block-size: var(--_mabs, auto);
    overflow: hidden;
    --_pb: var(--det-cont-pb, var(--det-cont-pd,
                1em 1.25em));
    padding-block: var(--_pb);
    --_pi: var(--det-cont-pi, var(--det-cont-pd, 0));
    padding-inline: var(--_pi);

    transition: var(--_trs);
    transition-property: var(--_trsp);
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"]):where(:not([open], [data-state="open"], [data-active="true"], .active, .is-active), [data-state="closed"], .is-closed, .closed, [data-active="false"], .inactive, .is-inactive)> :where(dd, [class*="__d"], [class*="__c"], *:nth-child(2), div > :is(dd, [class*="__d"], [class*="__c"]))> :where(div:only-child, .cf, .sf, .flow, [data-flow="content"]) {
    --_mabs: 0;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"])::details-content {
    display: block;

    content-visibility: hidden;
    block-size: 0;
    overflow: clip;

    opacity: 0;

    transition:
        block-size var(--trsdu--, .32s) var(--trstf--, ease-in-out),
        opacity var(--trsdu--, .32s) var(--trstf--, ease-in-out),
        content-visibility var(--trsdu--, .32s) allow-discrete;
}

:where(.acd, .accordion, .faq, .det, .details, .dl > div:only-child, [name="faq"])[open]::details-content {
    content-visibility: visible;
    block-size: auto;
    opacity: 1;
}

@supports (interpolate-size: allow-keywords) {
    :root {
        interpolate-size: allow-keywords;
    }
}

:where(.tx, .text, .tx--3xl, .tx--xxxl, .tx--2xl, .tx--xxl, .tx--xl, .tx--l, .tx--m, .tx--s, .tx--xs, .tx--2xs, .tx--xxs, .tx--3xs, .tx--xxxs, .badge, .tooltip, .meta, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx, .caption, .tag, .label, .chip, .pill, .subtext, .stx, .overline, .oln, .eyebrow, .eyb, .subline, .sln, .kicker, .kik, .line, .lede, .lead, .sip, .intro, .callout, .deck, .dek, .subhead, .sh, .pullquote, .pq, .blockquote, .bq, .quote, .qt, .code, .pre):where(*, > :is(p, span, div, li, label, a, button, caption)) {

    --_c: var(--tx-c, var(--tx, currentColor));
    color: var(--_c);

    --tx-ff: var(--ff, var(--tx-ff--, var(--ff--, system-ui, -apple-system, sans-serif)));
    --_ff: var(--tx-ff);
    font-family: var(--_ff);

    --tx-fw: var(--fw, var(--tx-fw--, var(--fw--, var(--fw-r, 400))));
    --_fw: var(--tx-fw);
    font-weight: var(--_fw);

    --tx-fz: var(--fz, var(--tx-fz--, var(--fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100cqi - 33rem) / 55), 1.25rem)))));
    --_fz: var(--tx-fz);
    font-size: var(--_fz);

    --tx-lh: var(--lh, var(--tx-lh--, var(--lh--, var(--lh-l, 1.5))));
    --_lh: var(--tx-lh);
    line-height: var(--_lh);

    --tx-ta: var(--ta, inherit);
    --_ta: var(--tx-ta);
    text-align: var(--_ta);

    --_fs: var(--tx-fs, normal);
    font-style: var(--_fs);

    --tx-tt: var(--tt);
    --_tt: var(--tx-tt);
    text-transform: var(--_tt);

    --_td: var(--tx-td);
    text-decoration: var(--_td);

    --_tdc: var(--tx-tdc);
    text-decoration-color: var(--_tdc);

    --_tdth: var(--tx-tdth);
    text-decoration-thickness: var(--_tdth);

    --_tov: var(--tx-tov);
    text-overflow: var(--_tov);

    --_whs: var(--tx-whs);
    white-space: var(--_whs);

    --_ovw: var(--tx-ovw);
    overflow-wrap: var(--_ovw);

    --_lts: var(--tx-lts--, calc(var(--tx-ltsb, 0) / var(--th, 1)));
    letter-spacing: var(--_lts);

    --_wos: var(--tx-wos);
    word-spacing: var(--_wos);

}

@container (width < 30rem) {

    :where(.tx, .text, .tx--3xl, .tx--xxxl, .tx--2xl, .tx--xxl, .tx--xl, .tx--l, .tx--m, .tx--s, .tx--xs, .tx--2xs, .tx--xxs, .tx--3xs, .tx--xxxs, .badge, .tooltip, .meta, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx, .caption, .tag, .label, .chip, .pill, .subtext, .stx, .overline, .oln, .eyebrow, .eyb, .subline, .sln, .kicker, .kik, .line, .lede, .lead, .sip, .intro, .callout, .deck, .dek, .subhead, .sh, .pullquote, .pq, .blockquote, .bq, .quote, .qt, .code, .pre):where(*, > :is(p, span, div, li, label, a, button, caption)) {
        --_tx-fz: var(--tx-fz--sm, var(--tx-fz));
        --_tx-lh: var(--tx-lh--sm, var(--tx-lh));
    }

}

@container (30rem <=width <=60rem) {

    :where(.tx, .text, .tx--3xl, .tx--xxxl, .tx--2xl, .tx--xxl, .tx--xl, .tx--l, .tx--m, .tx--s, .tx--xs, .tx--2xs, .tx--xxs, .tx--3xs, .tx--xxxs, .badge, .tooltip, .meta, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx, .caption, .tag, .label, .chip, .pill, .subtext, .stx, .overline, .oln, .eyebrow, .eyb, .subline, .sln, .kicker, .kik, .line, .lede, .lead, .sip, .intro, .callout, .deck, .dek, .subhead, .sh, .pullquote, .pq, .blockquote, .bq, .quote, .qt, .code, .pre):where(*, > :is(p, span, div, li, label, a, button, caption)) {
        --_tx-fz: var(--tx-fz--md, var(--tx-fz));
        --_tx-lh: var(--tx-lh--md, var(--tx-lh));
    }
}

@container (width > 60rem) {

    :where(.tx, .text, .tx--3xl, .tx--xxxl, .tx--2xl, .tx--xxl, .tx--xl, .tx--l, .tx--m, .tx--s, .tx--xs, .tx--2xs, .tx--xxs, .tx--3xs, .tx--xxxs, .badge, .tooltip, .meta, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx, .caption, .tag, .label, .chip, .pill, .subtext, .stx, .overline, .oln, .eyebrow, .eyb, .subline, .sln, .kicker, .kik, .line, .lede, .lead, .sip, .intro, .callout, .deck, .dek, .subhead, .sh, .pullquote, .pq, .blockquote, .bq, .quote, .qt, .code, .pre):where(*, > :is(p, span, div, li, label, a, button, caption)) {
        --_tx-fz: var(--tx-fz--lg, var(--tx-fz));
        --_tx-lh: var(--tx-lh--lg, var(--tx-lh));
    }
}

:where(.tl, .title, .tl--xxxl, .tl--3xl, .tl--xxl, .tl--2xl, .tl--xl, .tl--l, .tl--m, .tl--s, .tl--xs, .tl--xxs, .tl--2xs, .stl, .subtitle, .microtitle, .mtl, .hl, .headline, .shl, .subheadline, .display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .h1, .h2, .h3, .h4, .h5, .h6, .ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9):where(h1, h2, h3, h4, h5, h6, p, span, div, > a) {
    --_c: var(--tl-c, var(--tl, currentColor));
    color: var(--_c);

    --tl-ff: var(--ff, var(--tl-ff--, var(--ff--, inherit)));
    --_ff: var(--tl-ff);
    font-family: var(--_ff);

    --tl-fw: var(--fw, var(--tl-fw--, var(--fw-xb, 800)));
    --_fw: var(--tl-fw);
    font-weight: var(--_fw);

    --tl-fz: var(--fz, var(--tl-fz--, var(--fz-xe, clamp(2.25rem, calc(2.25rem + 1.25 * (100cqi - 33rem) / 55), 3.5rem))));
    --_fz: var(--tl-fz);
    font-size: var(--_fz);

    --tl-lh: var(--lh, var(--tl-lh--, var(--lh-xs, 1.125)));
    --_lh: var(--tl-lh);
    line-height: var(--_lh);

    --tl-ta: var(--ta, inherit);
    --_ta: var(--tl-ta);
    text-align: var(--_ta);

    --_fs: var(--tl-fs, normal);
    font-style: var(--_fs);

    --tl-tt: var(--tt);
    --_tt: var(--tl-tt);
    text-transform: var(--_tt);

    --_td: var(--tl-td);
    text-decoration: var(--_td);

    --_tdc: var(--tl-tdc);
    text-decoration-color: var(--_tdc);

    --_tdth: var(--tl-tdth);
    text-decoration-thickness: var(--_tdth);

    --_tov: var(--tl-tov);
    text-overflow: var(--_tov);

    --_whs: var(--tl-whs);
    white-space: var(--_whs);

    --_ovw: var(--tl-ovw);
    overflow-wrap: var(--_ovw);

    --_lts: var(--tl-lts, var(--tl-lts--, calc(var(--tl-ltsb, 1em) / var(--th, 64))));
    letter-spacing: var(--_lts);

    --_wos: var(--tl-wos);
    word-spacing: var(--_wos);
}

@container (width < 30rem) {

    :where(.tl, .title, .tl--xxxl, .tl--3xl, .tl--xxl, .tl--2xl, .tl--xl, .tl--l, .tl--m, .tl--s, .tl--xs, .tl--xxs, .tl--2xs, .stl, .subtitle, .microtitle, .mtl, .hl, .headline, .shl, .subheadline, .display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .h1, .h2, .h3, .h4, .h5, .h6, .ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9):where(h1, h2, h3, h4, h5, h6, p, span, div, > a) {
        --_tl-fz: var(--tl-fz--sm, var(--tl-fz));
        --_tl-lh: var(--tl-lh--sm, var(--tl-lh));
    }

}

@container (30rem <=width <=60rem) {

    :where(.tl, .title, .tl--xxxl, .tl--3xl, .tl--xxl, .tl--2xl, .tl--xl, .tl--l, .tl--m, .tl--s, .tl--xs, .tl--xxs, .tl--2xs, .stl, .subtitle, .microtitle, .mtl, .hl, .headline, .shl, .subheadline, .display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .h1, .h2, .h3, .h4, .h5, .h6, .ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9):where(h1, h2, h3, h4, h5, h6, p, span, div, > a) {
        --_tl-fz: var(--tl-fz--md, var(--tl-fz));
        --_tl-lh: var(--tl-lh--md, var(--tl-lh));
    }
}

@container (width > 60rem) {

    :where(.tl, .title, .tl--xxxl, .tl--3xl, .tl--xxl, .tl--2xl, .tl--xl, .tl--l, .tl--m, .tl--s, .tl--xs, .tl--xxs, .tl--2xs, .stl, .subtitle, .microtitle, .mtl, .hl, .headline, .shl, .subheadline, .display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .h1, .h2, .h3, .h4, .h5, .h6, .ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9):where(h1, h2, h3, h4, h5, h6, p, span, div, > a) {
        --_tl-fz: var(--tl-fz--lg, var(--tl-fz));
        --_tl-lh: var(--tl-lh--lg, var(--tl-lh));
    }
}

:where(.tt, .tt-u, .tt-l, .tt-c, .tt-n, .uppercase, .up, .lowercase, .low, .capitalize, .cap) {
    --_tt: var(--tt, none);
    text-transform: var(--_tt);
}

:where(.tt-u, .up, .uppercase),
:where(.ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9),
:where(.eyebrow, .eyb, .kicker, .kik, .overline, .tx.oln, .badge) {
    --tt: uppercase;
}

:where(.tt-l, .low, .lowercase) {
    --tt: lowercase;
}

:where(.tt-c, .cap, .capitalize) {
    --tt: capitalize;
}

:where(.tt, .tt-n) {
    --tt: none;
}

:where(.ta),
:where(.ta):where(.center, .end, .justify, .start),
:where(.ta-s, .ta-c, .ta-e, .ta-j) {
    --_ta: var(--ta, left);
    text-align: var(--_ta);
}

@container (width < 30rem) {

    :where(.ta),
    :where(.ta):where(.center, .end, .justify, .start) :where(.ta-s, .ta-c, .ta-e, .ta-j),
    :where(.ta-s--sm, .ta-s--smd, .ta-c--sm, .ta-c--smd, .ta-e--sm, .ta-e--smd, .ta-j--sm, .ta-j--smd) {
        --ta--sm: var(--ta, left);
        --_ta: var(--ta--sm);
        text-align: var(--_ta);
    }

}

@container (30rem <=width <=60rem) {

    :where(.ta),
    :where(.ta):where(.center, .end, .justify, .start) :where(.ta-s, .ta-c, .ta-e, .ta-j),
    :where(.ta-s--md, .ta-s--mdl, .ta-s--smd, .ta-c--md, .ta-c--mdl, .ta-c--smd, .ta-e--md, .ta-e--mdl, .ta-e--smd, .ta-j--md, .ta-j--mdl, .ta-j--smd) {
        --ta--md: var(--ta, left);
        --_ta: var(--ta--md);
        text-align: var(--_ta);
    }
}

@container (width > 60rem) {

    :where(.ta),
    :where(.ta):where(.center, .end, .justify, .start) :where(.ta-s, .ta-c, .ta-e, .ta-j),
    :where(.ta-s--lg, .ta-s--mdl, .ta-c--lg, .ta-c--mdl, .ta-e--lg, .ta-e--mdl, .ta-j--lg, .ta-j--mdl) {
        --ta--lg: var(--ta, left);
        --_ta: var(--ta--lg);
        text-align: var(--_ta);
    }
}

:where(.ta-s, .ta.start) {
    --ta: start;
}

:where(.ta-s--lg, .ta-s--mdl) {
    --ta--lg: start;
}

:where(.ta-s--md, .ta-s--mdl, .ta-s--smd) {
    --ta--md: start;
}

:where(.ta-s--sm, .ta-s--smd) {
    --ta--sm: start;
}

:where(.ta.center, .ta-c) {
    --ta: center;
}

:where(.ta-c--lg, .ta-c--mdl) {
    --ta--lg: center;
}

:where(.ta-c--md, .ta-c--mdl, .ta-c--smd) {
    --ta--md: center;
}

:where(.ta-c--sm, .ta-c--smd) {
    --ta--sm: center;
}

:where(.ta.end, .ta-e) {
    --ta: end;
}

:where(.ta-e--lg, .ta-e--mdl) {
    --ta--lg: end;
}

:where(.ta-e--md, .ta-e--mdl, .ta-e--smd) {
    --ta--md: end;
}

:where(.ta-e--sm, .ta-e--smd) {
    --ta--sm: end;
}

:where(.ta.justify, .ta-j) {
    --ta: justify;
}

:where(.ta-j--lg, .ta-j--mdl) {
    --ta--lg: justify;
}

:where(.ta-j--md, .ta-j--mdl, .ta-j--smd) {
    --ta--md: justify;
}

:where(.ta-j--sm, .ta-j--smd) {
    --ta--sm: justify;
}

:where(.lh, .lh--2xl, .lh--xxl, .lh--xl, .lh--l, .lh--m, .lh--s, .lh--xs, .lh--t, .lh--2xs, .lh--xxs),
:where(.lh-200, .lh-165, .lh-150, .lh-135, .lh-125, .lh-115, .lh-100),
:where(.lh-7, .lh-6, .lh-5, .lh-4, .lh-3, .lh-2, .lh-1),
:where(.lh.tight, .lh.snug, .lh.base, .lh.relaxed, .loose) {
    --lh: var(--lh--, var(--lh-m, 1.375));
    --_lh: var(--lh);
    line-height: var(--_lh);
}

:where(.lh--3xl, .lh200, .lh8, .xloose, .lhxl),
:where(.microcopy, .mctx) {
    --lh: var(--lh-3xl, 2);
}

:where(.lh--2xl, .lh175, .lh7, .loose, .lhl),
:where(.subcopy, .sctx) {
    --lh: var(--lh-2xl, 1.75);
}

:where(.lh--xl, .lh165, .lh6, .lh.relaxed, .lhr),
:where(.meta, .copy, .ctx) {
    --lh: var(--lh-xl, 1.675);
}

:where(.lh--l, .lh150, .lh5, .lh.base, .lhb),
:where(.text, .subtext, .stx, .caption),
:where(.line, .tx.ln, .subline, .tx.sln),
:where(.quote, .qt) {
    --lh: var(--lh-l, 1.5);
}

:where(.lh--m, .lh135, .lh4, .lh.medium, .lhm),
:where(.tx.ln, .tooltip, .code, .pre),
:where(.subhead, .deck, .dek, .callout, .intro, .lede, .lead, .sip),
:where(.pullquote, .pq, .blockquote, .bq),
:where(.h5, .h6) {
    --lh: var(--lh-m, 1.375);
}

:where(.lh--s, .lh125, .lh3, .lh.snug, .lhn),
:where(.kicker, .kik, .eyebrow, .eyb, .overline, .tx.oln),
:where(.h4, .microtitle, .mtl) {
    --lh: var(--lh-s, 1.25);
}

:where(.lh--xs, .lh115, .lh2, .lh.tight, .lht),
:where(.headline, .hl, .subheadline, .shl),
:where(.title, .tl, .subtitle, .stl),
:where(.label, .chip, .pill, .tag),
:where(.h1, .h2, .h3, .tl.e1, .tl.e2) {
    --lh: var(--lh-xs, 1.125);
}

:where(.lh--t, .lh--2xs, .lh--xxs, .lh100, .lh1, .lh.solid, .lhs),
:where(.display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8),
:where(.ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9),
:where(.tl.e3, .tl.e4, .tl.g1, .tl.g2, .tl.g3, .tl.g4, .tl.c1, .tl.c2),
:where(.badge) {
    --lh: var(--lh-2xs, 1);
}

:where(.fw, .fw-ub, .fw-xb, .fw-b, .fw-sb, .fw-m, .fw-r, .fw-n, .fw-lt, .fw-xlt, .fw-ult, .fw-th),
:where(.ub, .ubd, .xb, .xbd, .bd, .b, .sb, .sbd, .md, .rg, .lt, .xlt, .ult, .th):where(:not(.set, .theme)),
:where(.thin, .ultralight, .extralight, .light, .regular, .medium, .semibold, .bold, .extrabold, .bolder, .black, .ultra):where(:not(.set, .theme)) {
    --_fw: var(--fw, 400);
    font-weight: var(--_fw);
}

:where(.fw-th, .fw-ult, .th, .thin, .ult, .ultralight) {
    --fw: var(--fw-th, 100);
}

:where(.fw-xlt, .xlt, .extralight) {
    --fw: var(--fw-xlt, 200);
}

:where(.fw-lt, .lt, .light),
:where(.deck, .dek, .intro, .sip),
:where(.line, .tx.ln, .subline, .tx.sln, .overline, .tx.oln) {
    --fw: var(--fw-lt, 300);
}

:where(.fw-r, .rg, .regular, .fw-n),
:where(.text, .tx, .subtext, .stx, .copy, .ctx, .subcopy, .sctx, .microcopy, .mctx),
:where(.subhead, .callout, .lede, .lead) {
    --fw: var(--fw-r, 400);
}

:where(.fw-m, .md, .medium),
:where(.caption, .tooltip, .pill, .chip, .meta),
:where(.kicker, .kik, .eyebrow, .tx.eyb),
:where(.label, .pullquote, .pq, .blockquote, .bq, .quote, .qt) {
    --fw: var(--fw-m, 500);
}

:where(.fw-sb, .sb, .sbd, .semibold),
:where(.tag, .badge) {
    --fw: var(--fw-sb, 600);
}

:where(.fw-b, .b, .bd, .bold),
:where(.h3, .h4, .h5, .h6) {
    --fw: var(--fw-b, 700);
}

:where(.fw-xb, .xb, .xbd, .bolder, .extrabold),
:where(.title, .tl, .subtitle, .stl, .microtitle, .mtl),
:where(.h1, .h2) {
    --fw: var(--fw-xb, 800);
}

:where(.fw-ub, .ub, .ubd, .black, .ultrabold, .ultra),
:where(.display, .d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8),
:where(.ultra, .u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9),
:where(.headline, .hl, .subheadline, .shl) {
    --fw: var(--fw-ub, 900);
}

:where(.fz, .fz--m, .fz--s, .fz--xs, .fz--2xs, .fz--xxs, .fz--3xs, .fz--xxxs, .fz--l, .fz--xl, .fz--2xl, .fz--xxl, .fz--3xl, .fz--xxxl, .fz--e, .fz--xe, .fz--2xe, .fz--xxe, .fz--3xe, .fz--xxxe, .fz--g, .fz--xg, .fz--2xg, .fz--xxg, .fz--3xg, .fz--xxxg, .fz--c, .fz--xc),
:where(.pd--xs, .pxs, .pd--s, .ps, .pd.pd, .pm, .pd--l, .pl, .pd--xl, .pxl):where(p, > p) {
    --fz: var(--fz--, var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100vw - 33rem) / 55), 1.25rem)));
    --_fz: var(--fz);
    font-size: var(--_fz);
}

@container (width < 30rem) {

    :where(.fz, .fz--m, .fz--s, .fz--xs, .fz--2xs, .fz--xxs, .fz--3xs, .fz--xxxs, .fz--l, .fz--xl, .fz--2xl, .fz--xxl, .fz--3xl, .fz--xxxl, .fz--e, .fz--xe, .fz--2xe, .fz--xxe, .fz--3xe, .fz--xxxe, .fz--g, .fz--xg, .fz--2xg, .fz--xxg, .fz--3xg, .fz--xxxg, .fz--c, .fz--xc),
    :where(.pd--xs, .pxs, .pd--s, .ps, .pd.pd, .pm, .pd--l, .pl, .pd--xl, .pxl):where(p, > p) {
        --fz--sm: var(--fz);
        --_fz: var(--fz--sm);
    }
}

@container (30rem <=width <=60rem) {

    :where(.fz, .fz--m, .fz--s, .fz--xs, .fz--2xs, .fz--xxs, .fz--3xs, .fz--xxxs, .fz--l, .fz--xl, .fz--2xl, .fz--xxl, .fz--3xl, .fz--xxxl, .fz--e, .fz--xe, .fz--2xe, .fz--xxe, .fz--3xe, .fz--xxxe, .fz--g, .fz--xg, .fz--2xg, .fz--xxg, .fz--3xg, .fz--xxxg, .fz--c, .fz--xc),
    :where(.pd--xs, .pxs, .pd--s, .ps, .pd.pd, .pm, .pd--l, .pl, .pd--xl, .pxl):where(p, > p) {
        --fz--md: var(--fz);
        --_fz: var(--fz--md);
    }
}

@container (width > 60rem) {

    :where(.fz, .fz--m, .fz--s, .fz--xs, .fz--2xs, .fz--xxs, .fz--3xs, .fz--xxxs, .fz--l, .fz--xl, .fz--2xl, .fz--xxl, .fz--3xl, .fz--xxxl, .fz--e, .fz--xe, .fz--2xe, .fz--xxe, .fz--3xe, .fz--xxxe, .fz--g, .fz--xg, .fz--2xg, .fz--xxg, .fz--3xg, .fz--xxxg, .fz--c, .fz--xc),
    :where(.pd--xs, .pxs, .pd--s, .ps, .pd.pd, .pm, .pd--l, .pl, .pd--xl, .pxl):where(p, > p) {
        --fz--lg: var(--fz);
        --_fz: var(--fz--lg);
    }
}

:where(.fz--3xs, .fz--xxxs, .tx--3xs, .tx--xxxs, .t3xs, .txxxs, .tx.xxxs),
:where(.badge, .microcopy, .mctx) {
    --fz: var(--fz-3xs, clamp(0.75rem, calc(0.75rem + 0.0625 * (100vw - 33rem) / 55), 0.8125rem));
}

:where(.fz--2xs, .tx--2xs, .tx--xxs, .t2xs, .txxs, .tx.xxs),
:where(.caption, .tooltip, .subcopy, .sctx, .label) {
    --fz: var(--fz-2xs, clamp(0.8125rem, calc(0.8125rem + 0.0625 * (100vw - 33rem) / 55), 0.875rem));
}

:where(.fz--xs, .tx--xs, .txs, .pg--xs, p.pgxs, p.xspg, .tx.xs),
:where(.pill, .chip, .tag, .meta, .overline, .oln, .eyebrow, .eyb, .copy, .ctx, .code, .pre) {
    --fz: var(--fz-xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100vw - 33rem) / 55), 1rem));
}

:where(.fz--s, .tx--s, .ts, .pg--s, p.pgs, .pd.spg, .tx.s),
:where(.subtext, .stx, .subline, .sln, .kicker, .kik) {
    --fz: var(--fz-s, clamp(1rem, calc(1rem + 0.125 * (100vw - 33rem) / 55), 1.125rem));
}

:where(.fz, .fz--m, .tx, .tx--m, .pg--m, p.pm, p.pg, .tx.m),
:where(.text, .line, .tx.ln),
:where(.quote, .qt) {
    --fz: var(--fz-m, clamp(1.125rem, calc(1.125rem + 0.125 * (100vw - 33rem) / 55), 1.25rem));
}

:where(.fz--l, .tx--l, .pg--l, .pd.pgl, .pd.lpg, .tl--2xs, .tl--xxs, .tx.l, .tl.xxs),
:where(.lede, .lead, .sip),
:where(.blockquote, .bq, .h6) {
    --fz: var(--fz-l, clamp(1.25rem, calc(1.25rem + 0.25 * (100vw - 33rem) / 55), 1.5rem))
}

:where(.fz--xl, .tx--xl, .tl--xs, .tl.xs),
:where(.callout, .intro),
:where(.pullquote, .pq, .h5) {
    --fz: var(--fz-xl, clamp(1.375rem, calc(1.375rem + 0.375 * (100vw - 33rem) / 55), 1.75rem));
}

:where(.fz--2xl, .tx--2xl, .tl--s, .tl.s),
:where(.subhead, .sh, .deck, .dek),
:where(.microtitle, .mtl, .h4) {
    --fz: var(--fz-2xl, clamp(1.5rem, calc(1.5rem + 0.5 * (100vw - 33rem) / 55), 2rem));
}

:where(.fz--3xl, .tx--3xl, .tl--m, .tl.m),
:where(.subtitle, .stl, .h3) {
    --fz: var(--fz-3xl, clamp(1.75rem, calc(1.75rem + 0.75 * (100vw - 33rem) / 55), 2.5rem));
}

:where(.fz--e, .tl--l, .tl.l),
:where(.subheadline, .shl, .title, .tl),
:where(.tl.e1, .h2) {
    --fz: var(--fz-e, clamp(2rem, calc(2rem + 1 * (100vw - 33rem) / 55), 3rem));
}

:where(.fz--xe, .tl--xl, .tl.xl),
:where(.headline, .hl, /),
:where(.tl.e2, .ultra, .u1, .h1) {
    --fz: var(--fz-xe, clamp(2.25rem, calc(2.25rem + 1.25 * (100vw - 33rem) / 55), 3.5rem));
}

:where(.fz--2xe, .tl--2xl, .tl--xxl, .tl.xxl),
:where(.display, .d8, .tl.e3, .u2) {
    --fz: var(--fz-2xe, clamp(2.5rem, calc(2.5rem + 1.5 * (100vw - 33rem) / 55), 4rem));
}

:where(.fz--3xe, .tl--3xl, .tl--xxxl),
:where(.d7, .tl.e4, .u3) {
    --fz: var(--fz-3xe, clamp(2.75rem, calc(2.75rem + 2.25 * (100vw - 33rem) / 55), 5rem));
}

:where(.fz--g),
:where(.d6, .tl.g1, .u4) {
    --fz: var(--fz-g, clamp(3rem, calc(3rem + 3 * (100vw - 33rem) / 55), 6rem));
}

:where(.fz--xg),
:where(.d5, .u5, .tl.g2) {
    --fz: var(--fz-xg, clamp(3.5rem, calc(3.5rem + 3.5 * (100vw - 33rem) / 55), 7rem));
}

:where(.fz--2xg),
:where(.d4, .u6, .tl.g3) {
    --fz: var(--fz-2xg, clamp(4rem, calc(4rem + 4 * (100vw - 33rem) / 55), 8rem));
}

:where(.fz--3xg),
:where(.d3, .u7, .tl.g4) {
    --fz: var(--fz-3xg, clamp(4.5rem, calc(4.5rem + 4.5 * (100vw - 33rem) / 55), 9rem));
}

:where(.fz--c),
:where(.d2, .u8, .tl.c1) {
    --fz: var(--fz-c, clamp(5rem, calc(5rem + 5 * (100vw - 33rem) / 55), 10rem));
}

:where(.fz--xc),
:where(.d1, .u9, .tl.c2) {
    --fz: var(--fz-xc, clamp(6rem, calc(6rem + 6 * (100vw - 33rem) / 55), 12rem));
}

:where(.set, [data-theme]) {
    --tx-c: var(--th-c, var(--set-c, var(--tx, currentColor)));
    --_c: var(--tx-c);
    color: var(--_c);

    --_bg: var(--th-bg, var(--set-bg, transparent));
    background-color: var(--_bg);

    --_bgi: var(--th-bgi, var(--set-bgi, none));
    background-image: var(--_bgi);

    --_bdw: var(--th-bdw, var(--set-bdw, 0));
    --_bds: var(--th-bds, var(--set-bds, solid));
    --_bdc: var(--th-bdc, var(--set-bdc, currentColor));
    border: var(--_bd, var(--_bdw) var(--_bds) var(--_bdc));

    --_bf: var(--th-bf, var(--set-bf));
    backdrop-filter: var(--_bf);

    --lnk: var(--set-h);
    --lnk--hv: var(--set-c);

    --fw: initial;

    --pre-c: var(--ter, var(--bg-lt, hsl(40 33% 93%)));
    --pre-bg: var(--sec, var(--alt-lt, hsl(200 19% 18%)));
}

:where(.set, [data-theme]) :where(:not(.bn, [data-pattern="button"]))> :where(p, span, div, ul, ol, li, label, svg, td, form, fieldset, legend, textarea, figcaption, caption, blockquote, address) {
    --tx-c: var(--th-tx, var(--set-tx, var(--th-c, var(--set-c, var(--tx, currentColor)))));
    --_c: var(--tx-c);
    color: var(--_c);
}

:where(.set, [data-theme]) :where(h1, h2, :is(h1, h2) > *) {
    --tl-c: var(--th-tl, var(--set-tl, var(--th-h, var(--set-h, var(--tl, currentColor)))));
    --_c: var(--tl-c);
    color: var(--_c);
}

:where(.set, [data-theme]) :where(h3, h4, h5, h6, b, strong, .th, :is(h3, h4, h5, h6) > *) {
    --tl-c: var(--th-st, var(--set-st, var(--th-h, var(--set-h, var(--tl, currentColor)))));
    --_c: var(--tl-c);
    color: var(--_c);
}

:where(.set, [data-theme]):where(.crd, [data-pattern="card"]),
:where(.set, [data-theme]):where(.g, [data-display="grid"], ul, ol):where(:has(> :is(.crd, [data-pattern="card"]), > * > :is(.crd, [data-pattern="card"]))) {
    --crd-bg: var(--set-crd-bg, var(--set-bg));
    --crd-bg--hv: var(--set-crd-bg--hv, var(--set-bg--hv, var(--set-bg)));

    --crd-tx-c: var(--set-crd-tx-c, var(--set-tx, var(--set-c, var(--tx, currentColor))));
    --crd-tl-c: var(--set-crd-tl-c, var(--th-tl, var(--set-tl, var(--th-h, var(--set-h, var(--tl, currentColor))))));
}

:where(.crd, [data-pattern="card"]) :where(.set, [data-theme]) {
    --crd-tx-c: var(--set-crd-tx-c, var(--set-tx, var(--set-c, var(--tx, currentColor))));
    --crd-tl-c: var(--set-crd-tl-c, var(--th-tl, var(--set-tl, var(--th-h, var(--set-h, var(--tl, currentColor))))));
}

:where(.set, [data-theme]):where(.g, [data-display="grid"], ul, ol):where(:has(> :is(.crd, [data-pattern="card"]), > * > :is(.crd, [data-pattern="card"]))) {
    background-color: var(--set-crds-bg, transparent);
}

:where(.set, [data-theme]):where(.bn, [data-pattern="button"]) {
    --_c: var(--set-c, var(--bn-c, var(--on-p, var(--d, #131313))));
    --_bg: var(--set-bg, var(--bn-bg, var(--p, #eec14c)));

    --_bdc: var(--set-bg, var(--bn-bdc, var(--bn-bg, var(--out-p, var(--p, #eec14c)))));

    --_bdw: var(--bn-bdw, var(--bdw--, .125rem));

    --bn-bxsh-c: var(--set-bg, var(--bn-bxsh-c, var(--bn-bxsh-c--ds, var(--bxsh-c, var(--o-p-xlt, hsl(0 0% 8% / .16))))));
}

:where(.set, [data-theme]):where(.bn, [data-pattern="button"]):where(:hover) {
    --_c: var(--bn-c--hv, var(--on-a, var(--d-bd, #000)));
    --_bg: var(--bn-bg--hv, var(--a, #ffb900));
    --_bdc: var(--bn-bdc--hv, var(--bn-bg--hv, var(--out-a, var(--a, #ffb900))));
}

:where(.set, [data-theme]):where(.bn, [data-pattern="button"]):where(.out, [data-skin~="outlined"], [data-style~="out"], .min):where(:not(:hover)) {
    --_bg: var(--pln, transparent);
}

:where(.set, [data-theme]):where(.bn, [data-pattern="button"]):where(.pln, [data-skin~="plain"], .trs, [data-skin~="transparent"]):where(:not(:hover)) {
    --set-c: var(--set-bg, var(--tl, currentColor));
    --_bg: var(--pln, transparent);
    --_bdc: var(--_bg, transparent);

    --bn-bxsh--ds: none;
}

:where(.set, [data-theme]):where(.neu, .n, [data-theme~="gray"], [data-theme~="neutral"]) {
    --set-bg: var(--n, var(--neu, #808080));
}

:where(.set, [data-theme]):where(.base, .bg, .base-bd, .bg-bd, .bd, .base-lt, .bg-lt, .lt, .srf, .elv, .neu, .n, .p, .a, [data-theme~="base"], [data-theme~="bg"], [data-theme~="bold"], [data-theme~="lite"], [data-theme~="surface"], [data-theme~="elevated"], [data-theme~="neutral"], [data-theme~="primary"], [data-theme~="accent"]),
:where(.set, [data-theme]):where(.base, .bg, [data-theme~="base"], [data-theme~="bg"]):where(.bd, [data-theme~="bold"], .lt, [data-theme~="lite"]),
:where(.set, [data-theme]):where(.p, .a, [data-theme~="primary"], [data-theme~="accent"]):where(.out, [data-theme~="outlined"]) {
    --set-h: var(--tl, var(--alt-bd, var(--contrast-bd, #0a0a0a)));
    --set-c: var(--tx, var(--alt, var(--contrast, #141414)));
    --set-bg: var(--bg, var(--base, #f5f5f5));
}

:where(.set, [data-theme]):where(.base-bd, .bg-bd, .bd, [data-theme~="bold"]),
:where(.set, [data-theme]):where(.base, .bg, [data-theme~="base"], [data-theme~="bg"]):where(.bd, [data-theme~="bold"]) {
    --set-bg: var(--bg-bd, var(--base-bd, #fafafa));
}

:where(.set, [data-theme]):where(.base-lt, .bg-lt, .lt, [data-theme~="lite"]),
:where(.set, [data-theme]):where(.base, .bg, [data-theme~="base"], [data-theme~="bg"]):where(.lt, [data-theme~="lite"]) {
    --set-bg: var(--bg-lt, var(--base-lt, #ececec));
}

:where(.set, [data-theme]):where(.srf, [data-theme~="surface"]) {
    --set-bg: var(--srf, var(--bg-lt, var(--base-lt, #ececec)));
}

:where(.set, [data-theme]):where(.elv, [data-theme~="elevated"], [data-theme~="card"]) {
    --set-bg: var(--crd, var(--elv, var(--bg-bd, var(--base-bd, #fafafa))));
}

:where(.set, [data-theme]):where(.alt, .cts, .alt-bd, .cts-bd, .alt-lt, .cts-lt, [data-theme~="alt"], [data-theme~="contrast"]),
:where(.set, [data-theme]):where(.alt, .cts, [data-theme~="alt"], [data-theme~="contrast"]):where(.bd, [data-theme~="bold"], .lt, [data-theme~="lite"]) {
    --set-h: var(--bg-bd, var(--base-bd, #fafafa));
    --set-c: var(--bg, var(--base, #f5f5f5));
    --set-bg: var(--alt, var(--contrast, #141414));
}

:where(.set, [data-theme]):where(.alt-bd, .cts-bd),
:where(.set, [data-theme]):where(.alt, .cts, [data-theme~="alt"], [data-theme~="contrast"]):where(.bd, [data-theme~="bold"]){
    --set-bg: var(--alt-bd, var(--contrast-bd, #0a0a0a));
}

:where(.set, [data-theme]):where(.alt-lt, .cts-lt),
:where(.set, [data-theme]):where(.alt, .cts, [data-theme~="alt"], [data-theme~="contrast"]):where(.lt, [data-theme~="lite"]) {
    --set-bg: var(--alt-lt, var(--contrast-lt, #1f1f1f));
}

:where(.set, [data-theme]):where(.sec, [data-theme~="secondary"]) {
    --set-h: var(--on-sec, var(--ter, #F5F0E6));
    --set-c: var(--on-sec, var(--ter, #F5F0E6));
    --set-bg: var(--sec, #263238);
}

:where(.set, [data-theme]):where(.ter, [data-theme~="tertiary"]) {
    --set-h: var(--on-ter, var(--sec, #263238));
    --set-c: var(--on-ter, var(--sec, #263238));
    --set-bg: var(--ter, #F5F0E6);
}

:where(.set, [data-theme]):where(.d, .d-bd, .d-lt, [data-theme~="dark"]),
:where(.set, [data-theme]):where(.d, [data-theme~="dark"]):where(.bd, [data-theme~="bold"], .lt, [data-theme~="lite"]) {
    --set-h: var(--l-bd, #fafafa);
    --set-c: var(--l, #f5f5f5);
    --set-bg: var(--d, #141414);

    --pre-c: var(--set-bg);
    --pre-bg: var(--set-c);
}

:where(.set, [data-theme]):where(.d-bd),
:where(.set, [data-theme]):where(.d, [data-theme~="dark"]):where(.bd, [data-theme~="bold"]) {
    --set-bg: var(--d-bd, #0a0a0a);
}

:where(.set, [data-theme]):where(.d-lt),
:where(.set, [data-theme]):where(.d, [data-theme~="dark"]):where(.lt, [data-theme~="lite"]) {
    --set-bg: var(--d-lt, #1f1f1f);
}

:where(.set, [data-theme]):where(.l, .l-bd, .l-lt, [data-theme~="light"]),
:where(.set, [data-theme]):where(.l, [data-theme~="light"]):where(.bd, [data-theme~="bold"], .lt, [data-theme~="lite"]) {
    --set-h: var(--d-bd, #0a0a0a);
    --set-c: var(--d, #141414);
    --set-bg: var(--l, #f5f5f5);

    --pre-c: var(--set-bg);
    --pre-bg: var(--set-c);
}

:where(.set, [data-theme]):where(.l-bd),
:where(.set, [data-theme]):where(.l, [data-theme~="light"]):where(.bd, [data-theme~="bold"]){
    --set-bg: var(--l-bd, #fafafa);
}

:where(.set, [data-theme]):where(.l-lt),
:where(.set, [data-theme]):where(.l, [data-theme~="light"]):where(.lt, [data-theme~="lite"]){
    --set-bg: var(--l-lt, #ececec);
}

:where(.set, [data-theme]):where(.success, .green, .scs, .grn, .alert, .error, .warning, .red, .alr, .warn, .err, .info, .inf, .blue, .tip, .purple, .pur, .notification, .note, .notice, .spotlight, .yellow, .ntf, .ylw) {
    --set-lnk: var(--tl, var(--alt-bd, var(--contrast-bd, #000)));
    --set-lnk--hv: var(--tx, var(--alt, var(--contrast, #141414)));

    --set-c: var(--on-ntf, var(--tl, #0a0a0a));

    --set-bdc: var(--set-h);
    --set-bf: var(--blr--l, calc(var(--blr--m, 0.25rem) * 2));
}

:where(.set, [data-theme]):where(.success, .green, .scs, .grn) {
    --set-h: var(--green, var(--scs, var(--tl, #1E8E3E)));

    --set-bg: var(--o-green, var(--o-scs, var(--o-bg-lt, hsl(137 65% 34% / .32))));
}

:where(.set, [data-theme]):where(.alert, .error, .warning, .red, .alr, .warn, .err) {
    --set-h: var(--red, var(--alr, var(--tl, #D93025)));

    --set-bg: var(--o-red, var(--o-alr, var(--o-bg-lt, hsl(4 71% 50% / .32))));
}

:where(.set, [data-theme]):where(.info, .inf, .blue) {
    --set-h: var(--blue, var(--inf, var(--tl, #1A73E8)));

    --set-bg: var(--o-blue, var(--o-inf, var(--o-bg-lt, hsl(214 82% 51% / .32))));
}

:where(.set, [data-theme]):where(.tip, .purple, .pur) {
    --set-h: var(--purple, var(--tip, var(--tl, #8E24AA)));

    --set-bg: var(--o-purple, var(--o-tip, var(--o-bg-lt, hsl(287 65% 40% / .32))));
}

:where(.set, [data-theme]):where(.success, .green, .scs, .grn, .alert, .error, .warning, .red, .alr, .warn, .err, .info, .inf, .blue, .tip, .purple, .pur):where(.alt, .contrast, .cts) {
    --set-h: var(--bg-bd, var(--base-bd, #fafafa));
}

:where(.set, [data-theme]):where(.success, .green, .scs, .grn, .alert, .error, .warning, .red, .alr, .warn, .err, .info, .inf, .blue, .tip, .purple, .pur):where(.base, .bg) {
    --set-h: var(--alt-bd, var(--contrast-bd, #0a0a0a));
}

:where(.set, [data-theme]):where(.notification, .note, .notice, .spotlight, .yellow, .ntf, .ylw) {
    --set-h: var(--alt-bd, var(--contrast-bd, #000));

    --set-bg: var(--o-yellow, var(--o-ntf, var(--o-bg-lt, hsl(43 83% 62% / .32))));

    --set-bdc: var(--yellow, var(--ntf, var(--set-h, #eec14c)));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"], .a, [data-theme~="accent"]):where(.sl, [data-theme~="solid"], .vv, [data-theme~="vivid"]) {
    --set-h: var(--on-a, var(--d-bd, hsl(0 0% 4%)));
    --set-c: var(--on-p, var(--d, hsl(0 0% 8%)));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"]) {
    --set-bg: var(--o-p-lt, hsl(43 83% 62% / .32));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"]):where(.bd, [data-theme~="bold"]) {
    --set-bg: var(--o-p, hsl(43 83% 62% / .64));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"]):where(.lt, [data-theme~="lite"], .sbt, [data-theme~="subtle"]) {
    --set-bg: var(--o-p-xlt, hsl(43 83% 62% / .16));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"]):where(.xlt, [data-theme~="xlite"], .gh, [data-theme~="ghost"]) {
    --set-bg: var(--o-p-ult, hsl(43 83% 62% / .08));
}

:where(.set, [data-theme]):where(.p, [data-theme~="primary"]):where(.sl, [data-theme~="solid"], .vv, [data-theme~="vivid"]) {
    --set-bg: var(--p, #eec14c);
}

:where(.set, [data-theme]):where(.a, [data-theme~="accent"]) {
    --set-bg: var(--o-a-lt, hsl(44 100% 50% / .32));
}

:where(.set, [data-theme]):where(.a, [data-theme~="accent"]):where(.bd, [data-theme~="bold"]) {
    --set-bg: var(--o-a, hsl(44 100% 50% / .64));
}

:where(.set, [data-theme]):where(.a, [data-theme~="accent"]):where(.lt, [data-theme~="lite"], .sbt, [data-theme~="subtle"]) {
    --set-bg: var(--o-a-xlt, hsl(44 100% 50% / .16));
}

:where(.set, [data-theme]):where(.a, [data-theme~="accent"]):where(.xlt, [data-theme~="xlite"], .gh, [data-theme~="ghost"]) {
    --set-bg: var(--o-a-ult, hsl(44 100% 50% / .08));
}

:where(.set, [data-theme]):where(.a, [data-theme~="accent"]):where(.sl, [data-theme~="solid"], .vv, [data-theme~="vivid"]) {
    --set-bg: var(--a, #ffb900);
}

:where(.set, [data-theme]):where(.brd, .border) {
    --set-bdw: var(--s-bdw, calc(0.125rem * var(--th, 1)));
    --set-bds: var(--s-bds, solid);
    --set-bdc: var(--s-bdc, currentColor);
}

:where(.set, [data-theme]):where(.transparent, .trs) {
    --set-bg: var(--pln, transparent);
}

:where(.bn, [data-pattern="button"]):where(.set, [data-theme]):where(.p, [data-theme~="primary"], .a, [data-theme~="accent"]):where(.outlined, .out, [data-style~="outlined"], [data-style~="out"], .plain, .pln, .transparent, .trs, [data-style~="plain"], [data-style~="pln"], [data-style~="transparent"], [data-style~="trs"]) {
    --set-c: var(--o-p-bd, hsl(44 100% 50% / .8));
    --bn-c--hv: var(--set-h, currentColor);
    --bn-bg--hv: var(--set-bg, var(--o-a-bd, hsl(44 100% 50% / .8)));
}

:where(.bn, [data-pattern="button"]):where(.set, [data-theme]):where(.success, .green, .scs, .grn, .alert, .error, .warning, .red, .alr, .warn, .err, .info, .inf, .blue, .tip, .purple, .pur):where(.outlined, .out, [data-style~="outlined"], [data-style~="out"], .plain, .pln, .transparent, .trs, [data-style~="plain"], [data-style~="pln"], [data-style~="transparent"], [data-style~="trs"]):where(:not(:hover)) {
    --_c: var(--set-h, var(--bn-c, var(--alt-bd, #000)));
    --set-bg: var(--_c);
}

:where(.bn, [data-pattern="button"]):where(.set, [data-theme]):where(.dark, .d, .black, .blk, .light, .l, .white, .wht, .alt, .contrast, .cts, .base, .bg, .gray, .neutral, .neu, .secondary, .sec, .tertiary, .ter):where(.outlined, .out, [data-style~="outlined"], [data-style~="out"], .plain, .pln, .transparent, .trs, [data-style~="plain"], [data-style~="pln"], [data-style~="transparent"], [data-style~="trs"]):where(:not(:hover)) {
    --set-c: var(--set-bg, var(--bn-bg, currentColor));
}

:where(.bn, [data-pattern="button"]):where(:hover):where(.set, [data-theme]):where(.success, .green, .scs, .grn, .alert, .error, .warning, .red, .alr, .warn, .err, .info, .inf, .blue, .tip, .purple, .pur) {
    --_c: var(--set-c, var(--alt-bd, #000));
    --_bg: var(--set-h, var(--a, #ffb900));
    --_bdc: var(--set-h, var(--_bg));
}

:where(.bn, [data-pattern="button"]):where(.set, [data-theme]):where(.dark, .d, .black, .blk, .light, .l, .white, .wht, .alt, .contrast, .cts, .base, .bg):where([class*="bd"], [class*="bold"]):where(:not(:disabled, .is-disabled, .disabled, .is-muted, .muted, [disabled], [muted], .is-inactive, .inactive, [class*="disabled"])) {
    --bn-op--ds: 1;
    --bn-op--hv: .8;
}

:where(.d-n, .none) {
    --_d: none;
    display: var(--display, var(--_d));
}

:where(.d-b, .block) {
    --_d: block;
    display: var(--display, var(--_d));
}

:where(.d-ib, .inline-block) {
    --_d: inline-block;
    display: var(--display, var(--_d));
}

:where(.d-i, .inline) {
    --_d: inline;
    display: var(--display, var(--_d));
}

:where(.d-if, .inline-flex) {
    --_d: inline-flex;
    display: var(--display, var(--_d));
}

:where(.d-f, .flex) {
    --_d: flex;
    display: var(--display, var(--_d));
}

:where(.d-ig, .inline-grid) {
    --_d: inline-grid;
    display: var(--display, var(--_d));
}

:where(.d-g, .grid) {
    --_d: grid;
    display: var(--display, var(--_d));
}

:where(.d-cn, .contents, .cnts) {
    --_d: contents;
    display: var(--display, var(--_d));
}

:where(.d-tb, .table, .tbl) {
    --_d: table;
    display: var(--display, var(--_d));
}

:where(.d-tbr, .table-row, .tbr) {
    --_d: table-row;
    display: var(--display, var(--_d));
}

:where(.d-tbc, .table-cell, .tbc) {
    --_d: table-cell;
    display: var(--display, var(--_d));
}

:where(.pos, .position),
:where(.sta, .static, .pos-s),
:where(.rel, .relative, .pos-r),
:where(.abs, .absolute, .pos-a, .absa),
:where(.fxd, .fixed, .pos-f),
:where(.sti, .sticky, .pos-st) {
    --pos: static;
    --_pos: var(--pos);
    position: var(--_pos);
}

:where(.rel, .relative, .pos-r),
:where(.abs, .absolute, .pos-a, .absa),
:where(.fxd, .fixed, .pos-f),
:where(.sti, .sticky, .pos-st) {
    --_ins-t: var(--ins-t, var(--_t, auto));
    --_ins-r: var(--ins-r, var(--_r, auto));
    --_ins-b: var(--ins-b, var(--_b, auto));
    --_ins-l: var(--ins-l, var(--_l, auto));
    --inset: var(--_ins-t, auto) var(--_ins-r, auto) var(--_ins-b, auto) var(--_ins-l, auto);
    inset: var(--_ins, var(--inset));

    --_z: var(--z, auto);
    z-index: var(--_z);
}

:where(.sta, .static, .pos-s) {
    --pos: static;
}

:where(.rel, .relative, .pos-r) {
    --pos: relative;
}

:where(.abs, .absolute, .pos-a, .absa) {
    --pos: absolute;
}

:where(.fxd, .fixed, .pos-f) {
    --pos: fixed;
}

:where(.sti, .sticky, .pos-st) {
    --pos: sticky;
}

:where(:has(.absa)) {
    --_pos: relative;
}

:where(.ins, .inset),
:where(.ins-0, .inset-0),
:where(.ins-c, .inset-c, .ins.center, .inset.center),
:where(.ins-t, .inset-t),
:where(.ins-r, .inset-r),
:where(.ins-b, .inset-b),
:where(.ins-l, .inset-l) {
    --_ins-t: var(--ins-t, var(--t, auto));
    --_ins-r: var(--ins-r, var(--r, auto));
    --_ins-b: var(--ins-b, var(--b, auto));
    --_ins-l: var(--ins-l, var(--l, auto));
    --ins: var(--_t, var(--_ins-t)) var(--_r, var(--_ins-r)) var(--_b, var(--_ins-b)) var(--_l, var(--_ins-l));
    --_ins: var(--ins);
    inset: var(--_ins);
}

:where(.ins-0, .inset-0),
:where(.ins-c, .inset-c, .ins.center, .inset.center) {
    --ins: 0;
}

:where(.ins-c, .inset-c, .ins.center, .inset.center),
:where(.ins-tc, .inset-tc),
:where(.ins-bc, .inset-bc) {
    --mb: auto;
	 --_mb: var(--mb);
    margin-block: var(--_mb);

    --bs: fit-content;
	 --_bs: var(--bs);
    block-size: var(--_bs);
}

:where(.ins-c, .inset-c, .ins.center, .inset.center),
:where(.ins-lc, .inset-lc),
:where(.ins-rc, .inset-rc) {
    --mi: auto;
	 --_mi: var(--mi);
    margin-inline: var(--_mi);

    --is: fit-content;
	 --_is: var(--is);
    inline-size: var(--_is);
}

:where(.ins-t, .inset-t),
:where(.ins-tc, .inset-tc) {
    --ins-t: 0;
    --ins-r: 0;
    --ins-l: 0;
}

:where(.ins-r, .inset-r),
:where(.ins-rc, .inset-rc) {
    --ins-t: 0;
    --ins-r: 0;
    --ins-b: 0;
}

:where(.ins-b, .inset-b),
:where(.ins-bc, .inset-bc) {
    --ins-r: 0;
    --ins-b: 0;
    --ins-l: 0;
}

:where(.ins-l, .inset-l),
:where(.ins-lc, .inset-lc) {
    --ins-t: 0;
    --ins-b: 0;
    --ins-l: 0;
}

:where(.ins-tl, .inset-tl) {
    --ins-t: 0;
    --ins-l: 0;
}

:where(.ins-tr, .inset-tr) {
    --ins-t: 0;
    --ins-r: 0;
}

:where(.ins-bl, .inset-bl) {
    --ins-b: 0;
    --ins-l: 0;
}

:where(.ins-br, .inset-br) {
    --ins-b: 0;
    --ins-r: 0;
}

:where(.z, .z-index) {
    --z: auto;
    --_z: var(--z);
    z-index: var(--_z);
}

:where(.z-f, .z-index-f, .z-t, .z-top, .z.first) {
    --z: 420;
}

:where(.z-s, .z-index-s, .z.second) {
    --z: 143;
}

:where(.z-1, .z-index-1, .z-1) {
    --z: var(--z-index, 1);
}

:where(.z-i, .z.initial) {
    --z: 69;
}

:where(.z-0, .z.zero) {
    --z: 0;
}

:where(.z-1, .z-index-1) {
    --z: 1;
}

:where(.z-2, .z-index-2) {
    --z: 2;
}

:where(.z-3, .z-index-3) {
    --z: 3;
}

:where(.z-4, .z-index-4) {
    --z: 4;
}

:where(.z-5, .z-index-5) {
    --z: 5;
}

:where(.z-6, .z-index-6) {
    --z: 6;
}

:where(.z-7, .z-index-7) {
    --z: 7;
}

:where(.z-8, .z-index-8) {
    --z: 8;
}

:where(.z-9, .z-index-9) {
    --z: 9;
}

:where(.z-b, .z-index-b, .z.back, .z.bottom) {
    --z: -69;
}

:where(.z-l, .z-index-l, .z.last) {
    --z: -143;
}

:where(.z-e, .z-index-e, .z.end) {
    --z: -420;
}
:where(.ov, .overflow),
:where(.clip, .ov-c, .visible, .ov-v, .scroll, .ov-s, .auto, .ov-a, .hidden, .ov-h) {
    --ov: auto;

    --ovx: var(--ov);
    --_ovx: var(--ovx);

    --ovy: var(--ov);
    --_ovy: var(--ovy);

    --_ov: var(--_ovx) var(--_ovy);
    overflow: var(--_ov);
}

:where(.ovx, .overflow-x),
:where(.clip-x, .ovx-c, .visible-x, .ovx-v, .scroll-x, .ovx-s, .auto-x, .ovx-a, .hidden-x, .ovx-h) {
    --ovx: auto;
    --_ovx: var(--ovx);
    overflow-x: var(--_ovx);
}

:where(.ovy, .overflow-y),
:where(.clip-y, .ovy-c, .visible-y, .ovy-v, .scroll-y, .ovy-s, .auto-y, .ovy-a, .hidden-y, .ovy-h) {
    --ovy: auto;
    --_ovy: var(--ovy);
    overflow-y: var(--_ovy);
}

:where(.clip, .ov-c) {
    --ov: clip;
}

:where(.clip-x, .ovx-c) {
    --ovx: clip;
}

:where(.clip-y, .ovy-c) {
    --ovy: clip;
}

:where(.visible, .ov-v) {
    --ov: visible;
}

:where(.visible-x, .ovx-v) {
    --ovx: visible;
}

:where(.visible-y, .ovy-v) {
    --ovy: visible;
}

:where(.scroll, .ov-s) {
    --ov: scroll;
}

:where(.scroll-x, .ovx-s) {
    --ovx: scroll;
}

:where(.scroll-y, .ovy-s) {
    --ovy: scroll;
}

:where(.auto, .ov-a) {
    --ov: auto;
}

:where(.auto-x, .ovx-a) {
    --ovx: auto;
}

:where(.auto-y, .ovy-a) {
    --ovy: auto;
}

:where(.hidden, .ov-h) {
    --ov: hidden;
}

:where(.hidden-x, .ovx-h) {
    --ovx: hidden;
}

:where(.hidden-y, .ovy-h) {
    --ovy: hidden;
}

:where(.iso) {
	--iso: isolate;
	--_iso: var(--iso);
	isolation: var(--_iso);
}

:where(.gg, .gap),
:where(.g--3xt, .g--xxxt, .g--2xt, .g--xxt, .g--xt, .g--t, .g--3xs, .g--xxxs, .g--2xs, .g--xxs, .g--xs, .g--s, .g--m, .g--l, .g--xl, .g--2xl, .g--xxl, .g--3xl, .g--xxxl, .g--3xe, .g--xxxe, .g--2xe, .g--xxe, .g--xe, .g--e, .g--g, .g--xg, .g--2xg, .g--xxg, .g--3xg, .g--xxxg, .g-0, .g--0) {
    --g: initial;
    --_g: initial;
    gap: var(--_g, var(--_rg, var(--g, normal)) var(--_cg, var(--g, normal)));
}

:where(.rg, .row-gap),
:where(.rg--3xt, .rg--xxxt, .rg--2xt, .rg--xxt, .rg--xt, .rg--t, .rg--3xs, .rg--xxxs, .rg--2xs, .rg--xxs, .rg--xs, .rg--s, .rg--m, .rg--l, .rg--xl, .rg--2xl, .rg--xxl, .rg--3xl, .rg--xxxl, .rg--3xe, .rg--xxxe, .rg--2xe, .rg--xxe, .rg--xe, .rg--e, .rg--g, .rg--xg, .rg-0, .rg--0) {
    --rg: normal;
    --_rg: var(--rg);
    row-gap: var(--_rg);
}

:where(.cg, .col-gap, .column-gap),
:where(.cg--3xt, .cg--xxxt, .cg--2xt, .cg--xxt, .cg--xt, .cg--t, .cg--3xs, .cg--xxxs, .cg--2xs, .cg--xxs, .cg--xs, .cg--s, .cg--m, .cg--l, .cg--xl, .cg--2xl, .cg--xxl, .cg--3xl, .cg--xxxl, .cg--3xe, .cg--xxxe, .cg--2xe, .cg--xxe, .cg--xe, .cg--e, .cg--g, .cg--xg, .cg-0, .cg--0) {
    --cg: normal;
    --_cg: var(--cg);
    column-gap: var(--_cg);
}

@container (width < 30rem) {

    :where(.g--3xt--sm, .g--xxxt--sm, .g--2xt--sm, .g--xxt--sm, .g--xt--sm, .g--t--sm, .g--3xs--sm, .g--xxxs--sm, .g--2xs--sm, .g--xxs--sm, .g--xs--sm, .g--s--sm, .g--m--sm, .g--l--sm, .g--xl--sm, .g--2xl--sm, .g--xxl--sm, .g--3xl--sm, .g--xxxl--sm, .g--3xe--sm, .g--xxxe--sm, .g--2xe--sm, .g--xxe--sm, .g--xe--sm, .g--e--sm, .g-0--sm, .g--0--sm),
    :where(.g--3xt--smd, .g--xxxt--smd, .g--2xt--smd, .g--xxt--smd, .g--xt--smd, .g--t--smd, .g--3xs--smd, .g--xxxs--smd, .g--2xs--smd, .g--xxs--smd, .g--xs--smd, .g--s--smd, .g--m--smd, .g--l--smd, .g--xl--smd, .g--2xl--smd, .g--xxl--smd, .g--3xl--smd, .g--xxxl--smd, .g--3xe--smd, .g--xxxe--smd, .g--2xe--smd, .g--xxe--smd, .g--xe--smd, .g--e--smd, .g-0--smd, .g--0--smd) {
        --g: initial;
        --_g: initial;
        --g--sm: var(--g, normal);
        gap: var(--_g, var(--_rg, var(--g--sm) var(--_cg, var(--g--sm))));
    }

    :where(.rg--3xt--sm, .rg--xxxt--sm, .rg--2xt--sm, .rg--xxt--sm, .rg--xt--sm, .rg--t--sm, .rg--3xs--sm, .rg--xxxs--sm, .rg--2xs--sm, .rg--xxs--sm, .rg--xs--sm, .rg--s--sm, .rg--m--sm, .rg--l--sm, .rg--xl--sm, .rg--2xl--sm, .rg--xxl--sm, .rg--3xl--sm, .rg--xxxl--sm, .rg--3xe--sm, .rg--xxxe--sm, .rg--2xe--sm, .rg--xxe--sm, .rg--xe--sm, .rg--e--sm, .rg-0--sm, .rg--0--sm),
    :where(.rg--3xt--smd, .rg--xxxt--smd, .rg--2xt--smd, .rg--xxt--smd, .rg--xt--smd, .rg--t--smd, .rg--3xs--smd, .rg--xxxs--smd, .rg--2xs--smd, .rg--xxs--smd, .rg--xs--smd, .rg--s--smd, .rg--m--smd, .rg--l--smd, .rg--xl--smd, .rg--2xl--smd, .rg--xxl--smd, .rg--3xl--smd, .rg--xxxl--smd, .rg--3xe--smd, .rg--xxxe--smd, .rg--2xe--smd, .rg--xxe--smd, .rg--xe--smd, .rg--e--smd, .rg-0--smd, .rg--0--smd) {
        --rg: normal;
        --rg--sm: var(--rg);
        --_rg: var(--rg--sm);
        row-gap: var(--_rg);
    }

    :where(.cg--3xt--sm, .cg--xxxt--sm, .cg--2xt--sm, .cg--xxt--sm, .cg--xt--sm, .cg--t--sm, .cg--3xs--sm, .cg--xxxs--sm, .cg--2xs--sm, .cg--xxs--sm, .cg--xs--sm, .cg--s--sm, .cg--m--sm, .cg--l--sm, .cg--xl--sm, .cg--2xl--sm, .cg--xxl--sm, .cg--3xl--sm, .cg--xxxl--sm, .cg--3xe--sm, .cg--xxxe--sm, .cg--2xe--sm, .cg--xxe--sm, .cg--xe--sm, .cg--e--sm, .cg-0--sm, .cg--0--sm),
    :where(.cg--3xt--smd, .cg--xxxt--smd, .cg--2xt--smd, .cg--xxt--smd, .cg--xt--smd, .cg--t--smd, .cg--3xs--smd, .cg--xxxs--smd, .cg--2xs--smd, .cg--xxs--smd, .cg--xs--smd, .cg--s--smd, .cg--m--smd, .cg--l--smd, .cg--xl--smd, .cg--2xl--smd, .cg--xxl--smd, .cg--3xl--smd, .cg--xxxl--smd, .cg--3xe--smd, .cg--xxxe--smd, .cg--2xe--smd, .cg--xxe--smd, .cg--xe--smd, .cg--e--smd, .cg-0--smd, .cg--0--smd) {
        --cg: normal;
        --cg--sm: var(--cg);
        --_cg: var(--cg--sm);
        column-gap: var(--_cg);
    }

}

@container (30rem <=width <=60rem) {

    :where(.g--3xt--md, .g--xxxt--md, .g--2xt--md, .g--xxt--md, .g--xt--md, .g--t--md, .g--3xs--md, .g--xxxs--md, .g--2xs--md, .g--xxs--md, .g--xs--md, .g--s--md, .g--m--md, .g--l--md, .g--xl--md, .g--2xl--md, .g--xxl--md, .g--3xl--md, .g--xxxl--md, .g--3xe--md, .g--xxxe--md, .g--2xe--md, .g--xxe--md, .g--xe--md, .g--e--md, .g-0--md, .g--0--md),
    :where(.g--3xt--mdl, .g--xxxt--mdl, .g--2xt--mdl, .g--xxt--mdl, .g--xt--mdl, .g--t--mdl, .g--3xs--mdl, .g--xxxs--mdl, .g--2xs--mdl, .g--xxs--mdl, .g--xs--mdl, .g--s--mdl, .g--m--mdl, .g--l--mdl, .g--xl--mdl, .g--2xl--mdl, .g--xxl--mdl, .g--3xl--mdl, .g--xxxl--mdl, .g--3xe--mdl, .g--xxxe--mdl, .g--2xe--mdl, .g--xxe--mdl, .g--xe--mdl, .g--e--mdl, .g-0--mdl, .g--0--mdl),
    :where(.g--3xt--smd, .g--xxxt--smd, .g--2xt--smd, .g--xxt--smd, .g--xt--smd, .g--t--smd, .g--3xs--smd, .g--xxxs--smd, .g--2xs--smd, .g--xxs--smd, .g--xs--smd, .g--s--smd, .g--m--smd, .g--l--smd, .g--xl--smd, .g--2xl--smd, .g--xxl--smd, .g--3xl--smd, .g--xxxl--smd, .g--3xe--smd, .g--xxxe--smd, .g--2xe--smd, .g--xxe--smd, .g--xe--smd, .g--e--smd, .g-0--smd, .g--0--smd) {
        --g: initial;
        --_g: initial;
        --g--md: var(--g, normal);
        gap: var(--_g, var(--_rg, var(--g--md) var(--_cg, var(--g--md))));
    }

    :where(.rg--3xt--md, .rg--xxxt--md, .rg--2xt--md, .rg--xxt--md, .rg--xt--md, .rg--t--md, .rg--3xs--md, .rg--xxxs--md, .rg--2xs--md, .rg--xxs--md, .rg--xs--md, .rg--s--md, .rg--m--md, .rg--l--md, .rg--xl--md, .rg--2xl--md, .rg--xxl--md, .rg--3xl--md, .rg--xxxl--md, .rg--3xe--md, .rg--xxxe--md, .rg--2xe--md, .rg--xxe--md, .rg--xe--md, .rg--e--md, .rg-0--md, .rg--0--md),
    :where(.rg--3xt--mdl, .rg--xxxt--mdl, .rg--2xt--mdl, .rg--xxt--mdl, .rg--xt--mdl, .rg--t--mdl, .rg--3xs--mdl, .rg--xxxs--mdl, .rg--2xs--mdl, .rg--xxs--mdl, .rg--xs--mdl, .rg--s--mdl, .rg--m--mdl, .rg--l--mdl, .rg--xl--mdl, .rg--2xl--mdl, .rg--xxl--mdl, .rg--3xl--mdl, .rg--xxxl--mdl, .rg--3xe--mdl, .rg--xxxe--mdl, .rg--2xe--mdl, .rg--xxe--mdl, .rg--xe--mdl, .rg--e--mdl, .rg-0--mdl, .rg--0--mdl),
    :where(.rg--3xt--smd, .rg--xxxt--smd, .rg--2xt--smd, .rg--xxt--smd, .rg--xt--smd, .rg--t--smd, .rg--3xs--smd, .rg--xxxs--smd, .rg--2xs--smd, .rg--xxs--smd, .rg--xs--smd, .rg--s--smd, .rg--m--smd, .rg--l--smd, .rg--xl--smd, .rg--2xl--smd, .rg--xxl--smd, .rg--3xl--smd, .rg--xxxl--smd, .rg--3xe--smd, .rg--xxxe--smd, .rg--2xe--smd, .rg--xxe--smd, .rg--xe--smd, .rg--e--smd, .rg-0--smd, .rg--0--smd) {
        --rg: normal;
        --rg--md: var(--rg);
        --_rg: var(--rg--md);
        row-gap: var(--_rg);
    }

    :where(.cg--3xt--md, .cg--xxxt--md, .cg--2xt--md, .cg--xxt--md, .cg--xt--md, .cg--t--md, .cg--3xs--md, .cg--xxxs--md, .cg--2xs--md, .cg--xxs--md, .cg--xs--md, .cg--s--md, .cg--m--md, .cg--l--md, .cg--xl--md, .cg--2xl--md, .cg--xxl--md, .cg--3xl--md, .cg--xxxl--md, .cg--3xe--md, .cg--xxxe--md, .cg--2xe--md, .cg--xxe--md, .cg--xe--md, .cg--e--md, .cg-0--md, .cg--0--md),
    :where(.cg--3xt--mdl, .cg--xxxt--mdl, .cg--2xt--mdl, .cg--xxt--mdl, .cg--xt--mdl, .cg--t--mdl, .cg--3xs--mdl, .cg--xxxs--mdl, .cg--2xs--mdl, .cg--xxs--mdl, .cg--xs--mdl, .cg--s--mdl, .cg--m--mdl, .cg--l--mdl, .cg--xl--mdl, .cg--2xl--mdl, .cg--xxl--mdl, .cg--3xl--mdl, .cg--xxxl--mdl, .cg--3xe--mdl, .cg--xxxe--mdl, .cg--2xe--mdl, .cg--xxe--mdl, .cg--xe--mdl, .cg--e--mdl, .cg-0--mdl, .cg--0--mdl),
    :where(.cg--3xt--smd, .cg--xxxt--smd, .cg--2xt--smd, .cg--xxt--smd, .cg--xt--smd, .cg--t--smd, .cg--3xs--smd, .cg--xxxs--smd, .cg--2xs--smd, .cg--xxs--smd, .cg--xs--smd, .cg--s--smd, .cg--m--smd, .cg--l--smd, .cg--xl--smd, .cg--2xl--smd, .cg--xxl--smd, .cg--3xl--smd, .cg--xxxl--smd, .cg--3xe--smd, .cg--xxxe--smd, .cg--2xe--smd, .cg--xxe--smd, .cg--xe--smd, .cg--e--smd, .cg-0--smd, .cg--0--smd) {
        --cg: normal;
        --cg--md: var(--cg);
        --_cg: var(--cg--md);
        column-gap: var(--_cg);
    }
}

@container (width > 60rem) {

    :where(.g--3xt--lg, .g--xxxt--lg, .g--2xt--lg, .g--xxt--lg, .g--xt--lg, .g--t--lg, .g--3xs--lg, .g--xxxs--lg, .g--2xs--lg, .g--xxs--lg, .g--xs--lg, .g--s--lg, .g--m--lg, .g--l--lg, .g--xl--lg, .g--2xl--lg, .g--xxl--lg, .g--3xl--lg, .g--xxxl--lg, .g--3xe--lg, .g--xxxe--lg, .g--2xe--lg, .g--xxe--lg, .g--xe--lg, .g--e--lg, .g-0--lg, .g--0--lg),
    :where(.g--3xt--mdl, .g--xxxt--mdl, .g--2xt--mdl, .g--xxt--mdl, .g--xt--mdl, .g--t--mdl, .g--3xs--mdl, .g--xxxs--mdl, .g--2xs--mdl, .g--xxs--mdl, .g--xs--mdl, .g--s--mdl, .g--m--mdl, .g--l--mdl, .g--xl--mdl, .g--2xl--mdl, .g--xxl--mdl, .g--3xl--mdl, .g--xxxl--mdl, .g--3xe--mdl, .g--xxxe--mdl, .g--2xe--mdl, .g--xxe--mdl, .g--xe--mdl, .g--e--mdl, .g-0--mdl, .g--0--mdl) {
        --g: initial;
        --_g: initial;
        --g--lg: var(--g, normal);
        gap: var(--_g, var(--_rg, var(--g--lg) var(--_cg, var(--g--lg))));
    }

    :where(.rg--3xt--lg, .rg--xxxt--lg, .rg--2xt--lg, .rg--xxt--lg, .rg--xt--lg, .rg--t--lg, .rg--3xs--lg, .rg--xxxs--lg, .rg--2xs--lg, .rg--xxs--lg, .rg--xs--lg, .rg--s--lg, .rg--m--lg, .rg--l--lg, .rg--xl--lg, .rg--2xl--lg, .rg--xxl--lg, .rg--3xl--lg, .rg--xxxl--lg, .rg--3xe--lg, .rg--xxxe--lg, .rg--2xe--lg, .rg--xxe--lg, .rg--xe--lg, .rg--e--lg, .rg-0--lg, .rg--0--lg),
    :where(.rg--3xt--mdl, .rg--xxxt--mdl, .rg--2xt--mdl, .rg--xxt--mdl, .rg--xt--mdl, .rg--t--mdl, .rg--3xs--mdl, .rg--xxxs--mdl, .rg--2xs--mdl, .rg--xxs--mdl, .rg--xs--mdl, .rg--s--mdl, .rg--m--mdl, .rg--l--mdl, .rg--xl--mdl, .rg--2xl--mdl, .rg--xxl--mdl, .rg--3xl--mdl, .rg--xxxl--mdl, .rg--3xe--mdl, .rg--xxxe--mdl, .rg--2xe--mdl, .rg--xxe--mdl, .rg--xe--mdl, .rg--e--mdl, .rg-0--mdl, .rg--0--mdl) {
        --rg: normal;
        --rg--lg: var(--rg);
        --_rg: var(--rg--lg);
        row-gap: var(--_rg);
    }

    :where(.cg--3xt--lg, .cg--xxxt--lg, .cg--2xt--lg, .cg--xxt--lg, .cg--xt--lg, .cg--t--lg, .cg--3xs--lg, .cg--xxxs--lg, .cg--2xs--lg, .cg--xxs--lg, .cg--xs--lg, .cg--s--lg, .cg--m--lg, .cg--l--lg, .cg--xl--lg, .cg--2xl--lg, .cg--xxl--lg, .cg--3xl--lg, .cg--xxxl--lg, .cg--3xe--lg, .cg--xxxe--lg, .cg--2xe--lg, .cg--xxe--lg, .cg--xe--lg, .cg--e--lg, .cg-0--lg, .cg--0--lg),
    :where(.cg--3xt--mdl, .cg--xxxt--mdl, .cg--2xt--mdl, .cg--xxt--mdl, .cg--xt--mdl, .cg--t--mdl, .cg--3xs--mdl, .cg--xxxs--mdl, .cg--2xs--mdl, .cg--xxs--mdl, .cg--xs--mdl, .cg--s--mdl, .cg--m--mdl, .cg--l--mdl, .cg--xl--mdl, .cg--2xl--mdl, .cg--xxl--mdl, .cg--3xl--mdl, .cg--xxxl--mdl, .cg--3xe--mdl, .cg--xxxe--mdl, .cg--2xe--mdl, .cg--xxe--mdl, .cg--xe--mdl, .cg--e--mdl, .cg-0--mdl, .cg--0--mdl) {
        --cg: normal;
        --cg--lg: var(--cg);
        --_cg: var(--cg--lg);
        column-gap: var(--_cg);
    }
}

:where(.g--3xt, .g--xxxt) {
    --g: var(---3xt, 0.125rem);
}

:where(.cg--3xt, .cg--xxxt) {
    --cg: var(---3xt, 0.125rem);
}

:where(.rg--3xt, .rg--xxxt) {
    --rg: var(---3xt, 0.125rem);
}

:where(.g--3xt--sm, .g--xxxt--sm, .g--3xt--smd, .g--xxxt--smd) {
    --g--sm: var(---3xt, 0.125rem);
}

:where(.cg--3xt--sm, .cg--xxxt--sm, .cg--3xt--smd, .cg--xxxt--smd) {
    --cg--sm: var(---3xt, 0.125rem);
}

:where(.rg--3xt--sm, .rg--xxxt--sm, .rg--3xt--smd, .rg--xxxt--smd) {
    --rg--sm: var(---3xt, 0.125rem);
}

:where(.g--3xt--md, .g--xxxt--md, .g--3xt--mdl, .g--xxxt--mdl, .g--3xt--smd, .g--xxxt--smd) {
    --g--md: var(---3xt, 0.125rem);
}

:where(.cg--3xt--md, .cg--xxxt--md, .cg--3xt--mdl, .cg--xxxt--mdl, .cg--3xt--smd, .cg--xxxt--smd) {
    --cg--md: var(---3xt, 0.125rem);
}

:where(.rg--3xt--md, .rg--xxxt--md, .rg--3xt--mdl, .rg--xxxt--mdl, .rg--3xt--smd, .rg--xxxt--smd) {
    --rg--md: var(---3xt, 0.125rem);
}

:where(.g--3xt--lg, .g--xxxt--lg, .g--3xt--mdl, .g--xxxt--mdl) {
    --g--lg: var(---3xt, 0.125rem);
}

:where(.cg--3xt--lg, .cg--xxxt--lg, .cg--3xt--mdl, .cg--xxxt--mdl) {
    --cg--lg: var(---3xt, 0.125rem);
}

:where(.rg--3xt--lg, .rg--xxxt--lg, .rg--3xt--mdl, .rg--xxxt--mdl) {
    --rg--lg: var(---3xt, 0.125rem);
}

:where(.g--2xt, .g--xxt) {
    --g: var(---2xt, 0.25rem);
}

:where(.cg--2xt, .cg--xxt) {
    --cg: var(---2xt, 0.25rem);
}

:where(.rg--2xt, .rg--xxt) {
    --rg: var(---2xt, 0.25rem);
}

:where(.g--2xt--sm, .g--xxt--sm, .g--2xt--smd, .g--xxt--smd) {
    --g--sm: var(---2xt, 0.25rem);
}

:where(.cg--2xt--sm, .cg--xxt--sm, .cg--2xt--smd, .cg--xxt--smd) {
    --cg--sm: var(---2xt, 0.25rem);
}

:where(.rg--2xt--sm, .rg--xxt--sm, .rg--2xt--smd, .rg--xxt--smd) {
    --rg--sm: var(---2xt, 0.25rem);
}

:where(.g--2xt--md, .g--xxt--md, .g--2xt--mdl, .g--xxt--mdl, .g--2xt--smd, .g--xxt--smd) {
    --g--md: var(---2xt, 0.25rem);
}

:where(.cg--2xt--md, .cg--xxt--md, .cg--2xt--mdl, .cg--xxt--mdl, .cg--2xt--smd, .cg--xxt--smd) {
    --cg--md: var(---2xt, 0.25rem);
}

:where(.rg--2xt--md, .rg--xxt--md, .rg--2xt--mdl, .rg--xxt--mdl, .rg--2xt--smd, .rg--xxt--smd) {
    --rg--md: var(---2xt, 0.25rem);
}

:where(.g--2xt--lg, .g--xxt--lg, .g--2xt--mdl, .g--xxt--mdl) {
    --g--lg: var(---2xt, 0.25rem);
}

:where(.cg--2xt--lg, .cg--xxt--lg, .cg--2xt--mdl, .cg--xxt--mdl) {
    --cg--lg: var(---2xt, 0.25rem);
}

:where(.rg--2xt--lg, .rg--xxt--lg, .rg--2xt--mdl, .rg--xxt--mdl) {
    --rg--lg: var(---2xt, 0.25rem);
}

:where(.g--xt) {
    --g: var(---xt, 0.375rem);
}

:where(.cg--xt) {
    --cg: var(---xt, 0.375rem);
}

:where(.rg--xt) {
    --rg: var(---xt, 0.375rem);
}

:where(.g--xt--sm, .g--xt--smd) {
    --g--sm: var(---xt, 0.375rem);
}

:where(.cg--xt--sm, .cg--xt--smd) {
    --cg--sm: var(---xt, 0.375rem);
}

:where(.rg--xt--sm, .rg--xt--smd) {
    --rg--sm: var(---xt, 0.375rem);
}

:where(.g--xt--md, .g--xt--mdl, .g--xt--smd) {
    --g--md: var(---xt, 0.375rem);
}

:where(.cg--xt--md, .cg--xt--mdl, .cg--xt--smd) {
    --cg--md: var(---xt, 0.375rem);
}

:where(.rg--xt--md, .rg--xt--mdl, .rg--xt--smd) {
    --rg--md: var(---xt, 0.375rem);
}

:where(.g--xt--lg, .g--xt--mdl) {
    --g--lg: var(---xt, 0.375rem);
}

:where(.cg--xt--lg, .cg--xt--mdl) {
    --cg--lg: var(---xt, 0.375rem);
}

:where(.rg--xt--lg, .rg--xt--mdl) {
    --rg--lg: var(---xt, 0.375rem);
}

:where(.g--t) {
    --g: var(---t, 0.5rem);
}

:where(.cg--t) {
    --cg: var(---t, 0.5rem);
}

:where(.rg--t) {
    --rg: var(---t, 0.5rem);
}

:where(.g--t--sm, .g--t--smd) {
    --g--sm: var(---t, 0.5rem);
}

:where(.cg--t--sm, .cg--t--smd) {
    --cg--sm: var(---t, 0.5rem);
}

:where(.rg--t--sm, .rg--t--smd) {
    --rg--sm: var(---t, 0.5rem);
}

:where(.g--t--md, .g--t--mdl, .g--t--smd) {
    --g--md: var(---t, 0.5rem);
}

:where(.cg--t--md, .cg--t--mdl, .cg--t--smd) {
    --cg--md: var(---t, 0.5rem);
}

:where(.rg--t--md, .rg--t--mdl, .rg--t--smd) {
    --rg--md: var(---t, 0.5rem);
}

:where(.g--t--lg, .g--t--mdl) {
    --g--lg: var(---t, 0.5rem);
}

:where(.cg--t--lg, .cg--t--mdl) {
    --cg--lg: var(---t, 0.5rem);
}

:where(.rg--t--lg, .rg--t--mdl) {
    --rg--lg: var(---t, 0.5rem);
}

:where(.g--3xs, .g--xxxs) {
    --g: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.cg--3xs, .cg--xxxs) {
    --cg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.rg--3xs, .rg--xxxs) {
    --rg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.g--3xs--sm, .g--xxxs--sm, .g--3xs--smd, .g--xxxs--smd) {
    --g--sm: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.cg--3xs--sm, .cg--xxxs--sm, .cg--3xs--smd, .cg--xxxs--smd) {
    --cg--sm: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.rg--3xs--sm, .rg--xxxs--sm, .rg--3xs--smd, .rg--xxxs--smd) {
    --rg--sm: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.g--3xs--md, .g--xxxs--md, .g--3xs--mdl, .g--xxxs--mdl, .g--3xs--smd, .g--xxxs--smd) {
    --g--md: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.cg--3xs--md, .cg--xxxs--md, .cg--3xs--mdl, .cg--xxxs--mdl, .cg--3xs--smd, .cg--xxxs--smd) {
    --cg--md: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.rg--3xs--md, .rg--xxxs--md, .rg--3xs--mdl, .rg--xxxs--mdl, .rg--3xs--smd, .rg--xxxs--smd) {
    --rg--md: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.g--3xs--lg, .g--xxxs--lg, .g--3xs--mdl, .g--xxxs--mdl) {
    --g--lg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.cg--3xs--lg, .cg--xxxs--lg, .cg--3xs--mdl, .cg--xxxs--mdl) {
    --cg--lg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.rg--3xs--lg, .rg--xxxs--lg, .rg--3xs--mdl, .rg--xxxs--mdl) {
    --rg--lg: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.g--2xs, .g--xxs) {
    --g: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.cg--2xs, .cg--xxs) {
    --cg: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.rg--2xs, .rg--xxs) {
    --rg: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.g--2xs--sm, .g--xxs--sm, .g--2xs--smd, .g--xxs--smd) {
    --g--sm: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.cg--2xs--sm, .cg--xxs--sm, .cg--2xs--smd, .cg--xxs--smd) {
    --cg--sm: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.rg--2xs--sm, .rg--xxs--sm, .rg--2xs--smd, .rg--xxs--smd) {
    --rg--sm: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.g--2xs--md, .g--xxs--md, .g--2xs--mdl, .g--xxs--mdl, .g--2xs--smd, .g--xxs--smd) {
    --g--md: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.cg--2xs--md, .cg--xxs--md, .cg--2xs--mdl, .cg--xxs--mdl, .cg--2xs--smd, .cg--xxs--smd) {
    --cg--md: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.rg--2xs--md, .rg--xxs--md, .rg--2xs--mdl, .rg--xxs--mdl, .rg--2xs--smd, .rg--xxs--smd) {
    --rg--md: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.g--2xs--lg, .g--xxs--lg, .g--2xs--mdl, .g--xxs--mdl) {
    --g--lg: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.cg--2xs--lg, .cg--xxs--lg, .cg--2xs--mdl, .cg--xxs--mdl) {
    --cg--lg: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.rg--2xs--lg, .rg--xxs--lg, .rg--2xs--mdl, .rg--xxs--mdl) {
    --rg--lg: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.g--xs) {
    --g: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.cg--xs) {
    --cg: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.rg--xs) {
    --rg: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.g--xs--sm, .g--xs--smd) {
    --g--sm: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.cg--xs--sm, .cg--xs--smd) {
    --cg--sm: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.rg--xs--sm, .rg--xs--smd) {
    --rg--sm: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.g--xs--md, .g--xs--mdl, .g--xs--smd) {
    --g--md: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.cg--xs--md, .cg--xs--mdl, .cg--xs--smd) {
    --cg--md: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.rg--xs--md, .rg--xs--mdl, .rg--xs--smd) {
    --rg--md: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.g--xs--lg, .g--xs--mdl) {
    --g--lg: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.cg--xs--lg, .cg--xs--mdl) {
    --cg--lg: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.rg--xs--lg, .rg--xs--mdl) {
    --rg--lg: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.g--s) {
    --g: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.cg--s) {
    --cg: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.rg--s) {
    --rg: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.g--s--sm, .g--s--smd) {
    --g--sm: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.cg--s--sm, .cg--s--smd) {
    --cg--sm: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.rg--s--sm, .rg--s--smd) {
    --rg--sm: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.g--s--md, .g--s--mdl, .g--s--smd) {
    --g--md: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.cg--s--md, .cg--s--mdl, .cg--s--smd) {
    --cg--md: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.rg--s--md, .rg--s--mdl, .rg--s--smd) {
    --rg--md: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.g--s--lg, .g--s--mdl) {
    --g--lg: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.cg--s--lg, .cg--s--mdl) {
    --cg--lg: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.rg--s--lg, .rg--s--mdl) {
    --rg--lg: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.g--m, .gg, .gap) {
    --g: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.cg, .cg--m, .col-gap, .column-gap) {
    --cg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.rg, .rg--m, .row-gap) {
    --rg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g--m--sm, .g--m--smd) {
    --g--sm: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.cg--m--sm, .cg--m--smd) {
    --cg--sm: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.rg--m--sm, .rg--m--smd) {
    --rg--sm: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g--m--md, .g--m--mdl, .g--m--smd) {
    --g--md: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.cg--m--md, .cg--m--mdl, .cg--m--smd) {
    --cg--md: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.rg--m--md, .rg--m--mdl, .rg--m--smd) {
    --rg--md: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g--m--lg, .g--m--mdl) {
    --g--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.cg--m--lg, .cg--m--mdl) {
    --cg--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.rg--m--lg, .rg--m--mdl) {
    --rg--lg: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.g--l) {
    --g: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.cg--l) {
    --cg: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.rg--l) {
    --rg: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.g--l--sm, .g--l--smd) {
    --g--sm: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.cg--l--sm, .cg--l--smd) {
    --cg--sm: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.rg--l--sm, .rg--l--smd) {
    --rg--sm: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.g--l--md, .g--l--mdl, .g--l--smd) {
    --g--md: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.cg--l--md, .cg--l--mdl, .cg--l--smd) {
    --cg--md: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.rg--l--md, .rg--l--mdl, .rg--l--smd) {
    --rg--md: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.g--l--lg, .g--l--mdl) {
    --g--lg: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.cg--l--lg, .cg--l--mdl) {
    --cg--lg: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.rg--l--lg, .rg--l--mdl) {
    --rg--lg: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.g--xl) {
    --g: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.cg--xl) {
    --cg: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.rg--xl) {
    --rg: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g--xl--sm, .g--xl--smd) {
    --g--sm: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.cg--xl--sm, .cg--xl--smd) {
    --cg--sm: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.rg--xl--sm, .rg--xl--smd) {
    --rg--sm: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g--xl--md, .g--xl--mdl, .g--xl--smd) {
    --g--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.cg--xl--md, .cg--xl--mdl, .cg--xl--smd) {
    --cg--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.rg--xl--md, .rg--xl--mdl, .rg--xl--smd) {
    --rg--md: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g--xl--lg, .g--xl--mdl) {
    --g--lg: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.cg--xl--lg, .cg--xl--mdl) {
    --cg--lg: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.rg--xl--lg, .rg--xl--mdl) {
    --rg--lg: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.g--2xl, .g--xxl) {
    --g: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.cg--2xl, .cg--xxl) {
    --cg: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.rg--2xl, .rg--xxl) {
    --rg: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.g--2xl--sm, .g--2xl--smd, .g--xxl--sm, .g--xxl--smd) {
    --g--sm: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.cg--2xl--sm, .cg--2xl--smd, .cg--xxl--sm, .cg--xxl--smd) {
    --cg--sm: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.rg--2xl--sm, .rg--2xl--smd, .rg--xxl--sm, .rg--xxl--smd) {
    --rg--sm: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.g--2xl--md, .g--2xl--mdl, .g--2xl--smd, .g--xxl--md, .g--xxl--mdl, .g--xxl--smd) {
    --g--md: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.cg--2xl--md, .cg--2xl--mdl, .cg--2xl--smd, .cg--xxl--md, .cg--xxl--mdl, .cg--xxl--smd) {
    --cg--md: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.rg--2xl--md, .rg--2xl--mdl, .rg--2xl--smd, .rg--xxl--md, .rg--xxl--mdl, .rg--xxl--smd) {
    --rg--md: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.g--2xl--lg, .g--2xl--mdl, .g--xxl--lg, .g--xxl--mdl) {
    --g--lg: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.cg--2xl--lg, .cg--2xl--mdl, .cg--xxl--lg, .cg--xxl--mdl) {
    --cg--lg: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.rg--2xl--lg, .rg--2xl--mdl, .rg--xxl--lg, .rg--xxl--mdl) {
    --rg--lg: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.g--3xl, .g--xxxl) {
    --g: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.cg--3xl, .cg--xxxl) {
    --cg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.rg--3xl, .rg--xxxl) {
    --rg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g--3xl--sm, .g--3xl--smd, .g--xxxl--sm, .g--xxxl--smd) {
    --g--sm: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.cg--3xl--sm, .cg--3xl--smd, .cg--xxxl--sm, .cg--xxxl--smd) {
    --cg--sm: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.rg--3xl--sm, .rg--3xl--smd, .rg--xxxl--sm, .rg--xxxl--smd) {
    --rg--sm: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g--3xl--md, .g--3xl--mdl, .g--3xl--smd, .g--xxxl--md, .g--xxxl--mdl, .g--xxxl--smd) {
    --g--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.cg--3xl--md, .cg--3xl--mdl, .cg--3xl--smd, .cg--xxxl--md, .cg--xxxl--mdl, .cg--xxxl--smd) {
    --cg--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.rg--3xl--md, .rg--3xl--mdl, .rg--3xl--smd, .rg--xxxl--md, .rg--xxxl--mdl, .rg--xxxl--smd) {
    --rg--md: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g--3xl--lg, .g--3xl--mdl, .g--xxxl--lg, .g--xxxl--mdl) {
    --g--lg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.cg--3xl--lg, .cg--3xl--mdl, .cg--xxxl--lg, .cg--xxxl--mdl) {
    --cg--lg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.rg--3xl--lg, .rg--3xl--mdl, .rg--xxxl--lg, .rg--xxxl--mdl) {
    --rg--lg: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.g--e) {
    --g: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.cg--e) {
    --cg: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.rg--e) {
    --rg: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.g--e--sm, .g--e--smd) {
    --g--sm: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.cg--e--sm, .cg--e--smd) {
    --cg--sm: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.rg--e--sm, .rg--e--smd) {
    --rg--sm: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.g--e--md, .g--e--mdl, .g--e--smd) {
    --g--md: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.cg--e--md, .cg--e--mdl, .cg--e--smd) {
    --cg--md: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.rg--e--md, .rg--e--mdl, .rg--e--smd) {
    --rg--md: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.g--e--lg, .g--e--mdl) {
    --g--lg: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.cg--e--lg, .cg--e--mdl) {
    --cg--lg: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.rg--e--lg, .rg--e--mdl) {
    --rg--lg: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.g--xe) {
    --g: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.cg--xe) {
    --cg: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.rg--xe) {
    --rg: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.g--xe--sm, .g--xe--smd) {
    --g--sm: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.cg--xe--sm, .cg--xe--smd) {
    --cg--sm: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.rg--xe--sm, .rg--xe--smd) {
    --rg--sm: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.g--xe--md, .g--xe--mdl, .g--xe--smd) {
    --g--md: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.cg--xe--md, .cg--xe--mdl, .cg--xe--smd) {
    --cg--md: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.rg--xe--md, .rg--xe--mdl, .rg--xe--smd) {
    --rg--md: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.g--xe--lg, .g--xe--mdl) {
    --g--lg: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.cg--xe--lg, .cg--xe--mdl) {
    --cg--lg: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.rg--xe--lg, .rg--xe--mdl) {
    --rg--lg: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.g--2xe, .g--xxe) {
    --g: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.cg--2xe, .cg--xxe) {
    --cg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.rg--2xe, .rg--xxe) {
    --rg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g--2xe--sm, .g--2xe--smd, .g--xxe--sm, .g--xxe--smd) {
    --g--sm: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.cg--2xe--sm, .cg--2xe--smd, .cg--xxe--sm, .cg--xxe--smd) {
    --cg--sm: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.rg--2xe--sm, .rg--2xe--smd, .rg--xxe--sm, .rg--xxe--smd) {
    --rg--sm: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g--2xe--md, .g--2xe--mdl, .g--2xe--smd, .g--xxe--md, .g--xxe--mdl, .g--xxe--smd) {
    --g--md: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.cg--2xe--md, .cg--2xe--mdl, .cg--2xe--smd, .cg--xxe--md, .cg--xxe--mdl, .cg--xxe--smd) {
    --cg--md: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.rg--2xe--md, .rg--2xe--mdl, .rg--2xe--smd, .rg--xxe--md, .rg--xxe--mdl, .rg--xxe--smd) {
    --rg--md: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g--2xe--lg, .g--2xe--mdl, .g--xxe--lg, .g--xxe--mdl) {
    --g--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.cg--2xe--lg, .cg--2xe--mdl, .cg--xxe--lg, .cg--xxe--mdl) {
    --cg--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.rg--2xe--lg, .rg--2xe--mdl, .rg--xxe--lg, .rg--xxe--mdl) {
    --rg--lg: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.g--3xe, .g--xxxe) {
    --g: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.cg--3xe, .cg--xxxe) {
    --cg: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.rg--3xe, .rg--xxxe) {
    --rg: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.g--3xe--sm, .g--3xe--smd, .g--xxxe--sm, .g--xxxe--smd) {
    --g--sm: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.cg--3xe--sm, .cg--3xe--smd, .cg--xxxe--sm, .cg--xxxe--smd) {
    --cg--sm: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.rg--3xe--sm, .rg--3xe--smd, .rg--xxxe--sm, .rg--xxxe--smd) {
    --rg--sm: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.g--3xe--md, .g--3xe--mdl, .g--3xe--smd, .g--xxxe--md, .g--xxxe--mdl, .g--xxxe--smd) {
    --g--md: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.cg--3xe--md, .cg--3xe--mdl, .cg--3xe--smd, .cg--xxxe--md, .cg--xxxe--mdl, .cg--xxxe--smd) {
    --cg--md: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.rg--3xe--md, .rg--3xe--mdl, .rg--3xe--smd, .rg--xxxe--md, .rg--xxxe--mdl, .rg--xxxe--smd) {
    --rg--md: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.g--3xe--lg, .g--3xe--mdl, .g--xxxe--lg, .g--xxxe--mdl) {
    --g--lg: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.cg--3xe--lg, .cg--3xe--mdl, .cg--xxxe--lg, .cg--xxxe--mdl) {
    --cg--lg: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.rg--3xe--lg, .rg--3xe--mdl, .rg--xxxe--lg, .rg--xxxe--mdl) {
    --rg--lg: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.g--g) {
    --g: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:where(.cg--g) {
    --cg: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:where(.rg--g) {
    --rg: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:where(.g--xg) {
    --g: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.cg--xg) {
    --cg: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.rg--xg) {
    --rg: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.g--2xg, .g--xxg) {
    --g: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:where(.g--3xg, .g--xxxg) {
    --g: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:where(.g-0, .g--0) {
    --g: 0;
}

:where(.cg-0, .cg--0) {
    --cg: 0;
}

:where(.rg-0, .rg--0) {
    --rg: 0;
}

:where(.g-0--sm, .g-0--smd, .g--0--sm, .g--0--smd) {
    --g--sm: 0;
}

:where(.cg-0--sm, .cg-0--smd, .cg--0--sm, .cg--0--smd) {
    --cg--sm: 0;
}

:where(.rg-0--sm, .rg-0--smd, .rg--0--sm, .rg--0--smd) {
    --rg--sm: 0;
}

:where(.g-0--md, .g-0--mdl, .g-0--smd, .g--0--md, .g--0--mdl, .g--0--smd) {
    --g--md: 0;
}

:where(.cg-0--md, .cg-0--mdl, .cg-0--smd, .cg--0--md, .cg--0--mdl, .cg--0--smd) {
    --cg--md: 0;
}

:where(.rg-0--md, .rg-0--mdl, .rg-0--smd, .rg--0--md, .rg--0--mdl, .rg--0--smd) {
    --rg--md: 0;
}

:where(.g-0--lg, .g-0--mdl, .g--0--lg, .g--0--mdl) {
    --g--lg: 0;
}

:where(.cg-0--lg, .cg-0--mdl, .cg--0--lg, .cg--0--mdl) {
    --cg--lg: 0;
}

:where(.rg-0--lg, .rg-0--mdl, .rg--0--lg, .rg--0--mdl) {
    --rg--lg: 0;
}

:where(.order),
:where(.o-f, .first, .o-s, .second, .o-i, .initial, .o-0, .zero, .o-1, .o-2, .o-3, .o-4, .o-5, .o-6, .o-7, .o-8, .o-9, .o-l, .o-e) {
    --o: 0;
    --_o: var(--o);
    order: var(--_o);
}

@container (width < 30rem) {

    :where(.o-f--sm, .first--sm, .o-s--sm, .second--sm, .o-i--sm, .initial--sm, .o-0--sm, .zero--sm, .o-1--sm, .o-2--sm, .o-3--sm, .o-4--sm, .o-5--sm, .o-6--sm, .o-7--sm, .o-8--sm, .o-9--sm, .o-l--sm, .o-e--sm),
    :where(.o-f--smd, .first--smd, .o-s--smd, .second--smd, .o-i--smd, .initial--smd, .o-0--smd, .zero--smd, .o-1--smd, .o-2--smd, .o-3--smd, .o-4--smd, .o-5--smd, .o-6--smd, .o-7--smd, .o-8--smd, .o-9--smd, .o-l--smd, .o-e--smd) {
        --o: 0;
        --o--sm: var(--o);
        --_o: var(--o--sm);
        order: var(--_o);
    }
}

@container (30rem <=width <=60rem) {

    :where(.o-f--md, .first--md, .o-s--md, .second--md, .o-i--md, .initial--md, .o-0--md, .zero--md, .o-1--md, .o-2--md, .o-3--md, .o-4--md, .o-5--md, .o-6--md, .o-7--md, .o-8--md, .o-9--md, .o-l--md, .o-e--md),
    :where(.o-f--smd, .first--smd, .o-s--smd, .second--smd, .o-i--smd, .initial--smd, .o-0--smd, .zero--smd, .o-1--smd, .o-2--smd, .o-3--smd, .o-4--smd, .o-5--smd, .o-6--smd, .o-7--smd, .o-8--smd, .o-9--smd, .o-l--smd, .o-e--smd),
    :where(.o-f--mdl, .first--mdl, .o-s--mdl, .second--mdl, .o-i--mdl, .initial--mdl, .o-0--mdl, .zero--mdl, .o-1--mdl, .o-2--mdl, .o-3--mdl, .o-4--mdl, .o-5--mdl, .o-6--mdl, .o-7--mdl, .o-8--mdl, .o-9--mdl, .o-l--mdl, .o-e--mdl) {
        --o: 0;
        --o--md: var(--o);
        --_o: var(--o--md);
        order: var(--_o);
    }
}

@container (width > 60rem) {

    :where(.o-f--lg, .first--lg, .o-s--lg, .second--lg, .o-i--lg, .initial--lg, .o-0--lg, .zero--lg, .o-1--lg, .o-2--lg, .o-3--lg, .o-4--lg, .o-5--lg, .o-6--lg, .o-7--lg, .o-8--lg, .o-9--lg, .o-l--lg, .o-e--lg),
    :where(.o-f--mdl, .first--mdl, .o-s--mdl, .second--mdl, .o-i--mdl, .initial--mdl, .o-0--mdl, .zero--mdl, .o-1--mdl, .o-2--mdl, .o-3--mdl, .o-4--mdl, .o-5--mdl, .o-6--mdl, .o-7--mdl, .o-8--mdl, .o-9--mdl, .o-l--mdl, .o-e--mdl) {
        --o: 0;
        --o--lg: var(--o);
        --_o: var(--o--lg);
        order: var(--_o);
    }
}

:where(.o-f, .first) {
    --o: -69;
}

:where(.o-f--lg, .first--lg),
:where(.o-f--mdl, .first--mdl) {
    --o--lg: -69;
}

:where(.o-f--md, .first--md),
:where(.o-f--smd, .first--smd),
:where(.o-f--mdl, .first--mdl) {
    --o--md: -69;
}

:where(.o-f--sm, .first--sm),
:where(.o-f--smd, .first--smd) {
    --o--sm: -69;
}

:where(.o-s, .second) {
    --o: -43;
}

:where(.o-s--lg, .second--lg),
:where(.o-s--mdl, .second--mdl) {
    --o--lg: -43;
}

:where(.o-s--md, .second--md),
:where(.o-s--smd, .second--smd),
:where(.o-s--mdl, .second--mdl) {
    --o--md: -43;
}

:where(.o-s--sm, .second--sm),
:where(.o-s--smd, .second--smd) {
    --o--sm: -43;
}

:where(.o-i, .initial) {
    --o: -1;
}

:where(.o-i--lg, .initial--lg),
:where(.o-i--mdl, .initial--mdl) {
    --o--lg: -1;
}

:where(.o-i--md, .initial--md),
:where(.o-i--smd, .initial--smd),
:where(.o-i--mdl, .initial--mdl) {
    --o--md: -1;
}

:where(.o-i--sm, .initial--sm),
:where(.o-i--smd, .initial--smd) {
    --o--sm: -1;
}

:where(.o-0, .zero) {
    --o: 0;
}

:where(.o-0--lg, .zero--lg),
:where(.o-0--mdl, .zero--mdl) {
    --o--lg: 0;
}

:where(.o-0--md, .zero--md),
:where(.o-0--smd, .zero--smd),
:where(.o-0--mdl, .zero--mdl) {
    --o--md: 0;
}

:where(.o-0--sm, .zero--sm),
:where(.o-0--smd, .zero--smd) {
    --o--sm: 0;
}

:where(.o-1) {
    --o: 1;
}

:where(.o-1--lg, .o-1--mdl) {
    --o--lg: 1;
}

:where(.o-1--md, .o-1--smd, .o-1--mdl) {
    --o--md: 1;
}

:where(.o-1--sm, .o-1--smd) {
    --o--sm: 1;
}

:where(.o-2) {
    --o: 2;
}

:where(.o-2--lg, .o-2--mdl) {
    --o--lg: 2;
}

:where(.o-2--md, .o-2--smd, .o-2--mdl) {
    --o--md: 2;
}

:where(.o-2--sm, .o-2--smd) {
    --o--sm: 2;
}

:where(.o-3) {
    --o: 3;
}

:where(.o-3--lg, .o-3--mdl) {
    --o--lg: 3;
}

:where(.o-3--md, .o-3--smd, .o-3--mdl) {
    --o--md: 3;
}

:where(.o-3--sm, .o-3--smd) {
    --o--sm: 3;
}

:where(.o-4) {
    --o: 4;
}

:where(.o-4--lg, .o-4--mdl) {
    --o--lg: 4;
}

:where(.o-4--md, .o-4--smd, .o-4--mdl) {
    --o--md: 4;
}

:where(.o-4--sm, .o-4--smd) {
    --o--sm: 4;
}

:where(.o-5) {
    --o: 5;
}

:where(.o-5--lg, .o-5--mdl) {
    --o--lg: 5;
}

:where(.o-5--md, .o-5--smd, .o-5--mdl) {
    --o--md: 5;
}

:where(.o-5--sm, .o-5--smd) {
    --o--sm: 5;
}

:where(.o-6) {
    --o: 6;
}

:where(.o-6--lg, .o-6--mdl) {
    --o--lg: 6;
}

:where(.o-6--md, .o-6--smd, .o-6--mdl) {
    --o--md: 6;
}

:where(.o-6--sm, .o-6--smd) {
    --o--sm: 6;
}

:where(.o-7) {
    --o: 7;
}

:where(.o-7--lg, .o-7--mdl) {
    --o--lg: 7;
}

:where(.o-7--md, .o-7--smd, .o-7--mdl) {
    --o--md: 7;
}

:where(.o-7--sm, .o-7--smd) {
    --o--sm: 7;
}

:where(.o-8) {
    --o: 8;
}

:where(.o-8--lg, .o-8--mdl) {
    --o--lg: 8;
}

:where(.o-8--md, .o-8--smd, .o-8--mdl) {
    --o--md: 8;
}

:where(.o-8--sm, .o-8--smd) {
    --o--sm: 8;
}

:where(.o-9) {
    --o: 9;
}

:where(.o-9--lg, .o-9--mdl) {
    --o--lg: 9;
}

:where(.o-9--md, .o-9--smd, .o-9--mdl) {
    --o--md: 9;
}

:where(.o-9--sm, .o-9--smd) {
    --o--sm: 9;
}

:where(.o-l) {
    --o: 143;
}

:where(.o-l--lg, .o-l--mdl) {
    --o--lg: 143;
}

:where(.o-l--md, .o-l--smd, .o-l--mdl) {
    --o--md: 143;
}

:where(.o-l--sm, .o-l--smd) {
    --o--sm: 143;
}

:where(.o-e) {
    --o: 420;
}

:where(.o-e--lg, .o-e--mdl) {
    --o--lg: 420;
}

:where(.o-e--md, .o-e--smd, .o-e--mdl) {
    --o--md: 420;
}

:where(.o-e--sm, .o-e--smd) {
    --o--sm: 420;
}

:where(.align-self, .self),
:where(.as-s, .as-c, .as-e, .as-st, .as-b, .as-ss, .as-se),
:where(.start, .center, .end, .stretch, .baseline, .self-start, .self-end) {
    --as: normal;
    --_as: var(--as);
    align-self: var(--_as);
}

@container (width < 30rem) {

    :where(.as-s--sm, .as-c--sm, .as-e--sm, .as-st--sm, .as-b--sm, .as-ss--sm, .as-se--sm),
    :where(.start--sm, .center--sm, .end--sm, .stretch--sm, .baseline--sm, .self-start--sm, .self-end--sm),
    :where(.as-s--smd, .as-c--smd, .as-e--smd, .as-st--smd, .as-b--smd, .as-ss--smd, .as-se--smd),
    :where(.start--smd, .center--smd, .end--smd, .stretch--smd, .baseline--smd, .self-start--smd, .self-end--smd) {
        --as: normal;
        --as--sm: var(--as);
        --_as: var(--as--sm);
        align-self: var(--_as);
    }
}

@container (30rem <=width <=60rem) {

    :where(.as-s--md, .as-c--md, .as-e--md, .as-st--md, .as-b--md, .as-ss--md, .as-se--md),
    :where(.start--md, .center--md, .end--md, .stretch--md, .baseline--md, .self-start--md, .self-end--md),
    :where(.as-s--smd, .as-c--smd, .as-e--smd, .as-st--smd, .as-b--smd, .as-ss--smd, .as-se--smd),
    :where(.start--smd, .center--smd, .end--smd, .stretch--smd, .baseline--smd, .self-start--smd, .self-end--smd),
    :where(.as-s--mdl, .as-c--mdl, .as-e--mdl, .as-st--mdl, .as-b--mdl, .as-ss--mdl, .as-se--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .stretch--mdl, .baseline--mdl, .self-start--mdl, .self-end--mdl) {
        --as: normal;
        --as--md: var(--as);
        --_as: var(--as--md);
        align-self: var(--_as);
    }
}

@container (width > 60rem) {

    :where(.as-s--lg, .as-c--lg, .as-e--lg, .as-st--lg, .as-b--lg, .as-ss--lg, .as-se--lg),
    :where(.start--lg, .center--lg, .end--lg, .stretch--lg, .baseline--lg, .self-start--lg, .self-end--lg),
    :where(.as-s--mdl, .as-c--mdl, .as-e--mdl, .as-st--mdl, .as-b--mdl, .as-ss--mdl, .as-se--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .stretch--mdl, .baseline--mdl, .self-start--mdl, .self-end--mdl) {
        --as: normal;
        --as--lg: var(--as);
        --_as: var(--as--lg);
        align-self: var(--_as);
    }
}

.as-s {
    --as: start;
}

.as-s--sm,
.as-s--smd {
    --as--sm: start;
}

.as-s--md,
.as-s--mdl,
.as-s--smd {
    --as--md: start;
}

.as-s--lg,
.as-s--mdl {
    --as--lg: start;
}

.as-c {
    --as: center;
}

.as-c--sm,
.as-c--smd {
    --as--sm: center;
}

.as-c--md,
.as-c--mdl,
.as-c--smd {
    --as--md: center;
}

.as-c--lg,
.as-c--mdl {
    --as--lg: center;
}

.as-e {
    --as: end;
}

.as-e--sm,
.as-e--smd {
    --as--sm: end;
}

.as-e--md,
.as-e--mdl,
.as-e--smd {
    --as--md: end;
}

.as-e--lg,
.as-e--mdl {
    --as--lg: end;
}

.as-st {
    --as: stretch;
}

.as-st--sm,
.as-st--smd {
    --as--sm: stretch;
}

.as-st--md,
.as-st--mdl,
.as-st--smd {
    --as--md: stretch;
}

.as-st--lg,
.as-st--mdl {
    --as--lg: stretch;
}

.as-b {
    --as: baseline;
}

.as-b--sm,
.as-b--smd {
    --as--sm: baseline;
}

.as-b--md,
.as-b--mdl,
.as-b--smd {
    --as--md: baseline;
}

.as-b--lg,
.as-b--mdl {
    --as--lg: baseline;
}

.as-ss {
    --as: self-start;
}

.as-ss--sm,
.as-ss--smd {
    --as--sm: self-start;
}

.as-ss--md,
.as-ss--mdl,
.as-ss--smd {
    --as--md: self-start;
}

.as-ss--lg,
.as-ss--mdl {
    --as--lg: self-start;
}

.as-se {
    --as: self-end;
}

.as-se--sm,
.as-se--smd {
    --as--sm: self-end;
}

.as-se--md,
.as-se--mdl,
.as-se--smd {
    --as--md: self-end;
}

.as-se--lg,
.as-se--mdl {
    --as--lg: self-end;
}

:where(.justify-self, .self),
:where(.js-s, .js-e, .js-c, .js-st, .js-b),
:where(.start, .end, .center, .stretch, .baseline) {
    --js: normal;
    --_js: var(--js);
    justify-self: var(--_js);
}

@container (width <30rem) {

    :where(.js-s--sm, .js-e--sm, .js-c--sm, .js-st--sm, .js-b--sm),
    :where(.start--sm, .end--sm, .center--sm, .stretch--sm, .baseline--sm),
    :where(.js-s--smd, .js-e--smd, .js-c--smd, .js-st--smd, .js-b--smd),
    :where(.start--smd, .end--smd, .center--smd, .stretch--smd, .baseline--smd) {
        --js: normal;
        --js--sm: var(--js);
        --_js: var(--js--sm);
        justify-self: var(--_js);
    }
}

@container (30rem <=width <=60rem) {

    :where(.js-s--md, .js-e--md, .js-c--md, .js-st--md, .js-b--md),
    :where(.start--md, .end--md, .center--md, .stretch--md, .baseline--md),
    :where(.js-s--smd, .js-e--smd, .js-c--smd, .js-st--smd, .js-b--smd),
    :where(.start--smd, .end--smd, .center--smd, .stretch--smd, .baseline--smd),
    :where(.js-s--mdl, .js-e--mdl, .js-c--mdl, .js-st--mdl, .js-b--mdl),
    :where(.start--mdl, .end--mdl, .center--mdl, .stretch--mdl, .baseline--mdl) {
        --js: normal;
        --js--md: var(--js);
        --_js: var(--js--md);
        justify-self: var(--_js);
    }
}

@container (width > 60rem) {

    :where(.js-s--lg, .js-e--lg, .js-c--lg, .js-st--lg, .js-b--lg),
    :where(.start--lg, .end--lg, .center--lg, .stretch--lg, .baseline--lg),
    :where(.js-s--mdl, .js-e--mdl, .js-c--mdl, .js-st--mdl, .js-b--mdl),
    :where(.start--mdl, .end--mdl, .center--mdl, .stretch--mdl, .baseline--mdl) {
        --js: normal;
        --js--lg: var(--js);
        --_js: var(--js--lg);
        justify-self: var(--_js);
    }
}

.js-s {
    --js: start;
}

.js-s--sm,
.js-s--smd {
    --js--sm: start;
}

.js-s--md,
.js-s--mdl,
.js-s--smd {
    --js--md: start;
}

.js-s--lg,
.js-s--mdl {
    --js--lg: start;
}

.js-e {
    --js: end;
}

.js-e--sm,
.js-e--smd {
    --js--sm: end;
}

.js-e--md,
.js-e--mdl,
.js-e--smd {
    --js--md: end;
}

.js-e--lg,
.js-e--mdl {
    --js--lg: end;
}

.js-c {
    --js: center;
}

.js-c--sm,
.js-c--smd {
    --js--sm: center;
}

.js-c--md,
.js-c--mdl,
.js-c--smd {
    --js--md: center;
}

.js-c--lg,
.js-c--mdl {
    --js--lg: center;
}

.js-st {
    --js: stretch;
}

.js-st--sm,
.js-st--smd {
    --js--sm: stretch;
}

.js-st--md,
.js-st--mdl,
.js-st--smd {
    --js--md: stretch;
}

.js-st--lg,
.js-st--mdl {
    --js--lg: stretch;
}

.js-b {
    --js: baseline;
}

.js-b--sm,
.js-b--smd {
    --js--sm: baseline;
}

.js-b--md,
.js-b--mdl,
.js-b--smd {
    --js--md: baseline;
}

.js-b--lg,
.js-b--mdl {
    --js--lg: baseline;
}

:where(.align-items, .align, .items, .place),
:where(.ai-s, .ai-c, .ai-e, .ai-st, .ai-b, .ai-ss, .ai-se),
:where(.start, .center, .end, .stretch, .baseline, .self-start, .self-end) {
    --ai: normal;
    --_ai: var(--ai);
    align-items: var(--_ai);
}

@container (width < 30rem) {

    :where(.ai-s--sm, .ai-c--sm, .ai-e--sm, .ai-st--sm, .ai-b--sm, .ai-ss--sm, .ai-se--sm),
    :where(.start--sm, .center--sm, .end--sm, .stretch--sm, .baseline--sm, .self-start--sm, .self-end--sm),
    :where(.ai-s--smd, .ai-c--smd, .ai-e--smd, .ai-st--smd, .ai-b--smd, .ai-ss--smd, .ai-se--smd),
    :where(.start--smd, .center--smd, .end--smd, .stretch--smd, .baseline--smd, .self-start--smd, .self-end--smd) {
        --ai: normal;
        --ai--sm: var(--ai);
        --_ai: var(--ai--sm);
        align-items: var(--_ai);
    }
}

@container (30rem <=width <=60rem) {

    :where(.ai-s--md, .ai-c--md, .ai-e--md, .ai-st--md, .ai-b--md, .ai-ss--md, .ai-se--md),
    :where(.start--md, .center--md, .end--md, .stretch--md, .baseline--md, .self-start--md, .self-end--md),
    :where(.ai-s--smd, .ai-c--smd, .ai-e--smd, .ai-st--smd, .ai-b--smd, .ai-ss--smd, .ai-se--smd),
    :where(.start--smd, .center--smd, .end--smd, .stretch--smd, .baseline--smd, .self-start--smd, .self-end--smd),
    :where(.ai-s--mdl, .ai-c--mdl, .ai-e--mdl, .ai-st--mdl, .ai-b--mdl, .ai-ss--mdl, .ai-se--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .stretch--mdl, .baseline--mdl, .self-start--mdl, .self-end--mdl) {
        --ai: normal;
        --ai--md: var(--ai);
        --_ai: var(--ai--md);
        align-items: var(--_ai);
    }
}

@container (width > 60rem) {

    :where(.ai-s--lg, .ai-c--lg, .ai-e--lg, .ai-st--lg, .ai-b--lg, .ai-ss--lg, .ai-se--lg),
    :where(.start--lg, .center--lg, .end--lg, .stretch--lg, .baseline--lg, .self-start--lg, .self-end--lg),
    :where(.ai-s--mdl, .ai-c--mdl, .ai-e--mdl, .ai-st--mdl, .ai-b--mdl, .ai-ss--mdl, .ai-se--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .stretch--mdl, .baseline--mdl, .self-start--mdl, .self-end--mdl) {
        --ai: normal;
        --ai--lg: var(--ai);
        --_ai: var(--ai--lg);
        align-items: var(--_ai);
    }
}

.ai-s {
    --ai: start;
}

.ai-s--sm,
.ai-s--smd {
    --ai--sm: start;
}

.ai-s--md,
.ai-s--mdl,
.ai-s--smd {
    --ai--md: start;
}

.ai-s--lg,
.ai-s--mdl {
    --ai--lg: start;
}

.ai-c {
    --ai: center;
}

.ai-c--sm,
.ai-c--smd {
    --ai--sm: center;
}

.ai-c--md,
.ai-c--mdl,
.ai-c--smd {
    --ai--md: center;
}

.ai-c--lg,
.ai-c--mdl {
    --ai--lg: center;
}

.ai-e {
    --ai: end;
}

.ai-e--sm,
.ai-e--smd {
    --ai--sm: end;
}

.ai-e--md,
.ai-e--mdl,
.ai-e--smd {
    --ai--md: end;
}

.ai-e--lg,
.ai-e--mdl {
    --ai--lg: end;
}

.ai-st {
    --ai: stretch;
}

.ai-st--sm,
.ai-st--smd {
    --ai--sm: stretch;
}

.ai-st--md,
.ai-st--mdl,
.ai-st--smd {
    --ai--md: stretch;
}

.ai-st--lg,
.ai-st--mdl {
    --ai--lg: stretch;
}

.ai-b {
    --ai: baseline;
}

.ai-b--sm,
.ai-b--smd {
    --ai--sm: baseline;
}

.ai-b--md,
.ai-b--mdl,
.ai-b--smd {
    --ai--md: baseline;
}

.ai-b--lg,
.ai-b--mdl {
    --ai--lg: baseline;
}

.ai-ss {
    --ai: self-start;
}

.ai-ss--sm,
.ai-ss--smd {
    --ai--sm: self-start;
}

.ai-ss--md,
.ai-ss--mdl,
.ai-ss--smd {
    --ai--md: self-start;
}

.ai-ss--lg,
.ai-ss--mdl {
    --ai--lg: self-start;
}

.ai-se {
    --ai: self-end;
}

.ai-se--sm,
.ai-se--smd {
    --ai--sm: self-end;
}

.ai-se--md,
.ai-se--mdl,
.ai-se--smd {
    --ai--md: self-end;
}

.ai-se--lg,
.ai-se--mdl {
    --ai--lg: self-end;
}

:where(.align-content, .align, .content, .place),
:where(.ac-n, .ac-s, .ac-c, .ac-e, .ac-sb, .ac-sa, .ac-se, .ac-st, .ac-b),
:where(.start, .center, .end, .between, .around, .evenly, .stretch, .baseline) {
    --ac: normal;
    --_ac: var(--ac);
    align-content: var(--_ac);
}

@container (width < 30rem) {

    :where(.ac-n--sm, .ac-s--sm, .ac-c--sm, .ac-e--sm, .ac-sb--sm, .ac-sa--sm, .ac-se--sm, .ac-st--sm, .ac-b--sm),
    :where(.start--sm, .center--sm, .end--sm, .between--sm, .around--sm, .evenly--sm, .stretch--sm, .baseline--sm),
    :where(.ac-n--smd, .ac-s--smd, .ac-c--smd, .ac-e--smd, .ac-sb--smd, .ac-sa--smd, .ac-se--smd, .ac-st--smd, .ac-b--smd),
    :where(.start--smd, .center--smd, .end--smd, .between--smd, .around--smd, .evenly--smd, .stretch--smd, .baseline--smd) {
        --ac: normal;
        --ac--sm: var(--ac);
        --_ac: var(--ac--sm);
        align-content: var(--_ac);
    }
}

@container (30rem <=width <=60rem) {

    :where(.ac-n--md, .ac-s--md, .ac-c--md, .ac-e--md, .ac-sb--md, .ac-sa--md, .ac-se--md, .ac-st--md, .ac-b--md),
    :where(.start--md, .center--md, .end--md, .between--md, .around--md, .evenly--md, .stretch--md, .baseline--md),
    :where(.ac-n--smd, .ac-s--smd, .ac-c--smd, .ac-e--smd, .ac-sb--smd, .ac-sa--smd, .ac-se--smd, .ac-st--smd, .ac-b--smd),
    :where(.start--smd, .center--smd, .end--smd, .between--smd, .around--smd, .evenly--smd, .stretch--smd, .baseline--smd),
    :where(.ac-n--mdl, .ac-s--mdl, .ac-c--mdl, .ac-e--mdl, .ac-sb--mdl, .ac-sa--mdl, .ac-se--mdl, .ac-st--mdl, .ac-b--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .between--mdl, .around--mdl, .evenly--mdl, .stretch--mdl, .baseline--mdl) {
        --ac: normal;
        --ac--md: var(--ac);
        --_ac: var(--ac--md);
        align-content: var(--_ac);
    }
}

@container (width > 60rem) {

    :where(.ac-n--lg, .ac-s--lg, .ac-c--lg, .ac-e--lg, .ac-sb--lg, .ac-sa--lg, .ac-se--lg, .ac-st--lg, .ac-b--lg),
    :where(.start--lg, .center--lg, .end--lg, .between--lg, .around--lg, .evenly--lg, .stretch--lg, .baseline--lg),
    :where(.ac-n--mdl, .ac-s--mdl, .ac-c--mdl, .ac-e--mdl, .ac-sb--mdl, .ac-sa--mdl, .ac-se--mdl, .ac-st--mdl, .ac-b--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .between--mdl, .around--mdl, .evenly--mdl, .stretch--mdl, .baseline--mdl) {
        --ac: normal;
        --ac--lg: var(--ac);
        --_ac: var(--ac--lg);
        align-content: var(--_ac);
    }
}

.ac-n {
    --ac: normal;
}

.ac-n--sm,
.ac-n--smd {
    --ac--sm: normal;
}

.ac-n--md,
.ac-n--mdl,
.ac-n--smd {
    --ac--md: normal;
}

.ac-n--lg,
.ac-n--mdl {
    --ac--lg: normal;
}

.ac-s {
    --ac: start;
}

.ac-s--sm,
.ac-s--smd {
    --ac--sm: start;
}

.ac-s--md,
.ac-s--mdl,
.ac-s--smd {
    --ac--md: start;
}

.ac-s--lg,
.ac-s--mdl {
    --ac--lg: start;
}

.ac-e {
    --ac: end;
}

.ac-e--sm,
.ac-e--smd {
    --ac--sm: end;
}

.ac-e--md,
.ac-e--mdl,
.ac-e--smd {
    --ac--md: end;
}

.ac-e--lg,
.ac-e--mdl {
    --ac--lg: end;
}

.ac-sb {
    --ac: space-between;
}

.ac-sb--sm,
.ac-sb--smd {
    --ac--sm: space-between;
}

.ac-sb--md,
.ac-sb--mdl,
.ac-sb--smd {
    --ac--md: space-between;
}

.ac-sb--lg,
.ac-sb--mdl {
    --ac--lg: space-between;
}

.ac-sa {
    --ac: space-around;
}

.ac-sa--sm,
.ac-sa--smd {
    --ac--sm: space-around;
}

.ac-sa--md,
.ac-sa--mdl,
.ac-sa--smd {
    --ac--md: space-around;
}

.ac-sa--lg,
.ac-sa--mdl {
    --ac--lg: space-around;
}

.ac-se {
    --ac: space-evenly;
}

.ac-se--sm,
.ac-se--smd {
    --ac--sm: space-evenly;
}

.ac-se--md,
.ac-se--mdl,
.ac-se--smd {
    --ac--md: space-evenly;
}

.ac-se--lg,
.ac-se--mdl {
    --ac--lg: space-evenly;
}

.ac-st {
    --ac: stretch;
}

.ac-st--sm,
.ac-st--smd {
    --ac--sm: stretch;
}

.ac-st--md,
.ac-st--mdl,
.ac-st--smd {
    --ac--md: stretch;
}

.ac-st--lg,
.ac-st--mdl {
    --ac--lg: stretch;
}

.ac-b {
    --ac: baseline;
}

.ac-b--sm,
.ac-b--smd {
    --ac--sm: baseline;
}

.ac-b--md,
.ac-b--mdl,
.ac-b--smd {
    --ac--md: baseline;
}

.ac-b--lg,
.ac-b--mdl {
    --ac--lg: baseline;
}

:where(.justify-items, .justify, .items, .place),
:where(.ji-s, .ji-e, .ji-c, .ji-st, .ji-b),
:where(.start, .end, .center, .stretch, .baseline) {
    --ji: normal;
    --_ji: var(--ji);
    justify-items: var(--_ji);
}

@container (width < 30rem) {

    :where(.ji-s--sm, .ji-e--sm, .ji-c--sm, .ji-st--sm, .ji-b--sm),
    :where(.start--sm, .end--sm, .center--sm, .stretch--sm, .baseline--sm),
    :where(.ji-s--smd, .ji-e--smd, .ji-c--smd, .ji-st--smd, .ji-b--smd),
    :where(.start--smd, .end--smd, .center--smd, .stretch--smd, .baseline--smd) {
        --ji: normal;
        --ji--sm: var(--ji);
        --_ji: var(--ji--sm);
        justify-items: var(--_ji);
    }
}

@container (30rem <=width <=60rem) {

    :where(.ji-s--md, .ji-e--md, .ji-c--md, .ji-st--md, .ji-b--md),
    :where(.start--md, .end--md, .center--md, .stretch--md, .baseline--md),
    :where(.ji-s--smd, .ji-e--smd, .ji-c--smd, .ji-st--smd, .ji-b--smd),
    :where(.start--smd, .end--smd, .center--smd, .stretch--smd, .baseline--smd),
    :where(.ji-s--mdl, .ji-e--mdl, .ji-c--mdl, .ji-st--mdl, .ji-b--mdl),
    :where(.start--mdl, .end--mdl, .center--mdl, .stretch--mdl, .baseline--mdl) {
        --ji: normal;
        --ji--md: var(--ji);
        --_ji: var(--ji--md);
        justify-items: var(--_ji);
    }
}

@container (width > 60rem) {

    :where(.ji-s--lg, .ji-e--lg, .ji-c--lg, .ji-st--lg, .ji-b--lg),
    :where(.start--lg, .end--lg, .center--lg, .stretch--lg, .baseline--lg),
    :where(.ji-s--mdl, .ji-e--mdl, .ji-c--mdl, .ji-st--mdl, .ji-b--mdl),
    :where(.start--mdl, .end--mdl, .center--mdl, .stretch--mdl, .baseline--mdl) {
        --ji: normal;
        --ji--lg: var(--ji);
        --_ji: var(--ji--lg);
        justify-items: var(--_ji);
    }
}

.ji-s {
    --ji: start;
}

.ji-s--sm,
.ji-s--smd {
    --ji--sm: start;
}

.ji-s--md,
.ji-s--mdl,
.ji-s--smd {
    --ji--md: start;
}

.ji-s--lg,
.ji-s--mdl {
    --ji--lg: start;
}

.ji-e {
    --ji: end;
}

.ji-e--sm,
.ji-e--smd {
    --ji--sm: end;
}

.ji-e--md,
.ji-e--mdl,
.ji-e--smd {
    --ji--md: end;
}

.ji-e--lg,
.ji-e--mdl {
    --ji--lg: end;
}

.ji-c {
    --ji: center;
}

.ji-c--sm,
.ji-c--smd {
    --ji--sm: center;
}

.ji-c--md,
.ji-c--mdl,
.ji-c--smd {
    --ji--md: center;
}

.ji-c--lg,
.ji-c--mdl {
    --ji--lg: center;
}

.ji-st {
    --ji: stretch;
}

.ji-st--sm,
.ji-st--smd {
    --ji--sm: stretch;
}

.ji-st--md,
.ji-st--mdl,
.ji-st--smd {
    --ji--md: stretch;
}

.ji-st--lg,
.ji-st--mdl {
    --ji--lg: stretch;
}

.ji-b {
    --ji: baseline;
}

.ji-b--sm,
.ji-b--smd {
    --ji--sm: baseline;
}

.ji-b--md,
.ji-b--mdl,
.ji-b--smd {
    --ji--md: baseline;
}

.ji-b--lg,
.ji-b--mdl {
    --ji--lg: baseline;
}

:where(.justify-content, .justify, .content, .place),
:where(.jc-n, .jc-s, .jc-c, .jc-e, .jc-sb, .jc-sa, .jc-se, .jc-st),
:where(.start, .center, .end, .between, .around, .evenly, .stretch) {
    --jc: normal;
    --_jc: var(--jc);
    justify-content: var(--_jc);
}

@container (width < 30rem) {

    :where(.jc-n--sm, .jc-s--sm, .jc-c--sm, .jc-e--sm, .jc-sb--sm, .jc-sa--sm, .jc-se--sm, .jc-st--sm),
    :where(.start--sm, .center--sm, .end--sm, .between--sm, .around--sm, .evenly--sm, .stretch--sm),
    :where(.jc-n--smd, .jc-s--smd, .jc-c--smd, .jc-e--smd, .jc-sb--smd, .jc-sa--smd, .jc-se--smd, .jc-st--smd),
    :where(.start--smd, .center--smd, .end--smd, .between--smd, .around--smd, .evenly--smd, .stretch--smd) {
        --jc: normal;
        --jc--sm: var(--jc);
        --_jc: var(--jc--sm);
        justify-content: var(--_jc);
    }
}

@container (30rem <=width <=60rem) {

    :where(.jc-n--md, .jc-s--md, .jc-c--md, .jc-e--md, .jc-sb--md, .jc-sa--md, .jc-se--md, .jc-st--md),
    :where(.start--md, .center--md, .end--md, .between--md, .around--md, .evenly--md, .stretch--md),
    :where(.jc-n--smd, .jc-s--smd, .jc-c--smd, .jc-e--smd, .jc-sb--smd, .jc-sa--smd, .jc-se--smd, .jc-st--smd),
    :where(.start--smd, .center--smd, .end--smd, .between--smd, .around--smd, .evenly--smd, .stretch--smd),
    :where(.jc-n--mdl, .jc-s--mdl, .jc-c--mdl, .jc-e--mdl, .jc-sb--mdl, .jc-sa--mdl, .jc-se--mdl, .jc-st--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .between--mdl, .around--mdl, .evenly--mdl, .stretch--mdl) {
        --jc: normal;
        --jc--md: var(--jc);
        --_jc: var(--jc--md);
        justify-content: var(--_jc);
    }
}

@container (width > 60rem) {

    :where(.jc-n--lg, .jc-s--lg, .jc-c--lg, .jc-e--lg, .jc-sb--lg, .jc-sa--lg, .jc-se--lg, .jc-st--lg),
    :where(.start--lg, .center--lg, .end--lg, .between--lg, .around--lg, .evenly--lg, .stretch--lg),
    :where(.jc-n--mdl, .jc-s--mdl, .jc-c--mdl, .jc-e--mdl, .jc-sb--mdl, .jc-sa--mdl, .jc-se--mdl, .jc-st--mdl),
    :where(.start--mdl, .center--mdl, .end--mdl, .between--mdl, .around--mdl, .evenly--mdl, .stretch--mdl) {
        --jc: normal;
        --jc--lg: var(--jc);
        --_jc: var(--jc--lg);
        justify-content: var(--_jc);
    }
}

.jc-n {
    --jc: normal;
}

.jc-n--sm,
.jc-n--smd {
    --jc--sm: normal;
}

.jc-n--md,
.jc-n--mdl,
.jc-n--smd {
    --jc--md: normal;
}

.jc-n--lg,
.jc-n--mdl {
    --jc--lg: normal;
}

.jc-s {
    --jc: start;
}

.jc-s--sm,
.jc-s--smd {
    --jc--sm: start;
}

.jc-s--md,
.jc-s--mdl,
.jc-s--smd {
    --jc--md: start;
}

.jc-s--lg,
.jc-s--mdl {
    --jc--lg: start;
}

.jc-e {
    --jc: end;
}

.jc-e--sm,
.jc-e--smd {
    --jc--sm: end;
}

.jc-e--md,
.jc-e--mdl,
.jc-e--smd {
    --jc--md: end;
}

.jc-e--lg,
.jc-e--mdl {
    --jc--lg: end;
}

.jc-sb {
    --jc: space-between;
}

.jc-sb--sm,
.jc-sb--smd {
    --jc--sm: space-between;
}

.jc-sb--md,
.jc-sb--mdl,
.jc-sb--smd {
    --jc--md: space-between;
}

.jc-sb--lg,
.jc-sb--mdl {
    --jc--lg: space-between;
}

.jc-sa {
    --jc: space-around;
}

.jc-sa--sm,
.jc-sa--smd {
    --jc--sm: space-around;
}

.jc-sa--md,
.jc-sa--mdl,
.jc-sa--smd {
    --jc--md: space-around;
}

.jc-sa--lg,
.jc-sa--mdl {
    --jc--lg: space-around;
}

.jc-se {
    --jc: space-evenly;
}

.jc-se--sm,
.jc-se--smd {
    --jc--sm: space-evenly;
}

.jc-se--md,
.jc-se--mdl,
.jc-se--smd {
    --jc--md: space-evenly;
}

.jc-se--lg,
.jc-se--mdl {
    --jc--lg: space-evenly;
}

.jc-st {
    --jc: stretch;
}

.jc-st--sm,
.jc-st--smd {
    --jc--sm: stretch;
}

.jc-st--md,
.jc-st--mdl,
.jc-st--smd {
    --jc--md: stretch;
}

.jc-st--lg,
.jc-st--mdl {
    --jc--lg: stretch;
}

.jc-b {
    --jc: baseline;
}

.jc-b--sm,
.jc-b--smd {
    --jc--sm: baseline;
}

.jc-b--md,
.jc-b--mdl,
.jc-b--smd {
    --jc--md: baseline;
}

.jc-b--lg,
.jc-b--mdl {
    --jc--lg: baseline;
}

.jc-c {
    --jc: center;
}

.jc-c--sm,
.jc-c--smd {
    --jc--sm: center;
}

.jc-c--md,
.jc-c--mdl,
.jc-c--smd {
    --jc--md: center;
}

.jc-c--lg,
.jc-c--mdl {
    --jc--lg: center;
}

:is(.sz, .bs, .is) {
    --sz: auto;
    --_sz: var(--sz);
}

:is(.sz, .bs) {
    --bs: var(--_sz);
    --_bs: var(--bs);
    block-size: var(--_bs);
}

:is(.mibs, [class*="mibs--"]) {
    --mibs: auto;
    --_mibs: var(--mibs);
    min-block-size: var(--_mibs);
}

:is(.mabs, [class*="mabs--"]) {
    --mabs: auto;
    --_mabs: var(--mabs);
    max-block-size: var(--_mabs);
}

:is(.sz, .is) {
    --is: var(--_sz);
    --_is: var(--is);
    inline-size: var(--_is);
}

:is(.miis) {
    --miis: auto;
    --_miis: var(--miis);
    min-inline-size: var(--_miis);
}

:is(.mais, [class*="mais--"]) {
    --mais: auto;
    --_mais: var(--mais);
    max-inline-size: var(--_mais);
}

@container (width < 30rem) {
    :is(.sz, .bs, .is) {
        --sz--sm: var(--sz);
        --_sz: var(--sz--sm);
    }

    :is(.sz, .bs) {
        --bs--sm: var(--bs);
        --_bs: var(--bs--sm);
    }

    :is(.mibs) {
        --mibs--sm: var(--mibs);
        --_mibs: var(--mibs--sm);
    }

    :is(.mabs) {
        --mabs--sm: var(--mabs);
        --_mabs: var(--mabs--sm);
    }

    :is(.sz, .is) {
        --is--sm: var(--is);
        --_is: var(--is--sm);
    }

    :is(.miis) {
        --miis--sm: var(--miis);
        --_miis: var(--miis--sm);
    }

    :is(.mais, [class*="mais--"]:is([class*="--sm"], [class*="--smd"])) {
        --mais--sm: var(--mais);
        --_mais: var(--mais--sm);
    }
}

@container (30rem <=width <=60rem) {
    :is(.sz, .bs, .is) {
        --sz--md: var(--sz);
        --_sz: var(--sz--md);
    }

    :is(.sz, .bs) {
        --bs--md: var(--bs);
        --_bs: var(--bs--md);
    }

    :is(.mibs) {
        --mibs--md: var(--mibs);
        --_mibs: var(--mibs--md);
    }

    :is(.mabs) {
        --mabs--md: var(--mabs);
        --_mabs: var(--mabs--md);
    }

    :is(.sz, .is) {
        --is--md: var(--is);
        --_is: var(--is--md);
    }

    :is(.miis) {
        --miis--md: var(--miis);
        --_miis: var(--miis--md);
    }

    :is(.mais, [class*="mais--"]:is([class*="--md"], [class*="--smd"], [class*="--mdl"])) {
        --mais--md: var(--mais);
        --_mais: var(--mais--md);
    }
}

@container (width > 60rem) {
    :is(.sz, .bs, .is) {
        --sz--lg: var(--sz);
        --_sz: var(--sz--lg);
    }

    :is(.sz, .bs) {
        --bs--lg: var(--bs);
        --_bs: var(--bs--lg);
    }

    :is(.mibs) {
        --mibs--lg: var(--mibs);
        --_mibs: var(--mibs--lg);
    }

    :is(.mabs) {
        --mabs--lg: var(--mabs);
        --_mabs: var(--mabs--lg);
    }

    :is(.sz, .is) {
        --is--lg: var(--is);
        --_is: var(--is--lg);
    }

    :is(.miis) {
        --miis--lg: var(--miis);
        --_miis: var(--miis--lg);
    }

    :is(.mais, [class*="mais--"]:is([class*="--lg"], [class*="--mdl"])) {
        --mais--lg: var(--mais);
        --_mais: var(--mais--lg);
    }
}

:is(.mibs.fs, .mibs--fs, .mibs.screen, .mibs--screen, .sz.fs, .sz--fs) {
    --mibs: 100vh;
    --mibs--sm: 100dvh;
}

:is(.bs.min-content, .bs--min-content, .bs.min-c, .sz.min-content, .sz--min-content, .sz.min-c) {
    --bs: min-content;
}

:is(.bs.fit-content, .bs--fit-content, .bs.fit-c, .sz.fit-content, .sz--fit-content, .sz.fit-c) {
    --bs: fit-content;
}

:is(.bs.max-content, .bs--max-content, .bs.max-c, .sz.max-content, .sz--max-content, .sz.max-c) {
    --bs: max-content;
}

:is(.bs.hf, .bs--hf, .bs.half, .bs--half, .bs-50, .bs-1-2) {
    --bs: var(--p50, 50%);
}

:is(.bs.qf, .bs--qf, .bs.quarter, .bs--quarter, .bs-25, .bs-1-4) {
    --bs: var(--p25, 25%);
}

:is(.bs.trd, .bs--trd, .bs.third, .bs--third, .bs-33, .bs-1-3) {
    --bs: var(--p33, 33.33333%);
}

:is(.bs.tds, .bs--2trd, .bs.two-thirds, .bs--two-thirds, .bs-66, .bs-67, .bs-2-3) {
    --bs: var(--p66, 66.66667%);
}

:is(.bs.fifth, .bs--5th, .bs--fifth, .bs-20, .bs-1-5) {
    --bs: var(--p20, 20%);
}

:is(.bs--3xc, .bs--xxxc, .bs.xxxc, .sz--3xc, .sz--xxxc, .sz.xxxc) {
    --bs: var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem));
}

:is(.bs--2xc, .bs--xxc, .bs.xxc, .sz--2xc, .sz--xxc, .sz.xxc) {
    --bs: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:is(.bs--xc, .bs.xc, .sz--xc, .sz.xc) {
    --bs: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.bs--c, .sz--c) {
    --bs: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.bs--3xg, .bs--xxxg, .bs.xxxg, .sz--3xg, .sz--xxxg, .sz.xxxg) {
    --bs: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.bs--2xg, .bs--xxg, .bs.xxg, .sz--2xg, .sz--xxg, .sz.xxg) {
    --bs: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:is(.bs--xg, .bs.xg, .sz--xg, .sz.xg) {
    --bs: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:is(.bs--g, .sz--g) {
    --bs: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:is(.bs--3xe, .bs--xxxe, .bs.xxxe, .sz--3xe, .sz--xxxe, .sz.xxxe) {
    --bs: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:is(.bs--2xe, .bs--xxe, .bs.xxe, .sz--2xe, .sz--xxe, .sz.xxe) {
    --bs: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:is(.bs--xe, .bs.xe, .sz--xe, .sz.xe) {
    --bs: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:is(.bs--e, .bs.e, .sz--e, .sz.e) {
    --bs: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:is(.bs--3xl, .bs--xxxl, .bs.xxxl, .sz--3xl, .sz--xxxl, .sz.xxxl) {
    --bs: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:is(.bs--2xl, .bs--xxl, .bs.xxl, .sz--2xl, .sz--xxl, .sz.xxl) {
    --bs: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:is(.bs--xl, .bs.xl, .sz--xl, .sz.xl) {
    --bs: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:is(.bs--l, .bs.l, .sz--l, .sz.l) {
    --bs: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:is(.bs--m, .bs.m, .sz--m, .sz.m) {
    --bs: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:is(.bs--s, .bs.s, .sz--s, .sz.s) {
    --bs: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:is(.bs--xs, .bs.xs, .sz--xs, .sz.xs) {
    --bs: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem))
}

:is(.bs-p100, .bs.p100) {
    --bs: var(--p100, 100%);
}

:is(.is.content, .is--content, .is.con, .is--con, .sz.content, .sz--content, .sz.con, .sz--con) {
    --is: var(--ch-m, 64ch);
}

:is(.is.con-wide, .is--con-wide, .sz.con-wide, .sz--con-wide, .is.cwide, .is--cwide, .sz.cwide, .sz--cwide, .is.cw, .is--cw, .sz.cw, .sz--cw) {
    --is: var(--ch-l, 80ch);
}

:is(.is.con-narrow, .is--con-narrow, .sz.con-narrow, .sz--con-narrow, .is.cnarrow, .is--cnarrow, .sz.cnarrow, .sz--cnarrow, .is.cn, .is--cn, .sz.cn, .sz--cn) {
    --is: var(--ch-s, 40ch);
}

:is(.is.con-xnarrow, .is--con-xnarrow, .sz.con-xnarrow, .sz--con-xnarrow, .is.cxnarrow, .is--cxnarrow, .sz.cxnarrow, .sz--cxnarrow, .is.cxn, .is--cxn, .sz.cxn, .sz--cxn) {
    --is: var(--ch-xs, 24ch);
}

:is(.is.min-content, .is--min-content, .is.min-c, .sz.min-content, .sz--min-content, .sz.min-c) {
    --is: min-content;
}

:is(.is.fit-content, .is--fit-content, .is.fit-c, .sz.fit-content, .sz--fit-content, .sz.fit-c) {
    --is: fit-content;
}

:is(.is.max-content, .is--max-content, .is.max-c, .sz.max-content, .sz--max-content, .sz.max-c) {
    --is: max-content;
}

:is(.is--xc, .is--xc, .is.xc, .sz--xc, .sz--xc, .sz.xc) {
    --is: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.is--c, .is--c, .is.c, .sz--c, .sz--c, .sz.c) {
    --is: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.is--3xg, .is-xxxg, .is.xxxg, .sz--3xg, .sz--xxxg, .sz.xxxg) {
    --is: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.is--2xg, .is-xxg, .is.xxg, .sz--2xg, .sz--xxg, .sz.xxg) {
    --is: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:is(.is--xg, .is.xg, .sz--xg, .sz.xg) {
    --is: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:is(.is--g, .sz--g) {
    --is: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:is(.is--3xe, .is--xxxe, .is.xxxe, .sz--3xe, .sz--xxxe, .sz.xxxe) {
    --is: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:is(.is--2xe, .is--xxe, .is.xxe, .sz--2xe, .sz--xxe, .sz.xxe) {
    --is: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:is(.is--xe, .is.xe, .sz--xe, .sz.xe) {
    --is: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:is(.is--e, .is.e, .sz--e, .sz.e) {
    --is: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:is(.is--3xl, .is--xxxl, .is.xxxl, .sz--3xl, .sz--xxxl, .sz.xxxl) {
    --is: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:is(.is--2xl, .is--xxl, .is.xxl, .sz--2xl, .sz--xxl, .sz.xxl) {
    --is: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:is(.is--xl, .is.xl, .sz--xl, .sz.xl) {
    --is: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:is(.is--l, .is.l, .sz--l, .sz.l) {
    --is: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:is(.is--m, .is.m, .sz--m, .sz.m) {
    --is: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:is(.is--s, .is.s, .sz--s, .sz.s) {
    --is: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:is(.is--xs, .is.xs, .sz--xs, .sz.xs) {
    --is: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:is(.is--xxs, .is--2xs, .is.xxs, .sz--xxs, .sz--2xs, .sz.xxs) {
    --is: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:is(.is--xxxs, .is--3xs, .is.xxxs, .sz--xxxs, .sz--3xs, .sz.xxxs) {
    --is: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:is(.is--tiny, .is--t, .is.t, .sz--tiny, .sz--t, .sz.t) {
    --is: var(---t, 0.5rem);
}

:is(.is--xt, .is.xt, .sz--xt, .sz.xt) {
    --is: var(---xt, 0.375rem);
}

:is(.is--xxt, .is--2xt, .is.xxt, .sz--xxt, .sz--2xt, .sz.xxt) {
    --is: var(---2xt, 0.25rem);
}

:is(.is--xxxt, .is--3xt, .is.xxxt, .sz--xxxt, .sz--3xt, .sz.xxxt) {
    --is: var(---3xt, 0.125rem);
}

:is(.mais--ct-xl, .mais.ct-xl) {
    --mais: var(--ct-xl, 56rem);
}

:is(.mais--ct-l, .mais.ct-l) {
    --mais: var(--ct-l, 48rem);
}

:is(.mais--ct-m, .mais.ct-m) {
    --mais: var(--ct-m, 40rem);
}

:is(.mais--ct-s, .mais.ct-s) {
    --mais: var(--ct-s, 32rem);
}

:is(.mais--ct-xs, .mais.ct-xs) {
    --mais: var(--ct-xs, 24rem);
}

:is(.mais--ct-2xs, .mais.ct-2xs, .mais--ct-xxs, .mais.ct-xxs) {
    --mais: var(--ct-xxs, 20rem);
}

:is(.mais--ch-l, .mais.ch-l) {
    --mais: var(--ch-l, 80ch);
}

:is(.mais--ch-m, .mais.ch-m) {
    --mais: var(--ch-m, 64ch);
}

:is(.mais--ch-s, .mais.ch-s) {
    --mais: var(--ch-s, 40ch);
}

:is(.mais--ch-xs, .mais.ch-xs) {
    --mais: var(--ch-xs, 24ch);
}

:is(.mais--3xc, .mais--xxxc, .mais.xxxc) {
    --mais: var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem));
}

:is(.mais--2xc, .mais--xxc, .mais.xxc) {
    --mais: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:is(.mais--xc, .mais--xc, .mais.xc) {
    --mais: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.mais--c, .mais--c, .mais.c) {
    --mais: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.mais--3xg, .mais--xxxg, .mais.xxxg) {
    --mais: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.mais--2xg, .mais--xxg, .mais.xxg) {
    --mais: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:is(.mais--xg, .mais.xg) {
    --mais: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:is(.mais--g) {
    --mais: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:is(.mais--3xe, .mais--xxxe, .mais.xxxe) {
    --mais: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:is(.mais--2xe, .mais--xxe, .mais.xxe) {
    --mais: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:is(.mais--xe, .mais.xe) {
    --mais: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:is(.mais--e, .mais.e) {
    --mais: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:is(.mais--3xl, .mais--xxxl, .mais.xxxl) {
    --mais: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:is(.mais--2xl, .mais--xxl, .mais.xxl) {
    --mais: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:is(.mais--xl, .mais.xl) {
    --mais: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:is(.mais--l, .mais.l) {
    --mais: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:is(.mais--m, .mais.m) {
    --mais: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:is(.mais-p25, .mais.p25) {
    --mais: var(--p25, 25%);
}

:is(.mais-p33, .mais.p33) {
    --mais: var(--p33, 33.333%);
}

:is(.mais-p50, .mais.p50) {
    --mais: var(--p50, 50%);
}

:is(.mais-p66, .mais.p66) {
    --mais: var(--p66, 66.667%);
}

:is(.mais-p75, .mais.p75) {
    --mais: var(--p75, 75%);
}

:is(.mais-p100, .mais.p100) {
    --mais: var(--p100, 100%);
}

:is(.mais--ct-xl--lg, .mais.ct-xl--lg, .mais--ct-xl--mdl, .mais.ct-xl--mdl) {
    --mais--lg: var(--ct-xl, 56rem);
}

:is(.mais--ct-xl--md, .mais.ct-xl--md, .mais--ct-xl--mdl, .mais.ct-xl--mdl, .mais--ct-xl--smd, .mais.ct-xl--smd) {
    --mais--md: var(--ct-xl, 56rem);
}

:is(.mais--ct-l--lg, .mais.ct-l--lg, .mais--ct-l--mdl, .mais.ct-l--mdl) {
    --mais--lg: var(--ct-l, 48rem);
}

:is(.mais--ct-l--md, .mais.ct-l--md, .mais--ct-l--mdl, .mais.ct-l--mdl, .mais--ct-l--smd, .mais.ct-l--smd) {
    --mais--md: var(--ct-l, 48rem);
}

:is(.mais--ct-m--lg, .mais.ct-m--lg, .mais--ct-m--mdl, .mais.ct-m--mdl) {
    --mais--lg: var(--ct-m, 40rem);
}

:is(.mais--ct-m--md, .mais.ct-m--md, .mais--ct-m--mdl, .mais.ct-m--mdl, .mais--ct-m--smd, .mais.ct-m--smd) {
    --mais--md: var(--ct-m, 40rem);
}

:is(.mais--ct-s--lg, .mais.ct-s--lg, .mais--ct-s--mdl, .mais.ct-s--mdl) {
    --mais--lg: var(--ct-s, 32rem);
}

:is(.mais--ct-s--md, .mais.ct-s--md, .mais--ct-s--mdl, .mais.ct-s--mdl, .mais--ct-s--smd, .mais.ct-s--smd) {
    --mais--md: var(--ct-s, 32rem);
}

:is(.mais--ct-s--sm, .mais.ct-s--sm, .mais--ct-s--smd, .mais.ct-s--smd) {
    --mais--sm: var(--ct-s, 32rem);
}

:is(.mais--ct-xs--lg, .mais.ct-xs--lg, .mais--ct-xs--mdl, .mais.ct-xs--mdl) {
    --mais--lg: var(--ct-xs, 24rem);
}

:is(.mais--ct-xs--md, .mais.ct-xs--md, .mais--ct-xs--mdl, .mais.ct-xs--mdl, .mais--ct-xs--smd, .mais.ct-xs--smd) {
    --mais--md: var(--ct-xs, 24rem);
}

:is(.mais--ct-xs--sm, .mais.ct-xs--sm, .mais--ct-xs--smd, .mais.ct-xs--smd) {
    --mais--sm: var(--ct-xs, 24rem);
}

:is(.mais--ct-2xs--lg, .mais.ct-2xs--lg, .mais--ct-2xs--mdl, .mais.ct-2xs--mdl, .mais--ct-xxs--lg, .mais.ct-xxs--lg, .mais--ct-xxs--mdl, .mais.ct-xxs--mdl) {
    --mais--lg: var(--ct-2xs, 20rem);
}

:is(.mais--ct-2xs--md, .mais.ct-2xs--md, .mais--ct-2xs--mdl, .mais.ct-2xs--mdl, .mais--ct-2xs--smd, .mais.ct-2xs--smd, .mais--ct-xxs--md, .mais.ct-xxs--md, .mais--ct-xxs--mdl, .mais.ct-xxs--mdl, .mais--ct-xxs--smd, .mais.ct-xxs--smd) {
    --mais--md: var(--ct-2xs, 20rem);
}

:is(.mais--ct-2xs--sm, .mais.ct-2xs--sm, .mais--ct-2xs--smd, .mais.ct-2xs--smd, .mais--ct-xxs--sm, .mais.ct-xxs--sm, .mais--ct-xxs--smd, .mais.ct-xxs--smd) {
    --mais--sm: var(--ct-2xs, 20rem);
}

:is(.mais--ch-l--lg, .mais.ch-l--lg, .mais--ch-l--mdl, .mais.ch-l--mdl) {
    --mais--lg: var(--ch-l, 80ch);
}

:is(.mais--ch-l--md, .mais.ch-l--md, .mais--ch-l--mdl, .mais.ch-l--mdl, .mais--ch-l--smd, .mais.ch-l--smd) {
    --mais--md: var(--ch-l, 80ch);
}

:is(.mais--ch-m--lg, .mais.ch-m--lg, .mais--ch-m--mdl, .mais.ch-m--mdl) {
    --mais--lg: var(--ch-m, 64ch);
}

:is(.mais--ch-m--md, .mais.ch-m--md, .mais--ch-m--mdl, .mais.ch-m--mdl, .mais--ch-m--smd, .mais.ch-m--smd) {
    --mais--md: var(--ch-m, 64ch);
}

:is(.mais--ch-s--lg, .mais.ch-s--lg, .mais--ch-s--mdl, .mais.ch-s--mdl) {
    --mais--lg: var(--ch-s, 40ch);
}

:is(.mais--ch-s--md, .mais.ch-s--md, .mais--ch-s--mdl, .mais.ch-s--mdl, .mais--ch-s--smd, .mais.ch-s--smd) {
    --mais--md: var(--ch-s, 40ch);
}

:is(.mais--ch-xs--lg, .mais.ch-xs--lg, .mais--ch-xs--mdl, .mais.ch-xs--mdl) {
    --mais--lg: var(--ch-xs, 20ch);
}

:is(.mais--ch-xs--md, .mais.ch-xs--md, .mais--ch-xs--mdl, .mais.ch-xs--mdl, .mais--ch-xs--smd, .mais.ch-xs--smd) {
    --mais--md: var(--ch-xs, 24ch);
}

:is(.mais--3xc--lg, .mais--3xc--mdl, .mais--xxxc--lg, .mais.xxxc--lg, .mais--xxxc--mdl, .mais.xxxc--mdl) {
    --mais--lg: var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem));
}

:is(.mais--3xc--md, .mais--3xc--mdl, .mais--3xc--smd, .mais.xxxc--md, .mais.xxxc--mdl, .mais.xxxc--smd, .mais--xxxc--md, .mais--xxxc--mdl, .mais--xxxc--smd) {
    --mais--md: var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem));
}

:is(.mais--3xc--sm, .mais--3xc--smd, .mais.xxxc--sm, .mais.xxxc--smd, .mais--xxxc--sm, .mais--xxxc--smd) {
    --mais--sm: var(---3xc, clamp(16rem, calc(16rem + 4 * (100cqi - 33rem) / 55), 20rem));
}

:is(.mais--2xc--lg, .mais--2xc--mdl, .mais--xxc--lg, .mais.xxc--lg, .mais--xxc--mdl, .mais.xxc--mdl) {
    --mais--lg: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:is(.mais--2xc--md, .mais--2xc--mdl, .mais--2xc--smd, .mais.xxc--md, .mais.xxc--mdl, .mais.xxc--smd, .mais--xxc--md, .mais--xxc--mdl, .mais--xxc--smd) {
    --mais--md: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:is(.mais--2xc--sm, .mais--2xc--smd, .mais.xxc--sm, .mais.xxc--smd, .mais--xxc--sm, .mais--xxc--smd) {
    --mais--sm: var(---2xc, clamp(12rem, calc(12rem + 4 * (100cqi - 33rem) / 55), 16rem));
}

:is(.mais--xc--lg, .mais.xc--lg, .mais--xc--mdl, .mais.xc--mdl) {
    --mais--lg: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.mais--xc--md, .mais.xc--md, .mais--xc--mdl, .mais.xc--mdl, .mais--xc--smd, .mais.xc--smd) {
    --mais--md: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.mais--xc--sm, .mais.xc--sm, .mais--xc--smd, .mais.xc--smd) {
    --mais--sm: var(---xc, clamp(10rem, calc(10rem + 2 * (100cqi - 33rem) / 55), 12rem));
}

:is(.mais--c--lg, .mais.c--lg, .mais--c--mdl, .mais.c--mdl) {
    --mais--lg: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.mais--c--md, .mais.c--md, .mais--c--mdl, .mais.c--mdl, .mais--c--smd, .mais.c--smd) {
    --mais--md: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.mais--c--sm, .mais.c--sm, .mais--c--smd, .mais.c--smd) {
    --mais--sm: var(---c, clamp(8rem, calc(8rem + 2 * (100cqi - 33rem) / 55), 10rem));
}

:is(.mais--3xg--lg, .mais--3xg--mdl, .mais--xxxg--lg, .mais.xxxg--lg, .mais--xxxg--mdl, .mais.xxxg--mdl) {
    --mais--lg: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.mais--3xg--md, .mais--3xg--mdl, .mais--3xg--smd, .mais.xxxg--md, .mais.xxxg--mdl, .mais.xxxg--smd, .mais--xxxg--md, .mais--xxxg--mdl, .mais--xxxg--smd) {
    --mais--md: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.mais--3xg--sm, .mais--3xg--smd, .mais.xxxg--sm, .mais.xxxg--smd, .mais--xxxg--sm, .mais--xxxg--smd) {
    --mais--sm: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:is(.mais--2xg--lg, .mais--2xg--mdl, .mais--xxg--lg, .mais.xxg--lg, .mais--xxg--mdl, .mais.xxg--mdl) {
    --mais--lg: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:is(.mais--2xg--md, .mais--2xg--mdl, .mais--2xg--smd, .mais.xxg--md, .mais.xxg--mdl, .mais.xxg--smd, .mais--xxg--md, .mais--xxg--mdl, .mais--xxg--smd) {
    --mais--md: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:is(.mais--2xg--sm, .mais--2xg--smd, .mais.xxg--sm, .mais.xxg--smd, .mais--xxg--sm, .mais--xxg--smd) {
    --mais--sm: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:where(.ar, [data-ratio]) {
    --_ar: var(--ar, auto);
    aspect-ratio: var(--_ar);
}

:where(.ar-au, [data-ratio~="auto"]) {
    --ar: auto;
}

:where(.ar-au--sm) {
    --ar--sm: auto;
}

:where(.ar-m, .ar-d, [data-ratio~="default"], [data-ratio~="medium"], [data-ratio~="media"]) {
    --ar: var(--ar--, 4/3);
}

:where(.ar-m--sm, .ar-d--sm) {
    --ar--sm: var(--ar--, 4/3);
}

:where(.ar-p, [data-ratio~="portrait"]) {
    --ar: var(--ar-p, 1/1.91);
}

:where(.ar-p--sm) {
    --ar--sm: var(--ar-p, 1/1.91);
}

:where(.ar-a, .ar-l, [data-ratio~="landscape"], [data-ratio~="album"]) {
    --ar: var(--ar-l, 1.91);
}

:where(.ar-a--sm, .ar-l--sm) {
    --ar--sm: var(--ar-l, 1.91);
}

:where(.ar-1, .ar-sq, .ar.sq, [data-ratio~="1"], [data-ratio~="1/1"], [data-ratio~="square"]) {
    --ar: 1;
}

:where(.ar-1--sm, .ar-sq--sm) {
    --ar--sm: 1;
}

:where(.ar-1-2, [data-ratio~="1/2"]) {
    --ar: 1/2;
}

:where(.ar-2-1, [data-ratio~="2/1"]) {
    --ar: 2/1;
}

:where(.ar-2-1--sm) {
    --ar--sm: 2/1;
}

:where(.ar-2-3, [data-ratio~="2/3"]) {
    --ar: 2/3;
}

:where(.ar-3-2, [data-ratio~="3/2"]) {
    --ar: 3/2;
}

:where(.ar-3-2--sm) {
    --ar--sm: 3/2;
}

:where(.ar-1-4, [data-ratio~="1/4"]) {
    --ar: 1/4;
}

:where(.ar-4-1, [data-ratio~="4/1"]) {
    --ar: 4/1;
}

:where(.ar-3-4, [data-ratio~="3/4"]) {
    --ar: 3/4;
}

:where(.ar-4-3, [data-ratio~="4/3"]) {
    --ar: 4/3;
}

:where(.ar-4-3--sm) {
    --ar--sm: 4/3;
}

:where(.ar-2-5, [data-ratio~="2/5"]) {
    --ar: 2/5;
}

:where(.ar-5-2, [data-ratio~="5/2"]) {
    --ar: 5/2;
}

:where(.ar-3-5, [data-ratio~="3/5"]) {
    --ar: 3/5;
}

:where(.ar-5-3, [data-ratio~="5/3"]) {
    --ar: 5/3;
}

:where(.ar-5-3--sm) {
    --ar--sm: 5/3;
}

:where(.ar-4-5, [data-ratio~="4/5"]) {
    --ar: 4/5;
}

:where(.ar-5-4, [data-ratio~="5/4"]) {
    --ar: 5/4;
}

:where(.ar-5-4--sm) {
    --ar--sm: 5/4;
}

:where(.ar-9-16, [data-ratio~="9/16"]) {
    --ar: 9/16;
}

:where(.ar-16-9, [data-ratio~="16/9"]) {
    --ar: 16/9;
}

:where(.ar-16-9--sm) {
    --ar--sm: 16/9;
}

:where(.ar-9-21, [data-ratio~="9/21"]) {
    --ar: 9/21;
}

:where(.ar-21-9, [data-ratio~="21/9"]) {
    --ar: 21/9;
}

:where(.ar-gr, [data-ratio~="gold"], [data-ratio~="golden"]) {
    --ar: var(--ar-g, 1.618);
}

:where(.ar-gr-l, .ar.g-l, :is([data-ratio~="gold"], [data-ratio~="golden"]):is([data-ratio~="landscape"], [data-ratio~="album"])) {
    --ar: var(--ar-g-l, 1/1.618);
}

:where(.ar-a4, .ar.a4, [data-ratio~="a4"], [data-ratio~="doc"], [data-ratio~="sheet"]) {
    --ar: var(--ar-a4, 1.414);
}

:where(.ar-a4-l, .ar.a4-l, :is([data-ratio~="a4"], [data-ratio~="doc"], [data-ratio~="sheet"]):is([data-ratio~="landscape"], [data-ratio~="album"])) {
    --ar: var(--ar-a4-l, 1/1.414);
}

@container (width < 30rem) {
	 :where(.ar, [data-ratio]) {
    	  --_ar: var(--ar--sm, var(--ar, auto));
	     aspect-ratio: var(--_ar);
	 }
}

:where(.mg, .mb, [class*="mb--"], [class*="mg--"]) {
    --mg: initial;
    --mb: initial;

    --mbe--sm: initial;
    --mbs--sm: initial;
    --mb--sm: initial;

    --mbe--md: initial;
    --mbs--md: initial;
    --mb--md: initial;

    --mbe--lg: initial;
    --mbs--lg: initial;
    --mb--lg: initial;

    --mbe: var(--mg);
    --_mbe: var(--mbe);

    --mbs: var(--mg);
    --_mbs: var(--mbs);

    --mb: var(--_mbs) var(--_mbe);
    --_mb: var(--mb);
    margin-block: var(--_mb);
}

@container (width < 30rem) {
    :where(.mg, .mb, [class*="mb--"], [class*="mg--"]) {
        --_mbe: var(--mbe--sm, var(--mbe));
        --_mbs: var(--mbs--sm, var(--mbs));
        --_mb: var(--mb--sm, var(--mb));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.mg, .mb, [class*="mb--"], [class*="mg--"]) {
        --_mbe: var(--mbe--md, var(--mbe));
        --_mbs: var(--mbs--md, var(--mbs));
        --_mb: var(--mb--md, var(--mb));
    }
}

@container (60rem < width) {
    :where(.mg, .mb, [class*="mb--"], [class*="mg--"]) {
        --_mbe: var(--mbe--lg, var(--mbe));
        --_mbs: var(--mbs--lg, var(--mbs));
        --_mb: var(--mb--lg, var(--mb));
    }
}

:where(.mg, .mi, [class*="mi--"], [class*="mg--"]) {
    --mg: 0;
    --mi: initial;

    --mie--sm: initial;
    --mis--sm: initial;
    --mi--sm: initial;

    --mie--md: initial;
    --mis--md: initial;
    --mi--md: initial;

    --mie--lg: initial;
    --mis--lg: initial;
    --mi--lg: initial;

    --mie: var(--mg);
    --_mie: var(--mie);

    --mis: var(--mg);
    --_mis: var(--mis);

    --mi: var(--_mis) var(--_mie);
    --_mi: var(--mi);
    margin-inline: var(--_mi);

}

@container (width < 30rem) {
    :where(.mg, .mi, [class*="mi--"], [class*="mg--"]) {
        --_mie: var(--mie--sm, var(--mie));
        --_mis: var(--mis--sm, var(--mis));
        --_mi: var(--mi--sm, var(--mi));
    }
}

@container (30rem <=width <=60rem) {
    :where(.mg, .mi, [class*="mi--"], [class*="mg--"]) {
        --_mie: var(--mie--md, var(--mie));
        --_mis: var(--mis--md, var(--mis));
        --_mi: var(--mi--md, var(--mi));
    }
}

@container (width >60rem) {
    :where(.mg, .mi, [class*="mi--"], [class*="mg--"]) {
        --_mie: var(--mie--lg, var(--mie));
        --_mis: var(--mis--lg, var(--mis));
        --_mi: var(--mi--lg, var(--mi));
    }
}

:where(.mb--xxxg, .mb--3xg) {
    --mb: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:where(.mb--xxg, .mb--2xg) {
    --mb: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:where(.mb--xg) {
    --mb: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.mb--g) {
    --mb: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:where(.mb--xxxe, .mb--3xe) {
    --mb: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.mb--xxe, .mb--2xe) {
    --mb: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.mb--xe) {
    --mb: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.mb--e, .mg--e) {
    --mb: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.mb--xxxl, .mb--3xl, .mg--xxxl, .mg--3xl) {
    --mb: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.mb--xxl, .mb--2xl, .mg--xxl, .mg--2xl) {
    --mb: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.mb--xl, .mg--xl) {
    --mb: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.mb--l, .mg--l) {
    --mb: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.mb--m, .mg--m) {
    --mb: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.mb--s, .mg--s) {
    --mb: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.mb--xs, .mg--xs) {
    --mb: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.mb--xxs, .mb--2xs, .mg--xxs, .mg--2xs) {
    --mb: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.mbsa) {
	--mb: auto 0;
}

:where(.mbea) {
	--mb: 0 auto;
}

:where(.mba) {
	--mb: auto;
}

:where(.mi--p7) {
    --mi: var(--p7, 7%);
}

:where(.mi--p5) {
    --mi: var(--p5, 5%);
}

:where(.mi--p3) {
    --mi: var(--p3, 3%);
}

:where(.mi--f) {
    --mi: var(--p5f, clamp(1.5rem, 5%, 4rem));
}

:where(.mi--xxxl, .mi--3xl, .mg--xxxl, .mg--3xl) {
    --mi: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.mi--xxl, .mi--2xl, .mg--xxl, .mg--2xl) {
    --mi: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.mi--xl, .mg--xl) {
    --mi: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.mi--l, .mg--l) {
    --mi: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.mi--m, .mg--m) {
    --mi: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.mi--s, .mg--s) {
    --mi: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.mi--xs, .mg--xs) {
    --mi: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.mi--xxs, .mi--2xs, .mg--xxs, .mg--2xs) {
    --mi: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.misa) {
	--mi: auto 0;
}

:where(.miea) {
	--mi: 0 auto;
}

:where(.mia) {
	--mi: auto;
}

:where(.pd, .pb, [class*="pb--"], [class*="pd--"]) {
    --pd: initial;
    --pb: initial;

    --pbe--sm: initial;
    --pbs--sm: initial;
    --pb--sm: initial;

    --pbe--md: initial;
    --pbs--md: initial;
    --pb--md: initial;

    --pbe--lg: initial;
    --pbs--lg: initial;
    --pb--lg: initial;

    --pbe: var(--pd);
    --_pbe: var(--pbe);

    --pbs: var(--pd);
    --_pbs: var(--pbs);

    --pb: var(--_pbs) var(--_pbe);
    --_pb: var(--pb);
    padding-block: var(--_pb);
}

@container (width < 30rem) {
    :where(.pd, .pb, [class*="pb--"], [class*="pd--"]) {
        --_pbe: var(--pbe--sm, var(--pbe));
        --_pbs: var(--pbs--sm, var(--pbs));
        --_pb: var(--pb--sm, var(--pb));
    }
}

@container (30rem <=width <=60rem) {
    :where(.pd, .pb, [class*="pb--"], [class*="pd--"]) {
        --_pbe: var(--pbe--md, var(--pbe));
        --_pbs: var(--pbs--md, var(--pbs));
        --_pb: var(--pb--md, var(--pb));
    }
}

@container (60rem < width) {
    :where(.pd, .pb, [class*="pb--"], [class*="pd--"]) {
        --_pbe: var(--pbe--lg, var(--pbe));
        --_pbs: var(--pbs--lg, var(--pbs));
        --_pb: var(--pb--lg, var(--pb));
    }
}

:where(.pd, .pi, [class*="pi--"], [class*="pd--"]) {
    --pd: 0;
    --pi: initial;

    --pie--sm: initial;
    --pis--sm: initial;
    --pi--sm: initial;

    --pie--md: initial;
    --pis--md: initial;
    --pi--md: initial;

    --pie--lg: initial;
    --pis--lg: initial;
    --pi--lg: initial;

    --pie: var(--pd);
    --_pie: var(--pie);

    --pis: var(--pd);
    --_pis: var(--pis);

    --pi: var(--_pis) var(--_pie);
    --_pi: var(--pi);
    padding-inline: var(--_pi);

}

@container (width < 30rem) {
    :where(.pd, .pi, [class*="pi--"], [class*="pd--"]) {
        --_pie: var(--pie--sm, var(--pie));
        --_pis: var(--pis--sm, var(--pis));
        --_pi: var(--pi--sm, var(--pi));
    }
}

@container (30rem <= width <= 60rem) {
    :where(.pd, .pi, [class*="pi--"], [class*="pd--"]) {
        --_pie: var(--pie--md, var(--pie));
        --_pis: var(--pis--md, var(--pis));
        --_pi: var(--pi--md, var(--pi));
    }
}

@container (width >60rem) {
    :where(.pd, .pi, [class*="pi--"], [class*="pd--"]) {
        --_pie: var(--pie--lg, var(--pie));
        --_pis: var(--pis--lg, var(--pis));
        --_pi: var(--pi--lg, var(--pi));
    }
}

:where(.pb--xxxg, .pb--3xg) {
    --pb: var(---3xg, clamp(7rem, calc(7rem + 1 * (100cqi - 33rem) / 55), 8rem));
}

:where(.pb--xxg, .pb--2xg) {
    --pb: var(---2xg, clamp(6rem, calc(6rem + 1 * (100cqi - 33rem) / 55), 7rem));
}

:where(.pb--xg) {
    --pb: var(---xg, clamp(5rem, calc(5rem + 1 * (100cqi - 33rem) / 55), 6rem));
}

:where(.pb--g) {
    --pb: var(---g, clamp(4.5rem, calc(4.5rem + 0.5 * (100cqi - 33rem) / 55), 5rem));
}

:where(.pb--xxxe, .pb--3xe) {
    --pb: var(---3xe, clamp(4rem, calc(4rem + 0.5 * (100cqi - 33rem) / 55), 4.5rem));
}

:where(.pb--xxe, .pb--2xe) {
    --pb: var(---2xe, clamp(3.5rem, calc(3.5rem + 0.5 * (100cqi - 33rem) / 55), 4rem));
}

:where(.pb--xe) {
    --pb: var(---xe, clamp(3rem, calc(3rem + 0.5 * (100cqi - 33rem) / 55), 3.5rem));
}

:where(.pb--e, .pd--e) {
    --pb: var(---e, clamp(2.5rem, calc(2.5rem + 0.5 * (100cqi - 33rem) / 55), 3rem));
}

:where(.pb--xxxl, .pb--3xl, .pd--xxxl, .pd--3xl) {
    --pb: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.pb--xxl, .pb--2xl, .pd--xxl, .pd--2xl) {
    --pb: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.pb--xl, .pd--xl) {
    --pb: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.pb--l, .pd--l) {
    --pb: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.pb--m, .pd--m) {
    --pb: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.pb--s, .pd--s) {
    --pb: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.pb--xs, .pd--xs) {
    --pb: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.pb--xxs, .pb--2xs, .pd--xxs, .pd--2xs) {
    --pb: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.pb--xxxs, .pb--3xs, .pd--xxxs, .pd--3xs) {
    --pb: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.pb--t, .pd--t) {
    --pb: var(---t, 0.5rem);
}

:where(.pi--p7) {
    --pi: var(--p7, 7%);
}

:where(.pi--p5) {
    --pi: var(--p5, 5%);
}

:where(.pi--p3) {
    --pi: var(--p3, 3%);
}

:where(.pi--f) {
    --pi: var(--p5f, clamp(1.5rem, 5%, 4rem));
}

:where(.pi--xxxl, .pi--3xl, .pd--xxxl, .pd--3xl) {
    --pi: var(---3xl, clamp(2.25rem, calc(2.25rem + 0.25 * (100cqi - 33rem) / 55), 2.5rem));
}

:where(.pi--xxl, .pi--2xl, .pd--xxl, .pd--2xl) {
    --pi: var(---2xl, clamp(2rem, calc(2rem + 0.25 * (100cqi - 33rem) / 55), 2.25rem));
}

:where(.pi--xl, .pd--xl) {
    --pi: var(---xl, clamp(1.75rem, calc(1.75rem + 0.25 * (100cqi - 33rem) / 55), 2rem));
}

:where(.pi--l, .pd--l) {
    --pi: var(---l, clamp(1.5rem, calc(1.5rem + 0.25 * (100cqi - 33rem) / 55), 1.75rem));
}

:where(.pi--m, .pd--m) {
    --pi: var(---m, clamp(1.25rem, calc(1.25rem + 0.25 * (100cqi - 33rem) / 55), 1.5rem));
}

:where(.pi--s, .pd--s) {
    --pi: var(---s, clamp(1rem, calc(1rem + 0.25 * (100cqi - 33rem) / 55), 1.25rem));
}

:where(.pi--xs, .pd--xs) {
    --pi: var(---xs, clamp(0.875rem, calc(0.875rem + 0.125 * (100cqi - 33rem) / 55), 1rem));
}

:where(.pi--xxs, .pi--2xs, .pd--xxs, .pd--2xs) {
    --pi: var(---2xs, clamp(0.75rem, calc(0.75rem + 0.125 * (100cqi - 33rem) / 55), 0.875rem));
}

:where(.pi--xxxs, .pi--3xs, .pd--xxxs, .pd--3xs) {
    --pi: var(---3xs, clamp(0.625rem, calc(0.625rem + 0.125 * (100cqi - 33rem) / 55), 0.75rem));
}

:where(.pi--t, .pd--t) {
    --pi: var(---t, 0.5rem);
}

:where(.brd) {
    --_bd: var(--_bdw, var(--bdw, var(--bdw--, var(--bdw-m, 0.125rem)))) var(--_bds, var(--bds, solid)) var(--_bdc, var(--bdc, transparent));
    border: var(--_bd);

    --_rad: initial;
    border-radius: var(--_rad);
}

:where(.out, .outline):where(:not(:where(.bn, [data-pattern="button"]))) {
    --_ol: var(--_olw, var(--olw, var(--olw--, var(--bdw-l, 0.25rem)))) var(--_ols, var(--ols, solid)) var(--_olc, var(--olc, transparent));
    outline: var(--_ol);

    --_olo: var(--_olo, var(--olo, var(--olw--, var(--bdw-l, 0.25rem))));
    outline-offset: var(--_olo);

    --_rad: initial;
    border-radius: var(--_rad);
}

:where(.bxshbd) {
    --_bxsh: var(--_bxsh-h, 0) var(--_bxsh-v, 0) var(--_bxsh-b, 0) var(--_bxsh-s, var(--bdw--, var(--bdw-m, 0.125rem))) var(--_bxsh-c, currentColor);
    box-shadow: var(--_bxsh);

    --_rad: initial;
    border-radius: var(--_rad);
}

:where(.rad, [class*="rad--"]),
:where(.rad-t, .rad-tl, .rad-tr, .rad-b, .rad-br, .rad-bl) {
    --rad: initial;

    --rad-tl: var(--rad-t, var(--rad-l, var(--rad)));
    --rad-tr: var(--rad-t, var(--rad-r, var(--rad)));
    --rad-br: var(--rad-b, var(--rad-r, var(--rad)));
    --rad-bl: var(--rad-b, var(--rad-l, var(--rad)));

    --_rad-tl: var(--rad-tl);
    --_rad-tr: var(--rad-tr);
    --_rad-br: var(--rad-br);
    --_rad-bl: var(--rad-bl);
    --rad: var(--_rad-tl) var(--_rad-tr) var(--_rad-br) var(--_rad-bl);
    --_rad: var(--rad);
    border-radius: var(--_rad);
}

:where(.rad-t) {
    --rad-b: 0;
}

:where(.rad-r) {
    --rad-l: 0;
}

:where(.rad-b) {
    --rad-t: 0;
}

:where(.rad-l) {
    --rad-r: 0;
}

:where(.rad-tl) {
    --rad-tr: 0;
    --rad-b: 0;
}

:where(.rad-tr) {
    --rad-tl: 0;
    --rad-b: 0;
}

:where(.rad-bl) {
    --rad-br: 0;
    --rad-t: 0;
}

:where(.rad-br) {
    --rad-bl: 0;
    --rad-t: 0;
}

:where(.rad.sq, .rad--sq) {
    --rad: var(--rad--sq, 0);
}

:where(.rad--3xs) {
    --rad: var(--rad-3xs, 0.125em);
}

:where(.rad--r3xs) {
    --rad: var(--rad-r3xs, 0.125rem);
}

:where(.rad--2xs) {
    --rad: var(--rad-2xs, 0.25em);
}

:where(.rad--r2xs) {
    --rad: var(--rad-r2xs, 0.25rem);
}

:where(.rad--xs) {
    --rad: var(--rad-xs, 0.375em);
}

:where(.rad--rxs) {
    --rad: var(--rad-rxs, 0.375rem);
}

:where(.rad--s) {
    --rad: var(--rad-s, 0.5em);
}

:where(.rad--rs) {
    --rad: var(--rad-rs, 0.5rem);
}

:where(.rad--m) {
    --rad: var(--rad-m, 0.625em);
}

:where(.rad--rm) {
    --rad: var(--rad-rm, 0.625rem);
}

:where(.rad--l) {
    --rad: var(--rad-l, .75em);
}

:where(.rad--rl) {
    --rad: var(--rad-rl, .75rem);
}

:where(.rad--xl) {
    --rad: var(--rad-xl, 1em);
}

:where(.rad--rxl) {
    --rad: var(--rad-rxl, 1rem);
}

:where(.rad--2xl) {
    --rad: var(--rad-2xl, 1.5em);
}

:where(.rad--r2xl) {
    --rad: var(--rad-r2xl, 1.5rem);
}

:where(.rad--3xl) {
    --rad: var(--rad-3xl, 2em);
}

:where(.rad--r3xl) {
    --rad: var(--rad-r3xl, 2rem);
}

:where(.rad.rd, .rad--rd, .rad.full, .rad--full, .rad.circle, .rad--circle, .rad.round, .rad--round, .rad.pill, .rad--pill) {
    --rad: var(--rad-p, var(--rad-r, var(--pill, 9999px)));
}
:where(.bf, .blr, .blur)::before {

    --bf: blur(var(--blr, var(--blr--, .5rem)));
    --_bf: var(--bf);
    backdrop-filter: var(--_bf);
}

:where(.blr--xs) {
    --blr: var(--blr-xs, .125rem);
}

:where(.blr--s) {
    --blr: var(--blr-s, .25rem);
}

:where(.blr--m) {
    --blr: var(--blr-m, .5rem);
}

:where(.blr--l) {
    --blr: var(--blr-l, 1rem);
}

:where(.blr--xl) {
    --blr: var(--blr-xl, 2rem);
}
:where(.nope, .pe-none, .pe-nope) {
    pointer-events: none;
}
:where(.crs, .cur, .cursor) {
    --_cur: var(--cur, auto);
    cursor: var(--_cur);
}

:where(.ptr, .point, .pointer) {
    --cur: pointer;
}

:where(.mv, .mov, .move) {
    --cur: move;
}

:where(.gr, .grb, .grab) {
    --cur: grab;
}

:where(.not, .nwa, .notallowed) {
    --cur: not-allowed;
}

:where(.hlp, .help) {
    --cur: help;
}

:where(.wait, .w8) {
    --cur: wait;
}
:where(.trf) {
    --_trf: var(--trf);
    transform: var(--_trf);
}

:where(.r45, .r-r45, .rr45, .rz45) {
    --trf: rotate(45deg);
}

:where(.r90, .r-r90, .rr90, .rz90) {
    --trf: rotate(90deg);
}

:where(.r135, .r-r135, .rr135, .rz135) {
    --trf: rotate(135deg);
}

:where(.r180, .r-r180, .rr180, .rz180) {
    --trf: rotate(180deg);
}

:where(.r225, .r-r225, .rr225, .rz225) {
    --trf: rotate(225deg);
}

:where(.r270, .r-r270, .rr270, .rz270) {
    --trf: rotate(270deg);
}

:where(.r315, .r-r315, .rr315, .rz315) {
    --trf: rotate(315deg);
}

:where(.r-45, .r-l45, .rl45, .rz-45) {
    --trf: rotate(-45deg);
}

:where(.r-90, .r-l90, .rl90, .rz-90) {
    --trf: rotate(-90deg);
}

:where(.r-135, .r-l135, .rl135, .rz-135) {
    --trf: rotate(-135deg);
}

:where(.r-180, .r-l180, .rl180, .rz-180) {
    --trf: rotate(-180deg);
}

:where(.ry180, .mirror) {
    --trf: rotateY(180deg);
}

:where(.rx180, .flip) {
    --trf: rotateX(180deg);
}

:where(.sc8) {
	--trf: scale(0.8);
}

:where(.sc9) {
	--trf: scale(0.9);
}

:where(.sc11) {
	--trf: scale(1.1);
}

:where(.trs, .trsf) {
    --_trs: var(--trs, var(--trsdu, 0.32s) var(--trstf, ease-in-out));
    transition: var(--_trs);

    --_trsp: var(--trsp, all);
    transition-property: var(--_trsp);
}

:where(.trs--hv, .trsf):where(:hover, :focus, :active) {
    --_trs: var(--trs--hv, var(--trsdu--hv, var(--trsdu, 0.16s)) var(--trstf--hv, var(--trstf, ease-in-out)));
    transition: var(--_trs);

    --_trsp: var(--trsp--hv, var(--trsp, all));
    transition-property: var(--_trsp);
}
:where(figure, img, svg, picture, canvas):where(.mbm, .blend) {
    --_mbm: var(--mbm, normal);
    mix-blend-mode: var(--_mbm);
}

:where(.multiply, .mlt) {
    --mbm: multiply;
}

:where(figure, img, svg, picture, canvas):where(.filter, .flt) {
    --_fil: var(--fil, normal);
    filter: var(--_fil);
}

:where(.invert, .invr) {
    --fil: invert(1);
}

@media (prefers-color-scheme: dark) {
    :where(:root:not([data-scheme="light"], [data-color-mode="light"], .light, .is-light, .light-mode, .is-light-mode)) :where(.multiply--dark, .mulitply--dark, .multiply--dk, .mulitply--dk, .mlt--dark, .mlt--dk, .dlm) {
        --mbm: multiply;
    }

    :where(:root:not([data-scheme="light"], [data-color-mode="light"], .light, .is-light, .light-mode, .is-light-mode)) :where(.invert--dark, .invert--dk, .invr--dark, .invr--dk, .dlm) {
        --fil: invert(1);
    }
}

:where(:root:is([data-scheme="dark"], [data-color-mode="dark"], .dark, .is-dark, .dark-mode, .is-dark-mode)) {
    :where(.multiply--dark, .mulitply--dark, .multiply--dk, .mulitply--dk, .mlt--dark, .mlt--dk, .dlm) {
        --mbm: multiply;
    }

    :where(.invert--dark, .invert--dk, .invr--dark, .invr--dk, .dlm) {
        --fil: invert(1);
    }
}
:where(.op, .opacity),
:where(.op-xlt, .op-lt, .op-md, .op-bd, .op-xbd),
:where(.opacity-xlt, .opacity-lt, .opacity-md, .opacity-bd, .opacity-xbd) {
    --_op: var(--op, 1);
    opacity: var(--_op);
}

:where(.op-xlt, .opacity-xlt) {
    --op: var(--al-xlt, .16);
}

:where(.op-lt, .opacity-lt) {
    --op: var(--al-lt, .32);
}

:where(.op-md, .opacity-md) {
    --op: var(--al, .64);
}

:where(.op-bd, .opacity-bd) {
    --op: var(--al-bd, .8);
}

:where(.op-xbd, .opacity-xbd) {
    --op: var(--al-xbd, var(--al-bd, .92));
}

:where(.op--hv, .opacity--hv),
:where(.op-xlt--hv, .op-lt--hv, .op-md--hv, .op-bd--hv, .op-xbd--hv),
:where(.opacity-xlt--hv, .opacity-lt--hv, .opacity-md--hv, .opacity-bd--hv, .opacity-xbd--hv) {
    --_op: var(--op--hv, 1);
    opacity: var(--_op);
}

:where(.op-xlt--hv, .opacity-xlt--hv):where(:hover, :focus, :active) {
    --op--hv: var(--al-xlt, .16);
}

:where(.op-lt--hv, .opacity-lt--hv):where(:hover, :focus, :active) {
    --op--hv: var(--al-lt, .32);
}

:where(.op-md--hv, .opacity-md--hv):where(:hover, :focus, :active) {
    --op--hv: var(--al, .64);
}

:where(.op-bd--hv, .opacity-bd--hv):where(:hover, :focus, :active) {
    --op--hv: var(--al-bd, .8);
}

:where(.op-xbd--hv, .opacity-xbd--hv):where(:hover, :focus, :active) {
    --op--hv: var(--al-xbd, var(--al-bd, .92));
}