.orb-elevation-xs {
  box-shadow: var(--orb-shadow-xs);
}

.orb-elevation-sm {
  box-shadow: var(--orb-shadow-sm);
}

.orb-elevation-md {
  box-shadow: var(--orb-shadow-md);
}

.orb-elevation-lg {
  box-shadow: var(--orb-shadow-lg);
}

.orb-elevation-xl {
  box-shadow: var(--orb-shadow-xl);
}

.orb-radius-sm {
  border-radius: var(--orb-radius-sm);
}

.orb-radius-md {
  border-radius: var(--orb-radius-md);
}

.orb-radius-lg {
  border-radius: var(--orb-radius-lg);
}

.orb-radius-xl {
  border-radius: var(--orb-radius-xl);
}

.orb-radius-circle {
  border-radius: var(--orb-radius-circle);
}

.orb-radius-pill {
  border-radius: var(--orb-radius-pill);
}

.orb-padding-3xs {
  padding: var(--orb-spacing-3xs);
}

.orb-padding-top-3xs {
  padding-top: var(--orb-spacing-3xs);
}

.orb-padding-right-3xs {
  padding-right: var(--orb-spacing-3xs);
}

.orb-padding-bottom-3xs {
  padding-bottom: var(--orb-spacing-3xs);
}

.orb-padding-left-3xs {
  padding-left: var(--orb-spacing-3xs);
}

.orb-padding-horizontal-3xs {
  padding-inline: var(--orb-spacing-3xs);
}

.orb-padding-vertical-3xs {
  padding-block: var(--orb-spacing-3xs);
}

.orb-padding-2xs {
  padding: var(--orb-spacing-2xs);
}

.orb-padding-top-2xs {
  padding-top: var(--orb-spacing-2xs);
}

.orb-padding-right-2xs {
  padding-right: var(--orb-spacing-2xs);
}

.orb-padding-bottom-2xs {
  padding-bottom: var(--orb-spacing-2xs);
}

.orb-padding-left-2xs {
  padding-left: var(--orb-spacing-2xs);
}

.orb-padding-horizontal-2xs {
  padding-inline: var(--orb-spacing-2xs);
}

.orb-padding-vertical-2xs {
  padding-block: var(--orb-spacing-2xs);
}

.orb-padding-xs {
  padding: var(--orb-spacing-xs);
}

.orb-padding-top-xs {
  padding-top: var(--orb-spacing-xs);
}

.orb-padding-right-xs {
  padding-right: var(--orb-spacing-xs);
}

.orb-padding-bottom-xs {
  padding-bottom: var(--orb-spacing-xs);
}

.orb-padding-left-xs {
  padding-left: var(--orb-spacing-xs);
}

.orb-padding-horizontal-xs {
  padding-inline: var(--orb-spacing-xs);
}

.orb-padding-vertical-xs {
  padding-block: var(--orb-spacing-xs);
}

.orb-padding-sm {
  padding: var(--orb-spacing-sm);
}

.orb-padding-top-sm {
  padding-top: var(--orb-spacing-sm);
}

.orb-padding-right-sm {
  padding-right: var(--orb-spacing-sm);
}

.orb-padding-bottom-sm {
  padding-bottom: var(--orb-spacing-sm);
}

.orb-padding-left-sm {
  padding-left: var(--orb-spacing-sm);
}

.orb-padding-horizontal-sm {
  padding-inline: var(--orb-spacing-sm);
}

.orb-padding-vertical-sm {
  padding-block: var(--orb-spacing-sm);
}

.orb-padding {
  padding: var(--orb-spacing-md);
}

.orb-padding-top {
  padding-top: var(--orb-spacing-md);
}

.orb-padding-right {
  padding-right: var(--orb-spacing-md);
}

.orb-padding-bottom {
  padding-bottom: var(--orb-spacing-md);
}

.orb-padding-left {
  padding-left: var(--orb-spacing-md);
}

.orb-padding-horizontal {
  padding-inline: var(--orb-spacing-md);
}

.orb-padding-vertical {
  padding-block: var(--orb-spacing-md);
}

.orb-padding-lg {
  padding: var(--orb-spacing-lg);
}

.orb-padding-top-lg {
  padding-top: var(--orb-spacing-lg);
}

.orb-padding-right-lg {
  padding-right: var(--orb-spacing-lg);
}

.orb-padding-bottom-lg {
  padding-bottom: var(--orb-spacing-lg);
}

.orb-padding-left-lg {
  padding-left: var(--orb-spacing-lg);
}

.orb-padding-horizontal-lg {
  padding-inline: var(--orb-spacing-lg);
}

.orb-padding-vertical-lg {
  padding-block: var(--orb-spacing-lg);
}

.orb-padding-xl {
  padding: var(--orb-spacing-xl);
}

