theme.css

/** generated from theme.pcss **/
.monster-theme-primary-1 {
	background-color: var(--monster-bg-color-primary-1);
	color: var(--monster-color-primary-1);
}
.monster-theme-primary-disabled-1 {
	background-color: var(--monster-bg-color-primary-disabled-1);
	color: var(--monster-color-primary-disabled-1);
}
.monster-theme-secondary-1 {
	background-color: var(--monster-bg-color-secondary-1);
	color: var(--monster-color-secondary-1);
}
.monster-theme-tertiary-1 {
	background-color: var(--monster-bg-color-tertiary-1);
	color: var(--monster-color-tertiary-1);
}
.monster-theme-destructive-1 {
	background-color: var(--monster-bg-color-destructive-1);
	color: var(--monster-color-destructive-1);
}
.monster-theme-success-1 {
	background-color: var(--monster-bg-color-success-1);
	color: var(--monster-color-success-1);
}
.monster-theme-warning-1 {
	background-color: var(--monster-bg-color-warning-1);
	color: var(--monster-color-warning-1);
}
.monster-theme-error-1 {
	background-color: var(--monster-bg-color-error-1);
	color: var(--monster-color-error-1);
}
.monster-theme-selection-1 {
	background-color: var(--monster-bg-color-selection-1);
	color: var(--monster-color-selection-1);
}
.monster-border-color-1 {
	border-color: var(--monster-color-border-1);
}
.monster-color-neutral-1 {
	color: var(--monster-color-primary-1);
}
.monster-bg-color-primary-1 {
	background-color: var(--monster-bg-color-primary-1);
}
.monster-bg-color-secondary-1 {
	background-color: var(--monster-bg-color-secondary-1);
}
.monster-bg-color-tertiary-1 {
	background-color: var(--monster-bg-color-tertiary-1);
}
.monster-color-primary-1 {
	background-color: var(--monster-bg-color-primary-1);
	color: var(--monster-color-primary-1);
}
.monster-color-secondary-1 {
	background-color: var(--monster-bg-color-secondary-1);
	color: var(--monster-color-secondary-1);
}
.monster-color-tertiary-1 {
	background-color: var(--monster-bg-color-tertiary-1);
	color: var(--monster-color-tertiary-1);
}
.monster-color-destructive-1 {
	background-color: var(--monster-bg-color-destructive-1);
	color: var(--monster-color-destructive-1);
}
.monster-color-success-1 {
	background-color: var(--monster-bg-color-success-1);
	color: var(--monster-color-success-1);
}
.monster-color-warning-1 {
	background-color: var(--monster-bg-color-warning-1);
	color: var(--monster-color-warning-1);
}
.monster-color-error-1 {
	background-color: var(--monster-bg-color-error-1);
	color: var(--monster-color-error-1);
}
.monster-color-selection-1 {
	background-color: var(--monster-bg-color-selection-1);
	color: var(--monster-color-selection-1);
}
.monster-theme-primary-2 {
	background-color: var(--monster-bg-color-primary-2);
	color: var(--monster-color-primary-2);
}
.monster-theme-primary-disabled-2 {
	background-color: var(--monster-bg-color-primary-disabled-2);
	color: var(--monster-color-primary-disabled-2);
}
.monster-theme-secondary-2 {
	background-color: var(--monster-bg-color-secondary-2);
	color: var(--monster-color-secondary-2);
}
.monster-theme-tertiary-2 {
	background-color: var(--monster-bg-color-tertiary-2);
	color: var(--monster-color-tertiary-2);
}
.monster-theme-destructive-2 {
	background-color: var(--monster-bg-color-destructive-2);
	color: var(--monster-color-destructive-2);
}
.monster-theme-success-2 {
	background-color: var(--monster-bg-color-success-2);
	color: var(--monster-color-success-2);
}
.monster-theme-warning-2 {
	background-color: var(--monster-bg-color-warning-2);
	color: var(--monster-color-warning-2);
}
.monster-theme-error-2 {
	background-color: var(--monster-bg-color-error-2);
	color: var(--monster-color-error-2);
}
.monster-theme-selection-2 {
	background-color: var(--monster-bg-color-selection-2);
	color: var(--monster-color-selection-2);
}
.monster-border-color-2 {
	border-color: var(--monster-color-border-2);
}
.monster-color-neutral-2 {
	color: var(--monster-color-primary-2);
}
.monster-bg-color-primary-2 {
	background-color: var(--monster-bg-color-primary-2);
}
.monster-bg-color-secondary-2 {
	background-color: var(--monster-bg-color-secondary-2);
}
.monster-bg-color-tertiary-2 {
	background-color: var(--monster-bg-color-tertiary-2);
}
.monster-color-primary-2 {
	background-color: var(--monster-bg-color-primary-2);
	color: var(--monster-color-primary-2);
}
.monster-color-secondary-2 {
	background-color: var(--monster-bg-color-secondary-2);
	color: var(--monster-color-secondary-2);
}
.monster-color-tertiary-2 {
	background-color: var(--monster-bg-color-tertiary-2);
	color: var(--monster-color-tertiary-2);
}
.monster-color-destructive-2 {
	background-color: var(--monster-bg-color-destructive-2);
	color: var(--monster-color-destructive-2);
}
.monster-color-success-2 {
	background-color: var(--monster-bg-color-success-2);
	color: var(--monster-color-success-2);
}
.monster-color-warning-2 {
	background-color: var(--monster-bg-color-warning-2);
	color: var(--monster-color-warning-2);
}
.monster-color-error-2 {
	background-color: var(--monster-bg-color-error-2);
	color: var(--monster-color-error-2);
}
.monster-color-selection-2 {
	background-color: var(--monster-bg-color-selection-2);
	color: var(--monster-color-selection-2);
}
.monster-theme-primary-3 {
	background-color: var(--monster-bg-color-primary-3);
	color: var(--monster-color-primary-3);
}
.monster-theme-primary-disabled-3 {
	background-color: var(--monster-bg-color-primary-disabled-3);
	color: var(--monster-color-primary-disabled-3);
}
.monster-theme-secondary-3 {
	background-color: var(--monster-bg-color-secondary-3);
	color: var(--monster-color-secondary-3);
}
.monster-theme-tertiary-3 {
	background-color: var(--monster-bg-color-tertiary-3);
	color: var(--monster-color-tertiary-3);
}
.monster-theme-destructive-3 {
	background-color: var(--monster-bg-color-destructive-3);
	color: var(--monster-color-destructive-3);
}
.monster-theme-success-3 {
	background-color: var(--monster-bg-color-success-3);
	color: var(--monster-color-success-3);
}
.monster-theme-warning-3 {
	background-color: var(--monster-bg-color-warning-3);
	color: var(--monster-color-warning-3);
}
.monster-theme-error-3 {
	background-color: var(--monster-bg-color-error-3);
	color: var(--monster-color-error-3);
}
.monster-theme-selection-3 {
	background-color: var(--monster-bg-color-selection-3);
	color: var(--monster-color-selection-3);
}
.monster-border-color-3 {
	border-color: var(--monster-color-border-3);
}
.monster-color-neutral-3 {
	color: var(--monster-color-primary-3);
}
.monster-bg-color-primary-3 {
	background-color: var(--monster-bg-color-primary-3);
}
.monster-bg-color-secondary-3 {
	background-color: var(--monster-bg-color-secondary-3);
}
.monster-bg-color-tertiary-3 {
	background-color: var(--monster-bg-color-tertiary-3);
}
.monster-color-primary-3 {
	background-color: var(--monster-bg-color-primary-3);
	color: var(--monster-color-primary-3);
}
.monster-color-secondary-3 {
	background-color: var(--monster-bg-color-secondary-3);
	color: var(--monster-color-secondary-3);
}
.monster-color-tertiary-3 {
	background-color: var(--monster-bg-color-tertiary-3);
	color: var(--monster-color-tertiary-3);
}
.monster-color-destructive-3 {
	background-color: var(--monster-bg-color-destructive-3);
	color: var(--monster-color-destructive-3);
}
.monster-color-success-3 {
	background-color: var(--monster-bg-color-success-3);
	color: var(--monster-color-success-3);
}
.monster-color-warning-3 {
	background-color: var(--monster-bg-color-warning-3);
	color: var(--monster-color-warning-3);
}
.monster-color-error-3 {
	background-color: var(--monster-bg-color-error-3);
	color: var(--monster-color-error-3);
}
.monster-color-selection-3 {
	background-color: var(--monster-bg-color-selection-3);
	color: var(--monster-color-selection-3);
}
.monster-theme-primary-4 {
	background-color: var(--monster-bg-color-primary-4);
	color: var(--monster-color-primary-4);
}
.monster-theme-primary-disabled-4 {
	background-color: var(--monster-bg-color-primary-disabled-4);
	color: var(--monster-color-primary-disabled-4);
}
.monster-theme-secondary-4 {
	background-color: var(--monster-bg-color-secondary-4);
	color: var(--monster-color-secondary-4);
}
.monster-theme-tertiary-4 {
	background-color: var(--monster-bg-color-tertiary-4);
	color: var(--monster-color-tertiary-4);
}
.monster-theme-destructive-4 {
	background-color: var(--monster-bg-color-destructive-4);
	color: var(--monster-color-destructive-4);
}
.monster-theme-success-4 {
	background-color: var(--monster-bg-color-success-4);
	color: var(--monster-color-success-4);
}
.monster-theme-warning-4 {
	background-color: var(--monster-bg-color-warning-4);
	color: var(--monster-color-warning-4);
}
.monster-theme-error-4 {
	background-color: var(--monster-bg-color-error-4);
	color: var(--monster-color-error-4);
}
.monster-theme-selection-4 {
	background-color: var(--monster-bg-color-selection-4);
	color: var(--monster-color-selection-4);
}
.monster-border-color-4 {
	border-color: var(--monster-color-border-4);
}
.monster-color-neutral-4 {
	color: var(--monster-color-primary-4);
}
.monster-bg-color-primary-4 {
	background-color: var(--monster-bg-color-primary-4);
}
.monster-bg-color-secondary-4 {
	background-color: var(--monster-bg-color-secondary-4);
}
.monster-bg-color-tertiary-4 {
	background-color: var(--monster-bg-color-tertiary-4);
}
.monster-color-primary-4 {
	background-color: var(--monster-bg-color-primary-4);
	color: var(--monster-color-primary-4);
}
.monster-color-secondary-4 {
	background-color: var(--monster-bg-color-secondary-4);
	color: var(--monster-color-secondary-4);
}
.monster-color-tertiary-4 {
	background-color: var(--monster-bg-color-tertiary-4);
	color: var(--monster-color-tertiary-4);
}
.monster-color-destructive-4 {
	background-color: var(--monster-bg-color-destructive-4);
	color: var(--monster-color-destructive-4);
}
.monster-color-success-4 {
	background-color: var(--monster-bg-color-success-4);
	color: var(--monster-color-success-4);
}
.monster-color-warning-4 {
	background-color: var(--monster-bg-color-warning-4);
	color: var(--monster-color-warning-4);
}
.monster-color-error-4 {
	background-color: var(--monster-bg-color-error-4);
	color: var(--monster-color-error-4);
}
.monster-color-selection-4 {
	background-color: var(--monster-bg-color-selection-4);
	color: var(--monster-color-selection-4);
}
.monster-theme-control-container-1,
.monster-theme-control-row-1 {
	border: 1px solid var(--monster-theme-control-border-color);
}
.monster-theme-control-container-1,
.monster-theme-control-element,
.monster-theme-control-row-1 {
	background-color: var(--monster-theme-control-bg-color);
	color: var(--monster-theme-control-color);
}
.monster-theme-control-background {
	background-color: var(--monster-theme-control-bg-color);
}
.monster-theme-background-inherit {
	background-color: inherit !important;
}
.monster-theme-on {
	background-color: var(--monster-theme-on-bg-color);
	color: var(--monster-theme-on-color);
}
.monster-theme-off {
	background-color: var(--monster-theme-off-bg-color);
	color: var(--monster-theme-off-color);
}