.card3d{perspective:1200px;-webkit-touch-callout:none;position:relative}@media (pointer:coarse){.card3d{-webkit-user-select:none;user-select:none}}.card3d a{-webkit-user-drag:none}.card3d[data-holding=true]{-webkit-user-select:none;user-select:none}.card3d-inner{height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateY(var(--flip,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);position:relative}.card3d[data-tilting=true]{z-index:1;cursor:grabbing}.card3d[data-tilting=true] .card3d-inner{transition:none}.card3d[data-tilting=true] .card3d-face{border-radius:.75rem;box-shadow:0 18px 24px #00000038}.card3d[data-shine] .card3d-face:not(.card3d-back){position:relative}.card3d[data-shine] .card3d-face:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), #ffffff40, #fde68a1a 25%, transparent 50%), linear-gradient(115deg, transparent calc(var(--shine-x,50%) - 15%), #fbbf2414 calc(var(--shine-x,50%) - 5%), #ffffff38 var(--shine-x,50%), #fbbf2414 calc(var(--shine-x,50%) + 5%), transparent calc(var(--shine-x,50%) + 15%));opacity:0;border-radius:.75rem;transition:opacity .3s;position:absolute;inset:0}.card3d[data-shine][data-tilting=true] .card3d-face:after{opacity:1}.card3d-face{backface-visibility:hidden;height:100%}.card3d-back{position:absolute;inset:0;transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.card3d-inner{transition:none}}