.dropdown-filter{position:relative;width:100%}.dropdown-filter__button{display:flex;width:100%;align-items:center;padding:12px 0;background-color:transparent;color:#1e1e1e;cursor:pointer;gap:.5rem;text-align:start}.dropdown-filter__icon{transition:transform .3s ease-in-out}.dropdown-filter__icon.--open{transform:rotate(180deg)}.dropdown-filter__dropdown{position:absolute;z-index:10;top:calc(100% + 8px);display:flex;overflow:hidden;width:100%;max-height:0;flex-direction:column;background-color:#fff;outline:1px solid transparent;text-align:start;transition:max-height .3s ease-in-out,outline .3s ease-in-out}.dropdown-filter__dropdown.--open{height:auto;max-height:calc(43px*var(--max-height) + .5rem);outline:1px solid #1e1e1e;transition:outline .3s ease-in-out .3s;transition:max-height .3s ease-in-out}.dropdown-filter__option{padding:11px 16px;background-color:transparent;color:#1e1e1e;cursor:pointer;text-align:start}.dropdown-filter__option:hover{background-color:#f1f1f1}