/* Compiled from sample-styles.less, a free sample from 99helpers.com/file-types/less */
.ui-card {
  padding: 1.5rem;
  background: #fff;
  border-radius: 12px;
}
.ui-card h2 {
  margin-top: 0;
}
.ui-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}
.ui-card--featured {
  border: 2px solid #046eff;
}
@media (min-width: 900px) {
  .ui-card {
    padding: 2rem;
  }
}
.ui-button {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #046eff;
  border-radius: 6px;
  color: #fff;
}
.ui-button:hover {
  background: #0058d0;
}
.focus-ring,
.ui-button:focus-visible {
  outline: 3px solid rgba(4, 110, 255, 0.4);
  outline-offset: 2px;
}
.ui-alert {
  border-left: 4px solid #fde68a;
}
.ui-badge-info {
  background: #046eff;
  color: #fff;
}
.ui-badge-success {
  background: #15803d;
  color: #fff;
}
.ui-badge-warning {
  background: #fde68a;
  color: #111;
}
.mt-1 {
  margin-top: 0.5rem;
}
.mt-2 {
  margin-top: 1rem;
}
.mt-3 {
  margin-top: 1.5rem;
}
.mt-4 {
  margin-top: 2rem;
}
.ui-sidebar {
  width: calc(100% - 0.5rem);
}
:root {
  --brand: #046eff;
}