@media (max-width: 767px) {
  div.content-column {
    padding-left: var(--swan-sem-space-none) !important;
  }

  .content-column-hidden {
    display: none;
  }

  .swan-grid-container .swan-row .filters-column.filters-column-visible {
    transform: translateX(0%);
    transition: transform 0.25s ease;
    visibility: visible;
  }

  .swan-grid-container .swan-row .filters-column {
    z-index: var(--swan-sem-z-index-overlay);
    transform: translateX(200%);
    transition: transform 0.25s ease;
    visibility: hidden;
    position: fixed;
    overflow-y: scroll;
    overscroll-behavior: contain;
    top: var(--swan-sem-space-none);
    right: var(--swan-sem-space-none);
    bottom: var(--swan-sem-space-none);
    left: var(--swan-sem-space-none);
    background-color: var(--swan-sem-color-bg-standard);
  }

  .swan-grid-container .swan-row .filters-column.filters-column-visible .filters-column-filters {
    height: 100%;
    margin: var(--swan-sem-space-4) auto;
  }

  .swan-grid-container .swan-row .filters-column .filters-column-bottom {
    position: sticky;
    bottom: var(--swan-sem-space-none);
    left: var(--swan-sem-space-none);
    width: auto;
    padding: var(--swan-sem-space-6);
    margin: var(--swan-sem-space-none) -24px;
    background: var(--swan-sem-color-bg-standard);
    z-index: var(--swan-sem-z-index-overlay);
  }
  
  .swan-grid-container .swan-row .filters-column .filters-column-content {
    padding-left: var(--swan-sem-space-6);
  }
}

.faq-markdown {
  display: block;
  white-space: normal;
}

.filters-column {
  border-right: var(--swan-sem-border-width-standard) solid var(--swan-sem-color-border-standard);
}

@media (max-width: 767px) {
  .swan-grid-container .swan-row .filters-column .filters-column-content .filters-column-close-button {
    position: relative;
    float: right;
    top: 0;
    right: 0;
  }
}