.input-range_theme_realty {
    background: rgba(0,0,0,.12);
    position: relative;

    &:before {
        background: #fff;
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        left: 1px;
        content: '';
        border-radius: 2px;
    }

    .input-range__control-group {
        width: 100%;
        display: inline-flex;
        vertical-align: top;
        position: relative;
    }

    &.input-range_focused {
        background: #50a3f1;
        z-index: 1;
    }


    .input-range__separator {
        color: #999;
        position: relative;
    }

    .input-range__currency {
        min-width: 13px;
        padding: 0 8px 0 8px;
        position: relative;
        flex-shrink: 0;
        flex-grow: 0;
        display: inline-block;
        vertical-align: top;
        margin-left: -6px;
        z-index: 2;
    }


    .input-range__input  {
        flex-basis: 50%;
        min-width: 50px;
        flex-shrink: 1;
        flex-grow: 1;
        display: inline-flex;
        padding: 0 6px;
        border-radius: 0;
        border-color: transparent;
        background: transparent;
        font-size: 13px;

        .input__control {
            text-align: center;
            padding: 0;
        }
    }

    // size
    &.input-range_size_s {
        .input-range__currency {
            font-size: 12px;
        }
    }

    &.input-range_size_m {
        border-radius: 3px;
        line-height: 38px;

        .input-range__currency {
            font-size: 13px;
        }
    }

    &.input-range_size_l {
        border-radius: 4px;
        line-height: 48px;

        .input-range__currency {
            font-size: 13px;
        }
    }

    &.input-range_size_xl {
        border-radius: 4px;
        line-height: 52px;

        .input-range__currency {
            font-size: 14px;
        }
    }

    &.input-range_width_available {
        width: 100%;
    }
}