.menu__wrapper{display:flex;flex-direction:column;gap:4px}.menu__item{position:relative;width:100%}.menu__link{border-radius:12px;color:hsla(0,0%,100%,.85);display:block;font-family:Lato,sans-serif;font-size:17px;font-weight:500;letter-spacing:.3px;line-height:1.2;padding:14px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu__link:hover{background:hsla(0,0%,100%,.08);color:#fff;padding-left:25px}.menu__link--active-link{background:hsla(0,0%,100%,.12);color:#fff!important;font-weight:600}.menu__link--active-link:before{background:linear-gradient(180deg,#9104a1,#fc007e);border-radius:4px;content:"";height:16px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu__submenu{height:0;list-style:none;margin:0;opacity:0;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden}.menu__submenu:after{background:hsla(0,0%,100%,.15);border-radius:1px;bottom:20px;content:"";left:25px;position:absolute;top:0;width:1px}.menu__item--open>.menu__submenu{height:auto;opacity:1;padding-bottom:10px;padding-top:5px;visibility:visible}.menu__item--depth-2{margin-left:40px!important;width:calc(100% - 40px)}.menu__submenu .menu__link{background:transparent!important;color:hsla(0,0%,100%,.6);font-size:15px;font-weight:400;padding:10px 15px}.menu__submenu .menu__link:hover{color:#fff;padding-left:10px}.menu__child-toggle{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:10px;top:8px;width:44px;z-index:2}.menu__child-toggle-icon{border-bottom:1.5px solid hsla(0,0%,100%,.5);border-right:1.5px solid hsla(0,0%,100%,.5);height:8px;transform:rotate(45deg);transition:all .3s ease;width:8px}.menu__item--open>.menu__child-toggle .menu__child-toggle-icon{border-color:#fff;transform:rotate(-135deg)}@media (max-width:767px){.menu__item--depth-2{margin-left:30px!important;width:calc(100% - 30px)}.menu__submenu:after{left:15px}}