.form__item--color-select {
	display: flex;
}

.form__item--color-select__option {
	min-width: 3rem;
	height: 3rem;
	border: 0.1rem solid $color--seashell;
	border-radius: 2px;
	margin-right: 0.3rem;
	cursor: pointer;
	text-align: center;
	position: relative;

	&:hover {
		border-color: $color--grayforms-border;
	}

	&.selected {
		&:before {
			display: block;
			content: '';
			border-radius: 1rem;
			width: 1.3rem;
			height: 1.3rem;
			background: $color--white;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			box-shadow: inset 0 0 0.2rem rgba($color--black, 0.3); 
		}
	}
}