.rog-foil-host,.rog-foil-host hover-tilt,.rog-foil-host hover-tilt::part(container),.rog-foil-host hover-tilt::part(tilt){cursor:pointer}.rog-foil-host hover-tilt{width:100%;height:100%;display:block}.rog-foil{--x:var(--hover-tilt-x,.5);--y:var(--hover-tilt-y,.5);--px:calc(var(--x)*100%);--py:calc(var(--y)*100%);--on:var(--hover-tilt-opacity,0);border-radius:inherit;background:#07070c;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.rog-foil__art{object-fit:cover;user-select:none;pointer-events:none;grid-area:1/1;width:100%;height:100%;display:block}.rog-foil__shine,.rog-foil__glare{pointer-events:none;grid-area:1/1}.rog-foil__shine{opacity:calc(.42 + var(--on)*.58);transition:opacity .16s}.rog-foil__glare{background:radial-gradient(circle at var(--px)var(--py),#ffffff8c,transparent 36%);mix-blend-mode:soft-light;opacity:calc(var(--on)*.9)}.rog-foil--prisma .rog-foil__shine{background:repeating-linear-gradient(118deg,#ff4d6d 0,#ffb703 16px,#80ed99 32px,#4cc9f0 48px,#c77dff 64px,#ff4d6d 80px) 0 0/220% 220%;background-position:calc((var(--x) - .5)*-140%)calc((var(--y) - .5)*-140%);mix-blend-mode:color-dodge}.rog-foil--cromo .rog-foil__shine{background:linear-gradient(calc(108deg + (var(--x) - .5)*50deg),transparent 28%,#bed2e626 40%,#fffffff2 50%,#bed2e626 60%,transparent 72%);background-size:240% 240%;background-position:calc(var(--px) - 40%)calc(var(--py) - 40%);mix-blend-mode:screen;opacity:calc(.25 + var(--on)*.75)}.rog-foil--aurora .rog-foil__shine{background:radial-gradient(circle at var(--px)var(--py),#40ffc4bf,transparent 38%),radial-gradient(circle at calc(var(--px) + 18%)calc(var(--py) - 16%),#ff40a899,transparent 36%),radial-gradient(circle at calc(100% - var(--px))calc(100% - var(--py)),#ffd65080,transparent 42%);mix-blend-mode:screen}.rog-foil--brasa .rog-foil__shine{background:radial-gradient(circle at var(--px)var(--py),#ffd65ae6,#ff5a1459 26%,transparent 52%),repeating-linear-gradient(42deg,#ffbe4659 0 2px,transparent 2px 8px);background-position:center,calc(var(--x)*-40px)calc(var(--y)*-40px);mix-blend-mode:color-dodge}.rog-foil--aceite .rog-foil__shine{background:conic-gradient(from calc(var(--x)*280deg)at var(--px)var(--py),#3a0ca3 0deg,#5b4dff 48deg,#4cc9f0 96deg,#c77dff 144deg,#f72585 188deg,#ff8c42 228deg,#ffd60a 268deg,#06d6a0 316deg,#3a0ca3 360deg);filter:blur(12px);mix-blend-mode:overlay;opacity:calc(.42 + var(--on)*.42);transform:scale(1.22)}.rog-foil--aceite .rog-foil__glare{opacity:0}.rog-foil--aceite-charco .rog-foil__shine{background:radial-gradient(ellipse 85% 70% at calc(18% + var(--x)*22%)calc(22% + var(--y)*18%),#4cc9f0 0%,transparent 72%),radial-gradient(ellipse 78% 82% at calc(78% - var(--x)*16%)calc(28% + var(--y)*22%),#f72585 0%,transparent 70%),radial-gradient(ellipse 92% 64% at calc(42% + var(--x)*18%)calc(82% - var(--y)*18%),#ffd60a 0%,transparent 74%),radial-gradient(ellipse 72% 78% at calc(88% - var(--x)*18%)calc(78% - var(--y)*14%),#06d6a0 0%,transparent 72%),#3a0ca3;mix-blend-mode:overlay;opacity:calc(.42 + var(--on)*.4)}.rog-foil--aceite-marea .rog-foil__shine{background:linear-gradient(calc(118deg + (var(--x) - .5)*36deg),#3a0ca3 0%,#4cc9f0 24%,#f72585 46%,#ffd60a 68%,#06d6a0 100%);background-size:190% 190%;background-position:calc(var(--px) - 45%)calc(var(--py) - 45%);mix-blend-mode:overlay;opacity:calc(.4 + var(--on)*.42)}.rog-foil--aceite-seda .rog-foil__shine{background:linear-gradient(calc(24deg + var(--y)*28deg),#3a0ca3 0%,#4cc9f0 48%,#f72585 100%),linear-gradient(calc(150deg + var(--x)*28deg),#ffd60a 0%,transparent 46%,#06d6a0 100%);background-size:170% 170%,170% 170%;background-position:calc((var(--x) - .5)*50%)calc((var(--y) - .5)*50%),calc((.5 - var(--x))*40%)calc((.5 - var(--y))*40%);mix-blend-mode:overlay;opacity:calc(.4 + var(--on)*.42)}.rog-foil--aceite-bruma .rog-foil__shine{background:radial-gradient(circle 150% at var(--px)calc(var(--py)*.35 + 8%),#4cc9f0f2,transparent 62%),radial-gradient(circle 140% at calc(100% - var(--px))var(--py),#f72585cc,transparent 64%),radial-gradient(circle 160% at 50% calc(100% - var(--py)*.45),#ffd60a8c,transparent 70%),#2d1b4e;mix-blend-mode:overlay;opacity:calc(.45 + var(--on)*.38)}.rog-foil--escarcha .rog-foil__shine{background:linear-gradient(calc(200deg + var(--x)*50deg),transparent 18%,#baf0ff26 38%,#ffffffd9 50%,#8cd2ff33 62%,transparent 80%),radial-gradient(circle at var(--px)var(--py),#ffffffb3,transparent 18%);background-size:180% 180%,100% 100%;background-position:calc(var(--px) - 30%)calc(var(--py) - 30%),center;mix-blend-mode:screen}.rog-foil--oropel .rog-foil__shine{background:linear-gradient(calc(130deg + (var(--y) - .5)*30deg),#5a320026,#ffecaad9,#a0640a33),repeating-linear-gradient(128deg,#78480026 0px,#ffdc6eb3 5px,#fff8d6e6 7px,#8c560833 13px);background-size:200% 200%,140% 140%;background-position:calc(var(--px) - 50%)calc(var(--py) - 50%),calc(var(--x)*-90px)calc(var(--y)*-70px);mix-blend-mode:soft-light;opacity:calc(.55 + var(--on)*.45)}.rog-foil--eclipse .rog-foil__shine{background:radial-gradient(circle at calc((1 - var(--x))*100%)calc((1 - var(--y))*100%),transparent 36%,#7846ff73 68%,#46ffdc8c 100%);mix-blend-mode:screen;opacity:calc(.5 + var(--on)*.5)}