.custom-input-wrapper {
    position: relative;

    .custom-input {
        width: 277px;
        height: 33px;

        padding-left: 10px;

        border: 1px solid $border_ddd;
        border-radius: 3px;

        font-size: $font_12;

        -webkit-appearance: none;


        &::-webkit-input-placeholder {
            color: $color_999;
        }
    }

    .custom-input--active {
        border-color: #09f;
    }

    .iconfont {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: $font_14;
        color: $bg_ccc;
    }

    .hide {
        display: none;
    }
}