.glass-icons{justify-content:center;gap:var(--glass-icons-row-gap) var(--glass-icons-gap);box-sizing:border-box;max-width:calc(var(--glass-icons-columns) * var(--glass-icons-size) + (var(--glass-icons-columns) - 1) * var(--glass-icons-gap));isolation:isolate;flex-wrap:wrap;margin:0 auto;display:flex;position:relative}.glass-icons-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.glass-icons-canvas{z-index:1;pointer-events:none;display:block;position:absolute}.glass-icon{width:var(--glass-icons-size);height:var(--glass-icons-size);color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;text-decoration:none;position:relative}.glass-icon-plate{z-index:0;border-radius:var(--glass-icons-radius);will-change:transform, opacity;position:absolute;inset:0}.glass-icon-plate--tilt{transform:rotate(var(--glass-icons-tilt));transform-origin:100% 100%}.glass-icon-plate--offset{transform:translate(calc(var(--glass-icons-spread) * 26%), calc(var(--glass-icons-spread) * -26%))}.glass-icon-plate--circle{transform:translate(calc(var(--glass-icons-spread) * 29%), calc(var(--glass-icons-spread) * -29%));border-radius:50%;inset:9%}.glass-icon-glass{z-index:0;border-radius:var(--glass-icons-radius);background:linear-gradient(var(--glass-icons-tint), var(--glass-icons-tint));box-shadow:0 12px 24px -14px var(--glass-icons-drop);will-change:transform, opacity;position:absolute;inset:0;overflow:hidden}.glass-icon-shade,.glass-icon-shine{border-radius:inherit;pointer-events:none;background-size:100% 100%;position:absolute;inset:0}.glass-icon-shade{opacity:var(--glass-icons-shade)}.glass-icon-shine{opacity:var(--glass-icons-shine)}.glass-icon-face{z-index:2;border-radius:var(--glass-icons-radius);pointer-events:none;will-change:transform, opacity;place-items:center;display:grid;position:absolute;inset:0}.glass-icon:focus-visible .glass-icon-face{outline:2px solid var(--glass-icons-label);outline-offset:4px}.glass-icon-glyph{width:40%;height:40%;color:var(--glass-icons-ink);filter:drop-shadow(0 1px 3px var(--glass-icons-glyph-shadow));place-items:center;display:grid}.glass-icon-glyph>svg{width:100%;height:100%}.glass-icon-label{z-index:2;color:var(--glass-icons-label);white-space:nowrap;pointer-events:none;font-size:13px;font-weight:500;line-height:1.2;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.glass-icons--labels-hover .glass-icon-label{opacity:0;transform:translate(-50%,-4px)}.glass-icons--labels-hover .glass-icon:focus-visible .glass-icon-label{opacity:1;transform:translate(-50%)}.glass-icons.is-intro .glass-icon-plate,.glass-icons.is-intro .glass-icon-glass,.glass-icons.is-intro .glass-icon-face,.glass-icons.is-intro.glass-icons--labels-always .glass-icon-label{opacity:0}@media (hover:hover){.glass-icons--labels-hover .glass-icon:hover .glass-icon-label{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.glass-icon-label{transition:none}}