#streak { color: var(--a) }
body { color: var(--vii) }
body, header, footer { background: var(--iiv);  }
a:active { color: var(--v) }
#next-note { background: var(--iv); }
#prev-note { background: var(--iiv); border: 1px solid var(--iv); }
::-webkit-scrollbar-thumb { background: var(--iv); }
::-webkit-scrollbar-thumb:active { background: var(--v); }

::selection { background: var(--a); color: var(--iv) }
.ͼ2 .cm-content {caret-color: var(--vi);}
.ͼ2 .cm-selectionBackground {background: var(--iv);}
.ͼ2.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: var(--iv);}
.ͼ3 .cm-content {caret-color: var(--iv);}
.ͼ3 .cm-selectionBackground {background: var(--vii);}
.ͼ3.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground {background: var(--vii);}
.ͼ1 .cm-cursor, .ͼ1 .cm-dropCursor {border-left: 1.2px solid var(--vi); margin-left: -0.6px; pointer-events: none;}
.ͼ3 .cm-cursor {border-left-color: var(--vi);}
.ͼ2 .cm-activeLine {background-color: #cceeff44;}
.ͼ3 .cm-activeLine {background-color: #99eeff33;}
.ͼ2 .cm-specialChar {color: var(--a);}
.ͼ3 .cm-specialChar {color: var(--a);}

.ͼ2 .cm-gutters {background-color: #f5f5f5; color: #6c6c6c; border-right: 1px solid #ddd;}
.ͼ3 .cm-gutters {background-color: #333338; color: #ccc;}
.ͼ2 .cm-activeLineGutter {background-color: #e2f2ff;}
.ͼ3 .cm-activeLineGutter {background-color: #222227;}
.ͼ2 .cm-panels {background-color: #f5f5f5; color: black;}
.ͼ2 .cm-panels-top {border-bottom: 1px solid #ddd;}
.ͼ2 .cm-panels-bottom {border-top: 1px solid #ddd;}
.ͼ3 .cm-panels {background-color: #333338; color: white;}
.ͼ1 .cm-highlightSpace {background-image: radial-gradient(circle at 50% 55%, #aaa 20%, transparent 5%); background-position: center;}
.ͼ1 .cm-highlightTab {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23888" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>'); background-size: auto 100%; background-position: right 90%; background-repeat: no-repeat;}

.ͼ1 .cm-trailingSpace {background-color: #ff332255;}

.ͼ2 .cm-button:active {background-image: linear-gradient(#b4b4b4, #d0D3d6);}
.ͼ2 .cm-button {background-image: linear-gradient(#eff1f5, #d9d9df); border: 1px solid #888;}
.ͼ3 .cm-button:active {background-image: linear-gradient(#111, #333);}
.ͼ3 .cm-button {background-image: linear-gradient(#393939, #111); border: 1px solid #888;}

.ͼ1 .cm-textfield {vertical-align: middle; color: inherit; font-size: 70%; border: 1px solid silver; padding: .2em .5em;}
.ͼ2 .cm-textfield {background-color: white;}
.ͼ3 .cm-textfield {border: 1px solid #555; background-color: inherit;}

.ͼ5 {color: var(--vi);}
.ͼb {color: var(--a);}
.ͼc {color: var(--v)}
.ͼd {color: var(--base0B)}
.ͼe, .ͼf {color: var(--a)}
.ͼg {color: var(--v);}
.ͼh {color: var(--a);}
.ͼi {color: var(--v);}
.ͼj {color: var(--v);}
.ͼk {color: var(--v);}
.ͼl {color: var(--a);}
.ͼm {color: var(--base0A);}
.ͼn {color: var(--a);}