.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff40;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight>*{z-index:2;position:relative}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}
.glare-hover{width:var(--gh-width,100%);height:var(--gh-height,auto);background:var(--gh-bg);border-radius:var(--gh-br,1rem);border:1px solid var(--gh-border);align-items:center;display:flex;position:relative;overflow:hidden}.glare-hover>*{z-index:2;flex-shrink:0;width:100%;position:relative}.glare-hover:before{content:"";background:linear-gradient(var(--gh-angle,-45deg), #0000 60%, var(--gh-rgba,#ffffff26) 70%, #0000, #0000 100%);transition:var(--gh-duration,.65s) ease;background-size:var(--gh-size,250%) var(--gh-size,250%), 100% 100%;pointer-events:none;z-index:1;background-position:-100% -100%,0 0;background-repeat:no-repeat;position:absolute;inset:0}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:var(--gh-duration,.65s) ease;background-position:100% 100%,0 0}