/* Optional - user-overridable styling */

span[breaking="yes"][line="soft"]:before {content: "\2936" "\A"; }
/* Suggested by Tufte CSS - less harsh than pure white. */
div.domterm { background-color: #fffff8 }
div.domterm[reverse-video] { color: white; background-color: black }
/* Tufte CSS suggests: Consolas, "Liberation Mono", Menlo, Courier, monospace
   However, the first four in that list cause some vertical spacing issues,
   including background-color not being full-height.
   Check with tests/256-colors.sh. */
/*div.domterm-pre { font-family: monospace } This is the default */
span[std="input"] { background-color: #FFFFD0 } /* a pale yellow */
span[std="prompt"] { background-color: #E0FFE0 } /* a pale green */
span[std="error"] { color: red; }
span[std="hider"]:hover { background-color: yellow; color: red; cursor: pointer }
span[caret="block"][std="input"] {
    background-color: black; color: white
}

div.domterm-show-size {
    bottom: 4px;
    right: 4px;
    padding: 2px;
    border: 2px solid black;
}

/* FUTURE POPUP
div.domterm-main-popup {
}
div.domterm-main-popup div {
    border:  thin solid black;
}
div.domterm-popup-action:hover {
    background-color: lightblue
}
*/

span[caret="blinking-block"][std="input"] {
    animation: blinking-block 1.5s steps(1) 0s 20;
    background-color: black; color: white
}
span[caret="underline"][std="input"] {
    text-decoration: underline
}
span[caret="blinking-underline"][std="input"] {
    animation: blinking-underline 1.5s steps(1) 0s 20;
    text-decoration: underline
}
span[caret][std="input"][value]:after {
    content: attr(value);
}
@keyframes blinking-block {
    0% { }
    30% {background-color: inherit; color: inherit }
    100% {}
}
@keyframes blinking-underline {
    0% {}
    30% { text-decoration: inherit }
    100% {}
}