.benvel-filter-bar{display:flex;align-items:center;gap:var(--bv-space-8);padding:var(--bv-space-12) 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.benvel-filter-bar::-webkit-scrollbar{display:none}.benvel-filter-bar__inner{display:flex;align-items:center;gap:var(--bv-space-8);flex-shrink:0;min-width:max-content}.benvel-filter-bar__trigger{display:inline-flex;align-items:center;gap:var(--bv-space-4);padding:var(--bv-space-8) var(--bv-space-16);min-height:44px;min-width:44px;font-family:var(--bv-font-sans);font-size:var(--bv-type-button-size);font-weight:var(--bv-type-button-weight);letter-spacing:var(--bv-type-button-track);background-color:var(--bv-chip-bg);color:var(--bv-chip-text);border:var(--bv-border-hair) solid var(--bv-chip-border);border-radius:var(--bv-chip-radius);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color var(--bv-duration-fast) var(--bv-ease-benvel),color var(--bv-duration-fast) var(--bv-ease-benvel)}.benvel-filter-bar__trigger:hover{background-color:var(--bv-bg-subtle)}.benvel-filter-bar__trigger:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-bar__trigger-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--bv-space-4);font-size:11px;font-weight:600;background-color:var(--bv-chip-bg-selected);color:var(--bv-chip-text-selected);border-radius:var(--bv-radius-full);line-height:1}.benvel-filter-bar__trigger-count[hidden]{display:none}.benvel-filter-bar__pill{display:inline-flex;align-items:center;gap:var(--bv-space-4);padding:var(--bv-space-4) var(--bv-space-12);min-height:36px;font-family:var(--bv-font-sans);font-size:var(--bv-type-caption-size);font-weight:500;letter-spacing:var(--bv-type-caption-track);background-color:var(--bv-chip-bg-selected);color:var(--bv-chip-text-selected);border:var(--bv-border-hair) solid transparent;border-radius:var(--bv-chip-radius);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity var(--bv-duration-fast) var(--bv-ease-benvel)}.benvel-filter-bar__pill:hover{opacity:.85}.benvel-filter-bar__pill:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-bar__pill-remove{display:inline-flex;align-items:center;font-size:14px;line-height:1;opacity:.72;pointer-events:none}.benvel-filter-bar__clear{font-family:var(--bv-font-sans);font-size:var(--bv-type-caption-size);letter-spacing:var(--bv-type-caption-track);color:var(--bv-text-secondary);text-decoration:underline;text-underline-offset:2px;background:none;border:none;padding:var(--bv-space-4) var(--bv-space-8);min-height:44px;cursor:pointer;white-space:nowrap;flex-shrink:0}.benvel-filter-bar__clear:hover{color:var(--bv-text-primary)}.benvel-filter-bar__clear:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-bar__clear[hidden]{display:none}.benvel-filter-sheet{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:80vh;margin:0;padding:0;background-color:var(--bv-color-surface);border:none;border-radius:var(--bv-radius-soft) var(--bv-radius-soft) 0 0;box-shadow:var(--bv-shadow-modal);overflow:hidden;display:flex;flex-direction:column;z-index:var(--bv-z-modal)}.benvel-filter-sheet:not([open]){display:none}.benvel-filter-sheet::backdrop{background-color:var(--bv-scrim)}@media(prefers-reduced-motion:no-preference){.benvel-filter-sheet[open]{animation:benvel-sheet-slide-in var(--bv-duration-slow) var(--bv-ease-benvel) both}@keyframes benvel-sheet-slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.benvel-filter-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--bv-space-16) var(--bv-space-20);border-bottom:var(--bv-border-hair) solid var(--bv-color-border);flex-shrink:0}.benvel-filter-sheet__title{font-family:var(--bv-font-sans);font-size:var(--bv-type-h4-size);font-weight:var(--bv-type-h4-weight);letter-spacing:var(--bv-type-h4-track);color:var(--bv-text-primary);margin:0}.benvel-filter-sheet__active-count{font-family:var(--bv-font-sans);font-size:var(--bv-type-caption-size);font-weight:500;color:var(--bv-text-secondary);margin-left:var(--bv-space-8)}.benvel-filter-sheet__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--bv-text-primary);border-radius:var(--bv-radius-crisp);flex-shrink:0}.benvel-filter-sheet__close:hover{background-color:var(--bv-bg-subtle)}.benvel-filter-sheet__close:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-sheet__body{overflow-y:auto;flex:1 1 auto;padding:var(--bv-space-4) 0;-webkit-overflow-scrolling:touch}.benvel-filter-sheet__footer{display:flex;align-items:center;gap:var(--bv-space-12);padding:var(--bv-space-16) var(--bv-space-20);border-top:var(--bv-border-hair) solid var(--bv-color-border);flex-shrink:0;background-color:var(--bv-color-surface)}.benvel-filter-sheet__apply{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:var(--bv-space-12) var(--bv-space-16);min-height:48px;font-family:var(--bv-font-sans);font-size:var(--bv-type-button-size);font-weight:var(--bv-type-button-weight);letter-spacing:var(--bv-type-button-track);background-color:var(--bv-btn-primary-bg);color:var(--bv-btn-primary-text);border:var(--bv-border-hair) solid transparent;border-radius:var(--bv-btn-primary-radius);cursor:pointer;transition:background-color var(--bv-duration-fast) var(--bv-ease-benvel)}.benvel-filter-sheet__apply:hover{background-color:var(--bv-btn-primary-bg-hover)}.benvel-filter-sheet__apply:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-sheet__clear-all{display:inline-flex;align-items:center;justify-content:center;padding:var(--bv-space-12) var(--bv-space-16);min-height:48px;font-family:var(--bv-font-sans);font-size:var(--bv-type-button-size);font-weight:var(--bv-type-button-weight);letter-spacing:var(--bv-type-button-track);background-color:var(--bv-btn-secondary-bg);color:var(--bv-btn-secondary-text);border:var(--bv-border-hair) solid var(--bv-btn-secondary-border);border-radius:var(--bv-btn-secondary-radius);cursor:pointer;transition:background-color var(--bv-duration-fast) var(--bv-ease-benvel)}.benvel-filter-sheet__clear-all:hover{background-color:var(--bv-btn-secondary-bg-hover)}.benvel-filter-sheet__clear-all:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-group{padding:var(--bv-space-16) var(--bv-space-20);border:none;border-bottom:var(--bv-border-hair) solid var(--bv-color-border);margin:0}.benvel-filter-group:last-child{border-bottom:none}.benvel-filter-group__legend{font-family:var(--bv-font-sans);font-size:var(--bv-type-body-s-size);font-weight:500;letter-spacing:var(--bv-type-label-track);text-transform:none;color:var(--bv-text-primary);margin-bottom:var(--bv-space-12);padding:0;width:100%}.benvel-filter-group__chips{display:flex;flex-wrap:wrap;gap:var(--bv-space-8)}.benvel-filter-group__price-inputs{display:flex;align-items:center;gap:var(--bv-space-12)}.benvel-filter-group__price-sep{font-family:var(--bv-font-sans);font-size:var(--bv-type-body-s-size);color:var(--bv-text-muted);flex-shrink:0}.benvel-filter-group__price-field{flex:1;display:flex;flex-direction:column;gap:var(--bv-space-4)}.benvel-filter-group__price-label{font-family:var(--bv-font-sans);font-size:var(--bv-type-caption-size);color:var(--bv-text-secondary)}.benvel-filter-group__price-input{width:100%;padding:var(--bv-space-8) var(--bv-space-12);font-family:var(--bv-font-sans);font-size:var(--bv-type-body-s-size);font-variant-numeric:tabular-nums;background-color:var(--bv-input-bg);color:var(--bv-text-primary);border:var(--bv-border-hair) solid var(--bv-input-border);border-radius:var(--bv-input-radius);min-height:44px;-moz-appearance:textfield}.benvel-filter-group__price-input::-webkit-inner-spin-button,.benvel-filter-group__price-input::-webkit-outer-spin-button{-webkit-appearance:none}.benvel-filter-group__price-input:focus{outline:none;border-color:var(--bv-input-border-focus);border-width:var(--bv-border-thick)}.benvel-filter-group__price-input:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-chip{display:inline-flex;align-items:center;gap:var(--bv-space-4);padding:var(--bv-space-8) var(--bv-space-16);min-height:44px;min-width:44px;font-family:var(--bv-font-sans);font-size:var(--bv-type-button-size);font-weight:var(--bv-type-button-weight);letter-spacing:var(--bv-type-button-track);background-color:var(--bv-chip-bg);color:var(--bv-chip-text);border:var(--bv-border-hair) solid var(--bv-chip-border);border-radius:var(--bv-chip-radius);cursor:pointer;white-space:nowrap;transition:background-color var(--bv-duration-fast) var(--bv-ease-benvel),color var(--bv-duration-fast) var(--bv-ease-benvel),border-color var(--bv-duration-fast) var(--bv-ease-benvel);appearance:none;-webkit-appearance:none;line-height:1}.benvel-filter-chip:hover{background-color:var(--bv-bg-subtle)}.benvel-filter-chip:focus-visible{outline:var(--bv-border-heavy) solid var(--bv-border-focus);outline-offset:2px}.benvel-filter-chip[aria-pressed=true]{background-color:var(--bv-chip-bg-selected);color:var(--bv-chip-text-selected);border-color:transparent}.benvel-filter-chip[aria-pressed=true]:hover{background-color:var(--bv-bg-inverse);opacity:.9}.benvel-filter-chip--swatch{padding:var(--bv-space-8) var(--bv-space-12);gap:var(--bv-space-8)}.benvel-filter-chip__swatch-dot{display:inline-block;width:16px;height:16px;border-radius:var(--bv-radius-full);border:var(--bv-border-hair) solid var(--bv-color-border);background-color:var(--swatch-color, var(--bv-color-stone));flex-shrink:0}.benvel-filter-chip[aria-pressed=true] .benvel-filter-chip__swatch-dot{border-color:var(--bv-color-surface);box-shadow:0 0 0 2px var(--bv-color-ink)}@media(min-width:768px){.benvel-filter-sheet{display:none!important}.benvel-filter-bar{display:none}.benvel-filter-sidebar{display:block}.benvel-filter-sidebar .benvel-filter-group{padding:var(--bv-space-16) 0}.benvel-filter-sidebar .benvel-filter-group:first-child{padding-top:0}}@media(max-width:767px){.benvel-filter-sidebar{display:none}}@media(prefers-reduced-motion:reduce){.benvel-filter-bar__trigger,.benvel-filter-bar__pill,.benvel-filter-sheet__apply,.benvel-filter-sheet__clear-all,.benvel-filter-chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/benvel-filters.css.map */