/**
 * Warranty & Liability
 * To the extent permitted by applicable law and unless explicitly
 * otherwise agreed upon, XLOG Technologies AG makes no warranties
 * regarding the provided information. XLOG Technologies AG assumes
 * no liability that any problems might be solved with the information
 * provided by XLOG Technologies AG.
 *
 * Rights & License
 * All industrial property rights regarding the information - copyright
 * and patent rights in particular - are the sole property of XLOG
 * Technologies AG. If the company was not the originator of some
 * excerpts, XLOG Technologies AG has at least obtained the right to
 * reproduce, change and translate the information.
 *
 * Reproduction is restricted to the whole unaltered document. Reproduction
 * of the information is only allowed for non-commercial uses. Selling,
 * giving away or letting of the execution of the library is prohibited.
 * The library can be distributed as part of your applications and libraries
 * for execution provided this comment remains unchanged.
 *
 * Restrictions
 * Only to be distributed with programs that add significant and primary
 * functionality to the library. Not to be distributed with additional
 * software intended to replace any components of the library.
 *
 * Trademarks
 * Jekejeke is a registered trademark of XLOG Technologies AG.
 */

:root {
    --box-color: #ffffee;
    --border-color: #ddddbb
}

/*******************************************************************/
/* Vector Graphics                                                 */
/*******************************************************************/

.pen {
    stroke: black
}

.brush {
    fill: white
}

.label {
    font-size: 12px;
    stroke: none;
    fill: black
}

/*******************************************************************/
/* Graph Plotting                                                  */
/*******************************************************************/

.line {
    stroke: red
}

.line2 {
    stroke: blue
}

.mark {
    fill: red
}

.mark2 {
    fill: blue
}

.x-axis {
    text-anchor: middle
}

.y-axis {
    text-anchor: end
}

/*******************************************************************/
/* Code Formatting                                                 */
/*******************************************************************/

/* comment */
.cm {
    color: #555
}

/* variable */
.vr {
    color: #088
}

/* const */
.cs {
    color: #d19
}

.code[contenteditable="plaintext-only"] {
    overflow: auto;
    resize: vertical
}

.error {
    background-color: #FDD
}

.warning {
    background-color: #FFD
}

/*******************************************************************/
/* Notebooks                                                       */
/*******************************************************************/

pre {
    white-space: pre-wrap;
    word-break: break-all
}

.code {
    border-radius: 0.4em;
    border: solid 0.1em grey;
    background-color: whitesmoke;
    padding: 0.5em
}

.raw {
    border-radius: 0.4em;
    border: solid 0.1em grey;
    background-color: #FAFAFA;
    padding: 0.5em;
    margin-right: 2.8em
}

.nb_flex {
    display: flex;
    align-items: flex-end
}

.nb_btn {
    border-radius: 0.4em;
    border: solid 0.1em grey;
    background-color: whitesmoke;
    padding: 0.5em;
}

.nb_box {
    border-radius: 0.4em;
    border: solid 0.1em grey;
    background-color: whitesmoke;
    padding: 0.5em;
    margin-block: 0;
    flex: 1
}

.nb_txt {
    outline-offset: 0.5em
}

/*******************************************************************/
/* Unicode Cludge                                                  */
/*******************************************************************/

.hack_arrow {
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-left: 0.5em solid black;
    border-bottom: 0.5em solid transparent;
    border-right: none;
    margin: 0.125em 0.375em
}

button:disabled .hack_arrow {
    border-left: 0.5em solid grey;
}

.hack_box {
    width: 0;
    height: 0;
    border: 0.375em solid red;
    margin: 0.25em
}