.content-cards-mobile-filter-bar-row{--content-cards-mobile-bar-gutter-inset:calc(var(--wrapper-gutter-mobile) + 15px);box-sizing:border-box;transition:padding-inline var(--transition-duration-base) var(--ease-soft-out);padding-inline:0}.content-cards-mobile-filter-bar-row[data-layout-expanded=true]{padding-inline:var(--content-cards-mobile-bar-gutter-inset)}.content-cards-mobile-filter-bar-row[data-layout-expanded=false]{transition:padding-inline var(--content-cards-mobile-bar-collapse-shrink-duration) var(--ease-soft-out)}.content-cards-mobile-filter-bar-clip{border-radius:var(--content-cards-mobile-bar-radius);transition:width var(--transition-duration-base) var(--ease-soft-out)}.content-cards-mobile-filter-bar-clip[data-layout-expanded=false]{transition:width var(--content-cards-mobile-bar-collapse-shrink-duration) var(--ease-soft-out)}.content-cards-mobile-filter-bar-clip[data-fits=true]{width:fit-content}.content-cards-mobile-filter-bar-clip[data-fits=false]{width:100%}.content-cards-mobile-filter-bar-gutter{width:100%;min-width:0}.content-cards-mobile-filter-bar-shell{border-radius:var(--content-cards-mobile-bar-radius);width:100%;min-width:0;max-width:100%;transition:width var(--transition-duration-base) var(--ease-soft-out)}.content-cards-mobile-filter-bar-shell[data-layout-expanded=false]{transition:width var(--content-cards-mobile-bar-collapse-shrink-duration) var(--ease-soft-out)}.content-cards-mobile-filter-bar-expanded-panel{opacity:1;visibility:visible;transition:opacity var(--content-cards-mobile-bar-expanded-exit-duration) var(--ease-soft-out)}.content-cards-mobile-filter-bar-expanded-panel[data-fade-out=true]{opacity:0;pointer-events:none}.content-cards-mobile-filter-bar-expanded-panel[data-fade-out=true] *{transition:none!important}.content-cards-mobile-filter-bar-shell[data-layout-expanded=false] .content-cards-mobile-filter-bar-expanded-panel{visibility:hidden}.content-cards-mobile-filter-bar-shell[data-expanded=true] .content-cards-mobile-filter-bar-expanded-panel[data-fade-out=false]{transition-delay:.2s}.content-cards-mobile-filter-bar-collapsed-active{opacity:0;visibility:hidden;pointer-events:none;max-width:calc(100% - 10px);transition:opacity var(--content-cards-mobile-bar-expanded-exit-duration) var(--ease-soft-out);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-cards-mobile-filter-bar-shell[data-expanded=false][data-layout-expanded=false] .content-cards-mobile-filter-bar-collapsed-active{max-width:none}.content-cards-mobile-filter-bar-shell[data-expanded=false][data-layout-expanded=false] .content-cards-mobile-filter-bar-expanded-panel{opacity:0;pointer-events:none}.content-cards-mobile-filter-bar-shell[data-layout-expanded=false] .content-cards-mobile-filter-bar-collapsed-active{visibility:visible}.content-cards-mobile-filter-bar-collapsed-active[data-fade-in=true]{opacity:1;pointer-events:auto}.content-cards-mobile-filter-bar-shell[data-expanded=true] .content-cards-mobile-filter-bar-collapsed-active{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.content-cards-mobile-filter-bar-row,.content-cards-mobile-filter-bar-row[data-layout-expanded=false],.content-cards-mobile-filter-bar-clip,.content-cards-mobile-filter-bar-clip[data-layout-expanded=false],.content-cards-mobile-filter-bar-shell,.content-cards-mobile-filter-bar-expanded-panel,.content-cards-mobile-filter-bar-collapsed-active{transition:none}.content-cards-mobile-filter-bar-shell[data-layout-expanded=false] .content-cards-mobile-filter-bar-collapsed-active,.content-cards-mobile-filter-bar-shell[data-expanded=true] .content-cards-mobile-filter-bar-collapsed-active{transition-delay:0s;transform:translate(-50%,-50%)}}.content-cards-filter-icon-glyph{transform-origin:50%;animation:content-cards-filter-icon-enter var(--content-cards-filter-icon-duration,.56s) var(--ease-back) forwards}@keyframes content-cards-filter-icon-enter{0%{opacity:0;transform:scale(.12)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.content-cards-filter-icon-glyph{animation:content-cards-filter-icon-enter-reduced var(--content-cards-filter-icon-duration,.56s) var(--ease-soft-out) forwards}@keyframes content-cards-filter-icon-enter-reduced{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}}