.tile.svelte-1ficw97{user-drag:none;background-color:var(--color);width:8.5rem;height:8.5rem;transform-style:preserve-3d;transform-origin:50%;-webkit-user-select:none;user-select:none;grid-area:span 2/span 2/span 2/span 2;justify-content:center;place-items:center;transition:transform .2s;display:flex;position:relative}@supports (color:hsl(from white h s l)){.tile.svelte-1ficw97{background:linear-gradient(to right,oklch(from var(--color) calc(l - .05) c h),oklch(from var(--color) calc(l + .05) c h));color:oklch(from var(--color) calc(1 - (l + .3 - mod(l + .3,1))) 0 0)}}.tile.svelte-1ficw97>:where(.svelte-1ficw97){pointer-events:none}.tile.svelte-1ficw97:hover{transform:perspective(800px)rotateY(calc(4deg*var(--offsetY)*(var(--x)/var(--w)*2 - 1)))rotateX(calc(-6deg*var(--offsetX)*(var(--y)/var(--h)*2 - 1)))scale(.999)}.tile.svelte-1ficw97:active{transform:perspective(800px)rotateY(calc(6deg*var(--offsetY)*(var(--x)/var(--w)*2 - 1)))rotateX(calc(-8deg*var(--offsetX)*(var(--y)/var(--h)*2 - 1)))scale(.985)}.b.svelte-1ficw97{box-shadow:inset 0 0 0 .125rem #fff}.smol.svelte-1ficw97{grid-area:span 1/span 1/span 1/span 1;width:4rem;height:4rem;font-size:var(--font-size-4xl)!important}.wide.svelte-1ficw97{grid-column:span 4/span 4;width:17.5rem}.group.svelte-2s8767{grid-template-columns:repeat(auto-fit,minmax(4rem,4rem))}@media (min-width:48rem){.group.svelte-2s8767{grid-template-columns:repeat(4,minmax(0,1fr))}}