.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d;border-radius:24px;overflow:hidden}.tilted-card-inner.glossy:before{top:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0,rgba(255,255,255,0));border-radius:24px 24px 0 0}.tilted-card-inner.glossy:after,.tilted-card-inner.glossy:before{content:"";position:absolute;left:0;right:0;height:40%;z-index:2;pointer-events:none}.tilted-card-inner.glossy:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0));border-radius:0 0 24px 24px}.tilted-card-img{top:0;object-fit:cover;border-radius:24px;transform:translateZ(0)}.tilted-card-img,.tilted-card-overlay{position:absolute;left:0;will-change:transform}.tilted-card-overlay{bottom:0;right:0;z-index:3;transform:translateZ(30px)}.tilted-card-caption{left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0}.tilted-card-caption,.tilted-card-shine{pointer-events:none;position:absolute;z-index:3}.tilted-card-shine{top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));transform:rotate(45deg);animation:shine 3s linear infinite}@keyframes shine{0%{transform:translateY(-100%) rotate(45deg)}to{transform:translateY(100%) rotate(45deg)}}:root.dark .tilted-card-inner.glossy:before{background:linear-gradient(180deg,rgba(255,255,255,.25) 0,rgba(255,255,255,0))}:root.light .tilted-card-inner.glossy:before{background:linear-gradient(180deg,rgba(255,255,255,.4) 0,rgba(255,255,255,0))}:root.dark .tilted-card-inner.glossy:after{background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0))}:root.light .tilted-card-inner.glossy:after{background:linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,0))}