.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; } }