.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:1.5rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle 400px 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:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight>*{z-index:2;position:relative}
.glass-surface{width:var(--glass-width,100%);height:var(--glass-height,100%);border-radius:var(--glass-border-radius,20px);justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;justify-content:stretch;align-items:stretch;width:100%;height:100%;padding:0;display:flex;position:relative}.glass-surface--svg{-webkit-backdrop-filter:var(--filter-id);backdrop-filter:var(--filter-id)}.glass-surface--svg:after{content:"";background-color:rgba(255,255,255,var(--glass-frost));-webkit-backdrop-filter:saturate(var(--glass-saturation));backdrop-filter:saturate(var(--glass-saturation));pointer-events:none;z-index:0;position:absolute;inset:0}.glass-surface--fallback{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background-color:#ffffff1a;border:1px solid #ffffff1a}