/* Paper texture textarea */
textarea {
    width: 100%;
    color: var(--fg);
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px;
    resize: vertical;
    min-height: 120px;
    margin-bottom: 14px;
    font-size: var(--text-size);
    line-height: var(--lh);
    background-image:
        linear-gradient(90deg, var(--paper-margin) 48px, transparent 0),
        repeating-linear-gradient(transparent 0 calc(var(--row) - 1px),
            var(--paper-line) calc(var(--row) - 1px) var(--row)),
        var(--paper);
    background-attachment: local, local, fixed;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: padding-box, padding-box, padding-box;
    background-position: left top, left 12px, center;
    padding-left: 64px;
}

[data-theme="dark"] textarea {
    background-color: #0b1220;
}

[data-theme="sepia"] textarea {
    background-color: #fbf6ec;
}

textarea::placeholder {
    color: var(--muted);
}

@media (max-width: 640px) {
    textarea {
        background-attachment: local, local, local;
    }
}