.storefront-filter-dropdown{position:relative;flex:none}.storefront-filter-chip{height:36px;padding:0 10px 0 14px;border:1px solid var(--fnd-border-color);border-radius:999px;background:var(--catalog-bg-color);color:var(--fnd-text-color);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;font-family:inherit;font-weight:500!important}.storefront-filter-chip span{color:inherit}.storefront-filter-chip.active{font-weight:400!important;border-color:transparent;background:var(--fnd-contrast-color);color:var(--fnd-on-contrast-color)}.storefront-filter-chip .clear{display:grid}.storefront-filter-dropdown .panel{position:absolute;top:calc(100% + 8px);left:0;z-index:20;min-width:260px;max-height:420px;overflow-y:auto;padding:16px;border-radius:var(--shape-l);background:var(--fnd-surface-2);box-shadow:var(--fnd-float-shadow),var(--fnd-card-shadow)}.storefront-filter-options{display:flex;flex-wrap:wrap;gap:8px}.storefront-filter-options.column{flex-direction:column;gap:2px}.storefront-sort-dropdown .panel{left:auto;right:0}.storefront-sort-dropdown.storefront-filter-dropdown .panel{box-shadow:0 2px 8px 0 light-dark(rgba(0,0,0,.08),rgba(0,0,0,.28)),0 0 0 1px light-dark(rgba(0,0,0,.1),hsla(0,0%,100%,.08));border-radius:var(--shape-xxl)}.storefront-sort-option{min-height:40px;padding:0 12px;border:0;border-radius:var(--shape-m);background:none;color:var(--fnd-text-color);text-align:left;white-space:nowrap;cursor:pointer}.storefront-sort-option.on,.storefront-sort-option:hover{background:var(--catalog-bg-color)}.storefront-sort-option.on{font-weight:600}