.dk-demo-shell .box{border:1px solid var(--brut-ink,#0a0a0a);width:150px;height:150px;box-shadow:6px 6px 0 var(--brut-rule,#d6dedb);transform-origin:50%;font-family:var(--brut-mono,monospace);color:#fff;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.dk-demo-shell.svelte-z21udk{--hue-1:#f08;--hue-2:#d0e;--hue-3:#91f;--hue-4:#0d63f8;--hue-5:#0cdcf7;--hue-6:#4ff0b7;justify-content:center;align-items:center;min-height:360px;padding:2rem;display:flex}.strip.svelte-z21udk{flex-direction:column;gap:.75rem;width:100%;max-width:420px;display:flex}.micro.svelte-z21udk{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-3,#9a9a9a);font-size:.6875rem}.readout.svelte-z21udk{color:var(--brut-accent,#247768);font-variant-numeric:tabular-nums}.strip-head.svelte-z21udk,.strip-foot.svelte-z21udk{border-bottom:1px dashed var(--brut-rule-2,#bbc4c0);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.strip-foot.svelte-z21udk{border-bottom:none;border-top:1px dashed var(--brut-rule-2,#bbc4c0);justify-content:center;padding-top:.75rem;padding-bottom:0}.container.svelte-z21udk{justify-content:center;align-items:center;gap:1rem;height:12rem;display:flex;position:relative}.dk-demo-shell.svelte-z21udk .button{z-index:1;border:1px solid var(--brut-ink,#0a0a0a);outline-offset:2px;color:#fff;cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.dk-demo-shell.svelte-z21udk .button svg{width:24px;height:24px}