.klyp-SidebarMenuButton{--smb-size:var(--control-size-md);width:100%;height:var(--smb-size);min-height:var(--smb-size);max-height:var(--smb-size);border-radius:var(--r-chip);color:var(--color-fg-primary);text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1;font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);transition:color var(--duration-fast) var(--easing-standard);background:0 0;border:0;flex-shrink:0;align-items:center;gap:0;padding:0;text-decoration:none;display:flex;position:relative}.klyp-SidebarMenuButton[data-size=lg]{--smb-size:var(--space-40)}.klyp-SidebarMenuButton:before{content:"";border-radius:inherit;background-color:var(--color-bg-surface-solid);opacity:0;pointer-events:none;z-index:0;transition:opacity var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);position:absolute;inset:0}.klyp-SidebarMenuButton>*{z-index:1;position:relative}.klyp-SidebarMenuButton[data-active=true]:before{opacity:1;background-color:var(--color-bg-surface-solid)}.klyp-SidebarMenuButton[data-active=true],.klyp-SidebarMenuButton[data-active=true] .klyp-SidebarMenuButton__icon{color:var(--color-fg-on-active-nav)}.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):hover:before,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):focus-visible:before,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true])[data-hovered=true]:before{opacity:1;background-color:var(--color-bg-surface-hover)}.klyp-SidebarMenuButton:focus-visible{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--space-2)}.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):hover .klyp-SidebarMenuButton__icon>svg,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):focus-visible .klyp-SidebarMenuButton__icon>svg,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true])[data-hovered=true] .klyp-SidebarMenuButton__icon>svg,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):hover .klyp-SidebarMenuButton__icon .klyp-SidebarLottie,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true]):focus-visible .klyp-SidebarMenuButton__icon .klyp-SidebarLottie,.klyp-SidebarMenuButton:not([data-disabled=true]):not([data-active=true])[data-hovered=true] .klyp-SidebarMenuButton__icon .klyp-SidebarLottie{transform:scale(1.15)}.klyp-SidebarMenuButton[data-disabled=true]{color:var(--color-fg-subtle);cursor:not-allowed}.klyp-SidebarMenuButton[data-disabled=true] .klyp-SidebarMenuButton__icon{color:var(--color-fg-on-active-nav);opacity:var(--opacity-disabled)}.klyp-SidebarMenuButton[data-disabled=true]:before{opacity:0}.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon{flex:0 0 var(--smb-size);width:var(--smb-size);height:var(--smb-size);color:var(--color-fg-on-active-nav);transition:color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;display:inline-flex}.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md);transition:transform var(--duration-normal) var(--easing-standard)}.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon .klyp-SidebarLottie{transition:transform var(--duration-normal) var(--easing-standard);transform-origin:50%}.klyp-SidebarMenuButton[data-size=lg] .klyp-SidebarMenuButton__icon>svg{width:22px;height:22px}.klyp-SidebarMenuButton .klyp-SidebarMenuButton__label{opacity:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:200px;color:inherit;transition:opacity var(--duration-normal) var(--easing-standard), max-width var(--duration-normal) var(--easing-standard);flex:0 auto;overflow:hidden}.klyp-SidebarMenuButton .klyp-SidebarMenuButton__badge{height:var(--space-20);padding-inline:var(--space-8);border-radius:var(--r-chip);background-color:var(--color-bg-surface-solid);color:var(--color-fg-subtle);font-size:var(--font-size-11);font-weight:var(--font-weight-medium);white-space:nowrap;opacity:1;max-width:80px;transition:opacity var(--duration-normal) var(--easing-standard), max-width var(--duration-normal) var(--easing-standard), margin-inline-start var(--duration-normal) var(--easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:var(--space-4);display:inline-flex}.klyp-SidebarMenuButton[data-collapsed=true] .klyp-SidebarMenuButton__label,.klyp-SidebarMenuButton[data-collapsed=true] .klyp-SidebarMenuButton__badge{opacity:0;pointer-events:none;flex:0 0 0;max-width:0;margin-inline-start:0}@media (prefers-reduced-motion:reduce){.klyp-SidebarMenuButton,.klyp-SidebarMenuButton:before,.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon,.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon>svg,.klyp-SidebarMenuButton .klyp-SidebarMenuButton__icon .klyp-SidebarLottie,.klyp-SidebarMenuButton .klyp-SidebarMenuButton__label,.klyp-SidebarMenuButton .klyp-SidebarMenuButton__badge{transition:none!important}}