.component-filter{position:relative;display:flex;gap:16px;align-items:flex-end;justify-content:flex-start}.component-filter__group{display:flex;align-items:center;position:relative;justify-content:flex-start}.component-filter__item[data-filter-control=tag]{margin-left:24px}.component-filter__item[data-filter-control=year]{margin-left:12px}.component-filter__item{display:flex;flex-direction:row;align-items:center;gap:24px;min-width:auto}.component-filter__wrapper{position:relative;flex:1}.component-filter__label{color:#000;font-family:"STRUTT Modena 370";font-size:var(--Body-B2_fixed, 16px);font-style:normal;font-weight:300;line-height:150%}.component-filter__state-layer{display:flex;align-items:center;gap:8px;height:32px;padding:6px 8px 6px 16px;border:2px solid transparent;background:transparent;border-radius:var(--Corner-Radius-corner-ultrasmall, 4px);border:1px solid var(--outline-surface-outline, #B3B3BA);color:#6d6d6f;cursor:pointer;box-sizing:border-box}.component-filter__value{color:var(--surface-surface-variant, #6D6D6F);font-family:"STRUTT Modena 370";font-size:var(--Caption-C1, 14px);font-style:normal;font-weight:300;line-height:150%}.component-filter__state-layer[data-selected=true][aria-expanded=true]{border-radius:var(--Corner-Radius-corner-ultrasmall, 4px);background:var(--Schemes-Secondary-Container, #E8DEF8);border-color:#7c4dff59}.component-filter__state-layer[data-selected=true][aria-expanded=true] .component-filter__leading{display:inline-flex}.component-filter__state-layer[data-selected=true][aria-expanded=true] .component-filter__leading svg path{stroke:#5c5ca3}.component-filter__state-layer[data-selected=true][aria-expanded=true] .component-filter__value{color:var(--secondary-on-secondary, #212161)}.component-filter__state-layer[data-selected=true][aria-expanded=true] .component-filter__trailing svg path{stroke:#212161}.component-filter__leading{display:none;width:18px;height:18px}.component-filter__trailing{margin-left:auto;display:inline-flex}.component-filter__trailing svg path{stroke:#b3b3ba}.component-filter__state-layer[data-selected=true]{border-radius:var(--Corner-Radius-corner-ultrasmall, 4px);background:var(--Schemes-Secondary-Container, #E8DEF8)}.component-filter__state-layer[data-selected=true] .component-filter__leading{display:inline-flex}.component-filter__state-layer[data-selected=true] .component-filter__leading svg path{stroke:#212161}.component-filter__state-layer[data-selected=true] .component-filter__value{color:var(--secondary-on-secondary, #212161)}.component-filter__state-layer[data-selected=true] .component-filter__trailing svg path{stroke:#212161}.component-filter__dropdown{position:absolute;top:calc(100% + 4px);left:0;width:136px;z-index:30;background:#dbdfe4;border-radius:8px;display:none;flex-direction:column}.component-filter__dropdown[hidden]{display:none}.component-filter__state-layer[aria-expanded=true]+.component-filter__dropdown{display:flex}.component-filter__option{color:var(--surface-surface, #000);font-family:"STRUTT Modena 370";font-size:var(--Caption-C1, 14px);font-style:normal;font-weight:300;line-height:150%;display:flex;height:48px;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;width:100%;text-align:left;background:transparent;border:0;border-radius:8px;cursor:pointer;gap:12px;padding:0 12px}.component-filter__option:hover{display:flex;height:48px;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;border-radius:8px;background:linear-gradient(0deg,var(--state-surface-008, rgba(0, 0, 0, .08)) 0%,var(--state-surface-008, rgba(0, 0, 0, .08)) 100%),#dbdfe4}.component-filter__option[aria-current=true]{display:flex;height:48px;flex-direction:row;align-items:center;justify-content:flex-start;align-self:stretch;border-radius:8px;background:var(--secondary-secondary, #DFDFEF);color:var(--secondary-on-secondary, #212161)}.component-filter__option[aria-current=true] .component-filter__option-label{color:var(--secondary-on-secondary, #212161)}.component-filter__reset{position:absolute;top:36;right:0;background:transparent;border:0;color:var(--secondary-secondary-variant, #5C5CA3);font-family:STRUTT Modena Mono;font-size:var(--Caption-C1_fixed, 14px);font-style:normal;font-weight:400;line-height:150%;cursor:pointer;padding:4px 12px}@media screen and (min-width: 735px){.component-filter__group{flex-direction:row;align-items:center}.component-filter__label{margin:0;white-space:nowrap}.component-filter__item[data-filter-control=year]{margin-left:12px}}@media screen and (max-width: 734px){.component-filter__item[data-filter-control=tag]{margin-left:0}.component-filter{flex-direction:column;align-items:stretch}.component-filter__group{display:grid;grid-template-columns:auto auto;gap:0px;align-items:start;width:100%}.component-filter__item:first-child{grid-column:1 / -1;margin-bottom:16px}.component-filter__item{flex-direction:row;align-items:center;gap:16px}.component-filter__item:last-child{position:relative}.component-filter__reset{position:absolute;top:36px;right:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-filter.css.map */