.key-box{container-type:size}@container (height<=2.375rem){.key-label{display:none}}.blank-hatch.svelte-1i0od8u{background:repeating-linear-gradient(45deg, var(--cell-colour-blank) 0 2px, transparent 2px 6px)}.drafting.svelte-1a7rr78{--cell:24px;--block:calc(var(--cell) * 3);--grid:calc(var(--cell) * 9);--cell-line:color-mix(in oklch, var(--border) 28%, transparent);--block-line:color-mix(in oklch, var(--border) 60%, transparent);--grid-line:var(--border);background-image:linear-gradient(var(--grid-line) 2px, transparent 2px), linear-gradient(90deg, var(--grid-line) 2px, transparent 2px), linear-gradient(var(--block-line) 1px, transparent 1px), linear-gradient(90deg, var(--block-line) 1px, transparent 1px), linear-gradient(var(--cell-line) 1px, transparent 1px), linear-gradient(90deg, var(--cell-line) 1px, transparent 1px);background-size:var(--grid) var(--grid), var(--grid) var(--grid), var(--block) var(--block), var(--block) var(--block), var(--cell) var(--cell), var(--cell) var(--cell);background-position:50%;-webkit-mask-image:radial-gradient(#0000 20%,#000 85%);mask-image:radial-gradient(#0000 20%,#000 85%)}