.ntw-en {
	max-width: 680px;
	padding: 20px;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
}

.ntw-en *,
.ntw-en *::before,
.ntw-en *::after {
	box-sizing: border-box;
}

.ntw-en__label,
.ntw-en__currency-label,
.ntw-en__result-label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.ntw-en__options { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }

.ntw-en__currency-label { margin: 0; font-weight: 600; }

.ntw-en__currency { min-width: 240px; padding: 10px 12px; border: 1px solid #cfcfcf; border-radius: 5px; background: #fff; font-size: 15px; }

.ntw-en__row { display: flex; gap: 10px; }

.ntw-en__input-wrap { position: relative; flex: 1; min-width: 0; }

.ntw-en__currency-symbol { position: absolute; top: 50%; left: 14px; transform: translateY(-50%); font-weight: 600; z-index: 1; }

.ntw-en__input-wrap .ntw-en__currency-symbol:not([hidden]) + .ntw-en__input { padding-left: 38px; }

.ntw-en__input {
	min-width: 0;
	flex: 1;
	padding: 12px 14px;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	font-size: 16px;
}

.ntw-en__input:focus,
.ntw-en__button:focus-visible,
.ntw-en__copy:focus-visible,
.ntw-en__result:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.ntw-en__button,
.ntw-en__copy {
	padding: 12px 16px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
}

.ntw-en__button {
	white-space: nowrap;
}

.ntw-en__message {
	min-height: 22px;
	margin-top: 8px;
	font-size: 14px;
}

.ntw-en__result-wrap {
	margin-top: 16px;
}

.ntw-en__result {
	padding: 14px;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.ntw-en__copy {
	margin-top: 10px;
}

@media (max-width: 600px) {
	.ntw-en__options { align-items: stretch; flex-direction: column; }

	.ntw-en__currency { width: 100%; }

	.ntw-en__row { flex-direction: column; }

	.ntw-en__button {
		width: 100%;
	}
}