.glass-nav-icon{perspective:8rem;width:1.375rem;height:1.375rem;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-flex;position:relative}.glass-nav-icon__back,.glass-nav-icon__front{border-radius:.4rem;position:absolute;inset:0}.glass-nav-icon__back{transform-origin:100% 100%;opacity:1;display:block;transform:rotate(8deg);box-shadow:.1rem -.1rem .2rem #17181c29}.glass-nav-icon__front{color:#fff;-webkit-backdrop-filter:blur(.35rem);transform-origin:80%;z-index:1;background-color:#ffffff2e;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 .045rem #ffffff52}.glass-nav-icon__front>*{z-index:1;color:#fff;width:.875rem;height:.875rem;position:relative}.glass-nav-icon--active .glass-nav-icon__front{box-shadow:0 0 0 .045rem #ffffff59 inset, 0 0 .3rem color-mix(in oklab, var(--primary) 35%, transparent);background-color:#ffffff38}html[data-sidebar-icon-style=glass] [data-collapsible=icon] [data-sidebar=menu-button]:has(.glass-nav-icon){justify-content:center;overflow:visible;padding:.25rem!important}:is(html[data-sidebar-icon-style=glass] [data-collapsible=icon] [data-sidebar=menu-button]:has(.glass-nav-icon):hover,html[data-sidebar-icon-style=glass] [data-collapsible=icon] [data-sidebar=menu-button]:has(.glass-nav-icon):focus-visible){background-color:#0000!important;background-image:none!important}