:root{--border-size-header-nav:.0625rem}.header__nav{grid-area:nav;position:fixed;width:100%;top:0;left:0;z-index:9000;background-color:var(--color-secondary-back)}@container (width>1024px){.header__nav{position:sticky}}.header__nav__mobile{padding:.5rem 1rem;display:grid;grid-template-columns:repeat(2,5rem);justify-content:space-between}@container (width>1024px){.header__nav__mobile{display:none}}.header__nav__mobile__toggle{background:none;border:var(--border-size-header-nav) solid var(--color-secondary-front);color:var(--color-secondary-front);border-radius:.25rem;transition:var(--default-transition);cursor:pointer}.header__nav__mobile__toggle:focus{box-shadow:0 0 0 var(--border-size-header-nav) var(--color-secondary-front)}.header__nav__mobile__toggle:hover{box-shadow:0 0 0 var(--border-size-header-nav) var(--color-secondary-front);background-color:var(--color-secondary-front);color:var(--color-secondary-back)}.header__nav__list{display:none;flex-direction:column;background-color:var(--color-secondary-front)}@container (width>1024px){.header__nav__list{display:flex;flex-direction:row;flex-wrap:wrap}}.header__nav__list--displayed{display:flex}.header__nav__list__item{order:10;display:block;padding:.5rem 1rem;text-transform:uppercase;text-decoration:none;font-weight:bold;color:var(--color-text-inverted);cursor:pointer;transition:var(--default-transition)}@container (width>1024px){.header__nav__list__item{padding:1.5rem 1rem}}.header__nav__list__item:hover,.header__nav__list__item:focus,.header__nav__list__item:active{color:var(--color-text-inverted);background-color:var(--color-secondary-front-hover)}.header__nav__list__item--start{order:1}@container (width>1024px){.header__nav__list__item--start{order:10}}.header__nav__list__separator{display:block;flex-grow:1;order:10}