@property --ss-fx{syntax:"<number>";initial-value:.5;inherits:true}@property --ss-fy{syntax:"<number>";initial-value:.5;inherits:true}@property --ss-fa{syntax:"<number>";initial-value:0;inherits:true}.ss-foil-layer{opacity:0}.ss-foil-layer,.ss-foil-stage{position:absolute;pointer-events:none}.ss-foil-stage{inset:.25rem;border-radius:6%;overflow:hidden}.ss-foil-glare{inset:-25%}@media (any-hover:hover) and (any-pointer:fine){.ss-foil-frame[data-ss-foil]:hover{--ss-fa:1}}.ss-foil-frame[data-ss-foil]{position:relative;transform-origin:center;--ss-fx:0.5;--ss-fy:0.5;--ss-fa:0;--ss-foil-tilt-range:calc(28deg * var(--ss-foil-strength, 1));--ss-tint:0deg;--ss-h0:0deg;--ss-foil-angle:112deg;--ss-glare-peak:0.8;--ss-grain-h2:calc(var(--ss-h0) + 140deg);--ss-p-x:calc(var(--ss-fx, 0.5) * 100%);--ss-p-y:calc(var(--ss-fy, 0.5) * 100%);--ss-dx:calc(var(--ss-fx, 0.5) - 0.5);--ss-dy:calc(var(--ss-fy, 0.5) - 0.5);--ss-adx:max(var(--ss-dx),-1 * var(--ss-dx));--ss-ady:max(var(--ss-dy),-1 * var(--ss-dy));--ss-from-left:var(--ss-fx,0.5);--ss-from-top:var(--ss-fy,0.5);--ss-from-center:clamp(0,calc((var(--ss-adx) + var(--ss-ady)) * 1.35),1);--ss-flare:clamp(0.55,calc(0.55 + 0.75 * var(--ss-from-center)),1);--ss-glare-gate:clamp(0.35,calc(0.35 + 0.65 * var(--ss-from-center)),1);--ss-bg-x:clamp(37%,calc(37% + var(--ss-fx, 0.5) * 26%),63%);--ss-bg-y:clamp(33%,calc(33% + var(--ss-fy, 0.5) * 34%),67%);--ss-rot-x:calc(var(--ss-dy) * -1 * var(--ss-foil-tilt-range));--ss-rot-y:calc(var(--ss-dx) * var(--ss-foil-tilt-range));--ss-art-top:0%;--ss-art-right:0%;--ss-art-bottom:0%;--ss-art-left:0%}.ss-foil-frame[data-ss-foil][data-ss-foil-strength=subtle]{--ss-foil-strength:0.55}.ss-foil-frame[data-ss-foil][data-ss-foil-context=rail]{--ss-foil-tilt-range:calc(14deg * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover){transform:perspective(calc(600px * var(--ss-enlarge-scale, 1))) rotateX(var(--ss-rot-x)) rotateY(var(--ss-rot-y));isolation:isolate;z-index:1;will-change:transform;contain:paint}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-layer{will-change:opacity}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-glow,.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grain,.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grating{inset:0;background-size:200% 200%;background-repeat:no-repeat;background-position:calc(((50% - var(--ss-bg-x)) * var(--ss-gain, 1)) + 50%) calc(((50% - var(--ss-bg-y)) * var(--ss-gain, 1)) + 50%)}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-glow{--ss-gain:1.1;mix-blend-mode:color-dodge}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grating{--ss-gain:2.6;mix-blend-mode:screen}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grain{--ss-gain:2.9;mix-blend-mode:overlay}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-glow,.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grain,.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grating{-webkit-mask-image:linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--ss-art-left) var(--ss-art-top);mask-position:var(--ss-art-left) var(--ss-art-top);-webkit-mask-size:calc(100% - var(--ss-art-left) - var(--ss-art-right)) calc(100% - var(--ss-art-top) - var(--ss-art-bottom));mask-size:calc(100% - var(--ss-art-left) - var(--ss-art-right)) calc(100% - var(--ss-art-top) - var(--ss-art-bottom))}.ss-foil-frame[data-ss-foil-mask=inverse]:is([data-ss-foil-live],:hover) .ss-foil-glow,.ss-foil-frame[data-ss-foil-mask=inverse]:is([data-ss-foil-live],:hover) .ss-foil-grain,.ss-foil-frame[data-ss-foil-mask=inverse]:is([data-ss-foil-live],:hover) .ss-foil-grating{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,var(--ss-art-left) var(--ss-art-top);mask-position:0 0,var(--ss-art-left) var(--ss-art-top);-webkit-mask-size:100% 100%,calc(100% - var(--ss-art-left) - var(--ss-art-right)) calc(100% - var(--ss-art-top) - var(--ss-art-bottom));mask-size:100% 100%,calc(100% - var(--ss-art-left) - var(--ss-art-right)) calc(100% - var(--ss-art-top) - var(--ss-art-bottom));-webkit-mask-composite:xor;mask-composite:exclude}.ss-foil-frame[data-ss-foil-art=digimon],.ss-foil-frame[data-ss-foil-art=lorcana],.ss-foil-frame[data-ss-foil-art=onepiece],.ss-foil-frame[data-ss-foil-art=pokemon]{--ss-art-top:12%;--ss-art-right:8%;--ss-art-bottom:48%;--ss-art-left:8%}.ss-foil-frame[data-ss-foil-art=mtg]{--ss-art-top:10.5%;--ss-art-right:8.5%;--ss-art-bottom:53%;--ss-art-left:8.5%}.ss-foil-frame[data-ss-foil-art=ygo]{--ss-art-top:16.5%;--ss-art-right:15%;--ss-art-bottom:34%;--ss-art-left:15%}.ss-foil-frame[data-ss-foil-mask=full]{--ss-art-top:0%;--ss-art-right:0%;--ss-art-bottom:0%;--ss-art-left:0%}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-glare{mix-blend-mode:hard-light;background-image:radial-gradient(circle at 50% 50%,#fff 0,#ccc 5%,#949494 11%,grey 18%,grey 100%);transform:translate3d(calc(var(--ss-dx) * 66.7%),calc(var(--ss-dy) * 66.7%),0) rotate(var(--ss-foil-angle)) scaleY(.42);opacity:calc(var(--ss-glare-peak) * var(--ss-fa, 0) * var(--ss-glare-gate) * var(--ss-foil-strength, 1));will-change:transform,opacity}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.42 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:linear-gradient(var(--ss-foil-angle),#000 0,hsl(calc(var(--ss-h0) + 0deg) 90% 30%) 22%,hsl(calc(var(--ss-h0) + 90deg) 90% 34%) 45%,hsl(calc(var(--ss-h0) + 200deg) 90% 30%) 68%,#000 100%)}.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.45 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:repeating-linear-gradient(37deg,hsl(calc(var(--ss-h0) + 10deg) 70% 76%) 0 1px,hsl(calc(var(--ss-h0) + 10deg) 60% 30%) 1px 2px,grey 2px 3px),repeating-linear-gradient(-61deg,hsl(var(--ss-grain-h2) 70% 74%) 0 1px,hsl(var(--ss-grain-h2) 60% 32%) 1px 2px,grey 2px 4px),repeating-linear-gradient(83deg,#dbdbdb 0 1px,grey 1px 5px);background-size:3px 3px,4px 4px,5px 5px;background-repeat:repeat;background-blend-mode:overlay,overlay,normal}.ss-foil-frame[data-ss-foil=holo]{--ss-h0:0deg;--ss-foil-angle:115deg;--ss-glare-peak:0.85}.ss-foil-frame[data-ss-foil=holo]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.95 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,#000 3px,hsl(calc(var(--ss-h0) + 0deg) 100% 56%) 8px,hsl(calc(var(--ss-h0) + 51deg) 100% 62%) 13px,hsl(calc(var(--ss-h0) + 103deg) 100% 56%) 18px,hsl(calc(var(--ss-h0) + 154deg) 100% 60%) 23px,hsl(calc(var(--ss-h0) + 206deg) 100% 56%) 28px,hsl(calc(var(--ss-h0) + 257deg) 100% 62%) 33px,hsl(calc(var(--ss-h0) + 309deg) 100% 56%) 38px,#000 42px)}.ss-foil-frame[data-ss-foil=holo]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.5 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=reverse]{--ss-h0:calc(190deg + var(--ss-tint));--ss-foil-angle:96deg;--ss-glare-peak:0.55}.ss-foil-frame[data-ss-foil=reverse]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.42 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,#000 2px,hsl(calc(var(--ss-h0) - 25deg) 60% 62%) 4px,hsl(calc(var(--ss-h0) + 25deg) 60% 70%) 6px,#000 9px)}.ss-foil-frame[data-ss-foil=reverse]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.9 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=reverse]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.28 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:linear-gradient(var(--ss-foil-angle),#000 0,hsl(calc(var(--ss-h0) - 20deg) 55% 26%) 30%,hsl(calc(var(--ss-h0) + 30deg) 55% 30%) 62%,#000 100%)}.ss-foil-frame[data-ss-foil=cosmos]{--ss-h0:calc(0deg + var(--ss-tint));--ss-foil-angle:108deg;--ss-glare-peak:0.78}.ss-foil-frame[data-ss-foil=cosmos]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.9 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:radial-gradient(ellipse 9px 5px at 25% 30%,hsl(calc(var(--ss-h0) + 20deg) 100% 66%) 0,#000 70%),radial-gradient(ellipse 6px 8px at 72% 68%,hsl(calc(var(--ss-h0) + 190deg) 100% 62%) 0,#000 70%),radial-gradient(ellipse 4px 4px at 50% 88%,hsl(calc(var(--ss-h0) + 300deg) 100% 70%) 0,#000 70%);background-size:37px 29px,43px 31px,29px 41px;background-repeat:repeat;background-blend-mode:screen,screen,normal}.ss-foil-frame[data-ss-foil=cosmos]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.35 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=cosmos]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.5 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=etched]{--ss-h0:42deg;--ss-grain-h2:calc(var(--ss-h0) - 14deg);--ss-foil-angle:100deg;--ss-glare-peak:0.9}.ss-foil-frame[data-ss-foil=etched]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.85 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1) * calc(.6 + .4 * var(--ss-from-left)));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,#000 2px,hsl(calc(var(--ss-h0) - 8deg) 70% 58%) 4px,hsl(calc(var(--ss-h0) + 14deg) 45% 78%) 6px,#000 9px),repeating-linear-gradient(10deg,#000 0,#000 3px,hsl(calc(var(--ss-h0) + 4deg) 55% 52%) 5px,#000 8px);background-blend-mode:screen,normal}.ss-foil-frame[data-ss-foil=etched]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.55 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=etched]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.34 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:linear-gradient(var(--ss-foil-angle),#000 0,hsl(calc(var(--ss-h0) - 6deg) 60% 26%) 26%,hsl(calc(var(--ss-h0) + 12deg) 25% 34%) 55%,#000 100%)}.ss-foil-frame[data-ss-foil=radiant]{--ss-h0:0deg;--ss-foil-angle:90deg;--ss-glare-peak:0.88}.ss-foil-frame[data-ss-foil=radiant]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.92 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1) * calc(.6 + .4 * var(--ss-from-top)));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,#000 5px,hsl(calc(var(--ss-h0) + 0deg) 100% 60%) 9px,#000 14px,#000 19px,hsl(calc(var(--ss-h0) + 140deg) 100% 58%) 23px,#000 28px,#000 33px,hsl(calc(var(--ss-h0) + 250deg) 100% 62%) 37px,#000 44px);background-image:repeating-conic-gradient(from 0deg at 50% 42%,#000 0deg 3deg,hsl(calc(var(--ss-h0) + 0deg) 100% 60%) 4.5deg,#000 7deg 9deg,hsl(calc(var(--ss-h0) + 140deg) 100% 58%) 10.5deg,#000 13deg 15deg,hsl(calc(var(--ss-h0) + 250deg) 100% 62%) 16.5deg,#000 19deg 22deg)}.ss-foil-frame[data-ss-foil=radiant]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.3 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=radiant]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.46 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=rainbow]{--ss-h0:0deg;--ss-foil-angle:115deg;--ss-glare-peak:0.95}.ss-foil-frame[data-ss-foil=rainbow]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(1 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,hsl(calc(var(--ss-h0) + 0deg) 100% 60%) 9px,hsl(calc(var(--ss-h0) + 90deg) 100% 64%) 19px,hsl(calc(var(--ss-h0) + 180deg) 100% 60%) 29px,hsl(calc(var(--ss-h0) + 270deg) 100% 64%) 39px,#000 50px),repeating-linear-gradient(-22deg,#000 0,hsl(calc(var(--ss-h0) + 180deg) 100% 58%) 11px,hsl(calc(var(--ss-h0) + 300deg) 100% 62%) 23px,#000 34px);background-blend-mode:screen,normal}.ss-foil-frame[data-ss-foil=rainbow]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.4 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=rainbow]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.65 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=gold]{--ss-h0:42deg;--ss-grain-h2:calc(var(--ss-h0) - 14deg);--ss-foil-angle:108deg;--ss-glare-peak:1}.ss-foil-frame[data-ss-foil=gold]:is([data-ss-foil-live],:hover) .ss-foil-grating{opacity:calc(.95 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1) * calc(.6 + .4 * var(--ss-from-left)));background-image:repeating-linear-gradient(var(--ss-foil-angle),#000 0,#000 4px,#d16405 9px,#ffde70 15px,#f9f5dc 18px,#f9a006 23px,#000 30px)}.ss-foil-frame[data-ss-foil=gold]:is([data-ss-foil-live],:hover) .ss-foil-grain{opacity:calc(.8 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1))}.ss-foil-frame[data-ss-foil=gold]:is([data-ss-foil-live],:hover) .ss-foil-glow{opacity:calc(.55 * var(--ss-flare) * var(--ss-fa, 0) * var(--ss-foil-strength, 1));background-image:linear-gradient(var(--ss-foil-angle),#000 0,#773d03 24%,#b39005 52%,#815303 76%,#000 100%)}@media (prefers-reduced-motion:reduce){.ss-foil-layer{display:none!important}.ss-foil-frame[data-ss-foil],.ss-foil-frame[data-ss-foil]:is([data-ss-foil-live],:hover){transform:none!important;transition:none!important;isolation:auto;will-change:auto;contain:none;z-index:auto}}