@import "../styles/common";

.w-color-select{
    width: 100%;
    .input_style();
    align-items: center;
    padding: 0 11px;
    cursor: pointer;

    &.disabled{
        .input_disabled_style();
    }
}

.w-color-select-view{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}

.w-color-select-input{
    @radius:20px;
    background: transparent;
    border: 0;
    width: @radius;
    flex:0 0 auto;
    line-height: 0 !important;
    vertical-align: middle;
    font-size: 0;
    height: @radius;
    margin-right: 10px;

    &::-webkit-color-swatch-wrapper{
        background-color:#ddd;
        padding: 1px;
    }
    &::-webkit-color-swatch{
        position: relative;
        border-radius:0 !important;
    }
}