.range__header-value-inner, .range__header-value {
    white-space: nowrap
}

.calc__body {
    min-height: 31.25rem
}

.calc__buttons-wrap.last {
    margin-right: 2.5rem
}

.calc__radio-wrap:hover .calc__radio-btn{
    background-image: linear-gradient(114.57deg, #7549ea 2.05%, #71ecca 94.5%);
    color: #fff
}

.calc__radio-btn.calc__radio-btn--active {
    background-image: linear-gradient(114.57deg, #7549ea 2.05%, #71ecca 94.5%);
    color: #fff
}

.ranges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.range-wrap {
    width: 31%;
    position: relative
}

.range__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: static;
    padding-bottom: 20px
}

.range__header-name, .range__header-value {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #7549EA;
}

.range__header-value-data{
    color: #000A35;
}

.range__header-value-inner{
    color: #000A35;
    letter-spacing: -0.05em;
    font-weight: 500;
}

.range__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.range__input {
    position: relative;
    width: 100%;
    height: 6px;
    -webkit-appearance: none;
    outline: none;
    background: transparent;
    z-index: 30
}

.range__input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #7549EA;
    border-radius: 4px;
    cursor: pointer
}

.range__values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px
}

.range__value-data, .range__value-symbol {
    color: #9E9E9E;
    font-size: 14px;
    font-weight: 500
}

.range__fill {
    width: calc(50% - 10px);
    background: #7549EA;
    z-index: 20
}

.range__fill, .range__fill-bg {
    position: absolute;
    height: 6px;
    top: 0;
    border-radius: 10px
}

.range__fill-bg {
    width: 100%;
    background: #E7E7E7;
    border-radius: 2px;
    z-index: 10
}

.range__value__mute {
    padding-right: 10px
}

.range__value__mute, .range__value__mute * {
    color: #9E9E9E;
    font-size: 14px
}

/*# sourceMappingURL=../styles/styles.1fced878.css.map */