/* patterns, from cmkat.com/materials, free for personal use
   tiles: .tile-scanlines .tile-dots .tile-grid .tile-hazard .tile-segments
   dividers: .divider-dotted .divider-hazard .divider-segments .divider-terminal */
:root{--pat-ink:#d99a56;--pat-line:#41413f;--pat-dark:#070605}

/* tiles */
.tile-scanlines{background:repeating-linear-gradient(0deg,#ffffff1a 0 1px,transparent 1px 3px),var(--pat-dark)}
.tile-dots{background:radial-gradient(var(--pat-line) .6px,transparent .7px) 0 0/19px 19px,var(--pat-dark)}
.tile-grid{background:linear-gradient(var(--pat-line) 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,var(--pat-line) 1px,transparent 1px) 0 0/16px 16px,var(--pat-dark)}
.tile-hazard{background:repeating-linear-gradient(-45deg,var(--pat-ink) 0 6px,var(--pat-dark) 6px 12px)}
.tile-segments{background:repeating-linear-gradient(90deg,var(--pat-ink) 0 6px,var(--pat-dark) 6px 8px)}

/* dividers */
.divider-dotted{height:0;margin:20px 0;border:0;border-top:1px dotted #6d6d68}
.divider-hazard{height:7px;margin:20px 0;border:0;background:repeating-linear-gradient(-45deg,var(--pat-ink) 0 5px,transparent 5px 10px);opacity:.6}
.divider-segments{height:8px;margin:20px 0;border:0;background:repeating-linear-gradient(90deg,var(--pat-ink) 0 6px,transparent 6px 8px)}
.divider-terminal{width:0;min-width:100%;margin:20px 0;border:0;overflow:hidden;white-space:nowrap;font:12px/1 monospace;color:#6d6d68}
.divider-terminal::before{content:'$ ----------------------------------------------------------------------------------------------------------------'}