@keyframes holoFoilDrift{0%{transform:translate(-10%,-10%)}50%{transform:translate(4%,4%)}to{transform:translate(-10%,-10%)}}@keyframes holoFoilSweep{0%{transform:translate(-180%)rotate(16deg)}to{transform:translate(320%)rotate(16deg)}}.holo-foil{pointer-events:none;border-radius:inherit;z-index:2;contain:layout paint;position:absolute;inset:0;overflow:hidden}.holo-foil__rainbow{mix-blend-mode:color-dodge;opacity:.15;will-change:transform;background-image:repeating-linear-gradient(115deg,#ff7773d9 0%,#ffed5fd9 7%,#a8ff5fd9 14%,#83fff7d9 21%,#7894ffd9 28%,#d875ffd9 35%,#ff7773d9 42%);animation:8s ease-in-out infinite holoFoilDrift;position:absolute;inset:-28%}.holo-foil__sheen{mix-blend-mode:screen;opacity:.55;will-change:transform;background-image:linear-gradient(90deg,#fff0 0%,#ffffff52 50%,#fff0 100%);width:42%;animation:6s ease-in-out infinite holoFoilSweep;position:absolute;top:-45%;bottom:-45%;left:0}.holo-foil--preview .holo-foil__rainbow{opacity:.22}.holo-foil--preview .holo-foil__sheen{opacity:.7}.holo-foil--strong .holo-foil__rainbow{opacity:.3;animation-duration:5.5s}.holo-foil--strong .holo-foil__sheen{opacity:.85;animation-duration:4.2s}@media (prefers-reduced-motion:reduce){.holo-foil__rainbow{opacity:.12;animation:none}.holo-foil__sheen{opacity:0;animation:none}}
