.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100%/var(--glass-frost,0)),hsl(0 0% 100%/var(--glass-frost,.03)));backdrop-filter:var(--filter-id,url(#glass-filter));box-shadow:0 4px 16px rgba(17,17,26,.05),0 8px 24px rgba(17,17,26,.05),0 16px 56px rgba(17,17,26,.05)}.glass-surface--webgl{background:transparent;border:1px solid rgba(255,255,255,.07);box-shadow:none}.glass-surface--webgl[role=button]:after{border:none;display:none}@media (prefers-color-scheme:dark){.glass-surface--webgl{background:transparent;border:none;box-shadow:none}}.glass-surface[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),filter .25s cubic-bezier(.16,1,.3,1)}.glass-surface[role=button]:before{background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.glass-surface[role=button]:after,.glass-surface[role=button]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}.glass-surface[role=button]:after{border:1px solid rgba(255,255,255,.06);background:transparent;opacity:1;transition:opacity .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1)}.glass-surface[role=button].glass-surface--svg:hover{box-shadow:0 5px 20px rgba(17,17,26,.06),0 10px 36px rgba(17,17,26,.04)}.glass-surface[role=button].glass-surface--webgl:hover{background:rgba(255,255,255,.01);border-color:rgba(255,255,255,.04);box-shadow:none}.glass-surface[role=button]:hover:after{border-color:rgba(255,255,255,.12)}.glass-surface--hovered[role=button]:before{background:radial-gradient(circle 120px at var(--glow-x,50%) var(--glow-y,50%),rgba(255,255,255,.025) 0,rgba(255,255,255,.012) 25%,rgba(255,255,255,.005) 50%,rgba(255,255,255,0) 80%);opacity:1}.glass-surface--pressed[role=button],.glass-surface[role=button]:active{filter:brightness(.9);transition:transform .08s cubic-bezier(.4,0,.2,1),box-shadow .08s cubic-bezier(.4,0,.2,1)}.glass-surface--pressed[role=button]:before,.glass-surface[role=button]:active:before{background:radial-gradient(circle 140px at var(--glow-x,50%) var(--glow-y,50%),rgba(255,255,255,.04) 0,rgba(255,255,255,.018) 25%,rgba(255,255,255,.006) 50%,rgba(255,255,255,0) 80%);opacity:1;transition:opacity .05s ease-out,background .05s ease-out}.glass-surface--pressed[role=button].glass-surface--svg,.glass-surface[role=button].glass-surface--svg:active{box-shadow:0 2px 10px rgba(17,17,26,.04)}.glass-surface--pressed[role=button].glass-surface--webgl,.glass-surface[role=button].glass-surface--webgl:active{background:rgba(255,255,255,.015);border-color:rgba(255,255,255,.03);box-shadow:none}.glass-surface--pressed[role=button]:after,.glass-surface[role=button]:active:after{border-color:rgba(255,255,255,.15)}.glass-surface:focus-visible{outline:2px solid light-dark(rgba(0,122,255,.6),rgba(10,132,255,.6));outline-offset:3px}.glass-surface.glass-surface--static{cursor:default!important}.glass-surface.glass-surface--static:active,.glass-surface.glass-surface--static:focus,.glass-surface.glass-surface--static:focus-visible,.glass-surface.glass-surface--static:hover,.glass-surface.glass-surface--static[role=button],.glass-surface.glass-surface--static[role=button]:active,.glass-surface.glass-surface--static[role=button]:hover{transform:none!important;outline:none!important}.glass-surface.glass-surface--static:after,.glass-surface.glass-surface--static:before{display:none!important}[data-theme=light] .glass-surface--webgl,[data-theme=light] .glass-surface[role=button]:after{border-color:rgba(0,0,0,.08)}[data-theme=light] .glass-surface[role=button]:hover:after{border-color:rgba(0,0,0,.15)}[data-theme=light] .glass-surface--pressed[role=button]:after,[data-theme=light] .glass-surface[role=button]:active:after{border-color:rgba(0,0,0,.18)}[data-theme=light] .glass-surface[role=button].glass-surface--webgl:hover{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}[data-theme=light] .glass-surface--pressed[role=button].glass-surface--webgl,[data-theme=light] .glass-surface[role=button].glass-surface--webgl:active{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.05)}@supports not (backdrop-filter:blur(10px)){.glass-surface--webgl{background:transparent}}@media (prefers-reduced-motion:reduce){.glass-surface,.glass-surface[role=button],.glass-surface[role=button]:after,.glass-surface[role=button]:before{transition:none!important}.glass-surface[role=button]:active,.glass-surface[role=button]:hover{transform:none}}@media (prefers-color-scheme:dark){.glass-surface[role=button].glass-surface--webgl:hover{background:rgba(255,255,255,.008);border-color:rgba(255,255,255,.03);box-shadow:none}.glass-surface--pressed[role=button].glass-surface--webgl,.glass-surface[role=button].glass-surface--webgl:active{background:rgba(255,255,255,.012);border-color:rgba(255,255,255,.025);box-shadow:none}}.glass-surface.tenet-btn.glass-surface--pressed[role=button],.glass-surface.tenet-btn[role=button]:active{filter:brightness(.92)}