.flip-box.svelte-1bmqfhj{perspective:1000px;background-color:#fff;border-radius:2px;width:calc(100% - 2px);max-width:82px;height:calc(100% - 2px);max-height:82px}.flip-box-inner.svelte-1bmqfhj{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:2px;transition:transform .8s;position:relative}.flip-box-hover.svelte-1bmqfhj .flip-box-inner:where(.svelte-1bmqfhj){transform:rotateY(180deg)}.flip-box-front.svelte-1bmqfhj,.flip-box-back.svelte-1bmqfhj{backface-visibility:hidden;border-radius:2px;width:100%;height:100%;position:absolute}.flip-box-front.svelte-1bmqfhj{color:#fff;background:#eee4da}.flip-box-back.svelte-1bmqfhj{transform:rotateY(180deg)}.grid.svelte-9c3864{--width:min(98vw, 98vh, 380px);max-width:var(--width);flex-direction:column;justify-content:flex-start;place-self:center;width:100%;height:100%;display:flex}.grid.svelte-9c3864 .row:where(.svelte-9c3864){grid-gap:.2rem;grid-template-columns:repeat(4,1fr);margin:0 0 .2rem;display:grid}.card.svelte-9c3864{aspect-ratio:1;text-align:center;box-sizing:border-box;text-transform:lowercase;width:100%;font-size:calc(.08 * var(--width));color:#000000b3;background:#fff;border:none;border-radius:2px;justify-content:center;align-items:center;margin:0;display:flex}