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