filters[hidden]{display:none!important}select#sortBy,filters .filter-select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_224_867)'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%233A4535' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_224_867'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:95% 50%;padding-right:32px;padding-left:16px;transition:all .2s ease}filters .filter-select{padding-left:8px}filters .filter-select:focus,filters .filter-select:focus-visible{outline:none!important}filters .filter-group[data-filter=fiber-type]{order:1}filters .filter-group[data-filter=yarn-weight]{order:2}filters .filter-group[data-filter=color]{order:3}filters .filter-group:not([data-filter=fiber-type]):not([data-filter=yarn-weight]):not([data-filter=color]){display:none!important}.color-filter-wrapper{position:relative}.color-filter-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #3A4535;border-top:none;border-radius:0 0 8px 8px;max-height:205px;overflow-y:auto;z-index:10;display:none;-webkit-overflow-scrolling:touch}.color-filter-dropdown.show{display:block}.color-filter-dropdown::-webkit-scrollbar{width:6px}.color-filter-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.color-filter-dropdown::-webkit-scrollbar-thumb{background:#3a4535;border-radius:8px}.color-option{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background-color .2s ease;border-radius:4px;margin:2px 4px}.color-option>div:empty{display:block!important}.color-option:hover{background-color:#f8f9fa}.color-option.selected{background-color:#e8f4f8;border:1px solid #3A4535}.color-option .checkbox{width:16px;height:16px;border:2px solid #3A4535;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all .2s ease}.color-option.selected .checkbox{background-color:#3a4535;border-color:#3a4535;display:flex!important;align-items:center!important;justify-content:center!important}.color-option.selected .checkbox:after{content:"\2713";color:#fff;font-size:12px;font-weight:700}.color-option.clear-all{border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:8px;font-weight:500}.color-option.clear-all:hover{background-color:#f0f0f0}.color-option.disabled{cursor:default;opacity:.6}.color-option.disabled:hover{background-color:transparent}.color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid #ccc;flex-shrink:0}selected-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding:0}selected-filters:empty{display:none}.filter-pill{display:inline-flex;align-items:center;gap:6px;background-color:#3a4535;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-family:Outfit,sans-serif;font-weight:400;line-height:1.2}.filter-pill .remove-filter{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#fff3;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.filter-pill .remove-filter:hover{background-color:#ffffff4d}.filter-pill .remove-filter:before{content:"\d7";font-size:14px;font-weight:700;line-height:1}.filter-pill.color-pill{padding-left:8px}.filter-pill .color-swatch-pill{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.3);margin-right:2px}@media screen and (max-width: 750px){.color-option{padding:4px 2px;margin:4px}.color-option.selected{border:none}.color-option span{font-size:12px}filters .filter-group[data-filter=yarn-weight],filters .filter-group[data-filter=fiber-type]{width:100%}filters .filter-group[data-filter=color]{width:100%;order:2}filters .filter-group[data-filter=yarn-weight]{order:3}}@media screen and (max-width: 990px){filters .filter-select{position:relative;z-index:2}.color-filter-dropdown.show{padding-top:16px;margin-top:-16px;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/filters.css.map */