.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:hsla(0,0%,100%,.05)}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.6}.plasma-container{width:100%;height:100%}.glare-hover,.plasma-container{position:relative;overflow:hidden}.glare-hover{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);display:grid;place-items:center}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle),transparent 60%,var(--gh-rgba) 70%,transparent,transparent 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.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) ease;background-position:100% 100%,0 0}.waves{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.waves,.waves:before{position:absolute;top:0;left:0}.waves:before{content:"";width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(-.5rem) - 50%),calc(var(50%) - 50%),0);will-change:transform}.waves-canvas{display:block;width:100%;height:100%}.dot-grid{display:flex;align-items:center;justify-content:center}.dot-grid,.dot-grid__wrap{height:100%;width:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}