:root{--padding-menu:24px}.menu-section li,.menu-section ul{list-style:none;margin:0;padding:0}.menu-section a{text-decoration:none}.menu-section .main-menu{display:flex}.menu-section .submenu{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-in-out;visibility:hidden}.menu-section .main-menu .submenu .has-submenu.menu-item>.menu-link{display:inline-block;padding-right:40px;width:calc(100% - 65px)}.menu-section .main-menu .submenu>li a{display:block;line-height:1.5;padding:8px 16px 8px 40px}.menu-section .main-menu .submenu>li{padding:0}.menu-section .menu-item>.has-submenu:hover>.submenu{box-shadow:0 4px 16px 0 rgba(17,17,26,.05),0 8px 32px 0 rgba(17,17,26,.05)}.menu-section .main-menu .submenu>li.has-submenu .menu-arrow svg{transition:.5s ease}.menu-section .main-menu .submenu>li.has-submenu .submenu-toggle:checked~.menu-arrow svg{transform:rotate(180deg)}.menu-section .main-menu .has-submenu .menu-item .submenu-toggle:checked~.submenu.level-2{margin-top:14px;padding:24px 0}.submenu.submenu.level-2 li{display:none;transition:all .3s ease}.menu-section .has-submenu .submenu-toggle:checked~.submenu.submenu.level-2 li{display:block}.menu-section .submenu:not(.level-1){height:0;padding:0;position:inherit}.menu-section .submenu-toggle{display:none}.menu-section .has-submenu>.menu-arrow{cursor:pointer;margin-left:5px}.menu-arrow svg{height:20px;transition:transform .3s;vertical-align:middle;width:20px}.menu-section .main-menu .submenu .level-2 .menu-item{padding-left:40px;padding-right:40px}.menu-section .main-menu .submenu .level-2 .menu-link{background:transparent;padding:0;width:auto}.menu-section .main-menu{max-height:60vh;overflow-y:auto;scrollbar-color:hsla(0,0%,55%,.25) transparent;scrollbar-width:thin}.menu-section .has-submenu>.submenu .level-2{opacity:0;transition:all .5s ease;visibility:hidden;z-index:0}.menu-section .has-submenu .submenu-toggle:checked~.submenu{max-height:500px;opacity:1;visibility:visible}.menu-section .menu-item .menu-link{display:inline-block;line-height:20px;width:100%}.menu-item:hover>.menu-link,.menu-link:hover{background:#f2f2f2}.menu-arrow{left:0;position:absolute;right:16px;text-align:right;top:8px;z-index:1}