.depth-module__K_lKPW__stage{--tilt-x:0deg;--tilt-y:0deg;--on:0;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--on) * var(--stage-rise,-4px)));will-change:transform;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);position:relative}.depth-module__K_lKPW__shadow{box-shadow:0 1px 2px #0f1b2d0f,0 18px 40px -28px #12355c59}.depth-module__K_lKPW__layer{transform:translate3d(calc(var(--tilt-px,0) * var(--depth,0) * 1px), calc(var(--tilt-py,0) * var(--depth,0) * 1px), 0) translateY(calc(var(--on) * var(--rise,0) * -1px)) scale(calc(1 + var(--on) * var(--zoom,0)));transition:transform .6s cubic-bezier(.22,1,.36,1)}.depth-module__K_lKPW__glare{pointer-events:none;z-index:30;border-radius:inherit;background:radial-gradient(32rem circle at var(--glare-x,50%) var(--glare-y,0%), #ffffff47, transparent 60%);opacity:var(--on);transition:opacity .4s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.depth-module__K_lKPW__stage:hover{--on:1}.depth-module__K_lKPW__shadow:hover{box-shadow:0 2px 4px #0f1b2d0f,0 40px 70px -36px #12355c80}}@media (prefers-reduced-motion:reduce){.depth-module__K_lKPW__stage,.depth-module__K_lKPW__layer{transition:none}.depth-module__K_lKPW__stage:hover{--on:0}}:is(:root[data-effects=calm] .depth-module__K_lKPW__stage:hover,:root[data-effects=flat] .depth-module__K_lKPW__stage:hover){--on:0}