.collection-filters-section{padding:20px 0}.size-pill.disabled,.sizepill-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.heading-content{margin-bottom:32px}.main-heading{font-size:27px;line-height:33.8px;letter-spacing:0px;margin-bottom:10px}.sub-heading{font-size:16px;line-height:24px;letter-spacing:0px}.filter-heading{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0px;color:#000;margin-bottom:8px}.size-filter-buttons{display:flex;gap:16px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.size-pill{padding:6px 16px;border:1px solid #9e9e9e;border-radius:50px;background:#fff;cursor:pointer;transition:all .2s ease;color:#424242;font-weight:500;font-size:14px;line-height:18px;letter-spacing:0px;font-family:var(--font-body-family);max-height:30px}.size-pill:hover,.size-pill.active{background:#323232;color:#fff;border-color:#323232}.size-pill.disabled{opacity:.5;cursor:not-allowed}.color-filter-heading{font-weight:500;font-size:16px;line-height:24px;letter-spacing:0px;color:#000}.color-filter-container{margin-bottom:30px}.color-filter-header{display:flex;gap:8px}.selected-color-name{font-size:16px;font-weight:500;color:#666}.color-slider-container{position:relative;width:100%;height:auto!important}.color-slider-track{height:42px;border-radius:21px;margin:10px 0 0;background:#f0f0f0;position:relative;cursor:pointer}.color-gradient-bar{position:relative!important;top:auto;left:auto;right:auto;bottom:auto;height:100%!important;border-radius:21px;z-index:1;display:block!important}.color-slider-handle{width:48px;height:48px;background-color:#fff;border-radius:50%;border:1px solid #dcdcdc;box-shadow:0 1px 3px #0003;z-index:10;cursor:pointer!important;position:absolute;top:50%;transform:translate(-50%,-50%);transition:border-color .1s ease}.color-slider-handle.dragging{box-shadow:0 4px 8px #0000004d}.color-swatch-preview-container{margin-top:13px}.color-swatch-ticks{position:relative;height:12px;width:100%;padding:0 10px}.color-swatch-ticks .color-tick{position:absolute;width:2px;height:12px;background-color:#000;display:block!important}.color-swatch-list{display:flex;width:100%;margin-top:20px}.color-swatch-item{display:flex;flex-direction:column;align-items:center;flex-grow:1;flex-shrink:0;position:relative}.color-swatch-hex{font-family:monospace;font-size:12px;color:#555;margin-top:6px;letter-spacing:-.5px;transition:all .2s ease;opacity:0;visibility:hidden}.color-swatch-box{width:42px;height:42px;border-radius:2px;background-color:#fff;border:none;padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;visibility:hidden}.color-swatch-box:before{content:"";width:100%;height:100%;border-radius:4px;background-color:var(--swatch-color, #999);display:block;transition:transform .2s ease}.color-swatch-item .color-swatch-box:after{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:13px solid #fff}.color-swatch-item.active .color-swatch-box,.color-swatch-item.active .color-swatch-hex{opacity:1;visibility:visible}.color-swatch-item.active .color-swatch-box,.color-swatch-box:hover{box-shadow:0 3px 6px #0003}.color-swatch-item.active .color-swatch-hex{font-weight:700;color:#000}.color-slider-handle.loading{pointer-events:none}.color-slider-track.loading{pointer-events:none;opacity:.7}.color-handle-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center}.loading-spinner{width:12px;height:12px;border:2px solid #f3f3f3;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite;display:block!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:749.9px){.main-heading{font-size:24px;line-height:30px}.heading-content{margin-bottom:20px}.size-filter-buttons{gap:10px}.size-pill{padding:6px 16px;font-size:14px}.color-slider-track{margin:20px 0 0}.color-slider-track{height:30px}.color-slider-handle{width:38px;height:38px}.color-swatch-ticks .color-tick{height:8px}.color-swatch-item{display:flex}.color-swatch-item .color-swatch-box{display:none!important}.color-swatch-hex{font-size:11px;margin-top:5px;opacity:0;visibility:hidden}.color-swatch-item.active .color-swatch-hex{opacity:1;visibility:visible;font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/392/assets/quick-filters.css.map */