.glass-surface{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;color-scheme:dark;min-height:48px;vertical-align:middle;transition:opacity .26s ease-out,transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__reflection{background:linear-gradient(180deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.08) 38%,transparent 65%);box-shadow:inset 0 1.5px 1px 0 hsla(0,0%,100%,.65);z-index:2;opacity:.9}.glass-surface__chromatic,.glass-surface__reflection{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .25s ease}.glass-surface__chromatic{opacity:.8;z-index:1}.glass-surface__content{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;padding:.65em 1.35em;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;white-space:nowrap;border-radius:inherit;position:relative;z-index:3}.glass-surface--fallback,.glass-surface--svg{background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px) saturate(1.8) brightness(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.8) brightness(1.15);border:1px solid hsla(0,0%,100%,.24);box-shadow:inset 0 1.5px 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 1px 0 rgba(0,0,0,.35),0 8px 32px 0 rgba(0,0,0,.35),0 2px 8px 0 rgba(0,0,0,.2)}.glass-surface:hover{border-color:hsla(0,0%,100%,.45);box-shadow:inset 0 1.5px 2px 0 hsla(0,0%,100%,.85),inset 0 -1px 1px 0 rgba(0,0,0,.25),0 12px 32px 0 rgba(168,85,247,.25),0 4px 12px 0 rgba(0,0,0,.3)}.glass-surface:hover .glass-surface__reflection{opacity:1;background:linear-gradient(180deg,hsla(0,0%,100%,.48),hsla(0,0%,100%,.12) 42%,transparent 72%)}.glass-surface:hover .glass-surface__chromatic{opacity:1}.glass-surface:active{transform:scale(.98)}.glass-surface:focus-visible{outline:2px solid #007aff;outline-offset:2px}