ru-assets/app/assets/styles/content/leftbar/search.scss

.search {

    &--static {
        height: 45px;
        background: #ebebeb;
        border-radius: 25px 0 0 25px;
        padding-left: 50px;
        padding-right: 0;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin-bottom: 40px;
        position: relative;
    }
    &--filter {
        padding: 0 5px;
        width: 180px;
    }
    &--float {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        height: 30px;
        padding: 0 10px;
    }

    &__inputcase {
        position: relative;

        &--float {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-content: center;
            align-items: center;

            form {
                height: auto;;
            }
        }
    }

    &--static &__iconzoom {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background: url('../img/icon_zoom_search@2x.png') 0 0 / cover no-repeat;
        border-radius: 0 25px 25px 0 / 0 25px 25px 0;
        cursor: pointer;
        overflow: hidden;
        display: none;
    }
    &--filter &__iconzoom {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background: url('../img/icon_news_titl@2x.png') 0 -60px / 30px 90px no-repeat #e65e26;
        border-radius: 15px;
        cursor: pointer;
        overflow: hidden;

        &:hover {
            background-color: #eb914e;
        }
    }
    &--float &__iconzoom {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        background: url('../img/icon_news_titl@2x.png') 0 -60px / 30px 90px no-repeat #e65e26;
        border-radius: 15px;
        cursor: pointer;
        overflow: hidden;

        &:hover {
            background-color: #eb914e;
        }
    }

    input,
    &__input {
        background: #ffffff;
        height: 30px;
        line-height: 25px;
        border-radius: 15px;
        padding: 0 12px;
        width: calc(100% - 24px);
        color: #929292;
        opacity: 1;
        font-size: 11px;

        &::-webkit-input-placeholder {
            color: #929292;
            opacity: 1;
        }
        &::-moz-placeholder {
            color: #929292;
            opacity: 1;
        }
        &:-moz-placeholder {
            color: #929292;
            opacity: 1;
        }
        &:-ms-input-placeholder {
            color: #929292;
            opacity: 1;
        }
        &:focus::-webkit-input-placeholder {
            color: transparent;
            opacity: 1;
        }
        &:focus::-moz-placeholder {
            color: transparent;
            opacity: 1;
        }
        &:focus:-moz-placeholder {
            color: transparent;
            opacity: 1;
        }
        &:focus:-ms-input-placeholder {
            color: transparent;
            opacity: 1;
        }
    }

    &--static input:focus + &__iconzoom,
    &--static &__input:focus + &__iconzoom {
        display: block;
    }
}