.stax-control-header {
	margin-bottom: 7px;
}

.flex-contents {
	display: flex;
	align-items: center;

	.stax-responsive-control-bar {
		margin-left: auto;
	}
}

.stax-white-background-control {
	.customize-control-description {
		margin-bottom: 0 !important;
		margin-top: 10px !important;
	}

	input[type="number"] {
		padding-right: 0;
	}

	button.reset {
		display: flex;
		align-items: center;
		justify-items: center;
		justify-content: center !important;
		flex-grow: 0;
		outline: 0;
		border-radius: 0;
		width: 30px;
		height: 30px;
		padding: 5px 0 5px 5px;
		&:hover {
			box-shadow: none !important;

			svg {
				fill: $accent-color;
			}
		}

		.dashicon,
		svg {
			margin: 0 auto !important;
			width: 17px;
			fill: $icon-fill;
		}
	}
}

@-moz-keyframes stax-spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes stax-spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes stax-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#sub-accordion-panel-hfg_header #accordion-section-stax_header_presets {
	display: list-item !important;
}

.stax-white-background-control {
	padding: 10px;
	background: #fff;
}

.stax-control-header {
	display: flex;
	align-items: center;
	flex-direction: row;

	.customize-control-title {
		margin: 0;
	}
}

.stax-radio-icons:not(:last-child),
.stax-font-family-control:not(:last-child) {
	margin-bottom: 10px;
}

.stax-number-control-wrap {
	&:not(:last-child) {
		margin-bottom: 10px;
	}
}

.stax-toggle-control {
	> .components-base-control__field,
	label {
		margin-bottom: 0 !important;
	}
}

.components-icon-button,
.components-button {
	.svg-text {
		fill: #fff;
	}

	&.active .svg-text {
		fill: $accent-color;
	}
}

.components-modal__screen-overlay {
	z-index: 1000000;
}

.stax-ui-modal-wrap {
	.components-tooltip {
		display: none;
	}

	img {
		display: block;
		width: 100%;
	}
}
