.holo::part(tilt):before{-webkit-mask-image:var(--hover-tilt-glare-mask),var(--hover-tilt-default-gradient);mask-image:var(--hover-tilt-glare-mask),var(--hover-tilt-default-gradient);background-image:linear-gradient(to top left,#f9b3eb,#e2a6fc,#88a2f8,#a2f5a9 90%);background-size:300% 300%;background-position:var(--gradient-x)var(--gradient-y);-webkit-mask-position:50%,50%;mask-position:50%,50%;-webkit-mask-size:22px 22px,cover;mask-size:22px 22px,cover;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat}.holo::part(tilt):after{content:"";pointer-events:none;background-image:var(--hover-tilt-default-gradient);mix-blend-mode:hard-light;opacity:calc(var(--hover-tilt-opacity,0) - .5);will-change:opacity,background-image;position:absolute;inset:0}hover-tilt.clipped::part(tilt){aspect-ratio:1.149;--hover-tilt-custom-shadow:none;clip-path:shape(from 98.86% 77.69%,line by -16.35% -23.35%,line by 14.9% -16.52%,curve by 1.2% -6.49% with 1.51% -1.68%/1.99% -4.25%,curve by -4.79% -3.71% with -0.79% -2.24%/-2.68% -3.71%,hline by -15.59%,curve by -3.68% 1.78% with -1.39% 0%/-2.71% 0.64%,curve by -2.9% 3.43% with -1.01% 1.19%/-1.97% 2.32%,curve by 0.08% -3.92% with 0.41% -1.24%/0.45% -2.62%,curve by -4.17% -4.04% with -0.61% -2.15%/-2.22% -3.71%,line by -4.85% -0.81%,line by -2.17% -5.05%,curve by -4.63% -3.3% with -0.87% -2.02%/-2.66% -3.3%,smooth by -4.63% 3.3% with -3.76% 1.28%,line by -1.11% 2.6%,curve by 0% -0.19% with 0% -0.06%/0% -0.12%,curve to 28.21% 0% with 50.19% 8.61%/41.36% 0%,hline to 5.16%,curve to 0% 5.93% with 2.31% 0%/0% 2.66%,vline by 47.85%,curve by 5.16% 5.93% with 0% 3.27%/2.31% 5.93%,hline by 12.85%,curve by 1.65% -0.32% with 0.58% 0%/1.13% -0.11%,curve by 1.82% 2.04% with 0.45% 0.84%/1.08% 1.54%,curve by -2.59% 5.14% with -1.55% 1.02%/-2.59% 2.94%,vline by 9.79%,curve by 5.16% 5.93% with 0% 3.27%/2.31% 5.93%,hline by 6.71%,curve by 1.5% 0.08% with 0.66% 0%/1.15% 0.03%,curve by 0% 0.15% with 0% 0.05%/0% 0.1%,vline by 1.6%,curve by 1.2% 12.11% with 0% 5.7%/0.19% 9.14%,curve by 4.81% 3.77% with 0.77% 2.27%/2.68% 3.77%,hline by 12.91%,curve by 4.12% -2.36% with 1.62% 0%/3.14% -0.87%,curve by 0.85% -5.19% with 0.97% -1.48%/1.29% -3.4%,curve by -0.36% -6.88% with -0.36% -1.48%/-0.36% -4.73%,vline by -0.2%,smooth by 0% -2.55% with 0% -2.55%,curve by -0.99% -7.21% with 0% -2.66%/-0.33% -5.07%,curve by 1.85% 1.46% with 0.51% 0.62%/1.13% 1.13%,curve by 1.93% 0.43% with 0.63% 0.29%/1.28% 0.43%,curve by 3.72% -1.81% with 1.37% 0%/2.72% -0.63%,line by 3.78% -4.5%,line by 9.08% 13.8%,curve by 4.11% 2.35% with 0.98% 1.48%/2.5% 2.35%,hline by 15.58%,curve by 4.66% -3.37% with 1.99% 0%/3.79% -1.31%,curve by -0.63% -6.28% with 0.86% -2.06%/0.61% -4.5%,close)}hover-tilt.clipped::part(container){filter:drop-shadow(calc(var(--shadow-x)*calc(var(--hover-tilt-shadow-blur,12)*1px))calc(var(--shadow-y)*calc(var(--hover-tilt-shadow-blur,12)*.5px) + calc(var(--hover-tilt-shadow-blur,12)*.25px))calc(var(--hover-tilt-shadow-blur,12)*.5px)lch(0% 0 0/calc(var(--hover-tilt-opacity,0)*.2 + .05)))drop-shadow(calc(var(--shadow-x)*calc(var(--hover-tilt-shadow-blur,12)*.5px))calc(var(--shadow-y)*calc(var(--hover-tilt-shadow-blur,12)*.25px) + calc(var(--hover-tilt-shadow-blur,12)*.125px))calc(var(--hover-tilt-shadow-blur,12)*.25px)lch(0% 0 0/calc(var(--hover-tilt-opacity,0)*.15 + .03)))}