div.block.block-blog-filter .filter {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--wp--preset--spacing--2-xl);
}
@media screen and (max-width: 768px) {
  div.block.block-blog-filter .filter {
    display: block;
  }
}
div.block.block-blog-filter .filter .selects-mobile {
  display: none;
  width: 100%;
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid #3A3F40;
  box-shadow: 0 0 4px 0 rgba(0, 5, 10, 0.13);
  background-color: white;
  color: black;
}
@media screen and (max-width: 768px) {
  div.block.block-blog-filter .filter .selects-mobile {
    display: block;
  }
}
div.block.block-blog-filter .filter .selects-mobile option {
  background-color: #0B1111;
  color: white;
}
div.block.block-blog-filter .select-container {
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  div.block.block-blog-filter .select-container {
    width: 100%;
  }
}
div.block.block-blog-filter .filter .selects-desktop {
  display: flex;
  width: fit-content;
  max-width: var(--wp--style--global--content-size);
  overflow: hidden;
  overflow-x: auto;
  border-radius: 6px;
  border: 1px solid #3A3F40;
  box-shadow: 0 0 4px 0 rgba(0, 5, 10, 0.13);
  background-color: #0B1111;
}
@media screen and (max-width: 768px) {
  div.block.block-blog-filter .filter .selects-desktop {
    display: none;
  }
}
div.block.block-blog-filter .filter .selects-desktop .select-item {
  padding: 12px 32px;
  cursor: pointer;
}
div.block.block-blog-filter .filter .selects-desktop .select-item.active {
  background-color: white;
  border-radius: 6px;
  color: #09090B;
}