.holo-card-scene{perspective:1400px;place-items:center;width:100%;height:100%;padding:1.25rem;display:grid}@keyframes holo-float{0%,to{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0)}50%{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-14px)}}.holo-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--active:0;aspect-ratio:2.5/3.5;height:min(78%,460px);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;border-radius:5%/3.5%;transition:transform .3s ease-out;animation:6s ease-in-out infinite holo-float;position:relative;box-shadow:0 30px 60px -15px #0000008c}.holo-card:hover{animation-play-state:paused}.holo-card__img{object-fit:cover;border-radius:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.holo-card__shine{border-radius:inherit;background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffffb3 5%, #ff78c873 20%, #78c8ff66 40%, #fff07859 60%, transparent 80%);mix-blend-mode:color-dodge;opacity:calc(.3 + var(--active) * .45);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.holo-card__glare{border-radius:inherit;background:linear-gradient(115deg,#0000 25%,#fff6 48%,#0000 56%) 0 0/250% 250%;background-position:var(--mx) var(--my);mix-blend-mode:overlay;opacity:calc(var(--active) * .65);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.holo-fan{perspective:1600px;width:100%;height:100%;position:relative}.holo-fan__tilt{transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out;position:absolute;inset:0}.holo-fan__float{position:absolute;inset:0}.holo-fan__slot{aspect-ratio:2.5/3.5;transform-origin:50%;height:min(82%,330px);position:absolute;top:50%;left:50%}.holo-fan__card{--mx:50%;--my:50%;--active:.5;border-radius:5%/3.5%;position:absolute;inset:0;box-shadow:0 18px 38px -14px #0000008c}@media (prefers-reduced-motion:reduce){.holo-card{animation:none}}
