.header{box-shadow:var(--box-shadow);width:100%}.header,.header ul{background-color:var(--header-background-color)}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.header li a{display:block;padding:20px 40px;border-right:1px solid var(--header-background-color);text-decoration:none}.header .menu-btn:hover,.header li a:hover{background-color:var(--header-background-color)}.header .logo{display:block;float:left;font-size:min(32px,calc((var(--site-title-font-font-size-value) - 1) * 1.2vw + var(--gap)));padding:10px 20px;text-decoration:none}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:after,.header .menu-icon .navicon:before{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:100vh}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before{top:0}@media (min-width:48em){.header li{float:left}.header li a{padding:20px 30px}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}}