.clearable-input-with-country-codes {
    display: flex;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 24px;

    .clearable-input-wrapper {
        margin-bottom: 0;
        flex: 1 1 auto;

        input {
            padding-left: 10px;
            border: none;
            width: 100%;
            padding-right: 34px;
        }
    }

    .country-code {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        color: #333;
        width: 63px;
        text-align: center;
        border-right: 1px solid #ccc;

        .iconfont {
            margin-left: 3px;
        }
    }
}