.sp-week-tab {
  flex-shrink: 0;
  padding: 0.4rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #475569;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

.sp-week-tab:hover {
  background-color: #f1f5f9;
}

.sp-week-tab[aria-selected="true"] {
  background-color: #e8edff;
  color: #2d369a;
  border-color: #c7d2fe;
}

.sp-week-panel {
  display: none;
}

.sp-week-panel.is-active {
  display: block;
}

.sp-week-row:focus-visible {
  outline: 2px solid #3b46b3;
  outline-offset: -2px;
}