.filters{background-color:var(--white-500);padding:var(--spacing-5) 0}.filters form{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.filters .filter{width:100%}.filters .filter--btn{display:flex;width:auto}.filters__control-holder{padding:var(--spacing-5) 0;display:flex}.filters__control{border-radius:var(--border-radius-xxs);border-style:solid;border-color:var(--pale-grey-500);width:100%;padding:var(--spacing-3) calc(var(--spacing-3)*2 + 1rem) var(--spacing-3) var(--spacing-3);font-size:var(--font-size-heading-6);line-height:var(--font-line-height-heading-6)}.filters__control .icon{transition:transform .4s ease-in-out}.active .filters__control .icon{transform:translateY(-50%) rotate(180deg)}.filters__holder{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out;display:flex;flex-direction:column}.active .filters__holder{max-height:14.125rem}@media(min-width: 64rem){.filters__control-holder{display:none}.filters form{flex-wrap:nowrap}.filters .filter{flex-basis:33.33%}.filters .filter--btn{flex-shrink:0;flex-basis:auto}.filters__holder{max-height:none}.active .filters__holder{max-height:none}}