.holo-foil{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;border-radius:.5rem;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.holo-foil__base{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.holo-foil__rotor{max-width:100%;max-height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.holo-foil__rotor canvas{opacity:0;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.holo-foil[data-ready] .holo-foil__rotor canvas{opacity:1}.holo-foil__overlay{pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.holo-foil__rotor canvas{transition:none}}