.ui-navigation-rail-item{position:relative;display:block;width:100%;height:72rem;padding:0;border:none;background:transparent;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:all var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);line-height:var(--md-sys-typescale-label-small-line-height);font-weight:var(--md-sys-typescale-label-small-weight)}.ui-navigation-rail-item__indicator{top:4rem;transform:translate(-50%);width:56rem;height:32rem;border-radius:var(--sys-shape-corner-full);background-color:var(--md-sys-color-secondary-container);opacity:0;z-index:0}.ui-navigation-rail-item__icon-wrapper,.ui-navigation-rail-item__indicator{position:absolute;left:50%;transition:all var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard)}.ui-navigation-rail-item__icon-wrapper{top:20rem;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;z-index:1}.ui-navigation-rail-item__icon{font-size:24rem}.ui-navigation-rail-item__badge{position:absolute;top:-12rem;right:-24rem}.ui-navigation-rail-item__label{position:absolute;top:54rem;left:50%;transform:translate(-50%,-50%);width:-moz-max-content;width:max-content;text-align:center;z-index:1;transition:all var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard)}.ui-navigation-rail-item:hover{color:var(--md-sys-color-on-surface)}.ui-navigation-rail-item:hover .ui-navigation-rail-item__indicator{opacity:.08;background-color:var(--md-sys-color-on-surface)}.ui-navigation-rail-item--active{color:var(--md-sys-color-primary);font-weight:700}.ui-navigation-rail-item--active .ui-navigation-rail-item__indicator{opacity:1;background-color:var(--md-sys-color-secondary-container)}.ui-navigation-rail-item--active:hover{color:var(--md-sys-color-primary)}.ui-navigation-rail-item--active:hover .ui-navigation-rail-item__indicator{opacity:.12}.ui-navigation-rail-item--expanded{height:56rem}.ui-navigation-rail-item--expanded .ui-navigation-rail-item__indicator{top:0;left:12rem;transform:translate(0);width:calc(100% - 24rem);height:56rem}.ui-navigation-rail-item--expanded .ui-navigation-rail-item__icon-wrapper{top:28rem;left:40rem}.ui-navigation-rail-item--expanded .ui-navigation-rail-item__label{top:28rem;left:72rem;transform:translateY(-50%);text-align:left}:root{--ui-navigation-rail-width:96rem;--ui-navigation-rail-width-expanded:256rem}.ui-navigation-rail{width:var(--ui-navigation-rail-width);border-radius:var(--sys-shape-corner-large);background-color:var(--md-sys-color-surface);box-shadow:0 0 0 1rem color-mix(in srgb,var(--md-sys-color-outline-variant) 40%,transparent);display:flex;flex-direction:column;align-items:center;gap:8rem;color:var(--md-sys-color-on-surface-variant);transition:width var(--sys-motion-duration-medium-2) var(--sys-motion-easing-standard);overflow:hidden;position:sticky;top:var(--m3-layout-inset-top,0);height:calc(100dvh - var(--m3-layout-inset-top, 0px));z-index:40}.ui-navigation-rail__list{padding-block:12rem;padding-inline:8rem;width:100%;display:flex;flex-direction:column}.ui-navigation-rail--expanded{width:var(--ui-navigation-rail-width-expanded)}.ui-navigation-rail--hosted{width:100%;min-height:0;height:auto;position:static;z-index:auto}.m-layout-header--sticky{z-index:50}