.collection-sub-nav-section{position:sticky;top:0;z-index:2;transition:top .15s ease-out;letter-spacing:normal}body:has(.scrolled-past-header) .collection-sub-nav-section{top:var(--header-height, 80px)}body:has(.shopify-section-header-hidden) .collection-sub-nav-section{top:0}.collection-sub-nav{background-color:var(--csn-bg);padding-top:var(--csn-pad-top);padding-bottom:var(--csn-pad-bottom);border-bottom:1px solid transparent;transition:border-color .2s ease}.collection-sub-nav-section.collection-sub-nav--sticky-top .collection-sub-nav{border-bottom-color:#d3d3d3}.collection-sub-nav__track{display:flex;flex-direction:row;align-items:center;gap:12px;padding-left:48px;padding-right:48px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.collection-sub-nav__track::-webkit-scrollbar{display:none}.collection-sub-nav__pill{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:40px;padding:0 18px;font-size:1.4rem;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;color:var(--csn-pill-text);background-color:transparent;border:1px solid var(--csn-pill-border);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.collection-sub-nav__pill:hover{background-color:#1313130f}.collection-sub-nav__pill--active{background-color:var(--csn-pill-active-bg);color:var(--csn-pill-active-text);border-color:var(--csn-pill-active-bg);font-weight:500}.collection-sub-nav__pill--active:hover{background-color:var(--csn-pill-active-bg)}.collection-sub-nav__dropdown{display:none}@media screen and (max-width:767px){.collection-sub-nav{padding-top:var(--csn-pad-top-mb);padding-bottom:var(--csn-pad-bottom-mb)}.collection-sub-nav__track{display:none}.collection-sub-nav__dropdown{display:block;position:relative;padding-left:16px;padding-right:16px}.collection-sub-nav__dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 16px;background-color:#fff;border:1px solid #131313;cursor:pointer;text-align:left;color:#131313;transition:border-color .15s ease}.collection-sub-nav__dropdown-label{font-size:1.6rem;font-weight:500;line-height:1.5;color:inherit}.collection-sub-nav__caret{flex-shrink:0;color:#131313;transition:transform .2s ease}.collection-sub-nav__dropdown--open .collection-sub-nav__caret{transform:rotate(180deg)}.collection-sub-nav__dropdown-list{position:absolute;top:calc(100% + 12px);left:16px;right:16px;z-index:10;margin:0;padding:0;list-style:none;background-color:#fff;border:1px solid #CACACA;max-height:60vh;overflow-y:auto;box-shadow:0 4px 17px #0000001a}.collection-sub-nav__dropdown-list li{border-bottom:1px solid #e5e5e5}.collection-sub-nav__dropdown-list li:last-child{border-bottom:none}.collection-sub-nav__dropdown-option{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;font-size:1.6rem;font-weight:400;line-height:1.5;color:#131313;text-decoration:none;background-color:transparent;transition:background-color .1s ease}.collection-sub-nav__dropdown-option:active{background-color:#1313130a}.collection-sub-nav__radio{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid #b0b0b0;background-color:transparent;transition:border-color .15s ease,background-color .15s ease}.collection-sub-nav__dropdown-option--active .collection-sub-nav__radio{background-color:#131313;border-color:#131313;box-shadow:inset 0 0 0 4px #fff}.collection-sub-nav__top-row{display:flex;align-items:center;gap:16px}.collection-sub-nav__top-row .collection-sub-nav__dropdown-trigger{flex:1;width:auto;min-width:0}.csn__view-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0}.csn__view-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;background:#fff;border:1px solid #d0d0d0;cursor:pointer;color:#1f1f1f;transition:border-color .15s ease}.csn__view-btn--active{border-color:#232121;color:#232121}.csn__view-btn--active svg{fill:#d9d9d9}.csn__view-btn:hover:not(.csn__view-btn--active){border-color:#7f7c7c}}.collection-sub-nav__pill--capitalize,.collection-sub-nav__dropdown-option--capitalize span:first-child{text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-collection-sub-nav.css.map */