.opacity-0 {
  opacity: var(--group-opacity-0) !important;
}

.opacity-30 {
  opacity: var(--group-opacity-30) !important;
}

.opacity-40 {
  opacity: var(--group-opacity-40) !important;
}

.opacity-50 {
  opacity: var(--group-opacity-50) !important;
}

.opacity-60 {
  opacity: var(--group-opacity-60) !important;
}

.opacity-80 {
  opacity: var(--group-opacity-80) !important;
}

.opacity-100 {
  opacity: var(--group-opacity-100) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.shadow-small {
  box-shadow: var(--group-shadow-small) !important;
}

.shadow-normal {
  box-shadow: var(--group-shadow-normal) !important;
}

.shadow-large {
  box-shadow: var(--group-shadow-large) !important;
}

.focus\:shadow-none:focus {
  box-shadow: none !important;
}

.hover\:shadow-none:hover {
  box-shadow: none !important;
}

.active\:shadow-none:active {
  box-shadow: none !important;
}

.focus\:shadow-small:focus {
  box-shadow: var(--group-shadow-small) !important;
}

.hover\:shadow-small:hover {
  box-shadow: var(--group-shadow-small) !important;
}

.active\:shadow-small:active {
  box-shadow: var(--group-shadow-small) !important;
}

.focus\:shadow-normal:focus {
  box-shadow: var(--group-shadow-normal) !important;
}

.hover\:shadow-normal:hover {
  box-shadow: var(--group-shadow-normal) !important;
}

.active\:shadow-normal:active {
  box-shadow: var(--group-shadow-normal) !important;
}

.focus\:shadow-large:focus {
  box-shadow: var(--group-shadow-large) !important;
}

.hover\:shadow-large:hover {
  box-shadow: var(--group-shadow-large) !important;
}

.active\:shadow-large:active {
  box-shadow: var(--group-shadow-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:shadow-none {
    box-shadow: none !important;
  }
  .mobile\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .mobile\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .mobile\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .mobile\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:shadow-none {
    box-shadow: none !important;
  }
  .tablet\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .tablet\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .tablet\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .tablet\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:shadow-none {
    box-shadow: none !important;
  }
  .desktop\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .desktop\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .desktop\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .desktop\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:shadow-none {
    box-shadow: none !important;
  }
  .widescreen\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .widescreen\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .widescreen\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .widescreen\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
.text-shadow-normal {
  text-shadow: var(--group-text-shadow-normal) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
.elevation-light-elevation-decorative {
  elevation: var(--group-light-elevation-decorative) !important;
}

.elevation-light-elevation-functional {
  elevation: var(--group-light-elevation-functional) !important;
}

.elevation-light-elevation-border {
  elevation: var(--group-light-elevation-border) !important;
}

.elevation-dark-elevation-decorative {
  elevation: var(--group-dark-elevation-decorative) !important;
}

.elevation-dark-elevation-functional {
  elevation: var(--group-dark-elevation-functional) !important;
}

.elevation-dark-elevation-border {
  elevation: var(--group-dark-elevation-border) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .mobile\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .mobile\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .mobile\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .mobile\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .mobile\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .tablet\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .tablet\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .tablet\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .tablet\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .tablet\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .desktop\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .desktop\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .desktop\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .desktop\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .desktop\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .widescreen\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .widescreen\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .widescreen\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .widescreen\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .widescreen\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
/*# sourceMappingURL=utilities/elevation.css.map */