.filter[data-v-642c0fd1]{display:flex;align-items:center;height:26px;border:.5px solid var(--mainColor);border-radius:4px;box-sizing:border-box;flex:1 1 auto}.filter__close[data-v-642c0fd1]{display:flex;align-items:center;justify-content:center;opacity:.7;margin-right:3px;transition:.1s linear;border-radius:100%}.filter__close[data-v-642c0fd1]:hover{opacity:1}.filter__icon[data-v-642c0fd1]{fill:var(--mainColor)}.filter[data-v-642c0fd1]:focus-within{box-shadow:0 0 0 1px var(--mainColor)}.filter:focus-within.invalid[data-v-642c0fd1]{border:.5px solid red;box-shadow:0 0 0 1px red}.filter:focus-within.invalid .filter__button[data-v-642c0fd1]{box-shadow:0 0 1px 1px red;border-left:1px solid red}.filter:focus-within.invalid .filter__icon[data-v-642c0fd1]{fill:red}.filter:focus-within .filter__button[data-v-642c0fd1]{box-shadow:0 0 1px 1px var(--mainColor)}.filter__input[data-v-642c0fd1]{outline:none;flex:1 1 auto;width:100%;padding:10px 6px;font-family:Roboto,sans-serif;font-weight:300!important;line-height:14px}.filter__input[data-v-642c0fd1]::-moz-placeholder{font-family:Roboto,sans-serif;font-weight:300!important;font-size:12px;line-height:12px!important;font-style:italic}.filter__input[data-v-642c0fd1]:-ms-input-placeholder{font-family:Roboto,sans-serif;font-weight:300!important;font-size:12px;line-height:12px!important;font-style:italic}.filter__input[data-v-642c0fd1]::placeholder{font-family:Roboto,sans-serif;font-weight:300!important;font-size:12px;line-height:12px!important;font-style:italic}.filter__button[data-v-642c0fd1]{height:100%;width:26px;border-left:1px solid var(--mainColor);flex:1 0 26px;transition:background .1s linear}.filter__button.active[data-v-642c0fd1],.filter__button[data-v-642c0fd1]:not(:disabled):hover{background:var(--mainColorHigherOpacity)}