.currency-container {
    display: flex; /* Используем Flexbox */
    justify-content: space-between; /* Размещаем элементы по краям */
    align-items: center; /* Выравниваем по вертикали */
    width: 100%; /* Ширина контейнера - 100% */
    margin: 0; /* Обнуляем отступы */
    padding: 0; /* Обнуляем внутренние отступы */
    box-sizing: border-box; /* Учитываем ширину границ и отступов */
}

.currency-item {
    display: inline-block; /* Установим блоки инлайн-блоками для более тонкой настройки стилей */
    white-space: nowrap; /* Запрещаем перенос строк */
}

input[type="range"] {
    -webkit-appearance: none; /* Для Webkit-браузеров */
    appearance: none; /* Для других браузеров */
    width: 100%; /* Делаем ползунок шириной 100% */
    background: yellow; /* Цвет фона ползунка */
    outline: none; /* Убираем обводку */
}

/* Стили для ползунка в Webkit-браузерах (Chrome, Safari, Edge) */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Убираем стандартный стиль */
    appearance: none; /* Убираем стандартный стиль */
    width: 30px; /* Ширина кружка */
    height: 30px; /* Высота кружка */
    background: yellow; /* Цвет кружка */
    cursor: pointer; /* Курсор для указателя */
    border-radius: 50%; /* Круглая форма */
}

/* Стили для ползунка в Firefox */
input[type="range"]::-moz-range-thumb {
    width: 30px; /* Ширина кружка */
    height: 30px; /* Высота кружка */
    background: yellow; /* Цвет кружка */
    border: none; /* Убираем рамку */
    border-radius: 50%; /* Круглая форма */
    cursor: pointer; /* Курсор для указателя */
}

.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}
.modal-content{background-color:#132d40;margin:10% auto;padding:20px;border:1px solid #888;width:90%;max-width:800px;border-radius:15px}
.close{color:#aaa;float:right;font-size:28px;font-weight:bold}
.ma{color:#9cc;text-decoration:underline}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
.err{border:3px solid red!important}