.brands-menu-section{display:none;background:#132057;position:sticky;top:0;left:0}.brands-menu{max-width:1700px}.brands-menu__nav{display:flex;align-items:flex-end;justify-content:space-between}.brands-menu nav ul li a .header__active-menu-item,.brands-menu nav ul li a,.brands-menu nav ul li a span{text-decoration:none!important}.brands-menu nav ul{display:flex}.brands-menu__nav-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap}.brands-menu nav ul li a.header__menu-item,.brands-menu__nav-links a{font-family:Jost,sans-serif;font-weight:400;justify-content:center;text-align:center;text-transform:uppercase;padding:0;color:#fff}.brands-menu nav ul li a span,.brands-menu__nav-links a{opacity:.8;padding:1rem;border-radius:5px 5px 0 0}.brands-menu nav ul li a.active-item span,.brands-menu nav ul li a.header__menu-item:hover span,.brands-menu nav ul li a.header__menu-item:focus span,.brands-menu nav ul li:focus-within a.header__menu-item span,.brands-menu__nav-links a:hover,.brands-menu__nav-links a:focus{opacity:1}.brands-menu__nav-links a:hover,.brands-menu__nav-links a:focus{color:#fff}.brands-menu nav ul li a.active-item span{color:#fff;font-weight:500}.menu-drawer__utility-links .menu-drawer__account.link{display:block;text-transform:uppercase;margin-bottom:0}@media screen and (min-width:950px){.brands-menu-section{display:block;padding-top:8px;padding-bottom:0;border-bottom:0!important;box-shadow:inset 0 -4px 6px -4px #0000003d}.brands-menu nav ul{align-items:flex-end;margin-block:0}.brands-menu nav ul li a span{display:block;border-radius:8px 8px 0 0}.brands-menu nav ul li a.active-item span,.brands-menu nav ul li a span.header__active-menu-item{position:relative;z-index:1;opacity:1;padding-bottom:1rem;margin-bottom:0;border-bottom:0;box-shadow:0 -3px 8px #0000003d;clip-path:inset(-12px -12px 0 -12px)}.section-header,.header-wrapper{border-top:0!important}.header-wrapper{box-shadow:0 6px 10px -4px #00000047}}@media screen and (min-width:950px){.brands-menu__nav{margin-inline:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.brands-menu__nav>.list-menu--inline{grid-column:2;justify-content:center}.brands-menu__nav>.brands-menu__nav-links{grid-column:3;justify-self:end}}@media screen and (min-width:950px){.brands-menu nav ul li a>span{position:relative;border-radius:10px 10px 0 0}.brands-menu nav ul li a:is(.active-item,:hover,:focus-visible)>span:before,.brands-menu nav ul li a:is(.active-item,:hover,:focus-visible)>span:after{content:"";position:absolute;bottom:0;width:10px;height:10px;background:inherit;pointer-events:none}.brands-menu nav ul li a:is(.active-item,:hover,:focus-visible)>span:before{left:-10px;-webkit-mask:radial-gradient(circle at 0 0,transparent 9.5px,#000 10px);mask:radial-gradient(circle at 0 0,transparent 9.5px,#000 10px)}.brands-menu nav ul li a:is(.active-item,:hover,:focus-visible)>span:after{right:-10px;-webkit-mask:radial-gradient(circle at 100% 0,transparent 9.5px,#000 10px);mask:radial-gradient(circle at 100% 0,transparent 9.5px,#000 10px)}}@media screen and (min-width:950px){body:has(.section-header.cb-header-reveal-fixed:not(.cb-header-reveal-open)) .brands-menu nav ul li a>span,body:has(.section-header.shopify-section-header-hidden) .brands-menu nav ul li a>span{box-shadow:none;clip-path:none}body:has(.section-header.cb-header-reveal-fixed:not(.cb-header-reveal-open)) .brands-menu nav ul li a>span:before,body:has(.section-header.cb-header-reveal-fixed:not(.cb-header-reveal-open)) .brands-menu nav ul li a>span:after,body:has(.section-header.shopify-section-header-hidden) .brands-menu nav ul li a>span:before,body:has(.section-header.shopify-section-header-hidden) .brands-menu nav ul li a>span:after{content:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-brands-menu.css.map */