cluster-input{
    display: inline-block;
    border: 1px solid #222;
    cursor: text;
    color: #ddd;
    line-height: 100%;
    width: 150px;
    overflow: hidden;
    word-wrap: initial;
    white-space: nowrap;
    background-color: #333;
    font-size: 16px;
    font-family: monospace;
    padding: 6px;
}

cluster-input[contenteditable=false]{
    filter:grayscale(1);
    cursor:default;
}

[contenteditable=true]:empty:before{
  content: attr(default);
  color: #777;

}

cluster-input.error{
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: red;
    box-sizing: border-box;
}

cluster-input::selection, cluster-input *::selection {
    color: inherit;
    background-color:#00bcd41f;
}


.cui-var{
    color:#78a191;
}

.cui-atom{
    color:#dc99ec;
}

.cui-number{
    color:#FF9800;
}

.cui-method{
    color:#8bbbc6;
}

.cui-method.know{
    color:#45ae7e;
}

/*

@future

.cui-exposed{
    position: relative;
    bottom: 8px;
    font-size: 75%;
}

.cui-exposant{
    display:none;
}*/