vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/8bit.css

@@ -1,2 +1,2 @@
-@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/pressstart2p/v16/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605  ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0  "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-sm: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-md: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-lg: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}
+@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root[data-theme~="8bit"],[data-theme~="8bit"]{--color-surface: oklch(20% .02 250);--color-surface-alt: oklch(25% .03 250);--color-surface-raised: oklch(30% .03 250);--color-surface-sunken: oklch(15% .02 250);--color-background: oklch(12% .02 250);--color-text: oklch(95% .02 60);--color-text-muted: oklch(70% .02 60);--color-text-subtle: oklch(50% .02 250);--color-primary: oklch(70% .2 145);--caret-color: var(--color-primary);--color-primary-hover: oklch(75% .22 145);--color-primary-subtle: oklch(30% .08 145);--color-accent: oklch(65% .22 25);--color-accent-hover: oklch(70% .24 25);--_8bit-color-yellow: oklch(85% .18 90);--_8bit-color-blue: oklch(55% .2 250);--_8bit-color-cyan: oklch(75% .15 200);--_8bit-color-magenta: oklch(60% .2 320);--_8bit-color-orange: oklch(75% .2 50);--color-border: oklch(45% .05 250);--color-border-muted: oklch(35% .04 250);--color-border-strong: oklch(95% .02 60);--color-success: oklch(65% .22 145);--color-success-subtle: oklch(25% .08 145);--color-success-text: oklch(75% .18 145);--color-warning: oklch(85% .18 90);--color-warning-subtle: oklch(25% .1 90);--color-warning-text: oklch(82% .15 90);--color-error: oklch(60% .24 25);--color-error-subtle: oklch(25% .1 25);--color-error-text: oklch(72% .2 25);--color-info: oklch(60% .18 250);--color-info-subtle: oklch(25% .08 250);--color-info-text: oklch(72% .15 250);--_8bit-glow-crt: 0 0 10px currentColor, 0 0 20px currentColor;--font-sans: "Press Start 2P", "VT323", "Courier New", monospace;--font-mono: "Press Start 2P", "VT323", "Courier New", monospace;--font-size-adjust: .45;--line-height-normal: 2;--line-height-tight: 1.5;--letter-spacing-normal: 0;--radius-xs: 0;--radius-s: 0;--radius-m: 0;--radius-l: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--_8bit-border-pixel: 4px;--shadow-xs: 2px 2px 0 oklch(0% 0 0);--shadow-sm: 4px 4px 0 oklch(0% 0 0);--shadow-md: 4px 4px 0 oklch(0% 0 0);--shadow-lg: 8px 8px 0 oklch(0% 0 0);--shadow-xl: 8px 8px 0 oklch(0% 0 0);--shadow-2xl: 12px 12px 0 oklch(0% 0 0);--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: .1s;--duration-slow: .2s;--ease-default: steps(4);--ease-out: steps(4);--control-size: 1.5rem;--control-border: oklch(70% .2 145);--control-checked-bg: oklch(70% .2 145);--control-checked-border: oklch(70% .2 145);--input-bg: oklch(15% .02 250);--input-border: oklch(40% .04 250);--input-border-focus: oklch(70% .2 145);--range-track-h: .5rem;--range-track-bg: oklch(25% .03 250);--range-track-fill: oklch(70% .2 145);--range-thumb-size: 1.5rem;--range-thumb-bg: oklch(20% .02 250);--range-thumb-border: oklch(70% .2 145);--progress-track-bg: oklch(25% .03 250);--progress-fill: oklch(70% .2 145)}:root[data-theme~="8bit"]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .15) 2px,oklch(0% 0 0 / .15) 4px);z-index:500}:root[data-theme~="8bit"],[data-theme~="8bit"]{--_8bit-pixel-border: linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 0 / 100% 8px repeat-y, linear-gradient( 90deg, var(--color-border-strong) 4px, transparent 4px ) 100% 0 / 8px 100% repeat-x, linear-gradient( 180deg, var(--color-border-strong) 4px, transparent 4px ) 0 100% / 100% 8px repeat-y;:is(main,article){& h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.1em}& h1{color:var(--_8bit-color-yellow);text-shadow:var(--_8bit-glow-crt);&:before{content:"\2605  ";color:var(--color-accent)}&:after{content:" \2605";color:var(--color-accent)}}& h2{color:var(--_8bit-color-cyan);border-block-end:var(--_8bit-border-pixel) solid currentColor;padding-block-end:.5rem}& h3{color:var(--color-primary);&:before{content:"\25a0  "}&:after{content:" \25a0"}}.card>h3:before{content:none}}:is(main,article){& hr:not([data-ornament]){border:none;height:var(--_8bit-border-pixel);margin-block:2rem;background:repeating-linear-gradient(90deg,var(--color-accent) 0,var(--color-accent) 8px,var(--_8bit-color-yellow) 8px,var(--_8bit-color-yellow) 16px,var(--color-primary) 16px,var(--color-primary) 24px,var(--_8bit-color-cyan) 24px,var(--_8bit-color-cyan) 32px)}& a:not([class]){color:var(--_8bit-color-cyan);text-decoration:none;border-block-end:var(--_8bit-border-pixel) solid transparent;&:hover{border-color:currentColor;text-shadow:var(--_8bit-glow-crt)}}.button,button{background:var(--color-primary);color:#030303;border:var(--_8bit-border-pixel) solid oklch(0% 0 0);box-shadow:var(--shadow-sm);text-transform:uppercase;font-size:var(--font-size-xs);padding:.75rem 1rem;position:relative;&:before{content:"";position:absolute;inset:0 50% 50% 0;background:#fff3}&:hover{background:var(--color-primary-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}&:active{transform:translate(2px,2px);box-shadow:var(--shadow-xs)}}.card{background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md);position:relative;padding-block-start:2.5rem;&:before{content:"\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550\2550";position:absolute;top:0;left:0;right:0;padding:.5rem;background:var(--_8bit-color-blue);color:var(--color-text);font-size:.5rem;border-block-end:var(--_8bit-border-pixel) solid var(--color-border-strong);overflow:hidden;white-space:nowrap}&:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}}& input,textarea{background:#030303;border:var(--_8bit-border-pixel) solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:.5rem;&:focus{border-color:var(--color-primary);outline:none}&::placeholder{color:var(--color-text-subtle)}}@supports (appearance: base-select){& select:not([multiple])::picker-icon{color:var(--color-text)}& select:not([multiple]):open{border-color:var(--color-primary)}& select:not([multiple])::picker(select){background:var(--color-surface);border:var(--_8bit-border-pixel) solid var(--color-border-strong);box-shadow:var(--shadow-md)}& select:not([multiple]) option:hover{background:var(--color-surface-raised)}& select:not([multiple]) option:checked{color:var(--color-primary)}& select:not([multiple]) option::checkmark{color:var(--color-primary)}& select:not([multiple]) optgroup>legend{font-family:var(--font-sans);font-size:.625rem;color:var(--_8bit-color-cyan)}& select:not([multiple]) optgroup:not(:first-of-type){border-color:var(--color-border);border-width:var(--_8bit-border-pixel)}}& pre{background:#020202;border:var(--_8bit-border-pixel) solid var(--_8bit-color-cyan);box-shadow:var(--shadow-sm);& code{color:var(--color-primary)}}& code{background:#050c13;color:var(--_8bit-color-yellow);border:2px solid var(--color-border);padding:0 .25rem}& blockquote{background:var(--color-surface-alt);border:var(--_8bit-border-pixel) solid var(--_8bit-color-magenta);padding:1rem;position:relative;&:before{content:"\1f4ac";position:absolute;top:-1rem;left:1rem;font-size:1.5rem}}}& article{& ul:not([class]){list-style:none;>li:before{content:"\25ba";color:var(--color-accent);margin-inline-end:.5rem}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: var(--color-primary);--cb-border-color: var(--_8bit-color-cyan);--cb-keyword: var(--_8bit-color-yellow);--cb-string: var(--_8bit-color-cyan);--cb-function: var(--_8bit-color-magenta);--cb-number: var(--_8bit-color-orange);--cb-tag: var(--_8bit-color-cyan);--cb-attribute: var(--_8bit-color-yellow);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-content-bg: var(--color-surface-sunken);--browser-window-border-color: var(--color-border-strong)}& progress{appearance:none;height:1rem;border:var(--_8bit-border-pixel) solid var(--color-border-strong);background:#030303;&::-webkit-progress-bar{background:#030303}&::-webkit-progress-value{background:repeating-linear-gradient(90deg,var(--color-primary),var(--color-primary) 8px,var(--color-primary-hover) 8px,var(--color-primary-hover) 16px)}}::selection{background:var(--color-accent);color:var(--color-text)}}:root[data-theme~="8bit"][data-mode=light],[data-theme~="8bit"][data-mode=light]{color-scheme:light;--_8bit-gb-lightest: oklch(76% .12 115);--_8bit-gb-light: oklch(68% .11 115);--_8bit-gb-dark: oklch(38% .07 140);--_8bit-gb-darkest: oklch(20% .05 145);--color-surface: var(--_8bit-gb-lightest);--color-surface-alt: var(--_8bit-gb-light);--color-surface-raised: oklch(80% .1 115);--color-surface-sunken: var(--_8bit-gb-light);--color-background: var(--_8bit-gb-lightest);--color-text: var(--_8bit-gb-darkest);--color-text-muted: var(--_8bit-gb-dark);--color-text-subtle: oklch(48% .06 135);--color-primary: var(--_8bit-gb-darkest);--color-primary-hover: var(--_8bit-gb-dark);--color-primary-subtle: var(--_8bit-gb-light);--color-border: var(--_8bit-gb-darkest);--color-border-muted: var(--_8bit-gb-dark);--color-border-strong: var(--_8bit-gb-darkest);--color-success: var(--_8bit-gb-darkest);--color-success-subtle: var(--_8bit-gb-light);--color-success-text: var(--_8bit-gb-darkest);--color-warning: var(--_8bit-gb-darkest);--color-warning-subtle: var(--_8bit-gb-light);--color-warning-text: var(--_8bit-gb-darkest);--color-error: var(--_8bit-gb-darkest);--color-error-subtle: var(--_8bit-gb-light);--color-error-text: var(--_8bit-gb-darkest);--color-info: var(--_8bit-gb-darkest);--color-info-subtle: var(--_8bit-gb-light);--color-info-text: var(--_8bit-gb-darkest);--color-interactive: var(--_8bit-gb-darkest);--_8bit-color-yellow: var(--_8bit-gb-darkest);--_8bit-color-cyan: var(--_8bit-gb-darkest);--color-accent: var(--_8bit-gb-darkest);--color-accent-hover: var(--_8bit-gb-dark);--_8bit-color-magenta: var(--_8bit-gb-darkest);--_8bit-color-orange: var(--_8bit-gb-darkest);--_8bit-color-blue: var(--_8bit-gb-darkest);--input-bg: var(--_8bit-gb-lightest);--input-border: var(--_8bit-gb-darkest);--input-border-focus: var(--_8bit-gb-darkest);--control-border: var(--_8bit-gb-darkest);--control-checked-bg: var(--_8bit-gb-darkest);--control-checked-border: var(--_8bit-gb-darkest);--range-track-bg: var(--_8bit-gb-dark);--range-track-fill: var(--_8bit-gb-darkest);--range-thumb-bg: var(--_8bit-gb-lightest);--range-thumb-border: var(--_8bit-gb-darkest);--progress-track-bg: var(--_8bit-gb-dark);--progress-fill: var(--_8bit-gb-darkest);--shadow-xs: 2px 2px 0 var(--_8bit-gb-darkest);--shadow-sm: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-md: 4px 4px 0 var(--_8bit-gb-darkest);--shadow-lg: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-xl: 8px 8px 0 var(--_8bit-gb-darkest);--shadow-2xl: 12px 12px 0 var(--_8bit-gb-darkest);--_8bit-glow-crt: none;:is(main,article) button,:is(main,article) .button{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-darkest);&:before{background:#ffffff14}&:hover{background:var(--_8bit-gb-dark);color:var(--_8bit-gb-lightest)}}:is(main,article) input,:is(main,article) textarea{background:var(--_8bit-gb-lightest);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-darkest)}:is(main,article) code{background:var(--_8bit-gb-light);color:var(--_8bit-gb-darkest);border-color:var(--_8bit-gb-dark)}:is(main,article) pre{background:var(--_8bit-gb-darkest);color:var(--_8bit-gb-lightest);border-color:var(--_8bit-gb-dark);& code{background:transparent;color:inherit;border:none}}:is(main,article) code-block{--cb-bg: var(--_8bit-gb-darkest);--cb-code-bg: var(--_8bit-gb-darkest);--cb-header-bg: oklch(25% .05 145);--cb-text-color: var(--_8bit-gb-lightest);--cb-border-color: var(--_8bit-gb-dark);--cb-border-radius: 0;--cb-comment: var(--_8bit-gb-dark);--cb-keyword: var(--_8bit-gb-lightest);--cb-string: oklch(72% .1 115);--cb-function: oklch(60% .08 115);--cb-number: oklch(72% .1 115);--cb-tag: var(--_8bit-gb-light);--cb-attribute: var(--_8bit-gb-lightest);--cb-button-bg: oklch(25% .05 145);--cb-button-color: var(--_8bit-gb-light);--cb-button-hover-bg: var(--_8bit-gb-dark);--cb-scrollbar-track: var(--_8bit-gb-darkest);--cb-scrollbar-thumb: var(--_8bit-gb-dark)}:is(main,article) browser-window{--browser-window-bg: var(--_8bit-gb-lightest);--browser-window-header-bg: var(--_8bit-gb-darkest);--browser-window-content-bg: var(--_8bit-gb-lightest);--browser-window-border-color: var(--_8bit-gb-darkest);--browser-window-text-color: var(--_8bit-gb-lightest);--browser-window-text-muted: var(--_8bit-gb-light);--browser-window-url-bg: var(--_8bit-gb-dark)}}:root[data-theme~="8bit"][data-mode=light]:before{opacity:.05}
 /*# sourceMappingURL=8bit.css.map */