html {
  scroll-behavior: smooth;
}

::selection {
  background-color: #e0f2fe;
  color: #0369a1;
}

.smx-tabpanel {
  display: none;
}

.smx-tabpanel.smx-active {
  display: block;
}

.smx-tabbtn[aria-selected="true"] {
  background-color: #0284c7;
  color: #ffffff;
  border-color: #0284c7;
}

.smx-tabbtn[aria-selected="false"]:hover {
  background-color: #f0f9ff;
}

table.smx-table th,
table.smx-table td {
  white-space: nowrap;
}

@media (max-width: 480px) {
  table.smx-table th,
  table.smx-table td {
    white-space: normal;
  }
}