// Color
.apura-color-control {
	&__button {
		position: relative;
		display: flex;
		overflow: hidden;
		width: 32px;
		height: 32px;
		margin-inline-start: auto;
		border-radius: 50%;
		border: 1px solid var(--ap-customizer-input-border-color);
		&::after {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;
			background-image: repeating-linear-gradient(
				-45deg,
				transparent 0 10px,
				#ddd 10px 20px
			);
			content: '';
		}
	}
	&__reset {
		justify-content: center;
		width: 100%;
		&:hover {

		}
	}
	+ .apura-color-control {
		margin-top: 16px;
	}
}

.apura-color-control__remove {
	--wp-components-color-foreground: var(--ap-customizer-color-gray-text);
}

.apura-custom-palette__item {
	margin-top: 8px;
}