.frm_top_container.color-palette__checkboxes .frm_opt_container {
	display: grid;
	/* 107px ensures a maximum of 9 columns are possible */
	grid-template-columns: repeat(auto-fit, minmax(107px, 1fr));
	gap: 10px;
}

/* reset styles */
.color-palette__checkboxes .frm_opt_container .frm_checkbox {
	margin: 0;
	width: auto !important;
}

.frm_form_field.color-palette__checkboxes .frm_checkbox.frm_image_option,
.frm_form_field.color-palette__checkboxes
	.frm_checkbox.frm_image_option
	+ .frm_checkbox {
	margin: 0;
}

.color-palette__checkboxes .frm_opt_container .frm_checkbox label {
	padding: 0;
	height: 100%;
}

.color-palette__checkboxes
	.frm_checkbox
	.frm_image_option_container
	.frm_text_label_for_image {
	padding: 0;
}

.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	.frm_image_option_container.frm_label_with_image {
	justify-content: center;
}

/* end reset */

/* color swatch styling */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	.frm_image_option_container.frm_label_with_image
	img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

/* removes static border around swatch, adds padding */
.color-palette__checkboxes .frm_checkbox .frm_image_option_container {
	padding: 5px;
	border: none;
}

/* removes outline when swatch is clicked */
.color-palette__checkboxes .frm_checkbox .frm_image_option_container:hover {
	box-shadow: 0 0 0 1px rgba(64, 157, 155, 1);
}

/* repositions checkmark */
.color-palette__checkboxes
	.frm_checkbox
	.frm_image_option_container
	.frm_selected_checkmark {
	top: 4px;
	left: 65px;
}

/* change styling of checkmark */
.color-palette__checkboxes
	.frm_checkbox
	.frm_image_option_container
	.frm_selected_checkmark
	svg {
	border-radius: 50%;
	fill: rgba(0, 125, 122, 1);
}

.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[type='checkbox']:checked
	+ .frm_image_option_container {
	border: none;
	box-shadow: none;
}

/* summary */

.frm-summary-page-wrapper .frm_image_option_container img {
	border-radius: 50%;
}

/* COLORS */

/* Pure White */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Pure White']
	+ .frm_image_option_container
	img {
	background: rgba(255, 255, 255, 1);
	border: 1px solid #000;
}

/* Cream/Ivory */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Cream/Ivory']
	+ .frm_image_option_container
	img {
	background: rgba(255, 246, 233, 1);
}

/* Taupe*/
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Taupe']
	+ .frm_image_option_container
	img {
	background: rgba(244, 213, 187, 1);
}

/* Cream/Ivory */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Cream/Ivory']
	+ .frm_image_option_container
	img {
	background: rgba(255, 246, 233, 1);
}

/* Pale Peach */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Pale Peach']
	+ .frm_image_option_container
	img {
	background: rgba(255, 185, 152, 1);
}

/* Saturated Peach */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Saturated Peach']
	+ .frm_image_option_container
	img {
	background: rgba(255, 159, 129, 1);
}

/* Apricot */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Apricot']
	+ .frm_image_option_container
	img {
	background: rgba(255, 174, 96, 1);
}

/* Muted Orange */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Muted Orange']
	+ .frm_image_option_container
	img {
	background: rgba(202, 143, 96, 1);
}

/* Bright Orange*/
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Bright Orange']
	+ .frm_image_option_container
	img {
	background: rgba(255, 139, 43, 1);
}

/* Bright Red */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Bright Red']
	+ .frm_image_option_container
	img {
	background: rgba(224, 45, 56, 1);
}

/* Dark Red */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Dark Red']
	+ .frm_image_option_container
	img {
	background: rgba(139, 0, 0, 1);
}

/* Burgundy */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Burgundy']
	+ .frm_image_option_container
	img {
	background: rgba(115, 25, 52, 1);
}

/* Black Burgundy */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Black Burgundy']
	+ .frm_image_option_container
	img {
	background: rgba(82, 23, 39, 1);
}

/* Brown */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Brown']
	+ .frm_image_option_container
	img {
	background: rgba(105, 75, 61, 1);
}

/* Soft Butter Yellow */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Soft Butter Yellow']
	+ .frm_image_option_container
	img {
	background: rgba(255, 240, 185, 1);
}

/* Bright Yellow */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Bright Yellow']
	+ .frm_image_option_container
	img {
	background: rgba(255, 229, 91, 1);
}

/* Chartreuse */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Chartreuse']
	+ .frm_image_option_container
	img {
	background: rgba(187, 200, 13, 1);
}

/* Fresh Green */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Fresh Green']
	+ .frm_image_option_container
	img {
	background: rgba(67, 150, 119, 1);
}

/* Grey Green/Silver */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Grey Green/Silver']
	+ .frm_image_option_container
	img {
	background: rgba(172, 200, 184, 1);
}

/* Dark Green */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Dark Green']
	+ .frm_image_option_container
	img {
	background: rgba(43, 119, 10, 1);
}

/* Blue */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Blue']
	+ .frm_image_option_container
	img {
	background: rgba(49, 100, 231, 1);
}

/* Sky Blue */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Sky Blue']
	+ .frm_image_option_container
	img {
	background: rgba(154, 212, 255, 1);
}

/* Periwinkle */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Periwinkle']
	+ .frm_image_option_container
	img {
	background: rgba(196, 208, 252, 1);
}

/* Cool Lavender */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Cool Lavender']
	+ .frm_image_option_container
	img {
	background: rgba(204, 204, 255, 1);
}

/* True Purple */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='True Purple']
	+ .frm_image_option_container
	img {
	background: rgba(107, 22, 127, 1);
}

/* Plum */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Plum']
	+ .frm_image_option_container
	img {
	background: rgba(77, 55, 82, 1);
}

/* Magenta */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Magenta']
	+ .frm_image_option_container
	img {
	background: rgba(169, 62, 115, 1);
}

/* Mauve */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Mauve']
	+ .frm_image_option_container
	img {
	background: rgba(205, 158, 174, 1);
}

/* Warm Lilac */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Warm Lilac']
	+ .frm_image_option_container
	img {
	background: rgba(234, 175, 221, 1);
}

/* Fuschia */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Fuschia']
	+ .frm_image_option_container
	img {
	background: rgba(220, 76, 133, 1);
}

/* Deep Raspberry */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Deep Raspberry']
	+ .frm_image_option_container
	img {
	background: rgba(203, 79, 101, 1);
}

/* Hot Pink */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Hot Pink']
	+ .frm_image_option_container
	img {
	background: rgba(254, 1, 125, 1);
}

/* Medium Pink */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Medium Pink']
	+ .frm_image_option_container
	img {
	background: rgba(248, 105, 147, 1);
}

/* Soft Pink */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Soft Pink']
	+ .frm_image_option_container
	img {
	background: rgba(253, 177, 191, 1);
}

/* Blush */
.color-palette__checkboxes
	.frm_opt_container
	.frm_checkbox
	label
	input[value='Blush']
	+ .frm_image_option_container
	img {
	background: rgba(250, 217, 223, 1);
}
