@media screen and (min-width:990px){.header--collection-nav:not(.header--tiered).header--middle-left .header-row{grid-template-areas:"heading icons" "navigation navigation";grid-template-columns:1fr auto;row-gap:.75rem}.header--collection-nav:not(.header--tiered).header--middle-left .header__inline-menu{grid-column:1 / -1;width:100%}}.header--collection-nav .header__inline-menu{flex:1;min-width:0}.header--collection-nav #AccessibleNav.collection-nav{width:100%}.header--collection-nav ul.dt-nav.collection-nav__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .8rem;width:100%}.header--collection-nav ul.dt-nav>li.collection-nav-item>a.collection-nav-link{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.65rem 1rem;font-size:1.5rem;font-weight:500;line-height:1.3;border-radius:var(--buttons-radius, .4rem);transition:background-color .2s ease,color .2s ease}.header--collection-nav ul.dt-nav>li.collection-nav-item:hover>a.collection-nav-link,.header--collection-nav ul.dt-nav>li.collection-nav-item.active>a.collection-nav-link,.header--collection-nav ul.dt-nav>li.collection-nav-item>a.collection-nav-link:focus-visible{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.header--collection-nav .collection-nav-caret{display:inline-block;width:.45rem;height:.45rem;margin-top:.15rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.header--collection-nav ul.dt-nav>li.collection-nav-item:hover .collection-nav-caret,.header--collection-nav ul.dt-nav>li.collection-nav-item:focus-within .collection-nav-caret{transform:rotate(-135deg);margin-top:.35rem}.header--collection-nav ul.dt-nav>li.collection-nav-item>.collection-nav-dropdown{padding-top:.5rem;width:auto;min-width:16rem;max-width:22rem}.header--collection-nav ul.dt-nav>li.collection-nav-item>.collection-nav-dropdown .collection-nav-dropdown__panel{background:rgb(var(--color-background));border-radius:var(--buttons-radius, .6rem);box-shadow:0 8px 28px #0000001f;padding:.75rem 0;overflow:hidden}.header--collection-nav .collection-nav-dropdown__all{display:block;padding:.65rem 1.25rem .85rem;font-size:1.45rem;font-weight:700;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.12)}.header--collection-nav .collection-nav-dropdown__all:hover{color:var(--gradient-base-accent-2, rgb(var(--color-foreground)))}.header--collection-nav .collection-nav-dropdown__list{list-style:none;margin:0;padding:.35rem 0 .5rem}.header--collection-nav .collection-nav-dropdown__list li{margin:0;padding:0}.header--collection-nav .collection-nav-dropdown__child{display:block;padding:.45rem 1.25rem;font-size:1.4rem;font-weight:400;line-height:1.35;color:rgba(var(--color-foreground),.88);text-decoration:none;transition:color .15s ease,background-color .15s ease}.header--collection-nav .collection-nav-dropdown__child:hover,.header--collection-nav .collection-nav-dropdown__child.is-active{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.header--collection-nav ul.dt-nav>li.collection-nav-item>.collection-nav-dropdown{left:0}.header--collection-nav ul.dt-nav>li.collection-nav-item.has-mega-menu>div.sub-menu-block,.header--collection-nav ul.dt-nav>li.collection-nav-item>div.sub-menu-block{width:auto}@media screen and (min-width:990px){.header--collection-nav ul.dt-nav li.collection-nav-item>div.collection-nav-dropdown{opacity:0;visibility:hidden;pointer-events:none}.header--collection-nav ul.dt-nav li.collection-nav-item:hover>div.collection-nav-dropdown,.header--collection-nav ul.dt-nav li.collection-nav-item:focus-within>div.collection-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto}}.collection-nav-drawer__all{font-weight:700;border-bottom:1px solid rgba(var(--color-foreground),.1)}.collection-nav-drawer__panel .menu-drawer__menu{padding-left:.5rem}.menu-drawer__menu-divider{list-style:none;margin:1rem 0 .5rem;padding:0}.menu-drawer__menu-divider hr{border:0;border-top:1px solid rgba(var(--color-foreground),.12);margin:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-nav.css.map */