:where(html) {
    --font-system-ui: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    --font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;
    --font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;
    --font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;
    --font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;
    --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
    --font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;
    --font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;
    --font-monospace-code: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;
    --font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;
    --font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;
    --font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;
    --font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;
    --font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;
    --font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;
    --font-sans: var(--font-system-ui);
    --font-serif: ui-serif, serif;
    --font-mono: var(--font-monospace-code);
    --font-weight-1: 100;
    --font-weight-2: 200;
    --font-weight-3: 300;
    --font-weight-4: 400;
    --font-weight-5: 500;
    --font-weight-6: 600;
    --font-weight-7: 700;
    --font-weight-8: 800;
    --font-weight-9: 900;
    --font-lineheight-00: .95;
    --font-lineheight-0: 1.1;
    --font-lineheight-1: 1.25;
    --font-lineheight-2: 1.375;
    --font-lineheight-3: 1.5;
    --font-lineheight-4: 1.75;
    --font-lineheight-5: 2;
    --font-letterspacing-0: -.05em;
    --font-letterspacing-1: .025em;
    --font-letterspacing-2: .05em;
    --font-letterspacing-3: .075em;
    --font-letterspacing-4: .15em;
    --font-letterspacing-5: .5em;
    --font-letterspacing-6: .75em;
    --font-letterspacing-7: 1em;
    --font-size-000: .8rem;
    --font-size-00: .85rem;
    --font-size-0: 0.92rem;
    --font-size-1: 1rem;
    --font-size-2: 1.15rem;
    --font-size-3: 1.30rem;
    --font-size-4: 1.5rem;
    --font-size-5: 2rem;
    --font-size-6: 2.5rem;
    --font-size-7: 3rem;
    --font-size-8: 3.5rem;
    --font-size-fluid-0: max(.75rem, min(2vw, 1rem));
    --font-size-fluid-1: max(1rem, min(4vw, 1.5rem));
    --font-size-fluid-2: max(1.5rem, min(6vw, 2.5rem));
    --font-size-fluid-3: max(2rem, min(9vw, 3.5rem));
}

