.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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+widescreen
  .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

+mobile
  .mobile\:text-shadow-normal
    text-shadow: var(--group-text-shadow-normal) !important

+tablet
  .tablet\:text-shadow-normal
    text-shadow: var(--group-text-shadow-normal) !important

+desktop
  .desktop\:text-shadow-normal
    text-shadow: var(--group-text-shadow-normal) !important

+widescreen
  .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

+mobile
  .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

+tablet
  .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

+desktop
  .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

+widescreen
  .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