search-select:not(:defined) {
  /* prevents flash of options list before shadow dom styling kicks in */
  visibility: hidden;
}

.home__dashboard h2 {
  text-align: center;
}

.home__dashboard article {
  padding: 2rem;
}

.home__dashboard a {
  text-decoration: none;
}

.pill {
  padding: var(--coda-pill-padding-vertical) var(--coda-pill-padding-horizontal);
  border-radius: var(--coda-pill-border-radius);
  text-align: center;
  white-space: nowrap;
}

.pagination {
  display: flex;
  padding-left: 0;
}

.pagination li {
  list-style-type: none;
  border: 1px solid var(--coda-muted-border-color);
  border-width: 1px 0;
  display: flex;
}

.pagination li:first-child,
.pagination li:first-child a:hover {
  border-radius: var(--coda-border-radius) 0 0 var(--coda-border-radius);
  border-width: 1px 0 1px 1px;
}


.pagination li:last-child,
.pagination li:last-child a:hover {
  border-radius: 0 var(--coda-border-radius) var(--coda-border-radius) 0;
  border-width: 1px 1px 1px 0px;
}

.pagination li a {
  text-decoration: none;
  padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}

.pagination li a:hover {
  --pico-background-color: var(--pico-primary-hover-background);
  --pico-border-color: var(--pico-primary-hover-border);
  --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  --pico-color: var(--pico-primary-inverse);
}

.pagination li.pagination__current {
  border: 1px solid var(--coda-primary-border);
  font-weight: bold;
}

.pagination__disabled {
  text-decoration: none;
}

.pagination-container .form-row label {
  border: none;
}

.messages {
  padding: var(--coda-spacing) !important;
  margin-block: var(--coda-spacing) !important;
  background-color: var(--_background-color);
  border-radius: var(--coda-border-radius);
  color: white;
}

.wizard-nav {
  position: sticky;
  bottom: var(--coda-spacing);
  margin-block-start: calc(var(--coda-spacing) * 2);
  margin-inline: var(--coda-spacing);
  padding: var(--coda-spacing);

  background-color: hsl(from var(--coda-card-background-color) h s l / 0.4);
  backdrop-filter: blur(10px);
  box-shadow: var(--pico-box-shadow);

  border: 1px solid var(--coda-muted-border-color);
  border-radius: var(--coda-border-radius);
}


.wizard-nav__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--coda-spacing);
}


.wizard-nav>button {
  margin: 0;
}