.orb-padding-top-xl {
  padding-top: var(--orb-spacing-xl);
}

.orb-padding-right-xl {
  padding-right: var(--orb-spacing-xl);
}

.orb-padding-bottom-xl {
  padding-bottom: var(--orb-spacing-xl);
}

.orb-padding-left-xl {
  padding-left: var(--orb-spacing-xl);
}

.orb-padding-horizontal-xl {
  padding-inline: var(--orb-spacing-xl);
}

.orb-padding-vertical-xl {
  padding-block: var(--orb-spacing-xl);
}

.orb-padding-2xl {
  padding: var(--orb-spacing-2xl);
}

.orb-padding-top-2xl {
  padding-top: var(--orb-spacing-2xl);
}

.orb-padding-right-2xl {
  padding-right: var(--orb-spacing-2xl);
}

.orb-padding-bottom-2xl {
  padding-bottom: var(--orb-spacing-2xl);
}

.orb-padding-left-2xl {
  padding-left: var(--orb-spacing-2xl);
}

.orb-padding-horizontal-2xl {
  padding-inline: var(--orb-spacing-2xl);
}

.orb-padding-vertical-2xl {
  padding-block: var(--orb-spacing-2xl);
}

.orb-padding-3xl {
  padding: var(--orb-spacing-3xl);
}

.orb-padding-top-3xl {
  padding-top: var(--orb-spacing-3xl);
}

.orb-padding-right-3xl {
  padding-right: var(--orb-spacing-3xl);
}

.orb-padding-bottom-3xl {
  padding-bottom: var(--orb-spacing-3xl);
}

.orb-padding-left-3xl {
  padding-left: var(--orb-spacing-3xl);
}

.orb-padding-horizontal-3xl {
  padding-inline: var(--orb-spacing-3xl);
}

.orb-padding-vertical-3xl {
  padding-block: var(--orb-spacing-3xl);
}

.orb-no-padding {
  padding: 0 !important;
}

.orb-no-padding-top {
  padding-top: 0 !important;
}

.orb-no-padding-right {
  padding-right: 0 !important;
}

.orb-no-padding-bottom {
  padding-bottom: 0 !important;
}

.orb-no-padding-left {
  padding-left: 0 !important;
}

.orb-no-padding-horizontal {
  padding-inline: 0 !important;
}

.orb-no-padding-vertical {
  padding-block: 0 !important;
}

.orb-margin-3xs {
  margin: var(--orb-spacing-3xs);
}

.orb-margin-top-3xs {
  margin-top: var(--orb-spacing-3xs);
}

.orb-margin-right-3xs {
  margin-right: var(--orb-spacing-3xs);
}

.orb-margin-bottom-3xs {
  margin-bottom: var(--orb-spacing-3xs);
}

.orb-margin-left-3xs {
  margin-left: var(--orb-spacing-3xs);
}

.orb-margin-horizontal-3xs {
  margin-inline: var(--orb-spacing-3xs);
}

.orb-margin-vertical-3xs {
  margin-block: var(--orb-spacing-3xs);
}

.orb-margin-2xs {
  margin: var(--orb-spacing-2xs);
}

.orb-margin-top-2xs {
  margin-top: var(--orb-spacing-2xs);
}

.orb-margin-right-2xs {
  margin-right: var(--orb-spacing-2xs);
}

.orb-margin-bottom-2xs {
  margin-bottom: var(--orb-spacing-2xs);
}

.orb-margin-left-2xs {
  margin-left: var(--orb-spacing-2xs);
}

.orb-margin-horizontal-2xs {
  margin-inline: var(--orb-spacing-2xs);
}

.orb-margin-vertical-2xs {
  margin-block: var(--orb-spacing-2xs);
}

.orb-margin-xs {
  margin: var(--orb-spacing-xs);
}

.orb-margin-top-xs {
  margin-top: var(--orb-spacing-xs);
}

.orb-margin-right-xs {
  margin-right: var(--orb-spacing-xs);
}

.orb-margin-bottom-xs {
  margin-bottom: var(--orb-spacing-xs);
}

.orb-margin-left-xs {
  margin-left: var(--orb-spacing-xs);
}

.orb-margin-horizontal-xs {
  margin-inline: var(--orb-spacing-xs);
}

.orb-margin-vertical-xs {
  margin-block: var(--orb-spacing-xs);
}

.orb-margin-sm {
  margin: var(--orb-spacing-sm);
}

.orb-margin-top-sm {
  margin-top: var(--orb-spacing-sm);
}

.orb-margin-right-sm {
  margin-right: var(--orb-spacing-sm);
}

.orb-margin-bottom-sm {
  margin-bottom: var(--orb-spacing-sm);
}

.orb-margin-left-sm {
  margin-left: var(--orb-spacing-sm);
}