/* node_modules/open-props/colors.min.css */
:where(html) {
    --gray-0: #f8f9fa;
    --gray-1: #f1f3f5;
    --gray-2: #e9ecef;
    --gray-3: #dee2e6;
    --gray-4: #ced4da;
    --gray-5: #adb5bd;
    --gray-6: #868e96;
    --gray-7: #495057;
    --gray-8: #343a40;
    --gray-9: #212529;
    --gray-10: #16191d;
    --gray-11: #0d0f12;
    --gray-12: #030507;
    --stone-0: #f8fafb;
    --stone-1: #f2f4f6;
    --stone-2: #ebedef;
    --stone-3: #e0e4e5;
    --stone-4: #d1d6d8;
    --stone-5: #b1b6b9;
    --stone-6: #979b9d;
    --stone-7: #7e8282;
    --stone-8: #666968;
    --stone-9: #50514f;
    --stone-10: #3a3a37;
    --stone-11: #252521;
    --stone-12: #121210;
    --red-0: #fff5f5;
    --red-1: #ffe3e3;
    --red-2: #ffc9c9;
    --red-3: #ffa8a8;
    --red-4: #ff8787;
    --red-5: #ff6b6b;
    --red-6: #fa5252;
    --red-7: #f03e3e;
    --red-8: #e03131;
    --red-9: #c92a2a;
    --red-10: #b02525;
    --red-11: #962020;
    --red-12: #7d1a1a;
    --pink-0: #fff0f6;
    --pink-1: #ffdeeb;
    --pink-2: #fcc2d7;
    --pink-3: #faa2c1;
    --pink-4: #f783ac;
    --pink-5: #f06595;
    --pink-6: #e64980;
    --pink-7: #d6336c;
    --pink-8: #c2255c;
    --pink-9: #a61e4d;
    --pink-10: #8c1941;
    --pink-11: #731536;
    --pink-12: #59102a;
    --purple-0: #f8f0fc;
    --purple-1: #f3d9fa;
    --purple-2: #eebefa;
    --purple-3: #e599f7;
    --purple-4: #da77f2;
    --purple-5: #cc5de8;
    --purple-6: #be4bdb;
    --purple-7: #ae3ec9;
    --purple-8: #9c36b5;
    --purple-9: #862e9c;
    --purple-10: #702682;
    --purple-11: #5a1e69;
    --purple-12: #44174f;
    --violet-0: #f3f0ff;
    --violet-1: #e5dbff;
    --violet-2: #d0bfff;
    --violet-3: #b197fc;
    --violet-4: #9775fa;
    --violet-5: #845ef7;
    --violet-6: #7950f2;
    --violet-7: #7048e8;
    --violet-8: #6741d9;
    --violet-9: #5f3dc4;
    --violet-10: #5235ab;
    --violet-11: #462d91;
    --violet-12: #3a2578;
    --indigo-0: #edf2ff;
    --indigo-1: #dbe4ff;
    --indigo-2: #bac8ff;
    --indigo-3: #91a7ff;
    --indigo-4: #748ffc;
    --indigo-5: #5c7cfa;
    --indigo-6: #4c6ef5;
    --indigo-7: #4263eb;
    --indigo-8: #3b5bdb;
    --indigo-9: #364fc7;
    --indigo-10: #2f44ad;
    --indigo-11: #283a94;
    --indigo-12: #21307a;
    --blue-0: #e7f5ff;
    --blue-1: #d0ebff;
    --blue-2: #a5d8ff;
    --blue-3: #74c0fc;
    --blue-4: #4dabf7;
    --blue-5: #339af0;
    --blue-6: #228be6;
    --blue-7: #1c7ed6;
    --blue-8: #1971c2;
    --blue-9: #1864ab;
    --blue-10: #145591;
    --blue-11: #114678;
    --blue-12: #0d375e;
    --cyan-0: #e3fafc;
    --cyan-1: #c5f6fa;
    --cyan-2: #99e9f2;
    --cyan-3: #66d9e8;
    --cyan-4: #3bc9db;
    --cyan-5: #22b8cf;
    --cyan-6: #15aabf;
    --cyan-7: #1098ad;
    --cyan-8: #0c8599;
    --cyan-9: #0b7285;
    --cyan-10: #095c6b;
    --cyan-11: #074652;
    --cyan-12: #053038;
    --teal-0: #e6fcf5;
    --teal-1: #c3fae8;
    --teal-2: #96f2d7;
    --teal-3: #63e6be;
    --teal-4: #38d9a9;
    --teal-5: #20c997;
    --teal-6: #12b886;
    --teal-7: #0ca678;
    --teal-8: #099268;
    --teal-9: #087f5b;
    --teal-10: #066649;
    --teal-11: #054d37;
    --teal-12: #033325;
    --green-0: #ebfbee;
    --green-1: #d3f9d8;
    --green-2: #b2f2bb;
    --green-3: #8ce99a;
    --green-4: #69db7c;
    --green-5: #51cf66;
    --green-6: #40c057;
    --green-7: #37b24d;
    --green-8: #2f9e44;
    --green-9: #2b8a3e;
    --green-10: #237032;
    --green-11: #1b5727;
    --green-12: #133d1b;
    --lime-0: #f4fce3;
    --lime-1: #e9fac8;
    --lime-2: #d8f5a2;
    --lime-3: #c0eb75;
    --lime-4: #a9e34b;
    --lime-5: #94d82d;
    --lime-6: #82c91e;
    --lime-7: #74b816;
    --lime-8: #66a80f;
    --lime-9: #5c940d;
    --lime-10: #4c7a0b;
    --lime-11: #3c6109;
    --lime-12: #2c4706;
    --yellow-0: #fff9db;
    --yellow-1: #fff3bf;
    --yellow-2: #ffec99;
    --yellow-3: #ffe066;
    --yellow-4: #ffd43b;
    --yellow-5: #fcc419;
    --yellow-6: #fab005;
    --yellow-7: #f59f00;
    --yellow-8: #f08c00;
    --yellow-9: #e67700;
    --yellow-10: #b35c00;
    --yellow-11: #804200;
    --yellow-12: #663500;
    --orange-0: #fff4e6;
    --orange-1: #ffe8cc;
    --orange-2: #ffd8a8;
    --orange-3: #ffc078;
    --orange-4: #ffa94d;
    --orange-5: #ff922b;
    --orange-6: #fd7e14;
    --orange-7: #f76707;
    --orange-8: #e8590c;
    --orange-9: #d9480f;
    --orange-10: #bf400d;
    --orange-11: #99330b;
    --orange-12: #802b09;
    --choco-0: #fff8dc;
    --choco-1: #fce1bc;
    --choco-2: #f7ca9e;
    --choco-3: #f1b280;
    --choco-4: #e99b62;
    --choco-5: #df8545;
    --choco-6: #d46e25;
    --choco-7: #bd5f1b;
    --choco-8: #a45117;
    --choco-9: #8a4513;
    --choco-10: #703a13;
    --choco-11: #572f12;
    --choco-12: #3d210d;
    --brown-0: #faf4eb;
    --brown-1: #ede0d1;
    --brown-2: #e0cab7;
    --brown-3: #d3b79e;
    --brown-4: #c5a285;
    --brown-5: #b78f6d;
    --brown-6: #a87c56;
    --brown-7: #956b47;
    --brown-8: #825b3a;
    --brown-9: #6f4b2d;
    --brown-10: #5e3a21;
    --brown-11: #4e2b15;
    --brown-12: #422412;
    --sand-0: #f8fafb;
    --sand-1: #e6e4dc;
    --sand-2: #d5cfbd;
    --sand-3: #c2b9a0;
    --sand-4: #aea58c;
    --sand-5: #9a9178;
    --sand-6: #867c65;
    --sand-7: #736a53;
    --sand-8: #5f5746;
    --sand-9: #4b4639;
    --sand-10: #38352d;
    --sand-11: #252521;
    --sand-12: #121210;
    --camo-0: #f9fbe7;
    --camo-1: #e8ed9c;
    --camo-2: #d2df4e;
    --camo-3: #c2ce34;
    --camo-4: #b5bb2e;
    --camo-5: #a7a827;
    --camo-6: #999621;
    --camo-7: #8c851c;
    --camo-8: #7e7416;
    --camo-9: #6d6414;
    --camo-10: #5d5411;
    --camo-11: #4d460e;
    --camo-12: #36300a;
    --jungle-0: #ecfeb0;
    --jungle-1: #def39a;
    --jungle-2: #d0e884;
    --jungle-3: #c2dd6e;
    --jungle-4: #b5d15b;
    --jungle-5: #a8c648;
    --jungle-6: #9bbb36;
    --jungle-7: #8fb024;
    --jungle-8: #84a513;
    --jungle-9: #7a9908;
    --jungle-10: #658006;
    --jungle-11: #516605;
    --jungle-12: #3d4d04;
}

