:root{--navigation-rail-width: 5rem}.mcc-navigation-rail{--mds-navigation-rail-base-background-color: var(--mds-navigation-rail-background-color, var(--mds-ui-color-01, #fff));--mds-navigation-rail-base-border-color: var(--mds-navigation-rail-border-color, var(--mds-divider-color, #d5d6e0));--mds-navigation-rail-base-border-width: var(--mds-navigation-rail-border-width, 1px);--mds-navigation-rail-base-button-background-color: var(--mds-navigation-rail-button-background-color, transparent);--mds-navigation-rail-base-button-color: var(--mds-navigation-rail-button-color, var(--mds-text-color-muted, #666679));--mds-navigation-rail-base-button-background-color-hover: var(--mds-navigation-rail-button-background-color-hover, var(--mds-ui-color-02, #eeeef1));--mds-navigation-rail-base-button-color-hover: var(--mds-navigation-rail-button-color-hover, var(--mds-text-color-muted, #666679));--mds-navigation-rail-base-button-background-color-active: var(--mds-navigation-rail-button-background-color-active, var(--mds-ui-color-03, #e0e0e7));--mds-navigation-rail-base-button-color-active: var(--mds-navigation-rail-button-color-active, var(--mds-text-color-default, #161616));--mds-navigation-rail-base-button-icon-size: var(--mds-navigation-rail-button-icon-size, 1.5rem);z-index:1040;inline-size:min(var(--navigation-rail-width),100%);border-inline-end:var(--mds-navigation-rail-base-border-width) solid var(--mds-navigation-rail-base-border-color);padding-block:var(--mds-spacing-06, 1.5rem);padding-inline:var(--mds-spacing-03, .5rem);min-block-size:100vh;min-block-size:100dvh;background-color:var(--mds-navigation-rail-base-background-color)}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (display: flow-root){.mcc-navigation-rail{min-block-size:100vh}}}.mcc-navigation-rail__nav{display:flex;flex-direction:column;gap:var(--mds-spacing-03, .5rem)}.mcc-navigation-rail__button{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:70ms cubic-bezier(0,0,.38,.9);transition-duration:background-color,border-color,color;border:solid 1px;border-radius:6px;padding:var(--mds-spacing-03, .5rem);block-size:100%;min-block-size:3.5rem;inline-size:100%;background-color:var(--mds-navigation-rail-base-button-background-color);cursor:pointer;user-select:none;font-size:.75rem;line-height:1.833em;color:var(--mds-navigation-rail-base-button-color)}@media (forced-colors: none){.mcc-navigation-rail__button{border:0}}.mcc-navigation-rail__button svg{block-size:var(--mds-navigation-rail-base-button-icon-size);inline-size:var(--mds-navigation-rail-base-button-icon-size);transition:inherit;transition-property:fill;fill:currentcolor}.mcc-navigation-rail__button:focus{--mds-outline-offset: .125rem;--mds-outline-color: var(--mds-ui-color-07, #161616);outline:.125rem solid var(--mds-navigation-rail-focus-ouline-color, var(--mds-outline-color));outline-offset:calc(var(--mds-outline-offset) * -1)}.mcc-navigation-rail__button:hover{background-color:var(--mds-navigation-rail-base-button-background-color-hover);color:var(--mds-navigation-rail-base-button-color-hover)}.mcc-navigation-rail__button:is(:active,.mu-is-active){background-color:var(--mds-navigation-rail-base-button-background-color-active);color:var(--mds-navigation-rail-base-button-color-active)}
/* Mosaic Design System | navigation-rail | v1.3.3 */
/*# sourceMappingURL=navigation-rail.min.css.map */