.filter{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.filter .filter__active{background-color:var(--action);border:none;border:1px solid var(--action-hover);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-size:15px;font-weight:500;line-height:21px;margin:0 6px 0 0;outline:none;padding:8px 38px 8px 14px;position:relative}.filter .filter__active .action{position:absolute;right:2px;top:2px}.filter .filter__active .action:hover{background-color:var(--action-hover)}.filter .filter__button .filter__button__menu{background-color:var(--background);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow-minor);left:6px;max-height:360px;overflow-y:auto;position:absolute;top:auto;width:calc(100% - 12px);z-index:70}.filter .filter__button .filter__button__menu .option{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:3px;padding:5px 8px}.filter .filter__button .filter__button__menu .option svg.icon{margin-right:6px;fill:var(--text-primary)}.filter .filter__button .filter__button__menu .option h3{color:var(--text-primary);flex-grow:1;margin:3px 0 3px 6px}.filter .filter__button .filter__button__menu .option:hover{background-color:var(--action);border:1px solid var(--action-hover);border-radius:12px}.filter .filter__button .filter__button__menu .option.option--active{background-color:var(--action-feedback)}@media (min-width:400px){.filter .filter__button{position:relative}.filter .filter__button .filter__button__menu{left:-3px;margin-top:3px;position:absolute;top:auto;width:240px}}