/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'npm run build' command.
 * @preserve
 */
    .blog-post-grid__filters legend span {
        font: var(--font-primary-small-default);
        line-height: var(--line-heights-loose);
        opacity: 0.5;
      }
    .blog-post-grid__filters .form-item {
      margin: 0;
    }
    .blog-post-grid__filters .form-item input[type='checkbox'] + label {
        font: var(--font-primary-small-default);
        line-height: var(--line-heights-relaxed);
        color: var(--colors-black-80);
        padding-left: 1.875rem;
        margin: 0.125rem 0;
      }
    .blog-post-grid__filters .form-item input[type='checkbox'] + label:before {
        height: 1.125rem;
        width: 1.125rem;
        opacity: 0.5;
        top: 0.375rem;
        border: solid 0.125rem var(--colors-black-suede-40);
        border-radius: 0.125rem;
      }
    .blog-post-grid__filters .form-item input[type='checkbox']:checked + label:before {
        background-color: var(--colors-black-80);
      }
    .blog-post-grid__filters .form-fieldset.form-item  {
      margin-bottom: 0.875rem;
    }
    .blog-post-grid__filters .form-fieldset.form-item:last-child {
        margin-bottom: 0;
      }
  .blog-post-grid .filters-wrapper {
    display: block;
  }
  @media (max-width: 1023.98px) {
  .blog-post-grid .filters-wrapper {
      display: none
  }
    }
  .blog-post-grid .mobile-filters-wrapper {
    display: none;
  }
  @media (max-width: 1023.98px) {
  .blog-post-grid .mobile-filters-wrapper {
      display: block
  }
    }
  @media (max-width: 1023.98px) {
  .blog-post-grid .mobile-filters-wrapper .filters-wrapper {
        display: block
    }
      }
  @media (max-width: 1023.98px) {
  .blog-post-grid .filters-panel {
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      background: var(--colors-white-10);
      z-index: 9999;
      overflow-y: auto;
      transition: transform 0.3s ease-in-out;
      transform: translateX(100%)
  }
    }
  @media (max-width: 1023.98px) {
  .blog-post-grid .filters-panel.open {
        transform: translateX(0)
    }
      }
  .blog-post-grid .filters-toggle {
    display: none;
  }
  @media (max-width: 1023.98px) {
  .blog-post-grid .filters-toggle {
      display: block;
      color: var(--colors-black-110);
      background-color: var(--colors-white-10);
      padding: 0.375rem 2.25rem;
      cursor: pointer;
      border: 0.125rem solid var(--colors-black-110);
      border-radius: 0.25rem;
      font: var(--font-primary-small-default)
  }
    }
  @media (max-width: 1023.98px) {
  .blog-post-grid .filters-close {
      position: absolute;
      top: 0.625rem;
      right: 0.9375rem;
      background: none;
      border: none;
      font-size: 2rem;
      cursor: pointer
  }
    }
  .blog-post-grid .button.form-item__textfield {
      font: var(--font-primary-small-default);
      background-color: var(--colors-white-10);
      color: var(--colors-black-110);
      border: none;
      padding: 0;
      width: auto;
      min-width: auto;
      text-decoration: underline;
      text-transform: capitalize;
      height: 2.5rem;
    }
  .blog-post-grid .form-item--checkboxes .bef-soft-limit-link {
      margin-top: 0.875rem;
      display: block;
      font: var(--font-primary-small-default);
      background-color: var(--colors-white-10);
      color: var(--colors-black-110);
      text-decoration: underline;
    }