@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:soft-light;opacity:.2;will-change:transform;background-image:repeating-linear-gradient(115deg,#ffd6d2cc 0%,#fff3cdcc 7%,#dbffd6cc 14%,#cef8ffcc 21%,#d4e0ffcc 28%,#f0d2ffcc 35%,#ffd6d2cc 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%,#ffffff61 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:.28}.holo-foil--preview .holo-foil__sheen{opacity:.68}.holo-foil--strong .holo-foil__rainbow{opacity:.36;animation-duration:5.5s}.holo-foil--strong .holo-foil__sheen{opacity:.8;animation-duration:4.2s}@media (prefers-reduced-motion:reduce){.holo-foil__rainbow{opacity:.16;animation:none}.holo-foil__sheen{opacity:0;animation:none}}