.glass-icon{perspective:24em;width:2.75em;height:2.75em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:default;border:none;flex-shrink:0;display:inline-flex;position:relative}.glass-icon[role=button],.glass-icon button{cursor:pointer}.glass-icon--sm{width:2em;height:2em}.glass-icon--sm .glass-icon__icon{width:1em;height:1em}.glass-icon--lg{width:3.5em;height:3.5em}.glass-icon--lg .glass-icon__icon{width:1.75em;height:1.75em}.glass-icon__back,.glass-icon__front,.glass-icon__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.glass-icon__back,.glass-icon__front{border-radius:.75em;width:100%;height:100%;position:absolute;top:0;left:0}.glass-icon__back{transform-origin:100% 100%;display:block;transform:rotate(12deg);box-shadow:.35em -.35em .5em #17181c26}.glass-icon__front{-webkit-backdrop-filter:blur(.75em);transform-origin:80%;background-color:#ffffff26;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 .08em #ffffff4d}.glass-icon__icon{color:#fff;justify-content:center;align-items:center;width:1.25em;height:1.25em;margin:auto;display:flex}.glass-icon__icon svg{width:100%;height:100%}.glass-icon__label{white-space:nowrap;text-align:center;opacity:0;color:var(--theme-text-muted,#94a3b8);font-size:.75em;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.glass-icon[role=button]:hover .glass-icon__back,.glass-icon[role=button]:focus-visible .glass-icon__back,a:hover .glass-icon__back,button:hover .glass-icon__back{transform:rotate(22deg)translate3d(-.35em,-.35em,.35em)}.glass-icon[role=button]:hover .glass-icon__front,.glass-icon[role=button]:focus-visible .glass-icon__front,a:hover .glass-icon__front,button:hover .glass-icon__front{transform:translateZ(1.5em)}.glass-icon[role=button]:hover .glass-icon__label,.glass-icon[role=button]:focus-visible .glass-icon__label,a:hover .glass-icon__label,button:hover .glass-icon__label{opacity:1;transform:translateY(15%)}