.cf-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px 2px;list-style:none;padding:0;margin:0}.cf-swatch-item{position:relative}.cf-swatch-disabled{opacity:.3;pointer-events:none}.cf-swatch-label{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-decoration:none}.cf-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease;position:relative;flex-shrink:0}.cf-swatch-label:hover .cf-swatch{transform:scale(1.1)}.cf-swatch[style*=ffffff]{border-color:#e0e0e0}input:checked+.cf-swatch-label .cf-swatch{border-color:#1a1a1a}input:checked+.cf-swatch-label .cf-swatch:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid #1a1a1a}.cf-swatch-name{font-size:9px;color:#777;text-align:center;max-width:100%;line-height:1.1;min-height:2.2em;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cf-swatch-name--long{letter-spacing:-.1px}input:checked+.cf-swatch-label .cf-swatch-name{color:#1a1a1a;font-weight:500}.cf-quick-filters{display:flex;gap:10px;flex-wrap:nowrap;padding-bottom:20px;justify-content:center}.cf-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:24px;font-size:14px;font-family:inherit;cursor:pointer;border:1px solid #d5d5d5;background:#fff;color:#333;transition:all .15s ease;line-height:1;white-space:nowrap;flex-shrink:0}.cf-chip:hover{border-color:#1a1a1a}.cf-chip--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.cf-chip-dot{width:12px;height:12px;border-radius:50%;border:.5px solid #ccc;flex-shrink:0}.cf-chip--active .cf-chip-dot{border-color:#fff6}.cf-chip-dot[style*=ffffff]{border-color:#ccc}.cf-chip--active .cf-chip-dot[style*=ffffff]{border-color:#fff9}@media(max-width:767px){.cf-quick-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:4px;padding-right:4px;margin-left:-4px;margin-right:-4px;padding-bottom:12px}.cf-quick-filters::-webkit-scrollbar{display:none}.cf-chip{padding:5px 13px;font-size:11.5px}.cf-chip-dot{width:10px;height:10px}}.facet-drawer-button{border-radius:999px!important;padding:0 30px!important;height:44px!important;font-size:14px!important;border:1px solid #1a1a1a!important;transition:background .2s ease,color .2s ease!important}.facet-drawer-button:hover{background:#f5f5f5!important}@media(min-width:768px){.collection__toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important}.collection__toolbar-left{display:flex!important;align-items:center!important;flex-direction:row!important;gap:16px!important}.collection__toolbar-right{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px!important}#ProductCount{font-size:13px}#SortByContainer,#SortByContainer label{font-size:14px}#SortByContainer .form-control--select{padding-right:28px;font-size:14px;min-width:0;width:auto}}@media(max-width:1279px){.collection__toolbar-left{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;justify-content:space-between!important}.collection__toolbar-left>.facet-drawer-wrapper{order:1!important;flex-shrink:0}.collection__toolbar-left>[data-facet-loading]{order:2!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:8px}}@media(max-width:767px){.facet-drawer-button{padding:0 26px!important;height:44px!important;font-size:14px!important;font-weight:500!important}#ProductCount{font-size:14px!important}.collection__toolbar-right{display:none!important}}@media(max-width:749px){body.search-template:has([data-sticky-type=on-scroll-up]):not(.header-pinned) .sticky-element:has(.collection__toolbar){top:-160px}body.search-template.header-pinned .sticky-element:has(.collection__toolbar){top:10rem}}@media(min-width:750px){body.search-template:has([data-sticky-type=on-scroll-up]):not(.header-pinned) .sticky-element:has(.collection__toolbar){top:-160px}body.search-template.header-pinned .sticky-element:has(.collection__toolbar){top:18rem}}@property --cm-facets-top{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --cm-facets-bottom-gap{syntax: "<length>"; inherits: true; initial-value: 20px;}@media(min-width:1280px){#FacetFiltersContainer .sticky-element{--cm-facets-top: var(--sticky-offset, 2rem);--cm-facets-bottom-gap: 2rem;top:min(var(--cm-facets-top),calc(100vh - var(--cm-facets-height, 0px) - var(--cm-facets-bottom-gap)));transition:none}body.header-pinned #FacetFiltersContainer .sticky-element{--cm-facets-top: calc(var(--sticky-offset, 2rem) + var(--header-height))}body.is-hide-nav #FacetFiltersContainer .sticky-element{--cm-facets-top: calc( var(--sticky-offset, 2rem) + var(--header-height) - var(--header-navigation-height) - .1rem )}body:has([data-sticky-type=on-scroll-up]):not(.header-pinned) #FacetFiltersContainer .sticky-element{--cm-facets-top: var(--sticky-offset, 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/custom-filters.css.map */