[data-spotlight]{position:relative;isolation:isolate;--mx:50%;--my:0px}[data-spotlight]:before{padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.08) 40%,rgba(156,212,242,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}[data-spotlight]:after,[data-spotlight]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}[data-spotlight]:after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(156,212,242,.22),transparent 60%);opacity:0;transition:opacity .35s;z-index:1}[data-spotlight][data-lit]:after{opacity:1}[data-spotlight][data-glass=dark]:before{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.04) 45%,rgba(156,212,242,.3))}[data-spotlight][data-glass=light]:before{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(0,0,0,.05) 45%,rgba(43,108,152,.25))}[data-spotlight][data-glass=light]:after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(43,108,152,.1),transparent 60%)}@media (hover:hover){[data-spotlight]{transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}[data-spotlight]:hover{transform:translateY(-4px)}}.v12-shine{position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px -14px rgba(43,108,152,.9)}.v12-shine:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg) translateX(0);opacity:0;pointer-events:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.v12-shine:hover:after{animation:shine 1.1s cubic-bezier(.4,0,.2,1)}}@keyframes shine{0%{opacity:0;transform:skewX(-18deg) translateX(0)}20%{opacity:1}to{opacity:0;transform:skewX(-18deg) translateX(420%)}}.v12-glowline{position:relative}.v12-glowline:before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(156,212,242,.7),transparent);box-shadow:0 0 24px rgba(156,212,242,.35);pointer-events:none}