.holo{--mx:50%;--my:50%;--from-center:0;--bg-x:50%;--bg-y:50%;--foil:0;isolation:isolate;position:relative;overflow:hidden}.holo__layer{pointer-events:none;will-change:background-position, opacity, transform;position:absolute;inset:0}.holo__foil-a{background-image:repeating-linear-gradient(108deg,#ffcad042 4%,#fff4ce38 9%,#ceffe438 14%,#cbefff3d 19%,#d6d1ff3d 24%,#f3d1ff3d 29%,#ffcad042 34%);background-size:300% 300%;background-position:var(--bg-x) var(--bg-y);mix-blend-mode:color-dodge;filter:brightness(.7)contrast(3)saturate(3.2);opacity:calc(.3 + var(--from-center) * .8)}.holo__foil-b{background-image:repeating-linear-gradient(-130deg,#fff3 0%,#cbe7ff26 6%,#e8d6ff29 11%,#fff3 17%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:100% 100%,180px 180px;background-position:calc(100% - var(--bg-x)) calc(100% - var(--bg-y)), center;background-blend-mode:overlay;mix-blend-mode:color-dodge;filter:brightness(1.02)contrast(12.5)saturate(4.05);opacity:calc(.38 + var(--from-center) * .45)}.holo__glitter{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  1 0 0 0 -0.66'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.42' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  1 0 0 0 -0.70'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:110px 110px,340px 340px;background-position:calc(var(--bg-x) * 1.4) calc(var(--bg-y) * 1.4), calc(100% - var(--bg-x)) var(--bg-y);background-blend-mode:add;mix-blend-mode:color-dodge;filter:brightness(1.15)contrast(2.4);opacity:calc(1.8 + var(--from-center) * 1.8)}.holo__glare{background-image:radial-gradient(farthest-corner circle at var(--mx) var(--my), #cff1fc80 4%, #d6e2ec26 33%, #1a1a1a9e 100%);mix-blend-mode:soft-light;opacity:calc(.45 + var(--from-center) * .4)}.holo--resting .holo__foil-a,.holo--resting .holo__foil-b,.holo--resting .holo__glitter,.holo--resting .holo__glare{opacity:0}.holo__layer{transition:opacity .5s cubic-bezier(.16,1,.3,1)}.holo__edge{pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff47}@media (prefers-reduced-motion:reduce){.holo__foil-a,.holo__foil-b,.holo__glare{opacity:.18!important}}