@layer components{.c-filter-chip{--chip-icon-scale:1;--chip-icon-color:currentColor;--background-scale:0;--chip-icon-width:12px;--chip-icon-height:18px;align-items:center;border:1px solid var(--brand-bronze);border-radius:1.63rem;display:flex;font-size:17px;gap:.3rem;margin:0;padding:.25rem .5rem}.c-filter-chip__list{display:flex;flex-flow:row wrap;gap:1rem}.c-filter-chip__button:focus,.c-filter-chip__button:hover{--chip-icon-scale:0.8;--chip-icon-color:#fff;--background-scale:1}.c-filter-chip__button{color:inherit;height:1rem;position:relative;width:1rem;z-index:1}.c-filter-chip__button:before{background-color:var(--brand-bronze);border-radius:50%;content:"";inset:0;position:absolute;transform:scale(var(--background-scale));transition:transform .15s ease}.c-filter-chip__button:after{background:var(--chip-icon-color);color:var(--chip-icon-color);content:"";display:inline-block;height:var(--chip-icon-height);inset:50% auto auto 50%;margin-right:1rem;-webkit-mask-image:url(../../../img/icons/close.svg);mask-image:url(../../../img/icons/close.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;position:absolute;transform:translate(-50%,-50%) scale(var(--chip-icon-scale));transition:transform .15s ease,color .15s ease;width:var(--chip-icon-width)}.c-filter-chip__text{margin:0}@media (max-width:800px){.c-filter-chip{--chip-icon-width:9px;--chip-icon-height:14px;font-size:15px;line-height:1.5;padding:1px 5px}.c-filter-chip__list{gap:10px}}}