.filter-button{align-items:center;display:flex;gap:var(--bds-size-spacing-02);justify-content:center;position:relative}.filter-button__button{z-index:1}.styled-mode .filter-button__button{color:var(--styled-text-color)}.filter-button .bds-badge-inline{margin-bottom:1px}[dir=ltr] .mobile .filter-button{margin-right:var(--bds-size-spacing-04)}[dir=rtl] .mobile .filter-button{margin-left:var(--bds-size-spacing-04)}.desktop .filter-button{flex-direction:row-reverse}[dir=ltr] .desktop .filter-button{margin-left:var(--bds-size-spacing-03)}[dir=rtl] .desktop .filter-button{margin-right:var(--bds-size-spacing-03)}.grid-view-selector{display:flex;gap:var(--bds-size-spacing-04)}.grid-view-selector__title{align-self:center;font:var(--bds-typography-label-s-highlight);text-transform:uppercase}.grid-view-selector__list,.grid-view-selector__skeleton{align-items:center;display:flex}.styled-mode .grid-view-selector__button-icon,.styled-mode .grid-view-selector__item--active .grid-view-selector__button-icon{color:var(--styled-text-color)}.grid-header .filter-result{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.grid-header{align-items:center;background-color:var(--bds-color-background-base);display:flex;justify-content:space-between;margin:0;padding:var(--bds-size-spacing-02) var(--bds-size-spacing-03);position:sticky;z-index:10199}.grid-header:before{display:block;height:1px;left:0;position:absolute;top:0;width:100%}.grid-header:before,.grid-header__image-view:after{background-color:var(--bds-color-background-high);content:"";opacity:.2}.grid-header__image-view:after{height:40px;position:relative;width:1px}[dir=ltr] .grid-header__image-view:after{right:calc(var(--bds-size-spacing-03)*-1)}[dir=rtl] .grid-header__image-view:after{left:calc(var(--bds-size-spacing-03)*-1)}.grid-header .filter-button .is-naked{line-height:0}.grid-header .filter-button .active-filters-bubble{top:var(--bds-size-spacing-03)}[dir=ltr] .grid-header .filter-button .active-filters-bubble{right:10px}[dir=rtl] .grid-header .filter-button .active-filters-bubble{left:10px}.styled-mode .filter-result:after,.styled-mode .grid-header:before{background-color:var(--styled-text-color)}.grid-header__title--special-color{color:var(--category-title-color,var(--store-color-promo))}