@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&display=swap");
@import "./legacy.css";
@import "./design-reference.css";

/* Accessible React controls that replace presentational reference elements. */
.testi-dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / 25%);
}

.testi-dots button.active { background: #fff; }

.auth-error {
  margin: -4px 0 16px;
  padding: 9px 11px;
  border: 1px solid var(--danger);
  border-radius: 8px;
  background: var(--danger-soft);
  color: var(--danger);
  font-size: 12px;
}

.shell-menu { display: none; }

@media (max-width: 1024px) {
  .shell-menu { display: inline-flex; }
}