.ui_palette {
	display: flex;
	flex-direction: row;
	gap: $space-sm;

	.ui_color {
		.ui_color_box {
			width: 100px;
			height: 80px;
		}
	}
}

.bg_primary {
	background: $color-primary;
}

.bg_secondary {
	background: $color-secondary;
}

.bg_success {
	background: $color-success;
}

.bg_accent {
	background: $color-accent;
}

.bg_info {
	background: $color-info;
}

.bg_warning {
	background: $color-warning;
}

.bg_error {
	background: $color-error;
}