.tilt-plate{perspective:900px;transform:translateZ(.1px)}.tilt-plate__surface{transform:rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d;will-change:transform;transition:box-shadow .22s var(--ease-out-soft);position:relative}.tilt-plate__surface[data-settling=true]{transition:transform .42s var(--ease-spring), box-shadow .22s var(--ease-out-soft)}.tilt-plate[data-active=true] .tilt-plate__surface{box-shadow:var(--highlight), var(--plate-shadow-hover)}.tilt-plate__sheen{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .26s var(--ease-out-soft);background:radial-gradient(38rem circle at var(--tilt-px,50%) var(--tilt-py,50%), #ffffff80 0%, #ffffff24 26%, transparent 62%);mix-blend-mode:soft-light;position:absolute;inset:0}@media (prefers-color-scheme:dark){.tilt-plate__sheen{background:radial-gradient(38rem circle at var(--tilt-px,50%) var(--tilt-py,50%), #ffffff42 0%, #ffffff14 26%, transparent 62%);mix-blend-mode:plus-lighter}}.tilt-plate[data-active=true] .tilt-plate__sheen{opacity:1}.tilt-plate__content{position:relative;transform:translateZ(22px)}@media (prefers-reduced-motion:reduce){.tilt-plate__surface{transition:none!important;transform:none!important}.tilt-plate__content{transform:none}.tilt-plate__sheen{display:none}}