body{--header-icon-size:1.5em;--header-trigger-size:2.5em;--header-column-gap:1.1em}header{position:fixed;top:0;right:0;width:100%;display:flex;column-gap:var(--header-column-gap);justify-content:center;padding:var(--header-column-gap);pointer-events:none;z-index:1000}header .icon{position:relative;display:block;height:var(--header-icon-size);pointer-events:all;cursor:pointer;z-index:20}header .icon svg{height:100%;width:auto;fill:var(--highlight-color)}#header__navigation{position:fixed;top:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--section-padding-vertical) var(--section-padding-horizontal);background-color:var(--background-color);pointer-events:all;z-index:10}#header__navigation:not(.is-active){pointer-events:none;opacity:0}#header__navigation .navigation-item:not(:last-child){margin-bottom:1em}#header__navigation-trigger{position:relative;width:var(--header-trigger-size)}#header__navigation-trigger::before,#header__navigation-trigger>div,#header__navigation-trigger::after{--transform:translateX( -50% );content:'';display:block;position:absolute;left:50%;width:100%;height:var(--border-width);background:var(--highlight-color);-webkit-transform:var(--transform);-moz-transform:var(--transform);transform:var(--transform)}#header__navigation-trigger::before{top:1px}#header__navigation.is-active~#header__navigation-trigger::before,#header__navigation.is-active~#header__navigation-trigger::after{width:0%}#header__navigation-trigger>div{top:calc(50% - var( --border-width ) * 0.5)}#header__navigation.is-active~#header__navigation-trigger>div{--transform:translateX( -50% ) rotate( 28deg );width:113%}#header__navigation.is-active~#header__navigation-trigger>div:last-child{--transform:translateX( -50% ) rotate( -28deg )}#header__navigation-trigger::after{bottom:1px}@media (min-width:700px){body{--header-icon-size:1em;--header-trigger-size:1.6em;--header-column-gap:0.9em}}@media (min-width:1000px){header,#header__navigation{width:50%}}