:root {
  --collection-card-cover-height-large: 220px!important;
}

.notion-collection-gallery.large, .notion-collection-gallery.medium {
  gap: 24px !important;
}

/* Profession sub-filters (MKT-51). Views 11-37 of the Content gallery are second-level buttons:
   hidden until their parent tab, or one of them, is active; then they show on their own row.
   Parent -> children is by position in the Notion view list (Portfolio 4 -> 11-17, Personal 3 -> 18-19 + 34,
   Landing 5 -> 20-23 + 35, Blog 6 -> 24-27, Documentation 7 -> 28, Directory 8 -> 36-37, Business 9 -> 29-33).
   Adding or reordering views in Notion means updating these numbers. */
.page__templates .notion-dropdown__option-list > .notion-dropdown__option:nth-child(n+11) {
  display: none !important;
  order: 2;
  height: 34px !important;
  padding: 2px 10px !important;
}

.page__templates .notion-dropdown__option-list > .notion-dropdown__option:nth-child(n+11) p {
  font-size: 0.875rem !important;
}

/* Personal Notion site */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(3), :nth-child(n+18):nth-child(-n+19), :nth-child(34)).active) > :is(:nth-child(n+18):nth-child(-n+19), :nth-child(34)) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(3), :nth-child(n+18):nth-child(-n+19), :nth-child(34)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(n+18):nth-child(-n+19), :nth-child(34)).active) > :nth-child(3) {
  background: var(--gray-50) !important;
}

/* Directory */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(8), :nth-child(n+36):nth-child(-n+37)).active) > :nth-child(n+36):nth-child(-n+37) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(8), :nth-child(n+36):nth-child(-n+37)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :nth-child(n+36):nth-child(-n+37).active) > :nth-child(8) {
  background: var(--gray-50) !important;
}

/* Notion Portfolio website */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(4), :nth-child(n+11):nth-child(-n+17)).active) > :nth-child(n+11):nth-child(-n+17) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(4), :nth-child(n+11):nth-child(-n+17)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :nth-child(n+11):nth-child(-n+17).active) > :nth-child(4) {
  background: var(--gray-50) !important;
}

/* Notion Landing page */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(5), :nth-child(n+20):nth-child(-n+23), :nth-child(35)).active) > :is(:nth-child(n+20):nth-child(-n+23), :nth-child(35)) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(5), :nth-child(n+20):nth-child(-n+23), :nth-child(35)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(n+20):nth-child(-n+23), :nth-child(35)).active) > :nth-child(5) {
  background: var(--gray-50) !important;
}

/* Notion Blog */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(6), :nth-child(n+24):nth-child(-n+27)).active) > :nth-child(n+24):nth-child(-n+27) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(6), :nth-child(n+24):nth-child(-n+27)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :nth-child(n+24):nth-child(-n+27).active) > :nth-child(6) {
  background: var(--gray-50) !important;
}

/* Documentation */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(7), :nth-child(28)).active) > :nth-child(28) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(7), :nth-child(28)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :nth-child(28).active) > :nth-child(7) {
  background: var(--gray-50) !important;
}

/* Notion Business websites */
.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(9), :nth-child(n+29):nth-child(-n+33)).active) > :nth-child(n+29):nth-child(-n+33) {
  display: flex !important;
}

.page__templates .notion-dropdown__option-list:has(> :is(:nth-child(9), :nth-child(n+29):nth-child(-n+33)).active)::after {
  content: "";
  order: 1;
  flex-basis: 100%;
  height: 1px;
  background: var(--gray-100);
  margin: 6px 0;
}

.page__templates .notion-dropdown__option-list:has(> :nth-child(n+29):nth-child(-n+33).active) > :nth-child(9) {
  background: var(--gray-50) !important;
}

/* Mobile: the open filter dropdown sat under the first gallery card, so taps on its options opened the card instead. */
.page__templates .notion-collection .notion-dropdown {
  position: relative !important;
  z-index: 30 !important;
}

/* Top-level tabs on one row on desktop (10 tabs need ~1030px of the 1088px bar at this size). */
@media (min-width: 768px) {
  .page__templates .notion-dropdown__option-list > .notion-dropdown__option:nth-child(-n+10) {
    height: 38px !important;
    padding: 4px 10px !important;
  }
  .page__templates .notion-dropdown__option-list > .notion-dropdown__option:nth-child(-n+10) p {
    font-size: 0.875rem !important;
  }
}