.og-tilt{perspective:800px;border-radius:20px;width:100%;height:100%;display:block;position:relative}.og-tilt__card{width:100%;min-height:inherit;border-radius:inherit;height:100%;display:block;position:relative;overflow:hidden}.og-tilt__shade{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.og-tilt__shade:before,.og-tilt__shade:after{content:"";opacity:0;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.og-tilt__shade:before{transform:translate(calc(var(--tilt-x,0) * 25%), calc(var(--tilt-y,0) * 25%));opacity:var(--tilt-lit,0);background:radial-gradient(21% 17%,#090e1c54 0%,#090e1c00 100%)}.og-tilt__shade:after{transform:translate(calc(var(--tilt-x,0) * -25%), calc(var(--tilt-y,0) * -25%));opacity:var(--tilt-lit,0);background:radial-gradient(26% 21%,#ffffff34 0%,#fff0 100%)}.og-tilt:before{content:"";border-radius:inherit;pointer-events:none;transform:translateZ(calc(var(--tilt-lit,0) * -14px)) rotateX(calc(var(--tilt-y,0) * -10deg)) rotateY(calc(var(--tilt-x,0) * 10deg));opacity:var(--tilt-lit,0);position:absolute;inset:0;box-shadow:0 14px 32px -12px #0f172a4d}.og-tilt[data-tilt-active] .og-tilt__card{will-change:transform}.og-tilt[data-tilt-active]:before,.og-tilt[data-tilt-active] .og-tilt__shade:before,.og-tilt[data-tilt-active] .og-tilt__shade:after{will-change:transform, opacity}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.og-tilt__card{transform:none!important}.og-tilt:before,.og-tilt__shade{display:none}}