/* node_modules/open-props/sizes.min.css */
:where(html) {
    --size-000: -.5rem;
    --size-00: -.25rem;
    --size-1: .25rem;
    --size-2: .5rem;
    --size-3: 1rem;
    --size-4: 1.25rem;
    --size-5: 1.5rem;
    --size-6: 1.75rem;
    --size-7: 2rem;
    --size-8: 3rem;
    --size-9: 4rem;
    --size-10: 5rem;
    --size-11: 7.5rem;
    --size-12: 10rem;
    --size-13: 15rem;
    --size-14: 20rem;
    --size-15: 30rem;
    --size-px-000: -8px;
    --size-px-00: -4px;
    --size-px-1: 4px;
    --size-px-2: 8px;
    --size-px-3: 16px;
    --size-px-4: 20px;
    --size-px-5: 24px;
    --size-px-6: 28px;
    --size-px-7: 32px;
    --size-px-8: 48px;
    --size-px-9: 64px;
    --size-px-10: 80px;
    --size-px-11: 120px;
    --size-px-12: 160px;
    --size-px-13: 240px;
    --size-px-14: 320px;
    --size-px-15: 480px;
    --size-fluid-1: max(.5rem, min(1vw, 1rem));
    --size-fluid-2: max(1rem, min(2vw, 1.5rem));
    --size-fluid-3: max(1.5rem, min(3vw, 2rem));
    --size-fluid-4: max(2rem, min(4vw, 3rem));
    --size-fluid-5: max(4rem, min(5vw, 5rem));
    --size-fluid-6: max(5rem, min(7vw, 7.5rem));
    --size-fluid-7: max(7.5rem, min(10vw, 10rem));
    --size-fluid-8: max(10rem, min(20vw, 15rem));
    --size-fluid-9: max(15rem, min(30vw, 20rem));
    --size-fluid-10: max(20rem, min(40vw, 30rem));
    --size-content-1: 20ch;
    --size-content-2: 45ch;
    --size-content-3: 60ch;
    --size-header-1: 20ch;
    --size-header-2: 25ch;
    --size-header-3: 35ch;
    --size-xxs: 240px;
    --size-xs: 360px;
    --size-sm: 480px;
    --size-md: 768px;
    --size-lg: 1024px;
    --size-xl: 1440px;
    --size-xxl: 1920px;
    --size-relative-000: -.5ch;
    --size-relative-00: -.25ch;
    --size-relative-1: .25ch;
    --size-relative-2: .5ch;
    --size-relative-3: 1ch;
    --size-relative-4: 1.25ch;
    --size-relative-5: 1.5ch;
    --size-relative-6: 1.75ch;
    --size-relative-7: 2ch;
    --size-relative-8: 3ch;
    --size-relative-9: 4ch;
    --size-relative-10: 5ch;
    --size-relative-11: 7.5ch;
    --size-relative-12: 10ch;
    --size-relative-13: 15ch;
    --size-relative-14: 20ch;
    --size-relative-15: 30ch;
}

