.sc-input-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background-color: var(--sc-input-background-color);
	border: var(--sc-input-border);
	border-radius: var(--sc-border-radius-medium);
	-webkit-box-shadow: var(--sc-input-box-shadow);
	box-shadow: var(--sc-input-box-shadow);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: var(--sc-transition-medium);
	transition: var(--sc-transition-medium);
	-webkit-transition: var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow;
	transition: var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow;
	width: 100%;
}

.sc-input-group[hidden] {
	display: none;
}

.sc-input-group::-webkit-search-cancel-button, .sc-input-group::-webkit-search-decoration, .sc-input-group::-webkit-search-results-button, .sc-input-group::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

.sc-input-group:-webkit-autofill, .sc-input-group:-webkit-autofill:active, .sc-input-group:-webkit-autofill:focus, .sc-input-group:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset !important;
	box-shadow: 0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset !important;
	-webkit-text-fill-color: var(--sc-input-color);
}

.sc-input-group:hover {
	background-color: var(--sc-input-background-color-hover);
	border-color: var(--sc-input-border-color-hover);
	z-index: 7;
}

.sc-input-group:hover .sc-form-control {
	color: var(--sc-input-color-hover);
}

.sc-input-group:focus-within {
	background-color: var(--sc-input-background-color-focus);
	border-color: var(--sc-input-border-color-focus);
	-webkit-box-shadow: 0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);
	box-shadow: 0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);
	z-index: 8;
}

.sc-input-group>.sc-form-control {
	position: relative;
	-webkit-box-flex: 1;
	background-color: rgba(0, 0, 0, 0);
	border: 0 !important;
	border-radius: 4px !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	outline: none !important;
	padding: 0 var(--sc-input-spacing-medium);
	width: 1%;
}

.sc-input-group>.sc-form-control:focus {
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--sc-input-color-focus);
	z-index: 5;
}

.sc-input-group-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--sc-input-color);
	font-size: var(--sc-font-size-medium);
	font-weight: var(--sc-font-weight-normal);
	line-height: var(--sc-line-height-normal);
	opacity: .5;
	padding: 0 var(--sc-spacing-small);
	text-align: center;
	white-space: nowrap;
}

.sc-input-group-text[hidden] {
	display: none;
}

.sc-input-group-lg>.sc-form-control, .sc-input-group-lg>.sc-input-group-text {
	border-radius: var(--sc-border-radius-large);
	font-size: var(--sc-font-size-large);
	padding: var(--sc-spacing-medium) var(--sc-spacing-large);
}

.sc-input-group-lg>.sc-input-group-text {
	padding: var(--sc-spacing-xx-small) var(--sc-spacing-small);
}

.sc-input-group-sm>.sc-form-control, .sc-input-group-sm>.sc-input-group-text {
	border-radius: var(--sc-border-radius-small);
	font-size: var(--sc-font-size-x-small);
	padding: var(--sc-spacing-xx-small) var(--sc-spacing-small);
}

.sc-input-group .sc-form-control:has(+.sc-input-group-text) {
	padding-right: 0;
}

.sc-input-group .sc-input-group-text+.sc-form-control {
	padding-left: 0;
}