input[type='text']:not(.ng-select *),
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
select {
	padding: 0.5rem;
	background-color: rgb(249 250 251);
	border: none;
	border-radius: 0.75rem;
	box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);

	&:focus {
		@apply focus:ring-2 focus:ring-blue-200 focus:ring-offset-1;
	}

	&:disabled {
		@apply disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-200;
		box-shadow: none;
	}
}

input[type='time'],
input[type='date'] {
	border: none;
	border-radius: 0.75rem;

	&:focus {
		@apply focus:ring-2 focus:ring-blue-200 focus:ring-offset-1;
	}

	&:disabled {
		@apply disabled:text-gray-500 disabled:cursor-not-allowed disabled:bg-gray-200;
		box-shadow: none;
	}
}

/* Ng-Select */
@import '@ng-select/ng-select/themes/ant.design.theme.css';

.ng-select {
	@apply py-2;

	&-wrapper {
		@apply bg-gray-100 rounded-xl shadow-inner;
	}

	.ng-select-container,
	.ng-select-opened > .ng-select-container {
		background: transparent !important;
		border: none !important;
		outline: none !important;
	}

	.ng-select-container {
		.ng-value-container {
			.ng-placeholder {
				font-size: 16px;
				color: rgba(0, 0, 0, 0.6);
			}
		}
	}
}