.menu{background-color:var(--theme-header-menu-background-color,#fff);height:100vh;overflow-y:auto;padding:0;transition:all .3s ease}.menu__hamburger{cursor:pointer;display:block;height:25px;position:relative;width:30px;z-index:20}.menu__hamburger span{background-color:#333;display:block;height:3px;margin:5px 0;transition:.3s;width:100%}.menu__hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu__hamburger.open span:nth-child(2){opacity:0}.menu__hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (min-width:768px){.menu{background-color:transparent;height:auto;justify-content:center;padding:0}.menu,.menu__wrapper{align-items:center;display:flex}.menu__wrapper{gap:15px}.menu__link{color:var(--theme-header-menu-link-color,#333);font-weight:700;padding:15px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease,background-color .3s ease}.menu__link:focus,.menu__link:hover{background-color:#f0f0f0;border-radius:5px;color:#0073e6}.menu__children{background-color:var(--theme-header-menu-dropdown-background-color,#fff);border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.15);left:0;opacity:0;padding:10px;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;visibility:hidden}.menu__item:focus-within>.menu__children,.menu__item:hover>.menu__children{opacity:1;transform:translateY(0);visibility:visible}.menu__children .menu__link{background-color:transparent;border-radius:3px;color:var(--theme-header-menu-dropdown-link-color,#555);font-weight:400;padding:10px 15px}.menu__children .menu__link:focus,.menu__children .menu__link:hover{background-color:#f0f0f0;color:#0073e6}}