:root {
    --color-base-100: oklch(0% 0 0);
    --color-base-200: oklch(19% 0 0);
    --color-base-300: oklch(22% 0 0);
    --color-base-content: oklch(87.609% 0 0);
    --color-primary: oklch(70% 0.183 293.541);
    --color-primary-content: oklch(28% 0.141 291.089);
    --color-secondary: oklch(55% 0.046 257.417);
    --color-secondary-content: oklch(12% 0.042 264.695);
    --color-accent: oklch(67% 0.182 276.935);
    --color-accent-content: oklch(25% 0.09 281.288);
    --color-neutral: oklch(35% 0 0);
    --color-neutral-content: oklch(100% 0 0);
    --color-info: oklch(80% 0.105 251.813);
    --color-info-content: oklch(28% 0.091 267.935);
    --color-success: oklch(89% 0.196 126.665);
    --color-success-content: oklch(27% 0.072 132.109);
    --color-warning: oklch(92% 0.12 95.746);
    --color-warning-content: oklch(27% 0.077 45.635);
    --color-error: oklch(70% 0.191 22.216);
    --color-error-content: oklch(25% 0.092 26.042);
    --color-base-100-25: oklch(0% 0 0 / 0.25);
    --color-base-200-25: oklch(19% 0 0 / 0.25);
    --color-base-300-25: oklch(22% 0 0 / 0.25);
    --color-base-content-25: oklch(87.609% 0 0 / 0.25);
    --color-primary-25: oklch(70% 0.183 293.541 / 0.25);
    --color-primary-content-25: oklch(28% 0.141 291.089 / 0.25);
    --color-secondary-25: oklch(55% 0.046 257.417 / 0.25);
    --color-secondary-content-25: oklch(12% 0.042 264.695 / 0.25);
    --color-accent-25: oklch(67% 0.182 276.935 / 0.25);
    --color-accent-content-25: oklch(25% 0.09 281.288 / 0.25);
    --color-neutral-25: oklch(35% 0 0 / 0.25);
    --color-neutral-content-25: oklch(100% 0 0 / 0.25);
    --color-info-25: oklch(80% 0.105 251.813 / 0.25);
    --color-info-content-25: oklch(28% 0.091 267.935 / 0.25);
    --color-success-25: oklch(89% 0.196 126.665 / 0.25);
    --color-success-content-25: oklch(27% 0.072 132.109 / 0.25);
    --color-warning-25: oklch(92% 0.12 95.746 / 0.25);
    --color-warning-content-25: oklch(27% 0.077 45.635 / 0.25);
    --color-error-25: oklch(70% 0.191 22.216 / 0.25);
    --color-error-content-25: oklch(25% 0.092 26.042 / 0.25);
    --radius-selector: 0rem;
    --radius-field: 0rem;
    --radius-box: 0rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
}

html.bz {
    --fg: var(--color-base-content);
    --fg-weak: var(--color-neutral-content);
    --bg-u5: var(--color-base-300);
    --bg-u4: var(--color-base-200);
    --bg-u3: var(--color-base-200);
    --bg-u1: var(--color-base-200);
    --bg: var(--color-base-100);
    --bg-d1: var(--color-base-200);
    --bg-d2: var(--color-base-300);
    --bg-d3: var(--color-base-300);
    --row-alt: var(--color-base-300);
    --a-b: var(--color-primary);
    --btn-bg: var(--color-neutral);
    --btn-fg: var(--color-neutral-content);
    --btn-h-bg: var(--color-neutral-content);
    --btn-1-bg: var(--color-primary);
    --btn-1-fg: var(--color-primary-content);
    --a: var(--color-accent);
    --a-hil: var(--color-accent-25);
    --tab-alt: var(--color-primary);
    --btn-1h-fg: #000;
    --btn-1h-bg: #ff9;
    --txt-sh: a;
    --u2-tab-b1: var(--bg-u5);
    --u2-tab-1-fg: var(--fg-max);
    --u2-tab-1-bg: var(--bg);
    --srv-1: var(--color-neutral-content);
    --srv-2: var(--color-neutral);
    --g-sel-bg: var(--color-info-25);
    --g-fsel-bg: var(--color-info);
    --f-h-b1: #34384e;
    --mp-sh: #11121d;
    --mp-b-bg: #2c3044;
    --f-play-bg: var(--btn-1-bg);
}

html.b {
    --btn-bs: none;
    --btn-1-bs: none;
    --tree-bg: var(--bg);
    --g-bg: var(--bg);
    --g-b1: var(--bg);
    --g-b2: var(--bg);
    --g-g1: var(--bg);
    --g-sh: rgba(0, 0, 0, 0);
    --op-aa-bg: rgba(255, 255, 255, 0.06);
    --u2-sbtn-b1: #fc0;
    --u2-txt-bg: transparent;
    --u2-tab-1-sh: var(--bg);
    --u2-b1-bg: rgba(128, 128, 128, 0.15);
    --u2-b2-bg: var(--u2-b1-bg);
    --f-sh1: 0.1;
    --mp-b-bg: transparent;
}

html.b :focus,
html.b :focus + label,
html.b #pctl :focus,
html.b .btn:focus,
html.b #files tr:focus {
    box-shadow: 0 .1em .2em var(--color-primary) inset;
    outline: var(--color-primary) solid .1em;
    border-radius: 0;
}

html.b #tree ul a,
html.b .btn,
html.b .opview select,
html.b .opview input[type="text"],
html.b #ops a,
html.b #files td:first-child,
html.b #files td:last-child {
    border-radius: 0 !important;
    border: unset !important;
}

html.b #ops a.act {
    background: var(--a-b) !important;
}

html.b #tt {
    background: var(--color-base-300);
    border-color: var(--color-base-300);
    box-shadow: unset;
}

html.b #files tr:focus:not(.play):not(.sel) td:first-child,
html.b #files tr:focus td + td,
html.b #toast {
    box-shadow: unset;
    text-shadow: unset;
}

html.b #toast.inf {
    background: var(--color-info);
    border-color: var(--color-info);
    color: var(--color-info-content);
}

html.b #toast.inf #toastc {
    background: var(--color-info);
}

html.b #path {
    position: sticky;
    top: 0;
    width: 100%;
    background: var(--color-base-100);
    z-index: 1000;
}

html.b:not(:has(#path[style="display: none;"])) #files thead th {
    top: 50px;
}

html.b #wfp {
    position: sticky;
    bottom: 0;
    width: 100%;
    background: var(--color-base-100);
    z-index: 1000;
}

html.b #widget {
    z-index: 1001;
}

#bbox-overlay {
    z-index: 1111;
}