/**
				 * Tabs
			 */
.gateway-settings-form {
	max-width: 1200px;
	margin: 0 auto;
}

.components-tab-panel__tabs {
	border-bottom: 1px solid rgb(195, 196, 199);
	margin-bottom: 32px;
}

.gateway-settings-section {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-top: 24px;
}

.gateway-settings-section__left {
	flex: 1 1 300px;
	min-width: 250px;
}

.gateway-settings-section__card {
	flex: 1 1 550px;
	min-width: 300px;
	padding: 20px;
}

.gateway-settings-components-card {
	background-color: rgb(255, 255, 255);
	color: rgb(30, 30, 30);
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
	outline: none;
	border-radius: calc(7px);
}

/**
 * General field controls
 */

.gateway-settings-field-wrap {
	margin-bottom: 20px;
}

.gateway-settings-field-wrap .components-base-control__field {
	margin-bottom: calc(4px);
}

.components-base-control__label, .components-input-control__label {
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	text-transform: uppercase;
	display: block;
	margin-bottom: calc(8px);
	padding: 0px;
}

/**
 * Select
 */
.components-input-control__container .components-select-control__input {
	width: 100%;
}

.components-input-control__container .select2-selection {
	min-height: 36px;
}

.select2-container {
	max-width: 100%;
}

.components-input-control__container .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 35px;
}

.components-input-control__container .select2-container .select2-selection--single span.select2-selection__arrow {
	height: 35px;
}

.components-input-control__container select.multiselect {
	width: 100%;
}

/**
 * Checkbox
 */
.components-checkbox-control .components-checkbox-control__label {
	font-weight: 500;
}

/**
 * Toggleable
 */
.gateway-settings-toggleable-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px;
	border-radius: 4px;
	flex-wrap: wrap;
}

.gateway-settings-toggleable-row__text {
	flex: 1;
}

.gateway-settings-toggleable-row .components-form-toggle {
	transform: scale(1.1);
}

.components-toggle-control__label {
	display: block;
	max-height: 100%;
	max-width: 100%;
	min-height: 0px;
	min-width: 0px;
	flex: 1 1 0%;
}

.gateway-settings-toggleable-row__title {
	font-weight: 700;
}

.gateway-settings-toggleable-row__label {
	color: #666;
	font-size: 13px;
	margin-top: 4px;
}

/**
 * Textarea
 */
textarea.components-textarea-control__input {
	width: 100%;
}