:root{
  accent-color : #696;
}
input:where([type="checkbox"], [type="radio"]){
  -webkit-appearance : none;
  appearance         : none;
  width              : 22px;
  height             : 22px;
  margin             : calc(0.75em - 11px) 0.25rem 0 0;
  vertical-align     : top;
  border             : 2px solid #ddd;
  border-radius      : 4px;
  background         : #fff no-repeat center center;
}
.filter-left input:where([type="checkbox"], [type="radio"]){

  width              : 18px;
  height             : 18px;
  border             : 1px solid #ddd;
  margin             : calc(0.75em - 10px) 0.5rem 0 0;
  
}
.filter-left b{
  font-size: 14px;
}
.filter-left span.min, .filter-left a.min{
  font-size: 14px !important;
}
.filter-left button{
  white-space: normal;
    display: block;
    margin: 0 auto !important;
    font-size: 16px;
    padding: 5px 25px;
    background: var(--active-color);
    border-color: var(--active-color);
    color: #fff;
}
.filter-left button:hover {
    color: #fff;
    background: #666666;
    border-color: #666666 !important;
}
input[type="radio"]{
  border-radius : 50%;
}

input:where([type="checkbox"], [type="radio"]):where(:active:not(:disabled), :focus){
  border-color: var(--active-color);
  outline      : none;
}

input:where([type="checkbox"], [type="radio"]):disabled{
  background : #eee;
}

input[type="checkbox"]:checked{
  background-image : url('checkbox.svg');
}

input[type="radio"]:checked{
  background-image : url('radio.svg');
}