.ov-sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ov-section {
  padding-block: var(--ov-space-8);
}

.ov-section-sm {
  padding-block: var(--ov-space-6);
}

.ov-section-lg {
  padding-block: var(--ov-space-10);
}

.ov-flow > * + * {
  margin-block-start: var(--flow-space, var(--ov-space-3));
}

.ov-stack {
  display: grid;
  gap: var(--stack-space, var(--ov-space-3));
}

.ov-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--cluster-gap, var(--ov-space-2));
}

.ov-grid {
  display: grid;
  gap: var(--grid-gap, var(--ov-space-3));
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--grid-min, 16rem)), 1fr));
}

.ov-grid-2 {
  --grid-min: 20rem;
}

.ov-grid-3 {
  --grid-min: 17rem;
}

.ov-grid-4 {
  --grid-min: 14rem;
}

.ov-content-width {
  max-width: var(--ov-content-width);
}

.ov-docs-width {
  max-width: var(--ov-docs-width);
}

.ov-blog-width {
  max-width: var(--ov-blog-width);
}

.ov-center {
  margin-inline: auto;
}

.ov-text-muted {
  color: var(--ov-color-text-muted) !important;
}

.ov-text-soft {
  color: var(--ov-color-text-soft) !important;
}

.ov-text-heading {
  color: var(--ov-color-heading) !important;
}

.ov-text-primary {
  color: var(--ov-color-primary) !important;
}

.ov-text-accent {
  color: var(--ov-color-accent) !important;
}

.ov-bg-surface {
  background: var(--ov-color-surface) !important;
}

.ov-bg-subtle {
  background: var(--ov-color-bg-subtle) !important;
}

.ov-border {
  border: 1px solid var(--ov-color-border) !important;
}

.ov-rounded {
  border-radius: var(--ov-radius-3) !important;
}

.ov-shadow-sm {
  box-shadow: var(--ov-shadow-sm) !important;
}

.ov-mt-0 {
  margin-block-start: var(--ov-space-0) !important;
}

.ov-mt-1 {
  margin-block-start: var(--ov-space-1) !important;
}

.ov-mt-2 {
  margin-block-start: var(--ov-space-2) !important;
}

.ov-mt-3 {
  margin-block-start: var(--ov-space-3) !important;
}

.ov-mt-4 {
  margin-block-start: var(--ov-space-4) !important;
}

.ov-mt-5 {
  margin-block-start: var(--ov-space-5) !important;
}

.ov-mb-0 {
  margin-block-end: var(--ov-space-0) !important;
}

.ov-mb-1 {
  margin-block-end: var(--ov-space-1) !important;
}

.ov-mb-2 {
  margin-block-end: var(--ov-space-2) !important;
}

.ov-mb-3 {
  margin-block-end: var(--ov-space-3) !important;
}

.ov-mb-4 {
  margin-block-end: var(--ov-space-4) !important;
}

.ov-mb-5 {
  margin-block-end: var(--ov-space-5) !important;
}

.ov-p-2 {
  padding: var(--ov-space-2) !important;
}

.ov-p-3 {
  padding: var(--ov-space-3) !important;
}

.ov-p-4 {
  padding: var(--ov-space-4) !important;
}

.ov-px-3 {
  padding-inline: var(--ov-space-3) !important;
}

.ov-py-3 {
  padding-block: var(--ov-space-3) !important;
}

.ov-tabular {
  font-variant-numeric: tabular-nums;
}

.ov-mono {
  font-family: var(--ov-font-mono);
}

.ov-balance {
  text-wrap: balance;
}

@media (max-width: 767.98px) {
  .ov-section {
    padding-block: var(--ov-space-6);
  }

  .ov-section-lg {
    padding-block: var(--ov-space-8);
  }
}