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