hover-tilt{vertical-align:top;border-radius:inherit;line-height:0;display:inline-block}hover-tilt::part(container),hover-tilt::part(tilt){border-radius:inherit;overflow:visible}hover-tilt .card{border-radius:inherit;transform-style:flat;will-change:auto;z-index:auto;pointer-events:auto;--pointer-x:calc(var(--hover-tilt-x,.5)*100%);--pointer-y:calc(var(--hover-tilt-y,.5)*100%);--pointer-from-left:var(--hover-tilt-x,.5);--pointer-from-top:var(--hover-tilt-y,.5);--pointer-from-center:max(abs(calc(var(--hover-tilt-x,.5) - .5)),abs(calc(var(--hover-tilt-y,.5) - .5)));--card-opacity:var(--hover-tilt-opacity,0);--card-scale:1;--background-x:calc(var(--hover-tilt-x,.5)*100%);--background-y:calc(var(--hover-tilt-y,.5)*100%);--rotate-x:0deg;--rotate-y:0deg;--translate-x:0px;--translate-y:0px;background-color:#000;width:100%;height:100%;display:grid;position:relative;overflow:hidden;transform:none}hover-tilt .card>*{border-radius:inherit;pointer-events:none;grid-area:1/1;width:100%;height:100%}hover-tilt .card>.card__front,hover-tilt .card>img{object-fit:cover;z-index:1;display:block;overflow:hidden}hover-tilt .card>.card__shine,hover-tilt .card>.card__glare{opacity:var(--card-opacity,1);z-index:2;background-position:50%;background-size:cover;display:grid;position:relative;overflow:hidden}hover-tilt .card>.card__shine{mix-blend-mode:color-dodge}hover-tilt .card>.card__glare{mix-blend-mode:overlay;z-index:3}hover-tilt .card>.card__shine:before,hover-tilt .card>.card__shine:after,hover-tilt .card>.card__glare:before,hover-tilt .card>.card__glare:after{content:"";border-radius:inherit;pointer-events:none;background-position:50%;background-size:cover;grid-area:1/1;width:100%;height:100%;display:block}hover-tilt .card.masked .card__shine,hover-tilt .card.masked .card__shine:before,hover-tilt .card.masked .card__shine:after{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}hover-tilt[data-foil-active="1"]::part(tilt):before{display:none}