:root{
	--ap-customizer-color-gray-text: #555;
	--ap-customizer-input-border-color: #ddd;
	--ap-customizer-theme-color: #00374d;
	--ap-customizer-theme-color--dark: #00374d;
	--ap-customizer-border-color: #e2e2e2;

	--ap-customizer-input-font-size: 12px;
}

/**
 * section
 */
.customize-section-description-container,
.customize-control {
	margin: 0;
}
.customize-control:where(:not(.customize-control-heading-title):not(.customize-control-apura-tabs):not(.customize-control-apura-sub-control)) {
	padding: 20px 0;
}
.customize-control:not(.customize-control-heading-title) {
	+ :where(.customize-control:not(.customize-control-heading-title):not(.customize-control-apura-sub-control)) {
		margin: 0;
		border-top: 1px solid var(--ap-customizer-border-color);

	}
}

.heading-title-wrap + .customize-control-description {
	margin: 8px 0 16px;
}


// Parts.
.apura-reset-button {
	color: rgba(0, 0, 0, 0.2);
	cursor: pointer;
	line-height: 1;
	position: relative;
	text-align: center;
	transition: all 0.3s ease;
}


.apura-control-header {
	display: flex;
	align-items: center;
	column-gap: 16px;
	margin-bottom: 8px;

	// .apura-control-header__unit
	&__unit {
		margin-inline-start: auto;
	}
}

.customize-control.customize-control-apura-sub-control {
	margin: 0;
}


.customize-control-title,
.apura-control-title {
	margin: 0;
	font-size: 14px;
	line-height: 1.75;
	font-weight: 600;
	+ * {
		margin-top: 8px;
	}
}

.apura-component-button {
	border: 0;
	padding: 0;
	background: inherit;
	color: inherit;
	line-height: 1;
	cursor: pointer;
}

.apura-sub-controls {
	margin-top: 8px;
	border-top: 1px solid var(--ap-customizer-border-color);
	padding-top: 16px;
}

.apura-icon {
	width: 1em;
	height: auto;
}


.customize-control :is(select, input[type="number"]) {
	padding: 3px 8px;
}