.holo-scene{perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.holo-float{animation:holo-float-anim 4.5s ease-in-out infinite}.holo-scene:focus-within .holo-float,.holo-scene:hover .holo-float{animation-play-state:paused}@keyframes holo-float-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.holo-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .07s ease-out;will-change:transform}.holo-inner.is-flipping{transition:transform .65s cubic-bezier(.23,1,.32,1)}.holo-inner.is-flipped{transform:rotateY(180deg)!important}.holo-face{position:absolute;inset:0;border-radius:20px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:box-shadow .4s ease}.holo-face-back{transform:rotateY(180deg)}.holo-scene:hover .holo-face{box-shadow:0 0 0 1px hsla(0,0%,100%,.14),0 0 35px rgba(58,95,255,.35),0 0 80px rgba(58,95,255,.12)}.holo-foil{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,hsla(0,0%,100%,.022) 1px,transparent 2px),repeating-linear-gradient(90deg,transparent,hsla(0,0%,100%,.022) 1px,transparent 2px);opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:2}.holo-scene:hover .holo-foil{opacity:1}.holo-rainbow{position:absolute;inset:0;background:linear-gradient(108deg,rgba(255,60,100,0),rgba(255,100,50,.17) 14%,rgba(255,220,50,.17) 29%,rgba(60,255,130,.17) 44%,rgba(50,150,255,.17) 59%,rgba(150,50,255,.17) 74%,rgba(255,50,200,.17) 89%,rgba(255,60,100,0));background-size:300% 300%;mix-blend-mode:screen;opacity:0;transition:opacity .45s ease;pointer-events:none;z-index:3;animation:holo-pan 5s linear infinite paused}@keyframes holo-pan{0%{background-position:0 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(180deg)}to{background-position:0 50%;filter:hue-rotate(1turn)}}.holo-scene:hover .holo-rainbow{opacity:1;animation-play-state:running}.holo-glare{position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at var(--gx,50%) var(--gy,50%),hsla(0,0%,100%,.26) 0,hsla(0,0%,100%,.05) 45%,transparent 100%);mix-blend-mode:screen;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:4}.holo-scene:hover .holo-glare{opacity:1}@keyframes sparkle-pop{0%,to{opacity:0;transform:scale(0) rotate(var(--rot,0deg))}42%,58%{opacity:1;transform:scale(1.1) rotate(calc(var(--rot, 0deg) + 90deg))}}.holo-sparkle{position:absolute;pointer-events:none;z-index:5;animation:sparkle-pop var(--dur,2s) ease-in-out var(--del,0s) infinite}.holo-sparkle:after,.holo-sparkle:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:1px;box-shadow:0 0 4px 1px hsla(0,0%,100%,.55)}.holo-sparkle:before{width:var(--sz,7px);height:1.5px}.holo-sparkle:after{width:1.5px;height:var(--sz,7px)}