collection-nav{--cnav-width: var(--cnav-width-mobile, 130px);display:block;position:relative;padding-block:12px 24px;color:#171714}collection-nav .cnav__track{display:flex;align-items:flex-start;gap:var(--cnav-gap-mobile, 10px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:16px;padding:calc(var(--cnav-top-mobile, 0px) + 4px) 16px 4px;-webkit-overflow-scrolling:touch}collection-nav .cnav__track::-webkit-scrollbar{display:none}collection-nav .cnav__item{display:flex;flex:0 0 var(--cnav-width);flex-direction:column;min-width:0;color:inherit;text-decoration:none;scroll-snap-align:start;opacity:1;transition:opacity .12s ease;-webkit-user-drag:none}collection-nav .cnav__image{display:block;position:relative;aspect-ratio:3 / 4;width:100%;overflow:hidden;border-radius:10px;background:#eaeaea}collection-nav .cnav__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:inherit;pointer-events:none;transition:border-color .18s ease}collection-nav .cnav__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}collection-nav .cnav__item--active .cnav__image:after{border-color:#555}collection-nav .cnav__label{display:flex;gap:5px;align-items:baseline;margin-top:10px}collection-nav .cnav__title{font-size:10px;font-weight:600;line-height:1.45;text-transform:uppercase}collection-nav .cnav__count{font-size:10px;color:#676762}collection-nav .cnav__description{font-weight:400;margin-top:3px;font-size:10px;line-height:1.5;color:#676762}collection-nav .cnav__track:focus-visible{outline:2px solid #171714;outline-offset:-2px}collection-nav .cnav__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){collection-nav .cnav__track{cursor:grab}collection-nav .cnav__item:hover .cnav__image:after{border-color:#888}collection-nav .cnav__item--active:hover .cnav__image:after{border-color:#555}}@media(min-width:770px){collection-nav{--cnav-width: var(--cnav-width-desktop, 200px)}collection-nav .cnav__track{gap:var(--cnav-gap-desktop, 16px);padding:calc(var(--cnav-top-desktop, 0px) + 4px) 20px 4px;scroll-padding-inline:20px}collection-nav .cnav__title{font-size:11px}collection-nav .cnav__description{font-size:11px}}@media(prefers-reduced-motion:reduce){collection-nav .cnav__item,collection-nav .cnav__image,collection-nav .cnav__image:after{transition:none}collection-nav .cnav__spinner{animation:none}}collection-nav .cnav__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}collection-nav .cnav__item--active,collection-nav .cnav__item.is-loading{opacity:1}collection-nav .cnav__image{transition:transform .12s ease}collection-nav .cnav__item:active .cnav__image,collection-nav .cnav__item.is-loading .cnav__image{transform:scale(.98)}collection-nav.is-navigating .cnav__item:not(.is-loading){opacity:.4}collection-nav .cnav__item.is-loading .cnav__image:after{border-color:var(--aw26-accent, #541F0D)}collection-nav .cnav__spinner{display:none;position:absolute;left:calc(50% - 16px);top:calc(50% - 16px);width:32px;height:32px;border:3px solid #ffffff80;border-top-color:#fff;border-radius:50%;box-shadow:0 0 0 1px #00000018;animation:cnav-spin .55s linear infinite}collection-nav .is-loading .cnav__spinner{display:block}collection-nav .cnav__item:focus-visible{outline:2px solid #171714;outline-offset:3px;border-radius:10px}@keyframes cnav-spin{to{transform:rotate(360deg)}}@media(hover:hover)and (pointer:fine){collection-nav .cnav__item:hover{opacity:1}collection-nav.is-navigating .cnav__item:not(.is-loading){opacity:.4}}@media(prefers-reduced-motion:reduce){collection-nav .cnav__image{transition:none}collection-nav .cnav__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/321/assets/collection-nav.css.map */