/* node_modules/open-props/borders.min.css */
:where(html) {
    --border-size-1: 1px;
    --border-size-2: 2px;
    --border-size-3: 5px;
    --border-size-4: 10px;
    --border-size-5: 25px;
    --radius-1: 2px;
    --radius-2: 5px;
    --radius-3: 1rem;
    --radius-4: 2rem;
    --radius-5: 4rem;
    --radius-6: 8rem;
    --radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;
    --radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;
    --radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;
    --radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;
    --radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;
    --radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;
    --radius-round: 100000px;
    --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
    --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
    --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
    --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
    --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
    --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-1));
    --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-2));
    --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-3));
    --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-4));
    --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-5));
    --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 100000, var(--radius-6));
}

:where(html) {
    --ratio-square: 1;
    --ratio-landscape: 4 / 3;
    --ratio-portrait: 3 / 4;
    --ratio-widescreen: 16 / 9;
    --ratio-ultrawide: 18 / 5;
    --ratio-golden: 1.618 / 1;
}

:where(html) {
    --csstools-color-scheme--light: initial;
    --link: var(--indigo-7);
    --link-visited: var(--purple-7);
    --text-1: var(--gray-12);
    --text-2: var(--gray-7);
    --surface-1: var(--gray-0);
    --surface-2: var(--gray-2);
    --surface-3: var(--gray-3);
    --surface-4: var(--gray-4);
    --scrollthumb-color: var(--gray-7);
    -webkit-text-size-adjust: none;
    accent-color: var(--brand, var(--link));
    background-color: var(--surface-1);
    caret-color: var(--brand, var(--link));
    color: var(--text-1);
    --buncss-light: initial;
    --buncss-dark: ;
    color-scheme: light;
    font-family: var(--font-system-ui);
    line-height: var(--font-lineheight-3);
    scrollbar-color: var(--scrollthumb-color) transparent;
    block-size: 100%;
}