.orb-margin-horizontal-sm {
  margin-inline: var(--orb-spacing-sm);
}

.orb-margin-vertical-sm {
  margin-block: var(--orb-spacing-sm);
}

.orb-margin {
  margin: var(--orb-spacing-md);
}

.orb-margin-top {
  margin-top: var(--orb-spacing-md);
}

.orb-margin-right {
  margin-right: var(--orb-spacing-md);
}

.orb-margin-bottom {
  margin-bottom: var(--orb-spacing-md);
}

.orb-margin-left {
  margin-left: var(--orb-spacing-md);
}

.orb-margin-horizontal {
  margin-inline: var(--orb-spacing-md);
}

.orb-margin-vertical {
  margin-block: var(--orb-spacing-md);
}

.orb-margin-lg {
  margin: var(--orb-spacing-lg);
}

.orb-margin-top-lg {
  margin-top: var(--orb-spacing-lg);
}

.orb-margin-right-lg {
  margin-right: var(--orb-spacing-lg);
}

.orb-margin-bottom-lg {
  margin-bottom: var(--orb-spacing-lg);
}

.orb-margin-left-lg {
  margin-left: var(--orb-spacing-lg);
}

.orb-margin-horizontal-lg {
  margin-inline: var(--orb-spacing-lg);
}

.orb-margin-vertical-lg {
  margin-block: var(--orb-spacing-lg);
}

.orb-margin-xl {
  margin: var(--orb-spacing-xl);
}

.orb-margin-top-xl {
  margin-top: var(--orb-spacing-xl);
}

.orb-margin-right-xl {
  margin-right: var(--orb-spacing-xl);
}

.orb-margin-bottom-xl {
  margin-bottom: var(--orb-spacing-xl);
}

.orb-margin-left-xl {
  margin-left: var(--orb-spacing-xl);
}

.orb-margin-horizontal-xl {
  margin-inline: var(--orb-spacing-xl);
}

.orb-margin-vertical-xl {
  margin-block: var(--orb-spacing-xl);
}

.orb-margin-2xl {
  margin: var(--orb-spacing-2xl);
}

.orb-margin-top-2xl {
  margin-top: var(--orb-spacing-2xl);
}

.orb-margin-right-2xl {
  margin-right: var(--orb-spacing-2xl);
}

.orb-margin-bottom-2xl {
  margin-bottom: var(--orb-spacing-2xl);
}

.orb-margin-left-2xl {
  margin-left: var(--orb-spacing-2xl);
}

.orb-margin-horizontal-2xl {
  margin-inline: var(--orb-spacing-2xl);
}

.orb-margin-vertical-2xl {
  margin-block: var(--orb-spacing-2xl);
}

.orb-margin-3xl {
  margin: var(--orb-spacing-3xl);
}

.orb-margin-top-3xl {
  margin-top: var(--orb-spacing-3xl);
}

.orb-margin-right-3xl {
  margin-right: var(--orb-spacing-3xl);
}

.orb-margin-bottom-3xl {
  margin-bottom: var(--orb-spacing-3xl);
}

.orb-margin-left-3xl {
  margin-left: var(--orb-spacing-3xl);
}

.orb-margin-horizontal-3xl {
  margin-inline: var(--orb-spacing-3xl);
}

.orb-margin-vertical-3xl {
  margin-block: var(--orb-spacing-3xl);
}

.orb-no-margin {
  margin: 0 !important;
}

.orb-no-margin-top {
  margin-top: 0 !important;
}

.orb-no-margin-right {
  margin-right: 0 !important;
}

.orb-no-margin-bottom {
  margin-bottom: 0 !important;
}

.orb-no-margin-left {
  margin-left: 0 !important;
}

.orb-no-margin-horizontal {
  margin-inline: 0 !important;
}

.orb-no-margin-vertical {
  margin-block: 0 !important;
}

.orb-font-light {
  font-weight: var(--orb-font-light);
}

.orb-font-regular {
  font-weight: var(--orb-font-regular);
}

.orb-font-semi-bold {
  font-weight: var(--orb-font-semi-bold);
}

.orb-font-bold {
  font-weight: var(--orb-font-bold);
}

.orb-font-heavy {
  font-weight: var(--orb-font-heavy);
}

.orb-font-xs {
  font-size: var(--orb-font-xs);
}

.orb-font-sm {
  font-size: var(--orb-font-sm);
}

.orb-font-md {
  font-size: var(--orb-font-md);
}

.orb-font-lg {
  font-size: var(--orb-font-lg);
}

.orb-font-xl {
  font-size: var(--orb-font-xl);
}

.orb-font-2xl {
  font-size: var(--orb-font-2xl);
}

.orb-font-3xl {
  font-size: var(--orb-font-3xl);
}