header{position:fixed;z-index:1000;width:100%;transition:ease all .5s;height:4rem;display:flex;align-items:center}header .navbar{height:4rem;margin:0}header .navbar li{position:relative}header .navbar li:hover .desktop-submenu{display:block}header .desktop-submenu{position:absolute;top:100%;padding:0;background-color:#3f3f3f;display:none;border:1px solid rgba(255,255,255,.2)}header .desktop-submenu li{padding:.5rem 0}header .desktop-submenu li .grandgrandchild{position:absolute;left:100%;top:0;background-color:#3f3f3f;padding:1rem;border:1px solid rgba(255,255,255,.2);display:none}header .desktop-submenu li:hover .grandgrandchild{display:block}header svg{display:block;height:2.5rem;width:auto}header svg .cls-1{transition:ease all .5s}header.active,header.always-active{background-color:#3f3f3f;border-bottom:1px solid rgba(255,255,255,.2)}.menu-icon{position:relative;height:100%;cursor:pointer;z-index:10}.menu-icon .burger{margin:auto;position:absolute;top:0;right:1rem;bottom:0;width:22px;height:12px}.menu-icon span{position:absolute;display:block;width:100%;height:2px;background-color:#fff;border-radius:1px;transition:all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965)}.menu-icon span:first-of-type{top:0}.menu-icon span:last-of-type{bottom:0}.menu-icon.active span:first-of-type{transform:rotate(45deg);top:5px}.menu-icon.active span:last-of-type{transform:rotate(-45deg);bottom:5px}@media(min-width: 1024px){.menu-icon:hover span:first-of-type{width:26px}.menu-icon:hover span:last-of-type{width:12px}}.mobile-nav{display:flex;margin:0;position:absolute;width:90vw;height:var(--app-height);left:100%;bottom:0;top:0;align-items:center;justify-content:center;flex-direction:column;z-index:9;background-color:#3f3f3f;transition:ease all .5s}.mobile-nav .menu-item{opacity:0;transform:translateY(-10px)}.mobile-nav .menu-item a{font-size:1.3rem;font-weight:300;color:#fff}.mobile-nav.menu-open{left:10vw;transition:ease all .5s;box-shadow:-5px 0px 100px 2px rgba(0,0,0,.5);overflow:hidden}.mobile-nav.menu-open>*{opacity:1;transform:translateY(0px);transition:opacity .2s,transform .2s}.mobile-nav.menu-open>*:nth-child(1){transition-delay:.325s}.mobile-nav.menu-open>*:nth-child(2){transition-delay:.4s}.mobile-nav.menu-open>*:nth-child(3){transition-delay:.475s}.mobile-nav.menu-open>*:nth-child(4){transition-delay:.55s}.mobile-nav.menu-open>*:nth-child(5){transition-delay:.625s}.mobile-nav.menu-open>*:nth-child(6){transition-delay:.7s}.mobile-nav.menu-open>*:nth-child(7){transition-delay:.775s}.mobile-nav.menu-open>*:nth-child(8){transition-delay:.85s}.mobile-nav.menu-open>*:nth-child(9){transition-delay:.925s}.mobile-nav.menu-open>*:nth-child(10){transition-delay:1s}.mobile-nav.menu-open>*:nth-child(11){transition-delay:1.075s}.mobile-nav.menu-open>*:nth-child(12){transition-delay:1.15s}.mobile-nav.menu-open>*:nth-child(13){transition-delay:1.225s}.mobile-nav.menu-open>*:nth-child(14){transition-delay:1.3s}.mobile-nav.menu-open>*:nth-child(15){transition-delay:1.375s}.mobile-nav a.submenu-button{font-size:1.1rem}