.save.astro-xm6pcwjx{background:var(--steel);color:#fff;cursor:pointer;width:172px;height:48px;transition:background .32s var(--ease), gap .32s cubic-bezier(.16, 1, .3, 1), transform .16s var(--ease);border:0;border-radius:12px;justify-content:center;align-items:center;gap:0;font-size:15px;font-weight:600;display:inline-flex;position:relative}.save.astro-xm6pcwjx:active{transform:scale(.985)}.save.astro-xm6pcwjx[data-state=saving],.save.astro-xm6pcwjx[data-state=saved]{gap:8px}.save.astro-xm6pcwjx[data-state=saved]{background:#067647}.slot.astro-xm6pcwjx{width:0;height:16px;transition:width .32s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.save.astro-xm6pcwjx[data-state=saving] .slot.astro-xm6pcwjx,.save.astro-xm6pcwjx[data-state=saved] .slot.astro-xm6pcwjx{width:16px}.slot.astro-xm6pcwjx svg.astro-xm6pcwjx{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:opacity .2s, transform .3s var(--ease);grid-area:1/1}.spin.astro-xm6pcwjx circle.astro-xm6pcwjx{stroke:#ffffff4d}.spin.astro-xm6pcwjx{opacity:0;animation:.8s linear infinite spin}.save.astro-xm6pcwjx[data-state=saving] .spin.astro-xm6pcwjx{opacity:1}.tick.astro-xm6pcwjx{opacity:0;transform:scale(.6)}.tick.astro-xm6pcwjx path.astro-xm6pcwjx{stroke-dasharray:1 1;stroke-dashoffset:1px}.save.astro-xm6pcwjx[data-state=saved] .tick.astro-xm6pcwjx{opacity:1;transform:none}.save.astro-xm6pcwjx[data-state=saved] .tick.astro-xm6pcwjx path.astro-xm6pcwjx{stroke-dashoffset:0;transition:stroke-dashoffset .34s cubic-bezier(.65,0,.35,1) 90ms}.labels.astro-xm6pcwjx{display:grid}.l.astro-xm6pcwjx{text-align:left;transition:opacity .22s var(--ease), transform .32s cubic-bezier(.16, 1, .3, 1);grid-area:1/1}.l.astro-xm6pcwjx:not(.idle){opacity:0;transform:translateY(8px)}.save.astro-xm6pcwjx[data-state=saving] .idle.astro-xm6pcwjx,.save.astro-xm6pcwjx[data-state=saved] .idle.astro-xm6pcwjx{opacity:0;transform:translateY(-8px)}.save.astro-xm6pcwjx[data-state=saving] .saving.astro-xm6pcwjx,.save.astro-xm6pcwjx[data-state=saved] .saved.astro-xm6pcwjx{opacity:1;transform:none}.save.astro-xm6pcwjx[data-state=saved] .saving.astro-xm6pcwjx{opacity:0;transform:translateY(-8px)}@keyframes spin{to{transform:rotate(360deg)}}.code.astro-q7b6hm3q{justify-items:center;gap:12px;width:min(350px,100% - 24px);display:grid}.boxes.astro-q7b6hm3q{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;display:grid}.box.astro-q7b6hm3q{min-width:0;height:60px;position:relative}.box.astro-q7b6hm3q input.astro-q7b6hm3q{text-align:center;font-variant-numeric:tabular-nums;width:100%;height:100%;caret-color:var(--steel-500);transition:box-shadow .26s var(--ease);background:#fff;border:0;border-radius:12px;outline:none;font-size:25px;font-weight:600;box-shadow:inset 0 0 0 1px #e4e5e7}.box.astro-q7b6hm3q input.astro-q7b6hm3q:focus{box-shadow:inset 0 0 0 1.5px var(--steel-500), 0 0 0 4px var(--mist)}.box.astro-q7b6hm3q svg.astro-q7b6hm3q{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.box.astro-q7b6hm3q rect.astro-q7b6hm3q{fill:none;stroke:#17b26a;stroke-width:1.75px;stroke-linecap:square;stroke-dasharray:100 120;stroke-dashoffset:100px;transition:stroke-dashoffset .16s ease-in}.box.astro-q7b6hm3q.ok rect.astro-q7b6hm3q{stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.65,0,.35,1)}.box.astro-q7b6hm3q.ok input.astro-q7b6hm3q{box-shadow:inset 0 0 0 1px #0000}.boxes.astro-q7b6hm3q.done .box.astro-q7b6hm3q.ok input.astro-q7b6hm3q{transition-delay:.12s;box-shadow:0 0 0 4px #17b26a24}.status.astro-q7b6hm3q{color:var(--muted);min-height:var(--touch-target);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:13.5px;display:flex}.status.astro-q7b6hm3q.done{color:#067647;font-weight:600}.status.astro-q7b6hm3q button.astro-q7b6hm3q{min-height:var(--touch-target);min-width:var(--touch-target);color:var(--steel);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600}@container (width<=400px){.boxes.astro-q7b6hm3q{gap:4px}.box.astro-q7b6hm3q{height:50px}.box.astro-q7b6hm3q input.astro-q7b6hm3q{border-radius:10px;font-size:21px}}.grid.astro-kdxjx7r4{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 32px;display:grid}.note.astro-kdxjx7r4{padding-block:64px var(--section)}@media (width<=900px){.grid.astro-kdxjx7r4{grid-template-columns:1fr;gap:56px}}