* {
    box-sizing: border-box;
}

.support-warnings {
    display: grid;
    grid-gap: 1rem;
    padding: 1rem;
    position: fixed;
    top: 0;
    left: 0;
}

.support-warning {
    color: hsl(0 0% 10%);
    border: 4px solid hsl(45 80% 50%);
    display: none;
    width: 200px;
    padding: 1rem;
    font-family: sans-serif;
    font-size: 0.875rem;
    background: hsl(0 0% 98%);
}

.has-support .support-warning--has,
.scroll-timeline-support .support-warning--scroll-timeline,
.popup-support .support-warning--popup,
.popover-support .support-warning--popover,
.selectmenu-support .support-warning--selectmenu,
.houdini-support .support-warning--houdini,
.set-support .support-warning--set,
.object-view-box-support .support-warning--object-view-box,
.css-trig-support .support-warning--css-trig,
.initial-letter-support .support-warning--initial-letter,
.anchoring-support .support-warning--anchoring {
    display: inline-block;
}

@supports(selector(:has(+ *))) {
    .has-support .support-warning--has {
        display: none;
    }
}

@supports(background: paint(houdini)) {
    .houdini-support .support-warning--houdini {
        display: none;
    }
}

@supports(top: calc(sin(1) * 1px)) {
    .css-trig-support .support-warning--css-trig {
        display: none;
    }
}

@supports(initial-letter: 2 2) {
    .intial-letter-support .support-warning--initial-letter {
        display: none;
    }
}

@supports(object-view-box: inset(0 0 0 0)) {
    .object-view-box-support .support-warning--object-view-box {
        display: none;
    }
}

@supports (animation-timeline: works) {
    .scroll-timeline-support .support-warning--scroll-timeline {
        display: none;
    }
}

@supports (anchor-name: --anchor) {
    .anchoring-support .support-warning--anchoring {
        display: none;
    }
}

.set-supported .support-warning--set,
.popup-supported .support-warning--popup,
.popover-supported .support-warning--popover,
.selectmenu-supported .support-warning--selectmenu {
    display: none;
}

:where(html) {
    --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);
    block-size: 100%;
    caret-color: var(--brand, var(--link));
    color: var(--text-1);
    color-scheme: light;
    font-family: var(--font-system-ui);
    line-height: var(--font-lineheight-3);
    scrollbar-color: var(--scrollthumb-color) transparent
}

@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) :where(button, .btn, input:is([type=button], [type=submit], [type=reset]))[disabled] {
    --_text: var(--gray-6)
}

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

