.ntw-ru {
    max-width: 680px;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.ntw-ru *, .ntw-ru *::before, .ntw-ru *::after { box-sizing: border-box; }
.ntw-ru__label, .ntw-ru__currency-label, .ntw-ru__result-label {
    display:block; margin-bottom:8px; font-weight:600;
}
.ntw-ru__options { display:block; width:100%; margin-bottom:18px; }
.ntw-ru__currency { display:block; width:100%; min-width:0; padding:10px 12px; border:1px solid #cfcfcf; border-radius:5px; background:#fff; font-size:15px; }
.ntw-ru__row { display:flex; gap:10px; }
.ntw-ru__input-wrap { position:relative; flex:1; min-width:0; }
.ntw-ru__currency-symbol {
    position:absolute; top:50%; left:14px; transform:translateY(-50%);
    font-weight:600; z-index:1; white-space:nowrap;
}
.ntw-ru__input-wrap .ntw-ru__currency-symbol:not([hidden]) + .ntw-ru__input { padding-left:58px; }
.ntw-ru__input {
    min-width:0; flex:1; width:100%; padding:12px 14px;
    border:1px solid #cfcfcf; border-radius:5px; font-size:16px;
}
.ntw-ru__input:focus, .ntw-ru__button:focus-visible, .ntw-ru__copy:focus-visible, .ntw-ru__result:focus-visible {
    outline:2px solid currentColor; outline-offset:2px;
}
.ntw-ru__button, .ntw-ru__copy {
    padding:12px 16px; border:0; border-radius:5px; cursor:pointer; font-size:15px;
}
.ntw-ru__button { white-space:nowrap; }
.ntw-ru__message { min-height:22px; margin-top:8px; font-size:14px; }
.ntw-ru__result-wrap { margin-top:16px; }
.ntw-ru__result {
    padding:14px; border:1px solid #e2e2e2; border-radius:5px;
    line-height:1.6; overflow-wrap:anywhere;
}
.ntw-ru__copy { margin-top:10px; }
@media (max-width:600px) {
    .ntw-ru__row { flex-direction:column; }
    .ntw-ru__button { width:100%; }
}