.default_label {
	text-align: start;
	font-size: var(--font-size-medium);
	color: var(--gray80);
}

.default_input {
	font-size: var(--font-size-medium);
	color: var(--gray90);
	border-radius: 8px;
	border: 2px solid var(--gray40);
	padding: 1rem 1.75rem;
	outline: none;
	background-color: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Focus state using primary color */
.default_input:focus {
	border-color: #3d8b5a;
	box-shadow: 0 0 0 3px rgba(61, 139, 90, 0.2); /* subtle glow */
}

/* Optional: hover state for better feedback */
.default_input:hover {
	border-color: #3d8b5a;
}

/*.default_input {
	border: 1px solid #ccc;
	background-color: white;
	outline: none;
	transition: 0.2s ease;
}*/

.default_input.error {
	border-color: red;
	box-shadow: 0 0 0 3px #ffe6e6; /* subtle glow */
	background: #ffe6e6 !important; /* Light red background */
	color: #a94442; /* Optional: change text color */
}

.default_input.error::placeholder {
	color: #d9534f; /* Slightly red placeholder */
}

.default_input::placeholder {
	color: var(--gray40);
}

.borderless_label {
	text-align: start;
	font-size: var(--font-size-medium);
	color: var(--gray80);
}

.borderless_input {
	font-size: var(--font-size-medium);
	color: var(--gray90);
	border: solid 1px var(--white);
	border-radius: 8px;
	background-color: var(--gray20);
	padding: 1rem 1.75rem;
}

.borderless_input::placeholder {
	color: var(--gray40);
}

.chat-input {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	/* chat input padding 추가 */
	padding: 0rem 7.5rem;
	/* margin-bottom: 4rem; */
}

.chat-input input {
	font-size: var(--font-size-medium);
	color: var(--gray120);
	outline: none;
	border-radius: 10rem;
	border: none;
	background-color: var(--gray20);
	font-family: inherit;
	padding: 2rem 3rem;
	width: 100%;
}

.chat-input i {
	font-size: 6rem;
	color: var(--gray40);
	position: absolute;
	top: 50%;
	/* chat input icon 이동 */
	right: 7.5rem;
	/* right: 0rem; */
	transform: translateY(-55%);
}

.chat-input input::placeholder {
	color: var(--gray60);
}

.borderless_textarea {
	font-family: inherit;
	font-size: var(--font-size-medium);
	color: var(--gray120);
	outline: 0;
	border: solid 1px var(--white);
	width: 100%;
	height: 40px;
	background-color: #eff3f7;
	height: 15rem;
	padding: 1rem 2rem;
	resize: none;
}

.borderless_textarea::placeholder {
	font-size: var(--font-size-small);
	color: var(--gray40);
}

@media only screen and (max-width: 576px) {
	.chat-input {
		padding: 0rem 4rem;
		bottom: 3rem;
	}

	.chat-input > i {
		right: 4rem;
		font-size: 5rem;
	}
}