@layer components{.tk-range{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.tk-range:focus{outline:none}.tk-range::-webkit-slider-runnable-track{height:8px;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line)}.tk-range::-moz-range-track{height:8px;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line)}.tk-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:22px;margin-top:-7px;background:var(--magenta);box-shadow:inset 0 -4px 0 var(--magenta-d);border:0}.tk-range::-moz-range-thumb{width:14px;height:22px;background:var(--magenta);box-shadow:inset 0 -4px 0 var(--magenta-d);border:0;border-radius:0}.tk-range:focus-visible::-webkit-slider-thumb{background:var(--cyan)}.tk-range:disabled{cursor:not-allowed}.tk-num{width:4.2em;background:var(--bg-2);color:var(--ink);font:inherit;font-size:.82rem;padding:.2em .4em;border:0;box-shadow:inset 0 0 0 2px var(--line);text-align:right;font-family:var(--font-mono)}.tk-num:focus{outline:none;box-shadow:inset 0 0 0 2px var(--cyan)}.tk-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4em!important;cursor:pointer}.tk-select option{background:var(--surface)}.tk-check{-webkit-appearance:none;appearance:none;width:18px;height:18px;flex:none;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line-2);cursor:pointer;display:grid;place-content:center}.tk-check:checked{background:var(--lime);box-shadow:inset 0 0 0 2px var(--lime-d)}.tk-check:checked:after{content:"";width:8px;height:8px;background:#0e1a03}.tk-check:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tk-chip{cursor:pointer;border:0;font-size:.68rem}.tk-chip:hover:not(.on){color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-2)}.tk-color{-webkit-appearance:none;appearance:none;width:36px;height:30px;border:0;padding:0;background:none;cursor:pointer}.tk-color::-webkit-color-swatch-wrapper{padding:0}.tk-color::-webkit-color-swatch{border:0;box-shadow:inset 0 0 0 3px var(--line-2)}.tk-color::-moz-color-swatch{border:0}.tk-drop{background:repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 16px) top / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--line-2) 0 8px,transparent 8px 16px) bottom / 100% 4px no-repeat,repeating-linear-gradient(0deg,var(--line-2) 0 8px,transparent 8px 16px) left / 4px 100% no-repeat,repeating-linear-gradient(0deg,var(--line-2) 0 8px,transparent 8px 16px) right / 4px 100% no-repeat,var(--bg-2);transition:background-color 80ms steps(1)}.tk-drop:hover,.tk-drop.on{background-color:var(--surface-2)}.tk-drop.on{background-image:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 16px),repeating-linear-gradient(0deg,var(--cyan) 0 8px,transparent 8px 16px),repeating-linear-gradient(0deg,var(--cyan) 0 8px,transparent 8px 16px)}.tk-drop:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tk-spin{width:12px;height:12px;background:var(--magenta);animation:tk-spin .6s steps(4) infinite}@keyframes tk-spin{0%{transform:translate(0)}25%{transform:translate(6px);background:var(--cyan)}50%{transform:translate(6px,6px);background:var(--lime)}75%{transform:translateY(6px);background:var(--gold)}}.tk-bar{display:block;height:8px;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line);position:relative}.tk-bar>span{position:absolute;inset:2px auto 2px 2px;background:var(--lime);max-width:calc(100% - 4px)}.tk-swatch{border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 2px #00000059;flex:none}.tk-swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--cyan);position:relative;z-index:1}.tk-swatch:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tk-stage{position:relative;overflow:auto;max-height:min(72vh,760px);min-height:260px;display:grid;place-items:center;overscroll-behavior:contain}.tk-stage canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.tk-bg-black{background:#000}.tk-bg-white{background:#fff}.tk-bg-green{background:#00b140}.tk-bg-dark{background:var(--bg-2)}.tk-scroll::-webkit-scrollbar{width:10px;height:10px}.tk-scroll::-webkit-scrollbar-track{background:var(--bg-2)}.tk-scroll::-webkit-scrollbar-thumb{background:var(--line-2)}.tk-thumb{box-shadow:inset 0 0 0 2px var(--line)}.tk-thumb.on{box-shadow:inset 0 0 0 2px var(--cyan)}.tk-thumb.off{opacity:.35}.tk-kbd{font-family:var(--font-mono);font-size:.72rem;padding:.05em .4em;background:var(--surface-3);box-shadow:inset 0 -2px 0 var(--shadow);color:var(--ink-2)}}@layer components{.steps[data-astro-cid-pm3vpmux]{counter-reset:step;list-style:none!important;margin-inline-start:0!important}.steps[data-astro-cid-pm3vpmux]>li[data-astro-cid-pm3vpmux]{counter-increment:step;position:relative;padding-inline-start:2.6em;margin:.9em 0}.steps[data-astro-cid-pm3vpmux]>li[data-astro-cid-pm3vpmux]:before{content:counter(step);position:absolute;inset-inline-start:0;top:.05em;width:1.8em;height:1.8em;display:grid;place-items:center;font-family:var(--font-pixel);font-size:.9em;color:#1a0716;background:var(--magenta);box-shadow:inset 0 -3px 0 var(--magenta-d)}.faq[data-astro-cid-pm3vpmux] summary[data-astro-cid-pm3vpmux]::-webkit-details-marker{display:none}.faq-mark[data-astro-cid-pm3vpmux]:before{content:"+"}.faq[data-astro-cid-pm3vpmux][open] .faq-mark[data-astro-cid-pm3vpmux]{color:var(--cyan)}.faq[data-astro-cid-pm3vpmux][open] .faq-mark[data-astro-cid-pm3vpmux]:before{content:"−"}}