.tile.svelte-1vzwz3i{width:calc(var(--spacing-32) + var(--spacing-2));height:calc(var(--spacing-32) + var(--spacing-2));background-color:var(--color);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-1vzwz3i{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-1vzwz3i>:where(.svelte-1vzwz3i){pointer-events:none}.tile.svelte-1vzwz3i: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-1vzwz3i: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-1vzwz3i{box-shadow:inset 0 0 0 calc(var(--spacing-0_5)) #fff}.smol.svelte-1vzwz3i{width:var(--spacing-16);height:var(--spacing-16);grid-area:span 1/span 1/span 1/span 1;font-size:var(--font-size-4xl)!important}.wide.svelte-1vzwz3i{width:calc(var(--spacing-64) + var(--spacing-6));grid-column:span 4/span 4}.group.svelte-1qsaf8j{grid-template-columns:repeat(auto-fit,minmax(var(--spacing-16),var(--spacing-16)))}@media (min-width:48rem){.group.svelte-1qsaf8j{grid-template-columns:repeat(4,minmax(0,1fr))}}