:root{--scrollbar-size:15px;--scrollbar-bar:#aaa;--scrollbar-bar-hover:#888;--scrollbar-bar-active:#666;--scrollbar-track:#ddd;--scrollbar-button:#aaa;--scrollbar-button-hover:#888;--scrollbar-button-active:#666;--scrollbar-button-triangle:#222}.dark{--scrollbar-bar:#777;--scrollbar-bar-hover:#999;--scrollbar-bar-active:#bbb;--scrollbar-track:#333;--scrollbar-button:#999;--scrollbar-button-hover:#bbb;--scrollbar-button-active:#ddd}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-bar) var(--scrollbar-track)}::-webkit-scrollbar,::-webkit-scrollbar-button:single-button{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-corner,::-webkit-scrollbar-piece,::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--scrollbar-bar);border:3px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:horizontal{min-width:50px}::-webkit-scrollbar-thumb:vertical{min-height:50px}::-webkit-scrollbar-thumb:hover{--scrollbar-bar:var(--scrollbar-bar-hover)}::-webkit-scrollbar-thumb:active{--scrollbar-bar:var(--scrollbar-bar-active)}::-webkit-scrollbar-button:single-button{background-color:var(--scrollbar-button)}::-webkit-scrollbar-button:single-button:hover{--scrollbar-button:var(--scrollbar-button-hover)}::-webkit-scrollbar-button:single-button:active{--scrollbar-button:var(--scrollbar-button-active)}::-webkit-scrollbar-button:single-button:vertical:start:decrement{background:linear-gradient(130deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(230deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(0deg,var(--scrollbar-button) 40%,transparent 0),var(--scrollbar-button-triangle)}::-webkit-scrollbar-button:single-button:vertical:end:increment{background:linear-gradient(310deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(50deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(180deg,var(--scrollbar-button) 40%,transparent 0),var(--scrollbar-button-triangle)}::-webkit-scrollbar-button:single-button:horizontal:end:increment{background:linear-gradient(210deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(330deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(90deg,var(--scrollbar-button) 30%,transparent 31%),var(--scrollbar-button-triangle)}::-webkit-scrollbar-button:single-button:horizontal:start:decrement{background:linear-gradient(30deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(150deg,var(--scrollbar-button) 40%,transparent 41%),linear-gradient(270deg,var(--scrollbar-button) 30%,transparent 31%),var(--scrollbar-button-triangle)}:root{--palette-size:32px;--palette-color:#ccc;--palette-border:2px #aaa;--tooltip-color:#e0e0a3;--tooltip-width:200px;--tooltip-arrow:5px;--dragzone-color:rgba(224,224,163,0.5);--name-width:8em}.dark{--palette-color:#333;--palette-border:2px #666;--tooltip-color:#606020}*,:after,:before{box-sizing:border-box}svg{overflow:hidden}input,textarea{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}kbd{padding:2px 4px;font-family:Roboto Mono,Bitstream Vera Sans Mono,Consolas,Courier,monospace;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);display:inline-block}.dark kbd{color:#333;background-color:#ddd}body{font-family:Roboto Slab,serif;-ms-touch-action:none;touch-action:none;background:#fff}body.dark{color:#aaa;background:#000}input,textarea{font-family:Roboto Slab,serif;font-size:16px;padding-top:0}.dark input,.dark textarea{color:#aaa;background:#000}.dark input::-moz-placeholder,.dark textarea::-moz-placeholder{color:#555}.dark input:-ms-input-placeholder,.dark textarea:-ms-input-placeholder{color:#555}.dark input::placeholder,.dark textarea::placeholder{color:#555}input.pending,textarea.pending{background-color:#bfbfbf}.dark input.pending,.dark textarea.pending{background-color:#262626}input.error,textarea.error{background-color:#e798a0}.dark input.error,.dark textarea.error{background-color:#3e0f13}input.success,textarea.success{background-color:#98e7aa}.dark input.success,.dark textarea.success{background-color:#0f3e1a}#container,#root,body,html{width:100%;height:100%;margin:0}#container{display:-ms-grid;display:grid;grid-template-areas:"left top" "left center" "left bottom";-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto}#tools{grid-area:left}#pages{grid-area:top}#bottom{grid-area:bottom}#center{grid-area:center;position:relative}body{--filter:none}body.dark{--filter:invert(1) hue-rotate(180deg)}@supports (filter:url("#invertFilter")){body.dark{--filter:url(#invertFilter)}}.board,.modal,.overlay{position:absolute;overflow:hidden;width:100%;height:100%;filter:var(--filter)}.board{cursor:crosshair;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.overlay{pointer-events:none}.nopage .board,.nopage .overlay{visibility:hidden!important}#dragzone{transition:opacity .5s;background-color:var(--dragzone-color);opacity:0}#dragzone.drag{opacity:1}.palette{background:var(--palette-color);display:-ms-flexbox;display:box;display:flex;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vertical.palette{-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;overflow-x:hidden;overflow-y:auto;top:0;left:0;height:100%}.horizontal.palette{-o-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%}.horizontal.palette.super{-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.subpalette{display:-ms-flexbox;display:box;display:flex}#historyRange{margin:0 10px}#historyRange,#urlInput{height:var(--palette-size)}#textInput{height:48px;min-height:48px;resize:vertical}#name{width:var(--name-width)}.page,.pageList{display:-ms-flexbox;display:box;display:flex}.page{height:var(--palette-size);padding:2px .3em;border-radius:25% 25% 0 0;border-bottom:none!important;border:var(--palette-border) outset;cursor:pointer;color:inherit;text-decoration:inherit}.page.active,.page.selected{--palette-border:2px;background:rgba(0,0,0,.2);border:var(--palette-border) inset rgba(0,0,0,.2)}.dark .page.active,.dark .page.selected{border:var(--palette-border) inset rgba(0,0,0,.75)}.page.active[data-color=black],.page.selected[data-color=black]{border:var(--palette-border) inset hsla(0,0%,100%,.2)}.dark .page.active[data-color=black],.dark .page.selected[data-color=black]{border:var(--palette-border) inset hsla(0,0%,100%,.3)}.page:active{--palette-border:2px;background:rgba(0,0,0,.4);border:var(--palette-border) inset rgba(0,0,0,.4)}.dark .page:active{border:var(--palette-border) inset #000}.icon{display:inline-block}.icon svg{height:.75em}.pageHeader{text-align:center;font-weight:700}.user{margin-right:.5em;white-space:nowrap}.user>span{white-space:normal}.attrib,.tool{-o-box-flex:0;box-flex:0;-ms-flex:none;flex:none;width:var(--palette-size);height:var(--palette-size);-ms-flex-preferred-size:var(--palette-size);flex-basis:var(--palette-size);overflow:hidden;position:relative;border:var(--palette-border) outset;cursor:pointer}.attrib.active,.attrib.selected,.tool.active,.tool.selected{--palette-border:3px;background:rgba(0,0,0,.2);border:var(--palette-border) inset rgba(0,0,0,.2)}.dark .attrib.active,.dark .attrib.selected,.dark .tool.active,.dark .tool.selected{border:var(--palette-border) inset rgba(0,0,0,.75)}.attrib.active[data-color=black],.attrib.selected[data-color=black],.tool.active[data-color=black],.tool.selected[data-color=black]{border:var(--palette-border) inset hsla(0,0%,100%,.2)}.dark .attrib.active[data-color=black],.dark .attrib.selected[data-color=black],.dark .tool.active[data-color=black],.dark .tool.selected[data-color=black]{border:var(--palette-border) inset hsla(0,0%,100%,.3)}.attrib:active,.tool:active{--palette-border:3px;background:rgba(0,0,0,.4);border:var(--palette-border) inset rgba(0,0,0,.4)}.dark .attrib:active,.dark .tool:active{border:var(--palette-border) inset #000}.attrib>span,.tool>span{vertical-align:middle}.tool{padding:2px}.arrow,.dash,.fontSize,.width{display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;-ms-flex-pack:center;justify-content:center;-o-box-align:center;-ms-flex-align:center;align-items:center}.arrow text,.dash text,.fontSize text,.width text{fill:var(--currentColor);text-anchor:middle;font-size:10px}.arrow text.label,.dash text.label,.fontSize text.label,.width text.label{fill:#222}.arrow svg,.dash svg,.fontSize svg,.width svg{filter:var(--filter)}.dash line,.width line{stroke:var(--currentColor)}.color,.opacity,[data-tool=fill] svg{width:100%;height:100%;filter:var(--filter)}#opacities>.tool:not(:first-child){padding:0}.opacity{background:linear-gradient(to bottom right,#999,#fff)}.custom.color .set,.custom.color input[type=color]{position:absolute;width:calc(100% - 10px);height:calc(100% - 10px);margin:5px}.custom.color input[type=color]{opacity:0;pointer-events:none}.custom.color .set{background:linear-gradient(to bottom right,#d13f19,#ff851b,#ffdc00,#2ecc40,#0074d9,indigo,violet)}.tooltip{cursor:help;position:absolute;display:block;z-index:99;width:var(--tooltip-width);font-size:16px;opacity:0}.dark .tooltip{color:#ddd}.dark .tooltip path{fill:#ddd}.tooltip svg{height:1em;vertical-align:baseline}.tooltip.show{opacity:1}.tooltip.fade{transition:opacity .15s linear}.tooltip .tooltip-inner{background:padding-box var(--tooltip-color);padding:5px 8px}.tooltip .tooltip-arrow{position:absolute;width:var(--tooltip-arrow);height:var(--tooltip-arrow);border:var(--tooltip-arrow) solid transparent;pointer-events:none}.tooltip .tooltip-arrow:before{content:""}.tooltip[x-placement^=right]{padding-left:var(--tooltip-arrow)}.tooltip[x-placement^=right] .tooltip-arrow{left:calc(var(--tooltip-arrow)*-1);border-right-color:var(--tooltip-color)}.tooltip[x-placement^=bottom]{padding-top:var(--tooltip-arrow)}.tooltip[x-placement^=bottom] .tooltip-arrow{top:calc(var(--tooltip-arrow)*-1);border-bottom-color:var(--tooltip-color)}.tooltip[x-placement^=top]{padding-bottom:var(--tooltip-arrow)}.tooltip[x-placement^=top] .tooltip-arrow{bottom:calc(var(--tooltip-arrow)*-1);border-top-color:var(--tooltip-color)}.tooltip .hotkeys{float:right}.tooltip .hotkeys .hotkey{margin-top:1px;margin-left:3px}.tooltip.menu{cursor:pointer;--tooltip-color:var(--palette-color);--tooltip-width:calc(var(--palette-size) + var(--name-width))}.tooltip.menu .tooltip-inner{padding:0}.tooltip.menu .item,.tooltip.menu .none{padding:4px 8px}.tooltip.menu .item:not(:last-child){border-bottom:solid var(--palette-border)}.tooltip.menu .item:hover{background:rgba(0,0,0,.2)}.dark .tooltip.menu .item:hover{background:hsla(0,0%,100%,.2)}.tooltip.menu .none{font-style:italic}.clear{clear:both}.spacer{-ms-flex-preferred-size:100%;flex-basis:100%;min-height:calc(var(--palette-size)/2);min-width:calc(var(--palette-size)/2)}svg .highlight{opacity:.333;pointer-events:none}svg .selected{opacity:.666;pointer-events:none}svg .anchor{stroke:rgba(0,0,0,.666);fill:rgba(0,0,0,.25)}svg .anchor:hover{stroke:rgba(0,0,0,.888);fill:rgba(0,0,0,.5)}svg .anchor.select{stroke:rgba(0,0,0,.888);fill:rgba(0,0,0,.75)}svg .anchor.select:hover{stroke:rgba(0,0,0,.999);fill:rgba(0,0,0,.888)}svg line.cursor{opacity:.5;stroke:#222;stroke-linecap:round}svg .selected line.cursor{visibility:hidden}svg .selector{fill:hsla(0,0%,100%,.25);stroke:rgba(0,0,0,.5);pointer-events:none}svg .outline{fill:rgba(0,0,0,.05);stroke:rgba(0,0,0,.5)}svg .outline:hover{fill:rgba(0,0,0,.15)}svg tspan.code{font-family:Roboto Mono,Bitstream Vera Sans Mono,Consolas,Courier,monospace}svg tspan.emph{font-style:oblique}svg tspan.strong{font-weight:700}svg tspan.strike{text-decoration:line-through}svg .bbox{fill:transparent}body.history{--palette-color:#d6bc9f}body.history.dark{--palette-color:#47341f}body.history #mainBoard,body.history #remotes,body:not(.history) #historyBoard{display:none}#remotes>g>g{filter:drop-shadow(1px 1px 1px #fff)}.loading{position:fixed;display:-ms-flexbox;display:box;display:flex;-o-box-pack:center;-ms-flex-pack:center;justify-content:center;-o-box-align:center;-ms-flex-align:center;align-items:center;top:0;left:0;width:100%;height:100%}.loading>svg{width:10%;height:10%;animation:fa-spin 2s ease infinite}.offline{position:absolute;bottom:0;right:0;text-align:right;padding:.25em;z-index:2;background:rgba(221,128,128,.733);pointer-events:none}.offline.show{padding:1em}.dark .offline{background:rgba(41,0,0,.733)}.dark .offline a{color:#88f}.offline .status{font-style:italic}.offline>h1{margin-top:0}.offline a{pointer-events:auto}.modal{padding:20px 40px;cursor:help;color:#222;overflow:auto}.modal.error{background:pink}.modal.info{background:#ddd}.modal-title{font-weight:700;font-size:larger}.close{float:right;width:24px;cursor:pointer}.close:hover{color:#555}.close:active{color:#888}.linkToRoom{font-size:larger}.qrCode{filter:var(--filter)}.qrCode svg{width:100%;max-height:50vh}#download{display:none}.center{text-align:center}.small{font-size:80%}.pen line,.pen polyline{stroke-linecap:round}.pen polyline{stroke-linejoin:round;fill:none}.grid{pointer-events:none;stroke-width:.96;stroke:#c4e3f4}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}