jakevan/jvb-theme.git

parent: 75234a37 | patch | commit | ignore whitespace

=Base Styles overhaul. MAJOR NOTE: colour vars changed from hex codes to th...

Jake Vanderwerf

5 days ago 92e80666d516de64e488e04911c09e65a32e2a05

=Base Styles overhaul. MAJOR NOTE: colour vars changed from hex codes to the rgb numbers (ex: 0,0,0) - this makes setting colour opacity much easier throughout. Likely breaking for most existing themes though

13 files modified

	all.css	1386 ●●●●● patch \| view \| raw \| blame \| history
	allBackup.css	110 ●●●●● patch \| view \| raw \| blame \| history
	copy-hours.css	22 ●●●●● patch \| view \| raw \| blame \| history
	dash.css	32 ●●●●● patch \| view \| raw \| blame \| history
	dashBackup.css	14 ●●●●● patch \| view \| raw \| blame \| history
	feed.css	110 ●●●●● patch \| view \| raw \| blame \| history
	forms.css	46 ●●●●● patch \| view \| raw \| blame \| history
	formsBackup.css	74 ●●●●● patch \| view \| raw \| blame \| history
	nav.css	880 ●●●●● patch \| view \| raw \| blame \| history
	nav.min.css	2 ●●●●● patch \| view \| raw \| blame \| history
	navBackup.css	38 ●●●●● patch \| view \| raw \| blame \| history
	style.css	2 ●●●●● patch \| view \| raw \| blame \| history
	theme.json	201 ●●●●● patch \| view \| raw \| blame \| history

 all.css

@@ -79,51 +79,79 @@
    --mix-blend-mode: darken;
    --coverBlend: overlay;
    --coverIndex: 2;
    --light-0: #fafafa;
    --light-50: #fcfbfb;
    --light-100: #f1eded;
    --light-200: #e6dfdf;
    --light-rgb: 250,250,250;
    --dark-0: #201313;
    --dark-50: #261717;
    --dark-100: #2d1b1b;
    --dark-200: #331e1e;
    --dark-rgb: 16,4,4;
    --action-0: #B7332E;
    --action-50: #a32d29;
    --action-100: #8e2824;
    --action-200: #7a221f;
    --action-contrast: var(--light-0);
    --action-rgb: 183,51,46;
    --secondary-0: #E8A737;
    --secondary-50: #e59d20;
    --secondary-100: #d48f18;
    --secondary-200: #bd7f16;
    --secondary-contrast: var(--light-0);
    --secondary-rgb: 232,167,55;
    --light-0: 239,239,239;     /* #efefef; */
    --light-50: 226,226,226;    /* #e2e2e2; */
    --light-100: 213,213,213;   /* #d5d5d5; */
    --light-200: 201,201,201;   /* #c9c9c9; */

    --success: #22C55E;
    --successBack: #d4edda;
    --successText:#155724;
    --warning: #E8A737;
    --error: #EF4444;
    --errorBack: #f8d7da;
    --errorText: #721c24;
    --dark-0: 21,21,21;         /* #151515; */
    --dark-50: 34,34,34;        /* #222222; */
    --dark-100: 46,46,46;       /* #2e2e2e; */
    --dark-200: 59,59,59;       /* #3b3b3b; */

    --action-0: 255,0,128;      /* #ff0080; */
    --action-50: 255,38,146;    /* #ff2492; */
    --action-100: 255,71,164;   /* #ff47a4; */
    --action-200: 255,107,181;  /* #ff6bb5; */
    --action-contrast: var(--light-0);

        --action-comp: oklch(from rgb(var(--action-0)) .8 .26 h);
        --action-tri: oklch(from rgb(var(--action-0)) .82 .2 calc(h - 120));
        --action-mono: oklch(from rgb(var(--action-0)) .3 .04 h);
    --secondary-0: 214,145,33;  /* #D69121; */
    --secondary-50: 255,196,33; /* #ffc421; */
    --secondary-100: 255,205,68;/* #ffcd44; */
    --secondary-200: 255,215,104;/* #ffd768; */
    --secondary-contrast: var(--light-0);
        --secondary-comp: oklch(from rgb(var(--secondary-0)) .8 .26 h);
        --secondary-tri: oklch(from rgb(var(--secondary-0)) .82 .2 calc(h - 120));
        --secondary-mono: oklch(from rgb(var(--secondary-0)) .3 .04 h);

    --success: 76,175,80;           /* #4CAF50; */
    --successLight: 234,246,235;    /* #eaf6eb; */
    --successDark: 14,33,15;        /* #0e210f; */
    --successBack: var(--successLight);
    --successText: var(--successDark);
    --warning: 232,167,55;      /* #E8A737; */
    --warningLight: 253,247,238;/* #fdf7ee; */
    --warningDark: 52,35,6;     /* #342306; */
    --warningBack: var(--warningLight);
    --warningText: var(--warningDark);
    --error: 183,51,46;         /* #B7332E; */
    --errorLight: 250,235,234;  /* #faebea; */
    --errorDark: 40,11,10;      /* #280b0a; */
    --errorBack: var(--errorLight);
    --errorText: var(--errorDark);

    --base: var(--light-0);
    --base-50: var(--light-50);
    --base-100: var(--light-100);
    --base-200: var(--light-200);
    --base-rgb: var(--light-rgb);

    --contrast: var(--dark-0);
    --contrast-50: var(--dark-50);
    --contrast-100: var(--dark-100);
    --contrast-200: var(--dark-200);
    --contrast-rgb: var(--dark-rgb);

    --shimmer: rgba(var(--dark-rgb),0) 0%,
    rgba(var(--dark-rgb),.05) 50%,
    rgba(var(--dark-rgb),0) 100%;


    --contrast-comp: oklch(from rgb(var(--contrast)) .8 .26 h);
    --contrast-tri: oklch(from rgb(var(--contrast)) .82 .2 calc(h - 120));
    --contrast-mono: oklch(from rgb(var(--contrast)) .3 .04 h);
    --base-comp: oklch(from rgb(var(--base)) .8 .26 h);
    --base-tri: oklch(from rgb(var(--base)) .82 .2 calc(h - 120));
    --base-mono: oklch(from rgb(var(--base)) .3 .04 h);


    --tone-a: rgb(var(--contrast));
    --tone-b: rgb(var(--base));

    --duo-dark: oklch(from var(--tone-a) .22 c h);
    --duo-light: oklch(from var(--tone-b) .78 c h);

    --shimmer: rgba(var(--contrast),0) 0%,
    rgba(var(--contrast),.05) 50%,
    rgba(var(--contrast),0) 100%;

    --op-1: .05;
    --op-2: .15;
@@ -196,10 +224,10 @@
    Scrollbar
    *****************************/
    --sb-width: 8px;
    --sb-track: var(--base-100);
    --sb-thumb: var(--action-0);
    --sb-thumb-hover: var(--action-50);
    --sb-thumb-border: 2px solid var(--base-50);
    --sb-track: rgb(var(--base-100));
    --sb-thumb: rgb(var(--action-0));
    --sb-thumb-hover: rgb(var(--action-50));
    --sb-thumb-border: 2px solid rgb(var(--base-50));
    --sb-radius: 4px;

    --details: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="%232b1a0d" viewBox="0 0 256 256"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg>');
@@ -215,34 +243,37 @@
    --coverBlend: multiply;
    --coverIndex: 0;

    --action-50: #cb3933;
    --action-100: #d14c47;
    --action-200: #d6605c;
    --action-50: 219,0,110;     /* #db006e; */
    --action-100: 184,0.92;     /* #b8005c; */
    --action-200: 148,0,74;     /* #94004a; */

    --secondary-50: #ebb14e;
    --secondary-100: #edbb65;
    --secondary-200: #f0c57c;
    --secondary-50: 216,159,0;  /* #d89f00; */
    --secondary-100: 181,133,0; /* #b58500; */
    --secondary-200: 145,106,0; /* #916a00; */

    --contrast: var(--light-0);
    --contrast-50: var(--light-50);
    --contrast-100: var(--light-100);
    --contrast-200: var(--light-200);
    --contrast-rgb: var(--light-rgb);
    --contrast: var(--light-rgb);

    --base: var(--dark-0);
    --base-50: var(--dark-50);
    --base-100: var(--dark-100);
    --base-200: var(--dark-200);
    --base-rgb: var(--dark-rgb);
    --base: var(--dark-rgb);

    --successBack: #155724;
    --successText:#d4edda;
    --errorBack: #721c24;
    --errorText: #f8d7da;

    --shimmer: rgba(var(--c),0) 0%,
    rgba(var(--c),.05) 50%,
    rgba(var(--c),0) 100%;
    --successBack: var(--successDark);
    --successText: var(--successLight);
    --warningBack: var(--warningDark);
    --warningText: var(--warningLight);
    --errorBack: var(--errorDark);
    --errorText: var(--errorLight);

    --shimmer: rgba(var(--light-0),0) 0%,
    rgba(var(--light-0),.05) 50%,
    rgba(var(--light-0),0) 100%;
}
/* https://frontendmasters.com/blog/the-coyier-css-starter/ */
@layer reset {
@@ -352,6 +383,9 @@
    figcaption {
        contain: inline-size;
        font-size: 90%;
        background-color: rgba(var(--base),var(--op-3));
        text-align: center;
        font-style: italic;
    }

    input,
@@ -426,13 +460,70 @@
        padding: 1.5rem;
    }

    hr.logo::after,
    hr {
        --margin: 12.5%; /* Half of the remaining 25% */
        --baseWidth: 75%;
        border-style: solid;
        border-width: 1px 0 0;
        border-color: rgb(var(--contrast));
        color: inherit;
        height: 0;
        height: 1px;
        overflow: visible;
        margin-block: 2.5rem;
        width: var(--baseWidth);
    }

    hr.logo {
        --width: calc((rgb(var(--baseWidth)) / 2) - var(--half));
        --half: calc(var(--btn) / 2);
        width: var(--width);
        position: relative;
        margin-left: var(--margin);
    }
        hr.logo::before {
            content: '';
            --circ: calc(var(--btn) + (var(--btn) / 2));
            --rad: calc(var(--circ) / 2);
            background-color: rgb(var(--contrast-100));
            mask-image: var(--icon);
            -webkit-mask-image: var(--icon);
            mask-size: var(--btn);
            -webkit-mask-size: contain;
            mask-repeat: no-repeat;
            -webkit-mask-repeat: no-repeat;
            mask-position: center;
            -webkit-mask-position: center;
            display: block;
            width: var(--circ);
            height: var(--circ);
            position: absolute;
            border-radius: 50%;
            right: calc(-1 * (var(--circ)));
            top: 0;
            transform: translateY(-50%);

        }
    hr.logo::after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        transform: translateY(050%);
        background-color: rgb(var(--contrast));
        height: 1px;
        right: calc((100% + var(--btn_) + 1rem) * -1);
        margin: 0;
    }
    hr.dots {
        border-color: transparent;
        display:flex;
    }
    hr.dots::before {
        content: '.\2003.\2003.';
        margin: 0 auto;
    }

    :target {
@@ -518,8 +609,8 @@
BASE
*************************************************************/
body {
    background-color: var(--base-50);
    color: var(--contrast);
    background-color: rgb(var(--base-50));
    color: rgb(var(--contrast));
    margin: 0;
    font-family: var(--body);
    font-weight: var(--fw-b);
@@ -558,19 +649,23 @@
/*}*/

main {
    --gapNarrow: calc((var(--content) - var(--narrow)) / 2);
    --gapContent: calc((var(--wider) - var(--content)) / 2);
    --gapWide: calc((var(--wide) - var(--wider)) / 2);

    display: grid;
    grid-template-columns:
        [full-start] minmax(1rem, 1fr)
        [wide-start] minmax(0, calc((100% - var(--content)) / 2))
        [wider-start] minmax(0, calc((var(--wide) - var(--wider)) / 2))
        [content-start] minmax(0, calc((var(--wider) - var(--content)) / 2))
        [narrow-start] min(100% - 2rem, var(--narrow)) [narrow-end]
        minmax(0, calc((var(--content) - var(--narrow)) / 2)) [content-end]
        minmax(0, calc((var(--wider) - var(--content)) / 2)) [wider-end]
        minmax(0, calc((var(--wide) - var(--wider)) / 2)) [wide-end]
        minmax(0, calc((100% - var(--content)) / 2))
        minmax(1rem, 1fr) [full-end];
        [wide-start] minmax(0, var(--gapWide))
        [wider-start] minmax(0, var(--gapContent))
        [content-start] minmax(0, var(--gapNarrow))
        [narrow-start] min(calc(100% - 2rem), var(--narrow)) [narrow-end]
            minmax(0, var(--gapNarrow)) [content-end]
            minmax(0, var(--gapContent)) [wider-end]
            minmax(0, var(--gapWide)) [wide-end]
            minmax(1rem, 1fr) [full-end];
    min-height: var(--maxHeight);
    grid-auto-rows: max-content;
}
main > * {
    grid-column: content;
@@ -584,8 +679,13 @@
    max-width: var(--content);
    margin: var(--sp1) auto;
}
main > section > ul {
ul {
    max-width: var(--narrow);
    margin: 1rem auto 1rem 3rem;
}
ul ul {
    padding: .25rem 0 .25rem 1rem;
    margin: 0;
}

/* Nested items can use any width */
@@ -599,10 +699,12 @@

main .align-wider {
    grid-column: wider;
    width: 100%;
}

main .align-wide {
    grid-column: wide;
    width: 100%;
}

main .align-full {
@@ -620,8 +722,8 @@
    position: sticky;
    top: 0;
    z-index: var(--z-8);
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw-down);
    background-color: rgb(var(--base));
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw-down);
    transition: top var(--trans-base);
}
header a[rel="home"] {
@@ -629,6 +731,7 @@
    align-items: center;
    max-height:var(--btn);
    overflow:hidden;
    margin: 0 auto;
}
.scroll-progress {
    position: absolute;
@@ -639,7 +742,7 @@
    align-items: center;
    pointer-events: none;
    z-index: var(--z-3);
    background-color: var(--base-200);
    background-color: rgb(var(--base-200));
    overflow: hidden;
}

@@ -648,13 +751,13 @@
    height: 1px;
    transform-origin: left center;
    transform: scaleX(0);
    background: var(--action-0);
    background: rgb(var(--action-0));
}

footer {
    padding: 1rem;
    background-color: var(--base);
    color: var(--contrast-200);
    background-color: rgb(var(--base));
    color: rgb(var(--contrast-200));
    text-align: center;
    margin: 4rem 0 0;
    position: relative;
@@ -675,8 +778,8 @@
*:target {
    scroll-snap-margin-top: var(--btnbtn);
    scroll-margin-top: var(--btnbtn);
    outline: double var(--action-200);
    background-color: var(--base);
    outline: double rgb(var(--action-200));
    background-color: rgb(var(--base));
}

/***********************
@@ -687,7 +790,7 @@
    padding: 0 1rem;
    font-size: var(--txt-x-small);
    z-index: var(--z-7);
    background-color: var(--base-50);
    background-color: rgb(var(--base-50));
}
aside.header {
    height: var(--chip_);
@@ -699,9 +802,9 @@
}
aside.footer {
    --dir: column;
    background-color:var(--base-50);
    background-color:rgb(var(--base-50));
    padding: 1rem;
    border-top: 1px solid var(--base-200);
    border-top: 1px solid rgb(var(--base-200));
}
aside.footer + footer {
    margin-top: 0;
@@ -738,6 +841,10 @@
:is(h1,h2,h3,h4,h5,h6), p {
    width: 100%;
}
    .group :is(h1,h2,h3,h4,h5,h6), p {
        width: max-content;
        max-width: 100%;
    }

:is(h1, h2, h3, h4, h5, h6) :is(b, strong) {
    font-weight: var(--fw-h-bold);
@@ -794,6 +901,23 @@
p {
    line-height: 1.6;
}
    .drop-cap::first-letter {
        font-family: var(--heading);
        font-size: var(--btn);
        line-height: 1;
        background-color: rgb(var(--action-0));
        color: rgb(var(--action-contrast));
        float: left;
        font-weight: var(--fw-h-bold);
        margin: 0.1em 0.1em 0.2em 0;
        padding: 0.1em;
    }
    :not(.row >) p:has(+p) {
        margin-bottom: 0;
    }
    :not(.row >) p + p {
        margin-top: 0;
    }

.hint {
    line-height: 1.2;
@@ -801,28 +925,43 @@
    font-size: var(--txt-small);
}

mark {
    background-color: rgba(var(--action-0), var(--op-45))!important;
    color: rgb(var(--action-contrast))!important;
    border-top-left-radius: .5em;
    border-bottom-right-radius: .5em;
    padding: 0 .5em;
    corner-shape: bevel;
}

/******************************************************
LINKS
******************************************************/
a {
    color: var(--action-0);
    color: rgb(var(--action-0));
    border-radius: 4px;
    padding: .125rem;
}
    a:visited {
        color: var(--action-100);
        color: rgb(var(--action-100));
    }
    a:hover,
    a:visited:hover {
        color: var(--contrast-50);
        color: rgb(var(--contrast-50));
        text-decoration: none;
    }

    :is(p, li, h1,h2,h3,h4,h5,h6, small) a:hover {
        color: var(--action-contrast);
        background-color: var(--action-0);
        background-color: rgb(var(--action-0));
    }

    a.logo {
        display: inline-flex;
    }
    .logo img {
        max-width: 150px;
    }
/*****************************************************
ICONS
*****************************************************/
@@ -880,6 +1019,39 @@
    ul.terms li {
        list-style: none;
    }

.term-list.cloud {
    display: flex;
    gap: .25rem;
    margin: var(--sp2) auto;
}
    .term-list.cloud a {
        border-radius: var(--radius);
        background-color: transparent;
        color: rgb(var(--action-0));
        border: 2px solid rgb(var(--action-0));
        padding: 4px 8px;
        position: relative;
    }
        .term-list.cloud a:hover,
        .term-list.cloud a:focus {
            color: var(--action-contrast);
            background-color: rgb(var(--action-0));
        }
        .term-list a:has(.count) {
            padding-right: 1rem;
        }
        .term-list .count {
            position: absolute;
            top: .25rem;
            right: .25rem;
            /*border-radius: 50%;*/
            /*aspect-ratio: 1;*/
            font-size: var(--txt-small);
            /*background-color: rgb(var(--action-0));*/
            /*color: var(--action-contrast);*/
        }

.term-list li {
    list-style: none;
}
@@ -890,14 +1062,19 @@
/******************************************************
UTILITY
******************************************************/
.rounded { border-radius: var(--radius-outer); }
.font-small { font-size: var(--txt-x-small); }
.font-medium { font-size: var(--txt-medium); }
.font-large { font-size: var(--txt-large); }
.font-x-large { font-size: var(--txt-x-large); }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.align-center { text-align: center; margin: 0 auto;}
.align-left { text-align: left; margin: 0 auto 0 0;}
.align-right { text-align: right; margin: 0 0 0 auto;}


*[hidden] { display: none!important; }

@@ -905,6 +1082,8 @@
    .hide-small { display: none; }
}

.width-33,
.width-66,
.width-50,
.width-25,
.width-75 {
@@ -916,13 +1095,19 @@
}
@media (min-width: 768px){
    .width-50 {
        width: calc(50% - .3em);
        max-width: 50%;
    }
    .width-25 {
        width: calc(25% - .3em);
        max-width: 25%;
    }
    .width-75 {
        width: calc(75% - .3em);
        max-width: 75%;
    }
    .width-33 {
        max-width: 33.333%;
    }
    .width-66 {
        max-width: 66.666%
    }
}
/** SPACING TODO: maybe scan our files for which we actually use? **/
@@ -1034,7 +1219,183 @@
.ml-7 { margin-left: var(--sp7); }
.mb-7 { margin-bottom: var(--sp7); }

/******************************************************
COLORS
******************************************************/
.base {
    --color: rgb(var(--base));
}
    .base-50 {
        --color: rgb(var(--base-50));
    }
    .base-100 {
        --color: rgb(var(--base-100));
    }
    .base-200 {
        --color: rgb(var(--base-200));
    }
.contrast {
    --color: rgb(var(--contrast));
}
    .contrast-50 {
        --color: rgb(var(--contrast-50));
    }
    .contrast-100 {
        --color: rgb(var(--contrast-100));
    }
    .contrast-200 {
        --color: rgb(var(--contrast-200));
    }
.action {
    --color: rgb(var(--action-0));
}
    .action-50 {
        --color: rgb(var(--action-50));
    }
    .action-100 {
        --color: rgb(var(--action-100));
    }
    .action-200 {
        --color: rgb(var(--action-200));
    }
    .action-comp {
        --color: oklch(from rgb(var(--action-0)) l c calc(h + 180));
    }
    .action-tri {
        --color: oklch(from rgb(var(--action-0)) .82 .2 calc(h - 120));
    }
    .action-tri-alt {
        --color: oklch(from rgb(var(--action-0)) .82 .2 calc(h + 120));
    }
.secondary {
    --color: rgb(var(--secondary-0));
}
    .secondary-50 {
        --color: rgb(var(--secondary-50));
    }
    .secondary-100 {
        --color: rgb(var(--secondary-100));
    }
    .secondary-200 {
        --color: rgb(var(--secondary-200));
    }
    .secondary-comp {
        --color: oklch(from rgb(var(--secondary-0)) l c calc(h + 180));
    }
    .secondary-tri {
        --color: oklch(from rgb(var(--secondary-0)) .82 .2 calc(h - 120));
    }
    .secondary-tri-alt {
        --color: oklch(from rgb(var(--secondary-0)) .82 .2 calc(h + 120));
    }
.hvr-bck:hover,
.hvr-bck:focus,
.bck {
    background-color: var(--color);
}
    .bck:not(.overlay).op-1 {
        background-color: rgba(var(--color), var(--op-1));
    }
    .bck:not(.overlay).op-2 {
        background-color: rgba(var(--color), var(--op-2));
    }
    .bck:not(.overlay).op-3 {
        background-color: rgba(var(--color), var(--op-3));
    }
    .bck:not(.overlay).op-4 {
        background-color: rgba(var(--color), var(--op-4));
    }
    .bck:not(.overlay).op-45 {
        background-color: rgba(var(--color), var(--op-45));
    }
    .bck:not(.overlay).op-5 {
        background-color: rgba(var(--color), var(--op-5));
    }
    .bck:not(.overlay).op-6 {
        background-color: rgba(var(--color), var(--op-6));
    }
.hvr-clr:hover,
.hvr-clr:focus,
.clr {
    color: var(--color);
}
.hvr-brdr:hover,
.hvr-brdr:focus,
.brdr {
    border-color: var(--color);
}

/******************************************************************
DUOTONE
*****************************************************************//******************************************************************/
.duotone {
    isolation: isolate;
    position: relative;
    overflow: hidden;
    background: rgb(var(--contrast));
}

.cover img,
.cover video,
.duotone img,
.duotone video {
    filter: grayscale(1) sepia(1) contrast(1.1) brightness(1.05);
    mix-blend-mode: multiply;
    z-index: 1;
    position: relative;
}
    /*.duotone::after,*/
    .duotone::before {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 2;
    }
    .duotone::before {
        mix-blend-mode: color;
        background-color: var(--duo-dark);
        opacity: var(--op-5);
        /*z-index: 1;*/
    }
    .duotone:not(.cover)::after {
        mix-blend-mode: screen;
        background-color: var(--duo-light);
        /*z-index: 2;*/
    }


    .duotone.action {
        --tone-a: rgb(var(--action-0));
        --duo-dark: oklch(from rgb(var(--base)) .18 .02 h);
        --duo-light: oklch(from rgb(var(--action-0)) .72 .28 h);
    }

    .duotone.secondary {
        --tone-a: rgb(var(--secondary-0));
        --duo-dark: oklch(from rgb(var(--base)) .2 .03 h);
        --duo-light: oklch(from rgb(var(--secondary-0)) .82 .18 h);
    }

    .duotone.complement {
        --duo-dark: oklch(from var(--tone-a) .22 .08 calc(h + 180));
        --duo-light: oklch(from var(--tone-a) .8 .26 h);
    }
    .duotone.triadic {
        --duo-dark: oklch(from var(--tone-a) .24 .1 calc(h + 120));
        --duo-light: oklch(from var(--tone-a) .82 .2 calc(h - 120));
    }
    .duotone.monochrome  {
        --duo-dark: oklch(from var(--tone-a) .3 .04 h);
        --duo-light: oklch(from var(--tone-a) .88 .08 h);
    }
    .duotone.film {
        --duo-dark: oklch(from var(--tone-a) .35 .1 h);
        --duo-light: oklch(from var(--dark-0) .96 .02 h);
    }


/******************************************************************//******************************************************************
LAYOUT UTILITIES
******************************************************************/
/** Buttons **/
@@ -1053,8 +1414,9 @@
aside.header,
aside.footer,
/** Defaults, of course **/
.row,
.col {

.row.row,
.col.col {
    display: flex;
    justify-content: var(--justify);
    align-items: var(--align);
@@ -1065,12 +1427,16 @@
    --justify: center;
    --gap: .5rem;
    --wrap: wrap;
    width: 100%;
}
.stretch.stretch > * {
    flex: 1;
}

.col { --dir: column; }
.row { --dir: row; }
.col.rev { --dir: column-reverse; }
.row.rev { --dir: row-reverse; }
.col.col { --dir: column; }
.row.row { --dir: row; }
.col.col.rev.rev { --dir: column-reverse; }
.row.row.rev.rev { --dir: row-reverse; }

.nowrap.nowrap { --wrap: nowrap; }
.nowrap.nowrap.stack-small { --wrap: wrap;}
@@ -1078,24 +1444,35 @@
    .nowrap.nowrap.stack-small { --wrap: nowrap;}
}

.col.start,
.row.a-start { --align: flex-start; }
.col.end,
.row.a-end { --align: flex-end; }
.row.row.top,
.col.col.left { --align: flex-start; }
.col.col.top,
.row.row.left { --justify: flex-start; }

.col.a-start,
.row.start { --justify: flex-start; }
.col.a-end,
.row.end { --justify: flex-end; }
.row.row.btm,
.col.col.right { --align: flex-end; }
.col.col.btm,
.row.row.right { --justify: flex-end; }

.col.btw,
.row.btw {
    --justify: space-between;
    width: 100%;
}
.row.row.x-mid,
.col.col.y-mid { --justify: center; }
.row.row.y-mid,
.col.col.x-mid { --align: center; }

.col.even,
.row.even { --justify: space-evenly; }
.row.row.x-btw,
.col.col.y-btw { --justify: space-between; }
.row.row.y-btw,
.col.col.x-btw { --align: space-between; }

.row.row.x-even,
.col.col.y-even { --justify: space-evenly; }
.row.row.y-even,
.col.col.x-even { --align: space-evenly; }

.row.row.x-around,
.col.col.y-around { --justify: space-around; }
.row.row.y-around,
.col.col.x-around { --align: space-around; }

/*************************************************
POSITION UTILITIES
@@ -1137,14 +1514,14 @@
    position: relative;
    width: var(--chipchip);
    height: var(--chip);
    background-color: var(--base-200);
    background-color: rgb(var(--base-200));
    border-radius: .75rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 4px solid transparent;
    box-shadow: 0 0 .25rem 0 rgba(var(--contrast-rgb), .125) inset;
    box-shadow: 0 0 .25rem 0 rgba(var(--contrast), .125) inset;
    cursor: pointer;
    margin: 5px;
    transition: var(--trans-color);
@@ -1157,18 +1534,18 @@
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--base);
        background-color: rgb(var(--base));
        transform: translateX(-1.5rem); /* NOTE: Tied to half of the width defined above */
        border-radius: .75rem;
        transition: var(--trans-transform);
        box-shadow: 0 0 .25rem 3px rgba(var(--contrast-rgb), .125);
        box-shadow: 0 0 .25rem 3px rgba(var(--contrast), .125);
    }
    .switch :checked ~ .slider::before {
        transform: translateX(1.5rem);
        box-shadow: 0 0 .25rem 3px rgba(var(--base-rgb), .25);
        box-shadow: 0 0 .25rem 3px rgba(var(--base), .25);
    }
    .switch :checked ~ .slider {
        background-color: var(--action-0);
        background-color: rgb(var(--action-0));
    }

    .switch :active ~ .slider::before {
@@ -1203,7 +1580,7 @@
    margin-top: 0;
}
:not(:checked) ~ .slider .icon-sun-dim {
    color: var(--action-0);
    color: rgb(var(--action-0));
}

/************************************************
@@ -1216,11 +1593,15 @@
    grid-template-columns: var(--columns);
    gap: 10px;
}
.item-grid:empty {
    display: none;
}
    .no-results,
    .item-grid .empty {
        height: 15vh;
        background-color: var(--base-50);
        background-color: rgb(var(--base-50));
        border-radius: var(--radius);
        border: 2px dashed var(--base-200);
        border: 2px dashed rgb(var(--base-200));
        font-style: italic;
    }
    .item-grid.stats {
@@ -1231,6 +1612,30 @@
            --width: 250px;
            --columns: repeat(auto-fill, minmax(var(--width), 1fr));
        }
        .item-grid.split-2 {
            --columns: repeat(2, 1fr);
        }
        .item-grid.split-3 {
            --columns: repeat(3, 1fr);
        }
        .item-grid.split-4 {
            --columns: repeat(4, 1fr);
        }
        .item-grid.split-5 {
            --columns: repeat(5, 1fr);
        }
        .item-grid.split-6 {
            --columns: repeat(6, 1fr);
        }
        .item-grid.split-7 {
            --columns: repeat(7, 1fr);
        }
        .item-grid.split-8 {
            --columns: repeat(8, 1fr);
        }
        .item-grid.split-9 {
            --columns: repeat(9, 1fr);
        }
    }

.item-grid .item {
@@ -1280,7 +1685,7 @@
        padding: 1rem 0;
    }
    .list-view .item:nth-of-type(even) {
        background-color: var(--base);
        background-color: rgb(var(--base));
    }
    .list-view img {
        width: 20%;
@@ -1299,8 +1704,8 @@
    text-align: center;
    margin: 1rem auto;
    max-width: 66%;
    background-color: var(--base-100);
    border: 2px dashed var(--base-50);
    background-color: rgb(var(--base-100));
    border: 2px dashed rgb(var(--base-50));
    padding: 1rem;
}

@@ -1310,10 +1715,11 @@
table {
    white-space: nowrap;
    width: 100%;
    display: block;
    display: table;
    margin: 0 0 2rem;
    border-radius: 4px;
    height: var(--maxHeight);
    height: min(100%, var(--maxHeight));
    color: rgb(var(--contrast));
    overflow: auto;
    position: relative;
}
@@ -1321,7 +1727,7 @@
thead,tfoot {
    position: sticky;
    z-index: 10;
    background-color: var(--base);
    background-color: rgb(var(--base));
    text-transform: uppercase;
    padding: .5rem 0;
    line-height: 2;
@@ -1329,7 +1735,7 @@
}

tr:nth-of-type(even){
    background-color: var(--base-200);
    background-color: rgb(var(--base-200));
}

tfoot th {
@@ -1341,16 +1747,16 @@
}

thead tr, tfoot tr {
    background-color: rgba(var(--base-rgb),var(--op-6));
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    background-color: rgba(var(--base),var(--op-6));
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

thead tr {
    border-bottom: 1px solid var(--contrast-200);
    border-bottom: 1px solid rgb(var(--contrast-200));
}

tfoot tr {
    border-top: 1px solid var(--contrast-200);
    border-top: 1px solid rgb(var(--contrast-200));
}

thead {
@@ -1403,16 +1809,16 @@
}

tbody tr:focus-within {
    background-color: var(--base-100);
    border-color: var(--action-50)
    background-color: rgb(var(--base-100));
    border-color: rgb(var(--action-50))
}

[data-stuck] {
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    position: sticky;
    left: -1rem;
    z-index: 15;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-subtle-right);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-subtle-right);
}

tbody [data-stuck] {
@@ -1421,9 +1827,12 @@

thead [data-stuck],
tfoot [data-stuck] {
    background: var(--base);
    background: rgb(var(--base));
}

figure:has(table) {
    width: 100%;
    height: max-content;
}
/***********************************************
BUTTONS
***********************************************/
@@ -1440,9 +1849,9 @@
    width: fit-content;
    text-transform: uppercase;
    text-decoration: none;
    background-color: var(--base-100);
    color: var(--contrast-50);
    border: 1px solid var(--base-200);
    background-color: rgb(var(--base-100));
    color: rgb(var(--contrast-50));
    border: 1px solid rgb(var(--base-200));
    border-radius: var(--radius);
    padding: .25rem 1rem;
    font-family: var(--heading);
@@ -1451,14 +1860,26 @@
    min-height: var(--btn);
    display: inline-flex;
    position: relative;
    box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
    box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
}
    .btn.chip {
        min-height: var(--chip);
    }
    .buttons.left a {
        --justify: flex-start;
    }
    .buttons.right a {
        --justify: flex-end;
    }
    .buttons.x-btw a {
        --justify: space-between;
    }
button.outline,
[type=submit].outline,
a.btn.outline,
.filters .btn + label,
.buttons .outline a {
    --color: var(--contrast);
    --color: rgb(var(--contrast));
    background-color: transparent;
    color: var(--color);
    border: 1px solid var(--color);
@@ -1479,7 +1900,7 @@
.buttons a:hover,
.buttons a:visited:hover,
.buttons a:focus {
    background-color: var(--action-0);
    background-color: rgb(var(--action-0));
    color: var(--action-contrast);
    box-shadow: var(--shdw-none);
}
@@ -1496,9 +1917,9 @@
    .buttons .outline a:hover,
    .buttons .outline a:visited:hover,
    .buttons .outline a:focus {
        background-color: var(--action-0);
        background-color: rgb(var(--action-0));
        color: var(--action-contrast);
        border-color: var(--action-0);
        border-color: rgb(var(--action-0));
    }

button:disabled,
@@ -1512,8 +1933,8 @@
.btn:disabled:focus + label {
    opacity: .5;
    cursor: not-allowed;
    background-color: var(--base-200);
    color: var(--contrast-200);
    background-color: rgb(var(--base-200));
    color: rgb(var(--contrast-200));
}

[type=submit] {
@@ -1525,13 +1946,13 @@
    min-height:var(--chip);
}
.filters .btn + label {
    background-color: var(--base-100);
    border: 1px solid var(--base-200);
    color: var(--contrast-200);
    background-color: rgb(var(--base-100));
    border: 1px solid rgb(var(--base-200));
    color: rgb(var(--contrast-200));
}
    .filters .btn:checked + label {
        border-color: var(--contrast);
        color: var(--contrast);
        border-color: rgb(var(--contrast));
        color: rgb(var(--contrast));
    }

/**** WP BLOCK BUTTONS ****/
@@ -1578,9 +1999,9 @@
button.sticky {
    width: var(--btn);
    height: var(--btn);
    background-color: rgba(var(--base-rgb),var(--op-4));
    color: var(--contrast);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    background-color: rgba(var(--base),var(--op-4));
    color: rgb(var(--contrast));
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    transition: var(--trans-size), var(--trans-color);
}
    .main-actions .buttons button:hover,
@@ -1589,7 +2010,7 @@
    a.sticky:focus,
    button.sticky:hover,
    button.sticky:focus {
        background-color: rgba(var(--action-rgb),var(--op-6));
        background-color: rgba(var(--action-0),var(--op-6));
        color: var(--action-contrast);
    }
        .main-actions .buttons button:disabled,
@@ -1599,8 +2020,8 @@
        button.sticky:disabled:hover,
        button.sticky:disabled:focus {
            opacity: .5;
            background-color: rgba(var(--base-rgb),var(--op-3));
            color: var(--contrast);
            background-color: rgba(var(--base),var(--op-3));
            color: rgb(var(--contrast));
        }

    .qtoggle {
@@ -1610,16 +2031,16 @@
    .main .m-actions .refresh {
        width: var(--btn);
        border-radius: 0;
        background-color: var(--base-50);
        color: var(--contrast);
        background-color: rgb(var(--base-50));
        color: rgb(var(--contrast));
    }
        .main .m-actions .refresh:hover,
        .main .m-actions .refresh:focus {
            background-color: var(--action-0);
            background-color: rgb(var(--action-0));
            color: var(--action-contrast);
        }
        .main .refresh .indicator {
            background-color: rgba(var(--base-rgb), var(--op-3));
            background-color: rgba(var(--base), var(--op-3));
            top: 0;
            right: 0;
            height: 1.1em;
@@ -1677,9 +2098,9 @@
input[type=radio]:focus-visible + label,
input:focus,
input:focus-within {
    outline: 2px solid var(--action-0) !important;
    outline: 2px solid rgb(var(--action-0)) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(var(--action-rgb), var(--op-3))!important;
    box-shadow: 0 0 0 4px rgba(var(--action-0), var(--op-3))!important;
}

[aria-busy="true"] {
@@ -1740,7 +2161,7 @@
    [type=radio]:focus + label,
    [type=checkbox] + label:hover,
    [type=checkbox]:focus + label {
        color: var(--action-0);
        color: rgb(var(--action-0));
    }

    [type=radio] + label::before,
@@ -1772,7 +2193,7 @@
            left: .3em;
            width: .75rem;
            height: .75rem;
            border: 2px solid var(--contrast-200);
            border: 2px solid rgb(var(--contrast-200));
            background-color: transparent;
            border-radius: var(--radius);
        }
@@ -1781,16 +2202,16 @@
            }

        [type=checkbox]:checked + label::before {
            background-color: var(--action-0);
            border-color: var(--base-50);
            background-color: rgb(var(--action-0));
            border-color: rgb(var(--base-50));
        }
        [type=checkbox]:checked + label::after {
            display: block;
        }

        [type=radio]:checked + label::before {
            background-color: var(--action-0);
            box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw-inset);
            background-color: rgb(var(--action-0));
            box-shadow: rgba(var(--base), var(--op-45)) var(--shdw-inset);
        }
/** Button checkboxes and radios **/
input.btn + label::before,
@@ -1806,13 +2227,13 @@
         [type=datetime-local], [type=time]) {
    font-family: var(--body);
    font-size: var(--txt-medium);
    color: var(--contrast);
    color: rgb(var(--contrast));
    padding: var(--p-y) var(--p-x);
    border-radius: var(--radius);
    background-color: var(--base);
    background-color: rgb(var(--base));
    outline: 0;
    border: 1px solid var(--base-100);
    border-bottom: 2px solid var(--contrast-200);
    border: 1px solid rgb(var(--base-100));
    border-bottom: 2px solid rgb(var(--contrast-200));
    width: 100%;
    max-width: 100%;
    margin: 0 4px;
@@ -1822,14 +2243,14 @@
input:is([type=date], [type=number], [type=text], [type=url],
         [type=email], [type=tel], [type=password], [type=search],
         [type=datetime-local], [type=time]):focus {
    outline: var(--action-50);
    background-color: var(--base-100);
    color: var(--contrast);
    outline: rgb(var(--action-50));
    background-color: rgb(var(--base-100));
    color: rgb(var(--contrast));
}
textarea::placeholder,
input::placeholder {
    font-family: var(--body);
    color: var(--base-200);
    color: rgb(var(--base-200));
}

.field > label {
@@ -1839,7 +2260,7 @@
    top: .75em;
    left: 1em;
    padding: 0 .5em;
    background-color:var(--base);
    background-color:rgb(var(--base));
    font-size:var(--txt-small);
    font-weight: var(--fw-b-light);
    text-transform:uppercase;
@@ -1854,7 +2275,7 @@
        padding: 0;
    }
.field:not(.radio):not(.checkbox):not(.true-false):not(.taglist):focus-within > label {
    background-color:var(--action-0);
    background-color:rgb(var(--action-0));
    color: var(--action-contrast);
    border-radius: 4px;
}
@@ -1870,10 +2291,10 @@
SELECT
******************************************************************/
select {
    background: var(--base);
    border: 2px solid var(--base-100);
    background: rgb(var(--base));
    border: 2px solid rgb(var(--base-100));
    border-radius: var(--radius);
    color: var(--contrast);
    color: rgb(var(--contrast));
    cursor: pointer;
    font-family: var(--body);
    font-size: var(--txt-small);
@@ -1882,15 +2303,15 @@
}

select:disabled {
    background-color: var(--base-50);
    border-color: var(--base-100);
    color: var(--base-200);
    background-color: rgb(var(--base-50));
    border-color: rgb(var(--base-100));
    color: rgb(var(--base-200));
    cursor: not-allowed;
}

select option {
    background: var(--base);
    color: var(--contrast);
    background: rgb(var(--base));
    color: rgb(var(--contrast));
    padding: var(--sp1);
}

@@ -1898,22 +2319,22 @@
select option:focus,
select option:active,
select option:checked {
    background: var(--action-0);
    color: var(--base);
    box-shadow: 0 0 0 100px var(--action-0) inset;
    background: rgb(var(--action-0));
    color: rgb(var(--base));
    box-shadow: 0 0 0 100px rgb(var(--action-0)) inset;
}

select option:checked {
    background: var(--action-0) linear-gradient(0deg, var(--action-0) 0%, var(--action-0) 100%);
    color: var(--base);
    background: rgb(var(--action-0)) linear-gradient(0deg, rgb(var(--action-0)) 0%, rgb(var(--action-0)) 100%);
    color: rgb(var(--base));
}

select:hover {
    border-color: var(--action-0);
    border-color: rgb(var(--action-0));
}

select:focus {
    border-color: var(--action-0);
    border-color: rgb(var(--action-0));
}

/******************************************************************
@@ -1927,11 +2348,24 @@
.search-container .clear-search {
    opacity: 0;
    cursor: default;
    max-width: 0;
    padding: 0;
    flex-shrink: 0;
    transition: width var(--trans-base), flex-shrink var(--trans-base);
}
    .search-container [type="search"]:focus + .clear-search {
        max-width: unset;
        padding: .25rem 1rem;
        flex-shrink: unset;
    }

.search-container.open.open [hidden] {
    display: block!important;
}

.search-container .icon.search {
    padding: 4px 8px;
    color: var(--contrast-200);
    color: rgb(var(--contrast-200));
    --w: 3rem;
}

@@ -1981,9 +2415,9 @@
    margin: 1rem 0;
}
.card {
    background-color: var(--base-100);
    background-color: rgb(var(--base-100));
    border-radius: var(--radius);
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
    aspect-ratio: 3/2;
    display: flex;
    flex-direction: column;
@@ -1998,7 +2432,7 @@
.stat-number {
    font-family: var(--heading);
    font-weight: var(--fw-h-bold);
    color: var(--action-0);
    color: rgb(var(--action-0));
    font-size: var(--txt-xx-large);
}
/**************************************************
@@ -2012,25 +2446,25 @@
    display: block;
    border-radius: 6px;
    overflow: hidden;
    background: var(--base-200);
    background: rgb(var(--base-200));
    position: relative;
}

.progress .fill {
    height: 100%;
    background: var(--action-0);
    background: rgb(var(--action-0));
    border-radius: 6px;
    width: 0;
    transition: width .3s ease;
}
    .completed .fill {
        background: var(--action-200);
        background: rgb(var(--action-200));
    }

.progress .details {
    margin-top: 5px;
    font-size: var(--txt-x-small);
    color: var(--contrast);
    color: rgb(var(--contrast));
    text-align: center;
    padding: .25rem 0;
}
@@ -2062,11 +2496,11 @@
**************************************************************/
details {
    padding: .25rem 0;
    border-top: 1px solid var(--base-200);
    border-bottom: 1px solid var(--base-200);
    border-top: 1px solid rgb(var(--base-200));
    border-bottom: 1px solid rgb(var(--base-200));
}
    details[open] {
        background-color: var(--base-50);
        background-color: rgb(var(--base-50));
    }

    details summary {
@@ -2079,19 +2513,19 @@
        gap: .5rem;
    }
        details summary:hover {
            background-color: var(--base-100);
            border-color: var(--base-100);
            color: var(--contrast);
            background-color: rgb(var(--base-100));
            border-color: rgb(var(--base-100));
            color: rgb(var(--contrast));
        }
        details[open] > summary {
            background-color: var(--base-50);
            background-color: rgb(var(--base-50));
        }
        details summary::after {
            content: '';
            position: absolute;
            right: .5rem;
            top: .5rem;
            background-color: var(--contrast-100);
            background-color: rgb(var(--contrast-100));
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            -webkit-mask-image: var(--icon);
@@ -2104,10 +2538,10 @@
            transition: var(--trans-color), var(--trans-transform);
        }
            details summary:hover::after {
                background-color: var(--action-0);
                background-color: rgb(var(--action-0));
            }
            details[open]:not(.all-filters) > summary::after {
                background-color: var(--contrast);
                background-color: rgb(var(--contrast));
                transform: rotate(-540deg);
                transition: background-color var(--trans-base);
                transition-property: background-color, transform;
@@ -2141,20 +2575,20 @@
    user-select: all;
    text-align: center;
    border-radius: 4px;
    background-color: var(--base-200);
    background-color: rgb(var(--base-200));
}
/********************************************************
OVERLAYS
********************************************************/
dialog[open],
aside.expanded {
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    background-color: rgb(var(--base));
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-5);
}
dialog::backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
}
dialog[open],
aside.main {
@@ -2170,9 +2604,9 @@
    height: fit-content;
    max-height: 90vh;
    padding: var(--padding);
    background-color: var(--base-50);
    color: var(--contrast);
    border: 1px solid var(--base-200);
    background-color: rgb(var(--base-50));
    color: rgb(var(--contrast));
    border: 1px solid rgb(var(--base-200));
}
    dialog:is(.create,.edit,.bulkEdit)[open] {
        width: 98vw;
@@ -2212,14 +2646,14 @@
        height: var(--btn);
        width: 100%;
        z-index: var(--z-6);
        background-color: var(--action-100);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);
        background-color: rgb(var(--action-100));
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-up);
    }
    .m-actions button {
        --wrap: nowrap;
        box-shadow: none;
        width: 100%;
        background-color: var(--action-0);
        background-color: rgb(var(--action-0));
        color: var(--action-contrast);
        --gap: .75rem;
        font-size: var(--txt-x-small);
@@ -2228,8 +2662,8 @@
    }
        .m-actions button:hover,
        .m-actions button:focus {
            background-color: var(--base);
            color: var(--contrast);
            background-color: rgb(var(--base));
            color: rgb(var(--contrast));
        }
        .m-actions button:first-of-type {
            border-bottom-left-radius: 1rem;
@@ -2260,55 +2694,106 @@
        max-height: var(--max);
        max-width: var(--max);
        border-radius: 0;
        background-color: rgba(var(--base-rgb), var(--op-6));
        /*background-color: rgba(var(--base), var(--op-6));*/
        background-color: transparent;
    }
        .gallery > .wrap {
        dialog.gallery > .wrap {
            --wrap: nowrap;
        }
        .gallery .controls {
            position: absolute;
            bottom: 0;
            left: var(--btn_);
            right: 0;
            position: relative;
            overflow: hidden;
            max-height: none;
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            --wrap: nowrap;
            --gap: 0;
            inset: 0;
        }
            .gallery button.nav {
                width: 100%;
        .gallery .hint {
            position: absolute;
            top: 1rem;
            left: 50%;
            transform: translateX(-50%);
            letter-spacing: .12em;
            pointer-events: none;
            z-index: 2;
            animation: hint-fade 3s ease forwards;
        }
            @keyframes hint-fade {
                 0%   { opacity: 1; }
                 60%  { opacity: 1; }
                 100% { opacity: 0; }
             }
        .gallery .controls {
            --wrap: nowrap;
            --align: flex-end;
            --justify: space-between;
            --gap: 0;
            position: absolute;
            inset: 0;
            padding: 1rem;
            z-index: 3;
            pointer-events: none;
        }
            .gallery .controls button {
                min-height: var(--chipchip);
                pointer-events: all;
                background: rgba(var(--base), var(--op-45));
                border: 1px solid rgba(var(--contrast), var(--op-1));
                color: rgba(var(--contrast), var(--op-5));
            }
                .gallery .controls button:hover,
                .gallery .controls button:focus {
                    background: rgba(var(--base), var(--op-5));
                    color: rgb(var(--contrast));
                }
                .gallery .controls .cancel {
                    position: absolute;
                    top: 1rem;
                    right: 1rem;
                }



        dialog.gallery .cancel:focus,
        dialog.gallery .cancel:hover {
            background: rgba(var(--base-rgb),var(--op-4));
            background: rgba(var(--base),var(--op-4));
        }


        dialog.gallery .content {
            position: relative;
            flex: 1 1 auto;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            flex: 1;
            display: flex;
        }

            dialog.gallery .content .image {
                max-width: 90vw;
                max-height: 85vh;
                object-fit: contain;
                transition: transform 0.15s ease-out;
                touch-action: none;
            }

            dialog.gallery .image-left,
            dialog.gallery .image-right {
                position: absolute;
                width: 0;
                height: 0;
                opacity: 0;
                pointer-events: none;
                left: var(--offScreen);
            }

            dialog.gallery .content .image {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
                display: block;
                transform-origin: center center;
                will-change: transform;
                transition: transform 0.15s ease-out;
                touch-action: none;
                user-select: none;
                -webkit-user-drag: none;
                cursor: default;
            }
                .gallery .image[style*="scale(1)"],
                .gallery .image:not([style]) {
                    cursor: default;
                }

        dialog.gallery details {
            position: absolute;
            width: 100%;
@@ -2316,11 +2801,11 @@
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(var(--base-rgb),var(--op-45));
            color: var(--contrast);
            background: rgba(var(--base),var(--op-45));
            color: rgb(var(--contrast));
            border-radius: 4px;
            overflow: hidden;
            z-index: 10;
            z-index: 3;
        }
            dialog.gallery details:has(.item-info:empty) {
                display: none;
@@ -2333,26 +2818,29 @@
            }

            dialog.gallery details[open] .item-info {
                padding: 1rem;
                padding: 0.75rem 1rem 1rem;
                font-size: var(--txt-x-small);
            }

            dialog.gallery .counter {
                position: absolute;
                bottom: 1rem;
                left: 1rem;
                background: rgba(var(--base-rgb),var(--op-4));
                color: var(--contrast);
                padding: 0.4rem 0.8rem;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                background: rgba(var(--base),var(--op-4));
                color: rgba(var(--contrast), var(--op-3));
                padding: .4rem .8rem;
                border-radius: 3px;
                font-size: 0.85rem;
                z-index: 10;
                font-size: var(--txt-small);
                letter-spacing: .1em;
                z-index: 3;
            }

            dialog.gallery .favourite {
                position: absolute;
                top: 1rem;
                left: 1rem;
                z-index: 10;
                top: 0;
                left: 0;
                z-index: 3;
            }

            dialog.gallery .image {
@@ -2364,6 +2852,60 @@
                opacity: 1;
            }

ul.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: .2em;
    padding: 0;
    list-style-type: none;
}
    ul.gallery::after {
        content: '';
        display: block;
        flex-grow: 10;
    }

    ul.gallery li {
        flex-grow: 1;
        height: 40vh;
        margin: .2em;
        overflow: hidden;
    }

    ul.gallery figure {
        min-width: 100%;
        height: 100%;
    }
        ul.gallery figure.duotone img {
            mix-blend-mode: multiply;
        }



        @media (max-aspect-ratio: 1/1) and (max-width: 480px) {
            ul.gallery {
                flex-direction: row;
            }
            ul.gallery li {
                height: auto;
                width: 100%;
            }
            ul.gallery figure {
                width: 100%;
                max-height: 75vh;
                min-width: 0;
            }
        }
        @media (max-aspect-ratio: 1/1) {
            ul.gallery li {
                height: 30vh;
            }
        }
        @media (max-height: 480px) {
            ul.gallery li {
                height: 80vh;
            }
        }
/*** POPUPS: notifications, cart, queue ***/
aside.main.main {
    --wrap: nowrap;
@@ -2401,7 +2943,7 @@
    }
        aside.main header {
            --w: 2em;
            background-color: var(--action-0);
            background-color: rgb(var(--action-0));
            color: var(--action-contrast);
            padding: 1rem;
        }
@@ -2422,7 +2964,7 @@
            --dir: row;
            --align: center;
            margin: 0;
            border-bottom: 1px solid var(--base-200);
            border-bottom: 1px solid rgb(var(--base-200));
        }
            nav.share ul,
            nav.share li,
@@ -2430,7 +2972,7 @@
                height: var(--chipchip);
            }
            nav.share a:hover {
                background-color: var(--action-0);
                background-color: rgb(var(--action-0));
                color: var(--action-contrast);
            }
        aside.main h4,
@@ -2449,7 +2991,7 @@
        padding: 1rem;
    }
    .main section + section {
        border-top: 1px solid var(--base-200);
        border-top: 1px solid rgb(var(--base-200));
    }

.qtoggle .count,
@@ -2472,17 +3014,17 @@
        font-size: var(--txt-small);
    }
    #queue.synced + .qtoggle .indicator {
        background-color: var(--success);
        background-color: rgb(var(--success));
    }

    #queue.pending + .qtoggle .indicator {
        background-color: var(--warning);
        background-color: rgb(var(--warning));
        animation: pulse 2s infinite;
    }

    .refresh.fetching .icon,
    #queue.pending:not(.expanded) + .qtoggle .icon {
        background-color: var(--action-0);
        background-color: rgb(var(--action-0));
        animation: spin 1s var(--trans-fn) infinite;
    }
.main.expanded + .qtoggle {
@@ -2523,15 +3065,15 @@
}
.btn + label .indicator:not(:empty) {
    font-size: var(--txt-small);
    background-color: var(--base);
    border: 1px solid var(--contrast);
    background-color: rgb(var(--base));
    border: 1px solid rgb(var(--contrast));
    width: 1.75em;
    height: 1.75em;
    padding: .3em;
}

.main > .header {
    border-bottom: 1px solid var(--base-200);
    border-bottom: 1px solid rgb(var(--base-200));
    padding: 1rem 0;
    flex-shrink: 0;
}
@@ -2544,14 +3086,14 @@
}
.queue-actions {
    flex-shrink: 0;
    border-top: 1px solid var(--base-200);
    border-top: 1px solid rgb(var(--base-200));
}
.queue-actions button {
    width: 100%;
}

.main .item {
    background-color: var(--base-50);
    background-color: rgb(var(--base-50));
    padding: 15px;
    border-radius: var(--radius);
    box-shadow: var(--shdw-none);
@@ -2572,7 +3114,7 @@
.main .item .time {
    padding: .5rem 0;
    font-size: var(--txt-small);
    border: 1px solid var(--base-200);
    border: 1px solid rgb(var(--base-200));
    border-width: 1px 0;
    margin: .25rem 0;
}
@@ -2614,12 +3156,12 @@
}

.callout.callout {
    background-color: var(--action-0);
    background-color: rgb(var(--action-0));
    color: var(--action-contrast);
}

.callalt.callalt {
    background-color: var(--secondary-0);
    background-color: rgb(var(--secondary-0));
    color: var(--secondary-contrast);
}

@@ -2639,33 +3181,78 @@
/********************************************************
WP BLOCKS
********************************************************/
/** MEDIA TEXT **/
.media-text > * {
    flex: 1;
}
/** COVER **/
.cover {
    --color: rgba(var(--action-0), var(--op-5));
    position: relative;
    overflow: hidden;
    min-height: 60vh;
    padding: var(--btn);
}
    .cover::before {
        content: '';
        z-index: var(--coverIndex);
        background-color: var(--action-0);
        mix-blend-mode: var(--coverBlend);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.cover::before,
    .cover:not(.duotone)::before {
        content: '';
        /*z-index: var(--coverIndex);*/
        background-color: var(--dark-0);
        /*mix-blend-mode: var(--coverBlend);*/
        /*background-position: center;*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
    }
    .cover .overlay {
        background-color: var(--dark-0);
    }
        .overlay.op-1 {
            opacity: var(--op-1);
        }
        .overlay.op-2 {
            opacity: var(--op-2);
        }
        .overlay.op-3 {
            opacity: var(--op-3);
        }
        .overlay.op-4 {
            opacity: var(--op-4);
        }
        .overlay.op-45 {
            opacity: var(--op-45);
        }
        .overlay.op-5 {
            opacity: var(--op-5);
        }
        .overlay.op-6 {
            opacity: var(--op-6);
        }
    .cover:has(.overlay)::before {
        display: none;
    }
.cover .overlay,
.cover:not(.duotone)::before,
.cover > video,
.cover > img {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    max-width: none!important;
    height: 100%;
    margin: 0;
}
.cover > img,
.cover > video {
    mix-blend-mode: luminosity;
    max-width: none!important;
    width: 100%!important;
}
.cover .overlay,
.cover:not(.duotone)::before {
    z-index: 2;
    background-color: var(--color);
    mix-blend-mode: color;
}


.cover .content {
@@ -2679,62 +3266,123 @@
}

.cover > img {
    z-index: 1;
    opacity: .5;
    mix-blend-mode: luminosity;
    /*z-index: 1;*/
    /*opacity: .5;*/
    /*mix-blend-mode: luminosity;*/
    object-fit: cover;
}

@media (min-width: 768px) {
    .cover > img {
        opacity: .33;
        /*opacity: .33;*/
    }
}
/** IMAGE **/
figure {
    overflow: hidden;
    position: relative;
}
figure:is(.op-1,.op-2,.op-3,.op-4,.op-5,.op-6,.op-45)::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: '';
}
    figure.op-1::before {
        opacity: var(--op-1);
    }
    figure.op-2::before {
        opacity: var(--op-2);
    }
    figure.op-3::before {
        opacity: var(--op-3);
    }
    figure.op-45::before {
        opacity: var(--op-45);
    }
    figure.op-4::before {
        opacity: var(--op-4);
    }
    figure.op-5::before {
        opacity: var(--op-5);
    }
    figure.op-6::before {
        opacity: var(--op-6);
    }

    figure.action-0::before {
        background-color: rgb(var(--action-0));
    }
    figure.action-50::before {
        background-color: rgb(var(--action-50));
    }
    figure.action-100::before {
        background-color: rgb(var(--action-100));
    }
    figure.action-200::before {
        background-color: rgb(var(--action-200));
    }
    figure.secondary-0::before {
        background-color: rgb(var(--secondary-0));
    }
    figure.secondary-50::before {
        background-color: rgb(var(--secondary-50));
    }
    figure.secondary-100::before {
        background-color: rgb(var(--secondary-100));
    }
    figure.secondary-200::before {
        background-color: rgb(var(--secondary-200));
    }
    figure.base::before {
        background-color: rgb(var(--base));
    }
    figure.base-50::before {
        background-color: rgb(var(--base-50));
    }
    figure.base-100::before {
        background-color: rgb(var(--base-100));
    }
    figure.base-200::before {
        background-color: rgb(var(--base-200));
    }
    figure.contrast::before {
        background-color: rgb(var(--contrast));
    }
    figure.contrast-50::before {
        background-color: rgb(var(--contrast-50));
    }
    figure.contrast-100::before {
        background-color: rgb(var(--contrast-100));
    }
    figure.contrast-200::before {
        background-color: rgb(var(--contrast-200));
    }

.bg-fixed {
    background-attachment: fixed;
}
.bg-repeat.bg-repeat {
    background-repeat: repeat;
    background-size: 33vw;
}
[data-bg-img] {
    background-size: cover;
    background-repeat: no-repeat;
}
/** BLOCKQUOTE **/
blockquote {
    --background: var(--base-100);
    --border: var(--action-0);
    line-height: 1.2;
    padding: var(--btn);
    border-radius: 4rem;
    background-color: var(--background);
}

blockquote .content {
    margin: 12px auto;
    max-width: min(680px, 80vw);
    margin-left: 10vw;
    position: relative;
    font-family: var(--heading);
    font-weight: var(--fw-h-bold);
    padding: 3rem 2.5rem;
    border-radius: var(--radius-outer);
    border: 2px solid var(--border);
    padding: var(--btn);
}

blockquote .content::before,
blockquote .content::after {
    position: absolute;
    content: '';
    left: 50px;
}

blockquote .content::before {
    width: 80px;
    border: 6px solid var(--background);
    bottom: -3px;
    z-index: 2;
}

blockquote .content::after {
    border: 2px solid var(--border);
    border-radius: 0 100% 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    border-bottom: 0;
    border-left: 0;
    z-index: 3;
}
    blockquote .icon {
        position: absolute;
        top: var(--btn);
        left: calc((10vw + var(--btn)) * -1);
        --w: 10vw;
        opacity: var(--op-1);
    }

blockquote cite {
    padding: 15px 0 0 12px;
@@ -2747,21 +3395,49 @@
    border-radius: 0;
    margin: 4rem auto;
    padding: 3rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-down), rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);;
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-down), rgba(var(--base),var(--op-45)) var(--shdw-up);;
}

blockquote.pull cite {
    margin: 0;
}
/** QUERY **/
.loop .item-grid {
    grid-template-columns: repeat(1, 1fr);
.loop {
    padding: var(--sp4) var(--sp1);
}
@media (min-width: 768px) {
    .loop .item-grid {
        grid-template-columns: repeat(2, 1fr);
.loop :is(h1,h2,h3,h4,h5,h6) {
    margin: .5em 0;
}
.loop :is(h1,h2,h3,h4,h5,h6):has(+ time) {
    margin-bottom: 0;
}
    .loop :is(h1,h2,h3,h4,h5,h6) + time {
        font-size: var(--txt-x-small);
        margin-top: 0;
    }
.loop li {
    list-style: none;
}
.loop p:has(.read-more) {
    text-align: right;
}

.loop li > figure {
    float: left;
    margin-right: var(--chip_);
    margin-top: 0;
    max-width: 30%;
    aspect-ratio: 1;
}

.no-results p,
.no-results {
    display: flex;
    justify-content: center;
    align-items: center;
}


/** TODO: LIST OVERRIDES **/
/*********************************************************
DIRECTORY
@@ -2786,8 +3462,8 @@
    width: 100%;
    top: var(--btn);
    left: 0;
    color: var(--base);
    text-shadow: var(--base-200) 1px 1px 0;
    color: rgb(var(--base));
    text-shadow: rgb(var(--base-200)) 1px 1px 0;
    user-select: none;
}
    .directory-list >ul > li {
@@ -2795,7 +3471,7 @@
        align-items: flex-start;
    }
    .directory-list >ul > li:nth-of-type(even) {
        background-color: var(--base-100);
        background-color: rgb(var(--base-100));
    }

    /** The letter's list **/
@@ -2806,10 +3482,10 @@
        padding: .35rem .5rem;
    }
    .directory-list ul ul li:nth-of-type(even) {
        background-color: var(--base-100);
        background-color: rgb(var(--base-100));
    }
    .directory-list ul li:nth-of-type(even) ul li:nth-of-type(even) {
        background-color: var(--base-50);
        background-color: rgb(var(--base-50));
    }
    @media (min-width: 768px) {
        .directory-list h3 {
@@ -2855,9 +3531,9 @@
    height: fit-content;
    width: min(400px, 60vw);
    border-radius: var(--radius-outer);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    padding: 2rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    position: relative;
}

@@ -2872,7 +3548,7 @@
}

.loading[open] i.icon {
    background-color: var(--action-0);
    background-color: rgb(var(--action-0));
}

dialog.loading[open] i.icon {
@@ -2880,7 +3556,7 @@
}

dialog.loading[open] h3 {
    color: var(--contrast);
    color: rgb(var(--contrast));
    margin: 2rem 1rem auto !important;
    font-size: var(--txt-large);
    width: -moz-fit-content;
@@ -2904,7 +3580,7 @@
    width: 12px;
    height: 12px;
    border: 2px solid transparent;
    border-top: 2px solid var(--action-50);
    border-top: 2px solid rgb(var(--action-50));
    border-radius: 50%;
    animation: spin 1s var(--trans-fn) infinite;
}
@@ -2924,13 +3600,13 @@

@keyframes pulse-color {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--action-rgb), .4);
        box-shadow: 0 0 0 0 rgba(var(--action-0), .4);
    }
    30% {
        box-shadow: 0 0 0 .75rem rgba(var(--action-rgb), 0);
        box-shadow: 0 0 0 .75rem rgba(var(--action-0), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--action-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--action-0), 0);
    }
}

@@ -2970,3 +3646,7 @@
    }
}

/*.group {*/
/*    background-color: rgb(var(--base));*/
/*    margin: 1rem 0;*/
/*}*/

 allBackup.css

@@ -94,13 +94,13 @@
    --action-100: #8e2824;
    --action-200: #7a221f;
    --action-contrast: var(--light-0);
    --action-rgb: 183,51,46;
    --action-0: 183,51,46;
    --secondary-0: #E8A737;
    --secondary-50: #e59d20;
    --secondary-100: #d48f18;
    --secondary-200: #bd7f16;
    --secondary-contrast: var(--light-0);
    --secondary-rgb: 232,167,55;
    --secondary-0: 232,167,55;

    --success: #22C55E;
    --successBack: #d4edda;
@@ -114,12 +114,12 @@
    --base-50: var(--light-50);
    --base-100: var(--light-100);
    --base-200: var(--light-200);
    --base-rgb: var(--light-rgb);
    --base: var(--light-rgb);
    --contrast: var(--dark-0);
    --contrast-50: var(--dark-50);
    --contrast-100: var(--dark-100);
    --contrast-200: var(--dark-200);
    --contrast-rgb: var(--dark-rgb);
    --contrast: var(--dark-rgb);

    --shimmer: rgba(var(--dark-rgb),0) 0%,
    rgba(var(--dark-rgb),.05) 50%,
@@ -227,13 +227,13 @@
    --contrast-50: var(--light-50);
    --contrast-100: var(--light-100);
    --contrast-200: var(--light-200);
    --contrast-rgb: var(--light-rgb);
    --contrast: var(--light-rgb);

    --base: var(--dark-0);
    --base-50: var(--dark-50);
    --base-100: var(--dark-100);
    --base-200: var(--dark-200);
    --base-rgb: var(--dark-rgb);
    --base: var(--dark-rgb);

    --successBack: #155724;
    --successText:#d4edda;
@@ -617,7 +617,7 @@
    top: 0;
    z-index: var(--z-8);
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw-down);
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw-down);
    transition: top var(--trans-base);
}
header a[rel="home"] {
@@ -1100,7 +1100,7 @@
    align-items: center;
    border: 4px solid transparent;
    transition: var(--trans-t);
    box-shadow: 0 0 .25rem 0 rgba(var(--contrast-rgb), .125) inset;
    box-shadow: 0 0 .25rem 0 rgba(var(--contrast), .125) inset;
    cursor: pointer;
    margin: 5px;
}
@@ -1117,12 +1117,12 @@
    transform: translateX(-1rem);
    border-radius: .75rem;
    transition: var(--trans-transform);
    box-shadow: 0 0 .25rem 3px rgba(var(--contrast-rgb), .125);
    box-shadow: 0 0 .25rem 3px rgba(var(--contrast), .125);
}

.toggle-switch input:checked ~ .slider::before {
    transform: translateX(1rem);
    box-shadow: 0 0 .25rem 3px rgba(var(--base-rgb), .25);
    box-shadow: 0 0 .25rem 3px rgba(var(--base), .25);
}

.toggle-switch input:checked ~ .slider {
@@ -1229,8 +1229,8 @@
.favourite {
    position: absolute;
    z-index: var(--z-1);
    box-shadow: rgba(var(--base-rgb),var(--op-2)) var(--shdw);
    background-color: rgba(var(--base-rgb),var(--op-2));
    box-shadow: rgba(var(--base),var(--op-2)) var(--shdw);
    background-color: rgba(var(--base),var(--op-2));
}
.favourite .icon-heart-fi,
.favourited .icon-heart {
@@ -1320,7 +1320,7 @@
    flex-wrap: var(--wrap);
    flex-direction: var(--dir);
    position: relative;
    box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
    box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
}

[data-filter], .btn + label {
@@ -1345,7 +1345,7 @@
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
    box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
}

/******************************************************************
@@ -1563,7 +1563,7 @@
input:focus-within {
    outline: 2px solid var(--action-0) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(var(--action-rgb), var(--op-3))!important;
    box-shadow: 0 0 0 4px rgba(var(--action-0), var(--op-3))!important;
}

[aria-busy="true"] {
@@ -1870,7 +1870,7 @@
    border-radius: 0;
    margin: 4rem auto;
    padding: 3rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-down), rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);;
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-down), rgba(var(--base),var(--op-45)) var(--shdw-up);;
}

blockquote.pull cite {
@@ -1883,13 +1883,13 @@
dialog[open],
aside.expanded {
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-5);
}

dialog::backdrop {
    backdrop-filter: blur(5px);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
}

dialog[open],
@@ -1949,7 +1949,7 @@
    width: 100%;
    z-index: var(--z-6);
    background-color: var(--action-100);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-up);
}

.m-actions button {
@@ -2040,8 +2040,8 @@
}

thead tr, tfoot tr {
    background-color: rgba(var(--base-rgb),var(--op-6));
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    background-color: rgba(var(--base),var(--op-6));
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

thead tr {
@@ -2107,11 +2107,11 @@
}

[data-stuck] {
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    position: sticky;
    left: -1rem;
    z-index: 15;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-subtle-right);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-subtle-right);
}

tbody [data-stuck] {
@@ -2137,7 +2137,7 @@
    max-width: 50vw;
    padding: .5rem;
    border-radius: var(--radius);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    background: var(--action-0);
    color: var(--action-contrast);
}
@@ -2282,9 +2282,9 @@
    height: fit-content;
    width: min(400px, 60vw);
    border-radius: var(--radius-outer);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    padding: 2rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    position: relative;
}

@@ -2409,7 +2409,7 @@
    width: min(500px, calc(100vw - 2rem));
    background-color: var(--base);
    z-index: var(--z-5);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    padding: 1rem 1rem var(--btn);
    overflow: hidden auto;
}
@@ -2429,15 +2429,15 @@
    bottom: var(--btn_);
    width: var(--btn);
    height: var(--btn);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    color: var(--contrast);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    transition: var(--trans-size), var(--trans-color);
}

.qtoggle:hover,
.qtoggle:focus {
    background-color: rgba(var(--action-rgb),var(--op-6));
    background-color: rgba(var(--action-0),var(--op-6));
    color: var(--action-contrast);
}

@@ -2445,7 +2445,7 @@
.qtoggle:disabled:hover,
.qtoggle:disabled:focus {
    opacity: .5;
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    color: var(--contrast);
}

@@ -2489,7 +2489,7 @@

#cart nav.tabs {
    position: sticky;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

#cart button[data-tab] {
@@ -2513,9 +2513,9 @@
    bottom: var(--btn);
    width: 100%;
    max-width: 100%;
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    z-index: var(--z-6);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-up);
}

.cart-total p {
@@ -2539,7 +2539,7 @@
}

#cart .restored {
    background-color: rgba(var(--action-rgb), var(--op-3));
    background-color: rgba(var(--action-0), var(--op-3));
    border-radius: var(--radius-outer);
    padding: 1rem;
}
@@ -2571,10 +2571,10 @@
}

.toast {
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    border-left: 4px solid var(--action-0);
    padding: 1rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    left: 0;
    position: relative;
    opacity: 0;
@@ -2700,7 +2700,7 @@
    --offset: 0;
    position: absolute;
    top: var(--offset);
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
}

.expanded + .qtoggle .indicator,
@@ -2889,7 +2889,7 @@
}

#queue .item:hover {
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

#queue .item .header {
@@ -3095,9 +3095,9 @@
.additional-actions .buttons button {
    height: var(--btn);
    width: var(--btn);
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    color: var(--contrast);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

.additional-actions .buttons button:hover {
@@ -3109,7 +3109,7 @@
.additional-actions .buttons button:disabled:hover,
.additional-actions .buttons button:disabled:focus {
    opacity: .5;
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    color: var(--contrast);
}

@@ -3177,7 +3177,7 @@
}

[type=submit]:hover {
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    border: 2px solid var(--action-0);
    color: var(--action-0);
    background-color: var(--action-contrast);
@@ -3224,7 +3224,7 @@
}

.restore-form {
    background-color: rgba(var(--action-rgb), var(--op-3));
    background-color: rgba(var(--action-0), var(--op-3));
    border: 1px solid var(--action-200);
    padding: .5rem;
    border-radius: var(--radius-outer);
@@ -3243,7 +3243,7 @@

.fstatus {
    z-index: var(--z-5);
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    border-radius: 4px;
    padding: 0 .5rem;
    position: fixed;
@@ -3375,7 +3375,7 @@
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    padding: 0;
    background: rgba(var(--base-rgb),var(--op-6));
    background: rgba(var(--base),var(--op-6));
    display: flex;
    align-items: center;
    justify-content: center;
@@ -3397,7 +3397,7 @@
}

dialog.gallery::backdrop {
    background: rgba(var(--base-rgb), var(--op-4));
    background: rgba(var(--base), var(--op-4));
}

dialog.gallery .wrap {
@@ -3410,7 +3410,7 @@
}

dialog.gallery .cancel:hover {
    background: rgba(var(--base-rgb),var(--op-4));
    background: rgba(var(--base),var(--op-4));
}

dialog.gallery .content {
@@ -3466,7 +3466,7 @@
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    background: rgba(var(--base-rgb),var(--op-4));
    background: rgba(var(--base),var(--op-4));
    color: var(--contrast);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
@@ -3754,7 +3754,7 @@
aside button:not(.button, .qtoggle, :disabled):hover,
aside a.button:hover {
    top: -4px;
    box-shadow: rgba(var(--contrast-rgb),var(--op-45)) var(--shdw-down);
    box-shadow: rgba(var(--contrast),var(--op-45)) var(--shdw-down);
}

.view-dashboard-btn:visited {
@@ -3958,7 +3958,7 @@
/*.auto-wrapper {*/
/*    position: absolute;*/
/*    bottom: -105%;*/
/*    background-color: rgba(var(--base-rgb), var(--op-5));*/
/*    background-color: rgba(var(--base), var(--op-5));*/
/*    backdrop-filter: blur(2px);*/
/*    border-radius: var(--radius);*/
/*    z-index: 1;*/
@@ -3967,7 +3967,7 @@
    width: 100%;
    background-color: var(--base-100);
    padding: .5rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}
li.autocomplete {
    list-style: none;
@@ -4036,13 +4036,13 @@

@keyframes pulse-color {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--action-rgb), .4);
        box-shadow: 0 0 0 0 rgba(var(--action-0), .4);
    }
    30% {
        box-shadow: 0 0 0 .75rem rgba(var(--action-rgb), 0);
        box-shadow: 0 0 0 .75rem rgba(var(--action-0), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--action-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--action-0), 0);
    }
}


 copy-hours.css

@@ -7,7 +7,7 @@


.hours-copy-btn:hover {
    background-color: var(--action-50);
    background-color: rgb(var(--action-50));
    transform: scale(1.05);
}

@@ -22,21 +22,21 @@
/* Copy Hours Modal */
.copy-hours-content h3 {
    margin: 0 0 1rem 0;
    color: var(--contrast);
    color: rgb(var(--contrast));
    font-size: var(--txt-large);
}

.copy-hours-source {
    background-color: var(--base-100);
    background-color: rgb(var(--base-100));
    padding: 1rem;
    border-radius: var(--radius);
    margin-bottom: 1.5rem;
    border: 1px solid var(--base-200);
    border: 1px solid rgb(var(--base-200));
}

.copy-hours-source h4 {
    margin: 0 0 0.5rem 0;
    color: var(--contrast-100);
    color: rgb(var(--contrast-100));
    text-transform: uppercase;
    font-size: var(--txt-small);
    font-weight: 600;
@@ -48,18 +48,18 @@

.source-day {
    font-weight: 600;
    color: var(--contrast);
    color: rgb(var(--contrast));
    text-transform: capitalize;
}

.source-hours {
    --gap: 1rem;
    font-weight: 500;
    color: var(--contrast);
    color: rgb(var(--contrast));
}

.source-hours.closed {
    color: var(--contrast-200);
    color: rgb(var(--contrast-200));
    font-style: italic;
}

@@ -69,7 +69,7 @@

.copy-hours-targets h4 {
    margin: 0 0 1rem 0;
    color: var(--contrast-100);
    color: rgb(var(--contrast-100));
    text-transform: uppercase;
    font-size: var(--txt-small);
    font-weight: 600;
@@ -86,11 +86,11 @@
    position: fixed;
    top: 2rem;
    right: 2rem;
    background-color: var(--action-50);
    background-color: rgb(var(--action-50));
    color: var(--action-contrast);
    padding: 1rem 1.5rem;
    border-radius: var(--radius);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: 10000;
    opacity: 0;
    transform: translateX(100px);

 dash.css

@@ -8,8 +8,8 @@
    bottom: 0;
    left: 0;
    z-index: var(--z-4);
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
    background-color: rgb(var(--base));
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
    width: var(--btn);
    transition: var(--trans-size);
    overflow: hidden auto;
@@ -26,7 +26,7 @@
        bottom: 0;
        right: 0;
        z-index: var(--z-8);
        box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
        width: var(--btn);
        height: var(--btn);
    }
@@ -71,7 +71,7 @@
    }
        nav.sidebar .toggle:hover,
        nav.sidebar .toggle:focus {
            background-color: var(--action-0);
            background-color: rgb(var(--action-0));
            color: var(--action-contrast);
        }

@@ -117,7 +117,7 @@
        }

        nav.sidebar .a {
            color: var(--contrast-200);
            color: rgb(var(--contrast-200));
        }
        nav.sidebar a,
        nav.sidebar .a {
@@ -195,7 +195,7 @@
.all-filters {
    margin: 1rem 0;
    padding: 1rem 0;
    border: 1px solid var(--base-100);
    border: 1px solid rgb(var(--base-100));
    border-width: 1px 0;
    --gap: 0;
    width: 100%;
@@ -204,7 +204,7 @@
        width: 100%;
    }
    .all-filters summary:hover {
        color: var(--action-0);
        color: rgb(var(--action-0));
    }

    .all-filters .row {
@@ -250,12 +250,12 @@

.all-filters .btn + label {
    box-shadow: var(--shdw-none);
    color: var(--contrast-200);
    color: rgb(var(--contrast-200));
}
.all-filters .radio-options input:not(.ch):checked + label {
    box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
    color: var(--contrast-50);
    border-color: var(--contrast-50);
    box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
    color: rgb(var(--contrast-50));
    border-color: rgb(var(--contrast-50));
}


@@ -285,7 +285,7 @@
    .all-filters span.label {
        padding-top: .5rem;
        width: 100%;
        border-top: 1px solid var(--base-200);
        border-top: 1px solid rgb(var(--base-200));
    }
}
.controls .icon {
@@ -307,8 +307,8 @@
.all-filters button:hover,
.all-filters button:focus {
    background-color: transparent;
    color: var(--action-0);
    border-color: var(--action-0);
    color: rgb(var(--action-0));
    border-color: rgb(var(--action-0));
}
/******************************************************
SEARCH
@@ -349,8 +349,8 @@
    width: calc(100% - var(--btn));
    top: var(--btn);
    left: var(--btn);
    background-color: rgba(var(--base-rgb), var(--op-45));
    box-shadow: rgba(var(--base-rgb), var(--op-6)) var(--shdw-down);
    background-color: rgba(var(--base), var(--op-45));
    box-shadow: rgba(var(--base), var(--op-6)) var(--shdw-down);
}
.replace:has(nav.tabs) {
    margin-top: var(--btn);

 dashBackup.css

@@ -36,7 +36,7 @@
    /*height: var(--btn);*/
    /*padding: 0!important;*/
    /*background-color: var(--base);*/
    /*box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);*/
    /*box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/
    padding: 0;
}
main>* {
@@ -111,7 +111,7 @@
    min-height: 0;
    width: var(--chipchip);
    height: var(--chipchip);
    background-color: rgba(var(--base-rgb), var(--op-45));
    background-color: rgba(var(--base), var(--op-45));
}
    .item-actions button:hover {
        background-color: var(--base);
@@ -330,7 +330,7 @@
        color: var(--base-200);
    }
    .all-filters .radio-options input:not(.ch):checked + label {
        box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
        box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
        color: var(--contrast-200);
        border-color: var(--contrast-200);
    }
@@ -608,7 +608,7 @@
    padding: 1rem;
    position: relative;
    transition: all var(--trans-base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}
.integration.connected {
    border-color: var(--success);
@@ -876,7 +876,7 @@
    flex-direction: column;
}
.item-grid.stats .card.highlight {
    box-shadow: var(--contrast-rgb) var(--shadow);
    box-shadow: var(--contrast) var(--shadow);
    background-color: var(--action-200);
    color: var(--action-contrast);
    grid-column: 1/-1;
@@ -1006,7 +1006,7 @@
    z-index: var(--z-4);
    height: calc(100% - var(--btn));
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    width: var(--btn);
    transition: var(--trans-size);
    overflow: hidden auto;
@@ -1068,7 +1068,7 @@
    width: var(--btn);
    height: var(--btn);
    z-index: var(--z-8);
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
}

nav.sidebar .title {

 feed.css

@@ -54,7 +54,7 @@
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--base-50);
    background: rgb(var(--base-50));
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity var(--trans-base) var(--delay);
@@ -160,7 +160,7 @@
}

.label a:hover {
    color: var(--action-0);
    color: rgb(var(--action-0));
}

/* Favorite Button */
@@ -169,7 +169,7 @@
    top: .5rem;
    right: .5rem;
    z-index: 10;
    background: rgba(var(--base-rgb),var(--op-4));
    background: rgba(var(--base),var(--op-4));
    border-radius: 50%;
    box-shadow: var(--subtle);
    border: none;
@@ -185,8 +185,8 @@

button.favourite:hover {
    transform: scale(1.1);
    color: var(--action-0);
    background: var(--base);
    color: rgb(var(--action-0));
    background: rgb(var(--base));
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

@@ -222,7 +222,7 @@
    /*    border-radius: var(--radius);*/
}
.feed-filters details[open] summary {
    background-color: var(--base-50);
    background-color: rgb(var(--base-50));
}
.feed-filters summary:after {
    position:absolute;
@@ -240,7 +240,7 @@
    width: fit-content;
    height: fit-content;
    cursor: pointer;
    border: 1px solid var(--base-200);
    border: 1px solid rgb(var(--base-200));
    border-radius: 4px;
    font-size: .875rem;
    transition: border-color var(--trans-base);
@@ -250,8 +250,8 @@
    margin-right: .5rem;
}
.type-filter:hover {
    color: var(--action-0);
    border-color: var(--action-0);
    color: rgb(var(--action-0));
    border-color: rgb(var(--action-0));
    transition: var(--trans-color);
}
.feed-filters .type-filter > label {
@@ -329,7 +329,7 @@
    background-color: transparent;
}
.has-filters.filters {
    background-color: var(--base-50);
    background-color: rgb(var(--base-50));
}
.filter-group {
    display: flex;
@@ -355,7 +355,7 @@
    max-width: none!important;
    width: 100%;
    height: 100%;
    background: rgba(var(--base-rgb),var(--op-4));
    background: rgba(var(--base),var(--op-4));
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
@@ -367,10 +367,10 @@
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.feed-overlay-content {
    background: var(--base);
    background: rgb(var(--base));
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    text-align: center;
    width: min(400px, 60vw);
}
@@ -403,7 +403,7 @@
}

.loading .loading-dots {
    color: var(--action-0);
    color: rgb(var(--action-0));
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
@@ -418,7 +418,7 @@
    grid-column-end: 2;
    text-align: center;
    padding: 2rem;
    background: var(--base);
    background: rgb(var(--base));
    border-radius: 1rem;
    margin: 0 auto;
    max-width: 600px;
@@ -429,7 +429,7 @@
    font-family: var(--heading);
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    margin: 0 0 2rem 0;
    color: var(--action-0);
    color: rgb(var(--action-0));
}

.feed-empty-state p {
@@ -440,7 +440,7 @@
}

.feed-empty-state p:last-child {
    color: var(--action-0);
    color: rgb(var(--action-0));
    margin-top: 2rem;
}

@@ -450,7 +450,7 @@
        box-shadow: none;
    }
    50% {
        box-shadow: 0 0 0 4px var(--action-0);
        box-shadow: 0 0 0 4px rgb(var(--action-0));
    }
}

@@ -480,7 +480,7 @@

.artist-tattoos a:has(img) {
    overflow: hidden;
    background-color: var(--base-100);
    background-color: rgb(var(--base-100));
}
.artist-tattoos a:not(.feed-image) img{
    width: 100%;
@@ -503,7 +503,7 @@
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    backdrop-filter: blur(5px);
    border-radius: var(--radius);
    z-index: 1;
@@ -530,8 +530,8 @@
    width: fit-content;
    margin: 1rem auto!important;
    color: transparent;
    -webkit-text-stroke: 1px var(--contrast);
    --g: conic-gradient(var(--action-0) 0 0) no-repeat text;
    -webkit-text-stroke: 1px rgb(var(--contrast));
    --g: conic-gradient(rgb(var(--action-0)) 0 0) no-repeat text;
    background: var(--g) 0, var(--g) 1ch, var(--g) 2ch, var(--g) 3ch, var(--g) 4ch, var(--g) 5ch, var(--g) 6ch;
    animation: l17-0 1s linear infinite alternate,
    l17-1 2s linear infinite;
@@ -631,8 +631,8 @@
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--base-200);
    color: var(--contrast-200);
    background: rgb(var(--base-200));
    color: rgb(var(--contrast-200));
    border: none;
    border-radius: 4px;
    font-size: var(--txt-medium);
@@ -645,12 +645,12 @@
}

.load-more:hover {
    background: var(--action-0);
    background: rgb(var(--action-0));
    transform: translateY(-2px);
}

.load-more:focus-visible {
    outline: 2px solid var(--action-0);
    outline: 2px solid rgb(var(--action-0));
    outline-offset: 2px;
}

@@ -901,20 +901,20 @@
    position: relative;
    text-align: center;
    margin: 1rem 0;
    border-bottom: 1px solid var(--base-200);
    border-bottom: 1px solid rgb(var(--base-200));
}

.term-divider span {
    background: var(--base);
    background: rgb(var(--base));
    padding: 0 1rem;
    color: var(--contrast);
    color: rgb(var(--contrast));
    font-size: 0.9rem;
    position: relative;
    top: 0.5em;
}

.common-term {
    background: var(--base-50);
    background: rgb(var(--base-50));
    border-radius: var(--radius);
}

@@ -924,7 +924,7 @@
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--contrast-100);
    color: rgb(var(--contrast-100));
    font-size: 0.9rem;
}

@@ -936,8 +936,8 @@
    text-align: center;
    padding: 0.5rem;
    font-size: 0.9rem;
    color: var(--contrast-100);
    border-top: 1px solid var(--base-100);
    color: rgb(var(--contrast-100));
    border-top: 1px solid rgb(var(--base-100));
}

@keyframes spin {
@@ -949,7 +949,7 @@
.term-breadcrumb {
    margin-bottom: 1rem;
    padding: 0.5rem;
    background: var(--base-50);
    background: rgb(var(--base-50));
    border-radius: 4px;
}

@@ -959,7 +959,7 @@
    gap: 0.5rem;
    border: none;
    background: none;
    color: var(--contrast);
    color: rgb(var(--contrast));
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
@@ -967,7 +967,7 @@
}

.back-to-parent:hover {
    background: var(--base-100);
    background: rgb(var(--base-100));
}

.term-row {
@@ -983,7 +983,7 @@
    background: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--contrast);
    color: rgb(var(--contrast));
    display: flex;
    align-items: center;
    justify-content: center;
@@ -992,7 +992,7 @@
}

.toggle-children:hover {
    background: var(--base-50);
    background: rgb(var(--base-50));
}

.loading-indicator {
@@ -1006,8 +1006,8 @@
.loading-indicator .loading {
    width: 16px;
    height: 16px;
    border: 2px solid var(--base-100);
    border-top-color: var(--contrast);
    border: 2px solid rgb(var(--base-100));
    border-top-color: rgb(var(--contrast));
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@@ -1022,7 +1022,7 @@
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    background: var(--base-50);
    background: rgb(var(--base-50));
    border-radius: 4px;
}

@@ -1039,16 +1039,16 @@
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    color: var(--contrast);
    color: rgb(var(--contrast));
    font-size: var(--txt-small);
}

.term-breadcrumb button:hover {
    background: var(--base-100);
    background: rgb(var(--base-100));
}

.path-separator {
    color: var(--contrast-50);
    color: rgb(var(--contrast-50));
}

.path-level {
@@ -1058,12 +1058,12 @@
.create-term-section {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--base-100);
    border-top: 1px solid rgb(var(--base-100));
}

.suggestion-prompt {
    font-size: var(--txt-small);
    color: var(--contrast-50);
    color: rgb(var(--contrast-50));
    margin-bottom: 1rem;
}

@@ -1086,14 +1086,14 @@
.name-row input {
    width: 100%;
    padding: 0.5rem;
    border: 2px solid var(--base-100);
    border: 2px solid rgb(var(--base-100));
    border-radius: 4px;
    background: var(--base);
    color: var(--contrast);
    background: rgb(var(--base));
    color: rgb(var(--contrast));
}

.name-row input:focus {
    border-color: var(--action-0);
    border-color: rgb(var(--action-0));
    outline: none;
}

@@ -1111,7 +1111,7 @@
dialog[open].gallery-modal {
    width: calc(100vw - var(--padding) * 2);
    height: 99vh;
    background: var(--base);
    background: rgb(var(--base));
    display: flex;
    align-items: center;
    justify-content: center;
@@ -1162,7 +1162,7 @@
    z-index: 5;
    transform: translateY(-50%);
    border: none;
    color: var(--contrast);
    color: rgb(var(--contrast));
    cursor: pointer;
    padding: 1rem;
    transition: color 0.3s ease;
@@ -1171,7 +1171,7 @@
    align-items: center;
}
.gallery-nav:hover {
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
}

.gallery-nav:hover {
@@ -1199,11 +1199,11 @@
    bottom: 1rem;
    left: 2rem;
    width: calc(100% - 4rem);
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    padding: 0;
}
.gallery-content details:hover,
.gallery-content details[open] {
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    backdrop-filter: blur(5px);
}

 forms.css

@@ -109,7 +109,7 @@
.datetime-wrapper input[type=datetime-local]:focus,
.date-wrapper input[type=date]:focus {
    border-color: var(--action-0);
    box-shadow: 0 0 0 2px rgba(var(--action-rgb), .1);
    box-shadow: 0 0 0 2px rgba(var(--action-0), .1);
}

.wrapper .icon,
@@ -240,7 +240,7 @@
    padding: 2rem;
    text-align: center;
    transition: all .3s ease;
    background: rgba(var(--action-rgb),var(--op-1));
    background: rgba(var(--action-0),var(--op-1));
    position: relative;
    cursor: pointer;
    user-select: none;
@@ -258,7 +258,7 @@
    .empty-group:hover,
    .file-upload-wrapper:hover,
    .dragover {
        background: rgba(var(--action-rgb),var(--op-2));
        background: rgba(var(--action-0),var(--op-2));
        border-color: var(--action-0);
    }
.preview-wrap:has(.item-grid:empty) .selection-controls {
@@ -330,7 +330,7 @@
}
.item-grid:is(.restore,.group,.preview):has([type=checkbox]:checked){
    padding: .5rem;
    background-color: rgba(var(--action-rgb), var(--op-4));
    background-color: rgba(var(--action-0), var(--op-4));
    opacity: 1;
}
.item-grid:is(.restore,.group,.preview):has([type=checkbox]:checked) img {
@@ -384,7 +384,7 @@
.upload-group {
    padding: 5px;
    border-radius:var(--radius);
    background-color: rgba(var(--action-rgb), var(--op-1));
    background-color: rgba(var(--action-0), var(--op-1));
}
    .upload-group .selected .field {
        margin: 0;
@@ -399,7 +399,7 @@
    left: var(--btn_);
    z-index: var(--z-6);
    height: var(--btn);
    box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);
    border-radius: var(--radius);
    animation: pulse-color 5s infinite;
    animation-delay: 1s;
@@ -420,7 +420,7 @@
    cursor: pointer;
    transition: all var(--trans-base);
    text-align: center;
    background-color: rgba(var(--action-rgb), var(--op-1));
    background-color: rgba(var(--action-0), var(--op-1));
}

.group-display:not([hidden]) ~ .file-upload-container {
@@ -432,11 +432,11 @@
    opacity: .7;
    transform: scale(.95) rotate(3deg);
    z-index: var(--z-7);
    box-shadow: 0 8px 25px rgba(var(--contrast-rgb), var(--op-2));
    box-shadow: 0 8px 25px rgba(var(--contrast), var(--op-2));
}

.dragover {
    background: rgba(var(--action-rgb), var(--op-3))!important;
    background: rgba(var(--action-0), var(--op-3))!important;
    border-color: var(--action-0)!important;
    transform: scale(1.05);
    animation: drop-pulse .8s infinite ease-in-out;
@@ -464,7 +464,7 @@
        left: 0;
        background: var(--base);
        border-radius: var(--radius-outer);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    }

.drag-preview .drag-items .drag-item:nth-child(1) {
@@ -528,7 +528,7 @@
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-3);
}

@@ -547,11 +547,11 @@

@keyframes drop-pulse {
    0%, 100% {
        background-color: rgba(var(--action-rgb),var(--op-3));
        background-color: rgba(var(--action-0),var(--op-3));
        transform: scale(1.02);
    }
    50% {
        background-color: var(rgba(var(--action-rgb),var(--op-4)));
        background-color: var(rgba(var(--action-0),var(--op-4)));
        transform: scale(1.04);
    }
}
@@ -596,7 +596,7 @@
        left: -.5rem;
        right: -.5rem;
        position: absolute;
        background-color: rgba(var(--base-rgb), var(--op-6));
        background-color: rgba(var(--base), var(--op-6));
        filter: blur(5px);
    }

@@ -646,9 +646,9 @@
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(var(--base-rgb), var(--op-6));
        background-color: rgba(var(--base), var(--op-6));
        z-index: var(--z-3);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    }
    .group-display .item-grid {
        height: 100%;
@@ -667,7 +667,7 @@
        height: fit-content;
        top: 0;
        z-index: var(--z-3);
        background-color: rgba(var(--action-rgb), var(--op-6));
        background-color: rgba(var(--action-0), var(--op-6));
    }
    .group-display .sidebar .upload-group {
        order: 1;
@@ -731,7 +731,7 @@
    .preview-wrap .hint {
        position: sticky;
        z-index: var(--z-3);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
        background-color: var(--base);
        width: 100%;
    }
@@ -816,7 +816,7 @@
    transform: translateY(10px);
    background-color: var(--base-100);
    border: 1px solid var(--base);
    box-shadow: 0px 0px 5px rgba(var(--base-rgb),var(--op-6));
    box-shadow: 0px 0px 5px rgba(var(--base),var(--op-6));
    color: var(--contrast);
    padding: 5px 12px;
    white-space: nowrap;
@@ -1163,14 +1163,14 @@
/** STATUS **/
.fstatus {
    z-index: var(--z-5);
    background-color: rgba(var(--base-rgb), var(--op-6));
    background-color: rgba(var(--base), var(--op-6));
    border-radius: var(--radius);
    padding: 0 .5rem;
    position: fixed;
    right: .5rem;
    top: var(--btnbtn);
    --w: 1em;
    box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-6)) var(--shdw);
    --wrap: nowrap;
    --gap: 1rem;
}
@@ -1219,9 +1219,9 @@
        width: 50vw;
        padding: 1rem;
        z-index: var(--z-7);
        background-color: rgba(var(--base-rgb), var(--op-6));
        background-color: rgba(var(--base), var(--op-6));
        border-radius: var(--radius);
        box-shadow: rgba(var(--action-rgb), var(--op-6)) var(--shdw);
        box-shadow: rgba(var(--action-0), var(--op-6)) var(--shdw);
        position: fixed;
        right: var(--btnbtn);
        bottom: 0;

 formsBackup.css

@@ -213,7 +213,7 @@
.datetime-wrapper input[type=datetime-local]:focus,
.date-wrapper input[type=date]:focus {
    border-color: var(--action-0);
    box-shadow: 0 0 0 2px rgba(var(--action-rgb), .1);
    box-shadow: 0 0 0 2px rgba(var(--action-0), .1);
}

.field-input-wrapper .icon,
@@ -651,7 +651,7 @@
    padding: 2rem;
    text-align: center;
    transition: all .3s ease;
    background: rgba(var(--action-rgb),var(--op-1));
    background: rgba(var(--action-0),var(--op-1));
    position: relative;
    cursor: pointer;
}
@@ -662,7 +662,7 @@
.empty-group,
.file-upload-wrapper:hover,
.dragover {
    background: rgba(var(--action-rgb),var(--op-2));
    background: rgba(var(--action-0),var(--op-2));
    border-color: var(--action-0)!important;
}

@@ -755,7 +755,7 @@
.item-grid.preview:has([type=checkbox]:checked),
.item-grid.group:has([type=checkbox]:checked) {
    padding: 1rem;
    background-color: rgba(var(--contrast-rgb),var(--op-1));
    background-color: rgba(var(--contrast),var(--op-1));
}
.item-grid.restore:has([type=checkbox]:checked) .item,
.item-grid.preview:has([type=checkbox]:checked) .item,
@@ -777,7 +777,7 @@
.item-grid.preview .item:has([type=checkbox]:checked),
.item-grid.group .item:has([type=checkbox]:checked) {
    padding: .5rem;
    background-color: rgba(var(--action-rgb), var(--op-4));
    background-color: rgba(var(--action-0), var(--op-4));
    opacity: 1;
}

@@ -831,7 +831,7 @@
    background-image: var(--dashed-action);
    padding: 5px;
    border-radius: var(--radius);
    background-color: rgba(var(--action-rgb), var(--op-1));
    background-color: rgba(var(--action-0), var(--op-1));
}
.upload-group .selected .field {
    margin: 0;
@@ -846,7 +846,7 @@
    right: var(--btn_);
    z-index: var(--z-6);
    height: var(--btn);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    border-radius: var(--radius);
    animation: pulse-color 5s infinite;
    animation-delay: 1s;
@@ -869,7 +869,7 @@
    cursor: pointer;
    transition: all var(--trans-base);
    text-align: center;
    background-color: rgba(var(--action-rgb), var(--op-1));
    background-color: rgba(var(--action-0), var(--op-1));
}

.group-display:not([hidden]) ~ .file-upload-container {
@@ -885,7 +885,7 @@
}

.dragover {
    background: rgba(var(--action-rgb),var(--op-3))!important;
    background: rgba(var(--action-0),var(--op-3))!important;
    border-color: var(--action-0) !important;
    transform: scale(1.05);
    animation: drop-pulse .8s infinite ease-in-out;
@@ -915,7 +915,7 @@
    left: 0;
    background: var(--base);
    border-radius: var(--radius-outer);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

.drag-preview .drag-items .drag-item:nth-child(1) {
@@ -979,7 +979,7 @@
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-3);
}

@@ -998,11 +998,11 @@

@keyframes drop-pulse {
    0%, 100% {
        background-color: rgba(var(--action-rgb),var(--op-3));
        background-color: rgba(var(--action-0),var(--op-3));
        transform: scale(1.02);
    }
    50% {
        background-color: var(rgba(var(--action-rgb),var(--op-4)));
        background-color: var(rgba(var(--action-0),var(--op-4)));
        transform: scale(1.04);
    }
}
@@ -1047,7 +1047,7 @@
        left: -.5rem;
        right: -.5rem;
        position: absolute;
        background-color: rgba(var(--base-rgb), var(--op-6));
        background-color: rgba(var(--base), var(--op-6));
        filter: blur(5px);
    }

@@ -1097,9 +1097,9 @@
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(var(--base-rgb), var(--op-6));
        background-color: rgba(var(--base), var(--op-6));
        z-index: var(--z-3);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    }
    .group-display .item-grid {
        height: 100%;
@@ -1118,7 +1118,7 @@
        height: fit-content;
        top: 0;
        z-index: var(--z-3);
        background-color: rgba(var(--action-rgb), var(--op-6));
        background-color: rgba(var(--action-0), var(--op-6));
    }
    .group-display .sidebar .upload-group {
        order: 1;
@@ -1182,7 +1182,7 @@
    .preview-wrap .hint {
        position: sticky;
        z-index: var(--z-3);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
        background-color: var(--base);
        width: 100%;
    }
@@ -1218,7 +1218,7 @@
    top: 0;
    background-color: var(--base-50);
    z-index: var(--z-6);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-down);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-down);
    margin-bottom: 2rem;
}

@@ -1274,7 +1274,7 @@
    transform: translateY(10px);
    background-color: var(--base-100);
    border: 1px solid var(--base);
    box-shadow: 0px 0px 5px rgba(var(--base-rgb),var(--op-6));
    box-shadow: 0px 0px 5px rgba(var(--base),var(--op-6));
    color: var(--contrast);
    padding: 5px 12px;
    white-space: nowrap;
@@ -1327,8 +1327,8 @@
/*.group-actions button {*/
/*    padding: 0.5rem 0.75rem;*/
/*    border-radius: var(--radius);*/
/*    background: rgba(var(--action-rgb), 0.1);*/
/*    border: 1px solid rgba(var(--action-rgb), 0.3);*/
/*    background: rgba(var(--action-0), 0.1);*/
/*    border: 1px solid rgba(var(--action-0), 0.3);*/
/*    color: var(--action-0);*/
/*    font-size: var(--txt-small);*/
/*    transition: all var(--trans-base);*/
@@ -1336,7 +1336,7 @@
/*}*/

/*.group-actions button:hover {*/
/*    background: rgba(var(--action-rgb), 0.2);*/
/*    background: rgba(var(--action-0), 0.2);*/
/*    border-color: var(--action-0);*/
/*    transform: translateY(-1px);*/
/*}*/
@@ -1344,7 +1344,7 @@
/*!* Group item grid - distinct from preview grid *!*/
/*.item-grid.group {*/
/*    background: rgba(255, 255, 255, 0.5);*/
/*    border: 1px solid rgba(var(--action-rgb), 0.15);*/
/*    border: 1px solid rgba(var(--action-0), 0.15);*/
/*    border-radius: var(--radius);*/
/*    padding: 0.75rem;*/
/*    min-height: 100px;*/
@@ -1422,8 +1422,8 @@
/*    flex-direction: column;*/
/*    gap: 0.5rem;*/
/*    padding: 1rem;*/
/*    background: rgba(var(--action-rgb), 0.05);*/
/*    border: 1px solid rgba(var(--action-rgb), 0.2);*/
/*    background: rgba(var(--action-0), 0.05);*/
/*    border: 1px solid rgba(var(--action-0), 0.2);*/
/*    border-radius: var(--radius);*/
/*    margin: 1rem 0;*/
/*    animation: slideDown var(--trans-base);*/
@@ -1437,7 +1437,7 @@
/*.progress .bar {*/
/*    width: 100%;*/
/*    height: 8px;*/
/*    background: rgba(var(--action-rgb), 0.15);*/
/*    background: rgba(var(--action-0), 0.15);*/
/*    border-radius: 4px;*/
/*    overflow: hidden;*/
/*    position: relative;*/
@@ -1451,7 +1451,7 @@
/*    var(--action-200) 100%);*/
/*    border-radius: 4px;*/
/*    transition: width 0.3s ease;*/
/*    box-shadow: 0 0 8px rgba(var(--action-rgb), 0.4);*/
/*    box-shadow: 0 0 8px rgba(var(--action-0), 0.4);*/
/*}*/

/*!* Progress details - styled for row layout with text and count *!*/
@@ -1540,7 +1540,7 @@
/*.upload.item:has(.upload-select:checked) {*/
/*    outline: 3px solid var(--action-0);*/
/*    outline-offset: -3px;*/
/*    box-shadow: 0 0 0 3px rgba(var(--action-rgb), 0.2);*/
/*    box-shadow: 0 0 0 3px rgba(var(--action-0), 0.2);*/
/*}*/

/*!* Selection checkbox - always visible on hover or when checked *!*/
@@ -1560,8 +1560,8 @@
/*    display: flex;*/
/*    gap: 1rem;*/
/*    padding: 1rem;*/
/*    background: rgba(var(--action-rgb), 0.1);*/
/*    border: 2px solid rgba(var(--action-rgb), 0.3);*/
/*    background: rgba(var(--action-0), 0.1);*/
/*    border: 2px solid rgba(var(--action-0), 0.3);*/
/*    border-radius: var(--radius);*/
/*    margin: 1rem 0;*/
/*    align-items: center;*/
@@ -1605,11 +1605,11 @@
/*!* Smooth dragover animation *!*/
/*@keyframes drop-pulse {*/
/*    0%, 100% {*/
/*        background-color: rgba(var(--action-rgb), 0.15);*/
/*        background-color: rgba(var(--action-0), 0.15);*/
/*        transform: scale(1.02);*/
/*    }*/
/*    50% {*/
/*        background-color: rgba(var(--action-rgb), 0.25);*/
/*        background-color: rgba(var(--action-0), 0.25);*/
/*        transform: scale(1.04);*/
/*    }*/
/*}*/
@@ -1738,13 +1738,13 @@

/*.restore-item:hover {*/
/*    border-color: var(--action-0);*/
/*    box-shadow: 0 2px 8px rgba(var(--action-rgb), 0.2);*/
/*    box-shadow: 0 2px 8px rgba(var(--action-0), 0.2);*/
/*}*/

/*!* Checked state *!*/
/*.restore-item:has(.restore-checkbox:checked) {*/
/*    border-color: var(--action-0);*/
/*    background: rgba(var(--action-rgb), 0.05);*/
/*    background: rgba(var(--action-0), 0.05);*/
/*}*/

/*!* Preview section *!*/
@@ -1872,7 +1872,7 @@
/*.restore-selected:hover {*/
/*    background: var(--action-200);*/
/*    transform: translateY(-1px);*/
/*    box-shadow: 0 4px 12px rgba(var(--action-rgb), 0.3);*/
/*    box-shadow: 0 4px 12px rgba(var(--action-0), 0.3);*/
/*}*/

/*!* Scrap cache button - destructive action *!*/
@@ -2454,7 +2454,7 @@
    margin-right: 1rem;
    padding: 1rem;
    border-radius: var(--radius);
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    z-index: var(--z-6);
    width: 50vw;
    animation: fadeInSlideUp 0.5s ease-out forwards;

 nav.css

@@ -5,6 +5,8 @@
    --wrap: nowrap;
    font-family: var(--heading);
}

ul.socials,
nav,
nav ol,
nav ul,
@@ -21,13 +23,27 @@
    padding: 0;
    margin: 0;
}
nav li {
nav.col,
nav.col ul {
    height: max-content;
}

nav > ul {
    width: 100%;
    overflow: auto hidden;
}

nav li {
    width: max-content;
    --justify: center;
    max-inline-size: none;
    padding: 0;
    list-style: none;
}

nav.fill li {
    width: 100%;
}
nav a, nav button {
    --justify: center;
    width: 100%;
@@ -42,27 +58,27 @@
}
nav .toggle {
    aspect-ratio: 1;
    border: 1px solid var(--base);
    color: var(--contrast);
    border: 1px solid rgb(var(--base));
    color: rgb(var(--contrast));
}

    nav .current a,
    nav a.current,
    nav a:focus,
    nav a:focus:visited,
    nav button:focus {
        background-color: var(--action-0);
        color: var(--action-contrast);
    }
nav .current a,
nav a.current,
nav a:focus,
nav a:focus:visited,
nav button:focus {
    background-color: rgb(var(--action-0));
    color: var(--action-contrast);
}

.toggle .icon-caret-down {
    transform: rotate(0deg);
    transition: transform var(--trans-base);
}
    .open > .row > .toggle .icon-caret-down,
    .open > .toggle .icon-caret-down {
        transform: rotate(900deg);
    }
.open > .row > .toggle .icon-caret-down,
.open > .toggle .icon-caret-down {
    transform: rotate(900deg);
}

/****************************************************
SUBMENUS
@@ -81,24 +97,24 @@
    transform-origin: top;
    width: 100%;
    min-width: max-content;
    background-color: rgba(var(--base-rgb),var(--op-3));
    border: 2px solid rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    border: 2px solid rgba(var(--base),var(--op-3));
    transition: max-height var(--trans-base), transform var(--trans-base);
    box-shadow: var(--shdw-none);
    overflow: hidden;
}
    .submenu li {
        background-color: rgba(var(--base-rgb),var(--op-6));
        border: 1px solid var(--base-50);
    }
    .submenu a {
        height: var(--chipchip);
    }
.submenu li {
    background-color: rgba(var(--base),var(--op-6));
    border: 1px solid rgb(var(--base-50));
}
.submenu a {
    height: var(--chipchip);
}

.open > ul.submenu {
    transform: scaleY(1);
    max-height: 1000%;
    box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
}

/**************************************************************
@@ -121,118 +137,249 @@
}

nav a:focus-visible {
    outline: 1px solid var(--action-0);
    outline: 1px solid rgb(var(--action-0));
    outline-offset: 1px;
}

/*************************************************************
MOBILE NAV
ALWAYS MOBILE NAV
*************************************************************/
/*nav.always {*/
/*    --dir: column;*/
/*    --justify: flex-end;*/
/*    position: fixed;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: var(--btn);*/
/*    z-index: var(--z-10);*/
/*}*/
/*nav.always.open {*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    padding-bottom: var(--btn_);*/
/*    background-color: rgba(var(--base),var(--op-6));*/
/*    backdrop-filter: blur(5px);*/
/*    z-index: var(--z-10);*/
/*}*/

/*nav.always > ul {*/
/*    z-index: 1;*/
/*    --dir: column;*/
/*    --align: center;*/
/*    --justify: flex-start;*/
/*    --gap: 0;*/
/*    height: 100%;*/
/*    max-height: 100%;*/
/*    position: relative;*/
/*    right: -300vw;*/
/*    width: 100vw;*/
/*    padding: var(--btn) 0 0;*/
/*    overflow: hidden auto;*/
/*    transition: right var(--trans-base);*/
/*}*/

/*nav.always.open > ul {*/
/*    right: 0;*/
/*}*/
/*nav.always li {*/
/*    --wrap: wrap;*/
/*    --dir: row;*/
/*    height: max-content;*/
/*    --justify: flex-start;*/
/*    background-color: rgba(var(--base), var(--op-6));*/
/*}*/
/*nav.always a {*/
/*    padding: 1rem;*/
/*    --justify: center;*/
/*    max-width: calc(100% - var(--btn));*/
/*}*/

/*nav.always .has-submenu > a {*/
/*    z-index: var(--z-3);*/
/*}*/
/*nav.always .has-submenu > button {*/
/*    width: var(--btn);*/
/*}*/

/*nav.always .submenu {*/
/*    position: relative;*/
/*    padding-right: 4rem;*/
/*    top: 0;*/
/*    border: 1px solid rgb(var(--action-0));*/
/*    background-color: rgba(rgb(var(--contrast)), var(--op-1));*/
/*}*/
/*nav.always .submenu li {*/
/*    background-color: rgba(var(--base),var(--op-3));*/
/*}*/

/*nav.always > .toggle {*/
/*    position: fixed;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: var(--btn);*/
/*    height: var(--btn);*/
/*    background-color: rgb(var(--base));*/
/*    color: rgb(var(--contrast));*/
/*    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/
/*    transition: width var(--trans-base);*/
/*}*/
/*nav.always > .toggle:hover {*/
/*    background-color: rgb(var(--action-0));*/
/*    color: var(--action-contrast);*/
/*}*/
/*nav.always.open > .toggle {*/
/*    width: 100%;*/
/*    background-color: rgba(var(--base),var(--op-6));*/
/*    backdrop-filter: blur(5px);*/
/*    z-index: 1000000;*/
/*}*/

/*nav.always.open > .toggle:hover {*/
/*    background-color: rgb(var(--action-0));*/
/*    color: var(--action-contrast);*/
/*}*/

/*nav.always button .icon-x,*/
/*nav.always.open button .icon-list {*/
/*    display: none;*/
/*}*/
/*nav.always button .icon-list,*/
/*nav.always.open button .icon-x {*/
/*    display: block;*/
/*    --w: 32px;*/
/*}*/


/*nav.always.fixed > ul {*/
/*    padding-top: var(--btn);*/
/*}*/
nav.always {
    overflow: visible;
    transition: width var(--trans-base);
    width: max-content;
}
nav.always > ul {
    --dir: column;
    --align: center;
    --justify: flex-end;
    --gap: 0;
    height: 100vh;
    max-height: none;
    position: fixed;
    right: -300vw;
    bottom: 0;
    width: 100vw;
    padding: var(--btn) 0;
    overflow: hidden auto;
    transition: right var(--trans-base);
}
    nav.always.open > ul {
        right: 0;
    }
    nav.always li {
        width: 100%;
    }
/*******************************************************
ALWAYS MOBILE FIXED NAV
*******************************************************/
nav.always.fixed {
    width: var(--btn);
    height: var(--btn);
    bottom: 0;
    right: 0;
    width: var(--btn);
    z-index: var(--z-10);
    overflow: hidden;
}
    nav.always.open {
        width: 100vw;
        height: 100vh;
        padding-bottom: var(--btn_);
        background-color: rgba(var(--base-rgb),var(--op-6));
        backdrop-filter: blur(5px);
        z-index: var(--z-10);
    nav.always.fixed .toggle.main {
        background-color: rgb(var(--base));
    }
        nav.always.fixed .toggle.main:hover,
        nav.always.fixed .toggle.main:focus {
            background-color: rgb(var(--action-0));
            color: var(--action-contrast);
        }
/*******************************************************
MOBILE NAV
*******************************************************/
nav.mobile .toggle.main {
    width: var(--btn);
    transition: width var(--trans-base);
}
nav.mobile .icon-x,
nav.mobile .icon-list {
    --w: 32px;
}
nav.mobile .icon-x,
nav.mobile.open .icon-list {
    display: none;
}
    nav.mobile .icon-list,
    nav.mobile.open .icon-x {
        display: block;
    }

    nav.always > ul {
        z-index: 1;
nav.mobile.open > ul {
    --dir: column;
    z-index: var(--z-9);
    background-color: rgba(var(--base), var(--op-6));
    width: 100vw;
    height: 100vh;
    overflow: hidden auto;
    right: 0;
    bottom: 0;
    position: fixed;
    padding: var(--btn) 0;
}
    nav.always > ul::before,
    nav.mobile.open > ul::before {
        content: '';
        z-index: -1;
        position: absolute;
        inset: 0;
        filter: blur(5px);
    }
    nav.always.open .main.toggle,
    nav.mobile.open .main.toggle {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        z-index: var(--z-10);
        aspect-ratio: unset;
    }
    nav.always > ul,
    nav.always > ul:before,
    nav.mobile.open > ul,
    nav.mobile.open > ul::before {
        background-color: rgba(var(--base), var(--op-6));
    }

@media (max-width:767px) {
    nav.col {
        height: var(--btn);
    }
    nav.mobile > ul {
        --dir: column;
        --align: center;
        --justify: flex-start;
        --justify: flex-end;
        --gap: 0;
        height: 100%;
        max-height: 100%;
        max-height: none;
        position: relative;
        right: -300vw;
        width: 100vw;
        padding: var(--btn) 0 0;
        overflow: hidden auto;
        transition: right var(--trans-base);
        /*transition: right var(--trans-base);*/
    }

        nav.always.open > ul {
            right: 0;
        }
    nav.always li {
        --wrap: wrap;
        --dir: row;
        height: max-content;
        --justify: flex-start;
        background-color: rgba(var(--base-rgb), var(--op-6));
    }
    nav.always a {
        padding: 1rem;
        --justify: center;
        max-width: calc(100% - var(--btn));
    }

    nav.always .has-submenu > a {
        z-index: var(--z-3);
    }
    nav.always .has-submenu > button {
        width: var(--btn);
    }

    nav.always .submenu {
        position: relative;
        padding-right: 4rem;
        top: 0;
        border: 1px solid var(--action-0);
        background-color: rgba(var(--contrast-rgb), var(--op-1));
    }
        nav.always .submenu li {
            background-color: rgba(var(--base-rgb),var(--op-3));
        }

    nav.always > .toggle {
        position: fixed;
        bottom: 0;
    nav.mobile.open > ul {
        right: 0;
        width: var(--btn);
        height: var(--btn);
        background-color: var(--base);
        color: var(--contrast);
        box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
        transition: width var(--trans-base);
    }
        nav.always > .toggle:hover {
            background-color: var(--action-0);
            color: var(--action-contrast);
        }
        nav.always.open > .toggle {
            width: 100%;
            background-color: rgba(var(--base-rgb),var(--op-6));
            backdrop-filter: blur(5px);
            z-index: 1000000;
        }

            nav.always.open > .toggle:hover {
                background-color: var(--action-0);
                color: var(--action-contrast);
            }

        nav.always button .icon-x,
        nav.always.open button .icon-list {
            display: none;
        }
        nav.always button .icon-list,
        nav.always.open button .icon-x {
            display: block;
            --w: 32px;
        }

}
@media (min-width:768px) {
    nav.mobile:not(.always) .toggle.main {
        display: none;
    }
}
/*******************************************************
BREADCRUMBS
*******************************************************/
@@ -243,7 +390,7 @@
    width: max-content;
    max-width: var(--full);
    position: absolute;
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    font-size: var(--txt-x-small);
    padding: .125em;
    z-index: var(--z-5);
@@ -253,70 +400,68 @@
    height: max-content;
    --wrap: wrap;
}
    nav#breadcrumbs li {
        width: max-content;
        height: var(--chip);
        --wrap: nowrap;
    }
        nav#breadcrumbs li::after {
            content: '/';
            color: var(--contrast-200);
            padding: 0 .25rem;
        }
            nav#breadcrumbs li:last-of-type::after {
                display: none;
            }
    nav#breadcrumbs a {
        height: var(--chip);
    }
    nav#breadcrumbs a, nav#breadcrumbs span {
        padding: 0 .125rem;
        color: var(--contrast);
        text-transform: none;
    }
    nav#breadcrumbs a:focus {
        background-color: transparent;
        color: var(--action-0);
    }
nav#breadcrumbs li {
    width: max-content;
    height: var(--chip);
    --wrap: nowrap;
}
nav#breadcrumbs li::after {
    content: '/';
    color: rgb(var(--contrast-200));
    padding: 0 .25rem;
}
nav#breadcrumbs li:last-of-type::after {
    display: none;
}
nav#breadcrumbs a {
    height: var(--chip);
}
nav#breadcrumbs a, nav#breadcrumbs span {
    padding: 0 .125rem;
    color: rgb(var(--contrast));
    text-transform: none;
}
nav#breadcrumbs a:focus {
    background-color: transparent;
    color: rgb(var(--action-0));
}

/************************************************************
FIXED BOTTOM
************************************************************/
nav.fixed {
    position: fixed;
    left: 0;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-9);
}
nav.fixed.bottom {
    left: 0;
    bottom: 0;
    width: calc(100% - var(--btn));
}

    nav.fixed ul {
        --justify: space-between;
        width: 100%;
        background-color: var(--base);
        padding: 0 .25rem;
    }
        nav.always.fixed > ul {
            padding-top: var(--btn);
        }
nav.fixed:not(.always) ul {
    --justify: space-between;
    width: 100%;
    background-color: rgb(var(--base));
    padding: 0 .25rem;
}

    nav.fixed li {
        flex: 1;
    }
nav.fixed:not(.always) li {
    flex: 1;
}
nav.fixed a {
    --align: center;
    --gap: 1rem;
    --w: var(--chip_);
    color: rgb(var(--contrast));
    font-size: var(--txt-x-small);
}
@media (min-width: 768px) {
    nav.fixed a {
        --gap: 1rem;
        --w: var(--chip_);
        color: var(--contrast);
        font-size: var(--txt-x-small);
        font-size: var(--txt-medium);
    }
    @media (min-width: 768px) {
        nav.fixed a {
            font-size: var(--txt-medium);
        }
    }
}

/************************************************************
ON THIS PAGE
@@ -328,38 +473,38 @@
    left: 0;
    width: 100vw;
    z-index: var(--z-5);
    background-color: rgba(var(--base-rgb), var(--op-45));
    background-color: rgba(var(--base), var(--op-45));
    max-width: none;
}

body:has(nav.fixed) nav.on-this-page {
    bottom: var(--btn);
}
    nav.on-this-page button {
        order: 3;
        padding: 0 1rem;
        width:max-content;
        aspect-ratio: unset;
    }
    nav.on-this-page.open button {
        order: 0;
    }
    nav.on-this-page ul {
        width: 100%;
        --gap: 0;
    }
    nav.on-this-page a {
        padding: 0;
    }
        nav.on-this-page .active a {
            background-color: rgba(var(--base-rgb),var(--op-6));
            color: var(--action-contrast);
        }
    nav.on-this-page #back-to-top span {
        display: none;
    }
nav.on-this-page button {
    order: 3;
    padding: 0 1rem;
    width:max-content;
    aspect-ratio: unset;
}
nav.on-this-page.open button {
    order: 0;
}
nav.on-this-page ul {
    width: 100%;
    --gap: 0;
}
nav.on-this-page a {
    padding: 0;
}
nav.on-this-page .active a {
    background-color: var(--action-0);
    background-color: rgba(var(--base),var(--op-6));
    color: var(--action-contrast);
}
nav.on-this-page #back-to-top span {
    display: none;
}
nav.on-this-page .active a {
    background-color: rgb(var(--action-0));
    color: var(--action-contrast);
}

@@ -375,24 +520,24 @@
nav.letters li {
    max-width: calc(7.69% - 2px); /* Fit 26 letters over 2 rows */
}
    nav.letters ul {
        --wrap: wrap;
    }
nav.letters ul {
    --wrap: wrap;
}

    @media (min-width:768px) {
        nav.letters, nav.letters ul {
            height: var(--chip);
        }
        nav.letters ul {
            --wrap: nowrap;
        }
        nav.letters li {
            max-width: none;
        }
        nav.letters a {
            padding: .25rem .66rem;
        }
@media (min-width:768px) {
    nav.letters, nav.letters ul {
        height: var(--chip);
    }
    nav.letters ul {
        --wrap: nowrap;
    }
    nav.letters li {
        max-width: none;
    }
    nav.letters a {
        padding: .25rem .66rem;
    }
}

/********************************************************
INDEX/TOC
@@ -400,68 +545,68 @@
nav.index {
    --justify: space-between;
    --padding: 0;
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
}
    nav.index ul {
        width: 100%;
    }
    nav.index li {
        flex-shrink:0;
nav.index ul {
    width: 100%;
}
nav.index li {
    flex-shrink:0;
    transform: scaleX(0);
    max-width: 0;
    overflow: hidden;
}
nav.index li.active,
nav.index li.adj {
    transform: scaleX(1);
    width: calc(100% - var(--btn_));
    flex-shrink: 1;
    max-width: none;
}
nav.index li:first-of-type {
    flex-shrink: 1;
    transform: scaleX(1);
    order: 9999;
    width: var(--btn);
    height: var(--btn);
    max-width: none;
}

@media (max-width: 767px) {
    .index li.adj {
        transform: scaleX(0);
        max-width: 0;
        overflow: hidden;
    }
    nav.index li.active,
    nav.index li.adj {
        transform: scaleX(1);
        width: calc(100% - var(--btn_));
        flex-shrink: 1;
        max-width: none;
    }
    nav.index li:first-of-type {
        flex-shrink: 1;
        transform: scaleX(1);
        order: 9999;
        width: var(--btn);
        height: var(--btn);
        max-width: none;
    }
}
nav.index a {
    border-bottom: 4px solid transparent;
}
nav.index .active a {
    border-color: rgb(var(--action-0));
    color: rgb(var(--contrast));
}

    @media (max-width: 767px) {
        .index li.adj {
            transform: scaleX(0);
            max-width: 0;
        }
    }
    nav.index a {
        border-bottom: 4px solid transparent;
    }
    nav.index .active a {
        border-color: var(--action-0);
        color: var(--contrast);
    }

    nav.index.open {
        --dir: column-reverse;
        height: var(--maxHeight);
        width: 100%;
        --align: flex-end;
        background-color: rgba(var(--base-rgb),var(--op-6));
        backdrop-filter: blur(5px);
        z-index: var(--z-10);
    }
    nav.index.open li {
        width: 100%;
        height: var(--btn);
        max-width: 100%!important;
        transform: scaleX(1);
        overflow: visible;
    }
    nav.index.open a {
        --justify: flex-end;
        padding: 0 2rem 0 0;
        background-color: transparent;
    }
nav.index.open {
    --dir: column-reverse;
    height: var(--maxHeight);
    width: 100%;
    --align: flex-end;
    background-color: rgba(var(--base),var(--op-6));
    backdrop-filter: blur(5px);
    z-index: var(--z-10);
}
nav.index.open li {
    width: 100%;
    height: var(--btn);
    max-width: 100%!important;
    transform: scaleX(1);
    overflow: visible;
}
nav.index.open a {
    --justify: flex-end;
    padding: 0 2rem 0 0;
    background-color: transparent;
}

/***************************************************************
CONDENSED
@@ -476,29 +621,34 @@
    --wrap: wrap;
    min-height: var(--chip);
}
    .condensed ul {
        --justify: center;
        --dir: row;
    }
nav.condensed {
    --gap: 0 .25rem;
    width: 100%;
    --justify: center;
}
    nav.condensed li + li::before {
        content: '·';
        padding: 0 .25em;
    }
    nav.condensed a {
        font-size: var(--txt-x-small);
        padding: 0 .25rem;
        text-transform: none;
        border-bottom: 2px solid transparent;
    }
    nav .current a,
    nav a.current,
    nav a:focus,
    nav a:focus:visited,
    nav button:focus {
        background-color: transparent;
        color: var(--contrast);
        border-color: var(--action-0);
    }
nav.condensed li + li::before {
    content: '·';
    padding: 0 .25em;
}
nav.condensed a {
    font-size: var(--txt-x-small);
    padding: 0 .25rem;
    text-transform: none;
    border-bottom: 2px solid transparent;
}
nav .current a,
nav a.current,
nav a:focus,
nav a:focus:visited,
nav button:focus {
    background-color: transparent;
    color: rgb(var(--contrast));
    border-color: rgb(var(--action-0));
}

/********************************************************************
SOCIALS
@@ -507,21 +657,40 @@
    --dir: row;
    height: max-content;
    --gap: .5rem;
    --justify: stretch;
    --justify: flex-end;
    --wrap: nowrap;
    overflow: auto hidden;
    touch-action: pan-x;
}
.always ul.socials {
    width: 100%;
}
    ul.socials a {
        padding: .5rem;
        max-width: none;
ul.socials li {
    list-style: none;
}
.always ul.socials {
    width: 100vw;
    --justify: stretch;
}
    .always ul.socials li {
        flex: 1;
        --justify: center;
        --align: center;
    }
    ul.socials .icon {
        margin: 0;
    }
        .always ul.socials a {
            display: inline-flex;
        }
ul.socials a {
    display: inline-block;
    font-size: var(--txt-x-small);
    padding: .25rem .5rem;
    max-width: none;
}
ul.socials .icon {
    margin: 0;
}

ul.socials .icon + span:not(.screen-reader-text) {
    margin-left: .5rem;
}

/********************************************************************
TABS
@@ -537,45 +706,45 @@
    --wrap: nowrap;
    overflow: auto hidden;
}
    nav.tabs button.active {
        cursor: default;
    }
    nav.tabs button {
        font-family: var(--heading);
        font-size: var(--txt-x-small);
        border-bottom: 4px solid transparent;
    }
    nav.tabs button.active,
    nav.tabs button.active:hover {
        background-color: var(--action-0);
        color: var(--action-contrast);
        border-color: var(--base);
    }
nav.tabs button.active {
    cursor: default;
}
nav.tabs button {
    font-family: var(--heading);
    font-size: var(--txt-x-small);
    border-bottom: 4px solid transparent;
}
nav.tabs button.active,
nav.tabs button.active:hover {
    background-color: rgb(var(--action-0));
    color: var(--action-contrast);
    border-color: rgb(var(--base));
}

    .tab-content nav.tabs button {
        height: var(--chip_);
        padding: .25rem .75rem;
        min-height: 0;
    }
.tab-content nav.tabs button {
    height: var(--chip_);
    padding: .25rem .75rem;
    min-height: 0;
}

    .tab-content h2 {
        margin: 0 0 .5rem;
    }
.tab-content h2 {
    margin: 0 0 .5rem;
}

    .tab-content nav.tabs {
        height: max-content;
        background-color: var(--base);
        --gap: 0;
    }
        .tab-content .tab-content nav.tabs {
            background-color: var(--base-100);
        }
        .tab-content .tab-content .tab-content nav.tabs {
            background-color: var(--base-200);
        }
        .tab-content nav.tabs button.active h2 {
            color: var(--action-0);
        }
.tab-content nav.tabs {
    height: max-content;
    background-color: rgb(var(--base));
    --gap: 0;
}
.tab-content .tab-content nav.tabs {
    background-color: rgb(var(--base-100));
}
.tab-content .tab-content .tab-content nav.tabs {
    background-color: rgb(var(--base-200));
}
.tab-content nav.tabs button.active h2 {
    color: rgb(var(--action-0));
}
/********************************************************
MENU (as in food menu)
********************************************************/
@@ -590,15 +759,15 @@
    height: max-content;
    margin: 1rem 0;
}
    nav.share ul {
        overflow: visible;
    }
    nav.share h4 {
        display: inline-block;
        width: max-content;
        margin: .25rem .5rem .25rem 0;
        font-size: var(--txt-x-small);
    }
nav.share ul {
    overflow: visible;
}
nav.share h4 {
    display: inline-block;
    width: max-content;
    margin: .25rem .5rem .25rem 0;
    font-size: var(--txt-x-small);
}

/************************************************************
HEADER ELEMENTS
@@ -613,10 +782,11 @@
    height: var(--btn);
    width: 100vw;
    display: flex;
    align-items: center;
    align-items: var(--align, center);
    justify-content: var(--justify, space-between);
    padding: 0 .5rem;
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    background-color: rgb(var(--base));
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-9);
}
.wp-site-blocks > header img {
@@ -634,12 +804,44 @@
    --dir: row;
    overflow: auto hidden;
}
    nav.filters .filter {
        width: auto;
        padding: .25rem .75rem;
    }
nav.filters .filter {
    width: auto;
    padding: .25rem .75rem;
}

/* Hide navigation when empty */
nav.term-navigation:has(*[hidden]) {
    display: none;
}
}

nav.pagination {
    width: 100%;
}
nav.pagination > a {
    min-width: var(--chipchip);
}
nav.pagination > ul {
    margin: 0 auto;
}
nav.pagination:not(:has(a + ul)) {
    margin-left: var(--chipchip);
}
nav.pagination:not(:has(ul + a)) {
    margin-right: var(--chipchip);
}

.pagination.condensed li + li::before {
    display: none;
}
.pagination li.current {
    width: var(--chip_);
    height: var(--chip_);
    background-color: rgb(var(--action-0));
    border-radius: var(--radius);
    line-height: 1;
}
.pagination.condensed a {
    font-size: var(--txt-medium);
    width: var(--chip_);
    height: var(--chip_);
}

 nav.min.css

@@ -1 +1 @@
nav,nav ol,nav ul{--padding:0 1rem;--wrap:nowrap;display:flex;flex-direction:var(--dir,row);justify-content:var(--justify,flex-start);align-items:var(--align,center);gap:var(--gap,0);flex-wrap:var(--wrap,nowrap);height:var(--btn,3rem);max-width:100%;font-family:var(--heading);padding:0;margin:0}nav li{display:flex;align-items:center;height:max(var(--btn),max-content);width:100%;max-inline-size:none;padding:0}nav a,nav button{display:flex;text-decoration:none;align-items:center;justify-content:center;height:var(--btn);width:100%;white-space:nowrap;text-transform:uppercase;transition:var(--trans-color)}nav a{height:var(--btn);padding:var(--padding)}nav button{justify-content:center;aspect-ratio:1;padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav button:focus{background-color:var(--action-0);color:var(--action-contrast)}.toggle .icon{transform:rotate(0);transition:transform var(--trans-base)}.has-submenu.open>button .icon{transform:rotate(900deg)}.has-submenu{position:relative}ul.submenu{--dir:column;height:max-content;position:absolute;top:100%;right:0;max-height:0;transform:scaleY(0);transform-origin:top;width:100%;min-width:max-content;background-color:rgba(var(--base-rgb),var(--op-3));border:2px solid rgba(var(--base-rgb),var(--op-3));transition:all var(--trans-t) var(--trans-fn);box-shadow:var(--shdw-none);overflow:hidden}.submenu li{background-color:rgba(var(--base-rgb),var(--op-6));border:1px solid var(--base-50)}.open>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}nav a:focus:not(:focus-visible){outline:0}nav a:focus-visible{outline:2px solid var(--action-0);outline-offset:2px}nav.always{--dir:column;--wrap:nowrap;position:fixed;bottom:0;right:0;width:var(--btn);z-index:var(--z-10)}nav.always.open{--justify:flex-end;width:100vw;height:100vh;padding-bottom:var(--btn_);background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px)}nav.always>ul{--dir:column;--align:center;--justify:flex-start;--gap:0;height:100%;position:relative;right:-300vw;width:100vw;max-height:100%;padding:1rem 0 0;overflow:hidden auto;transition:right var(--trans-base)}nav.always.open>ul{right:0}nav.always li{flex-wrap:wrap;background-color:rgba(var(--base-rgb),var(--op-6))}nav.always a{padding:1rem;max-width:calc(100% - var(--btn));text-align:center}nav.always .has-submenu{display:flex}nav.always .has-submenu>a{flex:1}nav.always .has-submenu>button{flex:0 0 var(--btn)}nav.always .submenu{position:relative;padding-right:4rem;height:max-content;top:0;width:100%;border:2px solid var(--action-0);background-color:rgba(var(--contrast-rgb),var(--op-1))}nav.always .submenu li{background-color:rgba(var(--base-rgb),var(--op-3))}nav.always>button{position:fixed;bottom:0;right:0;width:var(--btn);height:var(--btn);background-color:var(--base);color:var(--contrast);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);transition:width var(--trans-base)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{width:100%;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:1000000}nav.always.open>button .icon-list,nav.always>button .icon-x{display:none}nav.always.open>button .icon-x,nav.always>button .icon-list{display:block;width:32px;height:32px}@media (min-width:768px){nav.always>ul{padding-top:var(--btn)}}nav#breadcrumbs{height:max-content;--wrap:wrap;--gap:0;width:max-content;max-width:var(--full);position:absolute;background-color:rgba(var(--base-rgb),var(--op-4));font-size:var(--txt-x-small);padding:.125em;z-index:var(--z-7)}#breadcrumbs ol{height:max-content;--wrap:wrap!important;--justify:flex-start!important}#breadcrumbs li{width:max-content}#breadcrumbs a{height:var(--chip)}#breadcrumbs li::after{content:'/';color:var(--contrast-200);padding:0 .25rem}#breadcrumbs li:last-of-type::after{display:none}#breadcrumbs :is(a,span){padding:0 .125rem;color:var(--contrast);text-transform:none}#breadcrumbs a:focus{background-color:transparent;color:var(--action-0)}nav.fixed.bottom{position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}nav.fixed.bottom ul{--justify:space-between;width:100%;background-color:var(--base);padding:0 .25rem}nav.fixed.bottom li{flex:1;justify-content:center}nav.fixed.bottom a{gap:1rem;--w:var(--chip_);color:var(--contrast);font-size:var(--txt-x-small)}@media (min-width:768px){nav.fixed.bottom a{font-size:var(--txt-medium)}}nav.on-this-page{--justify:space-between;position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));max-width:none;padding:0 .5rem;background-color:rgba(var(--base-rgb),var(--op-4));color:var(--base-200);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-6)}.on-this-page a,.on-this-page li{width:100%;height:100%}body:has(nav.fixed) nav.on-this-page{bottom:var(--btn)}body:has(.additional-actionsbutton) nav.on-this-page{width:calc(100vw - var(--btn_) - 1rem)}.on-this-page button{order:3;padding:0 1rem;width:max-content;aspect-ratio:unset;height:var(--btn)}.on-this-page.open button{order:0}.on-this-page ul{width:100%;gap:0}.on-this-page li{justify-content:center}.on-this-page .active a{background-color:rgba(var(--base-rgb),var(--op-6));color:var(--action-contrast)}.on-this-page a{padding:0}.on-this-page #back-to-top span{display:none}.on-this-page.open #back-to-top span{display:block}nav.letters li{height:var(--chip);max-width:calc(7.69% - 2px)}nav.letters ul{--wrap:wrap}nav.letters,nav.letters ul{height:var(--chipchip)}@media (min-width:768px){nav.letters,nav.letters ul{height:var(--chip)}nav.letters ul{--wrap:nowrap}nav.letters li{max-width:none}nav.letters a{padding:.25rem .66rem}}nav.index{--justify:space-between;--padding:0;background-color:rgba(var(--base-rgb),var(--op-6))}.index ul{width:100%}.index li{flex-shrink:0;transform:scaleX(0);max-width:0;overflow:hidden}.index li.active,.index li.adj{transform:scaleX(1);width:calc(100% - var(--btn_));flex-shrink:1;max-width:none}.index li:first-of-type{flex-shrink:1;transform:scaleX(1);order:9999;width:var(--btn);height:var(--btn);max-width:none}@media (max-width:767px){.index li.adj{transform:scaleX(0);max-width:0}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index.open{--dir:column-reverse;height:var(--maxHeight);width:100%;align-items:flex-end;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:var(--z-10)}.index.open ul{--dir:column;--justify:flex-end;height:100%;width:100%}.index.open li{width:100%;height:var(--btn);max-width:100%!important;transform:scaleX(1);overflow:visible}.index.open a{justify-content:flex-end;padding:0 2rem 0 0;background-color:transparent}nav.condensed{height:max-content;--wrap:wrap;--gap:0 .25rem}nav.condensed ul{min-height:var(--chip_);height:max-content;--justify:center;--wrap:wrap}.condensed li{width:max-content;min-height:var(--chip)}.condensed li+li::before{content:'·';padding:0 .25em}.condensed a{height:max-content;min-height:var(--chip);font-size:var(--txt-x-small);padding:0 .25rem;text-transform:none;border-bottom:2px solid transparent}.condensed a:focus{border-color:var(--action-0)}ul.socials{--dir:row;height:max-content;--gap:.5rem;--justify:stretch;--wrap:nowrap;overflow:auto hidden;touch-action:pan-x}.always ul.socials,.always ul.socials a,.always ul.socials li{width:100%}ul.socials a{padding:.5rem;max-width:none}ul.socials .icon{margin:0}nav.tabs{position:fixed;bottom:var(--btn);left:var(--btnbtn);right:var(--btnbtn);padding-bottom:2px;z-index:var(--z-6);touch-action:pan-x pan-y;--wrap:nowrap;overflow:auto hidden}nav.tabs button{aspect-ratio:unset}nav.tabs button.active{cursor:default}nav.tabs button.active:hover{background-color:var(--base-100);color:var(--contrast)}nav.tabs button h2{--wrap:nowrap;margin:0;font-size:var(--txt-x-small)}.tab-content nav.tabs button{height:var(--chip_);padding:.25rem .75rem;min-height:0}.tab-content.active{padding:1rem 0}.tab-content h2{margin:0 0 .5rem}.tab-content nav.tabs{height:max-content;background-color:var(--base);--gap:0}.tab-content .tab-content nav.tabs{background-color:var(--base-100)}.tab-content .tab-content .tab-content nav.tabs{background-color:var(--base-200)}.tab-content nav.tabs button.active h2{color:var(--action-0)}nav.menu a{padding:.5rem .66rem}nav.share{height:max-content;margin:1rem 0}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--txt-x-small)}:where(body>header,.wp-site-blocks>header){--dir:row;--justify:space-between;position:sticky;top:0;left:0;right:0;height:var(--btn);width:100vw;display:flex;align-items:center;padding:0 .5rem;background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}.wp-site-blocks>header img{width:var(--btn)}nav.term-navigation:has([hidden]){display:none}.dashboard-nav{--justify:flex-start;width:100%}nav.filters{--dir:row;--justify:flex-start;overflow:auto hidden}nav.filters .filter{width:auto;padding:.25rem .75rem}
nav,nav ol,nav ul{--padding:0 1rem;--wrap:nowrap;display:flex;flex-direction:var(--dir,row);justify-content:var(--justify,flex-start);align-items:var(--align,center);gap:var(--gap,0);flex-wrap:var(--wrap,nowrap);height:var(--btn,3rem);max-width:100%;font-family:var(--heading);padding:0;margin:0}nav li{display:flex;align-items:center;height:max(var(--btn),max-content);width:100%;max-inline-size:none;padding:0}nav a,nav button{display:flex;text-decoration:none;align-items:center;justify-content:center;height:var(--btn);width:100%;white-space:nowrap;text-transform:uppercase;transition:var(--trans-color)}nav a{height:var(--btn);padding:var(--padding)}nav button{justify-content:center;aspect-ratio:1;padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav button:focus{background-color:var(--action-0);color:var(--action-contrast)}.toggle .icon{transform:rotate(0);transition:transform var(--trans-base)}.has-submenu.open>button .icon{transform:rotate(900deg)}.has-submenu{position:relative}ul.submenu{--dir:column;height:max-content;position:absolute;top:100%;right:0;max-height:0;transform:scaleY(0);transform-origin:top;width:100%;min-width:max-content;background-color:rgba(var(--base),var(--op-3));border:2px solid rgba(var(--base),var(--op-3));transition:all var(--trans-t) var(--trans-fn);box-shadow:var(--shdw-none);overflow:hidden}.submenu li{background-color:rgba(var(--base),var(--op-6));border:1px solid var(--base-50)}.open>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:rgba(var(--base),var(--op-45)) var(--shdw)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}nav a:focus:not(:focus-visible){outline:0}nav a:focus-visible{outline:2px solid var(--action-0);outline-offset:2px}nav.always{--dir:column;--wrap:nowrap;position:fixed;bottom:0;right:0;width:var(--btn);z-index:var(--z-10)}nav.always.open{--justify:flex-end;width:100vw;height:100vh;padding-bottom:var(--btn_);background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px)}nav.always>ul{--dir:column;--align:center;--justify:flex-start;--gap:0;height:100%;position:relative;right:-300vw;width:100vw;max-height:100%;padding:1rem 0 0;overflow:hidden auto;transition:right var(--trans-base)}nav.always.open>ul{right:0}nav.always li{flex-wrap:wrap;background-color:rgba(var(--base),var(--op-6))}nav.always a{padding:1rem;max-width:calc(100% - var(--btn));text-align:center}nav.always .has-submenu{display:flex}nav.always .has-submenu>a{flex:1}nav.always .has-submenu>button{flex:0 0 var(--btn)}nav.always .submenu{position:relative;padding-right:4rem;height:max-content;top:0;width:100%;border:2px solid var(--action-0);background-color:rgba(var(--contrast),var(--op-1))}nav.always .submenu li{background-color:rgba(var(--base),var(--op-3))}nav.always>button{position:fixed;bottom:0;right:0;width:var(--btn);height:var(--btn);background-color:var(--base);color:var(--contrast);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);transition:width var(--trans-base)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{width:100%;background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px);z-index:1000000}nav.always.open>button .icon-list,nav.always>button .icon-x{display:none}nav.always.open>button .icon-x,nav.always>button .icon-list{display:block;width:32px;height:32px}@media (min-width:768px){nav.always>ul{padding-top:var(--btn)}}nav#breadcrumbs{height:max-content;--wrap:wrap;--gap:0;width:max-content;max-width:var(--full);position:absolute;background-color:rgba(var(--base),var(--op-4));font-size:var(--txt-x-small);padding:.125em;z-index:var(--z-7)}#breadcrumbs ol{height:max-content;--wrap:wrap!important;--justify:flex-start!important}#breadcrumbs li{width:max-content}#breadcrumbs a{height:var(--chip)}#breadcrumbs li::after{content:'/';color:var(--contrast-200);padding:0 .25rem}#breadcrumbs li:last-of-type::after{display:none}#breadcrumbs :is(a,span){padding:0 .125rem;color:var(--contrast);text-transform:none}#breadcrumbs a:focus{background-color:transparent;color:var(--action-0)}nav.fixed.bottom{position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-9)}nav.fixed.bottom ul{--justify:space-between;width:100%;background-color:var(--base);padding:0 .25rem}nav.fixed.bottom li{flex:1;justify-content:center}nav.fixed.bottom a{gap:1rem;--w:var(--chip_);color:var(--contrast);font-size:var(--txt-x-small)}@media (min-width:768px){nav.fixed.bottom a{font-size:var(--txt-medium)}}nav.on-this-page{--justify:space-between;position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));max-width:none;padding:0 .5rem;background-color:rgba(var(--base),var(--op-4));color:var(--base-200);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-6)}.on-this-page a,.on-this-page li{width:100%;height:100%}body:has(nav.fixed) nav.on-this-page{bottom:var(--btn)}body:has(.additional-actionsbutton) nav.on-this-page{width:calc(100vw - var(--btn_) - 1rem)}.on-this-page button{order:3;padding:0 1rem;width:max-content;aspect-ratio:unset;height:var(--btn)}.on-this-page.open button{order:0}.on-this-page ul{width:100%;gap:0}.on-this-page li{justify-content:center}.on-this-page .active a{background-color:rgba(var(--base),var(--op-6));color:var(--action-contrast)}.on-this-page a{padding:0}.on-this-page #back-to-top span{display:none}.on-this-page.open #back-to-top span{display:block}nav.letters li{height:var(--chip);max-width:calc(7.69% - 2px)}nav.letters ul{--wrap:wrap}nav.letters,nav.letters ul{height:var(--chipchip)}@media (min-width:768px){nav.letters,nav.letters ul{height:var(--chip)}nav.letters ul{--wrap:nowrap}nav.letters li{max-width:none}nav.letters a{padding:.25rem .66rem}}nav.index{--justify:space-between;--padding:0;background-color:rgba(var(--base),var(--op-6))}.index ul{width:100%}.index li{flex-shrink:0;transform:scaleX(0);max-width:0;overflow:hidden}.index li.active,.index li.adj{transform:scaleX(1);width:calc(100% - var(--btn_));flex-shrink:1;max-width:none}.index li:first-of-type{flex-shrink:1;transform:scaleX(1);order:9999;width:var(--btn);height:var(--btn);max-width:none}@media (max-width:767px){.index li.adj{transform:scaleX(0);max-width:0}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index.open{--dir:column-reverse;height:var(--maxHeight);width:100%;align-items:flex-end;background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px);z-index:var(--z-10)}.index.open ul{--dir:column;--justify:flex-end;height:100%;width:100%}.index.open li{width:100%;height:var(--btn);max-width:100%!important;transform:scaleX(1);overflow:visible}.index.open a{justify-content:flex-end;padding:0 2rem 0 0;background-color:transparent}nav.condensed{height:max-content;--wrap:wrap;--gap:0 .25rem}nav.condensed ul{min-height:var(--chip_);height:max-content;--justify:center;--wrap:wrap}.condensed li{width:max-content;min-height:var(--chip)}.condensed li+li::before{content:'·';padding:0 .25em}.condensed a{height:max-content;min-height:var(--chip);font-size:var(--txt-x-small);padding:0 .25rem;text-transform:none;border-bottom:2px solid transparent}.condensed a:focus{border-color:var(--action-0)}ul.socials{--dir:row;height:max-content;--gap:.5rem;--justify:stretch;--wrap:nowrap;overflow:auto hidden;touch-action:pan-x}.always ul.socials,.always ul.socials a,.always ul.socials li{width:100%}ul.socials a{padding:.5rem;max-width:none}ul.socials .icon{margin:0}nav.tabs{position:fixed;bottom:var(--btn);left:var(--btnbtn);right:var(--btnbtn);padding-bottom:2px;z-index:var(--z-6);touch-action:pan-x pan-y;--wrap:nowrap;overflow:auto hidden}nav.tabs button{aspect-ratio:unset}nav.tabs button.active{cursor:default}nav.tabs button.active:hover{background-color:var(--base-100);color:var(--contrast)}nav.tabs button h2{--wrap:nowrap;margin:0;font-size:var(--txt-x-small)}.tab-content nav.tabs button{height:var(--chip_);padding:.25rem .75rem;min-height:0}.tab-content.active{padding:1rem 0}.tab-content h2{margin:0 0 .5rem}.tab-content nav.tabs{height:max-content;background-color:var(--base);--gap:0}.tab-content .tab-content nav.tabs{background-color:var(--base-100)}.tab-content .tab-content .tab-content nav.tabs{background-color:var(--base-200)}.tab-content nav.tabs button.active h2{color:var(--action-0)}nav.menu a{padding:.5rem .66rem}nav.share{height:max-content;margin:1rem 0}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--txt-x-small)}:where(body>header,.wp-site-blocks>header){--dir:row;--justify:space-between;position:sticky;top:0;left:0;right:0;height:var(--btn);width:100vw;display:flex;align-items:center;padding:0 .5rem;background-color:var(--base);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-9)}.wp-site-blocks>header img{width:var(--btn)}nav.term-navigation:has([hidden]){display:none}.dashboard-nav{--justify:flex-start;width:100%}nav.filters{--dir:row;--justify:flex-start;overflow:auto hidden}nav.filters .filter{width:auto;padding:.25rem .75rem}

 navBackup.css

@@ -102,15 +102,15 @@
    transform-origin: top;
    width: 100%;
    min-width: max-content;
    background-color: rgba(var(--base-rgb),var(--op-3));
    border: 2px solid rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
    border: 2px solid rgba(var(--base),var(--op-3));
    transition: all var(--trans-t) var(--trans-fn);
    box-shadow: var(--shdw-none);
    overflow: hidden;
}

.submenu li {
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    border: 1px solid var(--base-50);
}
.submenu a {
@@ -121,7 +121,7 @@
.open > ul.submenu {
    transform: scaleY(1);
    max-height: 1000%;
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
}

/**************************************************************
@@ -168,7 +168,7 @@
    width: 100vw;
    height: 100vh;
    padding-bottom: var(--btn_);
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    backdrop-filter: blur(5px);
}

@@ -193,7 +193,7 @@

nav.always li {
    flex-wrap: wrap;
    background-color: rgba(var(--base-rgb), var(--op-6));
    background-color: rgba(var(--base), var(--op-6));
}

nav.always a {
@@ -223,11 +223,11 @@
    top: 0;
    width: 100%;
    border: 2px solid var(--action-0);
    background-color: rgba(var(--contrast-rgb), var(--op-1));
    background-color: rgba(var(--contrast), var(--op-1));
}

nav.always .submenu li {
    background-color: rgba(var(--base-rgb),var(--op-3));
    background-color: rgba(var(--base),var(--op-3));
}

/* Toggle button */
@@ -239,7 +239,7 @@
    height: var(--btn);
    background-color: var(--base);
    color: var(--contrast);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    transition: width var(--trans-base);
}
    nav.always > button:hover {
@@ -249,7 +249,7 @@

nav.always.open > button {
    width: 100%;
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    backdrop-filter: blur(5px);
    z-index: 1000000;
}
@@ -284,7 +284,7 @@
    width: max-content;
    max-width: var(--full);
    position: absolute;
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    font-size: var(--txt-x-small);
    padding: .125em;
    z-index: var(--z-7);
@@ -331,7 +331,7 @@
    bottom: 0;
    left: 0;
    width: calc(100% - var(--btn));
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-9);
}

@@ -372,9 +372,9 @@
    width: calc(100% - var(--btn));
    max-width: none;
    padding: 0 .5rem;
    background-color: rgba(var(--base-rgb),var(--op-4));
    background-color: rgba(var(--base),var(--op-4));
    color: var(--base-200);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-6);

}
@@ -409,7 +409,7 @@
    justify-content: center;
}
.on-this-page .active a {
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    color: var(--action-contrast);
}
.on-this-page a {
@@ -461,7 +461,7 @@
nav.index {
    --justify: space-between;
    --padding: 0;
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
}

.index ul {
@@ -513,7 +513,7 @@
    height: var(--maxHeight);
    width: 100%;
    align-items: flex-end;
    background-color: rgba(var(--base-rgb),var(--op-6));
    background-color: rgba(var(--base),var(--op-6));
    backdrop-filter: blur(5px);
    z-index: var(--z-10);
}
@@ -705,7 +705,7 @@
    align-items: center;
    padding: 0 .5rem;
    background-color: var(--base);
    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
    z-index: var(--z-9);
}

@@ -722,7 +722,7 @@
/*    padding: .25rem 1rem;*/
/*    background-color: var(--action-0);*/
/*    color: var(--action-contrast);*/
/*    box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);*/
/*    box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    z-index: 100;*/

 style.css

@@ -11,4 +11,4 @@
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jv
*/:root{--half:min(384px, 17.5vw);--narrow:min(500px, 62.5vw);--content:min(768px, 65vw);--wider:min(900px, 75vw);--wide:min(1024px, 90vw);--full:100vw;--offScreen:-200vw;--chip:1.5rem;--chipchip:3rem;--chip_:2rem;--btn:4rem;--btn_:5rem;--btnbtn:8rem;--maxHeight:calc(100vh - var(--btnbtn));--dir:row;--justify:center;--align:center;--wrap:wrap;--gap:.5rem;--w:1.2em;--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Aleo',var(--font-base);--body:'Josefin Slab',var(--font-base);--fw-h-light:400;--fw-h:900;--fw-h-bold:900;--fw-b-light:200;--fw-b:400;--fw-b-bold:700;--txt-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--txt-x-small:clamp(.95rem, .879rem + .19vw, 1.05rem);--txt-medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--txt-x-medium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--txt-large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--txt-x-large:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--txt-xx-large:clamp(2rem, 1.286rem + 1.905vw, 3rem);--txt-xxx-large:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--txt-enormous:calc(26vh - 4rem);--filter:grayscale(.3) sepia(.4);--mix-blend-mode:darken;--coverBlend:overlay;--coverIndex:2;--light-0:#fafafa;--light-50:#fcfbfb;--light-100:#f1eded;--light-200:#e6dfdf;--light-rgb:250,250,250;--dark-0:#201313;--dark-50:#261717;--dark-100:#2d1b1b;--dark-200:#331e1e;--dark-rgb:16,4,4;--action-0:#B7332E;--action-50:#a32d29;--action-100:#8e2824;--action-200:#7a221f;--action-contrast:var(--light-0);--action-rgb:183,51,46;--secondary-0:#E8A737;--secondary-50:#e59d20;--secondary-100:#d48f18;--secondary-200:#bd7f16;--secondary-contrast:var(--light-0);--secondary-rgb:232,167,55;--success:#22C55E;--successBack:#d4edda;--successText:#155724;--warning:#E8A737;--error:#EF4444;--errorBack:#f8d7da;--errorText:#721c24;--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--base-rgb:var(--light-rgb);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--contrast-rgb:var(--dark-rgb);--shimmer:rgba(var(--dark-rgb),0) 0%,rgba(var(--dark-rgb),.05) 50%,rgba(var(--dark-rgb),0) 100%;--op-1:.05;--op-2:.15;--op-3:.25;--op-45:.45;--op-4:.66;--op-5:.75;--op-6:.85;--shdw-inset:inset 0 0 4px 1px;--shdw:0 0 4px;--shdw-down:0 6px 5px -5px;--shdw-right:6px 0 5px -5px;--shdw-left:-6px 0 5px -5px;--shdw-up:0 -6px 5px -5px;--shdw-subtle:0 25px 20px -20px;--shdw-subtle-right:10px 0 20px -20px;--shdw-none:transparent 0 0 0;--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-7:999;--z-8:1000;--z-9:999999;--z-10:9999999;--radius:4px;--p-outer:1rem;--radius-outer:calc(var(--radius) + var(--p-outer));--p-y:var(--sp1);--p-x:var(--sp1);--trans-fn:cubic-bezier(.47,.24,.07,.47);--trans-t:.25s;--trans-base:var(--trans-t) var(--trans-fn);--trans-color:background-color var(--trans-base),color var(--trans-base),border var(--trans-base);--trans-transform:transform var(--trans-base);--trans-size:width var(--trans-base),height var(--trans-base),max-width var(--trans-base),max-height var(--trans-base);--trans-vis:opacity var(--trans-base);--sp1:clamp(0.5rem, 0.714vw + 0.321rem, 1rem);--sp2:clamp(0.75rem, 1.071vw + 0.482rem, 1.5rem);--sp3:clamp(1rem, 1.429vw + 0.643rem, 2rem);--sp4:clamp(1.5rem, 2.143vw + 0.964rem, 3rem);--sp5:clamp(2rem, 2.857vw + 1.286rem, 4rem);--sp6:clamp(3rem, 4.286vw + 1.929rem, 6rem);--sp7:clamp(4rem, 5.714vw + 2.571rem, 8rem);--sb-width:8px;--sb-track:var(--base-100);--sb-thumb:var(--action-0);--sb-thumb-hover:var(--action-50);--sb-thumb-border:2px solid var(--base-50);--sb-radius:4px;--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="%232b1a0d" viewBox="0 0 256 256"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg>');--link:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="%232b1a0d" viewBox="0 0 256 256"><path d="M238,88.18a52.42,52.42,0,0,1-15.4,35.66l-34.75,34.75A52.28,52.28,0,0,1,150.62,174h-.05A52.63,52.63,0,0,1,98,119.9a6,6,0,0,1,6-5.84h.17a6,6,0,0,1,5.83,6.16A40.62,40.62,0,0,0,150.58,162h0a40.4,40.4,0,0,0,28.73-11.9l34.75-34.74A40.63,40.63,0,0,0,156.63,57.9l-11,11a6,6,0,0,1-8.49-8.49l11-11a52.62,52.62,0,0,1,74.43,0A52.83,52.83,0,0,1,238,88.18Zm-127.62,98.9-11,11A40.36,40.36,0,0,1,70.6,210h0a40.63,40.63,0,0,1-28.7-69.36L76.62,105.9A40.63,40.63,0,0,1,146,135.77a6,6,0,0,0,5.83,6.16H152a6,6,0,0,0,6-5.84A52.63,52.63,0,0,0,68.14,97.42L33.38,132.16A52.63,52.63,0,0,0,70.56,222h0a52.26,52.26,0,0,0,37.22-15.42l11-11a6,6,0,1,0-8.49-8.48Z"></path></svg>')}body:has(#theme-switcher:checked){--mixBlendMode:lighten;--coverBlend:multiply;--coverIndex:0;--action-50:#cb3933;--action-100:#d14c47;--action-200:#d6605c;--secondary-50:#ebb14e;--secondary-100:#edbb65;--secondary-200:#f0c57c;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--contrast-rgb:var(--light-rgb);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--base-rgb:var(--dark-rgb);--successBack:#155724;--successText:#d4edda;--errorBack:#721c24;--errorText:#f8d7da;--shimmer:rgba(var(--c),0) 0%,rgba(var(--c),.05) 50%,rgba(var(--c),0) 100%}@layer reset{font:clamp(1rem,1rem + .5vw,2rem)/1.4 system-ui,sans-serif;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word}body{margin:0}*,::after,::before{box-sizing:border-box}h1,h2{font-weight:900;letter-spacing:-.02rem}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0}dd,li,p{text-wrap:pretty;max-inline-size:88ch}a{color:oklch(.68 .17 228);text-underline-offset:2px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}dl,ol,ul{margin:0;padding:0;list-style:outside}iframe,img,video{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figure img{width:100%;height:100%;object-fit:cover}figcaption{contain:inline-size;font-size:90%}button,input,select,textarea{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid transparent}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,monospace}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible;margin-block:2.5rem}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse}td,th{word-break:normal;border:1px solid gray;padding:.5rem}caption{font-size:90%}.screen-reader-text:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords}}::-webkit-scrollbar{width:var(--sb-width);height:var(--sb-width)}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border-radius:var(--sb-radius);border:var(--sb-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}body{background-color:var(--base-50);color:var(--contrast);margin:0;font-family:var(--body);font-weight:var(--fw-b);font-size:var(--txt-medium);line-height:1.4;position:relative;max-width:100vw}body,body *{transition:var(--trans-color)}html{scroll-behavior:smooth;overflow-x:hidden}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{display:grid;grid-template-columns:[full-start] minmax(1rem,1fr) [wide-start] minmax(0,calc((100% - var(--content))/ 2)) [wider-start] minmax(0,calc((var(--wide) - var(--wider))/ 2)) [content-start] minmax(0,calc((var(--wider) - var(--content))/ 2)) [narrow-start] min(100% - 2rem,var(--narrow)) [narrow-end] minmax(0,calc((var(--content) - var(--narrow))/ 2)) [content-end] minmax(0,calc((var(--wider) - var(--content))/ 2)) [wider-end] minmax(0,calc((var(--wide) - var(--wider))/ 2)) [wide-end] minmax(0,calc((100% - var(--content))/ 2)) minmax(1rem,1fr) [full-end];min-height:var(--maxHeight)}main>*{grid-column:content}main>section{padding:3rem 0;grid-column:full}main>section>*{width:100%;max-width:var(--content);margin:var(--sp1) auto}main>section>ul{max-width:var(--narrow)}main .align-narrow{grid-column:narrow}main .align-content{grid-column:content}main .align-wider{grid-column:wider}main .align-wide{grid-column:wide}main .align-full{grid-column:full;width:100%;max-width:none}main>:first-child{margin-top:0}.wp-site-blocks>header{position:sticky;top:0;z-index:var(--z-8);background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-down);transition:top var(--trans-base)}header a[rel=home]{display:flex;align-items:center;max-height:var(--btn);overflow:hidden}.scroll-progress{position:absolute;inset-inline:0;bottom:0;height:3px;display:flex;align-items:center;pointer-events:none;z-index:var(--z-3);background-color:var(--base-200);overflow:hidden}.scroll-progress .bar{width:100%;height:1px;transform-origin:left center;transform:scaleX(0);background:var(--action-0)}footer{padding:1rem;background-color:var(--base);color:var(--contrast-200);text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-7)}footer p{margin:0 auto}body:has(nav.fixed.bottom,nav.on-this-page) footer{padding-bottom:var(--btn_)}@media (min-width:768px){footer{padding:1rem 2rem var(--btn_)}}:target{scroll-snap-margin-top:var(--btnbtn);scroll-margin-top:var(--btnbtn);outline:double var(--action-200);background-color:var(--base)}aside.footer,aside.header{padding:0 1rem;font-size:var(--txt-x-small);z-index:var(--z-7);background-color:var(--base-50)}aside.header{height:var(--chip_);--wrap:nowrap}aside.footer p,aside.header p{width:max-content}aside.footer{--dir:column;background-color:var(--base-50);padding:1rem;border-top:1px solid var(--base-200)}aside.footer+footer{margin-top:0}aside.footer p,aside.header p{margin:.125rem 0}aside.pre{position:sticky;top:-2rem;transition:top var(--trans-base)}.scroll-up aside.pre{top:0}.scroll-up .pre~header{top:calc(var(--chip_) - 2px)}body :is(b,strong){font-weight:var(--fw-b-bold)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading);text-transform:uppercase;font-weight:var(--fw-h);line-height:1.3;margin:1.5em auto .25em;width:100%}:is(h1,h2,h3,h4,h5,h6),p{width:100%}:is(h1,h2,h3,h4,h5,h6) :is(b,strong){font-weight:var(--fw-h-bold);letter-spacing:2px}:is(h1,h2,h3,h4,h5,h6) small{display:block;line-height:.8;font-family:var(--body);font-size:.5em}:is(h1,h2,h3,h4,h5,h6) small :is(b,strong){font-weight:var(--fw-b-bold)}:is(h1,h2,h3,h4,h5,h6).inline{font-size:1.2rem;font-weight:var(--fw-h-bold);display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}:is(h1,h2,h3,h4,h5,h6).inline+*{display:inline-block;margin:.5rem 0}h1{font-size:var(--txt-xxx-large);font-weight:var(--fw-h);line-height:1;margin:10vh auto .25em}h1 small+small{display:inline-block;font-size:var(--txt-large);margin-right:.5rem}h2{font-size:var(--txt-xx-large)}h3{font-size:var(--txt-x-large)}h4{font-weight:400;font-size:var(--txt-large)}h5,h6{font-weight:400;font-size:var(--txt-medium)}p{line-height:1.6}.hint{line-height:1.2;font-style:italic;font-size:var(--txt-small)}a{color:var(--action-0);border-radius:4px;padding:.125rem}a:visited{color:var(--action-100)}a:hover,a:visited:hover{color:var(--contrast-50);text-decoration:none}:is(p,li,h1,h2,h3,h4,h5,h6,small) a:hover{color:var(--action-contrast);background-color:var(--action-0)}i.icon{width:var(--w);height:var(--w);display:inline-block;background-color:currentColor;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;vertical-align:middle}.favourite.favourited .heart,.favourite:not(.favourited) .heart-fill,.notifications.has .bell,.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted{display:none}.favourite.favourited .heart-fill,.favourite:not(.favourited) .heart,.notifications.has .bell-ringing,.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote{display:block}ol{list-style-type:decimal}ul.terms{display:grid;grid-template-columns:repeat(2,1fr)}ul.terms li{list-style:none}.term-list li{list-style:none}.term-list a{display:inline-flex;width:max-content}.font-small{font-size:var(--txt-x-small)}.font-medium{font-size:var(--txt-medium)}.font-large{font-size:var(--txt-large)}.font-x-large{font-size:var(--txt-x-large)}.align-center{text-align:center}.align-left{text-align:left}.align-right{text-align:right}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-25,.width-50,.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.width-50{width:calc(50% - .3em)}.width-25{width:calc(25% - .3em)}.width-75{width:calc(75% - .3em)}}.p-1{padding:var(--sp1)}.p-2{padding:var(--sp2)}.p-3{padding:var(--sp3)}.p-4{padding:var(--sp4)}.p-5{padding:var(--sp5)}.p-6{padding:var(--sp6)}.p-7{padding:var(--sp7)}.px-1{padding-left:var(--sp1);padding-right:var(--sp1)}.px-2{padding-left:var(--sp2);padding-right:var(--sp2)}.px-3{padding-left:var(--sp3);padding-right:var(--sp3)}.px-4{padding-left:var(--sp4);padding-right:var(--sp4)}.px-5{padding-left:var(--sp5);padding-right:var(--sp5)}.px-6{padding-left:var(--sp6);padding-right:var(--sp6)}.px-7{padding-left:var(--sp7);padding-right:var(--sp7)}.py-1{padding-top:var(--sp1);padding-bottom:var(--sp1)}.py-2{padding-top:var(--sp2);padding-bottom:var(--sp2)}.py-3{padding-top:var(--sp3);padding-bottom:var(--sp3)}.py-4{padding-top:var(--sp4);padding-bottom:var(--sp4)}.py-5{padding-top:var(--sp5);padding-bottom:var(--sp5)}.py-6{padding-top:var(--sp6);padding-bottom:var(--sp6)}.py-7{padding-top:var(--sp7);padding-bottom:var(--sp7)}.pt-1{padding-top:var(--sp1)}.pr-1{padding-right:var(--sp1)}.pl-1{padding-left:var(--sp1)}.pb-1{padding-bottom:var(--sp1)}.pt-2{padding-top:var(--sp2)}.pr-2{padding-right:var(--sp2)}.pl-2{padding-left:var(--sp2)}.pb-2{padding-bottom:var(--sp2)}.pt-3{padding-top:var(--sp3)}.pr-3{padding-right:var(--sp3)}.pl-3{padding-left:var(--sp3)}.pb-3{padding-bottom:var(--sp3)}.pt-4{padding-top:var(--sp4)}.pr-4{padding-right:var(--sp4)}.pl-4{padding-left:var(--sp4)}.pb-4{padding-bottom:var(--sp4)}.pt-5{padding-top:var(--sp5)}.pr-5{padding-right:var(--sp5)}.pl-5{padding-left:var(--sp5)}.pb-5{padding-bottom:var(--sp5)}.pt-6{padding-top:var(--sp6)}.pr-6{padding-right:var(--sp6)}.pl-6{padding-left:var(--sp6)}.pb-6{padding-bottom:var(--sp6)}.pt-7{padding-top:var(--sp7)}.pr-7{padding-right:var(--sp7)}.pl-7{padding-left:var(--sp7)}.pb-7{padding-bottom:var(--sp7)}.m-0{margin:0}.m-1{margin:var(--sp1)}.m-2{margin:var(--sp2)}.m-3{margin:var(--sp3)}.m-4{margin:var(--sp4)}.m-5{margin:var(--sp5)}.m-6{margin:var(--sp6)}.m-7{margin:var(--sp7)}.mx-1{margin-left:var(--sp1);margin-right:var(--sp1)}.mx-2{margin-left:var(--sp2);margin-right:var(--sp2)}.mx-3{margin-left:var(--sp3);margin-right:var(--sp3)}.mx-4{margin-left:var(--sp4);margin-right:var(--sp4)}.mx-5{margin-left:var(--sp5);margin-right:var(--sp5)}.mx-6{margin-left:var(--sp6);margin-right:var(--sp6)}.mx-7{margin-left:var(--sp7);margin-right:var(--sp7)}.my-1{margin-top:var(--sp1);margin-bottom:var(--sp1)}.my-2{margin-top:var(--sp2);margin-bottom:var(--sp2)}.my-3{margin-top:var(--sp3);margin-bottom:var(--sp3)}.my-4{margin-top:var(--sp4);margin-bottom:var(--sp4)}.my-5{margin-top:var(--sp5);margin-bottom:var(--sp5)}.my-6{margin-top:var(--sp6);margin-bottom:var(--sp6)}.my-7{margin-top:var(--sp7);margin-bottom:var(--sp7)}.mt-1{margin-top:var(--sp1)}.mr-1{margin-right:var(--sp1)}.ml-1{margin-left:var(--sp1)}.mb-1{margin-bottom:var(--sp1)}.mt-2{margin-top:var(--sp2)}.mr-2{margin-right:var(--sp2)}.ml-2{margin-left:var(--sp2)}.mb-2{margin-bottom:var(--sp2)}.mt-3{margin-top:var(--sp3)}.mr-3{margin-right:var(--sp3)}.ml-3{margin-left:var(--sp3)}.mb-3{margin-bottom:var(--sp3)}.mt-4{margin-top:var(--sp4)}.mr-4{margin-right:var(--sp4)}.ml-4{margin-left:var(--sp4)}.mb-4{margin-bottom:var(--sp4)}.mt-5{margin-top:var(--sp5)}.mr-5{margin-right:var(--sp5)}.ml-5{margin-left:var(--sp5)}.mb-5{margin-bottom:var(--sp5)}.mt-6{margin-top:var(--sp6)}.mr-6{margin-right:var(--sp6)}.ml-6{margin-left:var(--sp6)}.mb-6{margin-bottom:var(--sp6)}.mt-7{margin-top:var(--sp7)}.mr-7{margin-right:var(--sp7)}.ml-7{margin-left:var(--sp7)}.mb-7{margin-bottom:var(--sp7)}.btn+label,.buttons a,.buttons li,.col,.item-grid .item,.row,[type=submit],a.btn,aside.footer,aside.header,aside.main,button,li.btn{display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);--align:center;--justify:center;--gap:.5rem;--wrap:wrap}.col{--dir:column}.row{--dir:row}.col.rev{--dir:column-reverse}.row.rev{--dir:row-reverse}.nowrap.nowrap{--wrap:nowrap}.nowrap.nowrap.stack-small{--wrap:wrap}@media (min-width:768px){.nowrap.nowrap.stack-small{--wrap:nowrap}}.col.start,.row.a-start{--align:flex-start}.col.end,.row.a-end{--align:flex-end}.col.a-start,.row.start{--justify:flex-start}.col.a-end,.row.end{--justify:flex-end}.col.btw,.row.btw{--justify:space-between;width:100%}.col.even,.row.even{--justify:space-evenly}.abs{position:absolute}:has(>.abs){position:relative}.top{top:0;right:0;left:0}.top-right{top:0;right:0}.top-left{top:0;left:0}.btm{bottom:0;left:0;right:0}.btm-right{bottom:0;right:0}.btm-left{bottom:0;left:0}.edges{inset:0}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--trans-transform),var(--trans-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--trans-transform),var(--trans-size)}.field .switch{display:inline-flex}.switch .slider{--trans-t:.0125s;position:relative;width:var(--chipchip);height:var(--chip);background-color:var(--base-200);border-radius:.75rem;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border:4px solid transparent;box-shadow:0 0 .25rem 0 rgba(var(--contrast-rgb),.125) inset;cursor:pointer;margin:5px;transition:var(--trans-color)}.switch .slider::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--base);transform:translateX(-1.5rem);border-radius:.75rem;transition:var(--trans-transform);box-shadow:0 0 .25rem 3px rgba(var(--contrast-rgb),.125)}.switch :checked~.slider::before{transform:translateX(1.5rem);box-shadow:0 0 .25rem 3px rgba(var(--base-rgb),.25)}.switch :checked~.slider{background-color:var(--action-0)}.switch :active~.slider::before{transform:translateX(0)}#theme-switch{z-index:var(--z-6);margin:0;--wrap:nowrap;--gap:1rem}#theme-switch [type=checkbox]{position:absolute;left:var(--offScreen)}@media (max-width:600px){#theme-switch{left:1rem}}:checked~.slider .icon-sun-dim{--w:.75em;margin-top:.25em}.slider .icon-moon{--w:.666em;margin-top:.333em}.slider .icon-sun-dim,:checked~.slider .icon-moon{--w:1em;margin-top:0}:not(:checked)~.slider .icon-sun-dim{color:var(--action-0)}.item-grid{--columns:repeat(2, 1fr);display:grid;grid-template-columns:var(--columns);gap:10px}.item-grid .empty{height:15vh;background-color:var(--base-50);border-radius:var(--radius);border:2px dashed var(--base-200);font-style:italic}.item-grid.stats{--columns:repeat(2, 1fr)}@media (min-width:768px){.item-grid{--width:250px;--columns:repeat(auto-fill, minmax(var(--width), 1fr))}}.item-grid .item{border-radius:var(--radius-outer);filter:none;position:relative}.item-grid .item .item-actions{--gap:.125rem;z-index:1;position:absolute;top:0;right:0;width:calc(100% - var(--btn))}.item-actions .btn+label,.item-actions button{min-height:var(--chipchip);width:var(--chipchip);z-index:var(--z-1)}.item-grid .item .images,.item-grid .item .images a{aspect-ratio:1;width:100%;height:100%;display:flex}.item-grid img{border-radius:var(--radius)}.item-grid .item-actions button{min-height:var(--chipchip);width:var(--chipchip)}.item-grid.list-view{display:flex;flex-direction:column;gap:0}.item-grid.list-view .item{aspect-ratio:unset;align-items:flex-start;border-radius:var(--radius);padding:1rem 0}.list-view .item:nth-of-type(even){background-color:var(--base)}.list-view img{width:20%}.item.col{--wrap:nowrap}.empty-state{--w:1.2em;grid-column:1/span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:1rem auto;max-width:66%;background-color:var(--base-100);border:2px dashed var(--base-50);padding:1rem}table{white-space:nowrap;width:100%;display:block;margin:0 0 2rem;border-radius:4px;height:var(--maxHeight);overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:var(--base);text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:var(--base-200)}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:rgba(var(--base-rgb),var(--op-6));box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}thead tr{border-bottom:1px solid var(--contrast-200)}tfoot tr{border-top:1px solid var(--contrast-200)}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--txt-x-small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:var(--base-100);border-color:var(--action-50)}[data-stuck]{background-color:rgba(var(--base-rgb),var(--op-4));position:sticky;left:-1rem;z-index:15;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-subtle-right)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:var(--base)}.btn+label,.buttons a,[type=submit],a.btn,button,li.btn{--justify:center;--align:center;--dir:row;--wrap:nowrap;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:var(--base-100);color:var(--contrast-50);border:1px solid var(--base-200);border-radius:var(--radius);padding:.25rem 1rem;font-family:var(--heading);cursor:pointer;outline:0;min-height:var(--btn);display:inline-flex;position:relative;box-shadow:rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset)}.buttons .outline a,.filters .btn+label,[type=submit].outline,a.btn.outline,button.outline{--color:var(--contrast);background-color:transparent;color:var(--color);border:1px solid var(--color)}.btn+label:hover,.btn:checked+label,.btn:focus+label,.buttons a:focus,.buttons a:hover,.buttons a:visited:hover,[type=submit]:focus,[type=submit]:hover,a.btn:focus,a.btn:hover,a.btn:visited:hover,button:focus,button:hover,li.btn:focus,li.btn:hover{background-color:var(--action-0);color:var(--action-contrast);box-shadow:var(--shdw-none)}.buttons .outline a:focus,.buttons .outline a:hover,.buttons .outline a:visited:hover,.filters .btn+label:hover,.filters .btn:focus+label,[type=submit].outline:focus,[type=submit].outline:hover,a.btn.outline:focus,a.btn.outline:hover,a.btn.outline:visited:hover,button.outline:focus,button.outline:hover{background-color:var(--action-0);color:var(--action-contrast);border-color:var(--action-0)}.btn:disabled+label,.btn:disabled:focus+label,.btn:disabled:hover+label,[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;cursor:not-allowed;background-color:var(--base-200);color:var(--contrast-200)}[type=submit]{margin:1rem 0}.filters .btn+label,.filters button{min-height:var(--chip)}.filters .btn+label{background-color:var(--base-100);border:1px solid var(--base-200);color:var(--contrast-200)}.filters .btn:checked+label{border-color:var(--contrast);color:var(--contrast)}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem auto;width:100%;padding:0}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons a{width:100%}.buttons.fit{width:fit-content;margin:1rem 2rem}@media (min-width:768px){.buttons{max-width:var(--content);margin:3rem auto}}.main-actions .buttons,a.sticky,button.sticky{z-index:var(--z-6);position:fixed;bottom:var(--btn_)}body:has(.on-this-page) .main-actions .buttons,body:has(.on-this-page) a.sticky,body:has(.on-this-page) button.sticky{bottom:calc(var(--btn_) + var(--chip_))}.main-actions .buttons button,button.sticky{width:var(--btn);height:var(--btn);background-color:rgba(var(--base-rgb),var(--op-4));color:var(--contrast);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);transition:var(--trans-size),var(--trans-color)}.main-actions .buttons button:focus,.main-actions .buttons button:hover,a.sticky:focus,a.sticky:hover,button.sticky:focus,button.sticky:hover{background-color:rgba(var(--action-rgb),var(--op-6));color:var(--action-contrast)}.main-actions .buttons button:disabled,.main-actions .buttons button:disabled:focus,.main-actions .buttons button:disabled:hover,button.sticky:disabled,button.sticky:disabled:focus,button.sticky:disabled:hover{opacity:.5;background-color:rgba(var(--base-rgb),var(--op-3));color:var(--contrast)}.qtoggle{left:0;transition:left var(--trans-base),width var(--trans-base),border var(--trans-base),var(--trans-color)}.main .m-actions .refresh{width:var(--btn);border-radius:0;background-color:var(--base-50);color:var(--contrast)}.main .m-actions .refresh:focus,.main .m-actions .refresh:hover{background-color:var(--action-0);color:var(--action-contrast)}.main .refresh .indicator{background-color:rgba(var(--base-rgb),var(--op-3));top:0;right:0;height:1.1em;width:1.1em}.refresh .countdown:not(.counting){display:none}.main h2{margin:.5em 0;font-size:var(--txt-medium)}#back-to-top{min-height:var(--chip);bottom:-3rem;right:0;transition:bottom var(--trans-base)}body:has(.main-actions) #back-to-top{right:calc(var(--btn_) + .5rem)}.scroll-up #back-to-top{bottom:0}body:has(.fixed.bottom).scroll-up #back-to-top{bottom:var(--btn)}body:has(.on-this-page).scroll-up.scroll-up #back-to-top{bottom:calc(var(--btn) + var(--chip_))}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}input:focus,input:focus-within,input[type=checkbox]:focus+label,input[type=checkbox]:focus-visible+label,input[type=radio]:focus+label,input[type=radio]:focus-visible+label{outline:2px solid var(--action-0)!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-rgb),var(--op-3))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}.btn[hidden]+label,[type=checkbox][hidden]+label,[type=radio][hidden]+label{display:none!important}label{display:inline-flex;align-items:center;gap:.5em}[type=checkbox],[type=radio]{position:absolute;opacity:0;left:var(--offScreen)}[type=checkbox]+label,[type=radio]+label{cursor:pointer}.field:is(.radio,.checkbox) fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:768px){.field:is(.radio,.checkbox) fieldset{grid-template-columns:repeat(3,1fr)}}.field:is(.radio,.checkbox,.true-false) label{position:relative;top:unset;left:unset;padding:0 0 0 var(--chip);display:inline-flex;border:1px solid transparent;font-weight:var(--fw-b);font-size:var(--txt-medium)}[type=checkbox]+label:hover,[type=checkbox]:focus+label,[type=radio]+label:hover,[type=radio]:focus+label{color:var(--action-0)}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before{content:'';position:absolute;z-index:var(--z-2)}[type=checkbox]+label::before,[type=radio]+label::before{z-index:var(--z-1)}[type=checkbox]+label::after{left:.666em;top:.125em;transform:rotate(45deg);width:.25em;height:.75em;border:solid var(--action-contrast);border-width:0 2px 2px 0;display:none}[type=checkbox]+label::before,[type=radio]+label::before{display:block;top:.3em;left:.3em;width:.75rem;height:.75rem;border:2px solid var(--contrast-200);background-color:transparent;border-radius:var(--radius)}[type=radio]+label::before{border-radius:50%}[type=checkbox]:checked+label::before{background-color:var(--action-0);border-color:var(--base-50)}[type=checkbox]:checked+label::after{display:block}[type=radio]:checked+label::before{background-color:var(--action-0);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-inset)}input.btn+label::after,input.btn+label::before{display:none}input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]),textarea{font-family:var(--body);font-size:var(--txt-medium);color:var(--contrast);padding:var(--p-y) var(--p-x);border-radius:var(--radius);background-color:var(--base);outline:0;border:1px solid var(--base-100);border-bottom:2px solid var(--contrast-200);width:100%;max-width:100%;margin:0 4px}input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]):focus,textarea:focus{outline:var(--action-50);background-color:var(--base-100);color:var(--contrast)}input::placeholder,textarea::placeholder{font-family:var(--body);color:var(--base-200)}.field>label{position:relative;z-index:var(--z-1);display:inline-block;top:.75em;left:1em;padding:0 .5em;background-color:var(--base);font-size:var(--txt-small);font-weight:var(--fw-b-light);text-transform:uppercase;border:1px solid transparent}.field.selector>label{top:2.25em}.field.selector .filter-toggle{width:var(--chipchip);min-height:var(--chipchip);padding:0}.field:not(.radio):not(.checkbox):not(.true-false):not(.taglist):focus-within>label{background-color:var(--action-0);color:var(--action-contrast);border-radius:4px}.field.taglist,.field.taglist .field{border:none}.field li.btn{min-height:var(--chip)}select{background:var(--base);border:2px solid var(--base-100);border-radius:var(--radius);color:var(--contrast);cursor:pointer;font-family:var(--body);font-size:var(--txt-small);padding:var(--sp1);width:100%}select:disabled{background-color:var(--base-50);border-color:var(--base-100);color:var(--base-200);cursor:not-allowed}select option{background:var(--base);color:var(--contrast);padding:var(--sp1)}select option:active,select option:checked,select option:focus,select option:hover{background:var(--action-0);color:var(--base);box-shadow:0 0 0 100px var(--action-0) inset}select option:checked{background:var(--action-0) linear-gradient(0deg,var(--action-0) 0,var(--action-0) 100%);color:var(--base)}select:hover{border-color:var(--action-0)}select:focus{border-color:var(--action-0)}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer}.search-container .clear-search{opacity:0;cursor:default}.search-container .icon.search{padding:4px 8px;color:var(--contrast-200);--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=url]{background:var(--icon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.tab-content[hidden]{display:block!important;transform:scaleY(0);max-height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);max-height:max-content}.item-grid.stats{margin:1rem 0}.card{background-color:var(--base-100);border-radius:var(--radius);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card h4{margin:0;text-transform:uppercase}.stat-number{font-family:var(--heading);font-weight:var(--fw-h-bold);color:var(--action-0);font-size:var(--txt-xx-large)}.progress{width:100%}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:var(--base-200);position:relative}.progress .fill{height:100%;background:var(--action-0);border-radius:6px;width:0;transition:width .3s ease}.completed .fill{background:var(--action-200)}.progress .details{margin-top:5px;font-size:var(--txt-x-small);color:var(--contrast);text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}details{padding:.25rem 0;border-top:1px solid var(--base-200);border-bottom:1px solid var(--base-200)}details[open]{background-color:var(--base-50)}details summary{list-style:none;text-transform:uppercase;cursor:pointer;border:0;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:var(--base-100);border-color:var(--base-100);color:var(--contrast)}details[open]>summary{background-color:var(--base-50)}details summary::after{content:'';position:absolute;right:.5rem;top:.5rem;background-color:var(--contrast-100);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:var(--trans-color),var(--trans-transform)}details summary:hover::after{background-color:var(--action-0)}details[open]:not(.all-filters)>summary::after{background-color:var(--contrast);transform:rotate(-540deg);transition:background-color var(--trans-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--trans-t) allow-discrete,opacity var(--trans-t),block-size var(--trans-t)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}code{width:100%;margin:.5rem;padding:.5rem;user-select:all;text-align:center;border-radius:4px;background-color:var(--base-200)}aside.expanded,dialog[open]{background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-5)}dialog::backdrop{backdrop-filter:blur(5px);background-color:rgba(var(--base-rgb),var(--op-4))}aside.main,dialog[open]{border-radius:var(--radius-outer);overflow:hidden}dialog[open]{z-index:var(--z-10);--padding:0;top:5vh;width:min(500px,95vw);height:fit-content;max-height:90vh;padding:var(--padding);background-color:var(--base-50);color:var(--contrast);border:1px solid var(--base-200)}dialog:is(.create,.edit,.bulkEdit)[open]{width:98vw;max-height:98vh;top:1vh}dialog>.wrap{max-height:var(--maxHeight);overflow:hidden auto;margin:0 0 0 1.5rem;padding-right:1.5rem;padding-bottom:var(--btn);width:calc(100% - 1.5rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--txt-large)}dialog:has(.m-actions){padding-bottom:var(--btn)}.m-actions{--w:1.15em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;right:0;left:0;height:var(--btn);width:100%;z-index:var(--z-6);background-color:var(--action-100);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-up)}.m-actions button{--wrap:nowrap;box-shadow:none;width:100%;background-color:var(--action-0);color:var(--action-contrast);--gap:.75rem;font-size:var(--txt-x-small);border-radius:0;height:var(--chipchip)}.m-actions button:focus,.m-actions button:hover{background-color:var(--base);color:var(--contrast)}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}img[data-gallery]{cursor:pointer}dialog.gallery[open]{--max:calc(100% - 2rem);inset:1rem;margin:0;border:none;width:100%;height:100%;max-height:var(--max);max-width:var(--max);border-radius:0;background-color:rgba(var(--base-rgb),var(--op-6))}.gallery>.wrap{--wrap:nowrap}.gallery .controls{position:absolute;bottom:0;left:var(--btn_);right:0;width:100%;--wrap:nowrap;--gap:0}.gallery button.nav{width:100%}dialog.gallery .cancel:focus,dialog.gallery .cancel:hover{background:rgba(var(--base-rgb),var(--op-4))}dialog.gallery .content{position:relative;flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}dialog.gallery .content .image{max-width:90vw;max-height:85vh;object-fit:contain;transition:transform .15s ease-out;touch-action:none}dialog.gallery .image-left,dialog.gallery .image-right{position:absolute;opacity:0;pointer-events:none}dialog.gallery details{position:absolute;width:100%;max-width:none;bottom:0;left:0;right:0;background:rgba(var(--base-rgb),var(--op-45));color:var(--contrast);border-radius:4px;overflow:hidden;z-index:10}dialog.gallery details:has(.item-info:empty){display:none}dialog.gallery details summary{padding:.75rem 1rem;cursor:pointer;user-select:none}dialog.gallery details[open] .item-info{padding:1rem}dialog.gallery .counter{position:absolute;bottom:1rem;left:1rem;background:rgba(var(--base-rgb),var(--op-4));color:var(--contrast);padding:.4rem .8rem;border-radius:3px;font-size:.85rem;z-index:10}dialog.gallery .favourite{position:absolute;top:1rem;left:1rem;z-index:10}dialog.gallery .image{opacity:0;transition:opacity .2s ease,transform .15s ease-out}dialog.gallery .image[src]{opacity:1}aside.main.main{--wrap:nowrap;--align:stretch;--dir:column;position:fixed;top:var(--btnbtn);bottom:var(--btn_);width:min(500px,calc(100vw - 2rem));padding:0 0 var(--btn)}aside.main.left{border-radius:0 var(--radius-outer) var(--radius-outer) 0;left:var(--offScreen);transition:left var(--trans-base)}aside.main.left.expanded{left:0}aside.main.right{border-radius:var(--radius-outer) 0 0 var(--radius-outer);right:var(--offScreen);transition:right var(--trans-base)}aside.main.right.expanded{right:0}aside.main nav.tabs{--gap:0;flex-shrink:0}aside.main>.wrap{max-height:100%;overflow:hidden auto}aside.main header{--w:2em;background-color:var(--action-0);color:var(--action-contrast);padding:1rem}.tab-content header{width:calc(100% + 2rem);left:-1rem;top:-1rem;position:relative}.main header .icon{margin-right:1em}.main h3{font-size:var(--txt-large);margin:.5rem 0}aside.main nav.share{--dir:row;--align:center;margin:0;border-bottom:1px solid var(--base-200)}nav.share a,nav.share li,nav.share ul{height:var(--chipchip)}nav.share a:hover{background-color:var(--action-0);color:var(--action-contrast)}aside.main .hint,aside.main h4{text-align:center}aside.main .tab-content{flex-shrink:0}aside.main .tab-content.active{flex:1;overflow:hidden auto;padding:1rem}.main section{padding:1rem}.main section+section{border-top:1px solid var(--base-200)}.indicator,.qtoggle .count{position:absolute;top:-.5em;right:-.5em;width:.75em;height:.75em;border-radius:50%}.qtoggle .indicator{top:0;right:0}.qtoggle .count{right:unset;left:.25rem;top:.25rem;font-size:var(--txt-small)}#queue.synced+.qtoggle .indicator{background-color:var(--success)}#queue.pending+.qtoggle .indicator{background-color:var(--warning);animation:pulse 2s infinite}#queue.pending:not(.expanded)+.qtoggle .icon,.refresh.fetching .icon{background-color:var(--action-0);animation:spin 1s var(--trans-fn) infinite}.main.expanded+.qtoggle{width:calc(min(500px,calc(100vw - 2rem)) - var(--btn))}.main-actions .buttons:has(.expanded){width:calc(min(500px,calc(100vw - 2rem)))}.main.expanded+.qtoggle{left:var(--btn);border-bottom-right-radius:var(--radius-outer)}.main-actions .buttons:has(.expanded){right:0}.main-actions button.expanded{border-bottom-left-radius:var(--radius-outer);width:100%}.buttons:has(.expanded)>button:not(.expanded){display:none}.main nav.filters{width:100%;height:var(--chipchip);--justify:flex-start;--align:flex-end}.main nav.filters li{overflow:visible}.main .btn+label{min-height:var(--chip);min-width:var(--chip);overflow:visible}.btn+label .indicator:not(:empty){font-size:var(--txt-small);background-color:var(--base);border:1px solid var(--contrast);width:1.75em;height:1.75em;padding:.3em}.main>.header{border-bottom:1px solid var(--base-200);padding:1rem 0;flex-shrink:0}.main .item-grid{flex:1;overflow:hidden auto;overflow-anchor:none;padding:.5rem 2rem;--gap:.5rem}.queue-actions{flex-shrink:0;border-top:1px solid var(--base-200)}.queue-actions button{width:100%}.main .item{background-color:var(--base-50);padding:15px;border-radius:var(--radius);box-shadow:var(--shdw-none);font-size:var(--txt-x-small)}.main .item .header{position:relative;padding:.25rem 0}.main .item .actions{width:100%}.main .item button{min-height:var(--chip);font-size:var(--txt-x-small);--w:var(--txt-x-small)}.main .item .time{padding:.5rem 0;font-size:var(--txt-small);border:1px solid var(--base-200);border-width:1px 0;margin:.25rem 0}.main .item .progress .details{text-align:right;font-size:var(--txt-small);width:100%}.main-actions .buttons{transition:width var(--trans-base),right var(--trans-base);right:.5rem;width:var(--btn);margin:0}.attn{animation:pulse-color 5s infinite;animation-delay:1s}.attn.expanded{animation:none}.callalt.callalt,.callout.callout{padding:2rem;margin:0;max-width:none;grid-column:full}@media (min-width:768px){.callout.callout{padding:2rem 20vw}}.callout.callout{background-color:var(--action-0);color:var(--action-contrast)}.callalt.callalt{background-color:var(--secondary-0);color:var(--secondary-contrast)}.callalt :is(h1,h2,h3,h4,h5,h6),.callout :is(h1,h2,h3,h4,h5,h6){font-family:var(--body);font-weight:var(--fw-b-bold);margin:1rem 0 0;width:100%}.callout a{background-color:var(--action-contrast);padding:0 .125rem;border-radius:4px}.cover{position:relative;overflow:hidden;min-height:60vh;padding:var(--btn)}.cover::before{content:'';z-index:var(--coverIndex);background-color:var(--action-0);mix-blend-mode:var(--coverBlend);background-position:center;background-repeat:no-repeat;background-size:cover}.cover::before,.cover>img,.cover>video{position:absolute;inset:0;width:100%;max-width:100%;height:100%;margin:0}.cover .content{z-index:5;position:relative;overflow:hidden auto;width:max-content;height:max-content;max-width:100%;max-height:100%}.cover>img{z-index:1;opacity:.5;mix-blend-mode:luminosity;object-fit:cover}@media (min-width:768px){.cover>img{opacity:.33}}blockquote{--background:var(--base-100);--border:var(--action-0);line-height:1.2;padding:var(--btn);border-radius:4rem;background-color:var(--background)}blockquote .content{margin:12px auto;max-width:min(680px,80vw);position:relative;font-family:var(--heading);font-weight:var(--fw-h-bold);padding:3rem 2.5rem;border-radius:var(--radius-outer);border:2px solid var(--border)}blockquote .content::after,blockquote .content::before{position:absolute;content:'';left:50px}blockquote .content::before{width:80px;border:6px solid var(--background);bottom:-3px;z-index:2}blockquote .content::after{border:2px solid var(--border);border-radius:0 100% 0 0;width:60px;height:60px;bottom:-60px;border-bottom:0;border-left:0;z-index:3}blockquote cite{padding:15px 0 0 12px;margin:0 0 0 150px;z-index:1}blockquote.pull{background-color:unset;border-radius:0;margin:4rem auto;padding:3rem;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw-down),rgba(var(--base-rgb),var(--op-45)) var(--shdw-up)}blockquote.pull cite{margin:0}.loop .item-grid{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.loop .item-grid{grid-template-columns:repeat(2,1fr)}}.directory-list>ul{max-width:none}.directory-list .image{display:flex;flex-wrap:nowrap;align-items:center}.directory-list img{width:70px}.directory-list h3{margin:0;text-align:center;font-weight:var(--fw-h-bold);position:sticky;font-size:var(--txt-enormous);width:100%;top:var(--btn);left:0;color:var(--base);text-shadow:var(--base-200) 1px 1px 0;user-select:none}.directory-list>ul>li{padding:2rem;align-items:flex-start}.directory-list>ul>li:nth-of-type(even){background-color:var(--base-100)}.directory-list ul ul{width:100%}.directory-list ul ul li{padding:.35rem .5rem}.directory-list ul ul li:nth-of-type(even){background-color:var(--base-100)}.directory-list ul li:nth-of-type(even) ul li:nth-of-type(even){background-color:var(--base-50)}@media (min-width:768px){.directory-list h3{width:20vw}.directory-list ul ul{min-height:var(--txt-enormous)}.directory-list>ul>li{padding:2rem 10vw}}dialog.loading{opacity:0}dialog.loading[open]{opacity:1;width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center;inset:0}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--radius-outer);background-color:rgba(var(--base-rgb),var(--op-4));padding:2rem;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--trans-fn) infinite}.loading[open] i.icon{background-color:var(--action-0)}dialog.loading[open] i.icon{animation:dance 2s ease-in-out infinite}dialog.loading[open] h3{color:var(--contrast);margin:2rem 1rem auto!important;font-size:var(--txt-large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--action-50);border-radius:50%;animation:spin 1s var(--trans-fn) infinite}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--action-rgb),.4)}30%{box-shadow:0 0 0 .75rem rgba(var(--action-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--action-rgb),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}
*/:root{--half:min(384px, 17.5vw);--narrow:min(500px, 62.5vw);--content:min(768px, 65vw);--wider:min(900px, 75vw);--wide:min(1024px, 90vw);--full:100vw;--offScreen:-200vw;--chip:1.5rem;--chipchip:3rem;--chip_:2rem;--btn:4rem;--btn_:5rem;--btnbtn:8rem;--maxHeight:calc(100vh - var(--btnbtn));--dir:row;--justify:center;--align:center;--wrap:wrap;--gap:.5rem;--w:1.2em;--font-base:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--heading:'Aleo',var(--font-base);--body:'Josefin Slab',var(--font-base);--fw-h-light:400;--fw-h:900;--fw-h-bold:900;--fw-b-light:200;--fw-b:400;--fw-b-bold:700;--txt-small:clamp(.75rem, 1.1337rem + -1.2278vw, .059375rem);--txt-x-small:clamp(.95rem, .879rem + .19vw, 1.05rem);--txt-medium:clamp(1.1rem, .993rem + .286vw, 1.25rem);--txt-x-medium:clamp(1.4rem, .971rem + 1.143vw, 2rem);--txt-large:clamp(1.3rem, .6rem + 1.867vw, 2rem);--txt-x-large:clamp(1.6rem, .957rem + 1.714vw, 2.5rem);--txt-xx-large:clamp(2rem, 1.286rem + 1.905vw, 3rem);--txt-xxx-large:clamp(2.5rem, 1.429rem + 2.857vw, 4rem);--txt-enormous:calc(26vh - 4rem);--filter:grayscale(.3) sepia(.4);--mix-blend-mode:darken;--coverBlend:overlay;--coverIndex:2;--light-0:239,239,239;--light-50:226,226,226;--light-100:213,213,213;--light-200:201,201,201;--dark-0:21,21,21;--dark-50:34,34,34;--dark-100:46,46,46;--dark-200:59,59,59;--action-0:255,0,128;--action-50:255,38,146;--action-100:255,71,164;--action-200:255,107,181;--action-contrast:var(--light-0);--action-comp:oklch(from rgb(var(--action-0)) .8 .26 h);--action-tri:oklch(from rgb(var(--action-0)) .82 .2 calc(h - 120));--action-mono:oklch(from rgb(var(--action-0)) .3 .04 h);--secondary-0:214,145,33;--secondary-50:255,196,33;--secondary-100:255,205,68;--secondary-200:255,215,104;--secondary-contrast:var(--light-0);--secondary-comp:oklch(from rgb(var(--secondary-0)) .8 .26 h);--secondary-tri:oklch(from rgb(var(--secondary-0)) .82 .2 calc(h - 120));--secondary-mono:oklch(from rgb(var(--secondary-0)) .3 .04 h);--success:76,175,80;--successLight:234,246,235;--successDark:14,33,15;--successBack:var(--successLight);--successText:var(--successDark);--warning:232,167,55;--warningLight:253,247,238;--warningDark:52,35,6;--warningBack:var(--warningLight);--warningText:var(--warningDark);--error:183,51,46;--errorLight:250,235,234;--errorDark:40,11,10;--errorBack:var(--errorLight);--errorText:var(--errorDark);--base:var(--light-0);--base-50:var(--light-50);--base-100:var(--light-100);--base-200:var(--light-200);--contrast:var(--dark-0);--contrast-50:var(--dark-50);--contrast-100:var(--dark-100);--contrast-200:var(--dark-200);--contrast-comp:oklch(from rgb(var(--contrast)) .8 .26 h);--contrast-tri:oklch(from rgb(var(--contrast)) .82 .2 calc(h - 120));--contrast-mono:oklch(from rgb(var(--contrast)) .3 .04 h);--base-comp:oklch(from rgb(var(--base)) .8 .26 h);--base-tri:oklch(from rgb(var(--base)) .82 .2 calc(h - 120));--base-mono:oklch(from rgb(var(--base)) .3 .04 h);--tone-a:rgb(var(--contrast));--tone-b:rgb(var(--base));--duo-dark:oklch(from var(--tone-a) .22 c h);--duo-light:oklch(from var(--tone-b) .78 c h);--shimmer:rgba(var(--contrast),0) 0%,rgba(var(--contrast),.05) 50%,rgba(var(--contrast),0) 100%;--op-1:.05;--op-2:.15;--op-3:.25;--op-45:.45;--op-4:.66;--op-5:.75;--op-6:.85;--shdw-inset:inset 0 0 4px 1px;--shdw:0 0 4px;--shdw-down:0 6px 5px -5px;--shdw-right:6px 0 5px -5px;--shdw-left:-6px 0 5px -5px;--shdw-up:0 -6px 5px -5px;--shdw-subtle:0 25px 20px -20px;--shdw-subtle-right:10px 0 20px -20px;--shdw-none:transparent 0 0 0;--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:50;--z-6:100;--z-7:999;--z-8:1000;--z-9:999999;--z-10:9999999;--radius:4px;--p-outer:1rem;--radius-outer:calc(var(--radius) + var(--p-outer));--p-y:var(--sp1);--p-x:var(--sp1);--trans-fn:cubic-bezier(.47,.24,.07,.47);--trans-t:.25s;--trans-base:var(--trans-t) var(--trans-fn);--trans-color:background-color var(--trans-base),color var(--trans-base),border var(--trans-base);--trans-transform:transform var(--trans-base);--trans-size:width var(--trans-base),height var(--trans-base),max-width var(--trans-base),max-height var(--trans-base);--trans-vis:opacity var(--trans-base);--sp1:clamp(0.5rem, 0.714vw + 0.321rem, 1rem);--sp2:clamp(0.75rem, 1.071vw + 0.482rem, 1.5rem);--sp3:clamp(1rem, 1.429vw + 0.643rem, 2rem);--sp4:clamp(1.5rem, 2.143vw + 0.964rem, 3rem);--sp5:clamp(2rem, 2.857vw + 1.286rem, 4rem);--sp6:clamp(3rem, 4.286vw + 1.929rem, 6rem);--sp7:clamp(4rem, 5.714vw + 2.571rem, 8rem);--sb-width:8px;--sb-track:rgb(var(--base-100));--sb-thumb:rgb(var(--action-0));--sb-thumb-hover:rgb(var(--action-50));--sb-thumb-border:2px solid rgb(var(--base-50));--sb-radius:4px;--details:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="%232b1a0d" viewBox="0 0 256 256"><path d="M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z"></path></svg>');--link:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="%232b1a0d" viewBox="0 0 256 256"><path d="M238,88.18a52.42,52.42,0,0,1-15.4,35.66l-34.75,34.75A52.28,52.28,0,0,1,150.62,174h-.05A52.63,52.63,0,0,1,98,119.9a6,6,0,0,1,6-5.84h.17a6,6,0,0,1,5.83,6.16A40.62,40.62,0,0,0,150.58,162h0a40.4,40.4,0,0,0,28.73-11.9l34.75-34.74A40.63,40.63,0,0,0,156.63,57.9l-11,11a6,6,0,0,1-8.49-8.49l11-11a52.62,52.62,0,0,1,74.43,0A52.83,52.83,0,0,1,238,88.18Zm-127.62,98.9-11,11A40.36,40.36,0,0,1,70.6,210h0a40.63,40.63,0,0,1-28.7-69.36L76.62,105.9A40.63,40.63,0,0,1,146,135.77a6,6,0,0,0,5.83,6.16H152a6,6,0,0,0,6-5.84A52.63,52.63,0,0,0,68.14,97.42L33.38,132.16A52.63,52.63,0,0,0,70.56,222h0a52.26,52.26,0,0,0,37.22-15.42l11-11a6,6,0,1,0-8.49-8.48Z"></path></svg>')}body:has(#theme-switcher:checked){--mixBlendMode:lighten;--coverBlend:multiply;--coverIndex:0;--action-50:219,0,110;--action-100:184,0.92;--action-200:148,0,74;--secondary-50:216,159,0;--secondary-100:181,133,0;--secondary-200:145,106,0;--contrast:var(--light-0);--contrast-50:var(--light-50);--contrast-100:var(--light-100);--contrast-200:var(--light-200);--contrast:var(--light-rgb);--base:var(--dark-0);--base-50:var(--dark-50);--base-100:var(--dark-100);--base-200:var(--dark-200);--base:var(--dark-rgb);--successBack:var(--successDark);--successText:var(--successLight);--warningBack:var(--warningDark);--warningText:var(--warningLight);--errorBack:var(--errorDark);--errorText:var(--errorLight);--shimmer:rgba(var(--light-0),0) 0%,rgba(var(--light-0),.05) 50%,rgba(var(--light-0),0) 100%}@layer reset{font:clamp(1rem,1rem + .5vw,2rem)/1.4 system-ui,sans-serif;tab-size:2;hanging-punctuation:first allow-end last;word-break:break-word}body{margin:0}*,::after,::before{box-sizing:border-box}h1,h2{font-weight:900;letter-spacing:-.02rem}h1,h2,h3{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;margin-block-start:0}dd,li,p{text-wrap:pretty;max-inline-size:88ch}a{color:oklch(.68 .17 228);text-underline-offset:2px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}dl,ol,ul{margin:0;padding:0;list-style:outside}iframe,img,video{display:block;max-inline-size:100%;block-size:auto;border-style:none}figure{inline-size:fit-content;margin-inline:auto}figure img{width:100%;height:100%;object-fit:cover}figcaption{contain:inline-size;font-size:90%;background-color:rgba(var(--base),var(--op-3));text-align:center;font-style:italic}button,input,select,textarea{font:inherit}label{display:block}input:not(:where([type=submit],[type=checkbox],[type=radio],[type=button],[type=reset])){inline-size:100%}button,input:where([type=submit],[type=reset],[type=button]){background:CanvasText;color:Canvas;border:1px solid transparent}textarea{field-sizing:content;min-block-size:5lh;inline-size:100%;max-inline-size:100%}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,monospace}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}hr,hr.logo::after{--margin:12.5%;--baseWidth:75%;border-style:solid;border-width:1px 0 0;border-color:rgb(var(--contrast));color:inherit;height:1px;overflow:visible;margin-block:2.5rem;width:var(--baseWidth)}hr.logo{--width:calc((rgb(var(--baseWidth)) / 2) - var(--half));--half:calc(var(--btn) / 2);width:var(--width);position:relative;margin-left:var(--margin)}hr.logo::before{content:'';--circ:calc(var(--btn) + (var(--btn) / 2));--rad:calc(var(--circ) / 2);background-color:rgb(var(--contrast-100));mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:var(--btn);-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;display:block;width:var(--circ);height:var(--circ);position:absolute;border-radius:50%;right:calc(-1 * (var(--circ)));top:0;transform:translateY(-50%)}hr.logo::after{content:'';display:block;width:100%;position:absolute;z-index:0;top:0;transform:translateY(050%);background-color:rgb(var(--contrast));height:1px;right:calc((100% + var(--btn_) + 1rem) * -1);margin:0}hr.dots{border-color:transparent;display:flex}hr.dots::before{content:'.\2003.\2003.';margin:0 auto}:target{scroll-margin:3rlh}table{caption-side:bottom;border-collapse:collapse}td,th{word-break:normal;border:1px solid gray;padding:.5rem}caption{font-size:90%}.screen-reader-text:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline-offset:2px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords}}::-webkit-scrollbar{width:var(--sb-width);height:var(--sb-width)}::-webkit-scrollbar-track{background:var(--sb-track)}::-webkit-scrollbar-thumb{background-color:var(--sb-thumb);border-radius:var(--sb-radius);border:var(--sb-thumb-border)}::-webkit-scrollbar-thumb:hover{background-color:var(--sb-thumb-hover)}body{background-color:rgb(var(--base-50));color:rgb(var(--contrast));margin:0;font-family:var(--body);font-weight:var(--fw-b);font-size:var(--txt-medium);line-height:1.4;position:relative;max-width:100vw}body,body *{transition:var(--trans-color)}html{scroll-behavior:smooth;overflow-x:hidden}@media(prefers-reduced-motion){html{scroll-behavior:unset}*{transition:none!important;animation:none!important}}main{--gapNarrow:calc((var(--content) - var(--narrow)) / 2);--gapContent:calc((var(--wider) - var(--content)) / 2);--gapWide:calc((var(--wide) - var(--wider)) / 2);display:grid;grid-template-columns:[full-start] minmax(1rem,1fr) [wide-start] minmax(0,var(--gapWide)) [wider-start] minmax(0,var(--gapContent)) [content-start] minmax(0,var(--gapNarrow)) [narrow-start] min(calc(100% - 2rem),var(--narrow)) [narrow-end] minmax(0,var(--gapNarrow)) [content-end] minmax(0,var(--gapContent)) [wider-end] minmax(0,var(--gapWide)) [wide-end] minmax(1rem,1fr) [full-end];min-height:var(--maxHeight);grid-auto-rows:max-content}main>*{grid-column:content}main>section{padding:3rem 0;grid-column:full}main>section>*{width:100%;max-width:var(--content);margin:var(--sp1) auto}ul{max-width:var(--narrow);margin:1rem auto 1rem 3rem}ul ul{padding:.25rem 0 .25rem 1rem;margin:0}main .align-narrow{grid-column:narrow}main .align-content{grid-column:content}main .align-wider{grid-column:wider;width:100%}main .align-wide{grid-column:wide;width:100%}main .align-full{grid-column:full;width:100%;max-width:none}main>:first-child{margin-top:0}.wp-site-blocks>header{position:sticky;top:0;z-index:var(--z-8);background-color:rgb(var(--base));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw-down);transition:top var(--trans-base)}header a[rel=home]{display:flex;align-items:center;max-height:var(--btn);overflow:hidden;margin:0 auto}.scroll-progress{position:absolute;inset-inline:0;bottom:0;height:3px;display:flex;align-items:center;pointer-events:none;z-index:var(--z-3);background-color:rgb(var(--base-200));overflow:hidden}.scroll-progress .bar{width:100%;height:1px;transform-origin:left center;transform:scaleX(0);background:rgb(var(--action-0))}footer{padding:1rem;background-color:rgb(var(--base));color:rgb(var(--contrast-200));text-align:center;margin:4rem 0 0;position:relative;z-index:var(--z-7)}footer p{margin:0 auto}body:has(nav.fixed.bottom,nav.on-this-page) footer{padding-bottom:var(--btn_)}@media (min-width:768px){footer{padding:1rem 2rem var(--btn_)}}:target{scroll-snap-margin-top:var(--btnbtn);scroll-margin-top:var(--btnbtn);outline:double rgb(var(--action-200));background-color:rgb(var(--base))}aside.footer,aside.header{padding:0 1rem;font-size:var(--txt-x-small);z-index:var(--z-7);background-color:rgb(var(--base-50))}aside.header{height:var(--chip_);--wrap:nowrap}aside.footer p,aside.header p{width:max-content}aside.footer{--dir:column;background-color:rgb(var(--base-50));padding:1rem;border-top:1px solid rgb(var(--base-200))}aside.footer+footer{margin-top:0}aside.footer p,aside.header p{margin:.125rem 0}aside.pre{position:sticky;top:-2rem;transition:top var(--trans-base)}.scroll-up aside.pre{top:0}.scroll-up .pre~header{top:calc(var(--chip_) - 2px)}body :is(b,strong){font-weight:var(--fw-b-bold)}:is(h1,h2,h3,h4,h5,h6){font-family:var(--heading);text-transform:uppercase;font-weight:var(--fw-h);line-height:1.3;margin:1.5em auto .25em;width:100%}:is(h1,h2,h3,h4,h5,h6),p{width:100%}.group :is(h1,h2,h3,h4,h5,h6),p{width:max-content;max-width:100%}:is(h1,h2,h3,h4,h5,h6) :is(b,strong){font-weight:var(--fw-h-bold);letter-spacing:2px}:is(h1,h2,h3,h4,h5,h6) small{display:block;line-height:.8;font-family:var(--body);font-size:.5em}:is(h1,h2,h3,h4,h5,h6) small :is(b,strong){font-weight:var(--fw-b-bold)}:is(h1,h2,h3,h4,h5,h6).inline{font-size:1.2rem;font-weight:var(--fw-h-bold);display:inline-block;margin:0 2rem 0 0;letter-spacing:.05em}:is(h1,h2,h3,h4,h5,h6).inline+*{display:inline-block;margin:.5rem 0}h1{font-size:var(--txt-xxx-large);font-weight:var(--fw-h);line-height:1;margin:10vh auto .25em}h1 small+small{display:inline-block;font-size:var(--txt-large);margin-right:.5rem}h2{font-size:var(--txt-xx-large)}h3{font-size:var(--txt-x-large)}h4{font-weight:400;font-size:var(--txt-large)}h5,h6{font-weight:400;font-size:var(--txt-medium)}p{line-height:1.6}.drop-cap::first-letter{font-family:var(--heading);font-size:var(--btn);line-height:1;background-color:rgb(var(--action-0));color:rgb(var(--action-contrast));float:left;font-weight:var(--fw-h-bold);margin:.1em .1em .2em 0;padding:.1em}:not(.row>) p:has(+p){margin-bottom:0}:not(.row>) p+p{margin-top:0}.hint{line-height:1.2;font-style:italic;font-size:var(--txt-small)}mark{background-color:rgba(var(--action-0),var(--op-45))!important;color:rgb(var(--action-contrast))!important;border-top-left-radius:.5em;border-bottom-right-radius:.5em;padding:0 .5em;corner-shape:bevel}a{color:rgb(var(--action-0));border-radius:4px;padding:.125rem}a:visited{color:rgb(var(--action-100))}a:hover,a:visited:hover{color:rgb(var(--contrast-50));text-decoration:none}:is(p,li,h1,h2,h3,h4,h5,h6,small) a:hover{color:var(--action-contrast);background-color:rgb(var(--action-0))}a.logo{display:inline-flex}.logo img{max-width:150px}i.icon{width:var(--w);height:var(--w);display:inline-block;background-color:currentColor;mask-image:var(--icon);-webkit-mask-image:var(--icon);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;vertical-align:middle}.favourite.favourited .heart,.favourite:not(.favourited) .heart-fill,.notifications.has .bell,.notifications:not(.has) .bell-ringing,.vote .voted .downvote,.vote .voted .upvote,.vote button:not(.voted) .downvoted,.vote button:not(.voted) .upvoted{display:none}.favourite.favourited .heart-fill,.favourite:not(.favourited) .heart,.notifications.has .bell-ringing,.notifications:not(.has) .bell,.vote .voted .downvoted,.vote .voted .upvoted,.vote button:not(.voted) .downvote,.vote button:not(.voted) .upvote{display:block}ol{list-style-type:decimal}ul.terms{display:grid;grid-template-columns:repeat(2,1fr)}ul.terms li{list-style:none}.term-list.cloud{display:flex;gap:.25rem;margin:var(--sp2) auto}.term-list.cloud a{border-radius:var(--radius);background-color:transparent;color:rgb(var(--action-0));border:2px solid rgb(var(--action-0));padding:4px 8px;position:relative}.term-list.cloud a:focus,.term-list.cloud a:hover{color:var(--action-contrast);background-color:rgb(var(--action-0))}.term-list a:has(.count){padding-right:1rem}.term-list .count{position:absolute;top:.25rem;right:.25rem;font-size:var(--txt-small)}.term-list li{list-style:none}.term-list a{display:inline-flex;width:max-content}.rounded{border-radius:var(--radius-outer)}.font-small{font-size:var(--txt-x-small)}.font-medium{font-size:var(--txt-medium)}.font-large{font-size:var(--txt-large)}.font-x-large{font-size:var(--txt-x-large)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.align-center{text-align:center;margin:0 auto}.align-left{text-align:left;margin:0 auto 0 0}.align-right{text-align:right;margin:0 0 0 auto}[hidden]{display:none!important}@media (max-width:767px){.hide-small{display:none}}.width-25,.width-33,.width-50,.width-66,.width-75{width:100%}.w-full{width:100%}@media (min-width:768px){.width-50{max-width:50%}.width-25{max-width:25%}.width-75{max-width:75%}.width-33{max-width:33.333%}.width-66{max-width:66.666%}}.p-1{padding:var(--sp1)}.p-2{padding:var(--sp2)}.p-3{padding:var(--sp3)}.p-4{padding:var(--sp4)}.p-5{padding:var(--sp5)}.p-6{padding:var(--sp6)}.p-7{padding:var(--sp7)}.px-1{padding-left:var(--sp1);padding-right:var(--sp1)}.px-2{padding-left:var(--sp2);padding-right:var(--sp2)}.px-3{padding-left:var(--sp3);padding-right:var(--sp3)}.px-4{padding-left:var(--sp4);padding-right:var(--sp4)}.px-5{padding-left:var(--sp5);padding-right:var(--sp5)}.px-6{padding-left:var(--sp6);padding-right:var(--sp6)}.px-7{padding-left:var(--sp7);padding-right:var(--sp7)}.py-1{padding-top:var(--sp1);padding-bottom:var(--sp1)}.py-2{padding-top:var(--sp2);padding-bottom:var(--sp2)}.py-3{padding-top:var(--sp3);padding-bottom:var(--sp3)}.py-4{padding-top:var(--sp4);padding-bottom:var(--sp4)}.py-5{padding-top:var(--sp5);padding-bottom:var(--sp5)}.py-6{padding-top:var(--sp6);padding-bottom:var(--sp6)}.py-7{padding-top:var(--sp7);padding-bottom:var(--sp7)}.pt-1{padding-top:var(--sp1)}.pr-1{padding-right:var(--sp1)}.pl-1{padding-left:var(--sp1)}.pb-1{padding-bottom:var(--sp1)}.pt-2{padding-top:var(--sp2)}.pr-2{padding-right:var(--sp2)}.pl-2{padding-left:var(--sp2)}.pb-2{padding-bottom:var(--sp2)}.pt-3{padding-top:var(--sp3)}.pr-3{padding-right:var(--sp3)}.pl-3{padding-left:var(--sp3)}.pb-3{padding-bottom:var(--sp3)}.pt-4{padding-top:var(--sp4)}.pr-4{padding-right:var(--sp4)}.pl-4{padding-left:var(--sp4)}.pb-4{padding-bottom:var(--sp4)}.pt-5{padding-top:var(--sp5)}.pr-5{padding-right:var(--sp5)}.pl-5{padding-left:var(--sp5)}.pb-5{padding-bottom:var(--sp5)}.pt-6{padding-top:var(--sp6)}.pr-6{padding-right:var(--sp6)}.pl-6{padding-left:var(--sp6)}.pb-6{padding-bottom:var(--sp6)}.pt-7{padding-top:var(--sp7)}.pr-7{padding-right:var(--sp7)}.pl-7{padding-left:var(--sp7)}.pb-7{padding-bottom:var(--sp7)}.m-0{margin:0}.m-1{margin:var(--sp1)}.m-2{margin:var(--sp2)}.m-3{margin:var(--sp3)}.m-4{margin:var(--sp4)}.m-5{margin:var(--sp5)}.m-6{margin:var(--sp6)}.m-7{margin:var(--sp7)}.mx-1{margin-left:var(--sp1);margin-right:var(--sp1)}.mx-2{margin-left:var(--sp2);margin-right:var(--sp2)}.mx-3{margin-left:var(--sp3);margin-right:var(--sp3)}.mx-4{margin-left:var(--sp4);margin-right:var(--sp4)}.mx-5{margin-left:var(--sp5);margin-right:var(--sp5)}.mx-6{margin-left:var(--sp6);margin-right:var(--sp6)}.mx-7{margin-left:var(--sp7);margin-right:var(--sp7)}.my-1{margin-top:var(--sp1);margin-bottom:var(--sp1)}.my-2{margin-top:var(--sp2);margin-bottom:var(--sp2)}.my-3{margin-top:var(--sp3);margin-bottom:var(--sp3)}.my-4{margin-top:var(--sp4);margin-bottom:var(--sp4)}.my-5{margin-top:var(--sp5);margin-bottom:var(--sp5)}.my-6{margin-top:var(--sp6);margin-bottom:var(--sp6)}.my-7{margin-top:var(--sp7);margin-bottom:var(--sp7)}.mt-1{margin-top:var(--sp1)}.mr-1{margin-right:var(--sp1)}.ml-1{margin-left:var(--sp1)}.mb-1{margin-bottom:var(--sp1)}.mt-2{margin-top:var(--sp2)}.mr-2{margin-right:var(--sp2)}.ml-2{margin-left:var(--sp2)}.mb-2{margin-bottom:var(--sp2)}.mt-3{margin-top:var(--sp3)}.mr-3{margin-right:var(--sp3)}.ml-3{margin-left:var(--sp3)}.mb-3{margin-bottom:var(--sp3)}.mt-4{margin-top:var(--sp4)}.mr-4{margin-right:var(--sp4)}.ml-4{margin-left:var(--sp4)}.mb-4{margin-bottom:var(--sp4)}.mt-5{margin-top:var(--sp5)}.mr-5{margin-right:var(--sp5)}.ml-5{margin-left:var(--sp5)}.mb-5{margin-bottom:var(--sp5)}.mt-6{margin-top:var(--sp6)}.mr-6{margin-right:var(--sp6)}.ml-6{margin-left:var(--sp6)}.mb-6{margin-bottom:var(--sp6)}.mt-7{margin-top:var(--sp7)}.mr-7{margin-right:var(--sp7)}.ml-7{margin-left:var(--sp7)}.mb-7{margin-bottom:var(--sp7)}.base{--color:rgb(var(--base))}.base-50{--color:rgb(var(--base-50))}.base-100{--color:rgb(var(--base-100))}.base-200{--color:rgb(var(--base-200))}.contrast{--color:rgb(var(--contrast))}.contrast-50{--color:rgb(var(--contrast-50))}.contrast-100{--color:rgb(var(--contrast-100))}.contrast-200{--color:rgb(var(--contrast-200))}.action{--color:rgb(var(--action-0))}.action-50{--color:rgb(var(--action-50))}.action-100{--color:rgb(var(--action-100))}.action-200{--color:rgb(var(--action-200))}.action-comp{--color:oklch(from rgb(var(--action-0)) l c calc(h + 180))}.action-tri{--color:oklch(from rgb(var(--action-0)) .82 .2 calc(h - 120))}.action-tri-alt{--color:oklch(from rgb(var(--action-0)) .82 .2 calc(h + 120))}.secondary{--color:rgb(var(--secondary-0))}.secondary-50{--color:rgb(var(--secondary-50))}.secondary-100{--color:rgb(var(--secondary-100))}.secondary-200{--color:rgb(var(--secondary-200))}.secondary-comp{--color:oklch(from rgb(var(--secondary-0)) l c calc(h + 180))}.secondary-tri{--color:oklch(from rgb(var(--secondary-0)) .82 .2 calc(h - 120))}.secondary-tri-alt{--color:oklch(from rgb(var(--secondary-0)) .82 .2 calc(h + 120))}.bck,.hvr-bck:focus,.hvr-bck:hover{background-color:var(--color)}.bck:not(.overlay).op-1{background-color:rgba(var(--color),var(--op-1))}.bck:not(.overlay).op-2{background-color:rgba(var(--color),var(--op-2))}.bck:not(.overlay).op-3{background-color:rgba(var(--color),var(--op-3))}.bck:not(.overlay).op-4{background-color:rgba(var(--color),var(--op-4))}.bck:not(.overlay).op-45{background-color:rgba(var(--color),var(--op-45))}.bck:not(.overlay).op-5{background-color:rgba(var(--color),var(--op-5))}.bck:not(.overlay).op-6{background-color:rgba(var(--color),var(--op-6))}.clr,.hvr-clr:focus,.hvr-clr:hover{color:var(--color)}.brdr,.hvr-brdr:focus,.hvr-brdr:hover{border-color:var(--color)}.duotone{isolation:isolate;position:relative;overflow:hidden;background:rgb(var(--contrast))}.cover img,.cover video,.duotone img,.duotone video{filter:grayscale(1) sepia(1) contrast(1.1) brightness(1.05);mix-blend-mode:multiply;z-index:1;position:relative}.duotone::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2}.duotone::before{mix-blend-mode:color;background-color:var(--duo-dark);opacity:var(--op-5)}.duotone:not(.cover)::after{mix-blend-mode:screen;background-color:var(--duo-light)}.duotone.action{--tone-a:rgb(var(--action-0));--duo-dark:oklch(from rgb(var(--base)) .18 .02 h);--duo-light:oklch(from rgb(var(--action-0)) .72 .28 h)}.duotone.secondary{--tone-a:rgb(var(--secondary-0));--duo-dark:oklch(from rgb(var(--base)) .2 .03 h);--duo-light:oklch(from rgb(var(--secondary-0)) .82 .18 h)}.duotone.complement{--duo-dark:oklch(from var(--tone-a) .22 .08 calc(h + 180));--duo-light:oklch(from var(--tone-a) .8 .26 h)}.duotone.triadic{--duo-dark:oklch(from var(--tone-a) .24 .1 calc(h + 120));--duo-light:oklch(from var(--tone-a) .82 .2 calc(h - 120))}.duotone.monochrome{--duo-dark:oklch(from var(--tone-a) .3 .04 h);--duo-light:oklch(from var(--tone-a) .88 .08 h)}.duotone.film{--duo-dark:oklch(from var(--tone-a) .35 .1 h);--duo-light:oklch(from var(--dark-0) .96 .02 h)}.btn+label,.buttons a,.buttons li,.col.col,.item-grid .item,.row.row,[type=submit],a.btn,aside.footer,aside.header,aside.main,button,li.btn{display:flex;justify-content:var(--justify);align-items:var(--align);gap:var(--gap);flex-wrap:var(--wrap);flex-direction:var(--dir);--align:center;--justify:center;--gap:.5rem;--wrap:wrap;width:100%}.stretch.stretch>*{flex:1}.col.col{--dir:column}.row.row{--dir:row}.col.col.rev.rev{--dir:column-reverse}.row.row.rev.rev{--dir:row-reverse}.nowrap.nowrap{--wrap:nowrap}.nowrap.nowrap.stack-small{--wrap:wrap}@media (min-width:768px){.nowrap.nowrap.stack-small{--wrap:nowrap}}.col.col.left,.row.row.top{--align:flex-start}.col.col.top,.row.row.left{--justify:flex-start}.col.col.right,.row.row.btm{--align:flex-end}.col.col.btm,.row.row.right{--justify:flex-end}.col.col.y-mid,.row.row.x-mid{--justify:center}.col.col.x-mid,.row.row.y-mid{--align:center}.col.col.y-btw,.row.row.x-btw{--justify:space-between}.col.col.x-btw,.row.row.y-btw{--align:space-between}.col.col.y-even,.row.row.x-even{--justify:space-evenly}.col.col.x-even,.row.row.y-even{--align:space-evenly}.col.col.y-around,.row.row.x-around{--justify:space-around}.col.col.x-around,.row.row.y-around{--align:space-around}.abs{position:absolute}:has(>.abs){position:relative}.top{top:0;right:0;left:0}.top-right{top:0;right:0}.top-left{top:0;left:0}.btm{bottom:0;left:0;right:0}.btm-right{bottom:0;right:0}.btm-left{bottom:0;left:0}.edges{inset:0}.hidden{transform:scale(0);max-width:0;max-height:0;overflow:hidden;transition:var(--trans-transform),var(--trans-size)}.visible{transform:scale(1);max-width:100%;max-height:100%;transition:var(--trans-transform),var(--trans-size)}.field .switch{display:inline-flex}.switch .slider{--trans-t:.0125s;position:relative;width:var(--chipchip);height:var(--chip);background-color:rgb(var(--base-200));border-radius:.75rem;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border:4px solid transparent;box-shadow:0 0 .25rem 0 rgba(var(--contrast),.125) inset;cursor:pointer;margin:5px;transition:var(--trans-color)}.switch .slider::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgb(var(--base));transform:translateX(-1.5rem);border-radius:.75rem;transition:var(--trans-transform);box-shadow:0 0 .25rem 3px rgba(var(--contrast),.125)}.switch :checked~.slider::before{transform:translateX(1.5rem);box-shadow:0 0 .25rem 3px rgba(var(--base),.25)}.switch :checked~.slider{background-color:rgb(var(--action-0))}.switch :active~.slider::before{transform:translateX(0)}#theme-switch{z-index:var(--z-6);margin:0;--wrap:nowrap;--gap:1rem}#theme-switch [type=checkbox]{position:absolute;left:var(--offScreen)}@media (max-width:600px){#theme-switch{left:1rem}}:checked~.slider .icon-sun-dim{--w:.75em;margin-top:.25em}.slider .icon-moon{--w:.666em;margin-top:.333em}.slider .icon-sun-dim,:checked~.slider .icon-moon{--w:1em;margin-top:0}:not(:checked)~.slider .icon-sun-dim{color:rgb(var(--action-0))}.item-grid{--columns:repeat(2, 1fr);display:grid;grid-template-columns:var(--columns);gap:10px}.item-grid:empty{display:none}.item-grid .empty,.no-results{height:15vh;background-color:rgb(var(--base-50));border-radius:var(--radius);border:2px dashed rgb(var(--base-200));font-style:italic}.item-grid.stats{--columns:repeat(2, 1fr)}@media (min-width:768px){.item-grid{--width:250px;--columns:repeat(auto-fill, minmax(var(--width), 1fr))}.item-grid.split-2{--columns:repeat(2, 1fr)}.item-grid.split-3{--columns:repeat(3, 1fr)}.item-grid.split-4{--columns:repeat(4, 1fr)}.item-grid.split-5{--columns:repeat(5, 1fr)}.item-grid.split-6{--columns:repeat(6, 1fr)}.item-grid.split-7{--columns:repeat(7, 1fr)}.item-grid.split-8{--columns:repeat(8, 1fr)}.item-grid.split-9{--columns:repeat(9, 1fr)}}.item-grid .item{border-radius:var(--radius-outer);filter:none;position:relative}.item-grid .item .item-actions{--gap:.125rem;z-index:1;position:absolute;top:0;right:0;width:calc(100% - var(--btn))}.item-actions .btn+label,.item-actions button{min-height:var(--chipchip);width:var(--chipchip);z-index:var(--z-1)}.item-grid .item .images,.item-grid .item .images a{aspect-ratio:1;width:100%;height:100%;display:flex}.item-grid img{border-radius:var(--radius)}.item-grid .item-actions button{min-height:var(--chipchip);width:var(--chipchip)}.item-grid.list-view{display:flex;flex-direction:column;gap:0}.item-grid.list-view .item{aspect-ratio:unset;align-items:flex-start;border-radius:var(--radius);padding:1rem 0}.list-view .item:nth-of-type(even){background-color:rgb(var(--base))}.list-view img{width:20%}.item.col{--wrap:nowrap}.empty-state{--w:1.2em;grid-column:1/span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:1rem auto;max-width:66%;background-color:rgb(var(--base-100));border:2px dashed rgb(var(--base-50));padding:1rem}table{white-space:nowrap;width:100%;display:table;margin:0 0 2rem;border-radius:4px;height:min(100%,var(--maxHeight));color:rgb(var(--contrast));overflow:auto;position:relative}tfoot,thead{position:sticky;z-index:10;background-color:rgb(var(--base));text-transform:uppercase;padding:.5rem 0;line-height:2;font-weight:400}tr:nth-of-type(even){background-color:rgb(var(--base-200))}tfoot th{vertical-align:middle}tfoot th:first-of-type{text-align:right}tfoot tr,thead tr{background-color:rgba(var(--base),var(--op-6));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw)}thead tr{border-bottom:1px solid rgb(var(--contrast-200))}tfoot tr{border-top:1px solid rgb(var(--contrast-200))}thead{top:0}tfoot{bottom:0}thead th{width:max-content}th p{margin:0!important}td{width:max-content;padding:.5rem 1rem}td .toggle input[type=checkbox]{margin:0}td .field{margin:.25rem 0}td[data-id=actions] label{margin:0;padding:0}td .description{display:none}td input[type=text]{width:fit-content;max-width:40vw;padding:.25em!important;font-size:var(--txt-x-small)!important}tbody tr{border:2px solid transparent}tbody tr:focus-within{background-color:rgb(var(--base-100));border-color:rgb(var(--action-50))}[data-stuck]{background-color:rgba(var(--base),var(--op-4));position:sticky;left:-1rem;z-index:15;box-shadow:rgba(var(--base),var(--op-45)) var(--shdw-subtle-right)}tbody [data-stuck]{z-index:5}tfoot [data-stuck],thead [data-stuck]{background:rgb(var(--base))}figure:has(table){width:100%;height:max-content}.btn+label,.buttons a,[type=submit],a.btn,button,li.btn{--justify:center;--align:center;--dir:row;--wrap:nowrap;width:fit-content;text-transform:uppercase;text-decoration:none;background-color:rgb(var(--base-100));color:rgb(var(--contrast-50));border:1px solid rgb(var(--base-200));border-radius:var(--radius);padding:.25rem 1rem;font-family:var(--heading);cursor:pointer;outline:0;min-height:var(--btn);display:inline-flex;position:relative;box-shadow:rgba(var(--base),var(--op-6)) var(--shdw-inset)}.btn.chip{min-height:var(--chip)}.buttons.left a{--justify:flex-start}.buttons.right a{--justify:flex-end}.buttons.x-btw a{--justify:space-between}.buttons .outline a,.filters .btn+label,[type=submit].outline,a.btn.outline,button.outline{--color:rgb(var(--contrast));background-color:transparent;color:var(--color);border:1px solid var(--color)}.btn+label:hover,.btn:checked+label,.btn:focus+label,.buttons a:focus,.buttons a:hover,.buttons a:visited:hover,[type=submit]:focus,[type=submit]:hover,a.btn:focus,a.btn:hover,a.btn:visited:hover,button:focus,button:hover,li.btn:focus,li.btn:hover{background-color:rgb(var(--action-0));color:var(--action-contrast);box-shadow:var(--shdw-none)}.buttons .outline a:focus,.buttons .outline a:hover,.buttons .outline a:visited:hover,.filters .btn+label:hover,.filters .btn:focus+label,[type=submit].outline:focus,[type=submit].outline:hover,a.btn.outline:focus,a.btn.outline:hover,a.btn.outline:visited:hover,button.outline:focus,button.outline:hover{background-color:rgb(var(--action-0));color:var(--action-contrast);border-color:rgb(var(--action-0))}.btn:disabled+label,.btn:disabled:focus+label,.btn:disabled:hover+label,[type=submit]:disabled,[type=submit]:disabled:focus,[type=submit]:disabled:hover,button:disabled,button:disabled:focus,button:disabled:hover{opacity:.5;cursor:not-allowed;background-color:rgb(var(--base-200));color:rgb(var(--contrast-200))}[type=submit]{margin:1rem 0}.filters .btn+label,.filters button{min-height:var(--chip)}.filters .btn+label{background-color:rgb(var(--base-100));border:1px solid rgb(var(--base-200));color:rgb(var(--contrast-200))}.filters .btn:checked+label{border-color:rgb(var(--contrast));color:rgb(var(--contrast))}.buttons{--wrap:wrap;--justify:flex-start;margin:1rem auto;width:100%;padding:0}.buttons li{--justify:stretch;--align:stretch;padding:0;list-style:none;overflow:hidden}.buttons a{width:100%}.buttons.fit{width:fit-content;margin:1rem 2rem}@media (min-width:768px){.buttons{max-width:var(--content);margin:3rem auto}}.main-actions .buttons,a.sticky,button.sticky{z-index:var(--z-6);position:fixed;bottom:var(--btn_)}body:has(.on-this-page) .main-actions .buttons,body:has(.on-this-page) a.sticky,body:has(.on-this-page) button.sticky{bottom:calc(var(--btn_) + var(--chip_))}.main-actions .buttons button,button.sticky{width:var(--btn);height:var(--btn);background-color:rgba(var(--base),var(--op-4));color:rgb(var(--contrast));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);transition:var(--trans-size),var(--trans-color)}.main-actions .buttons button:focus,.main-actions .buttons button:hover,a.sticky:focus,a.sticky:hover,button.sticky:focus,button.sticky:hover{background-color:rgba(var(--action-0),var(--op-6));color:var(--action-contrast)}.main-actions .buttons button:disabled,.main-actions .buttons button:disabled:focus,.main-actions .buttons button:disabled:hover,button.sticky:disabled,button.sticky:disabled:focus,button.sticky:disabled:hover{opacity:.5;background-color:rgba(var(--base),var(--op-3));color:rgb(var(--contrast))}.qtoggle{left:0;transition:left var(--trans-base),width var(--trans-base),border var(--trans-base),var(--trans-color)}.main .m-actions .refresh{width:var(--btn);border-radius:0;background-color:rgb(var(--base-50));color:rgb(var(--contrast))}.main .m-actions .refresh:focus,.main .m-actions .refresh:hover{background-color:rgb(var(--action-0));color:var(--action-contrast)}.main .refresh .indicator{background-color:rgba(var(--base),var(--op-3));top:0;right:0;height:1.1em;width:1.1em}.refresh .countdown:not(.counting){display:none}.main h2{margin:.5em 0;font-size:var(--txt-medium)}#back-to-top{min-height:var(--chip);bottom:-3rem;right:0;transition:bottom var(--trans-base)}body:has(.main-actions) #back-to-top{right:calc(var(--btn_) + .5rem)}.scroll-up #back-to-top{bottom:0}body:has(.fixed.bottom).scroll-up #back-to-top{bottom:var(--btn)}body:has(.on-this-page).scroll-up.scroll-up #back-to-top{bottom:calc(var(--btn) + var(--chip_))}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}input:focus,input:focus-within,input[type=checkbox]:focus+label,input[type=checkbox]:focus-visible+label,input[type=radio]:focus+label,input[type=radio]:focus-visible+label{outline:2px solid rgb(var(--action-0))!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(var(--action-0),var(--op-3))!important}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.7}.btn[hidden]+label,[type=checkbox][hidden]+label,[type=radio][hidden]+label{display:none!important}label{display:inline-flex;align-items:center;gap:.5em}[type=checkbox],[type=radio]{position:absolute;opacity:0;left:var(--offScreen)}[type=checkbox]+label,[type=radio]+label{cursor:pointer}.field:is(.radio,.checkbox) fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(min-width:768px){.field:is(.radio,.checkbox) fieldset{grid-template-columns:repeat(3,1fr)}}.field:is(.radio,.checkbox,.true-false) label{position:relative;top:unset;left:unset;padding:0 0 0 var(--chip);display:inline-flex;border:1px solid transparent;font-weight:var(--fw-b);font-size:var(--txt-medium)}[type=checkbox]+label:hover,[type=checkbox]:focus+label,[type=radio]+label:hover,[type=radio]:focus+label{color:rgb(var(--action-0))}[type=checkbox]+label::after,[type=checkbox]+label::before,[type=radio]+label::after,[type=radio]+label::before{content:'';position:absolute;z-index:var(--z-2)}[type=checkbox]+label::before,[type=radio]+label::before{z-index:var(--z-1)}[type=checkbox]+label::after{left:.666em;top:.125em;transform:rotate(45deg);width:.25em;height:.75em;border:solid var(--action-contrast);border-width:0 2px 2px 0;display:none}[type=checkbox]+label::before,[type=radio]+label::before{display:block;top:.3em;left:.3em;width:.75rem;height:.75rem;border:2px solid rgb(var(--contrast-200));background-color:transparent;border-radius:var(--radius)}[type=radio]+label::before{border-radius:50%}[type=checkbox]:checked+label::before{background-color:rgb(var(--action-0));border-color:rgb(var(--base-50))}[type=checkbox]:checked+label::after{display:block}[type=radio]:checked+label::before{background-color:rgb(var(--action-0));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw-inset)}input.btn+label::after,input.btn+label::before{display:none}input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]),textarea{font-family:var(--body);font-size:var(--txt-medium);color:rgb(var(--contrast));padding:var(--p-y) var(--p-x);border-radius:var(--radius);background-color:rgb(var(--base));outline:0;border:1px solid rgb(var(--base-100));border-bottom:2px solid rgb(var(--contrast-200));width:100%;max-width:100%;margin:0 4px}input:is([type=date],[type=number],[type=text],[type=url],[type=email],[type=tel],[type=password],[type=search],[type=datetime-local],[type=time]):focus,textarea:focus{outline:rgb(var(--action-50));background-color:rgb(var(--base-100));color:rgb(var(--contrast))}input::placeholder,textarea::placeholder{font-family:var(--body);color:rgb(var(--base-200))}.field>label{position:relative;z-index:var(--z-1);display:inline-block;top:.75em;left:1em;padding:0 .5em;background-color:rgb(var(--base));font-size:var(--txt-small);font-weight:var(--fw-b-light);text-transform:uppercase;border:1px solid transparent}.field.selector>label{top:2.25em}.field.selector .filter-toggle{width:var(--chipchip);min-height:var(--chipchip);padding:0}.field:not(.radio):not(.checkbox):not(.true-false):not(.taglist):focus-within>label{background-color:rgb(var(--action-0));color:var(--action-contrast);border-radius:4px}.field.taglist,.field.taglist .field{border:none}.field li.btn{min-height:var(--chip)}select{background:rgb(var(--base));border:2px solid rgb(var(--base-100));border-radius:var(--radius);color:rgb(var(--contrast));cursor:pointer;font-family:var(--body);font-size:var(--txt-small);padding:var(--sp1);width:100%}select:disabled{background-color:rgb(var(--base-50));border-color:rgb(var(--base-100));color:rgb(var(--base-200));cursor:not-allowed}select option{background:rgb(var(--base));color:rgb(var(--contrast));padding:var(--sp1)}select option:active,select option:checked,select option:focus,select option:hover{background:rgb(var(--action-0));color:rgb(var(--base));box-shadow:0 0 0 100px rgb(var(--action-0)) inset}select option:checked{background:rgb(var(--action-0)) linear-gradient(0deg,rgb(var(--action-0)) 0,rgb(var(--action-0)) 100%);color:rgb(var(--base))}select:hover{border-color:rgb(var(--action-0))}select:focus{border-color:rgb(var(--action-0))}input[type=search]:focus+.clear-search{opacity:1;cursor:pointer}.search-container .clear-search{opacity:0;cursor:default;max-width:0;padding:0;flex-shrink:0;transition:width var(--trans-base),flex-shrink var(--trans-base)}.search-container [type=search]:focus+.clear-search{max-width:unset;padding:.25rem 1rem;flex-shrink:unset}.search-container.open.open [hidden]{display:block!important}.search-container .icon.search{padding:4px 8px;color:rgb(var(--contrast-200));--w:3rem}input[type=search]::-moz-search-clear-button,input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=search]::search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;visibility:hidden}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=url]{background:var(--icon);background-position:.5em;background-size:1em;background-repeat:no-repeat;padding-left:2em}.tab-content[hidden]{display:block!important;transform:scaleY(0);max-height:0;overflow:hidden}.tab-content[hidden]:focus-within{transform:scaleY(1);max-height:max-content}.item-grid.stats{margin:1rem 0}.card{background-color:rgb(var(--base-100));border-radius:var(--radius);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card h4{margin:0;text-transform:uppercase}.stat-number{font-family:var(--heading);font-weight:var(--fw-h-bold);color:rgb(var(--action-0));font-size:var(--txt-xx-large)}.progress{width:100%}.progress .bar{height:6px;display:block;border-radius:6px;overflow:hidden;background:rgb(var(--base-200));position:relative}.progress .fill{height:100%;background:rgb(var(--action-0));border-radius:6px;width:0;transition:width .3s ease}.completed .fill{background:rgb(var(--action-200))}.progress .details{margin-top:5px;font-size:var(--txt-x-small);color:rgb(var(--contrast));text-align:center;padding:.25rem 0}.progress .details:empty{display:none}.pending .fill::after,.processing .fill::after,.queued .fill::after,.uploading .fill::after{--delay:0s;content:'';position:absolute;top:0;left:-50%;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.225) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2.5s infinite linear var(--delay)}details{padding:.25rem 0;border-top:1px solid rgb(var(--base-200));border-bottom:1px solid rgb(var(--base-200))}details[open]{background-color:rgb(var(--base-50))}details summary{list-style:none;text-transform:uppercase;cursor:pointer;border:0;position:relative;padding:.5rem 2.5rem .5rem .5rem;gap:.5rem}details summary:hover{background-color:rgb(var(--base-100));border-color:rgb(var(--base-100));color:rgb(var(--contrast))}details[open]>summary{background-color:rgb(var(--base-50))}details summary::after{content:'';position:absolute;right:.5rem;top:.5rem;background-color:rgb(var(--contrast-100));-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-repeat:no-repeat;mask-size:contain;width:1.25rem;height:1.25rem;margin-left:auto;transition:var(--trans-color),var(--trans-transform)}details summary:hover::after{background-color:rgb(var(--action-0))}details[open]:not(.all-filters)>summary::after{background-color:rgb(var(--contrast));transform:rotate(-540deg);transition:background-color var(--trans-base);transition-property:background-color,transform}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--trans-t) allow-discrete,opacity var(--trans-t),block-size var(--trans-t)}details[open]::details-content{opacity:1;block-size:auto}@media (prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}code{width:100%;margin:.5rem;padding:.5rem;user-select:all;text-align:center;border-radius:4px;background-color:rgb(var(--base-200))}aside.expanded,dialog[open]{background-color:rgb(var(--base));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-5)}dialog::backdrop{backdrop-filter:blur(5px);background-color:rgba(var(--base),var(--op-4))}aside.main,dialog[open]{border-radius:var(--radius-outer);overflow:hidden}dialog[open]{z-index:var(--z-10);--padding:0;top:5vh;width:min(500px,95vw);height:fit-content;max-height:90vh;padding:var(--padding);background-color:rgb(var(--base-50));color:rgb(var(--contrast));border:1px solid rgb(var(--base-200))}dialog:is(.create,.edit,.bulkEdit)[open]{width:98vw;max-height:98vh;top:1vh}dialog>.wrap{max-height:var(--maxHeight);overflow:hidden auto;margin:0 0 0 1.5rem;padding-right:1.5rem;padding-bottom:var(--btn);width:calc(100% - 1.5rem)}dialog label{font-weight:400}dialog h2,dialog h3{margin:0 0 .5rem 0;font-size:var(--txt-large)}dialog:has(.m-actions){padding-bottom:var(--btn)}.m-actions{--w:1.15em;--justify:flex-end;--wrap:nowrap;--gap:0;position:absolute;bottom:0;right:0;left:0;height:var(--btn);width:100%;z-index:var(--z-6);background-color:rgb(var(--action-100));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw-up)}.m-actions button{--wrap:nowrap;box-shadow:none;width:100%;background-color:rgb(var(--action-0));color:var(--action-contrast);--gap:.75rem;font-size:var(--txt-x-small);border-radius:0;height:var(--chipchip)}.m-actions button:focus,.m-actions button:hover{background-color:rgb(var(--base));color:rgb(var(--contrast))}.m-actions button:first-of-type{border-bottom-left-radius:1rem}.m-actions button:last-of-type{border-bottom-right-radius:1rem}dialog ul{list-style:none}dialog .search-container{padding-top:1rem;width:100%;gap:.5rem}img[data-gallery]{cursor:pointer}dialog.gallery[open]{--max:calc(100% - 2rem);inset:1rem;margin:0;border:none;width:100%;height:100%;max-height:var(--max);max-width:var(--max);border-radius:0;background-color:transparent}dialog.gallery>.wrap{--wrap:nowrap;position:relative;overflow:hidden;max-height:none;margin:0;padding:0;height:100%;width:100%;inset:0}.gallery .hint{position:absolute;top:1rem;left:50%;transform:translateX(-50%);letter-spacing:.12em;pointer-events:none;z-index:2;animation:hint-fade 3s ease forwards}@keyframes hint-fade{0%{opacity:1}60%{opacity:1}100%{opacity:0}}.gallery .controls{--wrap:nowrap;--align:flex-end;--justify:space-between;--gap:0;position:absolute;inset:0;padding:1rem;z-index:3;pointer-events:none}.gallery .controls button{min-height:var(--chipchip);pointer-events:all;background:rgba(var(--base),var(--op-45));border:1px solid rgba(var(--contrast),var(--op-1));color:rgba(var(--contrast),var(--op-5))}.gallery .controls button:focus,.gallery .controls button:hover{background:rgba(var(--base),var(--op-5));color:rgb(var(--contrast))}.gallery .controls .cancel{position:absolute;top:1rem;right:1rem}dialog.gallery .cancel:focus,dialog.gallery .cancel:hover{background:rgba(var(--base),var(--op-4))}dialog.gallery .content{position:relative;overflow:hidden;flex:1;display:flex}dialog.gallery .image-left,dialog.gallery .image-right{position:absolute;width:0;height:0;opacity:0;pointer-events:none;left:var(--offScreen)}dialog.gallery .content .image{max-width:100%;max-height:100%;object-fit:contain;display:block;transform-origin:center center;will-change:transform;transition:transform .15s ease-out;touch-action:none;user-select:none;-webkit-user-drag:none;cursor:default}.gallery .image:not([style]),.gallery .image[style*="scale(1)"]{cursor:default}dialog.gallery details{position:absolute;width:100%;max-width:none;bottom:0;left:0;right:0;background:rgba(var(--base),var(--op-45));color:rgb(var(--contrast));border-radius:4px;overflow:hidden;z-index:3}dialog.gallery details:has(.item-info:empty){display:none}dialog.gallery details summary{padding:.75rem 1rem;cursor:pointer;user-select:none}dialog.gallery details[open] .item-info{padding:.75rem 1rem 1rem;font-size:var(--txt-x-small)}dialog.gallery .counter{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(var(--base),var(--op-4));color:rgba(var(--contrast),var(--op-3));padding:.4rem .8rem;border-radius:3px;font-size:var(--txt-small);letter-spacing:.1em;z-index:3}dialog.gallery .favourite{position:absolute;top:0;left:0;z-index:3}dialog.gallery .image{opacity:0;transition:opacity .2s ease,transform .15s ease-out}dialog.gallery .image[src]{opacity:1}ul.gallery{display:flex;flex-wrap:wrap;margin:.2em;padding:0;list-style-type:none}ul.gallery::after{content:'';display:block;flex-grow:10}ul.gallery li{flex-grow:1;height:40vh;margin:.2em;overflow:hidden}ul.gallery figure{min-width:100%;height:100%}ul.gallery figure.duotone img{mix-blend-mode:multiply}@media (max-aspect-ratio:1/1) and (max-width:480px){ul.gallery{flex-direction:row}ul.gallery li{height:auto;width:100%}ul.gallery figure{width:100%;max-height:75vh;min-width:0}}@media (max-aspect-ratio:1/1){ul.gallery li{height:30vh}}@media (max-height:480px){ul.gallery li{height:80vh}}aside.main.main{--wrap:nowrap;--align:stretch;--dir:column;position:fixed;top:var(--btnbtn);bottom:var(--btn_);width:min(500px,calc(100vw - 2rem));padding:0 0 var(--btn)}aside.main.left{border-radius:0 var(--radius-outer) var(--radius-outer) 0;left:var(--offScreen);transition:left var(--trans-base)}aside.main.left.expanded{left:0}aside.main.right{border-radius:var(--radius-outer) 0 0 var(--radius-outer);right:var(--offScreen);transition:right var(--trans-base)}aside.main.right.expanded{right:0}aside.main nav.tabs{--gap:0;flex-shrink:0}aside.main>.wrap{max-height:100%;overflow:hidden auto}aside.main header{--w:2em;background-color:rgb(var(--action-0));color:var(--action-contrast);padding:1rem}.tab-content header{width:calc(100% + 2rem);left:-1rem;top:-1rem;position:relative}.main header .icon{margin-right:1em}.main h3{font-size:var(--txt-large);margin:.5rem 0}aside.main nav.share{--dir:row;--align:center;margin:0;border-bottom:1px solid rgb(var(--base-200))}nav.share a,nav.share li,nav.share ul{height:var(--chipchip)}nav.share a:hover{background-color:rgb(var(--action-0));color:var(--action-contrast)}aside.main .hint,aside.main h4{text-align:center}aside.main .tab-content{flex-shrink:0}aside.main .tab-content.active{flex:1;overflow:hidden auto;padding:1rem}.main section{padding:1rem}.main section+section{border-top:1px solid rgb(var(--base-200))}.indicator,.qtoggle .count{position:absolute;top:-.5em;right:-.5em;width:.75em;height:.75em;border-radius:50%}.qtoggle .indicator{top:0;right:0}.qtoggle .count{right:unset;left:.25rem;top:.25rem;font-size:var(--txt-small)}#queue.synced+.qtoggle .indicator{background-color:rgb(var(--success))}#queue.pending+.qtoggle .indicator{background-color:rgb(var(--warning));animation:pulse 2s infinite}#queue.pending:not(.expanded)+.qtoggle .icon,.refresh.fetching .icon{background-color:rgb(var(--action-0));animation:spin 1s var(--trans-fn) infinite}.main.expanded+.qtoggle{width:calc(min(500px,calc(100vw - 2rem)) - var(--btn))}.main-actions .buttons:has(.expanded){width:calc(min(500px,calc(100vw - 2rem)))}.main.expanded+.qtoggle{left:var(--btn);border-bottom-right-radius:var(--radius-outer)}.main-actions .buttons:has(.expanded){right:0}.main-actions button.expanded{border-bottom-left-radius:var(--radius-outer);width:100%}.buttons:has(.expanded)>button:not(.expanded){display:none}.main nav.filters{width:100%;height:var(--chipchip);--justify:flex-start;--align:flex-end}.main nav.filters li{overflow:visible}.main .btn+label{min-height:var(--chip);min-width:var(--chip);overflow:visible}.btn+label .indicator:not(:empty){font-size:var(--txt-small);background-color:rgb(var(--base));border:1px solid rgb(var(--contrast));width:1.75em;height:1.75em;padding:.3em}.main>.header{border-bottom:1px solid rgb(var(--base-200));padding:1rem 0;flex-shrink:0}.main .item-grid{flex:1;overflow:hidden auto;overflow-anchor:none;padding:.5rem 2rem;--gap:.5rem}.queue-actions{flex-shrink:0;border-top:1px solid rgb(var(--base-200))}.queue-actions button{width:100%}.main .item{background-color:rgb(var(--base-50));padding:15px;border-radius:var(--radius);box-shadow:var(--shdw-none);font-size:var(--txt-x-small)}.main .item .header{position:relative;padding:.25rem 0}.main .item .actions{width:100%}.main .item button{min-height:var(--chip);font-size:var(--txt-x-small);--w:var(--txt-x-small)}.main .item .time{padding:.5rem 0;font-size:var(--txt-small);border:1px solid rgb(var(--base-200));border-width:1px 0;margin:.25rem 0}.main .item .progress .details{text-align:right;font-size:var(--txt-small);width:100%}.main-actions .buttons{transition:width var(--trans-base),right var(--trans-base);right:.5rem;width:var(--btn);margin:0}.attn{animation:pulse-color 5s infinite;animation-delay:1s}.attn.expanded{animation:none}.callalt.callalt,.callout.callout{padding:2rem;margin:0;max-width:none;grid-column:full}@media (min-width:768px){.callout.callout{padding:2rem 20vw}}.callout.callout{background-color:rgb(var(--action-0));color:var(--action-contrast)}.callalt.callalt{background-color:rgb(var(--secondary-0));color:var(--secondary-contrast)}.callalt :is(h1,h2,h3,h4,h5,h6),.callout :is(h1,h2,h3,h4,h5,h6){font-family:var(--body);font-weight:var(--fw-b-bold);margin:1rem 0 0;width:100%}.callout a{background-color:var(--action-contrast);padding:0 .125rem;border-radius:4px}.media-text>*{flex:1}.cover{--color:rgba(var(--action-0), var(--op-5));position:relative;overflow:hidden;min-height:60vh;padding:var(--btn)}.cover:not(.duotone)::before{content:'';background-color:var(--dark-0)}.cover .overlay{background-color:var(--dark-0)}.overlay.op-1{opacity:var(--op-1)}.overlay.op-2{opacity:var(--op-2)}.overlay.op-3{opacity:var(--op-3)}.overlay.op-4{opacity:var(--op-4)}.overlay.op-45{opacity:var(--op-45)}.overlay.op-5{opacity:var(--op-5)}.overlay.op-6{opacity:var(--op-6)}.cover:has(.overlay)::before{display:none}.cover .overlay,.cover:not(.duotone)::before,.cover>img,.cover>video{position:absolute;inset:0;width:100%;max-width:none!important;height:100%;margin:0}.cover>img,.cover>video{mix-blend-mode:luminosity;max-width:none!important;width:100%!important}.cover .overlay,.cover:not(.duotone)::before{z-index:2;background-color:var(--color);mix-blend-mode:color}.cover .content{z-index:5;position:relative;overflow:hidden auto;width:max-content;height:max-content;max-width:100%;max-height:100%}.cover>img{object-fit:cover}figure{overflow:hidden;position:relative}figure:is(.op-1,.op-2,.op-3,.op-4,.op-5,.op-6,.op-45)::before{position:absolute;inset:0;pointer-events:none;content:''}figure.op-1::before{opacity:var(--op-1)}figure.op-2::before{opacity:var(--op-2)}figure.op-3::before{opacity:var(--op-3)}figure.op-45::before{opacity:var(--op-45)}figure.op-4::before{opacity:var(--op-4)}figure.op-5::before{opacity:var(--op-5)}figure.op-6::before{opacity:var(--op-6)}figure.action-0::before{background-color:rgb(var(--action-0))}figure.action-50::before{background-color:rgb(var(--action-50))}figure.action-100::before{background-color:rgb(var(--action-100))}figure.action-200::before{background-color:rgb(var(--action-200))}figure.secondary-0::before{background-color:rgb(var(--secondary-0))}figure.secondary-50::before{background-color:rgb(var(--secondary-50))}figure.secondary-100::before{background-color:rgb(var(--secondary-100))}figure.secondary-200::before{background-color:rgb(var(--secondary-200))}figure.base::before{background-color:rgb(var(--base))}figure.base-50::before{background-color:rgb(var(--base-50))}figure.base-100::before{background-color:rgb(var(--base-100))}figure.base-200::before{background-color:rgb(var(--base-200))}figure.contrast::before{background-color:rgb(var(--contrast))}figure.contrast-50::before{background-color:rgb(var(--contrast-50))}figure.contrast-100::before{background-color:rgb(var(--contrast-100))}figure.contrast-200::before{background-color:rgb(var(--contrast-200))}.bg-fixed{background-attachment:fixed}.bg-repeat.bg-repeat{background-repeat:repeat;background-size:33vw}[data-bg-img]{background-size:cover;background-repeat:no-repeat}blockquote{margin-left:10vw;position:relative;padding:var(--btn)}blockquote .icon{position:absolute;top:var(--btn);left:calc((10vw + var(--btn)) * -1);--w:10vw;opacity:var(--op-1)}blockquote cite{padding:15px 0 0 12px;margin:0 0 0 150px;z-index:1}blockquote.pull{background-color:unset;border-radius:0;margin:4rem auto;padding:3rem;box-shadow:rgba(var(--base),var(--op-45)) var(--shdw-down),rgba(var(--base),var(--op-45)) var(--shdw-up)}blockquote.pull cite{margin:0}.loop{padding:var(--sp4) var(--sp1)}.loop :is(h1,h2,h3,h4,h5,h6){margin:.5em 0}.loop :is(h1,h2,h3,h4,h5,h6):has(+time){margin-bottom:0}.loop :is(h1,h2,h3,h4,h5,h6)+time{font-size:var(--txt-x-small);margin-top:0}.loop li{list-style:none}.loop p:has(.read-more){text-align:right}.loop li>figure{float:left;margin-right:var(--chip_);margin-top:0;max-width:30%;aspect-ratio:1}.no-results,.no-results p{display:flex;justify-content:center;align-items:center}.directory-list>ul{max-width:none}.directory-list .image{display:flex;flex-wrap:nowrap;align-items:center}.directory-list img{width:70px}.directory-list h3{margin:0;text-align:center;font-weight:var(--fw-h-bold);position:sticky;font-size:var(--txt-enormous);width:100%;top:var(--btn);left:0;color:rgb(var(--base));text-shadow:rgb(var(--base-200)) 1px 1px 0;user-select:none}.directory-list>ul>li{padding:2rem;align-items:flex-start}.directory-list>ul>li:nth-of-type(even){background-color:rgb(var(--base-100))}.directory-list ul ul{width:100%}.directory-list ul ul li{padding:.35rem .5rem}.directory-list ul ul li:nth-of-type(even){background-color:rgb(var(--base-100))}.directory-list ul li:nth-of-type(even) ul li:nth-of-type(even){background-color:rgb(var(--base-50))}@media (min-width:768px){.directory-list h3{width:20vw}.directory-list ul ul{min-height:var(--txt-enormous)}.directory-list>ul>li{padding:2rem 10vw}}dialog.loading{opacity:0}dialog.loading[open]{opacity:1;width:100vw;height:100vh;display:flex;max-width:100%;max-height:100%;border-radius:0;border:none;background-color:transparent;box-shadow:none;--w:3em;justify-content:center;align-items:center;inset:0}dialog.loading[open]@starting-style{opacity:0}dialog.loading[open]>.col{height:fit-content;width:min(400px,60vw);border-radius:var(--radius-outer);background-color:rgba(var(--base),var(--op-4));padding:2rem;box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);position:relative}dialog.loading[open] .spinner{position:absolute;top:1rem;width:5rem;height:5rem;border-width:0;border-top-width:4px;animation:spin 1s var(--trans-fn) infinite}.loading[open] i.icon{background-color:rgb(var(--action-0))}dialog.loading[open] i.icon{animation:dance 2s ease-in-out infinite}dialog.loading[open] h3{color:rgb(var(--contrast));margin:2rem 1rem auto!important;font-size:var(--txt-large);width:-moz-fit-content;width:fit-content}dialog.loading[open] p{margin:.5rem auto}dialog.loading[open]::after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,var(--shimmer));content:"";inset:0;position:absolute;z-index:-1}.spinner{width:12px;height:12px;border:2px solid transparent;border-top:2px solid rgb(var(--action-50));border-radius:50%;animation:spin 1s var(--trans-fn) infinite}@keyframes shimmer{0%{left:-50%}50%{left:150%}100%{left:-50%}}@keyframes pulse-color{0%{box-shadow:0 0 0 0 rgba(var(--action-0),.4)}30%{box-shadow:0 0 0 .75rem rgba(var(--action-0),0)}100%{box-shadow:0 0 0 0 rgba(var(--action-0),0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes dance{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}

 theme.json

@@ -7,168 +7,155 @@
      "wideSize": "1100px"
    },
    "color": {
      "customDuotone": false,
      "duotone": [
        {
          "slug": "base",
          "name": "Base",
          "colors": ["#231f20", "#faf9fa"]
        },
        {
          "slug": "action",
          "name": "Action",
          "colors": ["#05a54b", "#faf9fa"]
        },
        {
          "slug": "secondary",
          "name": "Secondary",
          "colors": ["#FFD25A", "#231f20"]
        },
        {
          "slug": "action-alt",
          "name": "Action Alt",
          "colors": ["#05a54b", "#fff0e0"]
        },
        {
          "slug": "secondary-alt",
          "name": "Secondary Alt",
          "colors": ["#FFD25A", "#f0ffe0"]
        }
      ],
      "palette": [
        {
          "slug": "dark-0",
          "color": "#2a2b2a",
          "name": "Darkest"
          "color": "#151515",
          "name": "Dark"
        },
        {
          "slug": "dark-50",
          "color": "#2f302f",
          "name": "Darker"
          "color": "#222222",
          "name": "Dark 50"
        },
        {
          "slug": "dark-100",
          "color": "#393a39",
          "name": "Dark"
          "color": "#2e2e2e",
          "name": "Dark 100"
        },
        {
          "slug": "dark-200",
          "color": "#3e403e",
          "name": "Dark"
          "color": "#3b3b3b",
          "name": "Dark 200"
        },
        {
          "slug": "light-0",
          "color": "#2a2b2a",
          "name": "Lightest"
        },
        {
          "slug": "light-50",
          "color": "#2f302f",
          "name": "Lighterer"
        },
        {
          "slug": "light-100",
          "color": "#393a39",
          "name": "Lighter"
        },
        {
          "slug": "light-200",
          "color": "#3e403e",
          "color": "#efefef",
          "name": "Light"
        },
        {
          "slug": "red-0",
          "color": "#ef767a",
          "name": "Red"
          "slug": "light-50",
          "color": "#e2e2e2",
          "name": "Light 50"
        },
        {
          "slug": "red-50",
          "color": "#ec5f64",
          "name": "Red 50"
          "slug": "light-100",
          "color": "#d5d5d5",
          "name": "Light 100"
        },
        {
          "slug": "red-100",
          "color": "#ea484e",
          "name": "Red 100"
          "slug": "light-200",
          "color": "#c9c9c9",
          "name": "Light 200"
        },
        {
          "slug": "red-200",
          "color": "#e73238",
          "name": "Red 200"
          "slug": "action-0",
          "color": "#ff0080",
          "name": "Action"
        },
        {
          "slug": "orange-0",
          "color": "#ef9e76",
          "name": "Orange"
          "slug": "action-50",
          "color": "#ff2492",
          "name": "Action 50"
        },
        {
          "slug": "orange-50",
          "color": "#ec8e5f",
          "name": "Orange 50"
          "slug": "action-100",
          "color": "#ff47a4",
          "name": "Action 100"
        },
        {
          "slug": "orange-100",
          "color": "#ea7e48",
          "name": "Orange 100"
          "slug": "action-200",
          "color": "#ff6bb5",
          "name": "Action 200"
        },
        {
          "slug": "orange-200",
          "color": "#e76e32",
          "name": "Orange 200"
          "slug": "action-comp",
          "color": "oklch(from #ff0080 .18 .02 h)",
          "name": "Action Complement"
        },
        {
          "slug": "yellow-0",
          "color": "#E3BE39",
          "name": "Yellow"
          "slug": "action-tri",
          "color": "oklch(from #ff0080 .24 .1 calc(h + 120))",
          "name": "Action Triadic"
        },
        {
          "slug": "yellow-50",
          "color": "#cca61d",
          "name": "Yellow 50"
          "slug": "action-tri-alt",
          "color": "oklch(from #ff0080 .24 .1 calc(h - 120))",
          "name": "Action Triadic Alt"
        },
        {
          "slug": "yellow-100",
          "color": "#9f8217",
          "name": "Yellow 100"
          "slug": "action-mono",
          "color": "oklch(from #ff0080 .3 .04 h)",
          "name": "Action Monochrome"
        },
        {
          "slug": "yellow-200",
          "color": "#735d10",
          "name": "Yellow 200"
          "slug": "secondary-0",
          "color": "#D69121",
          "name": "Secondary"
        },
        {
          "slug": "green-0",
          "color": "#32cb82",
          "name": "Green"
          "slug": "secondary-50",
          "color": "#ffc421",
          "name": "Secondary 50"
        },
        {
          "slug": "green-50",
          "color": "#28a268",
          "name": "Green 50"
          "slug": "secondary-100",
          "color": "#ffcd44",
          "name": "Secondary 100"
        },
        {
          "slug": "green-100",
          "color": "#1e794e",
          "name": "Green 100"
          "slug": "secondary-200",
          "color": "#ffd768",
          "name": "Secondary 200"
        },
        {
          "slug": "green-200",
          "color": "#145033",
          "name": "Green 200"
          "slug": "secondary-comp",
          "color": "oklch(from #D69121 .18 .02 h)",
          "name": "Secondary Complement"
        },
        {
          "slug": "blue-0",
          "color": "#329dcb",
          "name": "Blue"
          "slug": "secondary-tri",
          "color": "oklch(from #D69121 .24 .1 calc(h + 120))",
          "name": "Secondary Triadic"
        },
        {
          "slug": "blue-50",
          "color": "#287da2",
          "name": "Blue 50"
          "slug": "secondary-tri-alt",
          "color": "oklch(from #D69121 .24 .1 calc(h - 120))",
          "name": "Secondary Triadic Alt"
        },
        {
          "slug": "blue-100",
          "color": "#1e5e79",
          "name": "Blue 100"
        },
        {
          "slug": "blue-200",
          "color": "#143e50",
          "name": "Blue 200"
        },
        {
          "slug": "purple-0",
          "color": "#ba76ef",
          "name": "Purple"
        },
        {
          "slug": "purple-50",
          "color": "#a348ea",
          "name": "Purple 50"
        },
        {
          "slug": "purple-100",
          "color": "#8c1be4",
          "name": "Purple 100"
        },
        {
          "slug": "purple-200",
          "color": "#7015b7",
          "name": "Purple 200"
          "slug": "secondary-mono",
          "color": "oklch(from #D69121 .3 .04 h)",
          "name": "Secondary Monochrome"
        }

      ]
    }
  }

			@@ -94,13 +94,13 @@
			--action-100: #8e2824;
			--action-200: #7a221f;
			--action-contrast: var(--light-0);
			--action-rgb: 183,51,46;
			--action-0: 183,51,46;
			--secondary-0: #E8A737;
			--secondary-50: #e59d20;
			--secondary-100: #d48f18;
			--secondary-200: #bd7f16;
			--secondary-contrast: var(--light-0);
			--secondary-rgb: 232,167,55;
			--secondary-0: 232,167,55;

			--success: #22C55E;
			--successBack: #d4edda;
			@@ -114,12 +114,12 @@
			--base-50: var(--light-50);
			--base-100: var(--light-100);
			--base-200: var(--light-200);
			--base-rgb: var(--light-rgb);
			--base: var(--light-rgb);
			--contrast: var(--dark-0);
			--contrast-50: var(--dark-50);
			--contrast-100: var(--dark-100);
			--contrast-200: var(--dark-200);
			--contrast-rgb: var(--dark-rgb);
			--contrast: var(--dark-rgb);

			--shimmer: rgba(var(--dark-rgb),0) 0%,
			rgba(var(--dark-rgb),.05) 50%,
			@@ -227,13 +227,13 @@
			--contrast-50: var(--light-50);
			--contrast-100: var(--light-100);
			--contrast-200: var(--light-200);
			--contrast-rgb: var(--light-rgb);
			--contrast: var(--light-rgb);

			--base: var(--dark-0);
			--base-50: var(--dark-50);
			--base-100: var(--dark-100);
			--base-200: var(--dark-200);
			--base-rgb: var(--dark-rgb);
			--base: var(--dark-rgb);

			--successBack: #155724;
			--successText:#d4edda;
			@@ -617,7 +617,7 @@
			top: 0;
			z-index: var(--z-8);
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw-down);
			box-shadow: rgba(var(--base), var(--op-45)) var(--shdw-down);
			transition: top var(--trans-base);
			}
			header a[rel="home"] {
			@@ -1100,7 +1100,7 @@
			align-items: center;
			border: 4px solid transparent;
			transition: var(--trans-t);
			box-shadow: 0 0 .25rem 0 rgba(var(--contrast-rgb), .125) inset;
			box-shadow: 0 0 .25rem 0 rgba(var(--contrast), .125) inset;
			cursor: pointer;
			margin: 5px;
			}
			@@ -1117,12 +1117,12 @@
			transform: translateX(-1rem);
			border-radius: .75rem;
			transition: var(--trans-transform);
			box-shadow: 0 0 .25rem 3px rgba(var(--contrast-rgb), .125);
			box-shadow: 0 0 .25rem 3px rgba(var(--contrast), .125);
			}

			.toggle-switch input:checked ~ .slider::before {
			transform: translateX(1rem);
			box-shadow: 0 0 .25rem 3px rgba(var(--base-rgb), .25);
			box-shadow: 0 0 .25rem 3px rgba(var(--base), .25);
			}

			.toggle-switch input:checked ~ .slider {
			@@ -1229,8 +1229,8 @@
			.favourite {
			position: absolute;
			z-index: var(--z-1);
			box-shadow: rgba(var(--base-rgb),var(--op-2)) var(--shdw);
			background-color: rgba(var(--base-rgb),var(--op-2));
			box-shadow: rgba(var(--base),var(--op-2)) var(--shdw);
			background-color: rgba(var(--base),var(--op-2));
			}
			.favourite .icon-heart-fi,
			.favourited .icon-heart {
			@@ -1320,7 +1320,7 @@
			flex-wrap: var(--wrap);
			flex-direction: var(--dir);
			position: relative;
			box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
			box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
			}

			[data-filter], .btn + label {
			@@ -1345,7 +1345,7 @@
			display: inline-flex;
			justify-content: center;
			align-items: center;
			box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
			box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
			}

			/******************************************************************
			@@ -1563,7 +1563,7 @@
			input:focus-within {
			outline: 2px solid var(--action-0) !important;
			outline-offset: 2px !important;
			box-shadow: 0 0 0 4px rgba(var(--action-rgb), var(--op-3))!important;
			box-shadow: 0 0 0 4px rgba(var(--action-0), var(--op-3))!important;
			}

			[aria-busy="true"] {
			@@ -1870,7 +1870,7 @@
			border-radius: 0;
			margin: 4rem auto;
			padding: 3rem;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-down), rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);;
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-down), rgba(var(--base),var(--op-45)) var(--shdw-up);;
			}

			blockquote.pull cite {
			@@ -1883,13 +1883,13 @@
			dialog[open],
			aside.expanded {
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-5);
			}

			dialog::backdrop {
			backdrop-filter: blur(5px);
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			}

			dialog[open],
			@@ -1949,7 +1949,7 @@
			width: 100%;
			z-index: var(--z-6);
			background-color: var(--action-100);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-up);
			}

			.m-actions button {
			@@ -2040,8 +2040,8 @@
			}

			thead tr, tfoot tr {
			background-color: rgba(var(--base-rgb),var(--op-6));
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			background-color: rgba(var(--base),var(--op-6));
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			thead tr {
			@@ -2107,11 +2107,11 @@
			}

			[data-stuck] {
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			position: sticky;
			left: -1rem;
			z-index: 15;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-subtle-right);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-subtle-right);
			}

			tbody [data-stuck] {
			@@ -2137,7 +2137,7 @@
			max-width: 50vw;
			padding: .5rem;
			border-radius: var(--radius);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			background: var(--action-0);
			color: var(--action-contrast);
			}
			@@ -2282,9 +2282,9 @@
			height: fit-content;
			width: min(400px, 60vw);
			border-radius: var(--radius-outer);
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			padding: 2rem;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			position: relative;
			}

			@@ -2409,7 +2409,7 @@
			width: min(500px, calc(100vw - 2rem));
			background-color: var(--base);
			z-index: var(--z-5);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			padding: 1rem 1rem var(--btn);
			overflow: hidden auto;
			}
			@@ -2429,15 +2429,15 @@
			bottom: var(--btn_);
			width: var(--btn);
			height: var(--btn);
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			color: var(--contrast);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			transition: var(--trans-size), var(--trans-color);
			}

			.qtoggle:hover,
			.qtoggle:focus {
			background-color: rgba(var(--action-rgb),var(--op-6));
			background-color: rgba(var(--action-0),var(--op-6));
			color: var(--action-contrast);
			}

			@@ -2445,7 +2445,7 @@
			.qtoggle:disabled:hover,
			.qtoggle:disabled:focus {
			opacity: .5;
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			color: var(--contrast);
			}

			@@ -2489,7 +2489,7 @@

			#cart nav.tabs {
			position: sticky;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			#cart button[data-tab] {
			@@ -2513,9 +2513,9 @@
			bottom: var(--btn);
			width: 100%;
			max-width: 100%;
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			z-index: var(--z-6);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-up);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-up);
			}

			.cart-total p {
			@@ -2539,7 +2539,7 @@
			}

			#cart .restored {
			background-color: rgba(var(--action-rgb), var(--op-3));
			background-color: rgba(var(--action-0), var(--op-3));
			border-radius: var(--radius-outer);
			padding: 1rem;
			}
			@@ -2571,10 +2571,10 @@
			}

			.toast {
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			border-left: 4px solid var(--action-0);
			padding: 1rem;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			left: 0;
			position: relative;
			opacity: 0;
			@@ -2700,7 +2700,7 @@
			--offset: 0;
			position: absolute;
			top: var(--offset);
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			}

			.expanded + .qtoggle .indicator,
			@@ -2889,7 +2889,7 @@
			}

			#queue .item:hover {
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			#queue .item .header {
			@@ -3095,9 +3095,9 @@
			.additional-actions .buttons button {
			height: var(--btn);
			width: var(--btn);
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			color: var(--contrast);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			.additional-actions .buttons button:hover {
			@@ -3109,7 +3109,7 @@
			.additional-actions .buttons button:disabled:hover,
			.additional-actions .buttons button:disabled:focus {
			opacity: .5;
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			color: var(--contrast);
			}

			@@ -3177,7 +3177,7 @@
			}

			[type=submit]:hover {
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			border: 2px solid var(--action-0);
			color: var(--action-0);
			background-color: var(--action-contrast);
			@@ -3224,7 +3224,7 @@
			}

			.restore-form {
			background-color: rgba(var(--action-rgb), var(--op-3));
			background-color: rgba(var(--action-0), var(--op-3));
			border: 1px solid var(--action-200);
			padding: .5rem;
			border-radius: var(--radius-outer);
			@@ -3243,7 +3243,7 @@

			.fstatus {
			z-index: var(--z-5);
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			border-radius: 4px;
			padding: 0 .5rem;
			position: fixed;
			@@ -3375,7 +3375,7 @@
			width: calc(100% - 2rem);
			height: calc(100% - 2rem);
			padding: 0;
			background: rgba(var(--base-rgb),var(--op-6));
			background: rgba(var(--base),var(--op-6));
			display: flex;
			align-items: center;
			justify-content: center;
			@@ -3397,7 +3397,7 @@
			}

			dialog.gallery::backdrop {
			background: rgba(var(--base-rgb), var(--op-4));
			background: rgba(var(--base), var(--op-4));
			}

			dialog.gallery .wrap {
			@@ -3410,7 +3410,7 @@
			}

			dialog.gallery .cancel:hover {
			background: rgba(var(--base-rgb),var(--op-4));
			background: rgba(var(--base),var(--op-4));
			}

			dialog.gallery .content {
			@@ -3466,7 +3466,7 @@
			position: absolute;
			bottom: 1rem;
			left: 1rem;
			background: rgba(var(--base-rgb),var(--op-4));
			background: rgba(var(--base),var(--op-4));
			color: var(--contrast);
			padding: 0.4rem 0.8rem;
			border-radius: 3px;
			@@ -3754,7 +3754,7 @@
			aside button:not(.button, .qtoggle, :disabled):hover,
			aside a.button:hover {
			top: -4px;
			box-shadow: rgba(var(--contrast-rgb),var(--op-45)) var(--shdw-down);
			box-shadow: rgba(var(--contrast),var(--op-45)) var(--shdw-down);
			}

			.view-dashboard-btn:visited {
			@@ -3958,7 +3958,7 @@
			/.auto-wrapper {/
			/* position: absolute;*/
			/* bottom: -105%;*/
			/* background-color: rgba(var(--base-rgb), var(--op-5));*/
			/* background-color: rgba(var(--base), var(--op-5));*/
			/* backdrop-filter: blur(2px);*/
			/* border-radius: var(--radius);*/
			/* z-index: 1;*/
			@@ -3967,7 +3967,7 @@
			width: 100%;
			background-color: var(--base-100);
			padding: .5rem;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}
			li.autocomplete {
			list-style: none;
			@@ -4036,13 +4036,13 @@

			@keyframes pulse-color {
			0% {
			box-shadow: 0 0 0 0 rgba(var(--action-rgb), .4);
			box-shadow: 0 0 0 0 rgba(var(--action-0), .4);
			}
			30% {
			box-shadow: 0 0 0 .75rem rgba(var(--action-rgb), 0);
			box-shadow: 0 0 0 .75rem rgba(var(--action-0), 0);
			}
			100% {
			box-shadow: 0 0 0 0 rgba(var(--action-rgb), 0);
			box-shadow: 0 0 0 0 rgba(var(--action-0), 0);
			}
			}

			@@ -7,7 +7,7 @@


			.hours-copy-btn:hover {
			background-color: var(--action-50);
			background-color: rgb(var(--action-50));
			transform: scale(1.05);
			}

			@@ -22,21 +22,21 @@
			/* Copy Hours Modal */
			.copy-hours-content h3 {
			margin: 0 0 1rem 0;
			color: var(--contrast);
			color: rgb(var(--contrast));
			font-size: var(--txt-large);
			}

			.copy-hours-source {
			background-color: var(--base-100);
			background-color: rgb(var(--base-100));
			padding: 1rem;
			border-radius: var(--radius);
			margin-bottom: 1.5rem;
			border: 1px solid var(--base-200);
			border: 1px solid rgb(var(--base-200));
			}

			.copy-hours-source h4 {
			margin: 0 0 0.5rem 0;
			color: var(--contrast-100);
			color: rgb(var(--contrast-100));
			text-transform: uppercase;
			font-size: var(--txt-small);
			font-weight: 600;
			@@ -48,18 +48,18 @@

			.source-day {
			font-weight: 600;
			color: var(--contrast);
			color: rgb(var(--contrast));
			text-transform: capitalize;
			}

			.source-hours {
			--gap: 1rem;
			font-weight: 500;
			color: var(--contrast);
			color: rgb(var(--contrast));
			}

			.source-hours.closed {
			color: var(--contrast-200);
			color: rgb(var(--contrast-200));
			font-style: italic;
			}

			@@ -69,7 +69,7 @@

			.copy-hours-targets h4 {
			margin: 0 0 1rem 0;
			color: var(--contrast-100);
			color: rgb(var(--contrast-100));
			text-transform: uppercase;
			font-size: var(--txt-small);
			font-weight: 600;
			@@ -86,11 +86,11 @@
			position: fixed;
			top: 2rem;
			right: 2rem;
			background-color: var(--action-50);
			background-color: rgb(var(--action-50));
			color: var(--action-contrast);
			padding: 1rem 1.5rem;
			border-radius: var(--radius);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: 10000;
			opacity: 0;
			transform: translateX(100px);

			@@ -8,8 +8,8 @@
			bottom: 0;
			left: 0;
			z-index: var(--z-4);
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
			background-color: rgb(var(--base));
			box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
			width: var(--btn);
			transition: var(--trans-size);
			overflow: hidden auto;
			@@ -26,7 +26,7 @@
			bottom: 0;
			right: 0;
			z-index: var(--z-8);
			box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
			width: var(--btn);
			height: var(--btn);
			}
			@@ -71,7 +71,7 @@
			}
			nav.sidebar .toggle:hover,
			nav.sidebar .toggle:focus {
			background-color: var(--action-0);
			background-color: rgb(var(--action-0));
			color: var(--action-contrast);
			}

			@@ -117,7 +117,7 @@
			}

			nav.sidebar .a {
			color: var(--contrast-200);
			color: rgb(var(--contrast-200));
			}
			nav.sidebar a,
			nav.sidebar .a {
			@@ -195,7 +195,7 @@
			.all-filters {
			margin: 1rem 0;
			padding: 1rem 0;
			border: 1px solid var(--base-100);
			border: 1px solid rgb(var(--base-100));
			border-width: 1px 0;
			--gap: 0;
			width: 100%;
			@@ -204,7 +204,7 @@
			width: 100%;
			}
			.all-filters summary:hover {
			color: var(--action-0);
			color: rgb(var(--action-0));
			}

			.all-filters .row {
			@@ -250,12 +250,12 @@

			.all-filters .btn + label {
			box-shadow: var(--shdw-none);
			color: var(--contrast-200);
			color: rgb(var(--contrast-200));
			}
			.all-filters .radio-options input:not(.ch):checked + label {
			box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
			color: var(--contrast-50);
			border-color: var(--contrast-50);
			box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
			color: rgb(var(--contrast-50));
			border-color: rgb(var(--contrast-50));
			}


			@@ -285,7 +285,7 @@
			.all-filters span.label {
			padding-top: .5rem;
			width: 100%;
			border-top: 1px solid var(--base-200);
			border-top: 1px solid rgb(var(--base-200));
			}
			}
			.controls .icon {
			@@ -307,8 +307,8 @@
			.all-filters button:hover,
			.all-filters button:focus {
			background-color: transparent;
			color: var(--action-0);
			border-color: var(--action-0);
			color: rgb(var(--action-0));
			border-color: rgb(var(--action-0));
			}
			/******************************************************
			SEARCH
			@@ -349,8 +349,8 @@
			width: calc(100% - var(--btn));
			top: var(--btn);
			left: var(--btn);
			background-color: rgba(var(--base-rgb), var(--op-45));
			box-shadow: rgba(var(--base-rgb), var(--op-6)) var(--shdw-down);
			background-color: rgba(var(--base), var(--op-45));
			box-shadow: rgba(var(--base), var(--op-6)) var(--shdw-down);
			}
			.replace:has(nav.tabs) {
			margin-top: var(--btn);

			@@ -36,7 +36,7 @@
			/height: var(--btn);/
			/padding: 0!important;/
			/background-color: var(--base);/
			/box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);/
			/box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);/
			padding: 0;
			}
			main>* {
			@@ -111,7 +111,7 @@
			min-height: 0;
			width: var(--chipchip);
			height: var(--chipchip);
			background-color: rgba(var(--base-rgb), var(--op-45));
			background-color: rgba(var(--base), var(--op-45));
			}
			.item-actions button:hover {
			background-color: var(--base);
			@@ -330,7 +330,7 @@
			color: var(--base-200);
			}
			.all-filters .radio-options input:not(.ch):checked + label {
			box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset);
			box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset);
			color: var(--contrast-200);
			border-color: var(--contrast-200);
			}
			@@ -608,7 +608,7 @@
			padding: 1rem;
			position: relative;
			transition: all var(--trans-base);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}
			.integration.connected {
			border-color: var(--success);
			@@ -876,7 +876,7 @@
			flex-direction: column;
			}
			.item-grid.stats .card.highlight {
			box-shadow: var(--contrast-rgb) var(--shadow);
			box-shadow: var(--contrast) var(--shadow);
			background-color: var(--action-200);
			color: var(--action-contrast);
			grid-column: 1/-1;
			@@ -1006,7 +1006,7 @@
			z-index: var(--z-4);
			height: calc(100% - var(--btn));
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			width: var(--btn);
			transition: var(--trans-size);
			overflow: hidden auto;
			@@ -1068,7 +1068,7 @@
			width: var(--btn);
			height: var(--btn);
			z-index: var(--z-8);
			box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
			}

			nav.sidebar .title {

			@@ -54,7 +54,7 @@
			position: relative;
			border-radius: 0.5rem;
			overflow: hidden;
			background: var(--base-50);
			background: rgb(var(--base-50));
			box-shadow: 0 2px 4px rgba(0,0,0,0.1);
			opacity: 0;
			transition: opacity var(--trans-base) var(--delay);
			@@ -160,7 +160,7 @@
			}

			.label a:hover {
			color: var(--action-0);
			color: rgb(var(--action-0));
			}

			/* Favorite Button */
			@@ -169,7 +169,7 @@
			top: .5rem;
			right: .5rem;
			z-index: 10;
			background: rgba(var(--base-rgb),var(--op-4));
			background: rgba(var(--base),var(--op-4));
			border-radius: 50%;
			box-shadow: var(--subtle);
			border: none;
			@@ -185,8 +185,8 @@

			button.favourite:hover {
			transform: scale(1.1);
			color: var(--action-0);
			background: var(--base);
			color: rgb(var(--action-0));
			background: rgb(var(--base));
			box-shadow: 0 4px 8px rgba(0,0,0,0.15);
			}

			@@ -222,7 +222,7 @@
			/* border-radius: var(--radius);*/
			}
			.feed-filters details[open] summary {
			background-color: var(--base-50);
			background-color: rgb(var(--base-50));
			}
			.feed-filters summary:after {
			position:absolute;
			@@ -240,7 +240,7 @@
			width: fit-content;
			height: fit-content;
			cursor: pointer;
			border: 1px solid var(--base-200);
			border: 1px solid rgb(var(--base-200));
			border-radius: 4px;
			font-size: .875rem;
			transition: border-color var(--trans-base);
			@@ -250,8 +250,8 @@
			margin-right: .5rem;
			}
			.type-filter:hover {
			color: var(--action-0);
			border-color: var(--action-0);
			color: rgb(var(--action-0));
			border-color: rgb(var(--action-0));
			transition: var(--trans-color);
			}
			.feed-filters .type-filter > label {
			@@ -329,7 +329,7 @@
			background-color: transparent;
			}
			.has-filters.filters {
			background-color: var(--base-50);
			background-color: rgb(var(--base-50));
			}
			.filter-group {
			display: flex;
			@@ -355,7 +355,7 @@
			max-width: none!important;
			width: 100%;
			height: 100%;
			background: rgba(var(--base-rgb),var(--op-4));
			background: rgba(var(--base),var(--op-4));
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(5px);
			display: flex;
			@@ -367,10 +367,10 @@
			transition: opacity 0.3s ease, visibility 0.3s ease;
			}
			.feed-overlay-content {
			background: var(--base);
			background: rgb(var(--base));
			padding: 2rem;
			border-radius: 1rem;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			text-align: center;
			width: min(400px, 60vw);
			}
			@@ -403,7 +403,7 @@
			}

			.loading .loading-dots {
			color: var(--action-0);
			color: rgb(var(--action-0));
			width: 4px;
			aspect-ratio: 1;
			border-radius: 50%;
			@@ -418,7 +418,7 @@
			grid-column-end: 2;
			text-align: center;
			padding: 2rem;
			background: var(--base);
			background: rgb(var(--base));
			border-radius: 1rem;
			margin: 0 auto;
			max-width: 600px;
			@@ -429,7 +429,7 @@
			font-family: var(--heading);
			font-size: clamp(1.5rem, 3vw, 2.5rem);
			margin: 0 0 2rem 0;
			color: var(--action-0);
			color: rgb(var(--action-0));
			}

			.feed-empty-state p {
			@@ -440,7 +440,7 @@
			}

			.feed-empty-state p:last-child {
			color: var(--action-0);
			color: rgb(var(--action-0));
			margin-top: 2rem;
			}

			@@ -450,7 +450,7 @@
			box-shadow: none;
			}
			50% {
			box-shadow: 0 0 0 4px var(--action-0);
			box-shadow: 0 0 0 4px rgb(var(--action-0));
			}
			}

			@@ -480,7 +480,7 @@

			.artist-tattoos a:has(img) {
			overflow: hidden;
			background-color: var(--base-100);
			background-color: rgb(var(--base-100));
			}
			.artist-tattoos a:not(.feed-image) img{
			width: 100%;
			@@ -503,7 +503,7 @@
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			backdrop-filter: blur(5px);
			border-radius: var(--radius);
			z-index: 1;
			@@ -530,8 +530,8 @@
			width: fit-content;
			margin: 1rem auto!important;
			color: transparent;
			-webkit-text-stroke: 1px var(--contrast);
			--g: conic-gradient(var(--action-0) 0 0) no-repeat text;
			-webkit-text-stroke: 1px rgb(var(--contrast));
			--g: conic-gradient(rgb(var(--action-0)) 0 0) no-repeat text;
			background: var(--g) 0, var(--g) 1ch, var(--g) 2ch, var(--g) 3ch, var(--g) 4ch, var(--g) 5ch, var(--g) 6ch;
			animation: l17-0 1s linear infinite alternate,
			l17-1 2s linear infinite;
			@@ -631,8 +631,8 @@
			align-items: center;
			gap: 0.5rem;
			padding: 0.75rem 1.5rem;
			background: var(--base-200);
			color: var(--contrast-200);
			background: rgb(var(--base-200));
			color: rgb(var(--contrast-200));
			border: none;
			border-radius: 4px;
			font-size: var(--txt-medium);
			@@ -645,12 +645,12 @@
			}

			.load-more:hover {
			background: var(--action-0);
			background: rgb(var(--action-0));
			transform: translateY(-2px);
			}

			.load-more:focus-visible {
			outline: 2px solid var(--action-0);
			outline: 2px solid rgb(var(--action-0));
			outline-offset: 2px;
			}

			@@ -901,20 +901,20 @@
			position: relative;
			text-align: center;
			margin: 1rem 0;
			border-bottom: 1px solid var(--base-200);
			border-bottom: 1px solid rgb(var(--base-200));
			}

			.term-divider span {
			background: var(--base);
			background: rgb(var(--base));
			padding: 0 1rem;
			color: var(--contrast);
			color: rgb(var(--contrast));
			font-size: 0.9rem;
			position: relative;
			top: 0.5em;
			}

			.common-term {
			background: var(--base-50);
			background: rgb(var(--base-50));
			border-radius: var(--radius);
			}

			@@ -924,7 +924,7 @@
			justify-content: center;
			gap: 0.5rem;
			padding: 1rem;
			color: var(--contrast-100);
			color: rgb(var(--contrast-100));
			font-size: 0.9rem;
			}

			@@ -936,8 +936,8 @@
			text-align: center;
			padding: 0.5rem;
			font-size: 0.9rem;
			color: var(--contrast-100);
			border-top: 1px solid var(--base-100);
			color: rgb(var(--contrast-100));
			border-top: 1px solid rgb(var(--base-100));
			}

			@keyframes spin {
			@@ -949,7 +949,7 @@
			.term-breadcrumb {
			margin-bottom: 1rem;
			padding: 0.5rem;
			background: var(--base-50);
			background: rgb(var(--base-50));
			border-radius: 4px;
			}

			@@ -959,7 +959,7 @@
			gap: 0.5rem;
			border: none;
			background: none;
			color: var(--contrast);
			color: rgb(var(--contrast));
			cursor: pointer;
			padding: 0.5rem;
			border-radius: 4px;
			@@ -967,7 +967,7 @@
			}

			.back-to-parent:hover {
			background: var(--base-100);
			background: rgb(var(--base-100));
			}

			.term-row {
			@@ -983,7 +983,7 @@
			background: none;
			padding: 0.25rem;
			cursor: pointer;
			color: var(--contrast);
			color: rgb(var(--contrast));
			display: flex;
			align-items: center;
			justify-content: center;
			@@ -992,7 +992,7 @@
			}

			.toggle-children:hover {
			background: var(--base-50);
			background: rgb(var(--base-50));
			}

			.loading-indicator {
			@@ -1006,8 +1006,8 @@
			.loading-indicator .loading {
			width: 16px;
			height: 16px;
			border: 2px solid var(--base-100);
			border-top-color: var(--contrast);
			border: 2px solid rgb(var(--base-100));
			border-top-color: rgb(var(--contrast));
			border-radius: 50%;
			animation: spin 1s linear infinite;
			}
			@@ -1022,7 +1022,7 @@
			gap: 0.5rem;
			margin-bottom: 1rem;
			padding: 0.5rem;
			background: var(--base-50);
			background: rgb(var(--base-50));
			border-radius: 4px;
			}

			@@ -1039,16 +1039,16 @@
			padding: 0.25rem 0.5rem;
			border-radius: 4px;
			cursor: pointer;
			color: var(--contrast);
			color: rgb(var(--contrast));
			font-size: var(--txt-small);
			}

			.term-breadcrumb button:hover {
			background: var(--base-100);
			background: rgb(var(--base-100));
			}

			.path-separator {
			color: var(--contrast-50);
			color: rgb(var(--contrast-50));
			}

			.path-level {
			@@ -1058,12 +1058,12 @@
			.create-term-section {
			margin-top: 2rem;
			padding-top: 1rem;
			border-top: 1px solid var(--base-100);
			border-top: 1px solid rgb(var(--base-100));
			}

			.suggestion-prompt {
			font-size: var(--txt-small);
			color: var(--contrast-50);
			color: rgb(var(--contrast-50));
			margin-bottom: 1rem;
			}

			@@ -1086,14 +1086,14 @@
			.name-row input {
			width: 100%;
			padding: 0.5rem;
			border: 2px solid var(--base-100);
			border: 2px solid rgb(var(--base-100));
			border-radius: 4px;
			background: var(--base);
			color: var(--contrast);
			background: rgb(var(--base));
			color: rgb(var(--contrast));
			}

			.name-row input:focus {
			border-color: var(--action-0);
			border-color: rgb(var(--action-0));
			outline: none;
			}

			@@ -1111,7 +1111,7 @@
			dialog[open].gallery-modal {
			width: calc(100vw - var(--padding) * 2);
			height: 99vh;
			background: var(--base);
			background: rgb(var(--base));
			display: flex;
			align-items: center;
			justify-content: center;
			@@ -1162,7 +1162,7 @@
			z-index: 5;
			transform: translateY(-50%);
			border: none;
			color: var(--contrast);
			color: rgb(var(--contrast));
			cursor: pointer;
			padding: 1rem;
			transition: color 0.3s ease;
			@@ -1171,7 +1171,7 @@
			align-items: center;
			}
			.gallery-nav:hover {
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			}

			.gallery-nav:hover {
			@@ -1199,11 +1199,11 @@
			bottom: 1rem;
			left: 2rem;
			width: calc(100% - 4rem);
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			padding: 0;
			}
			.gallery-content details:hover,
			.gallery-content details[open] {
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			backdrop-filter: blur(5px);
			}

			@@ -109,7 +109,7 @@
			.datetime-wrapper input[type=datetime-local]:focus,
			.date-wrapper input[type=date]:focus {
			border-color: var(--action-0);
			box-shadow: 0 0 0 2px rgba(var(--action-rgb), .1);
			box-shadow: 0 0 0 2px rgba(var(--action-0), .1);
			}

			.wrapper .icon,
			@@ -240,7 +240,7 @@
			padding: 2rem;
			text-align: center;
			transition: all .3s ease;
			background: rgba(var(--action-rgb),var(--op-1));
			background: rgba(var(--action-0),var(--op-1));
			position: relative;
			cursor: pointer;
			user-select: none;
			@@ -258,7 +258,7 @@
			.empty-group:hover,
			.file-upload-wrapper:hover,
			.dragover {
			background: rgba(var(--action-rgb),var(--op-2));
			background: rgba(var(--action-0),var(--op-2));
			border-color: var(--action-0);
			}
			.preview-wrap:has(.item-grid:empty) .selection-controls {
			@@ -330,7 +330,7 @@
			}
			.item-grid:is(.restore,.group,.preview):has([type=checkbox]:checked){
			padding: .5rem;
			background-color: rgba(var(--action-rgb), var(--op-4));
			background-color: rgba(var(--action-0), var(--op-4));
			opacity: 1;
			}
			.item-grid:is(.restore,.group,.preview):has([type=checkbox]:checked) img {
			@@ -384,7 +384,7 @@
			.upload-group {
			padding: 5px;
			border-radius:var(--radius);
			background-color: rgba(var(--action-rgb), var(--op-1));
			background-color: rgba(var(--action-0), var(--op-1));
			}
			.upload-group .selected .field {
			margin: 0;
			@@ -399,7 +399,7 @@
			left: var(--btn_);
			z-index: var(--z-6);
			height: var(--btn);
			box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);
			border-radius: var(--radius);
			animation: pulse-color 5s infinite;
			animation-delay: 1s;
			@@ -420,7 +420,7 @@
			cursor: pointer;
			transition: all var(--trans-base);
			text-align: center;
			background-color: rgba(var(--action-rgb), var(--op-1));
			background-color: rgba(var(--action-0), var(--op-1));
			}

			.group-display:not([hidden]) ~ .file-upload-container {
			@@ -432,11 +432,11 @@
			opacity: .7;
			transform: scale(.95) rotate(3deg);
			z-index: var(--z-7);
			box-shadow: 0 8px 25px rgba(var(--contrast-rgb), var(--op-2));
			box-shadow: 0 8px 25px rgba(var(--contrast), var(--op-2));
			}

			.dragover {
			background: rgba(var(--action-rgb), var(--op-3))!important;
			background: rgba(var(--action-0), var(--op-3))!important;
			border-color: var(--action-0)!important;
			transform: scale(1.05);
			animation: drop-pulse .8s infinite ease-in-out;
			@@ -464,7 +464,7 @@
			left: 0;
			background: var(--base);
			border-radius: var(--radius-outer);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			.drag-preview .drag-items .drag-item:nth-child(1) {
			@@ -528,7 +528,7 @@
			justify-content: center;
			font-size: 12px;
			font-weight: bold;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-3);
			}

			@@ -547,11 +547,11 @@

			@keyframes drop-pulse {
			0%, 100% {
			background-color: rgba(var(--action-rgb),var(--op-3));
			background-color: rgba(var(--action-0),var(--op-3));
			transform: scale(1.02);
			}
			50% {
			background-color: var(rgba(var(--action-rgb),var(--op-4)));
			background-color: var(rgba(var(--action-0),var(--op-4)));
			transform: scale(1.04);
			}
			}
			@@ -596,7 +596,7 @@
			left: -.5rem;
			right: -.5rem;
			position: absolute;
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			filter: blur(5px);
			}

			@@ -646,9 +646,9 @@
			position: absolute;
			left: 0;
			right: 0;
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			z-index: var(--z-3);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}
			.group-display .item-grid {
			height: 100%;
			@@ -667,7 +667,7 @@
			height: fit-content;
			top: 0;
			z-index: var(--z-3);
			background-color: rgba(var(--action-rgb), var(--op-6));
			background-color: rgba(var(--action-0), var(--op-6));
			}
			.group-display .sidebar .upload-group {
			order: 1;
			@@ -731,7 +731,7 @@
			.preview-wrap .hint {
			position: sticky;
			z-index: var(--z-3);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			background-color: var(--base);
			width: 100%;
			}
			@@ -816,7 +816,7 @@
			transform: translateY(10px);
			background-color: var(--base-100);
			border: 1px solid var(--base);
			box-shadow: 0px 0px 5px rgba(var(--base-rgb),var(--op-6));
			box-shadow: 0px 0px 5px rgba(var(--base),var(--op-6));
			color: var(--contrast);
			padding: 5px 12px;
			white-space: nowrap;
			@@ -1163,14 +1163,14 @@
			/ STATUS /
			.fstatus {
			z-index: var(--z-5);
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			border-radius: var(--radius);
			padding: 0 .5rem;
			position: fixed;
			right: .5rem;
			top: var(--btnbtn);
			--w: 1em;
			box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-6)) var(--shdw);
			--wrap: nowrap;
			--gap: 1rem;
			}
			@@ -1219,9 +1219,9 @@
			width: 50vw;
			padding: 1rem;
			z-index: var(--z-7);
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			border-radius: var(--radius);
			box-shadow: rgba(var(--action-rgb), var(--op-6)) var(--shdw);
			box-shadow: rgba(var(--action-0), var(--op-6)) var(--shdw);
			position: fixed;
			right: var(--btnbtn);
			bottom: 0;

			@@ -213,7 +213,7 @@
			.datetime-wrapper input[type=datetime-local]:focus,
			.date-wrapper input[type=date]:focus {
			border-color: var(--action-0);
			box-shadow: 0 0 0 2px rgba(var(--action-rgb), .1);
			box-shadow: 0 0 0 2px rgba(var(--action-0), .1);
			}

			.field-input-wrapper .icon,
			@@ -651,7 +651,7 @@
			padding: 2rem;
			text-align: center;
			transition: all .3s ease;
			background: rgba(var(--action-rgb),var(--op-1));
			background: rgba(var(--action-0),var(--op-1));
			position: relative;
			cursor: pointer;
			}
			@@ -662,7 +662,7 @@
			.empty-group,
			.file-upload-wrapper:hover,
			.dragover {
			background: rgba(var(--action-rgb),var(--op-2));
			background: rgba(var(--action-0),var(--op-2));
			border-color: var(--action-0)!important;
			}

			@@ -755,7 +755,7 @@
			.item-grid.preview:has([type=checkbox]:checked),
			.item-grid.group:has([type=checkbox]:checked) {
			padding: 1rem;
			background-color: rgba(var(--contrast-rgb),var(--op-1));
			background-color: rgba(var(--contrast),var(--op-1));
			}
			.item-grid.restore:has([type=checkbox]:checked) .item,
			.item-grid.preview:has([type=checkbox]:checked) .item,
			@@ -777,7 +777,7 @@
			.item-grid.preview .item:has([type=checkbox]:checked),
			.item-grid.group .item:has([type=checkbox]:checked) {
			padding: .5rem;
			background-color: rgba(var(--action-rgb), var(--op-4));
			background-color: rgba(var(--action-0), var(--op-4));
			opacity: 1;
			}

			@@ -831,7 +831,7 @@
			background-image: var(--dashed-action);
			padding: 5px;
			border-radius: var(--radius);
			background-color: rgba(var(--action-rgb), var(--op-1));
			background-color: rgba(var(--action-0), var(--op-1));
			}
			.upload-group .selected .field {
			margin: 0;
			@@ -846,7 +846,7 @@
			right: var(--btn_);
			z-index: var(--z-6);
			height: var(--btn);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			border-radius: var(--radius);
			animation: pulse-color 5s infinite;
			animation-delay: 1s;
			@@ -869,7 +869,7 @@
			cursor: pointer;
			transition: all var(--trans-base);
			text-align: center;
			background-color: rgba(var(--action-rgb), var(--op-1));
			background-color: rgba(var(--action-0), var(--op-1));
			}

			.group-display:not([hidden]) ~ .file-upload-container {
			@@ -885,7 +885,7 @@
			}

			.dragover {
			background: rgba(var(--action-rgb),var(--op-3))!important;
			background: rgba(var(--action-0),var(--op-3))!important;
			border-color: var(--action-0) !important;
			transform: scale(1.05);
			animation: drop-pulse .8s infinite ease-in-out;
			@@ -915,7 +915,7 @@
			left: 0;
			background: var(--base);
			border-radius: var(--radius-outer);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			.drag-preview .drag-items .drag-item:nth-child(1) {
			@@ -979,7 +979,7 @@
			justify-content: center;
			font-size: 12px;
			font-weight: bold;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-3);
			}

			@@ -998,11 +998,11 @@

			@keyframes drop-pulse {
			0%, 100% {
			background-color: rgba(var(--action-rgb),var(--op-3));
			background-color: rgba(var(--action-0),var(--op-3));
			transform: scale(1.02);
			}
			50% {
			background-color: var(rgba(var(--action-rgb),var(--op-4)));
			background-color: var(rgba(var(--action-0),var(--op-4)));
			transform: scale(1.04);
			}
			}
			@@ -1047,7 +1047,7 @@
			left: -.5rem;
			right: -.5rem;
			position: absolute;
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			filter: blur(5px);
			}

			@@ -1097,9 +1097,9 @@
			position: absolute;
			left: 0;
			right: 0;
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			z-index: var(--z-3);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}
			.group-display .item-grid {
			height: 100%;
			@@ -1118,7 +1118,7 @@
			height: fit-content;
			top: 0;
			z-index: var(--z-3);
			background-color: rgba(var(--action-rgb), var(--op-6));
			background-color: rgba(var(--action-0), var(--op-6));
			}
			.group-display .sidebar .upload-group {
			order: 1;
			@@ -1182,7 +1182,7 @@
			.preview-wrap .hint {
			position: sticky;
			z-index: var(--z-3);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			background-color: var(--base);
			width: 100%;
			}
			@@ -1218,7 +1218,7 @@
			top: 0;
			background-color: var(--base-50);
			z-index: var(--z-6);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw-down);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw-down);
			margin-bottom: 2rem;
			}

			@@ -1274,7 +1274,7 @@
			transform: translateY(10px);
			background-color: var(--base-100);
			border: 1px solid var(--base);
			box-shadow: 0px 0px 5px rgba(var(--base-rgb),var(--op-6));
			box-shadow: 0px 0px 5px rgba(var(--base),var(--op-6));
			color: var(--contrast);
			padding: 5px 12px;
			white-space: nowrap;
			@@ -1327,8 +1327,8 @@
			/.group-actions button {/
			/* padding: 0.5rem 0.75rem;*/
			/* border-radius: var(--radius);*/
			/* background: rgba(var(--action-rgb), 0.1);*/
			/* border: 1px solid rgba(var(--action-rgb), 0.3);*/
			/* background: rgba(var(--action-0), 0.1);*/
			/* border: 1px solid rgba(var(--action-0), 0.3);*/
			/* color: var(--action-0);*/
			/* font-size: var(--txt-small);*/
			/* transition: all var(--trans-base);*/
			@@ -1336,7 +1336,7 @@
			/}/

			/.group-actions button:hover {/
			/* background: rgba(var(--action-rgb), 0.2);*/
			/* background: rgba(var(--action-0), 0.2);*/
			/* border-color: var(--action-0);*/
			/* transform: translateY(-1px);*/
			/}/
			@@ -1344,7 +1344,7 @@
			/! Group item grid - distinct from preview grid !/
			/.item-grid.group {/
			/* background: rgba(255, 255, 255, 0.5);*/
			/* border: 1px solid rgba(var(--action-rgb), 0.15);*/
			/* border: 1px solid rgba(var(--action-0), 0.15);*/
			/* border-radius: var(--radius);*/
			/* padding: 0.75rem;*/
			/* min-height: 100px;*/
			@@ -1422,8 +1422,8 @@
			/* flex-direction: column;*/
			/* gap: 0.5rem;*/
			/* padding: 1rem;*/
			/* background: rgba(var(--action-rgb), 0.05);*/
			/* border: 1px solid rgba(var(--action-rgb), 0.2);*/
			/* background: rgba(var(--action-0), 0.05);*/
			/* border: 1px solid rgba(var(--action-0), 0.2);*/
			/* border-radius: var(--radius);*/
			/* margin: 1rem 0;*/
			/* animation: slideDown var(--trans-base);*/
			@@ -1437,7 +1437,7 @@
			/.progress .bar {/
			/* width: 100%;*/
			/* height: 8px;*/
			/* background: rgba(var(--action-rgb), 0.15);*/
			/* background: rgba(var(--action-0), 0.15);*/
			/* border-radius: 4px;*/
			/* overflow: hidden;*/
			/* position: relative;*/
			@@ -1451,7 +1451,7 @@
			/* var(--action-200) 100%);*/
			/* border-radius: 4px;*/
			/* transition: width 0.3s ease;*/
			/* box-shadow: 0 0 8px rgba(var(--action-rgb), 0.4);*/
			/* box-shadow: 0 0 8px rgba(var(--action-0), 0.4);*/
			/}/

			/! Progress details - styled for row layout with text and count !/
			@@ -1540,7 +1540,7 @@
			/.upload.item:has(.upload-select:checked) {/
			/* outline: 3px solid var(--action-0);*/
			/* outline-offset: -3px;*/
			/* box-shadow: 0 0 0 3px rgba(var(--action-rgb), 0.2);*/
			/* box-shadow: 0 0 0 3px rgba(var(--action-0), 0.2);*/
			/}/

			/! Selection checkbox - always visible on hover or when checked !/
			@@ -1560,8 +1560,8 @@
			/* display: flex;*/
			/* gap: 1rem;*/
			/* padding: 1rem;*/
			/* background: rgba(var(--action-rgb), 0.1);*/
			/* border: 2px solid rgba(var(--action-rgb), 0.3);*/
			/* background: rgba(var(--action-0), 0.1);*/
			/* border: 2px solid rgba(var(--action-0), 0.3);*/
			/* border-radius: var(--radius);*/
			/* margin: 1rem 0;*/
			/* align-items: center;*/
			@@ -1605,11 +1605,11 @@
			/! Smooth dragover animation !/
			/@keyframes drop-pulse {/
			/* 0%, 100% {*/
			/* background-color: rgba(var(--action-rgb), 0.15);*/
			/* background-color: rgba(var(--action-0), 0.15);*/
			/* transform: scale(1.02);*/
			/* }*/
			/* 50% {*/
			/* background-color: rgba(var(--action-rgb), 0.25);*/
			/* background-color: rgba(var(--action-0), 0.25);*/
			/* transform: scale(1.04);*/
			/* }*/
			/}/
			@@ -1738,13 +1738,13 @@

			/.restore-item:hover {/
			/* border-color: var(--action-0);*/
			/* box-shadow: 0 2px 8px rgba(var(--action-rgb), 0.2);*/
			/* box-shadow: 0 2px 8px rgba(var(--action-0), 0.2);*/
			/}/

			/! Checked state !/
			/.restore-item:has(.restore-checkbox:checked) {/
			/* border-color: var(--action-0);*/
			/* background: rgba(var(--action-rgb), 0.05);*/
			/* background: rgba(var(--action-0), 0.05);*/
			/}/

			/! Preview section !/
			@@ -1872,7 +1872,7 @@
			/.restore-selected:hover {/
			/* background: var(--action-200);*/
			/* transform: translateY(-1px);*/
			/* box-shadow: 0 4px 12px rgba(var(--action-rgb), 0.3);*/
			/* box-shadow: 0 4px 12px rgba(var(--action-0), 0.3);*/
			/}/

			/! Scrap cache button - destructive action !/
			@@ -2454,7 +2454,7 @@
			margin-right: 1rem;
			padding: 1rem;
			border-radius: var(--radius);
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			z-index: var(--z-6);
			width: 50vw;
			animation: fadeInSlideUp 0.5s ease-out forwards;

			@@ -5,6 +5,8 @@
			--wrap: nowrap;
			font-family: var(--heading);
			}

			ul.socials,
			nav,
			nav ol,
			nav ul,
			@@ -21,13 +23,27 @@
			padding: 0;
			margin: 0;
			}
			nav li {
			nav.col,
			nav.col ul {
			height: max-content;
			}

			nav > ul {
			width: 100%;
			overflow: auto hidden;
			}

			nav li {
			width: max-content;
			--justify: center;
			max-inline-size: none;
			padding: 0;
			list-style: none;
			}

			nav.fill li {
			width: 100%;
			}
			nav a, nav button {
			--justify: center;
			width: 100%;
			@@ -42,27 +58,27 @@
			}
			nav .toggle {
			aspect-ratio: 1;
			border: 1px solid var(--base);
			color: var(--contrast);
			border: 1px solid rgb(var(--base));
			color: rgb(var(--contrast));
			}

			nav .current a,
			nav a.current,
			nav a:focus,
			nav a:focus:visited,
			nav button:focus {
			background-color: var(--action-0);
			color: var(--action-contrast);
			}
			nav .current a,
			nav a.current,
			nav a:focus,
			nav a:focus:visited,
			nav button:focus {
			background-color: rgb(var(--action-0));
			color: var(--action-contrast);
			}

			.toggle .icon-caret-down {
			transform: rotate(0deg);
			transition: transform var(--trans-base);
			}
			.open > .row > .toggle .icon-caret-down,
			.open > .toggle .icon-caret-down {
			transform: rotate(900deg);
			}
			.open > .row > .toggle .icon-caret-down,
			.open > .toggle .icon-caret-down {
			transform: rotate(900deg);
			}

			/****************************************************
			SUBMENUS
			@@ -81,24 +97,24 @@
			transform-origin: top;
			width: 100%;
			min-width: max-content;
			background-color: rgba(var(--base-rgb),var(--op-3));
			border: 2px solid rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			border: 2px solid rgba(var(--base),var(--op-3));
			transition: max-height var(--trans-base), transform var(--trans-base);
			box-shadow: var(--shdw-none);
			overflow: hidden;
			}
			.submenu li {
			background-color: rgba(var(--base-rgb),var(--op-6));
			border: 1px solid var(--base-50);
			}
			.submenu a {
			height: var(--chipchip);
			}
			.submenu li {
			background-color: rgba(var(--base),var(--op-6));
			border: 1px solid rgb(var(--base-50));
			}
			.submenu a {
			height: var(--chipchip);
			}

			.open > ul.submenu {
			transform: scaleY(1);
			max-height: 1000%;
			box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base), var(--op-45)) var(--shdw);
			}

			/**************************************************************
			@@ -121,118 +137,249 @@
			}

			nav a:focus-visible {
			outline: 1px solid var(--action-0);
			outline: 1px solid rgb(var(--action-0));
			outline-offset: 1px;
			}

			/*************************************************************
			MOBILE NAV
			ALWAYS MOBILE NAV
			*************************************************************/
			/nav.always {/
			/* --dir: column;*/
			/* --justify: flex-end;*/
			/* position: fixed;*/
			/* bottom: 0;*/
			/* right: 0;*/
			/* width: var(--btn);*/
			/* z-index: var(--z-10);*/
			/}/
			/nav.always.open {/
			/* width: 100vw;*/
			/* height: 100vh;*/
			/* padding-bottom: var(--btn_);*/
			/* background-color: rgba(var(--base),var(--op-6));*/
			/* backdrop-filter: blur(5px);*/
			/* z-index: var(--z-10);*/
			/}/

			/nav.always > ul {/
			/* z-index: 1;*/
			/* --dir: column;*/
			/* --align: center;*/
			/* --justify: flex-start;*/
			/* --gap: 0;*/
			/* height: 100%;*/
			/* max-height: 100%;*/
			/* position: relative;*/
			/* right: -300vw;*/
			/* width: 100vw;*/
			/* padding: var(--btn) 0 0;*/
			/* overflow: hidden auto;*/
			/* transition: right var(--trans-base);*/
			/}/

			/nav.always.open > ul {/
			/* right: 0;*/
			/}/
			/nav.always li {/
			/* --wrap: wrap;*/
			/* --dir: row;*/
			/* height: max-content;*/
			/* --justify: flex-start;*/
			/* background-color: rgba(var(--base), var(--op-6));*/
			/}/
			/nav.always a {/
			/* padding: 1rem;*/
			/* --justify: center;*/
			/* max-width: calc(100% - var(--btn));*/
			/}/

			/nav.always .has-submenu > a {/
			/* z-index: var(--z-3);*/
			/}/
			/nav.always .has-submenu > button {/
			/* width: var(--btn);*/
			/}/

			/nav.always .submenu {/
			/* position: relative;*/
			/* padding-right: 4rem;*/
			/* top: 0;*/
			/* border: 1px solid rgb(var(--action-0));*/
			/* background-color: rgba(rgb(var(--contrast)), var(--op-1));*/
			/}/
			/nav.always .submenu li {/
			/* background-color: rgba(var(--base),var(--op-3));*/
			/}/

			/nav.always > .toggle {/
			/* position: fixed;*/
			/* bottom: 0;*/
			/* right: 0;*/
			/* width: var(--btn);*/
			/* height: var(--btn);*/
			/* background-color: rgb(var(--base));*/
			/* color: rgb(var(--contrast));*/
			/* box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/
			/* transition: width var(--trans-base);*/
			/}/
			/nav.always > .toggle:hover {/
			/* background-color: rgb(var(--action-0));*/
			/* color: var(--action-contrast);*/
			/}/
			/nav.always.open > .toggle {/
			/* width: 100%;*/
			/* background-color: rgba(var(--base),var(--op-6));*/
			/* backdrop-filter: blur(5px);*/
			/* z-index: 1000000;*/
			/}/

			/nav.always.open > .toggle:hover {/
			/* background-color: rgb(var(--action-0));*/
			/* color: var(--action-contrast);*/
			/}/

			/nav.always button .icon-x,/
			/nav.always.open button .icon-list {/
			/* display: none;*/
			/}/
			/nav.always button .icon-list,/
			/nav.always.open button .icon-x {/
			/* display: block;*/
			/* --w: 32px;*/
			/}/


			/nav.always.fixed > ul {/
			/* padding-top: var(--btn);*/
			/}/
			nav.always {
			overflow: visible;
			transition: width var(--trans-base);
			width: max-content;
			}
			nav.always > ul {
			--dir: column;
			--align: center;
			--justify: flex-end;
			--gap: 0;
			height: 100vh;
			max-height: none;
			position: fixed;
			right: -300vw;
			bottom: 0;
			width: 100vw;
			padding: var(--btn) 0;
			overflow: hidden auto;
			transition: right var(--trans-base);
			}
			nav.always.open > ul {
			right: 0;
			}
			nav.always li {
			width: 100%;
			}
			/*******************************************************
			ALWAYS MOBILE FIXED NAV
			*******************************************************/
			nav.always.fixed {
			width: var(--btn);
			height: var(--btn);
			bottom: 0;
			right: 0;
			width: var(--btn);
			z-index: var(--z-10);
			overflow: hidden;
			}
			nav.always.open {
			width: 100vw;
			height: 100vh;
			padding-bottom: var(--btn_);
			background-color: rgba(var(--base-rgb),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: var(--z-10);
			nav.always.fixed .toggle.main {
			background-color: rgb(var(--base));
			}
			nav.always.fixed .toggle.main:hover,
			nav.always.fixed .toggle.main:focus {
			background-color: rgb(var(--action-0));
			color: var(--action-contrast);
			}
			/*******************************************************
			MOBILE NAV
			*******************************************************/
			nav.mobile .toggle.main {
			width: var(--btn);
			transition: width var(--trans-base);
			}
			nav.mobile .icon-x,
			nav.mobile .icon-list {
			--w: 32px;
			}
			nav.mobile .icon-x,
			nav.mobile.open .icon-list {
			display: none;
			}
			nav.mobile .icon-list,
			nav.mobile.open .icon-x {
			display: block;
			}

			nav.always > ul {
			z-index: 1;
			nav.mobile.open > ul {
			--dir: column;
			z-index: var(--z-9);
			background-color: rgba(var(--base), var(--op-6));
			width: 100vw;
			height: 100vh;
			overflow: hidden auto;
			right: 0;
			bottom: 0;
			position: fixed;
			padding: var(--btn) 0;
			}
			nav.always > ul::before,
			nav.mobile.open > ul::before {
			content: '';
			z-index: -1;
			position: absolute;
			inset: 0;
			filter: blur(5px);
			}
			nav.always.open .main.toggle,
			nav.mobile.open .main.toggle {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100vw;
			z-index: var(--z-10);
			aspect-ratio: unset;
			}
			nav.always > ul,
			nav.always > ul:before,
			nav.mobile.open > ul,
			nav.mobile.open > ul::before {
			background-color: rgba(var(--base), var(--op-6));
			}

			@media (max-width:767px) {
			nav.col {
			height: var(--btn);
			}
			nav.mobile > ul {
			--dir: column;
			--align: center;
			--justify: flex-start;
			--justify: flex-end;
			--gap: 0;
			height: 100%;
			max-height: 100%;
			max-height: none;
			position: relative;
			right: -300vw;
			width: 100vw;
			padding: var(--btn) 0 0;
			overflow: hidden auto;
			transition: right var(--trans-base);
			/transition: right var(--trans-base);/
			}

			nav.always.open > ul {
			right: 0;
			}
			nav.always li {
			--wrap: wrap;
			--dir: row;
			height: max-content;
			--justify: flex-start;
			background-color: rgba(var(--base-rgb), var(--op-6));
			}
			nav.always a {
			padding: 1rem;
			--justify: center;
			max-width: calc(100% - var(--btn));
			}

			nav.always .has-submenu > a {
			z-index: var(--z-3);
			}
			nav.always .has-submenu > button {
			width: var(--btn);
			}

			nav.always .submenu {
			position: relative;
			padding-right: 4rem;
			top: 0;
			border: 1px solid var(--action-0);
			background-color: rgba(var(--contrast-rgb), var(--op-1));
			}
			nav.always .submenu li {
			background-color: rgba(var(--base-rgb),var(--op-3));
			}

			nav.always > .toggle {
			position: fixed;
			bottom: 0;
			nav.mobile.open > ul {
			right: 0;
			width: var(--btn);
			height: var(--btn);
			background-color: var(--base);
			color: var(--contrast);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			transition: width var(--trans-base);
			}
			nav.always > .toggle:hover {
			background-color: var(--action-0);
			color: var(--action-contrast);
			}
			nav.always.open > .toggle {
			width: 100%;
			background-color: rgba(var(--base-rgb),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: 1000000;
			}

			nav.always.open > .toggle:hover {
			background-color: var(--action-0);
			color: var(--action-contrast);
			}

			nav.always button .icon-x,
			nav.always.open button .icon-list {
			display: none;
			}
			nav.always button .icon-list,
			nav.always.open button .icon-x {
			display: block;
			--w: 32px;
			}

			}
			@media (min-width:768px) {
			nav.mobile:not(.always) .toggle.main {
			display: none;
			}
			}
			/*******************************************************
			BREADCRUMBS
			*******************************************************/
			@@ -243,7 +390,7 @@
			width: max-content;
			max-width: var(--full);
			position: absolute;
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			font-size: var(--txt-x-small);
			padding: .125em;
			z-index: var(--z-5);
			@@ -253,70 +400,68 @@
			height: max-content;
			--wrap: wrap;
			}
			nav#breadcrumbs li {
			width: max-content;
			height: var(--chip);
			--wrap: nowrap;
			}
			nav#breadcrumbs li::after {
			content: '/';
			color: var(--contrast-200);
			padding: 0 .25rem;
			}
			nav#breadcrumbs li:last-of-type::after {
			display: none;
			}
			nav#breadcrumbs a {
			height: var(--chip);
			}
			nav#breadcrumbs a, nav#breadcrumbs span {
			padding: 0 .125rem;
			color: var(--contrast);
			text-transform: none;
			}
			nav#breadcrumbs a:focus {
			background-color: transparent;
			color: var(--action-0);
			}
			nav#breadcrumbs li {
			width: max-content;
			height: var(--chip);
			--wrap: nowrap;
			}
			nav#breadcrumbs li::after {
			content: '/';
			color: rgb(var(--contrast-200));
			padding: 0 .25rem;
			}
			nav#breadcrumbs li:last-of-type::after {
			display: none;
			}
			nav#breadcrumbs a {
			height: var(--chip);
			}
			nav#breadcrumbs a, nav#breadcrumbs span {
			padding: 0 .125rem;
			color: rgb(var(--contrast));
			text-transform: none;
			}
			nav#breadcrumbs a:focus {
			background-color: transparent;
			color: rgb(var(--action-0));
			}

			/************************************************************
			FIXED BOTTOM
			************************************************************/
			nav.fixed {
			position: fixed;
			left: 0;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-9);
			}
			nav.fixed.bottom {
			left: 0;
			bottom: 0;
			width: calc(100% - var(--btn));
			}

			nav.fixed ul {
			--justify: space-between;
			width: 100%;
			background-color: var(--base);
			padding: 0 .25rem;
			}
			nav.always.fixed > ul {
			padding-top: var(--btn);
			}
			nav.fixed:not(.always) ul {
			--justify: space-between;
			width: 100%;
			background-color: rgb(var(--base));
			padding: 0 .25rem;
			}

			nav.fixed li {
			flex: 1;
			}
			nav.fixed:not(.always) li {
			flex: 1;
			}
			nav.fixed a {
			--align: center;
			--gap: 1rem;
			--w: var(--chip_);
			color: rgb(var(--contrast));
			font-size: var(--txt-x-small);
			}
			@media (min-width: 768px) {
			nav.fixed a {
			--gap: 1rem;
			--w: var(--chip_);
			color: var(--contrast);
			font-size: var(--txt-x-small);
			font-size: var(--txt-medium);
			}
			@media (min-width: 768px) {
			nav.fixed a {
			font-size: var(--txt-medium);
			}
			}
			}

			/************************************************************
			ON THIS PAGE
			@@ -328,38 +473,38 @@
			left: 0;
			width: 100vw;
			z-index: var(--z-5);
			background-color: rgba(var(--base-rgb), var(--op-45));
			background-color: rgba(var(--base), var(--op-45));
			max-width: none;
			}

			body:has(nav.fixed) nav.on-this-page {
			bottom: var(--btn);
			}
			nav.on-this-page button {
			order: 3;
			padding: 0 1rem;
			width:max-content;
			aspect-ratio: unset;
			}
			nav.on-this-page.open button {
			order: 0;
			}
			nav.on-this-page ul {
			width: 100%;
			--gap: 0;
			}
			nav.on-this-page a {
			padding: 0;
			}
			nav.on-this-page .active a {
			background-color: rgba(var(--base-rgb),var(--op-6));
			color: var(--action-contrast);
			}
			nav.on-this-page #back-to-top span {
			display: none;
			}
			nav.on-this-page button {
			order: 3;
			padding: 0 1rem;
			width:max-content;
			aspect-ratio: unset;
			}
			nav.on-this-page.open button {
			order: 0;
			}
			nav.on-this-page ul {
			width: 100%;
			--gap: 0;
			}
			nav.on-this-page a {
			padding: 0;
			}
			nav.on-this-page .active a {
			background-color: var(--action-0);
			background-color: rgba(var(--base),var(--op-6));
			color: var(--action-contrast);
			}
			nav.on-this-page #back-to-top span {
			display: none;
			}
			nav.on-this-page .active a {
			background-color: rgb(var(--action-0));
			color: var(--action-contrast);
			}

			@@ -375,24 +520,24 @@
			nav.letters li {
			max-width: calc(7.69% - 2px); /* Fit 26 letters over 2 rows */
			}
			nav.letters ul {
			--wrap: wrap;
			}
			nav.letters ul {
			--wrap: wrap;
			}

			@media (min-width:768px) {
			nav.letters, nav.letters ul {
			height: var(--chip);
			}
			nav.letters ul {
			--wrap: nowrap;
			}
			nav.letters li {
			max-width: none;
			}
			nav.letters a {
			padding: .25rem .66rem;
			}
			@media (min-width:768px) {
			nav.letters, nav.letters ul {
			height: var(--chip);
			}
			nav.letters ul {
			--wrap: nowrap;
			}
			nav.letters li {
			max-width: none;
			}
			nav.letters a {
			padding: .25rem .66rem;
			}
			}

			/********************************************************
			INDEX/TOC
			@@ -400,68 +545,68 @@
			nav.index {
			--justify: space-between;
			--padding: 0;
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			}
			nav.index ul {
			width: 100%;
			}
			nav.index li {
			flex-shrink:0;
			nav.index ul {
			width: 100%;
			}
			nav.index li {
			flex-shrink:0;
			transform: scaleX(0);
			max-width: 0;
			overflow: hidden;
			}
			nav.index li.active,
			nav.index li.adj {
			transform: scaleX(1);
			width: calc(100% - var(--btn_));
			flex-shrink: 1;
			max-width: none;
			}
			nav.index li:first-of-type {
			flex-shrink: 1;
			transform: scaleX(1);
			order: 9999;
			width: var(--btn);
			height: var(--btn);
			max-width: none;
			}

			@media (max-width: 767px) {
			.index li.adj {
			transform: scaleX(0);
			max-width: 0;
			overflow: hidden;
			}
			nav.index li.active,
			nav.index li.adj {
			transform: scaleX(1);
			width: calc(100% - var(--btn_));
			flex-shrink: 1;
			max-width: none;
			}
			nav.index li:first-of-type {
			flex-shrink: 1;
			transform: scaleX(1);
			order: 9999;
			width: var(--btn);
			height: var(--btn);
			max-width: none;
			}
			}
			nav.index a {
			border-bottom: 4px solid transparent;
			}
			nav.index .active a {
			border-color: rgb(var(--action-0));
			color: rgb(var(--contrast));
			}

			@media (max-width: 767px) {
			.index li.adj {
			transform: scaleX(0);
			max-width: 0;
			}
			}
			nav.index a {
			border-bottom: 4px solid transparent;
			}
			nav.index .active a {
			border-color: var(--action-0);
			color: var(--contrast);
			}

			nav.index.open {
			--dir: column-reverse;
			height: var(--maxHeight);
			width: 100%;
			--align: flex-end;
			background-color: rgba(var(--base-rgb),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: var(--z-10);
			}
			nav.index.open li {
			width: 100%;
			height: var(--btn);
			max-width: 100%!important;
			transform: scaleX(1);
			overflow: visible;
			}
			nav.index.open a {
			--justify: flex-end;
			padding: 0 2rem 0 0;
			background-color: transparent;
			}
			nav.index.open {
			--dir: column-reverse;
			height: var(--maxHeight);
			width: 100%;
			--align: flex-end;
			background-color: rgba(var(--base),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: var(--z-10);
			}
			nav.index.open li {
			width: 100%;
			height: var(--btn);
			max-width: 100%!important;
			transform: scaleX(1);
			overflow: visible;
			}
			nav.index.open a {
			--justify: flex-end;
			padding: 0 2rem 0 0;
			background-color: transparent;
			}

			/***************************************************************
			CONDENSED
			@@ -476,29 +621,34 @@
			--wrap: wrap;
			min-height: var(--chip);
			}
			.condensed ul {
			--justify: center;
			--dir: row;
			}
			nav.condensed {
			--gap: 0 .25rem;
			width: 100%;
			--justify: center;
			}
			nav.condensed li + li::before {
			content: '·';
			padding: 0 .25em;
			}
			nav.condensed a {
			font-size: var(--txt-x-small);
			padding: 0 .25rem;
			text-transform: none;
			border-bottom: 2px solid transparent;
			}
			nav .current a,
			nav a.current,
			nav a:focus,
			nav a:focus:visited,
			nav button:focus {
			background-color: transparent;
			color: var(--contrast);
			border-color: var(--action-0);
			}
			nav.condensed li + li::before {
			content: '·';
			padding: 0 .25em;
			}
			nav.condensed a {
			font-size: var(--txt-x-small);
			padding: 0 .25rem;
			text-transform: none;
			border-bottom: 2px solid transparent;
			}
			nav .current a,
			nav a.current,
			nav a:focus,
			nav a:focus:visited,
			nav button:focus {
			background-color: transparent;
			color: rgb(var(--contrast));
			border-color: rgb(var(--action-0));
			}

			/********************************************************************
			SOCIALS
			@@ -507,21 +657,40 @@
			--dir: row;
			height: max-content;
			--gap: .5rem;
			--justify: stretch;
			--justify: flex-end;
			--wrap: nowrap;
			overflow: auto hidden;
			touch-action: pan-x;
			}
			.always ul.socials {
			width: 100%;
			}
			ul.socials a {
			padding: .5rem;
			max-width: none;
			ul.socials li {
			list-style: none;
			}
			.always ul.socials {
			width: 100vw;
			--justify: stretch;
			}
			.always ul.socials li {
			flex: 1;
			--justify: center;
			--align: center;
			}
			ul.socials .icon {
			margin: 0;
			}
			.always ul.socials a {
			display: inline-flex;
			}
			ul.socials a {
			display: inline-block;
			font-size: var(--txt-x-small);
			padding: .25rem .5rem;
			max-width: none;
			}
			ul.socials .icon {
			margin: 0;
			}

			ul.socials .icon + span:not(.screen-reader-text) {
			margin-left: .5rem;
			}

			/********************************************************************
			TABS
			@@ -537,45 +706,45 @@
			--wrap: nowrap;
			overflow: auto hidden;
			}
			nav.tabs button.active {
			cursor: default;
			}
			nav.tabs button {
			font-family: var(--heading);
			font-size: var(--txt-x-small);
			border-bottom: 4px solid transparent;
			}
			nav.tabs button.active,
			nav.tabs button.active:hover {
			background-color: var(--action-0);
			color: var(--action-contrast);
			border-color: var(--base);
			}
			nav.tabs button.active {
			cursor: default;
			}
			nav.tabs button {
			font-family: var(--heading);
			font-size: var(--txt-x-small);
			border-bottom: 4px solid transparent;
			}
			nav.tabs button.active,
			nav.tabs button.active:hover {
			background-color: rgb(var(--action-0));
			color: var(--action-contrast);
			border-color: rgb(var(--base));
			}

			.tab-content nav.tabs button {
			height: var(--chip_);
			padding: .25rem .75rem;
			min-height: 0;
			}
			.tab-content nav.tabs button {
			height: var(--chip_);
			padding: .25rem .75rem;
			min-height: 0;
			}

			.tab-content h2 {
			margin: 0 0 .5rem;
			}
			.tab-content h2 {
			margin: 0 0 .5rem;
			}

			.tab-content nav.tabs {
			height: max-content;
			background-color: var(--base);
			--gap: 0;
			}
			.tab-content .tab-content nav.tabs {
			background-color: var(--base-100);
			}
			.tab-content .tab-content .tab-content nav.tabs {
			background-color: var(--base-200);
			}
			.tab-content nav.tabs button.active h2 {
			color: var(--action-0);
			}
			.tab-content nav.tabs {
			height: max-content;
			background-color: rgb(var(--base));
			--gap: 0;
			}
			.tab-content .tab-content nav.tabs {
			background-color: rgb(var(--base-100));
			}
			.tab-content .tab-content .tab-content nav.tabs {
			background-color: rgb(var(--base-200));
			}
			.tab-content nav.tabs button.active h2 {
			color: rgb(var(--action-0));
			}
			/********************************************************
			MENU (as in food menu)
			********************************************************/
			@@ -590,15 +759,15 @@
			height: max-content;
			margin: 1rem 0;
			}
			nav.share ul {
			overflow: visible;
			}
			nav.share h4 {
			display: inline-block;
			width: max-content;
			margin: .25rem .5rem .25rem 0;
			font-size: var(--txt-x-small);
			}
			nav.share ul {
			overflow: visible;
			}
			nav.share h4 {
			display: inline-block;
			width: max-content;
			margin: .25rem .5rem .25rem 0;
			font-size: var(--txt-x-small);
			}

			/************************************************************
			HEADER ELEMENTS
			@@ -613,10 +782,11 @@
			height: var(--btn);
			width: 100vw;
			display: flex;
			align-items: center;
			align-items: var(--align, center);
			justify-content: var(--justify, space-between);
			padding: 0 .5rem;
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			background-color: rgb(var(--base));
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-9);
			}
			.wp-site-blocks > header img {
			@@ -634,12 +804,44 @@
			--dir: row;
			overflow: auto hidden;
			}
			nav.filters .filter {
			width: auto;
			padding: .25rem .75rem;
			}
			nav.filters .filter {
			width: auto;
			padding: .25rem .75rem;
			}

			/* Hide navigation when empty */
			nav.term-navigation:has(*[hidden]) {
			display: none;
			}
			}

			nav.pagination {
			width: 100%;
			}
			nav.pagination > a {
			min-width: var(--chipchip);
			}
			nav.pagination > ul {
			margin: 0 auto;
			}
			nav.pagination:not(:has(a + ul)) {
			margin-left: var(--chipchip);
			}
			nav.pagination:not(:has(ul + a)) {
			margin-right: var(--chipchip);
			}

			.pagination.condensed li + li::before {
			display: none;
			}
			.pagination li.current {
			width: var(--chip_);
			height: var(--chip_);
			background-color: rgb(var(--action-0));
			border-radius: var(--radius);
			line-height: 1;
			}
			.pagination.condensed a {
			font-size: var(--txt-medium);
			width: var(--chip_);
			height: var(--chip_);
			}

			@@ -1 +1 @@
			nav,nav ol,nav ul{--padding:0 1rem;--wrap:nowrap;display:flex;flex-direction:var(--dir,row);justify-content:var(--justify,flex-start);align-items:var(--align,center);gap:var(--gap,0);flex-wrap:var(--wrap,nowrap);height:var(--btn,3rem);max-width:100%;font-family:var(--heading);padding:0;margin:0}nav li{display:flex;align-items:center;height:max(var(--btn),max-content);width:100%;max-inline-size:none;padding:0}nav a,nav button{display:flex;text-decoration:none;align-items:center;justify-content:center;height:var(--btn);width:100%;white-space:nowrap;text-transform:uppercase;transition:var(--trans-color)}nav a{height:var(--btn);padding:var(--padding)}nav button{justify-content:center;aspect-ratio:1;padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav button:focus{background-color:var(--action-0);color:var(--action-contrast)}.toggle .icon{transform:rotate(0);transition:transform var(--trans-base)}.has-submenu.open>button .icon{transform:rotate(900deg)}.has-submenu{position:relative}ul.submenu{--dir:column;height:max-content;position:absolute;top:100%;right:0;max-height:0;transform:scaleY(0);transform-origin:top;width:100%;min-width:max-content;background-color:rgba(var(--base-rgb),var(--op-3));border:2px solid rgba(var(--base-rgb),var(--op-3));transition:all var(--trans-t) var(--trans-fn);box-shadow:var(--shdw-none);overflow:hidden}.submenu li{background-color:rgba(var(--base-rgb),var(--op-6));border:1px solid var(--base-50)}.open>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}nav a:focus:not(:focus-visible){outline:0}nav a:focus-visible{outline:2px solid var(--action-0);outline-offset:2px}nav.always{--dir:column;--wrap:nowrap;position:fixed;bottom:0;right:0;width:var(--btn);z-index:var(--z-10)}nav.always.open{--justify:flex-end;width:100vw;height:100vh;padding-bottom:var(--btn_);background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px)}nav.always>ul{--dir:column;--align:center;--justify:flex-start;--gap:0;height:100%;position:relative;right:-300vw;width:100vw;max-height:100%;padding:1rem 0 0;overflow:hidden auto;transition:right var(--trans-base)}nav.always.open>ul{right:0}nav.always li{flex-wrap:wrap;background-color:rgba(var(--base-rgb),var(--op-6))}nav.always a{padding:1rem;max-width:calc(100% - var(--btn));text-align:center}nav.always .has-submenu{display:flex}nav.always .has-submenu>a{flex:1}nav.always .has-submenu>button{flex:0 0 var(--btn)}nav.always .submenu{position:relative;padding-right:4rem;height:max-content;top:0;width:100%;border:2px solid var(--action-0);background-color:rgba(var(--contrast-rgb),var(--op-1))}nav.always .submenu li{background-color:rgba(var(--base-rgb),var(--op-3))}nav.always>button{position:fixed;bottom:0;right:0;width:var(--btn);height:var(--btn);background-color:var(--base);color:var(--contrast);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);transition:width var(--trans-base)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{width:100%;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:1000000}nav.always.open>button .icon-list,nav.always>button .icon-x{display:none}nav.always.open>button .icon-x,nav.always>button .icon-list{display:block;width:32px;height:32px}@media (min-width:768px){nav.always>ul{padding-top:var(--btn)}}nav#breadcrumbs{height:max-content;--wrap:wrap;--gap:0;width:max-content;max-width:var(--full);position:absolute;background-color:rgba(var(--base-rgb),var(--op-4));font-size:var(--txt-x-small);padding:.125em;z-index:var(--z-7)}#breadcrumbs ol{height:max-content;--wrap:wrap!important;--justify:flex-start!important}#breadcrumbs li{width:max-content}#breadcrumbs a{height:var(--chip)}#breadcrumbs li::after{content:'/';color:var(--contrast-200);padding:0 .25rem}#breadcrumbs li:last-of-type::after{display:none}#breadcrumbs :is(a,span){padding:0 .125rem;color:var(--contrast);text-transform:none}#breadcrumbs a:focus{background-color:transparent;color:var(--action-0)}nav.fixed.bottom{position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}nav.fixed.bottom ul{--justify:space-between;width:100%;background-color:var(--base);padding:0 .25rem}nav.fixed.bottom li{flex:1;justify-content:center}nav.fixed.bottom a{gap:1rem;--w:var(--chip_);color:var(--contrast);font-size:var(--txt-x-small)}@media (min-width:768px){nav.fixed.bottom a{font-size:var(--txt-medium)}}nav.on-this-page{--justify:space-between;position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));max-width:none;padding:0 .5rem;background-color:rgba(var(--base-rgb),var(--op-4));color:var(--base-200);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-6)}.on-this-page a,.on-this-page li{width:100%;height:100%}body:has(nav.fixed) nav.on-this-page{bottom:var(--btn)}body:has(.additional-actionsbutton) nav.on-this-page{width:calc(100vw - var(--btn_) - 1rem)}.on-this-page button{order:3;padding:0 1rem;width:max-content;aspect-ratio:unset;height:var(--btn)}.on-this-page.open button{order:0}.on-this-page ul{width:100%;gap:0}.on-this-page li{justify-content:center}.on-this-page .active a{background-color:rgba(var(--base-rgb),var(--op-6));color:var(--action-contrast)}.on-this-page a{padding:0}.on-this-page #back-to-top span{display:none}.on-this-page.open #back-to-top span{display:block}nav.letters li{height:var(--chip);max-width:calc(7.69% - 2px)}nav.letters ul{--wrap:wrap}nav.letters,nav.letters ul{height:var(--chipchip)}@media (min-width:768px){nav.letters,nav.letters ul{height:var(--chip)}nav.letters ul{--wrap:nowrap}nav.letters li{max-width:none}nav.letters a{padding:.25rem .66rem}}nav.index{--justify:space-between;--padding:0;background-color:rgba(var(--base-rgb),var(--op-6))}.index ul{width:100%}.index li{flex-shrink:0;transform:scaleX(0);max-width:0;overflow:hidden}.index li.active,.index li.adj{transform:scaleX(1);width:calc(100% - var(--btn_));flex-shrink:1;max-width:none}.index li:first-of-type{flex-shrink:1;transform:scaleX(1);order:9999;width:var(--btn);height:var(--btn);max-width:none}@media (max-width:767px){.index li.adj{transform:scaleX(0);max-width:0}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index.open{--dir:column-reverse;height:var(--maxHeight);width:100%;align-items:flex-end;background-color:rgba(var(--base-rgb),var(--op-6));backdrop-filter:blur(5px);z-index:var(--z-10)}.index.open ul{--dir:column;--justify:flex-end;height:100%;width:100%}.index.open li{width:100%;height:var(--btn);max-width:100%!important;transform:scaleX(1);overflow:visible}.index.open a{justify-content:flex-end;padding:0 2rem 0 0;background-color:transparent}nav.condensed{height:max-content;--wrap:wrap;--gap:0 .25rem}nav.condensed ul{min-height:var(--chip_);height:max-content;--justify:center;--wrap:wrap}.condensed li{width:max-content;min-height:var(--chip)}.condensed li+li::before{content:'·';padding:0 .25em}.condensed a{height:max-content;min-height:var(--chip);font-size:var(--txt-x-small);padding:0 .25rem;text-transform:none;border-bottom:2px solid transparent}.condensed a:focus{border-color:var(--action-0)}ul.socials{--dir:row;height:max-content;--gap:.5rem;--justify:stretch;--wrap:nowrap;overflow:auto hidden;touch-action:pan-x}.always ul.socials,.always ul.socials a,.always ul.socials li{width:100%}ul.socials a{padding:.5rem;max-width:none}ul.socials .icon{margin:0}nav.tabs{position:fixed;bottom:var(--btn);left:var(--btnbtn);right:var(--btnbtn);padding-bottom:2px;z-index:var(--z-6);touch-action:pan-x pan-y;--wrap:nowrap;overflow:auto hidden}nav.tabs button{aspect-ratio:unset}nav.tabs button.active{cursor:default}nav.tabs button.active:hover{background-color:var(--base-100);color:var(--contrast)}nav.tabs button h2{--wrap:nowrap;margin:0;font-size:var(--txt-x-small)}.tab-content nav.tabs button{height:var(--chip_);padding:.25rem .75rem;min-height:0}.tab-content.active{padding:1rem 0}.tab-content h2{margin:0 0 .5rem}.tab-content nav.tabs{height:max-content;background-color:var(--base);--gap:0}.tab-content .tab-content nav.tabs{background-color:var(--base-100)}.tab-content .tab-content .tab-content nav.tabs{background-color:var(--base-200)}.tab-content nav.tabs button.active h2{color:var(--action-0)}nav.menu a{padding:.5rem .66rem}nav.share{height:max-content;margin:1rem 0}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--txt-x-small)}:where(body>header,.wp-site-blocks>header){--dir:row;--justify:space-between;position:sticky;top:0;left:0;right:0;height:var(--btn);width:100vw;display:flex;align-items:center;padding:0 .5rem;background-color:var(--base);box-shadow:rgba(var(--base-rgb),var(--op-45)) var(--shdw);z-index:var(--z-9)}.wp-site-blocks>header img{width:var(--btn)}nav.term-navigation:has([hidden]){display:none}.dashboard-nav{--justify:flex-start;width:100%}nav.filters{--dir:row;--justify:flex-start;overflow:auto hidden}nav.filters .filter{width:auto;padding:.25rem .75rem}
			nav,nav ol,nav ul{--padding:0 1rem;--wrap:nowrap;display:flex;flex-direction:var(--dir,row);justify-content:var(--justify,flex-start);align-items:var(--align,center);gap:var(--gap,0);flex-wrap:var(--wrap,nowrap);height:var(--btn,3rem);max-width:100%;font-family:var(--heading);padding:0;margin:0}nav li{display:flex;align-items:center;height:max(var(--btn),max-content);width:100%;max-inline-size:none;padding:0}nav a,nav button{display:flex;text-decoration:none;align-items:center;justify-content:center;height:var(--btn);width:100%;white-space:nowrap;text-transform:uppercase;transition:var(--trans-color)}nav a{height:var(--btn);padding:var(--padding)}nav button{justify-content:center;aspect-ratio:1;padding:0;border:2px solid var(--base);color:var(--contrast);border-radius:0}nav .current a,nav a.current,nav a:focus,nav a:focus:visited,nav a:hover,nav button:focus{background-color:var(--action-0);color:var(--action-contrast)}.toggle .icon{transform:rotate(0);transition:transform var(--trans-base)}.has-submenu.open>button .icon{transform:rotate(900deg)}.has-submenu{position:relative}ul.submenu{--dir:column;height:max-content;position:absolute;top:100%;right:0;max-height:0;transform:scaleY(0);transform-origin:top;width:100%;min-width:max-content;background-color:rgba(var(--base),var(--op-3));border:2px solid rgba(var(--base),var(--op-3));transition:all var(--trans-t) var(--trans-fn);box-shadow:var(--shdw-none);overflow:hidden}.submenu li{background-color:rgba(var(--base),var(--op-6));border:1px solid var(--base-50)}.open>ul.submenu{transform:scaleY(1);max-height:1000%;box-shadow:rgba(var(--base),var(--op-45)) var(--shdw)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}nav a:focus:not(:focus-visible){outline:0}nav a:focus-visible{outline:2px solid var(--action-0);outline-offset:2px}nav.always{--dir:column;--wrap:nowrap;position:fixed;bottom:0;right:0;width:var(--btn);z-index:var(--z-10)}nav.always.open{--justify:flex-end;width:100vw;height:100vh;padding-bottom:var(--btn_);background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px)}nav.always>ul{--dir:column;--align:center;--justify:flex-start;--gap:0;height:100%;position:relative;right:-300vw;width:100vw;max-height:100%;padding:1rem 0 0;overflow:hidden auto;transition:right var(--trans-base)}nav.always.open>ul{right:0}nav.always li{flex-wrap:wrap;background-color:rgba(var(--base),var(--op-6))}nav.always a{padding:1rem;max-width:calc(100% - var(--btn));text-align:center}nav.always .has-submenu{display:flex}nav.always .has-submenu>a{flex:1}nav.always .has-submenu>button{flex:0 0 var(--btn)}nav.always .submenu{position:relative;padding-right:4rem;height:max-content;top:0;width:100%;border:2px solid var(--action-0);background-color:rgba(var(--contrast),var(--op-1))}nav.always .submenu li{background-color:rgba(var(--base),var(--op-3))}nav.always>button{position:fixed;bottom:0;right:0;width:var(--btn);height:var(--btn);background-color:var(--base);color:var(--contrast);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);transition:width var(--trans-base)}nav.always>button:hover{background-color:var(--action-0);color:var(--action-contrast)}nav.always.open>button{width:100%;background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px);z-index:1000000}nav.always.open>button .icon-list,nav.always>button .icon-x{display:none}nav.always.open>button .icon-x,nav.always>button .icon-list{display:block;width:32px;height:32px}@media (min-width:768px){nav.always>ul{padding-top:var(--btn)}}nav#breadcrumbs{height:max-content;--wrap:wrap;--gap:0;width:max-content;max-width:var(--full);position:absolute;background-color:rgba(var(--base),var(--op-4));font-size:var(--txt-x-small);padding:.125em;z-index:var(--z-7)}#breadcrumbs ol{height:max-content;--wrap:wrap!important;--justify:flex-start!important}#breadcrumbs li{width:max-content}#breadcrumbs a{height:var(--chip)}#breadcrumbs li::after{content:'/';color:var(--contrast-200);padding:0 .25rem}#breadcrumbs li:last-of-type::after{display:none}#breadcrumbs :is(a,span){padding:0 .125rem;color:var(--contrast);text-transform:none}#breadcrumbs a:focus{background-color:transparent;color:var(--action-0)}nav.fixed.bottom{position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-9)}nav.fixed.bottom ul{--justify:space-between;width:100%;background-color:var(--base);padding:0 .25rem}nav.fixed.bottom li{flex:1;justify-content:center}nav.fixed.bottom a{gap:1rem;--w:var(--chip_);color:var(--contrast);font-size:var(--txt-x-small)}@media (min-width:768px){nav.fixed.bottom a{font-size:var(--txt-medium)}}nav.on-this-page{--justify:space-between;position:fixed;bottom:0;left:0;width:calc(100% - var(--btn));max-width:none;padding:0 .5rem;background-color:rgba(var(--base),var(--op-4));color:var(--base-200);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-6)}.on-this-page a,.on-this-page li{width:100%;height:100%}body:has(nav.fixed) nav.on-this-page{bottom:var(--btn)}body:has(.additional-actionsbutton) nav.on-this-page{width:calc(100vw - var(--btn_) - 1rem)}.on-this-page button{order:3;padding:0 1rem;width:max-content;aspect-ratio:unset;height:var(--btn)}.on-this-page.open button{order:0}.on-this-page ul{width:100%;gap:0}.on-this-page li{justify-content:center}.on-this-page .active a{background-color:rgba(var(--base),var(--op-6));color:var(--action-contrast)}.on-this-page a{padding:0}.on-this-page #back-to-top span{display:none}.on-this-page.open #back-to-top span{display:block}nav.letters li{height:var(--chip);max-width:calc(7.69% - 2px)}nav.letters ul{--wrap:wrap}nav.letters,nav.letters ul{height:var(--chipchip)}@media (min-width:768px){nav.letters,nav.letters ul{height:var(--chip)}nav.letters ul{--wrap:nowrap}nav.letters li{max-width:none}nav.letters a{padding:.25rem .66rem}}nav.index{--justify:space-between;--padding:0;background-color:rgba(var(--base),var(--op-6))}.index ul{width:100%}.index li{flex-shrink:0;transform:scaleX(0);max-width:0;overflow:hidden}.index li.active,.index li.adj{transform:scaleX(1);width:calc(100% - var(--btn_));flex-shrink:1;max-width:none}.index li:first-of-type{flex-shrink:1;transform:scaleX(1);order:9999;width:var(--btn);height:var(--btn);max-width:none}@media (max-width:767px){.index li.adj{transform:scaleX(0);max-width:0}}.index a{border-bottom:4px solid transparent}.index .active a{border-color:var(--action-0);color:var(--contrast)}.index.open{--dir:column-reverse;height:var(--maxHeight);width:100%;align-items:flex-end;background-color:rgba(var(--base),var(--op-6));backdrop-filter:blur(5px);z-index:var(--z-10)}.index.open ul{--dir:column;--justify:flex-end;height:100%;width:100%}.index.open li{width:100%;height:var(--btn);max-width:100%!important;transform:scaleX(1);overflow:visible}.index.open a{justify-content:flex-end;padding:0 2rem 0 0;background-color:transparent}nav.condensed{height:max-content;--wrap:wrap;--gap:0 .25rem}nav.condensed ul{min-height:var(--chip_);height:max-content;--justify:center;--wrap:wrap}.condensed li{width:max-content;min-height:var(--chip)}.condensed li+li::before{content:'·';padding:0 .25em}.condensed a{height:max-content;min-height:var(--chip);font-size:var(--txt-x-small);padding:0 .25rem;text-transform:none;border-bottom:2px solid transparent}.condensed a:focus{border-color:var(--action-0)}ul.socials{--dir:row;height:max-content;--gap:.5rem;--justify:stretch;--wrap:nowrap;overflow:auto hidden;touch-action:pan-x}.always ul.socials,.always ul.socials a,.always ul.socials li{width:100%}ul.socials a{padding:.5rem;max-width:none}ul.socials .icon{margin:0}nav.tabs{position:fixed;bottom:var(--btn);left:var(--btnbtn);right:var(--btnbtn);padding-bottom:2px;z-index:var(--z-6);touch-action:pan-x pan-y;--wrap:nowrap;overflow:auto hidden}nav.tabs button{aspect-ratio:unset}nav.tabs button.active{cursor:default}nav.tabs button.active:hover{background-color:var(--base-100);color:var(--contrast)}nav.tabs button h2{--wrap:nowrap;margin:0;font-size:var(--txt-x-small)}.tab-content nav.tabs button{height:var(--chip_);padding:.25rem .75rem;min-height:0}.tab-content.active{padding:1rem 0}.tab-content h2{margin:0 0 .5rem}.tab-content nav.tabs{height:max-content;background-color:var(--base);--gap:0}.tab-content .tab-content nav.tabs{background-color:var(--base-100)}.tab-content .tab-content .tab-content nav.tabs{background-color:var(--base-200)}.tab-content nav.tabs button.active h2{color:var(--action-0)}nav.menu a{padding:.5rem .66rem}nav.share{height:max-content;margin:1rem 0}nav.share ul{overflow:visible}nav.share h4{display:inline-block;width:max-content;margin:.25rem .5rem .25rem 0;font-size:var(--txt-x-small)}:where(body>header,.wp-site-blocks>header){--dir:row;--justify:space-between;position:sticky;top:0;left:0;right:0;height:var(--btn);width:100vw;display:flex;align-items:center;padding:0 .5rem;background-color:var(--base);box-shadow:rgba(var(--base),var(--op-45)) var(--shdw);z-index:var(--z-9)}.wp-site-blocks>header img{width:var(--btn)}nav.term-navigation:has([hidden]){display:none}.dashboard-nav{--justify:flex-start;width:100%}nav.filters{--dir:row;--justify:flex-start;overflow:auto hidden}nav.filters .filter{width:auto;padding:.25rem .75rem}

			@@ -102,15 +102,15 @@
			transform-origin: top;
			width: 100%;
			min-width: max-content;
			background-color: rgba(var(--base-rgb),var(--op-3));
			border: 2px solid rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			border: 2px solid rgba(var(--base),var(--op-3));
			transition: all var(--trans-t) var(--trans-fn);
			box-shadow: var(--shdw-none);
			overflow: hidden;
			}

			.submenu li {
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			border: 1px solid var(--base-50);
			}
			.submenu a {
			@@ -121,7 +121,7 @@
			.open > ul.submenu {
			transform: scaleY(1);
			max-height: 1000%;
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			}

			/**************************************************************
			@@ -168,7 +168,7 @@
			width: 100vw;
			height: 100vh;
			padding-bottom: var(--btn_);
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			backdrop-filter: blur(5px);
			}

			@@ -193,7 +193,7 @@

			nav.always li {
			flex-wrap: wrap;
			background-color: rgba(var(--base-rgb), var(--op-6));
			background-color: rgba(var(--base), var(--op-6));
			}

			nav.always a {
			@@ -223,11 +223,11 @@
			top: 0;
			width: 100%;
			border: 2px solid var(--action-0);
			background-color: rgba(var(--contrast-rgb), var(--op-1));
			background-color: rgba(var(--contrast), var(--op-1));
			}

			nav.always .submenu li {
			background-color: rgba(var(--base-rgb),var(--op-3));
			background-color: rgba(var(--base),var(--op-3));
			}

			/* Toggle button */
			@@ -239,7 +239,7 @@
			height: var(--btn);
			background-color: var(--base);
			color: var(--contrast);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			transition: width var(--trans-base);
			}
			nav.always > button:hover {
			@@ -249,7 +249,7 @@

			nav.always.open > button {
			width: 100%;
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: 1000000;
			}
			@@ -284,7 +284,7 @@
			width: max-content;
			max-width: var(--full);
			position: absolute;
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			font-size: var(--txt-x-small);
			padding: .125em;
			z-index: var(--z-7);
			@@ -331,7 +331,7 @@
			bottom: 0;
			left: 0;
			width: calc(100% - var(--btn));
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-9);
			}

			@@ -372,9 +372,9 @@
			width: calc(100% - var(--btn));
			max-width: none;
			padding: 0 .5rem;
			background-color: rgba(var(--base-rgb),var(--op-4));
			background-color: rgba(var(--base),var(--op-4));
			color: var(--base-200);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-6);

			}
			@@ -409,7 +409,7 @@
			justify-content: center;
			}
			.on-this-page .active a {
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			color: var(--action-contrast);
			}
			.on-this-page a {
			@@ -461,7 +461,7 @@
			nav.index {
			--justify: space-between;
			--padding: 0;
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			}

			.index ul {
			@@ -513,7 +513,7 @@
			height: var(--maxHeight);
			width: 100%;
			align-items: flex-end;
			background-color: rgba(var(--base-rgb),var(--op-6));
			background-color: rgba(var(--base),var(--op-6));
			backdrop-filter: blur(5px);
			z-index: var(--z-10);
			}
			@@ -705,7 +705,7 @@
			align-items: center;
			padding: 0 .5rem;
			background-color: var(--base);
			box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);
			box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);
			z-index: var(--z-9);
			}

			@@ -722,7 +722,7 @@
			/* padding: .25rem 1rem;*/
			/* background-color: var(--action-0);*/
			/* color: var(--action-contrast);*/
			/* box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);*/
			/* box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/
			/* display: flex;*/
			/* justify-content: space-between;*/
			/* z-index: 100;*/

			@@ -7,168 +7,155 @@
			"wideSize": "1100px"
			},
			"color": {
			"customDuotone": false,
			"duotone": [
			{
			"slug": "base",
			"name": "Base",
			"colors": ["#231f20", "#faf9fa"]
			},
			{
			"slug": "action",
			"name": "Action",
			"colors": ["#05a54b", "#faf9fa"]
			},
			{
			"slug": "secondary",
			"name": "Secondary",
			"colors": ["#FFD25A", "#231f20"]
			},
			{
			"slug": "action-alt",
			"name": "Action Alt",
			"colors": ["#05a54b", "#fff0e0"]
			},
			{
			"slug": "secondary-alt",
			"name": "Secondary Alt",
			"colors": ["#FFD25A", "#f0ffe0"]
			}
			],
			"palette": [
			{
			"slug": "dark-0",
			"color": "#2a2b2a",
			"name": "Darkest"
			"color": "#151515",
			"name": "Dark"
			},
			{
			"slug": "dark-50",
			"color": "#2f302f",
			"name": "Darker"
			"color": "#222222",
			"name": "Dark 50"
			},
			{
			"slug": "dark-100",
			"color": "#393a39",
			"name": "Dark"
			"color": "#2e2e2e",
			"name": "Dark 100"
			},
			{
			"slug": "dark-200",
			"color": "#3e403e",
			"name": "Dark"
			"color": "#3b3b3b",
			"name": "Dark 200"
			},
			{
			"slug": "light-0",
			"color": "#2a2b2a",
			"name": "Lightest"
			},
			{
			"slug": "light-50",
			"color": "#2f302f",
			"name": "Lighterer"
			},
			{
			"slug": "light-100",
			"color": "#393a39",
			"name": "Lighter"
			},
			{
			"slug": "light-200",
			"color": "#3e403e",
			"color": "#efefef",
			"name": "Light"
			},
			{
			"slug": "red-0",
			"color": "#ef767a",
			"name": "Red"
			"slug": "light-50",
			"color": "#e2e2e2",
			"name": "Light 50"
			},
			{
			"slug": "red-50",
			"color": "#ec5f64",
			"name": "Red 50"
			"slug": "light-100",
			"color": "#d5d5d5",
			"name": "Light 100"
			},
			{
			"slug": "red-100",
			"color": "#ea484e",
			"name": "Red 100"
			"slug": "light-200",
			"color": "#c9c9c9",
			"name": "Light 200"
			},
			{
			"slug": "red-200",
			"color": "#e73238",
			"name": "Red 200"
			"slug": "action-0",
			"color": "#ff0080",
			"name": "Action"
			},
			{
			"slug": "orange-0",
			"color": "#ef9e76",
			"name": "Orange"
			"slug": "action-50",
			"color": "#ff2492",
			"name": "Action 50"
			},
			{
			"slug": "orange-50",
			"color": "#ec8e5f",
			"name": "Orange 50"
			"slug": "action-100",
			"color": "#ff47a4",
			"name": "Action 100"
			},
			{
			"slug": "orange-100",
			"color": "#ea7e48",
			"name": "Orange 100"
			"slug": "action-200",
			"color": "#ff6bb5",
			"name": "Action 200"
			},
			{
			"slug": "orange-200",
			"color": "#e76e32",
			"name": "Orange 200"
			"slug": "action-comp",
			"color": "oklch(from #ff0080 .18 .02 h)",
			"name": "Action Complement"
			},
			{
			"slug": "yellow-0",
			"color": "#E3BE39",
			"name": "Yellow"
			"slug": "action-tri",
			"color": "oklch(from #ff0080 .24 .1 calc(h + 120))",
			"name": "Action Triadic"
			},
			{
			"slug": "yellow-50",
			"color": "#cca61d",
			"name": "Yellow 50"
			"slug": "action-tri-alt",
			"color": "oklch(from #ff0080 .24 .1 calc(h - 120))",
			"name": "Action Triadic Alt"
			},
			{
			"slug": "yellow-100",
			"color": "#9f8217",
			"name": "Yellow 100"
			"slug": "action-mono",
			"color": "oklch(from #ff0080 .3 .04 h)",
			"name": "Action Monochrome"
			},
			{
			"slug": "yellow-200",
			"color": "#735d10",
			"name": "Yellow 200"
			"slug": "secondary-0",
			"color": "#D69121",
			"name": "Secondary"
			},
			{
			"slug": "green-0",
			"color": "#32cb82",
			"name": "Green"
			"slug": "secondary-50",
			"color": "#ffc421",
			"name": "Secondary 50"
			},
			{
			"slug": "green-50",
			"color": "#28a268",
			"name": "Green 50"
			"slug": "secondary-100",
			"color": "#ffcd44",
			"name": "Secondary 100"
			},
			{
			"slug": "green-100",
			"color": "#1e794e",
			"name": "Green 100"
			"slug": "secondary-200",
			"color": "#ffd768",
			"name": "Secondary 200"
			},
			{
			"slug": "green-200",
			"color": "#145033",
			"name": "Green 200"
			"slug": "secondary-comp",
			"color": "oklch(from #D69121 .18 .02 h)",
			"name": "Secondary Complement"
			},
			{
			"slug": "blue-0",
			"color": "#329dcb",
			"name": "Blue"
			"slug": "secondary-tri",
			"color": "oklch(from #D69121 .24 .1 calc(h + 120))",
			"name": "Secondary Triadic"
			},
			{
			"slug": "blue-50",
			"color": "#287da2",
			"name": "Blue 50"
			"slug": "secondary-tri-alt",
			"color": "oklch(from #D69121 .24 .1 calc(h - 120))",
			"name": "Secondary Triadic Alt"
			},
			{
			"slug": "blue-100",
			"color": "#1e5e79",
			"name": "Blue 100"
			},
			{
			"slug": "blue-200",
			"color": "#143e50",
			"name": "Blue 200"
			},
			{
			"slug": "purple-0",
			"color": "#ba76ef",
			"name": "Purple"
			},
			{
			"slug": "purple-50",
			"color": "#a348ea",
			"name": "Purple 50"
			},
			{
			"slug": "purple-100",
			"color": "#8c1be4",
			"name": "Purple 100"
			},
			{
			"slug": "purple-200",
			"color": "#7015b7",
			"name": "Purple 200"
			"slug": "secondary-mono",
			"color": "oklch(from #D69121 .3 .04 h)",
			"name": "Secondary Monochrome"
			}

			]
			}
			}