.filter-pill{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--button-height);padding:1rem;outline:.0625rem solid var(--border-quaternary);outline-offset:-.03125rem;transition:color .3s var(--ease-smooth)}.filter-pill__input{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;cursor:pointer}.filter-pill__label{color:var(--text-secondary);transform:translateY(2px)}.filter-pill__remove{margin-left:1rem;width:12px;height:12px;opacity:0}@media(hover:hover){.filter-pill:hover{outline-color:var(--kt-black);z-index:var(--z-index-above-content)}.filter-pill:hover .filter-pill__label{color:var(--kt-black)}}.filter-pill:has(.filter-pill__input:focus-visible),.filter-pill--active{outline-color:var(--kt-black);z-index:var(--z-index-above-content)}.filter-pill:has(.filter-pill__input:focus-visible) .filter-pill__label,.filter-pill--active .filter-pill__label{color:var(--kt-black)}.filter-pill--active .filter-pill__remove{opacity:1}.filter-pill--disabled{opacity:.4;pointer-events:none}.filter-pills{display:grid;grid-template-columns:repeat(2,1fr)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-filter-pill.css.map */