main-nav ul{list-style:none;margin:0;padding:0}main-nav a{color:var(--color-base);text-decoration:none;text-transform:uppercase;font-size:1.2rem}main-nav li{letter-spacing:1.5px;line-height:1}main-nav button{padding-right:20px;padding-left:20px}@media screen and (max-width: 990px){main-nav li{display:flex;flex-wrap:wrap;justify-content:space-between}main-nav ul{width:100%}main-nav li{border-top:1px solid rgba(var(--color-base-rgb),.05)}main-nav a{padding-top:1.5rem;padding-bottom:1.5rem;margin-left:20px}main-nav button.button-unstyled{margin-left:auto;width:50px}main-nav button svg{transition:transform var(--duration-default)}main-nav button[aria-expanded=true] svg{transform:rotate(90deg)}.main-nav-lvl1>li>a{margin-left:20px;font-weight:400}.main-nav-lvl2>li>a{margin-left:35px}.main-nav-lvl3>li>a{margin-left:50px}}@media screen and (min-width: 990px){main-nav>ul{display:flex;justify-content:center}main-nav>li{min-height:38px}.main-nav-lvl1>li{display:flex;align-items:center;position:relative;cursor:pointer;transition:all .3s}.main-nav-lvl1>li>a{padding:25px 16px;font-weight:400}.main-nav-lvl1>li:before{content:"";position:absolute;display:block;bottom:0;left:0;width:100%;height:1px;background-color:#000;z-index:1;transition:opacity var(--duration-default);opacity:0}.main-nav-lvl1>li>button{position:relative;left:-10px;top:-1px;border:0;margin:0;padding:0;background-color:transparent}.main-nav-lvl1>li>button>svg{position:relative;top:2px;transform:rotate(90deg);width:6px}.main-nav-lvl1>li:hover:before{opacity:1}.main-nav-lvl1>li:hover>.main-nav-lvl2{visibility:visible;opacity:1;transform:translateY(0)}.main-nav-lvl2,.main-nav-lvl3{height:auto;position:absolute;top:0;left:0;width:196px;visibility:hidden;opacity:0;overflow:visible;transition:all .3s}.main-nav-lvl2>li,.main-nav-lvl3>li{position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer;line-height:1.2}.main-nav-lvl2{top:63px;background-color:#fff;box-shadow:0 10px 20px #00000017;transform:translateY(-10px);transition:all var(--duration-default)}.main-nav-lvl2>li>a{line-height:1.6;padding:10px 15px;width:100%}.main-nav-lvl2>li:after{content:"";position:absolute;display:block;bottom:0;left:0;width:100%;height:100%;background-color:#fff;z-index:2}.main-nav-lvl2>li>a,.main-nav-lvl2>li>button{position:relative;z-index:3}.main-nav-lvl2>li>button{left:-14px}.main-nav-lvl2>li:hover:after{background-color:rgba(var(--color-base-rgb),.05)}.main-nav-lvl2>li:hover>.main-nav-lvl3{visibility:visible;opacity:1;transform:translate(0)}.main-nav-lvl3{left:196px;background-color:#fff;box-shadow:0 10px 20px rgba(var(--color-base-rgb),.05);transform:translate(-10px);transition:all var(--duration-default);z-index:1}.main-nav-lvl3>li{display:flex}.main-nav-lvl3:before{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:100%;z-index:1;opacity:.5;background:linear-gradient(90deg,#eee,#fff);mix-blend-mode:multiply}.main-nav-lvl3>li>a{line-height:1.6;padding:10px 15px;width:100%}.main-nav-lvl3>li>a:hover{background-color:rgba(var(--color-base-rgb),.05)}}
/*# sourceMappingURL=/cdn/shop/t/153/assets/component-main-nav.css.map */