/** Global Styles */
body {
  font-family: var(--aura-font-family-base);
}

.sr-only {
  position: var(--aura-position-absolute);
  width: var(--aura-unit-1-px);
  height: var(--aura-unit-1-px);
  padding: var(--aura-padding-0);
  border: var(--aura-border-0);
  overflow: var(--aura-border-style-hidden);
  clip: rect(
    var(--aura-padding-0),
    var(--aura-padding-0),
    var(--aura-padding-0),
    var(--aura-padding-0)
  );
  white-space: var(--aura-white-space-nowrap);
  clip-path: inset(var(--aura-clip-50-percent));
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: var(--aura-position-static);
  width: var(--aura-width-auto);
  height: var(--aura-height-auto);
  overflow: var(--aura-overflow-visible);
  clip: var(--aura-clip-auto);
  white-space: var(--aura-white-space-normal);
  clip-path: var(--aura-clip-path-none);
}

.aura-badge {
  display: var(--aura-display-flex);
  width: var(--aura-width-fit-content);
  padding: var(--aura-unit-5-px) var(--aura-unit-8-px);
  justify-content: var(--aura-justify-self-center);
  align-items: var(--aura-align-self-center);
  gap: var(--aura-unit-4-px);
  font-family: var(--aura-font-family-semibold);
  /* Default values */
  border: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-secondary);
  border-radius: var(--aura-unit-16-px);
  background: var(--aura-white);
  color: var(--aura-secondary);
  font-size: var(--aura-unit-13-px);
  line-height: var(--aura-unit-13-px);
}

/* Text */
.aura-badge-strike-out {
  text-decoration: var(--aura-text-decoration-line-through);
}

/* Border */
.aura-badge-outline-color-secondary {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-medallion-light-gray);
}

.aura-badge-outline-color-success {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-medium-green);
}

.aura-badge-outline-color-warn {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-dark-orange);
}

.aura-badge-outline-color-info {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid) var(--aura-blue);
}

.aura-badge-outline-color-danger {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid)
    var(--aura-red-hover);
}

.aura-badge-outline-color-reward {
  border: var(--aura-unit-1-px) var(--aura-border-type-solid) var(--aura-reward);
}

.aura-border-top {
  border-top-width: var(--aura-unit-3-px);
  border-top-style: var(--aura-border-type-solid);
}

.aura-border-right {
  border-right-width: var(--aura-unit-3-px);
  border-right-style: var(--aura-border-type-solid);
}

.aura-border-bottom {
  border-bottom-width: var(--aura-unit-3-px);
  border-bottom-style: var(--aura-border-type-solid);
}

.aura-border-left {
  border-left-width: var(--aura-unit-3-px);
  border-left-style: var(--aura-border-type-solid);
}

/* Outline */
.aura-badge-outline-squared {
  border-radius: var(--aura-unit-4-px);
}

.aura-badge-outline-none {
  border: var(--aura-display-none);
  border-radius: var(--aura-unit-0-px);
}

/* Background */
.aura-badge-background-primary {
  background: var(--aura-secondary);
}

.aura-badge-background-secondary {
  background: var(--aura-medallion-light-gray);
}

.aura-badge-background-success {
  background: var(--aura-medium-green);
}

.aura-badge-background-warn {
  background: var(--aura-dark-orange);
}

.aura-badge-background-info {
  background: var(--aura-blue);
}

.aura-badge-background-danger {
  background: var(--aura-red-hover);
}

.aura-badge-background-light {
  background: var(--aura-gray-100);
}

.aura-badge-background-reward {
  background: var(--aura-reward);
}

.aura-ribbon-color-primary {
  border-color: var(--aura-secondary);
}

.aura-ribbon-color-secondary {
  border-color: var(--aura-medallion-light-gray);
}

.aura-ribbon-color-success {
  border-color: var(--aura-medium-green);
}

.aura-ribbon-color-warn {
  border-color: var(--aura-dark-orange);
}

.aura-ribbon-color-info {
  border-color: var(--aura-blue);
}

.aura-ribbon-color-danger {
  border-color: var(--aura-red-hover);
}

/* Color */
.aura-badge-label-color-secondary {
  color: var(--aura-medallion-light-gray);
}

.aura-badge-label-color-success {
  color: var(--aura-medium-green);
}

.aura-badge-label-color-warn {
  color: var(--aura-dark-orange);
}

.aura-badge-label-color-info {
  color: var(--aura-blue);
}

.aura-badge-label-color-danger {
  color: var(--aura-red-hover);
}

.aura-badge-label-color-white {
  color: var(--aura-white);
}

/* Size */
.aura-badge-icon-size-small > img {
  width: var(--aura-unit-8-px);
  height: var(--aura-unit-8-px);
}

.aura-badge-icon-size-medium > img {
  width: var(--aura-unit-14-px);
  height: var(--aura-unit-14-px);
}

.aura-badge-icon-size-large > img {
  width: var(--aura-unit-24-px);
  height: var(--aura-unit-24-px);
}

.aura-badge-label-size-small {
  font-size: var(--aura-unit-8-px);
  line-height: var(--aura-unit-8-px);
}

.aura-badge-label-size-large {
  font-size: var(--aura-unit-18-px);
  line-height: var(--aura-unit-24-px);
}

/* Separator Directive */
.aura-separator {
  content: var(--aura-separator);
}

.aura-white-separator {
  content: var(--aura-white-separator);
}

.aura-notification-overlay {
  box-shadow: var(--aura-box-shadow);
}

.aura-date-picker-panel {
  box-shadow: var(--aura-dropdown-box-shadow);
  background-color: var(--aura-white);
}

.aura-stack {
  background: var(--aura-background-transparent);
  display: var(--aura-display-flex);
  flex-direction: var(--aura-flex-direction-column);
  justify-content: var(--aura-justify-space-between);
}