.interactive-surface{isolation:isolate;min-width:0;height:100%;transition:transform .55s var(--motion-ease), box-shadow .55s var(--motion-ease), border-color .35s ease;position:relative}.interactive-surface:after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), oklch(from var(--primary) l c h / .11), transparent 55%);transition:opacity .45s;position:absolute;inset:0}.interactive-surface:focus-within{border-color:var(--primary)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.interactive-surface:hover{transform:perspective(1200px) translateY(-6px) rotateX(var(--surface-rotate-x,0deg)) rotateY(var(--surface-rotate-y,0deg));box-shadow:0 22px 48px oklch(12% .025 255/.12)}.interactive-surface:hover:after{opacity:1}}@media (prefers-reduced-motion:reduce){.interactive-surface{transform:none}.interactive-surface:after{display:none}}