.storefront-filter-dropdown{position:relative;flex:none}.storefront-filter-chip{height:var(--fnd-height-xs);padding:0 var(--fnd-space-8) 0 var(--fnd-space-12);border:1px solid var(--plate-border);border-radius:var(--shape-element-xl);background:var(--catalog-bg-color);color:var(--plate-textIcon-primary);display:inline-flex;align-items:center;gap:var(--fnd-space-8);white-space:nowrap;cursor:pointer;font-family:inherit}.storefront-filter-chip span{color:inherit}.storefront-filter-chip.active{border-color:transparent;background:var(--plate-bg-inverted);color:var(--plate-textIcon-inverted)}.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:var(--fnd-space-16);border-radius:var(--shape-card-s);background:var(--plate-bg-level3);box-shadow:var(--plate-shadow-float),var(--plate-shadow-card)}.storefront-filter-options{display:flex;flex-wrap:wrap;gap:var(--fnd-space-8)}.storefront-filter-options.column{flex-direction:column;gap:var(--fnd-space-2)}.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-card-m)}.storefront-sort-option{min-height:var(--fnd-height-sm);padding:0 var(--fnd-space-12);border:0;border-radius:var(--shape-element-m);background:none;color:var(--plate-textIcon-primary);text-align:left;white-space:nowrap;cursor:pointer}.storefront-sort-option.on,.storefront-sort-option:hover{background:var(--catalog-bg-color)}