.filter-bar{display:block;position:relative;border-top:1px solid rgba(var(--color-border, 0 0 0),.18);border-bottom:1px solid rgba(var(--color-border, 0 0 0),.18);background:rgb(var(--color-background, 255 255 255));margin-bottom:70px;width:calc(100% + 2 * var(--full-padded-padding, 70px));margin-left:calc(-1 * var(--full-padded-padding, 70px));margin-right:calc(-1 * var(--full-padded-padding, 70px))}.filter-bar__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:64px;gap:16px;max-width:unset;margin-left:auto;margin-right:auto;padding-inline:var(--full-padded-padding, 70px)}.filter-bar__count{padding-left:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground, 0 0 0));border-right:1px solid rgba(var(--color-border, 0 0 0),.18);align-self:stretch;display:flex;align-items:center;padding-right:var(--full-padded-padding, 70px)}.filter-bar__count span{margin-left:6px}.filter-bar__filters{display:flex;justify-content:center;align-items:stretch;gap:32px;flex-wrap:wrap}.filter-bar__sort{display:flex;justify-content:flex-end;align-items:stretch;border-left:1px solid rgba(var(--color-border, 0 0 0),.18);align-self:stretch;padding-right:0}.filter-bar__trigger{display:inline-flex;align-items:center;gap:6px;padding:18px 4px;background:transparent;border:0;font-family:inherit;font-size:12px;letter-spacing:0;text-transform:uppercase;color:rgb(var(--color-foreground, 0 0 0));cursor:pointer;white-space:nowrap;padding-left:var(--full-padded-padding, 70px)}.filter-bar__trigger:hover{opacity:.7}.filter-bar__trigger.is-active .filter-bar__trigger-label{font-weight:600}.filter-bar__trigger[aria-expanded=true] .filter-bar__trigger-label{font-weight:700}.filter-bar__trigger[aria-expanded=true] .filter-bar__trigger-caret{transform:rotate(180deg)}.filter-bar__trigger-caret{display:inline-flex;transition:transform .2s ease}.filter-bar__trigger-caret svg{width:12px;height:12px}.filter-bar__trigger-count{font-weight:600}.filter-bar__form{margin:0;padding:0}.filter-bar__panel{display:block;width:100%;background:rgb(var(--color-background, 255 255 255));border-top:1px solid rgba(var(--color-border, 0 0 0),.18);padding:48px 0 0;animation:flc-filter-fade .18s ease-out}.filter-bar__panel[hidden]{display:none}@keyframes flc-filter-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-bar__panel-inner{max-width:1200px;margin:0 auto;min-height:140px}.filter-bar__options{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 48px}.filter-bar__option{margin:0}.filter-bar__option.is-disabled{opacity:.4;pointer-events:none}.filter-bar__checkbox,.filter-bar__radio{position:absolute;opacity:0;pointer-events:none}.filter-bar__option-label{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:rgb(var(--color-foreground, 0 0 0))}.filter-bar__option-box{width:18px;height:18px;border:1px solid rgb(var(--color-foreground, 0 0 0));background:transparent;flex:0 0 auto;display:inline-block;position:relative}.filter-bar__checkbox:checked+.filter-bar__option-label .filter-bar__option-box{background:rgb(var(--color-foreground, 0 0 0))}.filter-bar__checkbox:focus-visible+.filter-bar__option-label .filter-bar__option-box,.filter-bar__radio:focus-visible+.filter-bar__option-label{outline:2px solid rgb(var(--color-primary, 0 0 0));outline-offset:2px}.filter-bar__option-count{color:rgba(var(--color-foreground, 0 0 0),.6)}.filter-bar__options--sort{flex-direction:column;align-items:center;gap:12px}.filter-bar__radio:checked+.filter-bar__option-label .filter-bar__option-text{font-weight:600;text-decoration:underline;text-underline-offset:4px}.filter-bar__swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;justify-items:center}@media(max-width:900px){.filter-bar__swatches{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.filter-bar__swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.filter-bar__swatch-item.is-disabled{opacity:.4;pointer-events:none}.filter-bar__swatch-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:rgb(var(--color-foreground, 0 0 0));text-align:center}.filter-bar__swatch{width:44px;height:44px;border-radius:50%;background-color:#ddd;background-size:cover;background-position:center;border:1px solid rgba(var(--color-border, 0 0 0),.25);position:relative;transition:box-shadow .15s ease}.filter-bar__swatch-input:checked+.filter-bar__swatch-label .filter-bar__swatch{box-shadow:0 0 0 2px rgb(var(--color-background, 255 255 255)),0 0 0 3px rgb(var(--color-foreground, 0 0 0))}.filter-bar__swatch-input:focus-visible+.filter-bar__swatch-label .filter-bar__swatch{outline:2px solid rgb(var(--color-primary, 0 0 0));outline-offset:4px}.filter-bar__swatch-input:checked+.filter-bar__swatch-label .filter-bar__swatch-text{font-weight:600}.filter-bar__swatch-count{color:rgba(var(--color-foreground, 0 0 0),.6)}.filter-bar__swatch-label[data-color-name=black] .filter-bar__swatch{background-color:#000}.filter-bar__swatch-label[data-color-name=white] .filter-bar__swatch{background-color:#fff;border-color:#00000040}.filter-bar__swatch-label[data-color-name=grey] .filter-bar__swatch,.filter-bar__swatch-label[data-color-name=gray] .filter-bar__swatch{background-color:#888}.filter-bar__swatch-label[data-color-name=natural] .filter-bar__swatch{background-color:#e8d8be}.filter-bar__swatch-label[data-color-name=ivory] .filter-bar__swatch{background-color:#f1ece0}.filter-bar__swatch-label[data-color-name=cream] .filter-bar__swatch{background-color:#f5edc8}.filter-bar__swatch-label[data-color-name=brown] .filter-bar__swatch{background-color:#4a2a1c}.filter-bar__swatch-label[data-color-name=green] .filter-bar__swatch{background-color:#4a7654}.filter-bar__swatch-label[data-color-name=orange] .filter-bar__swatch{background-color:#d39865}.filter-bar__swatch-label[data-color-name=navy] .filter-bar__swatch{background-color:#0e1e54}.filter-bar__swatch-label[data-color-name=blue] .filter-bar__swatch{background-color:#3a73b8}.filter-bar__swatch-label[data-color-name=red] .filter-bar__swatch{background-color:#b13428}.filter-bar__swatch-label[data-color-name=beige] .filter-bar__swatch{background-color:#e3d5b8}.filter-bar__price{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.filter-bar__price-field{display:flex;flex-direction:column;gap:6px}.filter-bar__price-field label{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.filter-bar__price-field input{width:140px;padding:10px 12px;border:1px solid rgba(var(--color-border, 0 0 0),.4);background:rgb(var(--color-background, 255 255 255));font:inherit}.filter-bar__panel-footer{margin-top:32px;padding:20px 24px;border-top:1px solid rgba(var(--color-border, 0 0 0),.18);display:flex;justify-content:flex-end;gap:12px}.filter-bar__btn{font-family:inherit;font-size:13px;letter-spacing:.04em;padding:14px 28px;border:1px solid rgb(var(--color-foreground, 0 0 0));background:transparent;color:rgb(var(--color-foreground, 0 0 0));cursor:pointer;min-width:160px;text-align:center}.filter-bar__btn:hover{opacity:.85}.filter-bar__btn--primary{background:rgb(var(--color-foreground, 0 0 0));color:rgb(var(--color-background, 255 255 255))}@media(max-width:749px){.filter-bar{display:none}}@media(min-width:750px)and (max-width:1024px){.filter-bar{margin-bottom:48px}.filter-bar__row{min-height:52px;gap:12px}.filter-bar__count{padding-right:20px}.filter-bar__filters{gap:18px}.filter-bar__trigger{padding:14px 4px}}@media(min-width:750px){.filter-bar~.collection-toolbar{display:none}}.product-grid.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s ease}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-filter-bar.css.map */