@media (dynamic-range: high) or (color-gamut: p3) {
    @supports (color:color(display-p3 0 0 0)) {
        :where(html) {
            --link: color(display-p3 .1 .39 1);
            --link-visited: color(display-p3 .6 .2 1);
        }
    }
}

:where(html) :where(dialog) {
    background-color: var(--surface-1);
}

:where(html) :where(button, .btn) {
    --_highlight: var(--_highlight-light);
    --_bg: var(--_bg-light);
    --_ink-shadow: var(--_ink-shadow-light);
}

:where(html) :where(button, .btn) :where([type="reset"]) {
    --_text: var(--red-6);
    --_border: var(--red-3);
}

:where(html) [disabled]:where(button, input[type="button"], .btn) {
    --_text: var(--gray-6);
}

:where(html) [disabled]:where(button, input[type="submit"], .btn) {
    --_text: var(--gray-6);
}

:where(html) [disabled]:where(button, input[type="reset"], .btn) {
    --_text: var(--gray-6);
}

:where(html) :where(textarea, select, input:not(:-webkit-any([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
}

:where(html) :where(textarea, select, input:not(:-moz-any([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
}

:where(html) :where(textarea, select, input:not(:is([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
}

@media (prefers-color-scheme: dark) {
    :where(html) {
        --csstools-color-scheme--light: ;
        --link: var(--indigo-3);
        --link-visited: var(--purple-3);
        --text-1: var(--gray-1);
        --text-2: var(--gray-4);
        --surface-1: var(--gray-9);
        --surface-2: var(--gray-8);
        --surface-3: var(--gray-7);
        --surface-4: var(--gray-6);
        --scrollthumb-color: var(--gray-6);
        --shadow-strength: 10%;
        --shadow-color: 220 40% 2%;
        --buncss-light: ;
        --buncss-dark: initial;
        color-scheme: dark;
    }
}

:where(a[href]) {
    color: var(--brand, var(--link));
}

:where(a[href]):where(:visited) {
    color: var(--link-visited);
}

:focus-visible {
    outline-color: var(--brand, var(--link));
}

*,
:after,
:before {
    box-sizing: border-box;
}

:where(:not(dialog)) {
    margin: 0;
}

:where(:not(:-webkit-any(fieldset, progress, meter))) {
    background-repeat: no-repeat;
    background-origin: border-box;
    border-style: solid;
    border-width: 0;
}

:where(:not(:-moz-any(fieldset, progress, meter))) {
    background-repeat: no-repeat;
    background-origin: border-box;
    border-style: solid;
    border-width: 0;
}

:where(:not(:is(fieldset, progress, meter))) {
    background-repeat: no-repeat;
    background-origin: border-box;
    border-style: solid;
    border-width: 0;
}

@media (prefers-reduced-motion: no-preference) {
    :where(html) {
        scroll-behavior: smooth;
    }

    :where(:focus-visible) {
        transition: outline-offset .145s var(--ease-2);
    }

    :where(:not(:active):focus-visible) {
        transition-duration: .25s;
    }
}

:where(:not(:active):focus-visible) {
    outline-offset: 5px;
}

:where(body) {
    min-block-size: 100%;
}

:where(h1, h2, h3, h4, h5, h6) {
    text-wrap: balance;
    font-weight: var(--font-weight-9);
    line-height: var(--font-lineheight-1);
}

:where(h1) {
    font-size: var(--font-size-8);
    max-inline-size: var(--size-header-1);
}

:where(h2) {
    font-size: var(--font-size-6);
    max-inline-size: var(--size-header-2);
}

:where(h3) {
    font-size: var(--font-size-5);
}

:where(h4) {
    font-size: var(--font-size-4);
}

:where(h5) {
    font-size: var(--font-size-3);
}

:where(h3, h4, h5, h6, dt) {
    max-inline-size: var(--size-header-3);
}

:where(p, ul, ol, dl, h6) {
    font-size: var(--font-size-2);
}

:where(a, u, ins, abbr) {
    text-underline-offset: 1px;
}

@supports (-moz-appearance:none) {
    :where(a, u, ins, abbr) {
        text-underline-offset: 2px;
    }
}

:where(a[href], area, button, input:not(:-webkit-any([type="text"], [type="email"], [type="number"], [type="password"], [type=""], [type="tel"], [type="url"])), label[for], select, summary, [tabindex]:not(:-webkit-any([tabindex*="-"], pre))) {
    cursor: pointer;
}

:where(a[href], area, button, input:not(:-moz-any([type="text"], [type="email"], [type="number"], [type="password"], [type=""], [type="tel"], [type="url"])), label[for], select, summary, [tabindex]:not(:-moz-any([tabindex*="-"], pre))) {
    cursor: pointer;
}

:where(a[href], area, button, input:not(:is([type="text"], [type="email"], [type="number"], [type="password"], [type=""], [type="tel"], [type="url"])), label[for], select, summary, [tabindex]:not(:is([tabindex*="-"], pre))) {
    cursor: pointer;
}

:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

:where(a):where([href]) {
    text-decoration-color: var(--indigo-2);
}

:where(a):where([href]):where(:visited) {
    text-decoration-color: var(--purple-2);
}

:where(a):where(:not(:hover)) {
    text-decoration: inherit;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}

:where(img, svg, video) {
    block-size: auto;
    max-inline-size: 100%;
}

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

:where(input[type="file"])::-webkit-file-upload-button {
    color: inherit;
    font: inherit;
    font-size: inherit;
    letter-spacing: inherit;
}

::placeholder {
    color: var(--gray-7);
    opacity: .75;
}

:where(input:not([type="range"]), textarea) {
    padding-block: var(--size-1);
    padding-inline: var(--size-2);
}

:where(select) {
    field-sizing: content;
    padding-block-start: .75ch;
    padding-block-end: .75ch;
    padding-inline: var(--size-relative-4) 0;
}

:where(textarea, select, input:not(:-webkit-any([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
    border-radius: var(--radius-2);
}

:where(textarea, select, input:not(:-moz-any([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
    border-radius: var(--radius-2);
}

:where(textarea, select, input:not(:is([type="button"], [type="submit"], [type="reset"]))) {
    background-color: var(--surface-2);
    border-radius: var(--radius-2);
}

:where(textarea) {
    field-sizing: content;
    min-inline-size: var(--size-content-1);
    resize: vertical;
    min-block-size: 2lh;
}

:where(input[type="checkbox"], input[type="radio"]) {
    block-size: var(--size-3);
    inline-size: var(--size-3);
}

:where(svg:not([width])) {
    inline-size: var(--size-10);
}

:where(code, kbd, samp, pre) {
    font-family: var(--font-monospace-code), monospace;
}

:where(:not(pre) > code, kbd) {
    white-space: nowrap;
}

:where(pre) {
    direction: ltr;
    white-space: pre;
    writing-mode: lr;
    min-inline-size: 0;
    max-inline-size: max-content;
}

:where(:not(pre) > code) {
    background: var(--surface-2);
    border-radius: var(--radius-2);
    padding: var(--size-1) var(--size-2);
    writing-mode: lr;
}

:where(kbd, var) {
    border-color: var(--surface-4);
    border-radius: var(--radius-2);
    border-width: var(--border-size-1);
    padding: var(--size-1) var(--size-2);
}

:where(mark) {
    border-radius: var(--radius-2);
    padding-inline: var(--size-1);
}

:where(ol, ul) {
    padding-inline-start: var(--size-8);
}

:where(li) {
    padding-inline-start: var(--size-2);
}

:where(li, dd, figcaption) {
    max-inline-size: var(--size-content-2);
}

:where(p) {
    text-wrap: pretty;
    max-inline-size: var(--size-content-3);
}

:where(dt, summary) {
    font-weight: var(--font-weight-7);
}

:where(dt:not(:first-of-type)) {
    margin-block-start: var(--size-5);
}

:where(small) {
    font-size: max(.5em, var(--font-size-0));
    max-inline-size: var(--size-content-1);
}

:where(hr) {
    background-color: var(--surface-3);
    height: var(--border-size-2);
    margin-block: var(--size-fluid-5);
}

:where(figure) {
    display: grid;
    gap: var(--size-2);
    place-items: center;
}

:where(figure)> :where(figcaption) {
    text-wrap: balance;
    font-size: var(--font-size-1);
}

:where(blockquote, :not(blockquote) > cite) {
    border-inline-start-width: var(--border-size-3);
}

:where(blockquote) {
    display: grid;
    gap: var(--size-3);
    max-inline-size: var(--size-content-2);
    padding-block: var(--size-3);
    padding-inline: var(--size-4);
}

:where(:not(blockquote) > cite) {
    padding-inline-start: var(--size-2);
}

:where(summary) {
    background: var(--surface-3);
    border-radius: var(--radius-2);
    margin: calc(var(--size-2) * -1) calc(var(--size-3) * -1);
    padding: var(--size-2) var(--size-3);
}

:where(details) {
    background: var(--surface-2);
    border-radius: var(--radius-2);
    padding-block: var(--size-2);
    padding-inline: var(--size-3);
}

:where(details[open] > summary) {
    margin-bottom: var(--size-2);
}

:where(fieldset) {
    border: var(--border-size-1) solid var(--surface-4);
    border-radius: var(--radius-2);
}

:where(del) {
    background: var(--red-9);
    color: var(--red-2);
}

:where(ins) {
    background: var(--green-9);
    color: var(--green-1);
}

:where(abbr) {
    text-decoration-color: var(--blue-5);
}

:where(dialog) {
    background-color: var(--surface-1);
    border-radius: var(--radius-3);
    box-shadow: var(--shadow-6);
    color: inherit;
}

:where(menu) {
    display: flex;
    gap: var(--size-3);
    padding-inline-start: 0;
}

:where(sup) {
    font-size: .5em;
}

:where(table) {
    --nice-inner-radius: calc(var(--radius-3) - 2px);
    background: var(--surface-2);
    border: 1px solid var(--surface-2);
    border-radius: var(--radius-3);
    width: -moz-fit-content;
    width: fit-content;
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:first-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(table thead tr:first-child th:last-child):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:first-of-type):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:first-of-type):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child th:last-of-type):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(tfoot tr:last-child td:last-of-type):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: var(--nice-inner-radius);
}

:where(th) {
    background-color: var(--surface-2);
    color: var(--text-1);
}

:where(table a:not(.does-not-exist):focus-visible) {
    outline-offset: -2px;
}

:where(table button:not(.does-not-exist):focus-visible) {
    outline-offset: -2px;
}

:where(table [contenteditable]:focus-visible) {
    outline-offset: -2px;
}

:where(td) {
    text-wrap: pretty;
    background: var(--surface-1);
    max-inline-size: var(--size-content-2);
}

:where(td, th) {
    padding: var(--size-2);
    text-align: left;
}

:where(td:not([align])) {
    text-align: center;
}

:where(th:not([align])) {
    text-align: center;
}

:where(thead) {
    border-collapse: collapse;
}

:where(table tr:hover td) {
    background-color: var(--surface-3);
}

:where(tbody tr:nth-child(2n):hover td) {
    background-color: var(--surface-3);
}

:where(table > caption) {
    margin: var(--size-3);
}

:where(tfoot button) {
    padding-block: var(--size-1);
    padding-inline: var(--size-3);
}

@media (prefers-color-scheme: dark) {
    :where(textarea, select, input:not(:-webkit-any([type="button"], [type="submit"], [type="reset"]))) {
        background-color: #171a1c;
    }

    :where(textarea, select, input:not(:-moz-any([type="button"], [type="submit"], [type="reset"]))) {
        background-color: #171a1c;
    }

    :where(textarea, select, input:not(:is([type="button"], [type="submit"], [type="reset"]))) {
        background-color: #171a1c;
    }

    :where(dialog) {
        background-color: var(--surface-2);
    }

    ::placeholder {
        color: var(--gray-6);
    }
}

*,
*:before,
*:after {
    box-sizing: border-box;
    max-inline-size: unset;
}

html {
    font-size: 16px;
    --font-size-5: 1.9rem;
    --align-site-width: 1100px;
    --align-site-padding: 15px;
}

html.light {
    --primary: var(--red-8);
    --text-1: var(--stone-12);
    --text-2: var(--stone-10);
    --text-3: var(--stone-8);
    --border-color-1: var(--stone-3);
    --border-color-2: var(--stone-4);
    --background-site: white;
    --background-header: linear-gradient(90deg, var(--red-8) 0%, var(--red-9) 100%);
}

html.dark {
    --primary: var(--red-8);
    --text-1: var(--stone-1);
    --text-2: var(--stone-4);
    --text-3: var(--stone-7);
    --border-color-1: var(--stone-11);
    --border-color-2: var(--stone-10);
    --background-site: var(--stone-12);
    --background-header: linear-gradient(90deg, #222 0%, #292929 100%);
}

body {
    font-family: "Roboto", var(--font-rounded-sans);
    display: flex;
    flex-direction: column;
    color: var(--text-2);
    background-color: var(--background-site);
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    color: var(--text-1);
}

a {
    color: var(--primary);
}

a:hover {
    text-decoration: underline solid var(--primary);
    outline: none;
}

:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration-thickness: 3px;
}

p,
ul,
ol,
dl,
h6 {
    font-size: var(--font-size-1);
}

h1 {
    /* para fonts muito "largas" é interessante diminuir o letter-spacing nos títulos grandes */
    letter-spacing: -1px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-wrap: pretty;
    max-inline-size: none;
}

img {
    max-width: 100%;
}

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

.skip-link {
    position: absolute;
    color: #fff;
    z-index: 100;
    background: #000;
    padding: 8px;
    top: -40px;
    left: 0;
}

.align-site {
    width: var(--align-site-width);
    padding: 0 var(--align-site-padding);
    max-width: 100%;
    margin: auto;
}

#main-content {
    padding-bottom: 1px;
    flex: 1;
}

.icon {
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    width: var(--font-size-1);
    height: var(--font-size-1);
}

.section-heading {
    margin-bottom: var(--size-5);
    color: var(--text-2);
    font-size: var(--font-size-3);
}

.section-description {
    font-size: var(--font-size-1);
    margin-bottom: var(--size-5);
    color: var(--text-2);
    font-weight: 400;
}

.wp-singular #main-content,
.archive #main-content,
.search #main-content,
.error404 #main-content,
.paged #main-content {
    margin-top: var(--size-8);
}

.ads-container--430 {
    margin: 20px auto;
    height: 435px; /*5px mais por garantia*/
}

.ads-container--600 {
    height: 605px; /*5px mais por garantia*/
}

.ads-container {
    background-color: #dddddd;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ads-container:empty {
    display: none;
}