.catalog{align-items:center;display:flex;flex-direction:column}.catalog__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;height:100%;justify-content:center;row-gap:2em;width:100%}.top{bottom:0;display:flex;font-size:18px;justify-content:flex-end;padding:1em;position:fixed;right:20px;z-index:3}.top button{background-color:var(--brand-logo-color);border-radius:1px;height:55px;opacity:.5;outline:none;width:55px}.top button:hover{opacity:.8}.top .icon{height:35px;width:35px}.filters{color:var(--fg-color);min-width:250px}.filters__clear{background-color:transparent;border:1px solid var(--brand-color);border-radius:2em;color:var(--brand-color);margin:.5em 0 .5em auto;padding:.5em 1em}.filters__clear:hover{background-color:var(--brand-color);color:var(--bg-color)}@media screen and (min-width:800px){.filters{background:hsla(0,0%,80%,.129);border:1px solid #ccc;border-radius:1em;padding:1em}}.filters>.filter:not(:last-child){border-bottom:1px solid var(--brand-color);padding-bottom:1em}.filters>.filter>header>div{max-width:15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters .h2{font-size:24px;margin:.5em}.filters .h3{font-size:16px;font-weight:700;margin:.5em .5em .5em 0}.filters .clean{background-color:transparent;border:1px solid var(--brand-color);border-radius:5px;color:var(--brand-color);font-size:small}.filters .filter{margin-bottom:1em}.filters .filter header h2{text-align:left}.filters .filter--slider .filter__options{padding:0 .25em}.filters .filter--slider .filter__options__range{display:flex;justify-content:space-between}.filters .filter--slider .filter__options__range input{background-color:transparent;border:1px solid var(--border-color);font-size:large;padding:.5em;text-align:right}.filters .filter__options{display:flex;flex-direction:column;gap:.5em}.filters .filter__options>input{padding:.5em}.filters .filter__options__option{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.filters .filter__options__option>label{max-width:15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters .filter__options__option span{border:1px solid var(--border-color);border-radius:15px;font-size:.7em;padding:.2em .5em}.filters .filter button{align-items:center;color:var(--brand-color);display:flex;gap:.3em;justify-content:center;margin-top:.5em}.filters .filter button .icon{transition:all .2s}.filters .filter button .icon.shown{transform:rotate(180deg)}.filters .filter button .icon svg{fill:var(--brand-color)!important}