hover-tilt{border-radius:inherit;display:inline-block}hover-tilt::part(container){border-radius:inherit;overflow:hidden}hover-tilt::part(tilt){border-radius:inherit}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:1;--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;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;display:block;overflow:hidden}hover-tilt .card>.card__shine,hover-tilt .card>.card__glare{mix-blend-mode:color-dodge;position:relative;overflow:hidden}hover-tilt .card>.card__glare{mix-blend-mode:overlay}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}