.o-registry-overview {
  --loader-display: none;
  --content-display: block;
}
.o-registry-overview.loading {
  --loader-display: flex;
  --content-display: none;
}
.o-registry-overview__inner {
  display: var(--content-display);
}
.o-registry-overview__loader {
  display: var(--loader-display);
  margin: 0 auto;
}
.o-registry-overview__lists {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 4rem;
}
.o-registry-overview__title, .o-registry-overview__entry {
  color: var(--color-primary-body);
  font-family: var(--ff-tertiary);
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--h2-fs);
  letter-spacing: 0.15em;
  line-height: var(--h2-lh);
}
.o-registry-overview__title {
  text-align: center;
}
.o-registry-overview__entry {
  cursor: pointer;
  text-decoration: none;
  transition: color 0.35s ease, border-color 0.35s ease;
  white-space: nowrap;
  opacity: 0.5;
}
.o-registry-overview__entry a {
  color: var(--color-primary);
  text-decoration: none;
}
.o-registry-overview__entry:hover, .o-registry-overview__entry.is-active {
  opacity: 1;
}
.o-registry-overview__create {
  margin: 0 auto;
}

.o-registry-actions-menu {
  --gap: 1.5rem;
  --center-column: [start-center-menu] 1fr [end-center-menu];
  --template-columns: var(--center-column);
  display: grid;
  grid-template-columns: var(--template-columns);
  justify-content: center;
  gap: var(--gap);
}
@media screen and (min-width: 768px) {
  .o-registry-actions-menu {
    --gap: 2.5rem;
  }
}
.o-registry-actions-menu__select-all {
  justify-self: end;
  align-self: center;
}
.o-registry-actions-menu .select-all-selected {
  display: none;
}
.o-registry-actions-menu .is-selected .select-all-selected {
  display: block;
}
.o-registry-actions-menu .is-selected .select-all-deselected {
  display: none;
}
.o-registry-actions-menu--selected {
  --template-columns: minmax(auto, 200px) var(--center-column)
    minmax(auto, 200px);
}
.o-registry-actions-menu__selected-count {
  color: var(--color-primary);
  line-height: 1;
  font-family: var(--ff-tertiary);
  font-size: var(--body-fs-xs);
  letter-spacing: var(--letter-spacing-lg);
  line-height: var(--body-lh-sm);
  text-transform: uppercase;
}
.o-registry-actions-menu__inner {
  display: flex;
  gap: var(--gap);
  justify-content: center;
  align-items: center;
  grid-column: start-center-menu/end-center-menu;
}
.o-registry-actions-menu.is-hidden {
  display: none;
}