.carton.svelte-bgmqq2{--w:4.75rem;inline-size:var(--w);background:color-mix(in oklch, var(--neutral-light) 70%, var(--white));border:2px solid var(--neutral-semi-dark);margin-inline:calc(var(--w) * .2);border-radius:3px;flex:none;padding:.3rem;display:inline-grid;position:relative}.carton.is-s.svelte-bgmqq2{--w:3.25rem;padding:.2rem}.carton.is-l.svelte-bgmqq2{--w:7rem;padding:.4rem}.flap.svelte-bgmqq2{background:var(--neutral-semi-light);border:2px solid var(--neutral-semi-dark);block-size:30%;inline-size:20%;position:absolute;inset-block-start:-2px}.fl.svelte-bgmqq2{transform-origin:100% 0;border-inline-end:0;inset-inline-start:-20%;transform:skewY(-18deg)}.fr.svelte-bgmqq2{transform-origin:0 0;border-inline-start:0;inset-inline-end:-20%;transform:skewY(18deg)}.grid.svelte-bgmqq2{aspect-ratio:5/4;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));place-items:center;gap:2px;inline-size:100%;display:grid;container-type:inline-size}.grid.svelte-bgmqq2 i:where(.svelte-bgmqq2){inline-size:calc(min(100cqi / var(--cols), 80cqi / var(--rows)) - 2px);aspect-ratio:1;background:var(--white);border:1px solid var(--neutral-semi-light);border-radius:50%;transition:background-color .25s,border-color .25s}.grid.svelte-bgmqq2 i.on:where(.svelte-bgmqq2){background:var(--primary);border-color:var(--primary)}@media (prefers-reduced-motion:reduce){.grid.svelte-bgmqq2 i:where(.svelte-bgmqq2){transition:none}}