.inputWrapper {
	background-color: var(--color-neutral-canvas-default-bg);
	color: var(--color-neutral-canvas-default-fg-default);
	font: var(--font-body-sm-default);
	line-height: 1;
	border-radius: var(--component-radii-sm);
	border: var(--component-border-width-md) solid var(--stroke-subtle);
	outline: none;
	display: flex;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.inputWrapper:focus-within {
	box-shadow: var(--shadows-focus);
	outline: none;
	border-color: var(--color-accent-base);
}

.inputWrapper.error {
	background-color: var(--color-danger-canvas-default-bg);
	border-color: var(--color-danger-stroke-default);
	border-width: var(--component-border-width-lg);
}

.sizeNone {
	height: auto;
}

.size-small {
	height: var(--size-control-small);
}

.sizes-medium {
	height: var(--size-control-medium);
}

.size-large {
	height: var(--size-control-large);
}