@layer components{.ui-sidebar{timeline-scope:--sidebar-scroll;flex-direction:column;height:100%;min-height:0;display:flex}.ui-sidebar-header,.ui-sidebar-footer{z-index:1;animation:none;animation-timeline:--sidebar-scroll;position:relative}.ui-sidebar-header{animation-name:sidebar-header-shadow;animation-range:0 1rem}.ui-sidebar-footer{animation-name:sidebar-footer-shadow;animation-range:calc(100% - 1rem) 100%}@keyframes sidebar-header-shadow{0%{box-shadow:0 0 #0000}to{box-shadow:0 6px 8px -6px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#00000080)}}@keyframes sidebar-footer-shadow{0%{box-shadow:0 -6px 8px -6px var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#00000080)}to{box-shadow:0 0 #0000}}:is(.ui-sidebar-header,.ui-sidebar-content,.ui-sidebar-footer){gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * 2);flex-direction:column;display:flex}[data-icon-only]>:is(.ui-sidebar-header,.ui-sidebar-content,.ui-sidebar-footer){align-items:center}.ui-sidebar-content{scrollbar-width:none;--scroll-fade:1.5rem;scroll-timeline:--sidebar-scroll block;flex:1;min-height:0;padding-top:0;animation:linear both scroll-area-fade-block;animation-timeline:scroll(self);overflow:hidden auto}.ui-sidebar-footer{border-top:1px solid var(--color-line-subtle)}.ui-sidebar-group{gap:calc(var(--spacing) * .5);flex-direction:column;align-self:stretch;display:flex}[data-icon-only] .ui-sidebar-group{align-items:center}.ui-sidebar-group+.ui-sidebar-group{margin-top:calc(var(--spacing) * 3)}.ui-sidebar-group-label{padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2);color:var(--text-color-tertiary);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.ui-sidebar-group-separator{height:1px;margin-block:calc(var(--spacing) * 1);background:var(--color-line);align-self:stretch}.ui-sidebar-menu-button{align-items:center;gap:calc(var(--spacing) * 2.5);width:100%;height:calc(var(--spacing) * 8);min-width:0;padding-inline:calc(var(--spacing) * 2);border-radius:var(--radius-md);color:var(--text-color-primary);text-align:start;white-space:nowrap;cursor:pointer;outline:none;flex:none;font-weight:500;transition:background-color .1s,color .1s,box-shadow .15s;display:flex;position:relative}.ui-sidebar-menu-button:hover,.ui-sidebar-menu-button[aria-expanded=true][data-icon-only]{background-color:var(--color-fill-hover)}.ui-sidebar-menu-button:focus-visible{box-shadow:0 0 0 1px var(--color-focus-line), 0 0 0 4px var(--color-focus)}.ui-sidebar-menu-button[data-active]{background-color:var(--color-raised);box-shadow:var(--shadow-raised)}.ui-sidebar-menu-button[data-icon-only]{width:calc(var(--spacing) * 8);justify-content:center;padding-inline:0}@media (pointer:coarse){.ui-sidebar-menu-button{height:calc(var(--spacing) * 10)}}.ui-sidebar-menu-icon{width:1.125rem;height:1.125rem;color:var(--text-color-secondary);flex:none}:is(:hover,[data-active],[data-contains-active])>.ui-sidebar-menu-icon,:is(:hover,[data-active])>.ui-sidebar-menu-icon-wrap>.ui-sidebar-menu-icon{color:var(--text-color-primary)}.ui-sidebar-menu-icon-wrap{flex:none;display:flex;position:relative}.ui-sidebar-menu-dot{background-color:var(--color-danger);border-radius:9999px;width:.5rem;height:.5rem;position:absolute;top:-.125rem;right:-.125rem}[data-icon-only]>.ui-sidebar-menu-badge{position:absolute;top:-.25rem;right:-.25rem}.ui-sidebar-menu-item{flex:none;align-self:stretch;display:flex;position:relative}.ui-sidebar-menu-action{opacity:0;align-items:center;transition:opacity .1s;display:flex;position:absolute;inset-block:0;inset-inline-end:calc(var(--spacing) * 1)}.ui-sidebar-menu-item:has(:focus-visible)>.ui-sidebar-menu-action{opacity:1}.ui-sidebar-menu-item:has(:focus-visible) .ui-sidebar-menu-badge{visibility:hidden}@media (hover:hover){.ui-sidebar-menu-item:hover>.ui-sidebar-menu-action{opacity:1}.ui-sidebar-menu-item:hover .ui-sidebar-menu-badge{visibility:hidden}}.ui-sidebar-menu-sub{flex-direction:column;align-self:stretch;display:flex}.ui-sidebar-menu-button[data-split]{gap:0;padding-inline:0}.ui-sidebar-menu-button[data-split]>*{border-radius:inherit;cursor:pointer;outline:none;align-self:stretch;align-items:center;display:flex}.ui-sidebar-menu-button[data-split]>*:focus-visible{box-shadow:0 0 0 1px var(--color-focus-line), 0 0 0 4px var(--color-focus)}.ui-sidebar-menu-link{gap:calc(var(--spacing) * 2.5);min-width:0;flex:1;padding-inline-start:calc(var(--spacing) * 2)}.ui-sidebar-menu-toggle{width:calc(var(--spacing) * 8);justify-content:center}.ui-sidebar-menu-chevron{width:.875rem;height:.875rem;color:var(--text-color-tertiary);flex:none;transition:rotate .2s}[aria-expanded=true]>.ui-sidebar-menu-chevron{rotate:90deg}.ui-sidebar-menu-sub-items{gap:calc(var(--spacing) * .5);padding-block:calc(var(--spacing) * .5);border-inline-start:1px solid var(--color-line);flex-direction:column;margin-inline-start:calc(var(--spacing) * 4.25);padding-inline-start:calc(var(--spacing) * 2);display:flex}.ui-sidebar-flyout-label{padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2) calc(var(--spacing) * 1);color:var(--text-color-tertiary);font-size:var(--text-xs);font-weight:500;display:block}.ui-sidebar-flyout-label[href]:hover{color:var(--text-color-primary)}}