.category-nav{display:flex;gap:var(--content-gap-components);position:relative}.category-nav__header .subheading{margin:0}.category-nav__collection{border-top:1px solid var(--color-border)}.category-nav__collection:last-child{border-bottom:1px solid var(--color-border)}.category-nav__collection--content{align-items:center;display:flex;grid-area:content;justify-content:space-between;opacity:.6}.category-nav__collection--media{grid-area:image}.category-nav__collection--media.active+.category-nav__collection .category-nav__collection--content{opacity:1}.category-nav__collection--image{border-radius:var(--image-border-radius)}@media(max-width:767px),screen and (max-width:767px){.category-nav{flex-direction:column}.category-nav__collection{align-items:center;display:grid;gap:var(--content-gap);grid-template-areas:"image content";grid-template-columns:repeat(4,minmax(0,1fr));padding-block:var(--spacing-xs)}.category-nav__collection--content{grid-column:2 / 5}.category-nav__collection--media{grid-column:1 / 2}.category-nav__collection--media img{aspect-ratio:1/ 1.2;height:100%;object-fit:cover}.category-nav__collection--icon{display:none}}@media (width => 768px),screen and (min-width:768px){.category-nav__header{display:flex;justify-content:flex-end;transform:rotate(180deg);writing-mode:vertical-lr}.category-nav__header .subheading{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.category-nav__collection--content{padding-block:var(--spacing-md)}.category-nav__collection--media{display:inline-block;opacity:0;position:absolute;right:10%;rotate:3deg;top:50%;transform:translateY(-50%);width:40vw}.category-nav__collection--media,.category-nav__collection--media.active{transition:opacity .2s ease-in-out}.category-nav__collection--media.active{opacity:1}.category-nav__collection--image{display:block;height:calc(var(--category-nav-height) + var(--spacing-lg)*2);object-fit:cover;width:auto}.category-nav__collection--icon{left:50%;position:absolute;top:0;transform:translate(-50%,-50%);z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/category-nav.bundle.css.map */