:where(ui-nav-rail){--ui-nav-rail-ink:var(--md-sys-color-neutral-on-surface);--ui-nav-rail-ink-active:var(--md-sys-color-primary-high);--ui-nav-rail-surface-hover:var(--md-sys-color-neutral-surface-high);--ui-nav-rail-indicator:var(--md-sys-color-primary);--ui-nav-rail-surface:var(--md-sys-color-neutral-surface);--ui-nav-rail-outline:var(--md-sys-color-neutral-outline-variant);--ui-nav-rail-scrim:var(--md-sys-color-neutral-scrim);--ui-nav-rail-meta-ink:var(--md-sys-color-neutral);--ui-nav-rail-tag-font-family:var(--md-sys-typeface-mono);--ui-nav-rail-active-border-width:2px;--ui-nav-rail-height:var(--md-sys-height-md);--ui-nav-rail-font:var(--md-sys-font-md);--ui-nav-rail-icon:var(--md-sys-icon-md);--ui-nav-rail-gap:var(--md-sys-gap-md);--ui-nav-rail-label-font:var(--md-sys-font-sm);--ui-nav-rail-context-label-size:var(--md-sys-typescale-kicker-small-size);--ui-nav-rail-context-label-weight:var(--md-sys-typescale-kicker-small-weight);--ui-nav-rail-context-label-line-height:var(--md-sys-typescale-kicker-small-line-height);--ui-nav-rail-context-label-tracking:var(--md-sys-typescale-kicker-small-tracking);--ui-nav-rail-context-pad-block-start:var(--md-sys-space-sm);--ui-nav-rail-context-pad-block-end:var(--md-sys-space-xs);--ui-nav-rail-context-pad-block-start-first:var(--md-sys-space-md);--ui-nav-rail-flyout-pad:var(--md-sys-space-xs);--ui-nav-rail-flyout-radius:var(--md-sys-shape-corner-base);--ui-nav-rail-chevron-size:var(--md-sys-space-sm);--ui-nav-rail-flyout-min-inline-size:12rem;--ui-nav-rail-flyout-max-inline-size:min(90vw, 20rem);--ui-nav-rail-flyout-max-block-size:min(50vh, 24rem)}@scope(ui-nav-rail){:scope{box-sizing:border-box;flex-direction:column;display:flex;container:ui-nav-rail-collapse/inline-size}:scope[collapse-container=ancestor]{container-type:normal}ui-nav-rail-group{flex-direction:column;display:flex}[data-part=context-label]{font-size:var(--ui-nav-rail-context-label-size);font-weight:var(--ui-nav-rail-context-label-weight);line-height:var(--ui-nav-rail-context-label-line-height);letter-spacing:var(--ui-nav-rail-context-label-tracking);text-transform:uppercase;color:var(--ui-nav-rail-meta-ink);padding-inline:calc(var(--ui-nav-rail-height) / 2);padding-block-start:var(--ui-nav-rail-context-pad-block-start);padding-block-end:var(--ui-nav-rail-context-pad-block-end)}ui-nav-rail-group:first-of-type>[data-part=context-label]{padding-block-start:var(--ui-nav-rail-context-pad-block-start-first)}[data-part=items]{flex-direction:column;display:flex}ui-nav-rail-item{display:contents}[data-part=activator]{align-items:center;column-gap:var(--ui-nav-rail-gap);box-sizing:border-box;block-size:var(--ui-nav-rail-height);font-size:var(--ui-nav-rail-font);line-height:var(--md-sys-control-line-height);color:var(--ui-nav-rail-ink);border:none;border-inline-start:var(--ui-nav-rail-active-border-width) solid transparent;cursor:pointer;text-align:start;white-space:nowrap;background:0 0;grid-template-columns:1fr;padding-block:0;padding-inline-start:calc(var(--ui-nav-rail-height) / 2 - var(--ui-nav-rail-active-border-width));padding-inline-end:calc(var(--ui-nav-rail-height) / 2);text-decoration:none;display:grid}[data-part=activator]:hover{background:var(--ui-nav-rail-surface-hover)}[data-part=activator]:focus-visible{outline:var(--md-sys-state-focus-ring-width) solid var(--md-sys-color-focus-ring);outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width))}ui-nav-rail-item[selected] [data-part=activator]{border-inline-start-color:var(--ui-nav-rail-indicator);color:var(--ui-nav-rail-ink-active);font-weight:600}[data-part=activator]:has(>[slot=leading]):not(:has(>[slot=trailing])){grid-template-columns:auto minmax(0,1fr)}[data-part=activator]:has(>[slot=trailing]):not(:has(>[slot=leading])){grid-template-columns:minmax(0,1fr) minmax(0,max-content)}[data-part=activator]:has(>[slot=leading]):has(>[slot=trailing]){grid-template-columns:auto minmax(0,1fr) minmax(0,max-content)}[data-part=activator]>[slot=leading],[data-part=activator]>[slot=trailing]{align-items:center;min-inline-size:0;display:inline-flex}[data-part=activator]>[data-role=icon]{inline-size:var(--ui-nav-rail-icon);block-size:var(--ui-nav-rail-icon)}[data-part=activator]>[data-role=tag]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--ui-nav-rail-label-font);font-family:var(--ui-nav-rail-tag-font-family);color:var(--ui-nav-rail-meta-ink);overflow:hidden}[data-part=activator]>[data-part=label]{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}:scope>[data-part=trigger]{display:none}:scope>[data-part=list]:not([popover]){flex-direction:column;display:flex}@container ui-nav-rail-collapse (inline-size<40rem){:scope>[data-part=trigger]{justify-content:space-between;align-items:center;gap:var(--ui-nav-rail-gap);box-sizing:border-box;inline-size:100%;block-size:var(--ui-nav-rail-height);padding-inline:calc(var(--ui-nav-rail-height) / 2);color:var(--ui-nav-rail-ink);font:inherit;font-size:var(--ui-nav-rail-font);text-align:start;cursor:pointer;background:0 0;border:none;display:flex}:scope>[data-part=trigger]:focus-visible{outline:var(--md-sys-state-focus-ring-width) solid var(--md-sys-color-focus-ring);outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width))}:scope>[data-part=trigger]:after{content:"";inline-size:var(--ui-nav-rail-chevron-size);block-size:var(--ui-nav-rail-chevron-size);transition:transform var(--md-sys-motion-duration-fast) var(--md-sys-motion-easing-standard);border-block-end:1.5px solid;border-inline-end:1.5px solid;flex:none;transform:rotate(45deg)}:scope>[data-part=trigger][aria-expanded=true]:after{transform:rotate(-135deg)}:scope>[data-part=list]:not([popover]){display:none}}:scope>[data-part=list]:popover-open{box-sizing:border-box;min-inline-size:var(--ui-nav-rail-flyout-min-inline-size);max-inline-size:var(--ui-nav-rail-flyout-max-inline-size);max-block-size:var(--ui-nav-rail-flyout-max-block-size);padding:var(--ui-nav-rail-flyout-pad);border:1px solid var(--ui-nav-rail-outline);border-radius:var(--ui-nav-rail-flyout-radius);background:var(--ui-nav-rail-surface);box-shadow:0 .5rem 1.5rem var(--ui-nav-rail-scrim);flex-direction:column;margin:0;display:flex;overflow-y:auto}:scope>[data-part=list]:popover-open:focus-visible{outline:var(--md-sys-state-focus-ring-width) solid var(--md-sys-color-focus-ring);outline-offset:calc(-1 * var(--md-sys-state-focus-ring-width))}@media (prefers-reduced-motion:reduce){:scope>[data-part=trigger]:after{transition:none}}:scope[collapse=icon-popover] [data-part=activator]{justify-content:center}:scope[collapse=icon-popover] [data-part=activator]>[data-part=label]{clip:rect(0 0 0 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@media (forced-colors:active){ui-nav-rail-item[selected] [data-part=activator]{border-inline-start-color:highlight}}}