.filter-button{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
  background:var(--bs-white);
  cursor:pointer;
  padding:0 12px;
  width:49px;
  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
  -webkit-box-shadow:0 3px 8px 0 #94aacc24; -moz-box-shadow:0 3px 8px 0 rgba(148, 170, 204, .14); box-shadow:0 3px 8px 0 #94aacc24;
}
/*
.api_filter_overlay{
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  z-index:1050;
  background:#000;
  opacity:.2;
  left:0;
  top:0;
  margin:0;
  padding:0;
  outline:0;
}
.api_filter_modal{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1099;
  outline:0;
  overflow-x:hidden;
  overflow-y:auto;
}
.api_filter_overlay.api_active,
.api_filter_modal.api_active{
  display:flex;
  align-items:center;
  justify-content:center;
}
.api_filter_dialog{
  position:relative;
  display:flex;
  align-items:center;
  width:auto;
  max-width:calc(100% - 1rem);
  min-height:calc(100% - 1rem);
}
.api_filter_content{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  background:#fff;
  color:#000;
  text-shadow:none;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);
}
.api_filter_header{
  display:flex;
  flex-shrink:0;
  align-items:center;
  justify-content:space-between;
  padding:1rem 1rem;
}
.api_filter_footer{
  display:flex;
  flex-wrap:wrap;
  flex-shrink:0;
  align-items:center;
  justify-content:flex-end;
  padding:.75rem;
}
.api_filter_body{
  flex:1 1 auto;
  padding:1rem;
}
.api_filter_close{
  position:absolute;
  z-index:9999;
  top:5px;
  right:5px;
  line-height:25px;
  width:25px;
  cursor:pointer;
  text-align:center;
  font-family:Arial, sans-serif;
  color:#000;
  border:0;
  padding:0;
  background:transparent;
  -webkit-border-radius:100%;
  -moz-border-radius:100%;
  border-radius:100%;
}
.api_filter_close:hover{background:rgba(0, 0, 0, .1);}
.api_filter_close:active{background:rgba(0, 0, 0, .2);}

.api_filter_scrollable .api_filter_dialog{
  height: calc(100% - 1rem);
}
.api_filter_scrollable .api_filter_content {
  max-height: 100%;
  overflow: hidden;
}
.api_filter_scrollable .api_filter_body {
  overflow-y: auto;
}


@media (min-width:576px){
  .api_filter_dialog{
    max-width:500px;
  }
  .api_filter_body{
    padding:2rem;
  }

  .api_filter_scrollable .api_filter_dialog{
    height: calc(100% - 3.5rem);
  }
}

@media (min-width:992px){
  .modal-lg, .modal-xl{
    max-width:800px;
  }
}
*/