@keyframes foil-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes foil-rotate{0%{transform:rotate(0)scale(1.5)}to{transform:rotate(360deg)scale(1.5)}}@keyframes foil-pulse{0%,to{opacity:.3}50%{opacity:.6}}.foil-overlay{pointer-events:none;z-index:var(--z-above);mix-blend-mode:color-dodge;transition:opacity var(--duration-slow) ease;will-change:transform, opacity;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.foil-classic{opacity:.6;background:linear-gradient(135deg,#fff0 0%,#ff000026 15%,#ffff0026 30%,#00ff0026 45%,#00ffff26 60%,#0000ff26 75%,#ff00ff26 90%,#fff0 100%) 0 0/400% 100%;animation:4s linear infinite foil-shimmer}.foil-surge{opacity:.7;mix-blend-mode:overlay;background:repeating-linear-gradient(45deg,#fff0,#ffffff40 10%,#fff0 20%) 0 0/200% 200%;animation:2s ease-in-out infinite foil-shimmer,2s infinite foil-pulse}.foil-etched{filter:contrast(130%)brightness(120%);opacity:.5;background:linear-gradient(135deg,#ffd70033 0%,#fff6 50%,#ffd70033 100%) 0 0/200% 200%;animation:6s linear infinite foil-shimmer}.foil-etched:after{content:"";opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.2'/%3E%3C/svg%3E");position:absolute;inset:0}.foil-galaxy{opacity:.8;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 70%,#fff 1px,#0000 1px),radial-gradient(circle at 40% 80%,#fff 1.5px,#0000 1.5px),radial-gradient(circle at 70% 20%,#fff 1.5px,#0000 1.5px);background-size:6.25rem 6.25rem;animation:20s linear infinite foil-rotate}.foil-oil-slick{opacity:.7;mix-blend-mode:hard-light;background:linear-gradient(135deg,#0003 0%,#f0f3 25%,#0ff3 50%,#ff03 75%,#0003 100%) 0 0/300% 300%;animation:8s infinite alternate-reverse foil-shimmer}.foil-step-compleat{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 0 L20 10 L10 20 L0 10 Z' fill='none' stroke='white' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E");background-size:2.5rem 2.5rem;animation:15s linear infinite foil-shimmer}.group:hover .foil-overlay{opacity:.95}.foil-ripple{opacity:.8;mix-blend-mode:color-dodge;background-color:#0000;background-image:repeating-radial-gradient(circle at 20% 30%,#ffffffb3 0%,#ff000040 2%,#ffff0040 4%,#00ff0040 6%,#00ffff40 8%,#ff00ff40 10%,#0000 14% 18%),repeating-radial-gradient(circle at 80% 70%,#ffffff80 0%,#00ffff40 3%,#ff00ff40 6%,#ffff0040 9%,#0000 13% 17%),repeating-radial-gradient(circle,#fff6 0%,#0f03 5%,#00f3 10%,#0000 15% 20%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:250% 250%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:4s ease-in-out infinite foil-pulse,6s linear infinite foil-color-shift,12s ease-in-out infinite alternate foil-shimmer}