.super-card{position:relative;border-radius:var(--radius-semilarger);border:1px solid rgba(255,255,255,.05)}.super-card.glass{background:#ffffff03;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.super-card.default{background:linear-gradient(0deg,#ffffff03,#ffffff03),#23232380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.super-card.gradient{background:radial-gradient(circle at 5% 65%,rgba(239,145,247,.2) 0%,rgba(239,145,247,.1) 20%,rgba(239,145,247,.05) 30%,rgba(239,145,247,.02) 35%,transparent 40%),radial-gradient(ellipse at 25% 36%,hsla(213,85%,49%,.25) 0%,hsla(213,85%,49%,.18) 20%,hsla(213,85%,49%,.12) 35%,hsla(213,85%,49%,.06) 50%,hsla(213,85%,49%,.02) 60%,transparent 65%)}.super-card.highlighted{border:none}.super-card.highlighted:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:3px;border-radius:inherit;background:linear-gradient(90deg,#ce6bd6,#edb6c8 30%,#39a1db);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.super-card.active{border:1px solid rgba(255,255,255,.5)}a.super-card:hover{border:1px solid rgba(255,255,255,.3)}