:root{--cos-filter-bg: #ffffff;--cos-filter-border: #e6e8eb;--cos-filter-text: #021526;--cos-filter-muted: #6b7280;--cos-filter-accent: #00d1ff;--cos-filter-accent-ink: #021526;--cos-chip-bg: #f3f4f6;--cos-chip-bg-hover: #e5e7eb;--cos-skeleton: #eef0f3;--cos-skeleton-hi: #f7f8fa;--cos-radius: 10px;--cos-radius-sm: 6px;--cos-shadow: 0 6px 20px rgba(2, 21, 38, .08);--cos-z-drawer: 9000;--cos-z-overlay: 8999}.cos-filter-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 0;border-bottom:1px solid var(--cos-filter-border);margin-bottom:16px}.cos-filter-toolbar__count{font-weight:600;font-size:14px;color:var(--cos-filter-text);margin-right:auto}.cos-filter-toolbar__count .cos-count{color:var(--cos-filter-muted);font-weight:400;margin-left:6px}.cos-filter-toolbar__sort{display:flex;align-items:center;gap:8px;font-size:14px}.cos-filter-toolbar__sort select{padding:6px 28px 6px 10px;border:1px solid var(--cos-filter-border);border-radius:var(--cos-radius-sm);background:var(--cos-filter-bg);font-size:14px;cursor:pointer}.cos-filter-toolbar__sort select:focus-visible{outline:2px solid var(--cos-filter-accent);outline-offset:1px}.cos-filter-toolbar__mobile-trigger{display:none;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--cos-filter-border);border-radius:var(--cos-radius-sm);background:var(--cos-filter-bg);font-size:14px;font-weight:600;cursor:pointer}.cos-filter-toolbar__mobile-trigger[aria-expanded=true]{background:var(--cos-filter-text);color:#fff;border-color:var(--cos-filter-text)}.cos-filter-toolbar__mobile-trigger .cos-chip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cos-filter-accent);color:var(--cos-filter-accent-ink);font-size:11px;font-weight:700}@media(max-width:798px){.cos-filter-toolbar__mobile-trigger{display:inline-flex}.sidebar-section{display:none!important}.cos-filter-toolbar{position:sticky;top:calc(var(--cos-mobile-sticky-offset, 76px) - 1px);z-index:1010;background:var(--cos-filter-bg);margin-left:-16px;margin-right:-16px;padding:10px 16px;border-bottom:1px solid var(--cos-filter-border);box-shadow:0 2px 8px #02152614}html,body,body.collection,.section,.section>.container,.collection__content,.collection__main,[data-collection-main]{overflow:visible!important;overflow-x:clip!important;overflow-y:visible!important}[data-collection-main]{transform:none!important;contain:none!important}}.cos-active-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px}.cos-active-chips:empty{display:none}.cos-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border:1px solid var(--cos-filter-border);border-radius:999px;background:var(--cos-chip-bg);color:var(--cos-filter-text);font-size:13px;line-height:1.2;text-decoration:none;transition:background .15s ease,border-color .15s ease}.cos-chip:hover{background:var(--cos-chip-bg-hover);border-color:#d1d5db}.cos-chip__label{white-space:nowrap}.cos-chip__remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#0215261f;color:var(--cos-filter-text);font-size:12px;line-height:1}.cos-chip:hover .cos-chip__remove{background:#02152640}.cos-chip--clear-all{background:transparent;border-color:transparent;color:var(--cos-filter-text);font-weight:600;text-decoration:underline;padding-left:4px}.cos-chip--clear-all:hover{background:transparent}.sidebar-section{position:sticky;top:var(--cos-sticky-offset, 140px);max-height:calc(100vh - var(--cos-sticky-offset, 140px) - 24px);overflow-y:auto;overscroll-behavior:contain;align-self:flex-start;padding-right:6px}.sidebar-section::-webkit-scrollbar{width:6px}.sidebar-section::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.faceted-filter-form{display:block}.cos-facet{border-bottom:1px solid var(--cos-filter-border);padding:0}.cos-facet:first-of-type{border-top:1px solid var(--cos-filter-border)}.cos-facet__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;background:transparent;border:0;text-align:left;font-size:15px;font-weight:600;color:var(--cos-filter-text);cursor:pointer}@media(max-width:798px){.cos-facet__toggle{padding:10px 0;font-size:14px}.cos-facet__panel-inner{padding:2px 0 10px}.cos-drawer__body{padding:8px 16px}}.cos-facet__toggle:focus-visible{outline:2px solid var(--cos-filter-accent);outline-offset:2px;border-radius:4px}.cos-facet__toggle .cos-facet__active-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;background:var(--cos-filter-accent);color:var(--cos-filter-accent-ink);font-size:12px;font-weight:700;border-radius:11px}.cos-facet__chevron{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0;margin-left:12px}.cos-facet.is-open .cos-facet__chevron,.cos-facet__toggle[aria-expanded=true] .cos-facet__chevron{transform:rotate(180deg)}.cos-facet__panel{overflow:hidden;max-height:0;transition:max-height .25s ease}.cos-facet.is-open>.cos-facet__panel,.cos-facet:has(.cos-facet__toggle[aria-expanded=true])>.cos-facet__panel{max-height:1200px;overflow-y:auto}.cos-facet__panel-inner{padding:4px 0 16px}.cos-facet__search{width:100%;padding:8px 10px;margin-bottom:8px;border:1px solid var(--cos-filter-border);border-radius:var(--cos-radius-sm);font-size:13px}.cos-facet__search:focus-visible{outline:2px solid var(--cos-filter-accent);outline-offset:1px}.cos-facet__list{list-style:none;padding:0;margin:0}.cos-facet__option{margin:0;padding:4px 0}.cos-facet__option label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 0;font-size:14px;color:var(--cos-filter-text);line-height:1.3}.cos-facet__option label:hover .cos-facet__option-text{color:#000}.cos-facet__option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;border:1.5px solid #cbd0d6;border-radius:4px;background:#fff;display:inline-grid;place-content:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cos-facet__option input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .12s ease-in-out;background-color:currentColor;clip-path:polygon(14% 44%,0 60%,38% 100%,100% 25%,86% 12%,38% 73%)}.cos-facet__option input[type=checkbox]:checked{border-color:var(--cos-filter-text);background:var(--cos-filter-text);color:#fff}.cos-facet__option input[type=checkbox]:checked:before{transform:scale(1)}.cos-facet__option input[type=checkbox]:focus-visible{outline:2px solid var(--cos-filter-accent);outline-offset:2px}.cos-facet__option input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.cos-facet__option-text{flex:1}.cos-facet__option-count{color:var(--cos-filter-muted);font-size:13px;margin-left:auto}.cos-facet__option--disabled label{color:var(--cos-filter-muted);cursor:not-allowed}.cos-facet__option--disabled .cos-facet__option-text{text-decoration:line-through}.cos-facet__option .faceted-filter-swatch{width:18px;height:18px;border-radius:4px;border:1px solid var(--cos-filter-border);overflow:hidden;flex-shrink:0}.cos-facet__price{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px}.cos-facet__price-field{display:flex;flex-direction:column;gap:4px}.cos-facet__price-field label{font-size:12px;color:var(--cos-filter-muted)}.cos-facet__price-field-input{display:flex;align-items:center;padding:6px 10px;border:1px solid var(--cos-filter-border);border-radius:var(--cos-radius-sm);background:#fff}.cos-facet__price-field-input span{color:var(--cos-filter-muted);margin-right:4px;font-size:14px}.cos-facet__price-field-input input{width:100%;border:0;padding:0;font-size:14px;background:transparent}.cos-facet__price-field-input input:focus{outline:none}.cos-facet__price-field-input:focus-within{border-color:var(--cos-filter-accent);box-shadow:0 0 0 2px #00d1ff2e}.cos-facet__price-sep{color:var(--cos-filter-muted);padding-bottom:8px}.faceted-filter-group-display__submit,.faceted-active-filters,.collection__tag-filter{display:none!important}.cos-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--cos-z-drawer);display:flex;align-items:flex-end;pointer-events:none;visibility:hidden}.cos-drawer[aria-hidden=false]{pointer-events:auto;visibility:visible}.cos-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0215268c;opacity:0;transition:opacity .25s ease}.cos-drawer[aria-hidden=false] .cos-drawer__overlay{opacity:1}.cos-drawer__panel{position:relative;width:100%;max-height:92vh;background:var(--cos-filter-bg);border-radius:16px 16px 0 0;box-shadow:var(--cos-shadow);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.cos-drawer[aria-hidden=false] .cos-drawer__panel{transform:translateY(0)}.cos-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--cos-filter-border);flex-shrink:0}.cos-drawer__title{font-size:16px;font-weight:700;margin:0}.cos-drawer__close{background:transparent;border:0;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1}.cos-drawer__close:focus-visible{outline:2px solid var(--cos-filter-accent);outline-offset:1px}.cos-drawer__body{overflow-y:auto;flex:1;padding:12px 16px;-webkit-overflow-scrolling:touch}.cos-drawer__footer{display:flex;gap:12px;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 17px);border-top:1px solid var(--cos-filter-border);background:var(--cos-filter-bg)}.cos-drawer__footer .cos-btn{flex:1;padding:14px 16px;border-radius:999px;border:0;font-weight:700;font-size:15px;cursor:pointer}.cos-drawer__footer .cos-btn--secondary{background:transparent;border:1px solid var(--cos-filter-border);color:var(--cos-filter-text)}.cos-drawer__footer .cos-btn--primary{background:var(--cos-filter-text);color:#fff}.cos-drawer__footer .cos-btn--primary:disabled{opacity:.5;cursor:not-allowed}@media(min-width:799px){.cos-drawer{display:none!important}}.collection__main.is-cos-loading .collection-matrix{position:relative;opacity:.45;pointer-events:none;transition:opacity .15s ease}.collection__main.is-cos-loading .collection-matrix:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--cos-skeleton) 0%,var(--cos-skeleton-hi) 50%,var(--cos-skeleton) 100%);background-size:200% 100%;animation:cos-shimmer 1.2s linear infinite;pointer-events:none;border-radius:var(--cos-radius);opacity:.5}@keyframes cos-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cos-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/65/assets/cos-filters.css.map */