.tilt-card{--pointer-x:50%;--pointer-y:50%;--background-x:50%;--background-y:50%;--pointer-from-center:0;--rotate-x:0deg;--rotate-y:0deg;--tc-bg:linear-gradient(135deg, #a855f72e, #ec48991f);isolation:isolate;border-radius:inherit;transform-style:preserve-3d;transform:perspective(800px) rotateY(var(--rotate-x)) rotateX(var(--rotate-y));will-change:transform;transition:transform .25s;position:relative;overflow:hidden}.tilt-card.tc-active{transition:transform 50ms linear}.tilt-card .tc-inside{z-index:2;border-radius:inherit;position:relative}.tilt-card .tc-shine{border-radius:inherit;pointer-events:none;z-index:3;background:var(--tc-bg);background-position:var(--background-x) var(--background-y);mix-blend-mode:color-dodge;opacity:calc(.6 * var(--pointer-from-center));background-size:220% 220%;transition:opacity .25s;position:absolute;inset:0}.tilt-card .tc-glare{border-radius:inherit;pointer-events:none;z-index:4;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffff59 8%, #ffffff0d 25%, transparent 55%);opacity:calc(.5 * var(--pointer-from-center));transition:opacity .25s;position:absolute;inset:0}