@media (prefers-color-scheme:dark) {
    :where(html) {
        --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%;
        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(fieldset, progress, meter)) {
    background-origin: border-box;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 0
}

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

@media (prefers-reduced-motion:no-preference) {
    :where(:focus-visible) {
        transition: outline-offset 145ms 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([type=text], [type=email], [type=number], [type=password], [type=""], [type=tel], [type=url]), label[for], select, summary, [tabindex]:not([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),
: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: .75ch;
    padding-inline: var(--size-relative-4) 0
}

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

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

: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;
    max-inline-size: max-content;
    min-inline-size: 0;
    white-space: pre;
    writing-mode: lr
}

: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) {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    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: fit-content
}

:where(table[\:not-has\(tfoot\)] tr:last-child td:first-child) {
    border-end-start-radius: var(--nice-inner-radius)
}

:where(table:not(:has(tfoot)) tr:last-child td:first-child) {
    border-end-start-radius: var(--nice-inner-radius)
}

:where(table[\:not-has\(tfoot\)] tr:last-child td:last-child) {
    border-end-end-radius: var(--nice-inner-radius)
}

:where(table:not(:has(tfoot)) tr:last-child td:last-child) {
    border-end-end-radius: var(--nice-inner-radius)
}

:where(table thead tr:first-child th:first-child) {
    border-start-start-radius: var(--nice-inner-radius)
}

:where(table thead tr:first-child th:last-child) {
    border-start-end-radius: var(--nice-inner-radius)
}

:where(tfoot tr:last-child :is(th, td):first-of-type) {
    border-end-start-radius: var(--nice-inner-radius)
}

:where(tfoot tr:last-child :is(th, td):last-of-type) {
    border-end-end-radius: var(--nice-inner-radius)
}

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

:where(table :is(a, button, [contenteditable]):is(: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(:is(td, th):not([align])) {
    text-align: center
}

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

:where(table tr:hover td),
: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([type=button], [type=submit], [type=reset])) {
        background-color: #171a1c
    }

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

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

:where(html) {
    --gray-0-hsl: 210 17% 98%;
    --gray-1-hsl: 210 17% 95%;
    --gray-2-hsl: 210 16% 93%;
    --gray-3-hsl: 210 14% 89%;
    --gray-4-hsl: 210 14% 83%;
    --gray-5-hsl: 210 11% 71%;
    --gray-6-hsl: 210 7% 56%;
    --gray-7-hsl: 210 9% 31%;
    --gray-8-hsl: 210 10% 23%;
    --gray-9-hsl: 210 11% 15%;
    --gray-10-hsl: 214 14% 10%;
    --gray-11-hsl: 216 16% 6%;
    --gray-12-hsl: 210 40% 2%;
    --stone-0-hsl: 200 27% 98%;
    --stone-1-hsl: 210 18% 96%;
    --stone-2-hsl: 210 11% 93%;
    --stone-3-hsl: 192 9% 89%;
    --stone-4-hsl: 197 8% 83%;
    --stone-5-hsl: 202 5% 71%;
    --stone-6-hsl: 200 3% 60%;
    --stone-7-hsl: 180 2% 50%;
    --stone-8-hsl: 160 1% 41%;
    --stone-9-hsl: 90 1% 31%;
    --stone-10-hsl: 60 3% 22%;
    --stone-11-hsl: 60 6% 14%;
    --stone-12-hsl: 60 6% 7%;
    --red-0-hsl: 0 100% 98%;
    --red-1-hsl: 0 100% 95%;
    --red-2-hsl: 0 100% 89%;
    --red-3-hsl: 0 100% 83%;
    --red-4-hsl: 0 100% 76%;
    --red-5-hsl: 0 100% 71%;
    --red-6-hsl: 0 94% 65%;
    --red-7-hsl: 0 86% 59%;
    --red-8-hsl: 0 74% 54%;
    --red-9-hsl: 0 65% 48%;
    --red-10-hsl: 0 65% 42%;
    --red-11-hsl: 0 65% 36%;
    --red-12-hsl: 0 66% 30%;
    --pink-0-hsl: 336 100% 97%;
    --pink-1-hsl: 336 100% 94%;
    --pink-2-hsl: 338 91% 87%;
    --pink-3-hsl: 339 90% 81%;
    --pink-4-hsl: 339 88% 74%;
    --pink-5-hsl: 339 82% 67%;
    --pink-6-hsl: 339 76% 59%;
    --pink-7-hsl: 339 67% 52%;
    --pink-8-hsl: 339 68% 45%;
    --pink-9-hsl: 339 69% 38%;
    --pink-10-hsl: 339 70% 32%;
    --pink-11-hsl: 339 69% 27%;
    --pink-12-hsl: 339 70% 21%;
    --purple-0-hsl: 280 67% 96%;
    --purple-1-hsl: 287 77% 92%;
    --purple-2-hsl: 288 86% 86%;
    --purple-3-hsl: 289 85% 78%;
    --purple-4-hsl: 288 83% 71%;
    --purple-5-hsl: 288 75% 64%;
    --purple-6-hsl: 288 67% 58%;
    --purple-7-hsl: 288 56% 52%;
    --purple-8-hsl: 288 54% 46%;
    --purple-9-hsl: 288 54% 40%;
    --purple-10-hsl: 288 55% 33%;
    --purple-11-hsl: 288 56% 26%;
    --purple-12-hsl: 288 55% 20%;
    --violet-0-hsl: 252 100% 97%;
    --violet-1-hsl: 257 100% 93%;
    --violet-2-hsl: 256 100% 87%;
    --violet-3-hsl: 255 94% 79%;
    --violet-4-hsl: 255 93% 72%;
    --violet-5-hsl: 255 91% 67%;
    --violet-6-hsl: 255 86% 63%;
    --violet-7-hsl: 255 78% 60%;
    --violet-8-hsl: 255 67% 55%;
    --violet-9-hsl: 255 53% 50%;
    --violet-10-hsl: 255 53% 44%;
    --violet-11-hsl: 255 53% 37%;
    --violet-12-hsl: 255 53% 31%;
    --indigo-0-hsl: 223 100% 96%;
    --indigo-1-hsl: 225 100% 93%;
    --indigo-2-hsl: 228 100% 86%;
    --indigo-3-hsl: 228 100% 78%;
    --indigo-4-hsl: 228 96% 72%;
    --indigo-5-hsl: 228 94% 67%;
    --indigo-6-hsl: 228 89% 63%;
    --indigo-7-hsl: 228 81% 59%;
    --indigo-8-hsl: 228 69% 55%;
    --indigo-9-hsl: 230 57% 50%;
    --indigo-10-hsl: 230 57% 43%;
    --indigo-11-hsl: 230 57% 37%;
    --indigo-12-hsl: 230 57% 30%;
    --blue-0-hsl: 205 100% 95%;
    --blue-1-hsl: 206 100% 91%;
    --blue-2-hsl: 206 100% 82%;
    --blue-3-hsl: 206 96% 72%;
    --blue-4-hsl: 207 91% 64%;
    --blue-5-hsl: 207 86% 57%;
    --blue-6-hsl: 208 80% 52%;
    --blue-7-hsl: 208 77% 47%;
    --blue-8-hsl: 209 77% 43%;
    --blue-9-hsl: 209 75% 38%;
    --blue-10-hsl: 209 76% 32%;
    --blue-11-hsl: 209 75% 27%;
    --blue-12-hsl: 209 76% 21%;
    --cyan-0-hsl: 185 81% 94%;
    --cyan-1-hsl: 185 84% 88%;
    --cyan-2-hsl: 186 77% 77%;
    --cyan-3-hsl: 187 74% 65%;
    --cyan-4-hsl: 187 69% 55%;
    --cyan-5-hsl: 188 72% 47%;
    --cyan-6-hsl: 187 80% 42%;
    --cyan-7-hsl: 188 83% 37%;
    --cyan-8-hsl: 189 85% 32%;
    --cyan-9-hsl: 189 85% 28%;
    --cyan-10-hsl: 189 84% 23%;
    --cyan-11-hsl: 190 84% 17%;
    --cyan-12-hsl: 189 84% 12%;
    --teal-0-hsl: 161 79% 95%;
    --teal-1-hsl: 160 85% 87%;
    --teal-2-hsl: 162 78% 77%;
    --teal-3-hsl: 162 72% 65%;
    --teal-4-hsl: 162 68% 54%;
    --teal-5-hsl: 162 73% 46%;
    --teal-6-hsl: 162 82% 40%;
    --teal-7-hsl: 162 87% 35%;
    --teal-8-hsl: 162 88% 30%;
    --teal-9-hsl: 162 88% 26%;
    --teal-10-hsl: 162 89% 21%;
    --teal-11-hsl: 162 88% 16%;
    --teal-12-hsl: 163 89% 11%;
    --green-0-hsl: 131 67% 95%;
    --green-1-hsl: 128 76% 90%;
    --green-2-hsl: 128 71% 82%;
    --green-3-hsl: 129 68% 73%;
    --green-4-hsl: 130 61% 64%;
    --green-5-hsl: 130 57% 56%;
    --green-6-hsl: 131 50% 50%;
    --green-7-hsl: 131 53% 46%;
    --green-8-hsl: 131 54% 40%;
    --green-9-hsl: 132 52% 35%;
    --green-10-hsl: 132 52% 29%;
    --green-11-hsl: 132 53% 22%;
    --green-12-hsl: 131 53% 16%;
    --lime-0-hsl: 79 81% 94%;
    --lime-1-hsl: 80 83% 88%;
    --lime-2-hsl: 81 81% 80%;
    --lime-3-hsl: 82 75% 69%;
    --lime-4-hsl: 83 73% 59%;
    --lime-5-hsl: 84 69% 51%;
    --lime-6-hsl: 85 74% 45%;
    --lime-7-hsl: 85 79% 40%;
    --lime-8-hsl: 86 84% 36%;
    --lime-9-hsl: 85 84% 32%;
    --lime-10-hsl: 85 83% 26%;
    --lime-11-hsl: 85 83% 21%;
    --lime-12-hsl: 85 84% 15%;
    --yellow-0-hsl: 50 100% 93%;
    --yellow-1-hsl: 49 100% 87%;
    --yellow-2-hsl: 49 100% 80%;
    --yellow-3-hsl: 48 100% 70%;
    --yellow-4-hsl: 47 100% 62%;
    --yellow-5-hsl: 45 97% 54%;
    --yellow-6-hsl: 42 96% 50%;
    --yellow-7-hsl: 39 100% 48%;
    --yellow-8-hsl: 35 100% 47%;
    --yellow-9-hsl: 31 100% 45%;
    --yellow-10-hsl: 31 100% 35%;
    --yellow-11-hsl: 31 100% 25%;
    --yellow-12-hsl: 31 100% 20%;
    --orange-0-hsl: 34 100% 95%;
    --orange-1-hsl: 33 100% 90%;
    --orange-2-hsl: 33 100% 83%;
    --orange-3-hsl: 32 100% 74%;
    --orange-4-hsl: 31 100% 65%;
    --orange-5-hsl: 29 100% 58%;
    --orange-6-hsl: 27 98% 54%;
    --orange-7-hsl: 24 94% 50%;
    --orange-8-hsl: 21 90% 48%;
    --orange-9-hsl: 17 87% 45%;
    --orange-10-hsl: 17 87% 40%;
    --orange-11-hsl: 17 87% 32%;
    --orange-12-hsl: 17 87% 27%;
    --choco-0-hsl: 48 100% 93%;
    --choco-1-hsl: 35 91% 86%;
    --choco-2-hsl: 30 85% 79%;
    --choco-3-hsl: 27 80% 72%;
    --choco-4-hsl: 25 75% 65%;
    --choco-5-hsl: 25 71% 57%;
    --choco-6-hsl: 25 70% 49%;
    --choco-7-hsl: 25 75% 42%;
    --choco-8-hsl: 25 75% 37%;
    --choco-9-hsl: 25 76% 31%;
    --choco-10-hsl: 25 71% 26%;
    --choco-11-hsl: 25 66% 21%;
    --choco-12-hsl: 25 65% 15%;
    --brown-0-hsl: 36 60% 95%;
    --brown-1-hsl: 32 44% 87%;
    --brown-2-hsl: 28 40% 80%;
    --brown-3-hsl: 28 38% 72%;
    --brown-4-hsl: 27 36% 65%;
    --brown-5-hsl: 28 34% 57%;
    --brown-6-hsl: 28 32% 50%;
    --brown-7-hsl: 28 35% 43%;
    --brown-8-hsl: 28 38% 37%;
    --brown-9-hsl: 27 42% 31%;
    --brown-10-hsl: 25 48% 25%;
    --brown-11-hsl: 23 58% 19%;
    --brown-12-hsl: 22 57% 16%;
    --sand-0-hsl: 200 27% 98%;
    --sand-1-hsl: 48 17% 88%;
    --sand-2-hsl: 45 22% 79%;
    --sand-3-hsl: 44 22% 69%;
    --sand-4-hsl: 44 17% 62%;
    --sand-5-hsl: 44 14% 54%;
    --sand-6-hsl: 42 14% 46%;
    --sand-7-hsl: 43 16% 39%;
    --sand-8-hsl: 41 15% 32%;
    --sand-9-hsl: 43 14% 26%;
    --sand-10-hsl: 44 11% 20%;
    --sand-11-hsl: 60 6% 14%;
    --sand-12-hsl: 60 6% 7%;
    --camo-0-hsl: 66 71% 95%;
    --camo-1-hsl: 64 69% 77%;
    --camo-2-hsl: 65 69% 59%;
    --camo-3-hsl: 65 61% 51%;
    --camo-4-hsl: 63 61% 46%;
    --camo-5-hsl: 60 62% 41%;
    --camo-6-hsl: 59 65% 36%;
    --camo-7-hsl: 56 67% 33%;
    --camo-8-hsl: 54 70% 29%;
    --camo-9-hsl: 54 69% 25%;
    --camo-10-hsl: 53 69% 22%;
    --camo-11-hsl: 53 69% 18%;
    --camo-12-hsl: 52 69% 13%;
    --jungle-0-hsl: 74 98% 84%;
    --jungle-1-hsl: 74 79% 78%;
    --jungle-2-hsl: 74 68% 71%;
    --jungle-3-hsl: 75 62% 65%;
    --jungle-4-hsl: 74 56% 59%;
    --jungle-5-hsl: 74 53% 53%;
    --jungle-6-hsl: 74 55% 47%;
    --jungle-7-hsl: 74 66% 42%;
    --jungle-8-hsl: 74 79% 36%;
    --jungle-9-hsl: 73 90% 32%;
    --jungle-10-hsl: 73 91% 26%;
    --jungle-11-hsl: 73 91% 21%;
    --jungle-12-hsl: 73 90% 16%
}