:root{--mds-navigation-header-base-height: var(--mds-navigation-header-height, 4rem)}.mcc-navigation-header{--mds-navigation-header-base-border-width: var(--mds-navigation-header-border-width, .0625rem);--mds-navigation-header-base-border-color: var(--mds-navigation-header-border-color, var(--mds-divider-color, #d5d6e0));--mds-navigation-header-base-background-color: var(--mds-navigation-header-background-color, var(--mds-ui-color-01, #fff));position:relative;display:flex;align-items:center;height:var(--mds-navigation-header-base-height);border-bottom:var(--mds-navigation-header-base-border-width) solid var(--mds-navigation-header-base-border-color);padding:.5rem;background:var(--mds-navigation-header-base-background-color);z-index:1030}@media (min-width: 48em){.mcc-navigation-header{padding:.5rem .75rem}}@media (min-width: 80em){.mcc-navigation-header{padding:.5rem 1rem}}.mcc-navigation-header .mcc-dropdown>summary:focus{outline-offset:-.125rem}.mcc-navigation-header--fixed{position:fixed;top:0;left:0;right:0}.mcc-navigation-header--fixed-adjust{padding-top:var(--mds-navigation-header-base-height)}.mcc-navigation-header--navigation-rail-offset{left:var(--navigation-rail-width)}.mcc-navigation-header__name{position:relative;display:flex;align-items:center;height:100%;padding:0 .5rem}@media (min-width: 80em){.mcc-navigation-header__name{padding:0 1rem}}.mcc-navigation-header__name img{height:2.5rem;margin-right:.75rem}.mcc-navigation-header__nav{position:relative;display:flex;align-items:center;gap:.5rem}.mcc-navigation-header__global{display:flex;flex:1 1 0%;justify-content:flex-end;align-items:center;gap:.5rem}.mcc-navigation-header__button{--mds-navigation-header-base-button-background-color: var(--mds-navigation-header-button-background-color, transparent);--mds-navigation-header-base-button-color: var(--mds-navigation-header-button-color, var(--mds-text-color-muted, #666679));--mds-navigation-header-base-button-background-color-hover: var(--mds-navigation-header-button-background-color-hover, var(--mds-ui-color-02, #eeeef1));--mds-navigation-header-base-button-color-hover: var(--mds-navigation-header-button-color-hover, var(--mds-text-color-muted, #666679));--mds-navigation-header-base-button-background-color-active: var(--mds-navigation-header-button-background-color-active, var(--mds-ui-color-03, #e0e0e7));--mds-navigation-header-base-button-color-active: var(--mds-navigation-header-button-color-active, var(--mds-text-color-default, #161616));--mds-navigation-header-base-button-icon-size: var(--mds-navigation-header-button-icon-size, 1.5rem);display:flex;align-items:center;align-self:center;gap:.5rem;border:solid 1px;border-radius:6px;padding:.5rem;background-color:var(--mds-navigation-header-base-button-background-color);color:var(--mds-navigation-header-base-button-color);font-weight:500;transition:70ms cubic-bezier(0,0,.38,.9);transition-property:background-color,border-color;cursor:pointer;white-space:nowrap}@media (forced-colors: none){.mcc-navigation-header__button{border:0}}@media (min-width: 80em){.mcc-navigation-header__button{padding:.75rem 1rem;height:2.75rem}}.mcc-navigation-header__button svg{fill:currentcolor;width:var(--mds-navigation-header-base-button-icon-size);height:var(--mds-navigation-header-base-button-icon-size)}.mcc-navigation-header__button:hover{background-color:var(--mds-navigation-header-base-button-background-color-hover);color:var(--mds-navigation-header-base-button-color-hover)}.mcc-navigation-header__button:focus{--mds-outline-offset: .125rem;--mds-outline-color: var(--mds-ui-color-07, #161616);outline:.125rem solid var(--mds-navigation-header-focus-ouline-color, var(--mds-outline-color));outline-offset:calc(var(--mds-outline-offset) * -1)}.mcc-navigation-header__button:active,.mcc-navigation-header__button.mu-is-active{background-color:var(--mds-navigation-header-base-button-background-color-active);color:var(--mds-navigation-header-base-button-color-active)}.mcc-navigation-header__button:active .svg,.mcc-navigation-header__button.mu-is-active .svg{transition:inherit;transition-property:fill}.mcc-navigation-header__button--icon-only span{margin-left:0;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--navigation-header-height: 4rem}
/* Mosaic Design System | navigation-header | v1.3.3 */
/*# sourceMappingURL=navigation-header.min.css.map */