html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;font-family:sans-serif;text-transform:uppercase;font-size:11px;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable]{-webkit-user-select:auto!important;user-select:auto!important;-webkit-user-modify:read-write!important}canvas,#menu,#hideUI,#showUI,.pressure-controls,#top-bar,#bottom-bar,.mode-toggle,.pressure-curve,.pressure-curve-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}#canvasEventCatcher{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;user-select:none;-webkit-user-select:none;touch-action:none;cursor:none}#draw-canvas{position:absolute;top:0;left:0;z-index:0;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:0 2px 4px #00000040}#mode-toggles{position:absolute;left:40px;top:0}.mode-toggle{width:30px;height:30px;color:#000;position:absolute;left:0;top:0;z-index:3;padding-top:4px}#colorPicker{left:0}#colorPicker canvas{border-top-left-radius:4px;border-bottom-left-radius:4px}#brushResize{left:30px}#opacityChange{left:60px}#brushShape{left:90px}#brushShape canvas{border-top-right-radius:4px;border-bottom-right-radius:2px}#colorMixer{position:absolute!important;left:110px;top:40px;z-index:4;transition:.1s}#brushCircle{position:absolute;opacity:0;transition:.1s opacity;pointer-events:none;left:120px;top:60px;margin-top:0;border:1px solid #888;z-index:4}.pressure-controls{position:absolute;z-index:4;top:5px;left:30px}input[type=checkbox]{vertical-align:top;position:relative;top:-3px;float:left;margin-right:-18px;height:13px;background:#fff;border:0px;-webkit-appearance:initial;display:inline-block;width:13px;border:2px solid silver;outline:0;border-radius:0;transform:rotate(135deg)}input[type=checkbox]:checked:after{border-top:10px solid gray;width:5px;transition:.1s cubic-bezier(.22,.8,.57,1) width,.1s .1s cubic-bezier(.22,.8,.57,1) border}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:0px;height:5px;border-top:0px solid gray;display:block;background:gray;transition:.1s cubic-bezier(.22,.8,.57,1) border,.1s .1s cubic-bezier(.22,.8,.57,1) width}#debug{position:absolute;top:40px;left:10px;width:300px;z-index:4;pointer-events:none;text-transform:none;font-size:smaller}div#brushSizeCurve{left:185px;top:3px;padding:0;border:0}div#opacityCurve{left:185px;top:132px;padding:0;border:0}#blendCurve{left:-30px;top:200px}#brushSizeCurveCanvas path,#opacityCurveCanvas path{pointer-events:none}.pressure-curve{position:absolute;z-index:4;top:60px;left:100px;border:2px solid black;border-radius:4px;line-height:0;transition:.1s;background:#fff}.pressure-curve-button{width:30px;height:20px;position:absolute;top:38px;line-height:20px;z-index:4;transition:.1s;text-align:center;cursor:pointer;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.hidden{opacity:0;pointer-events:none}#paletteButton{left:-40px;width:24px;height:20px;position:absolute;top:40px;line-height:20px;z-index:3;transition:.1s;text-align:left;cursor:pointer;text-shadow:1px 1px 1px rgba(255,255,255,.5)}#paletteButton:after{content:"\276f\276f";margin-left:2px;transition:.2s;letter-spacing:-1px;font-size:12px;line-height:20px;height:20px;display:inline-block;vertical-align:top}#paletteButton.open:after{content:"\276e\276e";margin-left:12px}#brushSizeCurveButton{left:30px}#opacityCurveButton{left:60px}#blendCurveButton{left:90px;display:none}#menuButton{position:absolute;top:4px;left:4px;z-index:10;width:32px;height:34px;cursor:pointer;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyOCAxMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgkuc3Qwe29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48cmVjdCB3aWR0aD0iMTI4IiBoZWlnaHQ9IjMyIi8+PHJlY3QgeT0iOTYiIHdpZHRoPSIxMjgiIGhlaWdodD0iMzIiLz48cmVjdCB5PSI0OCIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIzMiIvPjxyZWN0IHk9IjEyNCIgY2xhc3M9InN0MCIgd2lkdGg9IjEyOCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTEyIiB5PSIxMiIgdHJhbnNmb3JtPSJtYXRyaXgoMi4wNTI4NjVlLTAxMCAtMSAxIDIuMDUyODY1ZS0wMTAgMTEyIDE0MCkiIGNsYXNzPSJzdDAiIHdpZHRoPSIyOCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeD0iMTEyIiB5PSI2MCIgdHJhbnNmb3JtPSJtYXRyaXgoMi4wNTI4NjVlLTAxMCAtMSAxIDIuMDUyODY1ZS0wMTAgNjQgMTg4KSIgY2xhc3M9InN0MCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjQiLz48cmVjdCB4PSIxMTIiIHk9IjEwOCIgdHJhbnNmb3JtPSJtYXRyaXgoMi4wNTI4NjVlLTAxMCAtMSAxIDIuMDUyODY1ZS0wMTAgMTYgMjM2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjQiLz48cmVjdCB5PSI3NiIgY2xhc3M9InN0MCIgd2lkdGg9IjEyOCIgaGVpZ2h0PSI0Ii8+PHJlY3QgeT0iMjgiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMjgiIGhlaWdodD0iNCIvPjwvc3ZnPg==) 50% 50% / 16px 16px no-repeat,#fff6;border-radius:4px}#menuButton:after{content:"";position:absolute;inset:-4px;width:auto;height:auto;z-index:-1}#cursorElement{display:block;position:fixed;z-index:10000;pointer-events:none;width:calc(var(--brush-radius) * var(--grid-size) / 35);height:calc(var(--brush-radius) * var(--grid-size) / 35);margin-top:calc(var(--brush-radius) * var(--grid-size) / -70);margin-left:calc(var(--brush-radius) * var(--grid-size) / -70);border:.5px solid white;border-radius:calc(var(--brush-radius)* var(--grid-size) / 70);mix-blend-mode:difference}.picking-color #cursorElement{display:block!important;width:16px!important;height:16px!important;margin-top:-8px!important;margin-left:-8px!important;border:0!important;border-radius:0!important;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" fill="none" stroke="none"><circle cx="8" cy="8" r="6" stroke="white" line-width="1"/><circle cx="8" cy="8" r="1" fill="white"/></svg>') 50% 50% / 100% no-repeat!important}#currentNotebookName{position:absolute;left:40px;top:43px;z-index:3;text-align:left;pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;font-size:1em}#panButton{position:absolute;left:120px;top:0;width:40px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 0c-25.3 0-47.2 14.7-57.6 36c-7-2.6-14.5-4-22.4-4c-35.3 0-64 28.7-64 64l0 165.5-2.7-2.7c-25-25-65.5-25-90.5 0s-25 65.5 0 90.5L106.5 437c48 48 113.1 75 181 75l8.5 0 8 0c1.5 0 3-.1 4.5-.4c91.7-6.2 165-79.4 171.1-171.1c.3-1.5 .4-3 .4-4.5l0-176c0-35.3-28.7-64-64-64c-5.5 0-10.9 .7-16 2l0-2c0-35.3-28.7-64-64-64c-7.9 0-15.4 1.4-22.4 4C303.2 14.7 281.3 0 256 0zM240 96.1l0-.1 0-32c0-8.8 7.2-16 16-16s16 7.2 16 16l0 31.9 0 .1 0 136c0 13.3 10.7 24 24 24s24-10.7 24-24l0-136c0 0 0 0 0-.1c0-8.8 7.2-16 16-16s16 7.2 16 16l0 55.9c0 0 0 .1 0 .1l0 80c0 13.3 10.7 24 24 24s24-10.7 24-24l0-71.9c0 0 0-.1 0-.1c0-8.8 7.2-16 16-16s16 7.2 16 16l0 172.9c-.1 .6-.1 1.3-.2 1.9c-3.4 69.7-59.3 125.6-129 129c-.6 0-1.3 .1-1.9 .2l-4.9 0-8.5 0c-55.2 0-108.1-21.9-147.1-60.9L52.7 315.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L119 336.4c6.9 6.9 17.2 8.9 26.2 5.2s14.8-12.5 14.8-22.2L160 96c0-8.8 7.2-16 16-16c8.8 0 16 7.1 16 15.9L192 232c0 13.3 10.7 24 24 24s24-10.7 24-24l0-135.9z"/></svg>');background-size:16px 16px;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}.panning #panButton{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 272c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64l19.2 0c97.2 0 176-78.8 176-176l0-208c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 176c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208z"/></svg>')}#textButton{position:absolute;left:160px;top:0;width:20px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><rect x="0" y="0" width="16" height="4"/><rect x="6" y="0" width="4" height="16"/></svg>');background-size:16px 16px;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}#textButton.active{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="blue"><rect x="0" y="0" width="16" height="4"/><rect x="6" y="0" width="4" height="16"/></svg>')}#voiceButton{position:absolute;left:180px;top:0;width:40px;height:40px;padding-top:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M192 0C139 0 96 43 96 96l0 160c0 53 43 96 96 96s96-43 96-96l0-160c0-53-43-96-96-96zM64 216c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c0 89.1 66.2 162.7 152 174.4l0 33.6-48 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l72 0 72 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0 0-33.6c85.8-11.7 152-85.3 152-174.4l0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40c0 70.7-57.3 128-128 128s-128-57.3-128-128l0-40z"/></svg>');background-size:16px 16px;background-position:12px 12px;background-repeat:no-repeat;cursor:pointer}#voiceButton video{position:absolute;width:40px;height:40px;object-fit:cover;top:0;left:40px}#voiceButton .play-button{display:block;position:relative;width:40px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="black"><path d="M3 0L16 8 L3 16z"/></svg>');background-size:16px 16px;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}#stopVoiceButton{display:none;position:fixed;top:0;left:0;z-index:20000;width:100vw;height:100vh;cursor:pointer;background:#00000080}body.recording #stopVoiceButton{display:block}#stopVoiceButton video{position:absolute;width:320px;height:320px;left:40px;top:60px;object-fit:cover;border-radius:20px}#stopVoiceButton:after{content:"";display:block;position:absolute;top:400px;left:180px;width:40px;height:40px;background:#fff;box-shadow:0 2px 10px #00000080;border-radius:2px}#imageButton{position:absolute;left:220px;top:0;width:20px;height:40px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>');background-size:16px 16px;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer}#menu{position:absolute;left:40px;top:4px;z-index:10;border:1px solid silver;min-width:200px;padding:9px 20px 14px;opacity:1;text-align:center;background:#fff;transition:.1s cubic-bezier(.22,.8,.57,1)}#menu>label{display:block}#menu>div,#menu>label{padding:10px;cursor:pointer}hr{border:0;height:1px;background:silver}#menu:after{content:"";width:8px;height:8px;transform:rotate(-45deg);position:absolute;left:-5px;top:10px;border-left:1px solid silver;border-top:1px solid silver;background:#fff}#menu.hidden{opacity:0;transform:translate(-10px);pointer-events:none}#top-bar{position:absolute;z-index:3;right:10px;top:0;height:40px;line-height:40px;text-shadow:1px 1px 1px rgba(255,255,255,.5)}#top-bar div{display:inline-block;padding-left:5px;padding-right:5px;cursor:pointer}#brushShapeControls{position:absolute;left:0;top:60px;border:1px solid silver;width:310px;max-height:450px;min-height:270px;padding:3px 130px 2px 20px;z-index:4;opacity:1;text-align:center;background:#fff;transition:.1s cubic-bezier(.22,.8,.57,1)}#brushShapeControls>*{display:block;border-bottom:1px solid silver;padding-top:10px;padding-bottom:10px;cursor:pointer}#brushShapeControls>*:last-child{border-bottom:0}#brushShapeControls:after{content:"";width:8px;height:8px;transform:rotate(45deg);position:absolute;left:99px;top:-5px;border-left:1px solid silver;border-top:1px solid silver;background:#fff}#brushShapeControls.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}#texture{padding-left:0;padding-right:0}#texture p{margin-top:0;margin-bottom:9px}#texture>div{position:relative;display:inline-block}#texture>div>img{vertical-align:top;width:40px;height:40px;border:1px solid silver;margin-left:-1px;display:inline-block;cursor:pointer}#texture>div.selected:after{position:absolute;content:"";top:0;left:-1px;width:39px;height:39px;background:#44f;opacity:.4}#flashMessage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;padding:0;background:#fff;border-radius:1vw;box-shadow:0 6px 10px #00000040;opacity:1;text-shadow:0px 0px 3px rgba(255,255,255,.5);pointer-events:none;transition:.2s;font-size:4vw;font-family:helvetica neue,avenir next,sans-serif;height:64vh;width:36vh;line-height:93vh;background-repeat:no-repeat;background-size:cover;background-position:50% 0;transition:opacity .2s cubic-bezier(.22,.8,.57,1),margin-top .2s cubic-bezier(.22,.8,.57,1),width 0s 1s,height 0s 1s,color 0s 1s,text-shadow 0s 1s}#flashMessage.hidden{opacity:0;pointer-events:none;margin-top:4vh}#flashMessage.full{color:transparent;text-shadow:none;transition:opacity .2s cubic-bezier(.22,.8,.57,1),width 0s 0s,height 0s 0s,margin-top .2s,color 0s 0s}#pdfExportProgress{position:fixed;left:calc(var(--grid-size) * 2);top:calc(var(--grid-size) * 3);z-index:12;width:calc(var(--grid-size) * 12);height:calc(var(--grid-size) * 3);border:0;line-height:calc(var(--grid-size) * 3);text-align:left;padding-left:var(--grid-size);color:#333;background:#fff;border-radius:80px;animation:rainbow 3s infinite ease-in-out}#pdfExportProgress:after{content:var(--progress)}#pdfExportProgress .spinner{display:inline-block;vertical-align:middle;width:var(--grid-size);height:var(--grid-size);border:calc(var(--grid-size) * .05) solid rgba(0,0,0,.2);border-top-color:#0009;border-radius:50%;animation:spin 1s linear infinite;margin-right:calc(var(--grid-size) * .5)}#quickbar{position:absolute;left:0;top:57px;z-index:2;opacity:1;transition:.2s cubic-bezier(.22,.8,.57,1)}#quickbar.hidden{opacity:0;transform:translate(-15px);pointer-events:none}#quickbar>*{display:block;left:0;width:25px;padding:0;margin-bottom:10px}#quickbar>*:last-child{margin-bottom:0}#palette{overflow:hidden;border:1px solid rgb(242 242 242);border-left-width:0;border-radius:0 4px 4px 0;text-align:center;background:#f2f2f2}#palette>*{display:block;cursor:pointer;width:24px;height:24px}#brushPresets{width:24px;overflow:hidden;text-align:center;transition:.2s cubic-bezier(.22,.8,.57,1)}.brush-preset{display:block;cursor:pointer;position:relative;width:24px;height:20px;transition:.2s}.brush-preset[data-name=Pen]{background:url("../pen-KXD4GS7U.png") -6px 50% / 46px no-repeat}.brush-preset[data-name=Pencil]{background:url("../pencil-37J2L4QL.png") -6px 50% / 46px no-repeat}.brush-preset[data-name=BluePen]{background:url("../blue_pen-PS5UFDY6.png") -6px 50% / 46px no-repeat}.brush-preset[data-name=RedMarker]{background:url("../red_marker-OU2SWEIU.png") -6px 50% / 46px no-repeat}.brush-preset[data-name=Highlighter]{background:url("../highlighter-3WEUJXBJ.png") -6px 50% / 46px no-repeat}.brush-preset[data-name=Eraser]{background:url("../eraser-2LJ4BXOV.png") -6px 50% / 46px no-repeat}body[data-brush=Pen] .brush-preset[data-name=Pen],body[data-brush=Pencil] .brush-preset[data-name=Pencil],body[data-brush=BluePen] .brush-preset[data-name=BluePen],body[data-brush=RedMarker] .brush-preset[data-name=RedMarker],body[data-brush=Highlighter] .brush-preset[data-name=Highlighter],body[data-brush=Eraser] .brush-preset[data-name=Eraser]{background-position-x:0%}#backgroundSelector{overflow:hidden;border:1px solid rgb(242 242 242);border-left-width:0;border-radius:0 4px 4px 0;background:#fff;text-align:center}#backgroundSelector>div{width:24px;height:24px;margin-bottom:2px;box-shadow:0 2px 2px #0000001a;cursor:pointer}#brushSizePresets{overflow:hidden;border:1px solid rgb(242 242 242);border-left-width:0;border-radius:0 4px 4px 0;text-align:center;background:#f2f2f2;transition:.2s cubic-bezier(.22,.8,.57,1)}.brush-size-preset{display:block;cursor:pointer;position:relative;width:24px;height:24px;border-bottom:0px solid hsl(0 0% 89%)}body[data-radius="5"] .brush-size-preset[data-radius="5"]:before,body[data-radius="8"] .brush-size-preset[data-radius="8"]:before,body[data-radius="25"] .brush-size-preset[data-radius="25"]:before,body[data-radius="50"] .brush-size-preset[data-radius="50"]:before{background:#009688}.brush-size-preset:before{content:"";display:block;width:calc(var(--radius) * .66px);height:calc(var(--radius) * .66px);border-radius:calc(var(--radius) * .33px);background:#000;position:absolute;left:50%;top:33%;margin-left:calc(var(--radius) * -.33px);margin-top:calc(var(--radius) * -.33px)}body[data-radius="5"] .brush-size-preset[data-radius="5"]:after,body[data-radius="8"] .brush-size-preset[data-radius="8"]:after,body[data-radius="25"] .brush-size-preset[data-radius="25"]:after{content:"";display:block;position:absolute;right:0;top:7px;width:4px;height:1px;background:#009688}#notebookQuickAccess{overflow:hidden;border:1px solid rgb(242 242 242);border-left-width:0;border-radius:0 4px 4px 0;text-align:center;background:#f2f2f2;transition:.2s cubic-bezier(.22,.8,.57,1)}.notebook-shortcut{position:relative;width:24px;height:24px;border-bottom:0px solid hsl(0 0% 89%);cursor:pointer;filter:invert(1) brightness(.6)}.notebook-shortcut[data-name=Tasks]{background:url("../list-check-ZCGEMC6H.svg") 50% 50% / 16px 16px no-repeat}.notebook-shortcut[data-name=Log]{background:url("../book-solid-JFVOSQAS.svg") 50% 50% / 16px 16px no-repeat}.notebook-shortcut[data-name=Notebook]{background:url("../journal-whills-solid-B5BUW7KT.svg") 50% 50% / 16px 16px no-repeat}body[data-notebook=Tasks] .notebook-shortcut[data-name=Tasks],body[data-notebook=Log] .notebook-shortcut[data-name=Log],body[data-notebook=Notebook] .notebook-shortcut[data-name=Notebook]{filter:none}#brushOpacityPresets{overflow:hidden;border:1px solid rgb(242 242 242);border-left-width:0;border-radius:0 4px 4px 0;text-align:center;background:#f2f2f2;transition:.2s cubic-bezier(.22,.8,.57,1)}.brush-opacity-preset{display:block;cursor:pointer;position:relative;width:24px;height:24px;border-bottom:0px solid hsl(0 0% 89%);background-image:linear-gradient(45deg,#ccc 26%,transparent 26%),linear-gradient(135deg,#ccc 26%,transparent 26%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(135deg,transparent 75%,#ccc 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0px 6px}.brush-opacity-preset:before{content:"";display:block;width:100%;height:100%;background:#1a1;position:absolute;opacity:var(--opacity)}body[data-opacity="10%"] .brush-opacity-preset[data-opacity="0.1"]:after,body[data-opacity="30%"] .brush-opacity-preset[data-opacity="0.3"]:after,body[data-opacity="100%"] .brush-opacity-preset[data-opacity="1"]:after{content:"";display:block;position:absolute;left:3px;top:3px;width:6px;height:6px;border-radius:3px;background:#000}#ui-container{transition:.1s;z-index:3;position:absolute;left:0;top:0;width:100%}.hide-ui #ui-container{pointer-events:none;opacity:0}.range{height:10px;width:100%;position:relative;margin-bottom:10px}.range:before{width:100%;position:absolute;left:0;top:50%;margin-top:-1px;height:2px;background:#ccc;content:""}.range:after{position:absolute;text-align:center;bottom:-12px;left:0;width:100%;content:attr(value)}.range .knob{position:absolute;left:50%;margin-left:0;width:1px;height:100%;background:#888}#importBrushes,#saveCopy{display:none}#bottom-bar{position:fixed;left:0;bottom:0;height:35px;text-align:left}#bottom-bar *{vertical-align:top}#page-navigation{display:inline-block;color:#000;background:#f2f2f2;border-radius:4px;height:25px;line-height:25px;padding:0;font-weight:700;white-space:nowrap;position:absolute;left:80px;bottom:0;margin-bottom:10px}#previousPage,#nextPage,#addPage{padding:0 13px 10px;cursor:pointer}#addPage[aria-disabled]{opacity:.5;cursor:not-allowed}#buyPages{position:absolute;width:0;height:0;display:inline-block;cursor:pointer}#buyPages:after{position:absolute;content:var(--pages-left-message);left:0;bottom:0;background:#000;padding:0 10px;height:20px;line-height:20px;text-align:left;color:#fff;border-radius:10px 10px 10px 0;transform-origin:0 100%;transform:rotate(-5deg);white-space:nowrap}#previousPage,#nextPage,#addPage,#pageNumber{display:inline-block}#nextPage{display:none}#pageNumber{margin:0;padding-bottom:10px}#pagesButton{position:absolute;display:inline-block;left:37px;bottom:0;padding:4px 8px 12px;border-radius:15px;filter:drop-shadow(0px 0px 1px white)}#notebooksButton{position:absolute;display:inline-block;left:0;bottom:0;padding:4px 15px 12px 14px;border-radius:15px;filter:drop-shadow(0px 0px 1px white)}.signed-in #signIn{display:none}#signIn>span{display:block;padding-bottom:20px}#signedIn,#logoutButton,#buy{display:none}.signed-in #signedIn,.signed-in #logoutButton,.signed-in #buy{display:block}#buy:after{content:var(--pages-left)}@media (max-width: 398px){#top-bar{font-size:80%}}@media (max-width: 378px){#top-bar #clear{display:none}}@media (max-width: 358px){#top-bar #mirror{display:none}}@media (max-width: 305px){#top-bar #redo{display:none}}@media (max-width: 260px){#top-bar #undo{display:none}}@media (max-height: 770px){#brushOpacityPresets{display:none}}@media (max-height: 690px){#brushSizePresets{display:none}}@media (max-height: 590px){#backgroundSelector{display:none}}@media (max-height: 490px){#notebookQuickAccess{display:none}}@media (max-height: 410px){#brushPresets{display:none}}html,body{margin:0;padding:0;background:#fff;background:#eee;overscroll-behavior:contain}#filePicker{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:#fff;overflow:auto;overscroll-behavior:contain;padding:10px;text-align:left;transition:.1s .1s}#filePicker.hidden{transition:.1s}.item{display:inline-block;width:90px;height:160px;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff;background-size:contain;box-shadow:0 0 1px #000000bf;margin:0 0 24px;font-family:sans-serif;font-size:9px;color:#fff;transition:1s cubic-bezier(.68,-.55,.27,1.55);cursor:pointer;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item:before{content:attr(data-page);display:block;position:absolute;bottom:-20px;width:100%;color:#000;z-index:0;opacity:1!important;font-size:14px;text-align:center;font-family:helvetica neue,avenir next,sans-serif}.item.current{box-shadow:0 0 1px 1px #1b23e5;z-index:2}.item:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border:2px solid rgba(0,0,0,.1);border-top-color:#00000080;border-radius:10px;opacity:0;transition:.2s}.item:not(.loaded):after{opacity:1;animation:spin 1s infinite linear}.item span{background:#78787899;position:absolute;left:0;bottom:15px;width:100%;height:20px;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis}.emptyTrash{font-size:smaller;cursor:pointer}.notebook-filepicker{width:100%}.notebook-filepicker h4{margin:0;padding:1.33em}.pages .notebook-filepicker h4{position:fixed;top:0;left:0;z-index:3;background:#fff;width:100vw;box-shadow:0 1px 3px #0003;height:60px;line-height:33px}.notebook-filepicker h4 span:first-child{cursor:pointer}.notebook-filepicker.editing h4 span:first-child{cursor:text}.notebook-filepicker .items{white-space:nowrap;overflow:auto;padding:.1em;width:100%}.pages .notebook-filepicker .items{white-space:normal;overflow:visible;padding-top:60px}.notebook-filepicker.current h4{font-weight:700;z-index:2}.close-button{position:fixed;top:0;right:0;z-index:10;width:40px;height:40px;border:10px solid transparent;background:#fff;box-shadow:0 0 2px #00000080;text-align:center;line-height:60px;cursor:pointer}.close-button:after,.close-button:before{content:"";position:absolute;top:50%;left:50%;width:70%;margin-left:-35%;height:5%;margin-top:-2%;background:#000;transform:rotate(45deg)}.close-button:before{transform:rotate(-45deg)}.folder{padding-top:20px;padding-bottom:20px;border-bottom:1px solid silver}.folder .move{background:#000;cursor:pointer;width:100%;position:absolute;left:0;bottom:0;height:15px;line-height:15px;margin:0;padding:0;text-align:center}.folder .recover{display:none;cursor:pointer;background:#000;text-align:center;height:15px;line-height:15px}.folder .trash{display:block;cursor:pointer;background:#000;text-align:center;height:15px;line-height:15px}.folder.Trash .recover{display:block}.folder.Trash .trash{display:none}#loader{position:absolute;right:-29px;bottom:6px;z-index:2;border:1px solid #000;width:14px;height:14px;border-radius:12px;pointer-events:none;opacity:0;transition:.2s}.saving #loader{opacity:1;transition:.2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#offlineIndicator{position:fixed;right:0;bottom:10px;z-index:2;pointer-events:none;background-color:#000;color:#fff;padding:6px 20px;opacity:0;transition:.2s;border-top-left-radius:4px;border-bottom-left-radius:4px}.offline #offlineIndicator{opacity:1}#syncButton{position:absolute;right:-45px;bottom:-6px;z-index:2;width:46px;height:38px;pointer-events:none;opacity:0;transition:.2s;background-position:center center;background-repeat:no-repeat;background-size:20px 20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" stroke="black" fill="none" width="20px" height="20px"><circle cx="10" cy="10" r="9" stroke-width="1"/><path d="M10 6V14M14 10L10 6 6 10"/></svg>');cursor:pointer}.sync:not(.offline) #syncButton{opacity:1;pointer-events:all}.saving:not(.offline) #syncButton,.loading:not(.offline) #syncButton,.syncing:not(.offline) #syncButton{opacity:0!important;pointer-events:none!important}#initialLoadingScreen{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:.2s ease-in-out}#initialLoadingScreen.hidden{opacity:0;pointer-events:none}#initialLoadingScreen:before{display:block;content:"";width:min(20vw,20vh);height:min(20vw,20vh);background:url(data:image/webp;base64,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) 50% 50% / 100% no-repeat,#fff;border-radius:min(4vw,4vh);animation:rainbow 3s infinite linear;box-shadow:0 0 2vw #000;transition:.5s ease-in-out}#initialLoadingScreen.hidden:before{transform:scale(.5)}@keyframes pulse{0%{transform:scale(1)}20%{transform:scale(.95)}to{transform:scale(1)}}@keyframes rainbow{0%{box-shadow:0 0 min(2vh,2vw) 0 red}16.666%{box-shadow:0 0 min(2vh,2vw) 0 #cc0}33.333%{box-shadow:0 0 min(2vh,2vw) 0 #00e600}50%{box-shadow:0 0 min(2vh,2vw) 0 #0ff}66.666%{box-shadow:0 0 min(2vh,2vw) 0 #66f}83.333%{box-shadow:0 0 min(2vh,2vw) 0 #f6f}to{box-shadow:0 0 min(2vh,2vw) 0 red}}@keyframes rainbow-small{0%{box-shadow:0 0 min(1vh,1vw) 0 red}16.666%{box-shadow:0 0 min(1vh,1vw) 0 #cc0}33.333%{box-shadow:0 0 min(1vh,1vw) 0 #00e600}50%{box-shadow:0 0 min(1vh,1vw) 0 #0ff}66.666%{box-shadow:0 0 min(1vh,1vw) 0 #66f}83.333%{box-shadow:0 0 min(1vh,1vw) 0 #f6f}to{box-shadow:0 0 min(1vh,1vw) 0 red}}#pageSyncIndicator{position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;background:#ffffff80;user-select:none;-webkit-user-select:none;box-shadow:0 0 4px #64644626;transition:.3s .5s}#pageSyncIndicator.hidden{transition:.5s}#pageSyncIndicator:after{content:"";display:block;position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:20px;border:1px solid black;border-bottom-color:transparent;animation:spin 1s infinite linear;margin-left:-20px;margin-top:-20px;transition:1s .5s;opacity:1}#pageSyncIndicator.hidden:after{opacity:0;transition:.2s}#createNotebookButton{height:40px;position:relative;border-radius:20px;padding-left:15px;padding-right:15px;background:#fff;color:#fff;font-family:helvetica neue,avenir next,sans-serif;text-transform:uppercase;font-weight:500;width:40px;font-size:0;color:transparent;border:0;animation:rainbow-small 3s infinite linear}#createNotebookButton:after,#createNotebookButton:before{content:"";display:block;left:50%;top:50%;height:5%;background:#000;width:50%;position:absolute;margin-left:-25%;margin-top:-2.5%}#createNotebookButton:after{transform:rotate(90deg)}.edit-button{width:16px;height:16px;display:inline-block;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke="none" fill="black" width="16px" height="16px"><path d="M0 8L3 6 16 6 16 10 3 10z" transform="rotate(-45 8 8)"/></svg>');margin-bottom:-3.5px;margin-left:8px;cursor:pointer}.editing .edit-button{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke="none" fill="red" width="16px" height="16px"><path d="M0 8L3 6 16 6 16 10 3 10z" transform="rotate(-45 8 8)"/></svg>')}.recyclebin-button{width:16px;height:16px;display:inline-block;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M174.7 45.1C192.2 17 223 0 256 0s63.8 17 81.3 45.1l38.6 61.7 27-15.6c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3l-23.4 87.4c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l28.4-16.4L283 79c-5.8-9.3-16-15-27-15s-21.2 5.7-27 15l-17.5 28c-9.2 14.8-28.6 19.5-43.6 10.5c-15.3-9.2-20.2-29.2-10.7-44.4l17.5-28zM429.5 251.9c15-9 34.4-4.3 43.6 10.5l24.4 39.1c9.4 15.1 14.4 32.4 14.6 50.2c.3 53.1-42.7 96.4-95.8 96.4L320 448l0 32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2l0 32 96.2 0c17.6 0 31.9-14.4 31.8-32c0-5.9-1.7-11.7-4.8-16.7l-24.4-39.1c-9.5-15.2-4.7-35.2 10.7-44.4zm-364.6-31L36 204.2c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.4c12.8-3.4 26 4.2 29.4 17L182 241.2c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-26.5-15.3L68.8 335.3c-3.1 5-4.8 10.8-4.8 16.7c-.1 17.6 14.2 32 31.8 32l32.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32.2 0C42.7 448-.3 404.8 0 351.6c.1-17.8 5.1-35.1 14.6-50.2l50.3-80.5z"/></svg>');margin-bottom:-3.5px;margin-left:8px;cursor:pointer}.recyclebin .recyclebin-button{background-image:url('data:image/svg+xml;utf8,<svg fill="red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M174.7 45.1C192.2 17 223 0 256 0s63.8 17 81.3 45.1l38.6 61.7 27-15.6c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3l-23.4 87.4c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l28.4-16.4L283 79c-5.8-9.3-16-15-27-15s-21.2 5.7-27 15l-17.5 28c-9.2 14.8-28.6 19.5-43.6 10.5c-15.3-9.2-20.2-29.2-10.7-44.4l17.5-28zM429.5 251.9c15-9 34.4-4.3 43.6 10.5l24.4 39.1c9.4 15.1 14.4 32.4 14.6 50.2c.3 53.1-42.7 96.4-95.8 96.4L320 448l0 32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2l0 32 96.2 0c17.6 0 31.9-14.4 31.8-32c0-5.9-1.7-11.7-4.8-16.7l-24.4-39.1c-9.5-15.2-4.7-35.2 10.7-44.4zm-364.6-31L36 204.2c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.4c12.8-3.4 26 4.2 29.4 17L182 241.2c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-26.5-15.3L68.8 335.3c-3.1 5-4.8 10.8-4.8 16.7c-.1 17.6 14.2 32 31.8 32l32.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32.2 0C42.7 448-.3 404.8 0 351.6c.1-17.8 5.1-35.1 14.6-50.2l50.3-80.5z"/></svg>')}.recyclebin-container{position:relative}.pages .notebook-filepicker .recyclebin-container>h4{position:relative;left:-10px}.pages .notebook-filepicker .recyclebin-container .items{padding-top:10px}.clear-recyclebin{display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M367.2 412.5L99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192c41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192c-41.5 0-79.9 13.1-111.2 35.5L412.5 367.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>');margin-bottom:-3.5px;margin-left:8px;cursor:pointer}.editing>h4>span:first-child{outline:0;border-bottom:1px dotted black}.editing>h4>span:first-child:focus{border-bottom:1px solid black}.editing .item{transform:scale(.9);border-radius:8px;cursor:grab}.item.dragging{cursor:grabbing;z-index:4;position:fixed;transition:none}.item.filler{box-shadow:none}.item .delete-item{width:20px;height:20px;border-radius:10px;margin-left:-10px;margin-top:-10px;background:#cf0808;opacity:0;position:absolute;left:4px;top:4px;display:block;border:2px solid white;box-shadow:0 1px 2px #00000040;text-align:center;font-size:2em;line-height:13px;pointer-events:none;cursor:pointer;transition:.2s;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjY2YwODA4Ii8+PHJlY3QgeD0iNiIgeT0iOCIgd2lkdGg9IjgiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);background-position:center center;background-size:cover}.editing .item .delete-item{opacity:1;pointer-events:all;transition:.2s .8s}.item .restore-item{width:20px;height:20px;border-radius:10px;margin-right:-10px;margin-top:-10px;background:#08cf33;opacity:0;position:absolute;right:4px;top:4px;display:block;border:2px solid white;box-shadow:0 1px 2px #00000040;text-align:center;font-size:2em;line-height:13px;pointer-events:none;cursor:pointer;transition:.2s;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" stroke="white" fill="" width="16px" height="16px" style="stroke-width: 2px; stroke-linecap: round;"><path d="M 8 4 L 12 8 M 8 4 L 4 8 M 8 4 L 8 12"/></svg>');background-position:center center;background-size:cover}.editing .item .restore-item{opacity:1;pointer-events:all;transition:.2s .8s}.delete-button{margin-right:60px;float:right;opacity:0;pointer-events:none;transition:.4s}.editing .delete-button{opacity:1;pointer-events:all}body.left-handed #quickbar,body.left-handed #paletteButton{position:fixed;left:auto;right:0;text-align:right}body.left-handed #palette,body.left-handed #brushPresets,body.left-handed #brushSizePresets,body.left-handed #brushOpacityPresets,body.left-handed #backgroundSelector,body.left-handed #notebookQuickAccess{border-radius:4px 0 0 4px;border-left-width:1px;border-right-width:0px}body.left-handed #brushPresets>*{transform:scaleX(-1);transform-origin:50% 50%}body.left-handed #quickbar.hidden{transform:translate(15px)}body.left-handed #paletteButton{text-align:right}body.left-handed #paletteButton:after{content:"\276e\276e";margin-left:0;margin-right:4px}body.left-handed #paletteButton.open:after{content:"\276f\276f";margin-left:0;margin-right:16px}body.left-handed #offlineIndicator{right:auto;left:0;border-radius:0 4px 4px 0;border-right-width:1px;border-left-width:0px}body.left-handed #bottom-bar{left:auto;right:0}body.left-handed #notebooksButton{left:auto;right:0;padding-right:14px;padding-left:15px}body.left-handed #pagesButton{left:auto;right:37px}body.left-handed #page-navigation{left:auto;right:80px}body.left-handed #buyPages:after{left:auto;right:0;transform:rotate(5deg);transform-origin:100% 100%;border-radius:10px 10px 0}body.left-handed #syncButton{left:-45px;right:auto}body.left-handed #loader{left:-29px;right:auto}.backgroundEditor{position:absolute;left:calc(1.25* var(--grid-size));background:#fff;padding:10px;width:200px;border:1px solid silver;box-shadow:0 2px 2px #00000018;bottom:0}.backgroundEditor label{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;height:20px;line-height:20px;text-align:left}.backgroundEditor input[type=number],.backgroundEditor input[type=color]{width:40px;height:18px}.backgroundEditor input[type=checkbox]{float:none;margin-right:14px;top:0}.backgroundEditor input[type=range]{width:60px}#canvasEventCatcher{mix-blend-mode:multiply}#canvasEventCatcher:before{content:var(--paper-texture);position:absolute;left:0;top:0;width:100%;height:100%;opacity:var(--paper-texture-opacity);background:url("../paper_texture_1-HRZ3Q6IR.jpg") 0 0 / calc(var(--grid-size)* 25);mix-blend-mode:multiply}#canvasEventCatcher:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--margin-color) var(--margin-width),transparent var(--margin-width),transparent) calc(var(--margin-position)* var(--grid-spacing) * var(--grid-size)) 0 / calc(var(--margin) * var(--margin-width)) 100% no-repeat}body[data-background=ruled] #canvasEventCatcher{background:linear-gradient(0deg,var(--grid-color) 0px,transparent 1px,transparent) 0 0 / 100% calc(var(--grid-spacing) * var(--grid-size)),var(--paper-color);mix-blend-mode:multiply;padding-top:calc(var(--grid-size)* 3);background-clip:content-box;padding-left:calc(var(--grid-size)* 2);padding-right:calc(var(--grid-size)* 2);padding-bottom:calc(var(--grid-size)* 2)}#backgroundSelector [data-name=ruled]{background:linear-gradient(0deg,rgba(0,0,180,.4) 0px,transparent 1px,transparent) 0 0 / 100% 4px}body[data-background=dotted] #canvasEventCatcher{background:radial-gradient(circle at 1px 1px,var(--grid-color) .5px,transparent 1px) 0 0 / calc(var(--grid-spacing) * var(--grid-size)) calc(var(--grid-spacing) * var(--grid-size)),var(--paper-color);mix-blend-mode:multiply}#backgroundSelector [data-name=dotted]{background:linear-gradient(45deg,rgba(0,0,0,.4) 0px,transparent 2px,transparent) 0 0 / 4px 4px}body[data-background=grid] #canvasEventCatcher{background:linear-gradient(0deg,var(--grid-color) 0px,transparent 1px,transparent) 0 0 / calc(var(--grid-spacing) * var(--grid-size)) calc(var(--grid-spacing) * var(--grid-size)),linear-gradient(90deg,var(--grid-color) 0px,transparent 1px,transparent) 0 0 / calc(var(--grid-spacing) * var(--grid-size)) calc(var(--grid-spacing) * var(--grid-size)),var(--paper-color);mix-blend-mode:multiply}#backgroundSelector [data-name=grid]{background:linear-gradient(0deg,rgba(0,0,180,.4) 0px,transparent 1px,transparent) 0 0 / 4px 4px,linear-gradient(90deg,rgba(0,0,180,.4) 0px,transparent 1px,transparent) 0 0 / 4px 4px}body[data-svgbg="1"] #canvasEventCatcher{background:var(--svg-bg) 0 0 / calc(var(--grid-size) / 20* 3000 / var(--pixel-ratio)) no-repeat,var(--paper-color);mix-blend-mode:multiply}.color-mixer-button{position:relative;width:40px;height:20px;border:1px solid rgb(242 242 242);border-radius:4px}.color-mixer-button .hidden{display:none}#pageText{position:fixed;top:calc(var(--grid-size)*var(--grid-spacing)*60/20);left:calc(var(--grid-size)*var(--grid-spacing)*40/20);right:calc(var(--grid-size)*var(--grid-spacing)*40/20);bottom:calc(var(--grid-size)*var(--grid-spacing)*50/20);z-index:2;width:auto;height:auto;padding:calc(var(--grid-size)*var(--grid-spacing)*20/20);padding-left:calc(var(--grid-size)*var(--grid-spacing)*22/20);font-family:helvetica neue,avenir next,sans-serif;font-size:calc(var(--grid-size)*var(--grid-spacing)*14/20);line-height:calc(var(--grid-size)*var(--grid-spacing)*20/20);overflow:auto;white-space:pre-wrap;resize:none;border:0;border-radius:4px;outline:1px solid #555;text-transform:none;color:#555;background:transparent;transition:.2s ease-in-out}#pageText.hidden{outline:1px solid transparent;opacity:1}body.focus #focusOffButton{display:block;position:fixed;top:calc(var(--grid-size) * .5);left:calc(var(--grid-size) * .5);width:var(--grid-size);height:var(--grid-size);border-radius:calc(var(--grid-size) * .5);border:calc(var(--grid-size) * .1) solid black;cursor:pointer}body.focus #focusOffButton:after{content:"";display:block;position:absolute;top:calc(-.5 * var(--grid-size));left:calc(-.5 * var(--grid-size));width:calc(2 * var(--grid-size));height:calc(2 * var(--grid-size));cursor:pointer}body.focus #menu,body.focus #menuButton,body.focus #paletteButton,body.focus #quickbar,body.focus #mode-toggles,body.focus #notebooksButton,body.focus #pagesButton,body.focus #syncButton,body.focus #loader,body.focus #offlineIndicator,body.focus #currentNotebookName,body.focus #top-bar{opacity:0!important;pointer-events:none!important}body.focus #page-navigation{background:transparent;left:calc(var(--grid-size) * 2 - 10px)}body.focus #buyPages:after{left:-18px}body.left-handed.focus #page-navigation{left:auto;right:calc(var(--grid-size) * 2 - 10px)}body.left-handed.focus #buyPages:after{left:auto;right:18px}@media (max-height: 900px){#paletteButton{width:20px}#paletteButton.open:after{margin-left:8px}#quickbar{top:59px}#quickbar>*{width:21px;margin-bottom:19px}#palette>*{width:20px;height:20px}.brush-preset{background-size:40px!important}.brush-preset[data-name=Eraser]{background-size:48px!important}.brush-size-preset{width:20px;height:20px}.brush-size-preset:before{top:50%;width:calc(var(--radius) * .5px);height:calc(var(--radius) * .5px);border-radius:calc(var(--radius) * .25px);margin-left:calc(var(--radius) * -.25px);margin-top:calc(var(--radius) * -.25px)}.brush-size-preset:after{top:48%!important}#brushOpacityPresets{margin-top:0}.brush-opacity-preset{width:20px;height:20px;background-size:10px 10px;background-position:0 0,5px 0,5px -5px,0px 5px}#backgroundSelector{margin-top:0}#backgroundSelector>div{width:20px;height:18px}#notebookQuickAccess{margin-top:-1px}.notebook-shortcut{width:20px;height:20px;background-size:13px 13px!important}}.user-cursor:after{content:var(--name)}.user-cursor{position:absolute;background:#faf5cb;border:1px solid #c5bc6e;min-width:20px;height:20px;margin-top:-20px;line-height:20px;padding-left:8px;padding-right:8px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-right-radius:8px;opacity:.5;pointer-events:none;transition:left .5s linear,top .5s linear}.user-cursor.hidden{transition:left .5s linear,top .5s linear,opacity 1s 3s;opacity:0}#connectedUserList{position:fixed;top:40px;right:14px;z-index:2;width:var(--grid-size);height:auto;user-select:none;-webkit-user-select:none;pointer-events:none}body.focus #connectedUserList{top:calc(var(--grid-size) * .5);right:calc(var(--grid-size) * .5)}#connectedUserList>div{width:calc(.9 * var(--grid-size));height:calc(.9 * var(--grid-size));border-radius:calc(.9 * var(--grid-size) * .5);background:#773867;line-height:calc(.9 * var(--grid-size));text-align:center;font-size:calc(.9 * var(--grid-size) * .5);font-weight:700;text-transform:uppercase;overflow:hidden;word-wrap:break-word;color:#fff;padding-left:.3em;padding-right:.3em}