div.qdl-docs-list {
  --flex-default-gap: 0.25rem;
  display: flex;
  width: 100%;
  flex-direction: column;
}
div.qdl-docs-list div.qdl-doc-row {
  display: flex;
  flex-direction: column;
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-0 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-0 div.qdl-gal-column {
  gap: 0;
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-1 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-1 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 1);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-2 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-2 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 2);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-3 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-3 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 3);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-4 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-4 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 4);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-5 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-5 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 6);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-6 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-6 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 8);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-7 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-7 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 10);
}
div.qdl-docs-list div.qdl-doc-row.flex-gap-8 div.qdl-gal-row,
div.qdl-docs-list div.qdl-doc-row.flex-gap-8 div.qdl-gal-column {
  gap: calc(var(--flex-default-gap) * 15);
}
div.qdl-docs-list div.qdl-doc-row div.qdl-doc-col {
  display: grid;
  grid-template-columns: max-content auto;
  grid-template-rows: auto auto;
}
div.qdl-docs-list div.qdl-doc-row div.qdl-doc-col a {
  display: contents;
}
div.qdl-docs-list div.qdl-doc-row div.qdl-doc-col div.qdl-doc-icon {
  grid-row: span 2;
  width: 100%;
}
div.qdl-docs-list div.qdl-doc-row div.qdl-doc-col div.qdl-doc-icon img {
  margin: 0.5rem;
  aspect-ratio: 1;
}
div.qdl-docs-list div.qdl-pagignation {
  margin: 1rem 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
div.qdl-docs-list div.qdl-pagignation button {
  padding: 0.5rem 2rem;
  border-radius: 5px;
  background-color: #444444;
  color: #eeeeee;
}
div.qdl-docs-list div.qdl-pagignation div.qdl-page-jump {
  padding: 0 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
div.qdl-docs-list div.qdl-pagignation div.qdl-page-jump div.qdl-pgn-selector select {
  padding: 0.5rem 1rem;
  background-color: #eeeeee;
  border: 1px #444444 solid;
  border-radius: 5px;
}