.bsk-drawer__wrapper{background:var(--bds-color-background-base);bottom:0;box-shadow:0 3px 11px #00000017;height:100%;position:fixed;top:0;transition:transform .4s ease;width:22.5rem;z-index:10300}[dir=ltr] .bsk-drawer__wrapper{right:0}[dir=rtl] .bsk-drawer__wrapper{left:0}.mobile .bsk-drawer__wrapper{transition:transform .2s ease-out;width:100%}[dir=ltr] .bsk-drawer--hidden{transform:translate3d(100%,0,0)}[dir=rtl] .bsk-drawer--hidden{transform:translate3d(-100%,0,0)}.bsk-drawer__header{align-items:center;display:flex;height:3.5rem;justify-content:center;position:relative}.bsk-drawer__header--divider{border-bottom:1px solid var(--bds-color-border-low)}.bsk-drawer__content{max-height:calc(100% - 3.5rem);overflow-y:auto;scrollbar-color:#c2c2c2 var(--bds-color-background-low);scrollbar-width:thin}.bsk-drawer__content::-webkit-scrollbar-track{background-color:var(--bds-color-background-low);border-radius:4px}.bsk-drawer__content::-webkit-scrollbar{background-color:var(--bds-color-background-low);height:4px;width:4px}.bsk-drawer__content::-webkit-scrollbar-thumb{background-color:#c2c2c2;border-radius:4px}.bsk-drawer__title{font-size:.875rem;font-weight:var(--bds-font-weight-regular)}.bsk-drawer__close{position:absolute}[dir=ltr] .bsk-drawer__close{right:var(--bds-size-spacing-03)}[dir=rtl] .bsk-drawer__close{left:var(--bds-size-spacing-03)}.bsk-drawer__backdrop{background:var(--bds-color-background-overlay);height:100%;position:fixed;top:0;z-index:10300}[dir=ltr] .bsk-drawer__backdrop{left:0}[dir=ltr] .bsk-drawer__backdrop,[dir=rtl] .bsk-drawer__backdrop{right:0}[dir=rtl] .bsk-drawer__backdrop{left:0}.filter-section{position:relative}.filter-section:not(:last-child):after{border-bottom:1px solid var(--bds-color-border-low);bottom:0;content:"";left:var(--bds-size-spacing-06);position:absolute;right:var(--bds-size-spacing-06)}.desktop .top-bar-desktop-template .filter-section__header,.mobile .top-bar-template .filter-section__header{align-items:center;display:flex;gap:var(--bds-size-spacing-03);height:4rem;padding-left:var(--bds-size-spacing-06);padding-right:var(--bds-size-spacing-06);width:100%}.filter-section__tags{padding:var(--bds-size-spacing-03) var(--bds-size-spacing-06) var(--bds-size-spacing-06)}[dir=ltr] .filter-section__expand{margin-left:auto}[dir=rtl] .filter-section__expand{margin-right:auto}.filter-section--collapsed .filter-section__items{-ms-overflow-style:none;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}.filter-section--collapsed .filter-section__items::-webkit-scrollbar{height:0;width:0}.filter-view{height:100%;overflow:hidden}.filter-view__content{max-height:calc(100% - var(--bds-size-spacing-11));overflow-x:hidden;overflow-y:auto;padding-bottom:88px;position:absolute;width:100%}.filter-view__title{color:var(--bds-color-content-high)}.filter-view__footer{background-color:var(--bds-color-background-base);bottom:0;height:88px;position:absolute;width:100%}[dir=ltr] .filter-view__footer,[dir=rtl] .filter-view__footer{margin:0}.desktop .filter-view .filter-section .color-tag{width:calc(50% - 10px)}.filter-view .checkbox-wrapper{padding:var(--bds-size-spacing-06);position:relative}.filter-view .checkbox-wrapper:not(:last-child):after{border-bottom:1px solid var(--bds-color-border-low);bottom:0;content:"";left:var(--bds-size-spacing-06);position:absolute;right:var(--bds-size-spacing-06)}.filter-view .checkbox-wrapper .checkbox-container{margin-bottom:0}.no-scroll{max-height:100%;overflow:hidden}.grid-view-selector{display:flex}.grid-view-selector__item--active .grid-view-selector__button-icon{color:var(--bds-color-content-high);opacity:1}.grid-view-selector__button-icon{color:var(--bds-color-content-high);opacity:.4}.styled-mode .grid-view-selector__button-icon,.styled-mode .grid-view-selector__item--active .grid-view-selector__button-icon{color:var(--styled-text-color)}