public-ui-kolibri

@mixin kol-input-container {
	.kol-input-container {
		$root: &;
		background-color: transparent;
		display: grid;
		width: 100%;
		min-width: var(--a11y-min-size);
		min-height: var(--a11y-min-size);

		align-items: center;
		grid-template-columns: 1fr;

		&:has(> #{$root}__adornment--start:not(:empty)) {
			grid-template-columns: auto 1fr;
		}

		&:has(> #{$root}__adornment--end:not(:empty)) {
			grid-template-columns: 1fr auto;
		}

		&:has(> #{$root}__adornment--start:not(:empty)):has(> #{$root}__adornment--end:not(:empty)) {
			grid-template-columns: auto 1fr auto;
		}

		&__container {
			position: relative;
		}

		&__adornment {
			display: flex;
			align-items: center;

			.kol-icon {
				display: grid;
				min-height: var(--a11y-min-size);
				place-items: center;
			}
		}
	}
}