.woocommerce-add-product,
.woocommerce-edit-product {
	.woocommerce-product-form-actions {
		margin-top: $gap-largest + $gap-smaller;
	}
	.components-checkbox-control,
	.components-toggle-control {
		& > * {
			margin-bottom: 0;
		}
	}
	.components-input-control {
		&__prefix {
			margin-left: $gap-smaller;
		}
		&__suffix {
			margin-right: $gap-smaller;
		}
	}
	.components-checkbox-control {
		&__label {
			display: flex;
			align-items: center;
		}

		&__input-container {
			align-self: center;
		}

		.components-base-control__field {
			display: flex;
		}
	}
	.woocommerce-tooltip {
		margin-left: $gap-smaller;
	}
	.woocommerce-product-form {
		&__custom-label-input {
			display: flex;
			flex-direction: column;
			label {
				display: block;
				margin-bottom: $gap-smaller;
			}
		}
		&__optional-input {
			color: $gray-700;
		}
		&__secondary-text {
			font-size: 12px;
			color: $gray-700;
			margin-top: $gap-smaller;
		}
	}
	.has-error {
		.components-base-control__help {
			color: $studio-red-50;
			margin-bottom: 0;
		}
	}
}

.woocommerce-edit-product {
	position: relative;

	&__error {
		background: #fff;
		text-align: center;
		border: 1px solid $gray-400;
		border-radius: 2px;
		padding: 1em 2em;
	}

	&__spinner {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 100%;
		height: 100%;
	}
}