/* - global_styles by_dev */
    html {
        font-family: sans-serif;
        background-color: #36393F;
        text-align: center;
        color: #FFF;
    }

/* - container_styles by_dev */
    .container {
        max-width: 500px;
        margin: auto;
    }

/* - flex_helper_styles by_dev */
    .flex {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

/* - textarea_styles by_dev */
    #textarea {
        width: 600px;
        height: 200px;
        border-radius: 5px;
        resize: both;
        overflow: auto;
        text-align: left;
        font-family: monospace;
        background-color: #2F3136;
        color: #B9BBBE;
        border: #202225 1px solid;
        padding: 5px;
        display: inline-block;
        
        white-space: pre-wrap;
        font-size: 0.875rem;
        line-height: 1.125rem;
        text-indent: 0;
    }

/* - button_base_styles by_dev */
    .button {
        min-height: 32px;
        min-width: 32px;
        border: none;
        border-radius: 3px;
        color: #fff;
        background-color: #4f545c;
        font-size: 14px;
        padding: 2px 16px;
        cursor: pointer;
        transition: background-color 250ms linear;
    }

/* - link_styles by_dev */
    a,a:visited {
        color: #00AFF4
    }

/* - tooltip_styles by_dev */
    .tooltip {
        display: none;
        position: absolute;
        background-color: #3BA55D;
        border: none;
        border-radius: 3px;
        color: #fff;
        font-size: 14px;
        padding: 8px 16px;
        top: 0;
    }

/* - ansi_text_styles by_dev */
.ansi-1 { font-weight:700; text-decoration:none;       }
.ansi-4 { font-weight:500; text-decoration:underline;  }

/* - ansi_fg_colors by_dev */
.ansi-30 { color: #4f545c; }
.ansi-31 { color: #dc322f; }
.ansi-32 { color: #859900; }
.ansi-33 { color: #b58900; }
.ansi-34 { color: #268bd2; }
.ansi-35 { color: #d33682; }
.ansi-36 { color: #2aa198; }
.ansi-37 { color: #ffffff; }

/* - ansi_fg_color_buttons_bg by_dev */
.ansi-30-bg { background-color: #4f545c; }
.ansi-31-bg { background-color: #dc322f; }
.ansi-32-bg { background-color: #859900; }
.ansi-33-bg { background-color: #b58900; }
.ansi-34-bg { background-color: #268bd2; }
.ansi-35-bg { background-color: #d33682; }
.ansi-36-bg { background-color: #2aa198; }
.ansi-37-bg { background-color: #ffffff; }

/* - ansi_bg_colors by_dev */
.ansi-40 { background-color: #002b36; }
.ansi-41 { background-color: #cb4b16; }
.ansi-42 { background-color: #586e75; }
.ansi-43 { background-color: #657b83; }
.ansi-44 { background-color: #839496; }
.ansi-45 { background-color: #6c71c4; }
.ansi-46 { background-color: #93a1a1; }
.ansi-47 { background-color: #fdf6e3; }

/* - copy_preview_styles by_dev */
#copyPreview {
    background-color: #2F3136;
    color: #B9BBBE;
    border: #202225 1px solid;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    font-family: monospace;
    white-space: pre-wrap; 
    word-break: break-all; 
    max-height: 150px; 
    overflow-y: auto;  
    margin: 10px auto; 
    width: 600px; 
    box-sizing: border-box; 
    display: inline-block; 
}