@import "../style/themes/default.less";

@input-prefix-cls: ~"@{sino-prefix}-input";

.@{input-prefix-cls} {
    display: flex;
    align-items: center;
    width: 100%;
    line-height: @line-height;
    font-size: @font-size-base;
    color: @text-color;
    background-color: #fff;

    input::-webkit-input-placeholder {
        color: @placeholder-color;
    }

    input::-moz-placeholder {
        color: @placeholder-color;
    }

    input::-ms-input-placeholder {
        color: @placeholder-color;
    }

    &-clear {
        padding: 0 .1rem;
        font-size: .28rem;
        color: #999;
        cursor: pointer;
    }
}

@media (min-width: @screen-sm) {
    .@{input-prefix-cls} {
        font-size: @pc-font-size-base;
    }
}
