/**
  * @deprecated Use desktop with t-shirt size breakpoints instead
  */
.z-index-deep {
  z-index: var(--bal-z-index-deep) !important;
}

.z-index-masked {
  z-index: var(--bal-z-index-masked) !important;
}

.z-index-mask {
  z-index: var(--bal-z-index-mask) !important;
}

.z-index-sticky {
  z-index: var(--bal-z-index-sticky) !important;
}

.z-index-navigation {
  z-index: var(--bal-z-index-navigation) !important;
}

.z-index-popup {
  z-index: var(--bal-z-index-popup) !important;
}

.z-index-modal {
  z-index: var(--bal-z-index-modal) !important;
}

.z-index-toast {
  z-index: var(--bal-z-index-toast) !important;
}

.z-index-tooltip {
  z-index: var(--bal-z-index-tooltip) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .mobile\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .mobile\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .mobile\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .mobile\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .mobile\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .mobile\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .mobile\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .mobile\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .tablet\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .tablet\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .tablet\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .tablet\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .tablet\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .tablet\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .tablet\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .tablet\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .desktop\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .desktop\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .desktop\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .desktop\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .desktop\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .desktop\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .desktop\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .desktop\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:z-index-deep {
    z-index: var(--bal-z-index-deep) !important;
  }
  .desktop-xl\:z-index-masked {
    z-index: var(--bal-z-index-masked) !important;
  }
  .desktop-xl\:z-index-mask {
    z-index: var(--bal-z-index-mask) !important;
  }
  .desktop-xl\:z-index-sticky {
    z-index: var(--bal-z-index-sticky) !important;
  }
  .desktop-xl\:z-index-navigation {
    z-index: var(--bal-z-index-navigation) !important;
  }
  .desktop-xl\:z-index-popup {
    z-index: var(--bal-z-index-popup) !important;
  }
  .desktop-xl\:z-index-modal {
    z-index: var(--bal-z-index-modal) !important;
  }
  .desktop-xl\:z-index-toast {
    z-index: var(--bal-z-index-toast) !important;
  }
  .desktop-xl\:z-index-tooltip {
    z-index: var(--bal-z-index-tooltip) !important;
  }
}
.opacity-hidden {
  opacity: var(--bal-opacity-hidden) !important;
}

.opacity-half {
  opacity: var(--bal-opacity-half) !important;
}

.opacity-disabled {
  opacity: var(--bal-opacity-disabled) !important;
}

.opacity-backdrop {
  opacity: var(--bal-opacity-backdrop) !important;
}

.opacity-full {
  opacity: var(--bal-opacity-full) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .mobile\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .mobile\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .mobile\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .mobile\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .tablet\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .tablet\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .tablet\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .tablet\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .desktop\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .desktop\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .desktop\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .desktop\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:opacity-hidden {
    opacity: var(--bal-opacity-hidden) !important;
  }
  .desktop-xl\:opacity-half {
    opacity: var(--bal-opacity-half) !important;
  }
  .desktop-xl\:opacity-disabled {
    opacity: var(--bal-opacity-disabled) !important;
  }
  .desktop-xl\:opacity-backdrop {
    opacity: var(--bal-opacity-backdrop) !important;
  }
  .desktop-xl\:opacity-full {
    opacity: var(--bal-opacity-full) !important;
  }
}
.shadow-none {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.shadow-header {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.shadow {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.shadow-elevated {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.focus\:shadow-none:focus {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.hover\:shadow-none:hover {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.active\:shadow-none:active {
  box-shadow: var(--bal-shadow-box-none) !important;
}

.focus\:shadow-header:focus {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.hover\:shadow-header:hover {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.active\:shadow-header:active {
  box-shadow: var(--bal-shadow-box-header) !important;
}

.focus\:shadow:focus {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.hover\:shadow:hover {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.active\:shadow:active {
  box-shadow: var(--bal-shadow-box-base) !important;
}

.focus\:shadow-elevated:focus {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.hover\:shadow-elevated:hover {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

.active\:shadow-elevated:active {
  box-shadow: var(--bal-shadow-box-elevated) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .mobile\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .mobile\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .mobile\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .mobile\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 769px) {
  .tablet\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .tablet\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .tablet\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .tablet\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .tablet\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
@media screen and (min-width: 1440px) {
  .desktop-xl\:shadow-none {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:shadow-header {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:shadow {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:shadow-elevated {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:focus\:shadow-none:focus {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:hover\:shadow-none:hover {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:active\:shadow-none:active {
    box-shadow: var(--bal-shadow-box-none) !important;
  }
  .desktop-xl\:focus\:shadow-header:focus {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:hover\:shadow-header:hover {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:active\:shadow-header:active {
    box-shadow: var(--bal-shadow-box-header) !important;
  }
  .desktop-xl\:focus\:shadow:focus {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:hover\:shadow:hover {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:active\:shadow:active {
    box-shadow: var(--bal-shadow-box-base) !important;
  }
  .desktop-xl\:focus\:shadow-elevated:focus {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:hover\:shadow-elevated:hover {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
  .desktop-xl\:active\:shadow-elevated:active {
    box-shadow: var(--bal-shadow-box-elevated) !important;
  }
}
/*# sourceMappingURL=utilities/elevation.css.map */