/* File: automatic-gutenberg-color-palette.css - Version: 2.8.3 - Generated: 2024-04-11 10:52:41 */
.has-base-color {
  color: var(--base);
}
.has-base-background-color {
  background-color: var(--base);
}
.has-base-border-color {
  border-color: var(--base);
}
.has-base-hover-color {
  color: var(--base-hover);
}
.has-base-hover-background-color {
  background-color: var(--base-hover);
}
.has-base-hover-border-color {
  border-color: var(--base-hover);
}
.has-base-ultra-light-color {
  color: var(--base-ultra-light);
}
.has-base-ultra-light-background-color {
  background-color: var(--base-ultra-light);
}
.has-base-ultra-light-border-color {
  border-color: var(--base-ultra-light);
}
.has-base-light-color {
  color: var(--base-light);
}
.has-base-light-background-color {
  background-color: var(--base-light);
}
.has-base-light-border-color {
  border-color: var(--base-light);
}
.has-base-medium-color {
  color: var(--base-medium);
}
.has-base-medium-background-color {
  background-color: var(--base-medium);
}
.has-base-medium-border-color {
  border-color: var(--base-medium);
}
.has-base-dark-color {
  color: var(--base-dark);
}
.has-base-dark-background-color {
  background-color: var(--base-dark);
}
.has-base-dark-border-color {
  border-color: var(--base-dark);
}
.has-base-ultra-dark-color {
  color: var(--base-ultra-dark);
}
.has-base-ultra-dark-background-color {
  background-color: var(--base-ultra-dark);
}
.has-base-ultra-dark-border-color {
  border-color: var(--base-ultra-dark);
}
.has-base-comp-color {
  color: var(--base-comp);
}
.has-base-comp-background-color {
  background-color: var(--base-comp);
}
.has-base-comp-border-color {
  border-color: var(--base-comp);
}
.has-base-trans-10-color {
  color: var(--base-trans-10);
}
.has-base-trans-10-background-color {
  background-color: var(--base-trans-10);
}
.has-base-trans-10-border-color {
  border-color: var(--base-trans-10);
}
.has-base-trans-20-color {
  color: var(--base-trans-20);
}
.has-base-trans-20-background-color {
  background-color: var(--base-trans-20);
}
.has-base-trans-20-border-color {
  border-color: var(--base-trans-20);
}
.has-base-trans-30-color {
  color: var(--base-trans-30);
}
.has-base-trans-30-background-color {
  background-color: var(--base-trans-30);
}
.has-base-trans-30-border-color {
  border-color: var(--base-trans-30);
}
.has-base-trans-40-color {
  color: var(--base-trans-40);
}
.has-base-trans-40-background-color {
  background-color: var(--base-trans-40);
}
.has-base-trans-40-border-color {
  border-color: var(--base-trans-40);
}
.has-base-trans-50-color {
  color: var(--base-trans-50);
}
.has-base-trans-50-background-color {
  background-color: var(--base-trans-50);
}
.has-base-trans-50-border-color {
  border-color: var(--base-trans-50);
}
.has-base-trans-60-color {
  color: var(--base-trans-60);
}
.has-base-trans-60-background-color {
  background-color: var(--base-trans-60);
}
.has-base-trans-60-border-color {
  border-color: var(--base-trans-60);
}
.has-base-trans-70-color {
  color: var(--base-trans-70);
}
.has-base-trans-70-background-color {
  background-color: var(--base-trans-70);
}
.has-base-trans-70-border-color {
  border-color: var(--base-trans-70);
}
.has-base-trans-80-color {
  color: var(--base-trans-80);
}
.has-base-trans-80-background-color {
  background-color: var(--base-trans-80);
}
.has-base-trans-80-border-color {
  border-color: var(--base-trans-80);
}
.has-base-trans-90-color {
  color: var(--base-trans-90);
}
.has-base-trans-90-background-color {
  background-color: var(--base-trans-90);
}
.has-base-trans-90-border-color {
  border-color: var(--base-trans-90);
}
.has-base-light-trans-10-color {
  color: var(--base-light-trans-10);
}
.has-base-light-trans-10-background-color {
  background-color: var(--base-light-trans-10);
}
.has-base-light-trans-10-border-color {
  border-color: var(--base-light-trans-10);
}
.has-base-light-trans-20-color {
  color: var(--base-light-trans-20);
}
.has-base-light-trans-20-background-color {
  background-color: var(--base-light-trans-20);
}
.has-base-light-trans-20-border-color {
  border-color: var(--base-light-trans-20);
}
.has-base-light-trans-30-color {
  color: var(--base-light-trans-30);
}
.has-base-light-trans-30-background-color {
  background-color: var(--base-light-trans-30);
}
.has-base-light-trans-30-border-color {
  border-color: var(--base-light-trans-30);
}
.has-base-light-trans-40-color {
  color: var(--base-light-trans-40);
}
.has-base-light-trans-40-background-color {
  background-color: var(--base-light-trans-40);
}
.has-base-light-trans-40-border-color {
  border-color: var(--base-light-trans-40);
}
.has-base-light-trans-50-color {
  color: var(--base-light-trans-50);
}
.has-base-light-trans-50-background-color {
  background-color: var(--base-light-trans-50);
}
.has-base-light-trans-50-border-color {
  border-color: var(--base-light-trans-50);
}
.has-base-light-trans-60-color {
  color: var(--base-light-trans-60);
}
.has-base-light-trans-60-background-color {
  background-color: var(--base-light-trans-60);
}
.has-base-light-trans-60-border-color {
  border-color: var(--base-light-trans-60);
}
.has-base-light-trans-70-color {
  color: var(--base-light-trans-70);
}
.has-base-light-trans-70-background-color {
  background-color: var(--base-light-trans-70);
}
.has-base-light-trans-70-border-color {
  border-color: var(--base-light-trans-70);
}
.has-base-light-trans-80-color {
  color: var(--base-light-trans-80);
}
.has-base-light-trans-80-background-color {
  background-color: var(--base-light-trans-80);
}
.has-base-light-trans-80-border-color {
  border-color: var(--base-light-trans-80);
}
.has-base-light-trans-90-color {
  color: var(--base-light-trans-90);
}
.has-base-light-trans-90-background-color {
  background-color: var(--base-light-trans-90);
}
.has-base-light-trans-90-border-color {
  border-color: var(--base-light-trans-90);
}
.has-base-dark-trans-10-color {
  color: var(--base-dark-trans-10);
}
.has-base-dark-trans-10-background-color {
  background-color: var(--base-dark-trans-10);
}
.has-base-dark-trans-10-border-color {
  border-color: var(--base-dark-trans-10);
}
.has-base-dark-trans-20-color {
  color: var(--base-dark-trans-20);
}
.has-base-dark-trans-20-background-color {
  background-color: var(--base-dark-trans-20);
}
.has-base-dark-trans-20-border-color {
  border-color: var(--base-dark-trans-20);
}
.has-base-dark-trans-30-color {
  color: var(--base-dark-trans-30);
}
.has-base-dark-trans-30-background-color {
  background-color: var(--base-dark-trans-30);
}
.has-base-dark-trans-30-border-color {
  border-color: var(--base-dark-trans-30);
}
.has-base-dark-trans-40-color {
  color: var(--base-dark-trans-40);
}
.has-base-dark-trans-40-background-color {
  background-color: var(--base-dark-trans-40);
}
.has-base-dark-trans-40-border-color {
  border-color: var(--base-dark-trans-40);
}
.has-base-dark-trans-50-color {
  color: var(--base-dark-trans-50);
}
.has-base-dark-trans-50-background-color {
  background-color: var(--base-dark-trans-50);
}
.has-base-dark-trans-50-border-color {
  border-color: var(--base-dark-trans-50);
}
.has-base-dark-trans-60-color {
  color: var(--base-dark-trans-60);
}
.has-base-dark-trans-60-background-color {
  background-color: var(--base-dark-trans-60);
}
.has-base-dark-trans-60-border-color {
  border-color: var(--base-dark-trans-60);
}
.has-base-dark-trans-70-color {
  color: var(--base-dark-trans-70);
}
.has-base-dark-trans-70-background-color {
  background-color: var(--base-dark-trans-70);
}
.has-base-dark-trans-70-border-color {
  border-color: var(--base-dark-trans-70);
}
.has-base-dark-trans-80-color {
  color: var(--base-dark-trans-80);
}
.has-base-dark-trans-80-background-color {
  background-color: var(--base-dark-trans-80);
}
.has-base-dark-trans-80-border-color {
  border-color: var(--base-dark-trans-80);
}
.has-base-dark-trans-90-color {
  color: var(--base-dark-trans-90);
}
.has-base-dark-trans-90-background-color {
  background-color: var(--base-dark-trans-90);
}
.has-base-dark-trans-90-border-color {
  border-color: var(--base-dark-trans-90);
}
.has-base-ultra-dark-trans-10-color {
  color: var(--base-ultra-dark-trans-10);
}
.has-base-ultra-dark-trans-10-background-color {
  background-color: var(--base-ultra-dark-trans-10);
}
.has-base-ultra-dark-trans-10-border-color {
  border-color: var(--base-ultra-dark-trans-10);
}
.has-base-ultra-dark-trans-20-color {
  color: var(--base-ultra-dark-trans-20);
}
.has-base-ultra-dark-trans-20-background-color {
  background-color: var(--base-ultra-dark-trans-20);
}
.has-base-ultra-dark-trans-20-border-color {
  border-color: var(--base-ultra-dark-trans-20);
}
.has-base-ultra-dark-trans-30-color {
  color: var(--base-ultra-dark-trans-30);
}
.has-base-ultra-dark-trans-30-background-color {
  background-color: var(--base-ultra-dark-trans-30);
}
.has-base-ultra-dark-trans-30-border-color {
  border-color: var(--base-ultra-dark-trans-30);
}
.has-base-ultra-dark-trans-40-color {
  color: var(--base-ultra-dark-trans-40);
}
.has-base-ultra-dark-trans-40-background-color {
  background-color: var(--base-ultra-dark-trans-40);
}
.has-base-ultra-dark-trans-40-border-color {
  border-color: var(--base-ultra-dark-trans-40);
}
.has-base-ultra-dark-trans-50-color {
  color: var(--base-ultra-dark-trans-50);
}
.has-base-ultra-dark-trans-50-background-color {
  background-color: var(--base-ultra-dark-trans-50);
}
.has-base-ultra-dark-trans-50-border-color {
  border-color: var(--base-ultra-dark-trans-50);
}
.has-base-ultra-dark-trans-60-color {
  color: var(--base-ultra-dark-trans-60);
}
.has-base-ultra-dark-trans-60-background-color {
  background-color: var(--base-ultra-dark-trans-60);
}
.has-base-ultra-dark-trans-60-border-color {
  border-color: var(--base-ultra-dark-trans-60);
}
.has-base-ultra-dark-trans-70-color {
  color: var(--base-ultra-dark-trans-70);
}
.has-base-ultra-dark-trans-70-background-color {
  background-color: var(--base-ultra-dark-trans-70);
}
.has-base-ultra-dark-trans-70-border-color {
  border-color: var(--base-ultra-dark-trans-70);
}
.has-base-ultra-dark-trans-80-color {
  color: var(--base-ultra-dark-trans-80);
}
.has-base-ultra-dark-trans-80-background-color {
  background-color: var(--base-ultra-dark-trans-80);
}
.has-base-ultra-dark-trans-80-border-color {
  border-color: var(--base-ultra-dark-trans-80);
}
.has-base-ultra-dark-trans-90-color {
  color: var(--base-ultra-dark-trans-90);
}
.has-base-ultra-dark-trans-90-background-color {
  background-color: var(--base-ultra-dark-trans-90);
}
.has-base-ultra-dark-trans-90-border-color {
  border-color: var(--base-ultra-dark-trans-90);
}
.has-shade-color {
  color: var(--shade);
}
.has-shade-background-color {
  background-color: var(--shade);
}
.has-shade-border-color {
  border-color: var(--shade);
}
.has-shade-hover-color {
  color: var(--shade-hover);
}
.has-shade-hover-background-color {
  background-color: var(--shade-hover);
}
.has-shade-hover-border-color {
  border-color: var(--shade-hover);
}
.has-shade-ultra-light-color {
  color: var(--shade-ultra-light);
}
.has-shade-ultra-light-background-color {
  background-color: var(--shade-ultra-light);
}
.has-shade-ultra-light-border-color {
  border-color: var(--shade-ultra-light);
}
.has-shade-light-color {
  color: var(--shade-light);
}
.has-shade-light-background-color {
  background-color: var(--shade-light);
}
.has-shade-light-border-color {
  border-color: var(--shade-light);
}
.has-shade-medium-color {
  color: var(--shade-medium);
}
.has-shade-medium-background-color {
  background-color: var(--shade-medium);
}
.has-shade-medium-border-color {
  border-color: var(--shade-medium);
}
.has-shade-dark-color {
  color: var(--shade-dark);
}
.has-shade-dark-background-color {
  background-color: var(--shade-dark);
}
.has-shade-dark-border-color {
  border-color: var(--shade-dark);
}
.has-shade-ultra-dark-color {
  color: var(--shade-ultra-dark);
}
.has-shade-ultra-dark-background-color {
  background-color: var(--shade-ultra-dark);
}
.has-shade-ultra-dark-border-color {
  border-color: var(--shade-ultra-dark);
}
.has-shade-comp-color {
  color: var(--shade-comp);
}
.has-shade-comp-background-color {
  background-color: var(--shade-comp);
}
.has-shade-comp-border-color {
  border-color: var(--shade-comp);
}
.has-shade-trans-10-color {
  color: var(--shade-trans-10);
}
.has-shade-trans-10-background-color {
  background-color: var(--shade-trans-10);
}
.has-shade-trans-10-border-color {
  border-color: var(--shade-trans-10);
}
.has-shade-trans-20-color {
  color: var(--shade-trans-20);
}
.has-shade-trans-20-background-color {
  background-color: var(--shade-trans-20);
}
.has-shade-trans-20-border-color {
  border-color: var(--shade-trans-20);
}
.has-shade-trans-30-color {
  color: var(--shade-trans-30);
}
.has-shade-trans-30-background-color {
  background-color: var(--shade-trans-30);
}
.has-shade-trans-30-border-color {
  border-color: var(--shade-trans-30);
}
.has-shade-trans-40-color {
  color: var(--shade-trans-40);
}
.has-shade-trans-40-background-color {
  background-color: var(--shade-trans-40);
}
.has-shade-trans-40-border-color {
  border-color: var(--shade-trans-40);
}
.has-shade-trans-50-color {
  color: var(--shade-trans-50);
}
.has-shade-trans-50-background-color {
  background-color: var(--shade-trans-50);
}
.has-shade-trans-50-border-color {
  border-color: var(--shade-trans-50);
}
.has-shade-trans-60-color {
  color: var(--shade-trans-60);
}
.has-shade-trans-60-background-color {
  background-color: var(--shade-trans-60);
}
.has-shade-trans-60-border-color {
  border-color: var(--shade-trans-60);
}
.has-shade-trans-70-color {
  color: var(--shade-trans-70);
}
.has-shade-trans-70-background-color {
  background-color: var(--shade-trans-70);
}
.has-shade-trans-70-border-color {
  border-color: var(--shade-trans-70);
}
.has-shade-trans-80-color {
  color: var(--shade-trans-80);
}
.has-shade-trans-80-background-color {
  background-color: var(--shade-trans-80);
}
.has-shade-trans-80-border-color {
  border-color: var(--shade-trans-80);
}
.has-shade-trans-90-color {
  color: var(--shade-trans-90);
}
.has-shade-trans-90-background-color {
  background-color: var(--shade-trans-90);
}
.has-shade-trans-90-border-color {
  border-color: var(--shade-trans-90);
}
.has-shade-light-trans-10-color {
  color: var(--shade-light-trans-10);
}
.has-shade-light-trans-10-background-color {
  background-color: var(--shade-light-trans-10);
}
.has-shade-light-trans-10-border-color {
  border-color: var(--shade-light-trans-10);
}
.has-shade-light-trans-20-color {
  color: var(--shade-light-trans-20);
}
.has-shade-light-trans-20-background-color {
  background-color: var(--shade-light-trans-20);
}
.has-shade-light-trans-20-border-color {
  border-color: var(--shade-light-trans-20);
}
.has-shade-light-trans-30-color {
  color: var(--shade-light-trans-30);
}
.has-shade-light-trans-30-background-color {
  background-color: var(--shade-light-trans-30);
}
.has-shade-light-trans-30-border-color {
  border-color: var(--shade-light-trans-30);
}
.has-shade-light-trans-40-color {
  color: var(--shade-light-trans-40);
}
.has-shade-light-trans-40-background-color {
  background-color: var(--shade-light-trans-40);
}
.has-shade-light-trans-40-border-color {
  border-color: var(--shade-light-trans-40);
}
.has-shade-light-trans-50-color {
  color: var(--shade-light-trans-50);
}
.has-shade-light-trans-50-background-color {
  background-color: var(--shade-light-trans-50);
}
.has-shade-light-trans-50-border-color {
  border-color: var(--shade-light-trans-50);
}
.has-shade-light-trans-60-color {
  color: var(--shade-light-trans-60);
}
.has-shade-light-trans-60-background-color {
  background-color: var(--shade-light-trans-60);
}
.has-shade-light-trans-60-border-color {
  border-color: var(--shade-light-trans-60);
}
.has-shade-light-trans-70-color {
  color: var(--shade-light-trans-70);
}
.has-shade-light-trans-70-background-color {
  background-color: var(--shade-light-trans-70);
}
.has-shade-light-trans-70-border-color {
  border-color: var(--shade-light-trans-70);
}
.has-shade-light-trans-80-color {
  color: var(--shade-light-trans-80);
}
.has-shade-light-trans-80-background-color {
  background-color: var(--shade-light-trans-80);
}
.has-shade-light-trans-80-border-color {
  border-color: var(--shade-light-trans-80);
}
.has-shade-light-trans-90-color {
  color: var(--shade-light-trans-90);
}
.has-shade-light-trans-90-background-color {
  background-color: var(--shade-light-trans-90);
}
.has-shade-light-trans-90-border-color {
  border-color: var(--shade-light-trans-90);
}
.has-shade-dark-trans-10-color {
  color: var(--shade-dark-trans-10);
}
.has-shade-dark-trans-10-background-color {
  background-color: var(--shade-dark-trans-10);
}
.has-shade-dark-trans-10-border-color {
  border-color: var(--shade-dark-trans-10);
}
.has-shade-dark-trans-20-color {
  color: var(--shade-dark-trans-20);
}
.has-shade-dark-trans-20-background-color {
  background-color: var(--shade-dark-trans-20);
}
.has-shade-dark-trans-20-border-color {
  border-color: var(--shade-dark-trans-20);
}
.has-shade-dark-trans-30-color {
  color: var(--shade-dark-trans-30);
}
.has-shade-dark-trans-30-background-color {
  background-color: var(--shade-dark-trans-30);
}
.has-shade-dark-trans-30-border-color {
  border-color: var(--shade-dark-trans-30);
}
.has-shade-dark-trans-40-color {
  color: var(--shade-dark-trans-40);
}
.has-shade-dark-trans-40-background-color {
  background-color: var(--shade-dark-trans-40);
}
.has-shade-dark-trans-40-border-color {
  border-color: var(--shade-dark-trans-40);
}
.has-shade-dark-trans-50-color {
  color: var(--shade-dark-trans-50);
}
.has-shade-dark-trans-50-background-color {
  background-color: var(--shade-dark-trans-50);
}
.has-shade-dark-trans-50-border-color {
  border-color: var(--shade-dark-trans-50);
}
.has-shade-dark-trans-60-color {
  color: var(--shade-dark-trans-60);
}
.has-shade-dark-trans-60-background-color {
  background-color: var(--shade-dark-trans-60);
}
.has-shade-dark-trans-60-border-color {
  border-color: var(--shade-dark-trans-60);
}
.has-shade-dark-trans-70-color {
  color: var(--shade-dark-trans-70);
}
.has-shade-dark-trans-70-background-color {
  background-color: var(--shade-dark-trans-70);
}
.has-shade-dark-trans-70-border-color {
  border-color: var(--shade-dark-trans-70);
}
.has-shade-dark-trans-80-color {
  color: var(--shade-dark-trans-80);
}
.has-shade-dark-trans-80-background-color {
  background-color: var(--shade-dark-trans-80);
}
.has-shade-dark-trans-80-border-color {
  border-color: var(--shade-dark-trans-80);
}
.has-shade-dark-trans-90-color {
  color: var(--shade-dark-trans-90);
}
.has-shade-dark-trans-90-background-color {
  background-color: var(--shade-dark-trans-90);
}
.has-shade-dark-trans-90-border-color {
  border-color: var(--shade-dark-trans-90);
}
.has-shade-ultra-dark-trans-10-color {
  color: var(--shade-ultra-dark-trans-10);
}
.has-shade-ultra-dark-trans-10-background-color {
  background-color: var(--shade-ultra-dark-trans-10);
}
.has-shade-ultra-dark-trans-10-border-color {
  border-color: var(--shade-ultra-dark-trans-10);
}
.has-shade-ultra-dark-trans-20-color {
  color: var(--shade-ultra-dark-trans-20);
}
.has-shade-ultra-dark-trans-20-background-color {
  background-color: var(--shade-ultra-dark-trans-20);
}
.has-shade-ultra-dark-trans-20-border-color {
  border-color: var(--shade-ultra-dark-trans-20);
}
.has-shade-ultra-dark-trans-30-color {
  color: var(--shade-ultra-dark-trans-30);
}
.has-shade-ultra-dark-trans-30-background-color {
  background-color: var(--shade-ultra-dark-trans-30);
}
.has-shade-ultra-dark-trans-30-border-color {
  border-color: var(--shade-ultra-dark-trans-30);
}
.has-shade-ultra-dark-trans-40-color {
  color: var(--shade-ultra-dark-trans-40);
}
.has-shade-ultra-dark-trans-40-background-color {
  background-color: var(--shade-ultra-dark-trans-40);
}
.has-shade-ultra-dark-trans-40-border-color {
  border-color: var(--shade-ultra-dark-trans-40);
}
.has-shade-ultra-dark-trans-50-color {
  color: var(--shade-ultra-dark-trans-50);
}
.has-shade-ultra-dark-trans-50-background-color {
  background-color: var(--shade-ultra-dark-trans-50);
}
.has-shade-ultra-dark-trans-50-border-color {
  border-color: var(--shade-ultra-dark-trans-50);
}
.has-shade-ultra-dark-trans-60-color {
  color: var(--shade-ultra-dark-trans-60);
}
.has-shade-ultra-dark-trans-60-background-color {
  background-color: var(--shade-ultra-dark-trans-60);
}
.has-shade-ultra-dark-trans-60-border-color {
  border-color: var(--shade-ultra-dark-trans-60);
}
.has-shade-ultra-dark-trans-70-color {
  color: var(--shade-ultra-dark-trans-70);
}
.has-shade-ultra-dark-trans-70-background-color {
  background-color: var(--shade-ultra-dark-trans-70);
}
.has-shade-ultra-dark-trans-70-border-color {
  border-color: var(--shade-ultra-dark-trans-70);
}
.has-shade-ultra-dark-trans-80-color {
  color: var(--shade-ultra-dark-trans-80);
}
.has-shade-ultra-dark-trans-80-background-color {
  background-color: var(--shade-ultra-dark-trans-80);
}
.has-shade-ultra-dark-trans-80-border-color {
  border-color: var(--shade-ultra-dark-trans-80);
}
.has-shade-ultra-dark-trans-90-color {
  color: var(--shade-ultra-dark-trans-90);
}
.has-shade-ultra-dark-trans-90-background-color {
  background-color: var(--shade-ultra-dark-trans-90);
}
.has-shade-ultra-dark-trans-90-border-color {
  border-color: var(--shade-ultra-dark-trans-90);
}
.has-white-color {
  color: var(--white);
}
.has-white-background-color {
  background-color: var(--white);
}
.has-white-border-color {
  border-color: var(--white);
}
.has-black-color {
  color: var(--black);
}
.has-black-background-color {
  background-color: var(--black);
}
.has-black-border-color {
  border-color: var(--black);
}
.has-white-trans-10-color {
  color: var(--white-trans-10);
}
.has-white-trans-10-background-color {
  background-color: var(--white-trans-10);
}
.has-white-trans-10-border-color {
  border-color: var(--white-trans-10);
}
.has-white-trans-20-color {
  color: var(--white-trans-20);
}
.has-white-trans-20-background-color {
  background-color: var(--white-trans-20);
}
.has-white-trans-20-border-color {
  border-color: var(--white-trans-20);
}
.has-white-trans-30-color {
  color: var(--white-trans-30);
}
.has-white-trans-30-background-color {
  background-color: var(--white-trans-30);
}
.has-white-trans-30-border-color {
  border-color: var(--white-trans-30);
}
.has-white-trans-40-color {
  color: var(--white-trans-40);
}
.has-white-trans-40-background-color {
  background-color: var(--white-trans-40);
}
.has-white-trans-40-border-color {
  border-color: var(--white-trans-40);
}
.has-white-trans-50-color {
  color: var(--white-trans-50);
}
.has-white-trans-50-background-color {
  background-color: var(--white-trans-50);
}
.has-white-trans-50-border-color {
  border-color: var(--white-trans-50);
}
.has-white-trans-60-color {
  color: var(--white-trans-60);
}
.has-white-trans-60-background-color {
  background-color: var(--white-trans-60);
}
.has-white-trans-60-border-color {
  border-color: var(--white-trans-60);
}
.has-white-trans-70-color {
  color: var(--white-trans-70);
}
.has-white-trans-70-background-color {
  background-color: var(--white-trans-70);
}
.has-white-trans-70-border-color {
  border-color: var(--white-trans-70);
}
.has-white-trans-80-color {
  color: var(--white-trans-80);
}
.has-white-trans-80-background-color {
  background-color: var(--white-trans-80);
}
.has-white-trans-80-border-color {
  border-color: var(--white-trans-80);
}
.has-white-trans-90-color {
  color: var(--white-trans-90);
}
.has-white-trans-90-background-color {
  background-color: var(--white-trans-90);
}
.has-white-trans-90-border-color {
  border-color: var(--white-trans-90);
}
.has-black-trans-10-color {
  color: var(--black-trans-10);
}
.has-black-trans-10-background-color {
  background-color: var(--black-trans-10);
}
.has-black-trans-10-border-color {
  border-color: var(--black-trans-10);
}
.has-black-trans-20-color {
  color: var(--black-trans-20);
}
.has-black-trans-20-background-color {
  background-color: var(--black-trans-20);
}
.has-black-trans-20-border-color {
  border-color: var(--black-trans-20);
}
.has-black-trans-30-color {
  color: var(--black-trans-30);
}
.has-black-trans-30-background-color {
  background-color: var(--black-trans-30);
}
.has-black-trans-30-border-color {
  border-color: var(--black-trans-30);
}
.has-black-trans-40-color {
  color: var(--black-trans-40);
}
.has-black-trans-40-background-color {
  background-color: var(--black-trans-40);
}
.has-black-trans-40-border-color {
  border-color: var(--black-trans-40);
}
.has-black-trans-50-color {
  color: var(--black-trans-50);
}
.has-black-trans-50-background-color {
  background-color: var(--black-trans-50);
}
.has-black-trans-50-border-color {
  border-color: var(--black-trans-50);
}
.has-black-trans-60-color {
  color: var(--black-trans-60);
}
.has-black-trans-60-background-color {
  background-color: var(--black-trans-60);
}
.has-black-trans-60-border-color {
  border-color: var(--black-trans-60);
}
.has-black-trans-70-color {
  color: var(--black-trans-70);
}
.has-black-trans-70-background-color {
  background-color: var(--black-trans-70);
}
.has-black-trans-70-border-color {
  border-color: var(--black-trans-70);
}
.has-black-trans-80-color {
  color: var(--black-trans-80);
}
.has-black-trans-80-background-color {
  background-color: var(--black-trans-80);
}
.has-black-trans-80-border-color {
  border-color: var(--black-trans-80);
}
.has-black-trans-90-color {
  color: var(--black-trans-90);
}
.has-black-trans-90-background-color {
  background-color: var(--black-trans-90);
}
.has-black-trans-90-border-color {
  border-color: var(--black-trans-90);
}
.has-success-color {
  color: var(--success);
}
.has-success-background-color {
  background-color: var(--success);
}
.has-success-border-color {
  border-color: var(--success);
}
.has-success-light-color {
  color: var(--success-light);
}
.has-success-light-background-color {
  background-color: var(--success-light);
}
.has-success-light-border-color {
  border-color: var(--success-light);
}
.has-success-dark-color {
  color: var(--success-dark);
}
.has-success-dark-background-color {
  background-color: var(--success-dark);
}
.has-success-dark-border-color {
  border-color: var(--success-dark);
}
.has-success-hover-color {
  color: var(--success-hover);
}
.has-success-hover-background-color {
  background-color: var(--success-hover);
}
.has-success-hover-border-color {
  border-color: var(--success-hover);
}
.has-danger-color {
  color: var(--danger);
}
.has-danger-background-color {
  background-color: var(--danger);
}
.has-danger-border-color {
  border-color: var(--danger);
}
.has-danger-light-color {
  color: var(--danger-light);
}
.has-danger-light-background-color {
  background-color: var(--danger-light);
}
.has-danger-light-border-color {
  border-color: var(--danger-light);
}
.has-danger-dark-color {
  color: var(--danger-dark);
}
.has-danger-dark-background-color {
  background-color: var(--danger-dark);
}
.has-danger-dark-border-color {
  border-color: var(--danger-dark);
}
.has-danger-hover-color {
  color: var(--danger-hover);
}
.has-danger-hover-background-color {
  background-color: var(--danger-hover);
}
.has-danger-hover-border-color {
  border-color: var(--danger-hover);
}
.has-warning-color {
  color: var(--warning);
}
.has-warning-background-color {
  background-color: var(--warning);
}
.has-warning-border-color {
  border-color: var(--warning);
}
.has-warning-light-color {
  color: var(--warning-light);
}
.has-warning-light-background-color {
  background-color: var(--warning-light);
}
.has-warning-light-border-color {
  border-color: var(--warning-light);
}
.has-warning-dark-color {
  color: var(--warning-dark);
}
.has-warning-dark-background-color {
  background-color: var(--warning-dark);
}
.has-warning-dark-border-color {
  border-color: var(--warning-dark);
}
.has-warning-hover-color {
  color: var(--warning-hover);
}
.has-warning-hover-background-color {
  background-color: var(--warning-hover);
}
.has-warning-hover-border-color {
  border-color: var(--warning-hover);
}
.has-info-color {
  color: var(--info);
}
.has-info-background-color {
  background-color: var(--info);
}
.has-info-border-color {
  border-color: var(--info);
}
.has-info-light-color {
  color: var(--info-light);
}
.has-info-light-background-color {
  background-color: var(--info-light);
}
.has-info-light-border-color {
  border-color: var(--info-light);
}
.has-info-dark-color {
  color: var(--info-dark);
}
.has-info-dark-background-color {
  background-color: var(--info-dark);
}
.has-info-dark-border-color {
  border-color: var(--info-dark);
}
.has-info-hover-color {
  color: var(--info-hover);
}
.has-info-hover-background-color {
  background-color: var(--info-hover);
}
.has-info-hover-border-color {
  border-color: var(--info-hover);
}