.filter-bar{background-color:var(--c-white);width:100%;max-width:100dvw;min-height:48px;transition:transform .35s;display:flex}.filter-bar.with-border{border-bottom:1px solid var(--c-onyx--200);background-color:var(--c-onyx--300)}@media (width<=767px){.filter-bar{transform:translate(0)}.filter-bar.hidden{--full-height:calc(var(--header-height,160px) + 48px);transform:translateY(calc(var(--full-height)*-1))}}.filter-bar__button{--button-border-radius:0px;--button-padding:10px 16px;--button-margin:0 1px 0 0;--button-min-height:48px;--button-max-height:48px;--button-font-size:16px;flex-shrink:0;min-width:48px}.filter-bar__button:hover{--plus-icon-color:var(--c-secondary--600)}.filter-bar__button-icon{--icon-color:var(--c-white);margin-left:8px}.filter-bar__button-icon.light{--icon-color:var(--c-black)}.filter-bar__button.back{--button-padding:0;--button-icon-size:32px;--button-border-radius:0px}.filter-bar__wrapper{background-color:var(--c-secondary--900);flex-grow:1;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex;overflow:hidden}@media (width<=767px){.filter-bar__wrapper{justify-content:flex-end;padding:0 8px;overflow:visible}}.filter-bar__total-count{white-space:nowrap;font-family:var(--font-family--primary);color:var(--c-onyx--300);display:var(--total-count-display,block);margin:auto 12px;font-size:14px;font-weight:700}.filter-bar__total-count.hidden{visibility:hidden}.filter-bar__total-count.light{color:var(--c-onyx--800)}.filter-bar__action-menu{--dropdown-width:350px;flex-shrink:0;--dropdown-list-width:fit-content!important}.filter-bar__action-menu .c-dropdown__button{--dropdown-button-background-color:var(--c-secondary--900);--dropdown-button-border-color:var(--c-secondary--900);--button-icon-color:var(--c-white);--button-border-radius:0px;--button-size:48px;--button-min-height:48px;--dropdown-button-active-border-color:var(--c-secondary--darker);--dropdown-button-active-background-color:var(--c-secondary--darker);border-left:1px solid var(--c-white)!important}.filter-bar__action-menu.light .c-dropdown__button{--button-icon-color:var(--c-black)}.filter-bar__sortby-button{--button-border-radius:0px;--button-min-height:48px;--button-max-height:48px;--button-size:48px;flex-shrink:0;border-left:1px solid var(--c-white)!important}.filter-bar__sortby-button.light{border-left:1px solid var(--c-onyx--200)!important}