.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}
.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}