.tilt-card{--tcx:50%;--tcy:42%;--tco:0;--tcpx:0;--tcpy:0;--tc-sheen1:rgba(140,220,255,.55);--tc-sheen2:rgba(255,150,205,.55);position:relative;perspective:1000px;transform-style:preserve-3d}.tilt-card--on{z-index:50}.tilt-card__rotator{transform-style:preserve-3d;will-change:transform;transition:transform 60ms linear;box-shadow:0 12px 28px -12px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.35)}.tilt-card__content,.tilt-card__rotator{position:relative;width:100%;height:100%;border-radius:inherit}.tilt-card__content{z-index:1;overflow:hidden}.tilt-card__sheen{z-index:2;mix-blend-mode:soft-light;opacity:calc(.18 + .5 * var(--tco));background:linear-gradient(115deg,transparent 30%,var(--tc-sheen1) 44%,hsla(0,0%,100%,.85) 50%,var(--tc-sheen2) 56%,transparent 70%);background-size:240% 240%;background-position:var(--tcx) var(--tcy);filter:hue-rotate(calc((var(--tcpx) + var(--tcpy)) * 120deg))}.tilt-card__glare,.tilt-card__sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .18s ease}.tilt-card__glare{z-index:3;mix-blend-mode:screen;opacity:var(--tco);background:radial-gradient(38% 32% at var(--tcx) var(--tcy),hsla(0,0%,100%,.4),hsla(0,0%,100%,.08) 46%,transparent 70%)}.tilt-card--dramatic .tilt-card__sheen{animation:tc-idle-sweep 8s ease-in-out infinite alternate}@keyframes tc-idle-sweep{0%{background-position:30% 30%}to{background-position:70% 60%}}@media (prefers-reduced-motion:reduce){.tilt-card__rotator{transition:none;transform:none!important}.tilt-card__sheen{animation:none!important}}