@layer mdc-navigation-rail{._navigation-rail-tab_1bkdt_2{--_active-indicator-color: var(--md-navigation-rail-active-indicator-color, var(--md-sys-color-secondary-container, #e8def8));--_active-indicator-height: var(--md-navigation-rail-active-indicator-height, 32px);--_active-indicator-shape: var(--md-navigation-rail-active-indicator-shape, var(--md-sys-shape-corner-full, 9999px));--_active-indicator-width: var(--md-navigation-rail-active-indicator-width, 56px);--_active-focus-icon-color: var(--md-navigation-rail-active-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_active-focus-label-text-color: var(--md-navigation-rail-active-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-focus-state-layer-color: var(--md-navigation-rail-active-focus-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-icon-color: var(--md-navigation-rail-active-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_active-hover-label-text-color: var(--md-navigation-rail-active-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-color: var(--md-navigation-rail-active-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-icon-color: var(--md-navigation-rail-active-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_active-label-text-color: var(--md-navigation-rail-active-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-label-text-weight: var(--md-navigation-rail-active-label-text-weight, var(--md-sys-typescale-label-medium-weight-prominent, var(--md-ref-typeface-weight-bold, 700)));--_active-pressed-icon-color: var(--md-navigation-rail-active-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_active-pressed-label-text-color: var(--md-navigation-rail-active-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-color: var(--md-navigation-rail-active-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_container-color: var(--md-navigation-rail-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-navigation-rail-container-elevation, 0);--_container-shape: var(--md-navigation-rail-container-shape, var(--md-sys-shape-corner-none, 0px));--_container-width: var(--md-navigation-rail-container-width, 80px);--_focus-state-layer-opacity: var(--md-navigation-rail-focus-state-layer-opacity, .12);--_hover-state-layer-opacity: var(--md-navigation-rail-hover-state-layer-opacity, .08);--_icon-size: var(--md-navigation-rail-icon-size, 24px);--_inactive-focus-icon-color: var(--md-navigation-rail-inactive-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-focus-label-text-color: var(--md-navigation-rail-inactive-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-focus-state-layer-color: var(--md-navigation-rail-inactive-focus-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-hover-icon-color: var(--md-navigation-rail-inactive-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-hover-label-text-color: var(--md-navigation-rail-inactive-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-hover-state-layer-color: var(--md-navigation-rail-inactive-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-icon-color: var(--md-navigation-rail-inactive-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_inactive-label-text-color: var(--md-navigation-rail-inactive-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_inactive-pressed-icon-color: var(--md-navigation-rail-inactive-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-pressed-label-text-color: var(--md-navigation-rail-inactive-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_inactive-pressed-state-layer-color: var(--md-navigation-rail-inactive-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-navigation-rail-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-navigation-rail-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-navigation-rail-label-text-size, var(--md-sys-typescale-label-medium-size, .75rem));--_label-text-tracking: var(--md-navigation-rail-label-text-tracking, );--_label-text-type: var(--md-navigation-rail-label-text-type, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)) var(--md-sys-typescale-label-medium-size, .75rem) / var(--md-sys-typescale-label-medium-line-height, 1rem) var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-weight: var(--md-navigation-rail-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_no-label-active-indicator-height: var(--md-navigation-rail-no-label-active-indicator-height, 56px);--_no-label-active-indicator-shape: var(--md-navigation-rail-no-label-active-indicator-shape, var(--md-sys-shape-corner-full, 9999px));--_pressed-state-layer-opacity: var(--md-navigation-rail-pressed-state-layer-opacity, .12)}._navigation-rail-tab_1bkdt_2 [data-component=focus-ring]{--md-focus-ring-shape: var(--md-sys-shape-corner-small, 8px);--md-focus-ring-inward-offset: -1px}._navigation-rail-tab_1bkdt_2{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:0;flex-direction:column;height:-moz-fit-content;height:fit-content;justify-content:center;min-height:48px;min-width:48px;outline:none;padding:8px 0 12px;position:relative;text-align:center;width:100%;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-transform:inherit}._navigation-rail-tab_1bkdt_2::-moz-focus-inner{border:0;padding:0}._navigation-rail-tab_1bkdt_2 ._icon-content_1bkdt_80{align-items:center;box-sizing:border-box;display:flex;justify-content:center;position:relative;z-index:1;border-radius:inherit}._navigation-rail-tab_1bkdt_2 ._label_1bkdt_89{height:16px;margin-top:4px;opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1);z-index:1}._navigation-rail-tab_1bkdt_2 ._label--hide-inactive-label_1bkdt_96:not(:is(._active_1bkdt_96,[active])) ._navigation-rail-tab_1bkdt_2 ._label_1bkdt_89{height:0;opacity:0}._navigation-rail-tab_1bkdt_2 ._active-indicator_1bkdt_100{display:flex;justify-content:center;opacity:0;position:absolute;transition:width .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);width:32px;margin-left:12px;margin-right:12px;background-color:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);z-index:-1}._navigation-rail-tab_1bkdt_2[active-navigation-tab] ._active-indicator_1bkdt_100{opacity:1}._navigation-rail-tab_1bkdt_2 ._active-indicator_1bkdt_100,._navigation-rail-tab_1bkdt_2 ._icon-content_1bkdt_80{height:var(--_active-indicator-height)}._navigation-rail-tab_1bkdt_2[active-navigation-tab] ._active-indicator_1bkdt_100,._navigation-rail-tab_1bkdt_2 ._icon-content_1bkdt_80{width:var(--_active-indicator-width)}._navigation-rail-tab_1bkdt_2 ._icon_1bkdt_80{fill:currentColor;align-self:center;display:inline-block;position:relative;width:var(--_icon-size);height:var(--_icon-size);font-size:var(--_icon-size)}._navigation-rail-tab_1bkdt_2 ._icon_1bkdt_80._icon--active_1bkdt_131{display:none}._navigation-rail-tab_1bkdt_2 [data-component=ripple]{z-index:0;border-radius:var(--_active-indicator-shape)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]{--md-ripple-hover-color: var(--_active-hover-state-layer-color);--md-ripple-pressed-color: var(--_active-pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}._navigation-rail-tab_1bkdt_2[active-navigation-tab] ._icon_1bkdt_80{display:none;color:var(--_active-icon-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab] ._icon--active_1bkdt_131{display:inline-block}._navigation-rail-tab_1bkdt_2[active-navigation-tab] ._label_1bkdt_89{color:var(--_active-label-text-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:hover ._icon_1bkdt_80{color:var(--_active-hover-icon-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:hover ._label_1bkdt_89{color:var(--_active-hover-label-text-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:focus ._icon_1bkdt_80{color:var(--_active-focus-icon-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:focus ._label_1bkdt_89{color:var(--_active-focus-label-text-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:active ._icon_1bkdt_80{color:var(--_active-pressed-icon-color)}._navigation-rail-tab_1bkdt_2[active-navigation-tab]:active ._label_1bkdt_89{color:var(--_active-pressed-label-text-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]){--md-ripple-hover-color: var(--_inactive-hover-state-layer-color);--md-ripple-pressed-color: var(--_inactive-pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]) ._icon_1bkdt_80{color:var(--_inactive-icon-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]) ._label_1bkdt_89{color:var(--_inactive-label-text-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):hover ._icon_1bkdt_80{color:var(--_inactive-hover-icon-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):hover ._label_1bkdt_89{color:var(--_inactive-hover-label-text-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):focus ._icon_1bkdt_80{color:var(--_inactive-focus-icon-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):focus ._label_1bkdt_89{color:var(--_inactive-focus-label-text-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):active ._icon_1bkdt_80{color:var(--_inactive-pressed-icon-color)}._navigation-rail-tab_1bkdt_2:not([active-navigation-tab]):active ._label_1bkdt_89{color:var(--_inactive-pressed-label-text-color)}._navigation-rail-tab_1bkdt_2[hide-inactive-label]:not([active-navigation-tab]) ._label_1bkdt_89{display:none}}
