.d-fx { display: flex; }
.d-gr { display: grid; }
.d-nb { display: none; }
.ai-c { align-items: center; }
.jc-b { justify-content: space-between; }
.fw-w { flex-wrap: wrap; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }
.fw-5 { font-weight: 500; }
.fw-6 { font-weight: 600; }
.fs-sm { font-size: var(--fl-sm); }
.fs-xs { font-size: var(--fl-xs); }
.tx-mu { color: var(--text-muted); }
.tx-ac { color: var(--accent); }
.tx-pr { color: var(--text-primary); }
.mt-1 { margin-top: var(--sp-1); }
.mt-3 { margin-top: var(--sp-3); }
.mb-1 { margin-bottom: var(--sp-1); }
.mb-3 { margin-bottom: var(--sp-3); }
.g-2 { gap: var(--sp-2); }
.g-3 { gap: var(--sp-3); }
.mx-a { margin-inline: auto; }
.w-fl { width: 100%; }
.up-cs { text-transform: uppercase; }

.sr-o {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}