.pk-tilt{--pk-ease:cubic-bezier(.23, 1, .32, 1);--on:0;--press:1;transform-origin:50%;transform:perspective(var(--persp)) rotateX(calc(var(--ty,0) * var(--tilt) * -1deg)) rotateY(calc(var(--tx,0) * var(--tilt) * 1deg)) translate3d(calc(var(--tx,0) * var(--shift)), calc(var(--ty,0) * var(--shift)), calc(var(--on) * var(--lift))) scale(var(--press));box-shadow:calc(var(--tx,0) * var(--edge) * -1) calc(var(--ty,0) * var(--edge) * -1) 0 0 var(--tilt-side,#0c0c14), calc(var(--tx,0) * var(--rim)) calc(var(--ty,0) * var(--rim)) 0 0 rgba(255,255,255,calc(var(--on) * .12)), calc(var(--tx,0) * var(--sweep) * -1) calc(var(--ty,0) * var(--sweep) * -.66 + var(--on) * var(--drop)) calc(var(--on) * var(--shade)) calc(var(--on) * var(--spread)) #0009;transition:transform .32s var(--pk-ease), box-shadow .32s var(--pk-ease), background-color .15s var(--pk-ease), border-color .15s var(--pk-ease), color .15s var(--pk-ease);will-change:transform;position:relative}.pk-tilt:after{content:"";pointer-events:none;opacity:0;transition:opacity .32s var(--pk-ease);background:radial-gradient(46% 84% at var(--mx,50%) var(--my,50%), #ffffff12, transparent 62%), radial-gradient(82% 147% at var(--mx,50%) var(--my,50%), rgb(var(--case-lit,255 255 255) / calc(.16 * var(--case-k,1))), transparent 64%);position:absolute;inset:0}.pk-tilt:before{content:"";pointer-events:none;opacity:0;transition:opacity .46s var(--pk-ease);box-shadow:0 24px 54px -16px rgb(var(--case-lit,255 255 255) / calc(.34 * var(--case-k,1))), -32px 10px 48px -22px rgb(var(--case-lit,255 255 255) / calc(.22 * var(--case-k,1))), 28px 18px 52px -24px rgb(var(--case-lit,255 255 255) / calc(.17 * var(--case-k,1)));position:absolute;inset:0}.pk-tilt[data-tilt]:before{opacity:1;animation:9.5s ease-in-out infinite pk-glow-breathe}@keyframes pk-glow-breathe{0%,to{filter:opacity(.72)}34%{filter:opacity()}67%{filter:opacity(.86)}}.pk-tilt--card{--tilt:4;--shift:4px;--lift:8px;--edge:9px;--rim:1.5px;--persp:620px;--sweep:18px;--drop:20px;--shade:48px;--spread:-6px}.pk-tilt--btn{--tilt:5.5;--shift:2px;--lift:4px;--edge:3px;--rim:1px;--persp:320px;--sweep:6px;--drop:7px;--shade:16px;--spread:-2px}.pk-tilt[data-tilt]{--on:1}.pk-tilt[data-tilt]:after{opacity:1}.pk-tilt:active{--press:.99}.pk-tilt:not([data-tilt]),.pk-tilt:not([data-tilt]):after{transition-duration:.56s}.pk-tilt[data-tilt]{z-index:1}@media (hover:none),(pointer:coarse){.pk-tilt{box-shadow:none;will-change:auto;transform:none}.pk-tilt:after,.pk-tilt:before{content:none}}@media (prefers-reduced-motion:reduce){.pk-tilt{box-shadow:none;will-change:auto;transition:background-color .15s var(--pk-ease);transform:none}.pk-tilt:after,.pk-tilt:before{content:none}}