.shop-tile{--shop-ink:oklch(from var(--tile-glow,var(--brand-ink)) max(l, .66) max(c, .12) h);background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 13%, var(--card)), color-mix(in oklab, var(--shop-ink) 4%, var(--card)) 70%);box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .08), inset 0 0 0 1px color-mix(in oklab, var(--shop-ink) 22%, transparent)}:root:not(.dark) .shop-tile{--shop-ink:oklch(from var(--tile-glow,var(--brand-ink)) clamp(.55, l, .7) max(c, .12) h);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--shop-ink) 30%, transparent)}.shop-tile-plate{background:radial-gradient(closest-side, color-mix(in oklab, var(--shop-ink) 20%, transparent), transparent)}.shop-tile :is(.float-tile-glow,[data-slot=slot-glow]){display:none}.shop-tile-plate:has([data-slot=picture-glow]){background:0 0}.shop-tile[data-boxed]{--tile-lit:rgb(var(--landing-white-rgb) / .9);--tile-lip:3px;background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 9%, var(--card)), color-mix(in oklab, var(--shop-ink) 17%, var(--card)));box-shadow:inset 0 1px 0 var(--tile-lit), inset 0 0 0 1px color-mix(in oklab, var(--shop-ink) 34%, transparent), 0 var(--tile-lip) 0 color-mix(in oklab, var(--shop-ink) 42%, var(--card))}.dark .shop-tile[data-boxed]{--tile-lit:rgb(var(--landing-white-rgb) / .14);background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 24%, var(--card)), color-mix(in oklab, var(--shop-ink) 10%, var(--card)));box-shadow:inset 0 1px 0 var(--tile-lit), inset 0 0 0 1px color-mix(in oklab, var(--shop-ink) 26%, transparent), 0 var(--tile-lip) 0 color-mix(in oklab, var(--shop-ink) 22%, var(--background))}:is(.shop-tile[data-boxed] .shop-tile-plate,.shop-tile[data-boxed] .shop-tile-plate:has([data-slot=picture-glow])){background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 22%, var(--card)), color-mix(in oklab, var(--shop-ink) 8%, var(--card)));box-shadow:inset 0 2px 0 color-mix(in oklab, var(--shop-ink) 28%, transparent), inset 0 -1px 0 var(--tile-lit)}:is(.dark .shop-tile[data-boxed] .shop-tile-plate,.dark .shop-tile[data-boxed] .shop-tile-plate:has([data-slot=picture-glow])){background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 4%, var(--background)), color-mix(in oklab, var(--shop-ink) 12%, var(--card)));box-shadow:inset 0 2px 0 rgb(var(--landing-ink-rgb) / .4), inset 0 -1px 0 var(--tile-lit)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.shop-tile[data-boxed]{transition:translate .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.shop-tile[data-boxed]:hover{--tile-lip:5px;translate:0 -2px}}.shop-tile[data-tile]{background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 6%, var(--card)), var(--card) 60%)}.dark .shop-tile[data-tile]{background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 12%, var(--card)), color-mix(in oklab, var(--shop-ink) 4%, var(--card)) 60%)}:is(.dark .shop-tile[data-tile] .shop-tile-plate,.dark .shop-tile[data-tile] .shop-tile-plate:has([data-slot=picture-glow])){background:linear-gradient(180deg, color-mix(in oklab, var(--shop-ink) 16%, color-mix(in oklab, var(--foreground) 14%, var(--card))), color-mix(in oklab, var(--shop-ink) 6%, color-mix(in oklab, var(--foreground) 9%, var(--card))))}:root:root :is([data-slot=surface],[data-slot=calculator-sides],[data-slot=dialog-content],[data-slot=own-ad],[data-testid=dm-window]) .shop-tile{box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .08)}:root:not(.dark) :is([data-slot=surface],[data-slot=calculator-sides],[data-slot=dialog-content],[data-slot=own-ad],[data-testid=dm-window]) .shop-tile[data-boxed]{box-shadow:inset 0 1px 0 var(--tile-lit), 0 var(--tile-lip) 0 color-mix(in oklab, var(--shop-ink) 42%, var(--card))}:root.dark :is([data-slot=surface],[data-slot=calculator-sides],[data-slot=dialog-content],[data-slot=own-ad],[data-testid=dm-window]) .shop-tile[data-boxed]{box-shadow:inset 0 1px 0 var(--tile-lit), 0 var(--tile-lip) 0 color-mix(in oklab, var(--shop-ink) 22%, var(--background))}