.feature-card-wrapper{perspective:1000px}.feature-card{position:relative;background-color:hsl(var(--card)/.5);border-color:hsl(var(--border)/.3);transition:transform .4s cubic-bezier(.165,.84,.44,1),border-color .4s ease,box-shadow .4s ease;transform-style:preserve-3d;will-change:transform}.feature-card-content{position:relative;z-index:2;transform:translateZ(20px)}.feature-card:after,.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:opacity .4s ease}.feature-card:before{background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),var(--glow-color),transparent);opacity:0;z-index:1}.feature-card:after{border:1px solid var(--glow-color);opacity:0;z-index:0}.feature-card-wrapper:hover .feature-card{border-color:hsl(var(--border)/.8);transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.feature-card-wrapper:hover .feature-card:before{opacity:.15}.feature-card-wrapper:hover .feature-card:after{opacity:1}.scroller{-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}