.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)))}