/* stylelint-disable selector-pseudo-class-no-unknown */
/* stylelint-disable property-no-unknown */

.DocumentCards_base_28b80 {
  display: flex;
}
.DocumentCards_base_28b80 .DocumentCards_pageSelectRow_28b80 {
  display: none;
}
.DocumentCards_base_28b80 .DocumentCards_listContainer_28b80 {
  display: flex;
  flex-basis: 30%;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--spacing-xs);
  list-style: none;
  margin: var(--spacing-none);
  max-width: 200px;
  overflow-y: auto;
  padding: var(--spacing-lg);
}
.DocumentCards_base_28b80 .DocumentCards_listContainer_28b80 .DocumentCards_listItem_28b80 {
  align-items: center;
  border: 2px solid transparent;
  border-radius: var(--theme-border-radius);
  cursor: pointer;
  display: flex;
  width: 100%;
}
.DocumentCards_base_28b80 .DocumentCards_listContainer_28b80 .DocumentCards_listItem_28b80 .DocumentCards_action_28b80 {
  visibility: hidden;
}
.DocumentCards_base_28b80 .DocumentCards_listContainer_28b80 .DocumentCards_listItem_28b80:hover .DocumentCards_action_28b80 {
  visibility: visible;
}
.DocumentCards_base_28b80 .DocumentCards_docsContainer_28b80 {
  display: flex;
  flex-grow: 1;
}
.DocumentCards_base_28b80 .DocumentCards_docsContainer_28b80 > * {
  flex-grow: 1;
}

@media only screen and (max-width: 768px) {
  .DocumentCards_base_28b80 {
    flex-direction: column-reverse;
  }
  .DocumentCards_base_28b80 .DocumentCards_pageSelectRow_28b80 {
    bottom: 0;
    display: block;
    position: sticky;
  }
  .DocumentCards_base_28b80 .DocumentCards_listContainer_28b80 {
    display: none;
  }
}