/* ============================================================
   NOTEPAD APP
   ============================================================ */

.notepad-textarea {
    flex: 1;
    width: 100%;
    height: 100%;
    background: var(--win95-white);
    border: none;
    box-shadow:
        inset -1px -1px var(--win95-white),
        inset 1px 1px var(--win95-gray),
        inset -2px -2px var(--win95-light),
        inset 2px 2px var(--win95-dark);
    padding: 4px;
    font-family: "Fixedsys", "Lucida Console", "Courier New", monospace;
    font-size: 13px;
    color: var(--win95-text);
    resize: none;
    outline: none;
    overflow: auto;
    white-space: pre;
    word-wrap: normal;
    user-select: text;
    -webkit-user-select: text;
}

.notepad-textarea.word-wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: hidden;
}

.notepad-textarea::selection {
    background: var(--win95-navy);
    color: var(--win95-white);
}