html{font-family:Raleway,sans-serif;color:#00263a;font-size:16px}#root{min-height:100vh;display:flex;flex-direction:column}a{color:#35b2dc;cursor:pointer}h2{margin-top:0;font-size:1.3em;font-weight:normal}input{font-size:1.1rem;user-select:text}input[type=text]{-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;border:solid 1px #d1d1d1;outline:none;padding:.2em .5ch}textarea{font-size:1rem;font-family:Raleway,sans-serif}button{cursor:pointer;font-size:1rem;border:1px solid #ff5544;color:#f54;border-radius:6px;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.2em 2em;max-height:2em}button.mini{width:1.5em;margin:.3em;padding:0}button:hover{text-decoration:none}button:disabled{border-color:#d3d3d3;color:#d3d3d3}body{margin:0;padding:0;overscroll-behavior-x:none}select{border:0;border-bottom:1px solid #00263a;font:.7em Raleway,sans-serif}select:focus{outline:0}#root.dashboard{background-color:#f4f4f6;display:flex;align-items:center;justify-content:flex-start;font-size:16px}#root.dashboard .sponsor{position:fixed;bottom:40px;left:40px;align-items:center;display:flex;gap:6px}#root.dashboard .sponsor img{height:1em}#root.dashboard .content{z-index:2;max-width:min(30em,100vw);margin:4em 1em 0}.touch #root.dashboard .content{width:95vw}#root.dashboard a{text-decoration:none}#root.dashboard header{display:flex;flex-direction:column;align-items:center}#root.dashboard header>*{margin:0}#root.dashboard header p{text-align:center}#root.dashboard header h1{font-size:3em;margin-bottom:1rem}#root.dashboard .user-info{margin-top:4em;display:flex;justify-content:flex-end;font-size:.8em;margin-bottom:.5em}#root.dashboard .user-info a{margin-left:1ch}#root.dashboard main{padding:2em;background:white;border-radius:11px}#root.dashboard main a{color:#f54}#root.dashboard ul{list-style-type:none;padding:0;margin:0}#root.dashboard ul .templates{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}#root.dashboard .user-content{display:flex}#root.dashboard .recent-boards h2 a.edit{margin-left:1ch;font-size:.6em}#root.dashboard .recent-boards.filtered h2 a.edit{display:none}#root.dashboard .recent-boards .search input{outline:none;margin-bottom:1em}#root.dashboard .recent-boards .remove{margin-left:.5em;font-size:.6em;visibility:hidden;text-decoration:none}.notouch #root.dashboard .recent-boards li:hover .remove,#root.dashboard .recent-boards.edit li .remove{visibility:visible}#root.dashboard .recent-boards .view-options{font-size:.8em;margin-top:1em}#root.dashboard .recent-boards .view-options a{margin-right:1em}#root.dashboard .create-board{box-sizing:border-box;max-width:min(100vw,800px);display:flex;align-items:flex-start;flex-direction:column}#root.dashboard .create-board .input-and-button{width:100%;margin-bottom:.3rem;display:flex;flex:1}#root.dashboard .create-board .input-and-button input{flex:1}#root.dashboard .create-board .input-and-button button{margin-left:1rem}.touch #root.dashboard .create-board .input-and-button{flex-direction:column;align-items:flex-start}.touch #root.dashboard .create-board .input-and-button input{width:100%}.touch #root.dashboard .create-board .input-and-button button,.touch #root.dashboard .create-board .input-and-button input{font-size:1.2em;margin:0}.touch #root.dashboard .create-board .input-and-button button{margin-top:.5em;height:1.8em;transition:all .3s}.touch #root.dashboard .create-board .input-and-button button:disabled{margin-top:0;padding-top:0;padding-bottom:0;height:0;opacity:0}#root.dashboard .create-board .anonymousBoardDisclaimer{margin-top:1em}.board-access-editor [type=checkbox]{margin-left:0;margin-right:.5em}.board-access-editor button{height:2rem;min-width:8rem;max-width:8rem}.board-access-editor .domain-restrict-details{margin-left:2.5em;margin-top:1em}.board-access-editor .domain-restrict-details>label{margin-bottom:1em;display:block}.board-access-editor .domain-restrict-details .allow-public-read{margin-top:1em;margin-left:-2.5em}.board-access-editor .input-and-button{width:100%;margin-bottom:.3rem;display:flex;flex:1;justify-content:space-between}.board-access-editor .input-and-button input{flex:1}.board-access-editor .input-and-button button{margin-left:1rem}.board-access-editor .input-and-button .filled-entry{display:flex;align-items:center;font-size:.8em}.board-access-editor .restrict-toggle{display:flex;font-size:1rem;margin-top:.5rem;margin-bottom:.5rem}.dropshadow{box-shadow:3px 3px 15px 0px rgba(0,0,0,.16)}.dropshadow-shallow,#root.board-container .board .selection-control .corner-resize-drag{box-shadow:2px 2px 5px 0px rgba(0,0,0,.16)}.textshadow{text-shadow:-1px 2px 6px rgba(0,0,0,.3)}.disabled-interaction,#root.board-container header .user-info.logging-in-local,#root.board-container header .user-info.logging-in-server,#root.board-container:not(.online,.offline) header .controls .board-tool,#root.board-container:not(.online,.offline) header .controls>.history,#root.board-container:not(.online,.offline)>.content-container>.scroll-container>.border-container>.board .board-tool,#root.board-container:not(.online,.offline)>.content-container>.scroll-container>.border-container>.board>.history,#root.board-container:not(.online,.offline) header #board-info .board-tool,#root.board-container:not(.online,.offline) header #board-info>.history,#root.board-container:not(.online,.offline) .tool-layer .board-tool,#root.board-container:not(.online,.offline) .tool-layer>.history{opacity:.3;pointer-events:none}.checkbox{display:flex;cursor:pointer;width:100%;min-width:1em;gap:1em}.checkbox>.icon{background-image:url(./unchecked-checkbox.I4LBSQX4.png)}.checkbox>.icon.checked{background-image:url(./checked-checkbox.4OCPW5OD.png)}.icon{display:inline-block;width:1em;min-width:1em;height:1em;background-size:contain;background-repeat:no-repeat;font-size:1em!important}.icon.disabled{pointer-events:none;color:#d3d3d3}#root.board-container{width:100%;height:calc(100vh - 2em);display:flex;flex-direction:column}#root.board-container:not(.online,.offline)>.minimap{display:none}#root.board-container.embedded{font-size:100%}#root.board-container.embedded header,#root.board-container.embedded .navigation-toolbar,#root.board-container.embedded .history,#root.board-container.embedded .zoom-toolbar,#root.board-container.embedded .undo-redo-toolbar,#root.board-container.embedded .minimap{display:none!important}#root.board-container.embedded>.content-container>.scroll-container{overflow:hidden}#root.board-container.embedded>.content-container>.scroll-container .border-container{padding:0}#root.board-container *{box-sizing:border-box;user-select:none}#root.board-container *[contenteditable=true]{-webkit-user-select:text;user-select:text}#root.board-container>.content-container{flex-grow:1;height:80%;position:relative;margin-top:2.4rem}@media (max-width: 700px){#root.board-container>.content-container{margin-top:7.4rem}}#root.board-container>.content-container>.scroll-container{height:100%;overflow:auto;background:#f4f4f6}#root.board-container>.content-container>.scroll-container .border-container{box-sizing:content-box}#root.board-container .board{background-color:#f2f2f3;background-image:linear-gradient(45deg,#f4f4f6 25%,transparent 25%,transparent 75%,#f4f4f6 75%),linear-gradient(45deg,#f4f4f6 25%,transparent 25%,transparent 75%,#f4f4f6 75%);background-size:60em 60em;background-position:0 0,30em 30em;width:100%;height:100%;position:relative}#root.board-container .board.pan{cursor:grab}#root.board-container .board.pan:active{cursor:grabbing}#root.board-container .board .selection-control{display:block;pointer-events:none;border:2px solid #35b2dc;position:absolute;z-index:40000006}#root.board-container .board .selection-control .corner-resize-drag{pointer-events:all;position:absolute;display:block;width:10px;height:10px;background:white;border-radius:20%;border:1px solid #cccccc}.touch #root.board-container .board .selection-control .corner-resize-drag{width:max(.8rem,min(1.5rem,1em));height:max(.8rem,min(1.5rem,1em))}#root.board-container .board .selection-control .corner-resize-drag.left.top,#root.board-container .board .selection-control .corner-resize-drag.right.bottom{cursor:nwse-resize}#root.board-container .board .selection-control .corner-resize-drag.left.bottom,#root.board-container .board .selection-control .corner-resize-drag.right.top{cursor:nesw-resize}#root.board-container .board .selection-control .corner-resize-drag.left{left:-7px}#root.board-container .board .selection-control .corner-resize-drag.right{right:-7px}#root.board-container .board .selection-control .corner-resize-drag.top{top:-7px}#root.board-container .board .selection-control .corner-resize-drag.bottom{bottom:-7px}#root.board-container .board .item,#root.board-container .board .video,#root.board-container .board .image,#root.board-container .board .container,#root.board-container .board>.text,#root.board-container .board .note{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#root.board-container .board .item>.shape,#root.board-container .board .video>.shape,#root.board-container .board .image>.shape,#root.board-container .board .container>.shape,#root.board-container .board>.text>.shape,#root.board-container .board .note>.shape{position:absolute;z-index:-1;box-shadow:5px 5px 15px 0px rgba(0,0,0,.12);width:100%;height:100%;top:0;left:0;transition:all .1s}#root.board-container .board .item>.shape.round,#root.board-container .board .video>.shape.round,#root.board-container .board .image>.shape.round,#root.board-container .board .container>.shape.round,#root.board-container .board>.text>.shape.round,#root.board-container .board .note>.shape.round{border-radius:50%}#root.board-container .board .item>.shape.diamond,#root.board-container .board .video>.shape.diamond,#root.board-container .board .image>.shape.diamond,#root.board-container .board .container>.shape.diamond,#root.board-container .board>.text>.shape.diamond,#root.board-container .board .note>.shape.diamond{transform:rotate(45deg) scale(.707)}#root.board-container .board .item.color-ffffff00>.shape,#root.board-container .board .color-ffffff00.video>.shape,#root.board-container .board .color-ffffff00.image>.shape,#root.board-container .board .color-ffffff00.container>.shape,#root.board-container .board>.color-ffffff00.text>.shape,#root.board-container .board .color-ffffff00.note>.shape,#root.board-container .board .item.color-none>.shape,#root.board-container .board .color-none.video>.shape,#root.board-container .board .color-none.image>.shape,#root.board-container .board .color-none.container>.shape,#root.board-container .board>.color-none.text>.shape,#root.board-container .board .color-none.note>.shape{box-shadow:none;border:1px dashed #00000040}#root.board-container .board .item>.quill-wrapper,#root.board-container .board .video>.quill-wrapper,#root.board-container .board .image>.quill-wrapper,#root.board-container .board .container>.quill-wrapper,#root.board-container .board>.text>.quill-wrapper,#root.board-container .board .note>.quill-wrapper{width:100%;display:flex;padding:0}#root.board-container .board .item>.quill-wrapper *,#root.board-container .board .video>.quill-wrapper *,#root.board-container .board .image>.quill-wrapper *,#root.board-container .board .container>.quill-wrapper *,#root.board-container .board>.text>.quill-wrapper *,#root.board-container .board .note>.quill-wrapper *{user-select:initial}#root.board-container .board .item>.quill-wrapper>.quill-editor,#root.board-container .board .video>.quill-wrapper>.quill-editor,#root.board-container .board .image>.quill-wrapper>.quill-editor,#root.board-container .board .container>.quill-wrapper>.quill-editor,#root.board-container .board>.text>.quill-wrapper>.quill-editor,#root.board-container .board .note>.quill-wrapper>.quill-editor{width:100%;height:fit-content;overflow:visible}#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor{padding:.1em}#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor ul{padding:0}#root.board-container .board .item>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .video>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .image>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .container>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board>.text>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .note>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name{margin:.1em .4em .05em;font-size:min(1rem,.7em)}#root.board-container .board .item.text>.quill-wrapper,#root.board-container .board .text.video>.quill-wrapper,#root.board-container .board .text.image>.quill-wrapper,#root.board-container .board .text.container>.quill-wrapper,#root.board-container .board>.text>.quill-wrapper,#root.board-container .board .text.note>.quill-wrapper{height:100%}#root.board-container .board .note{font-family:Raleway,sans-serif;text-align:center}#root.board-container .board .note.locked{opacity:.5}#root.board-container .board .note small{display:block;font-size:.3em}#root.board-container .board .note .author{z-index:-1;font-family:Raleway,sans-serif;position:absolute;font-size:.5em;bottom:.2em;right:.2em;white-space:nowrap;overflow:hidden;max-width:100%;opacity:.5}#root.board-container .board>.text{box-shadow:none;align-items:flex-start;justify-content:flex-start}#root.board-container .board>.text>.shape{border:none!important;box-shadow:none}#root.board-container .board .item .editable,#root.board-container .board .video .editable,#root.board-container .board .image .editable,#root.board-container .board .container .editable,#root.board-container .board .note .editable,#root.board-container .board>.text .editable{outline:none}#root.board-container .board .video .edge-drag,#root.board-container .board .container .edge-drag{background:transparent;cursor:grab;position:absolute}#root.board-container .board .video .edge-drag.left,#root.board-container .board .container .edge-drag.left{top:0;left:0;height:100%;width:1rem}#root.board-container .board .video .edge-drag.left:hover,#root.board-container .board .container .edge-drag.left:hover{background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.right,#root.board-container .board .container .edge-drag.right{top:0;right:0;height:100%;width:1rem}#root.board-container .board .video .edge-drag.right:hover,#root.board-container .board .container .edge-drag.right:hover{background:linear-gradient(270deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.top,#root.board-container .board .container .edge-drag.top{top:0;left:0;width:100%;height:1rem}#root.board-container .board .video .edge-drag.top:hover,#root.board-container .board .container .edge-drag.top:hover{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.bottom,#root.board-container .board .container .edge-drag.bottom{bottom:0;left:0;width:100%;height:1rem}#root.board-container .board .video .edge-drag.bottom:hover,#root.board-container .board .container .edge-drag.bottom:hover{background:linear-gradient(0deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .container{cursor:initial;align-items:flex-start;justify-content:flex-start}#root.board-container .board .container>.text{margin-left:.5em;margin-top:.5em;z-index:1}#root.board-container .board .container>.hidden-contents-indicator{position:absolute;width:100%;height:100%;display:flex;opacity:.1;justify-content:center;align-items:center}#root.board-container .board .container>.hidden-contents-indicator>svg{width:20%}#root.board-container .board .image img{width:100%;height:100%}#root.board-container .board .image.locked{opacity:.5}#root.board-container .board .video video{width:calc(100% - 2 * 1rem);height:calc(100% - 2 * 1rem)}#root.board-container .board .cursor{z-index:40000008;pointer-events:none;position:absolute;display:block;transition-timing-function:ease-in-out}#root.board-container .board .cursor.stale{animation:10s 1 fadeout;opacity:.1}@keyframes fadeout{0%{opacity:1}to{opacity:.1}}#root.board-container .board .cursor .arrow{transform:rotate(-35deg);display:block;width:0px;height:0 px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #35b2dc}#root.board-container .board .cursor .userInfo{display:flex;align-items:center;margin-left:.6rem}#root.board-container .board .cursor .userInfo img{border-radius:50%;max-width:1rem}#root.board-container .board .cursor .userInfo .text{font-size:.5rem;margin-left:.3em}#root.board-container .board .rectangular-selection{pointer-events:none;position:absolute;border:1px solid #35b2dc;background:#35b2dc33;z-index:40000008}#root.board-container .context-menu-positioner{z-index:400000010;position:absolute;pointer-events:none}#root.board-container .context-menu-positioner>*{font-size:1rem}.touch #root.board-container .context-menu-positioner>*{font-size:1.7rem}#root.board-container .context-menu-positioner .context-menu{pointer-events:all;padding:.5em;border:1px solid #cccccc;border-radius:2px;background:white;display:grid;grid-column-gap:.5em;grid-row-gap:.5em;grid-auto-flow:column;cursor:pointer}#root.board-container .context-menu-positioner .context-menu.hidden{display:none}#root.board-container .context-menu-positioner .context-menu .icon-group{grid-auto-flow:column}#root.board-container .context-menu-positioner.item-bottom .context-menu{margin-top:.8em}#root.board-container .context-menu-positioner.item-bottom .submenu{top:3.1em}#root.board-container .context-menu-positioner.item-top .context-menu{margin-top:-2.5em}#root.board-container .context-menu-positioner.item-top .submenu{bottom:2.7em}#root.board-container .context-menu-positioner .icon-group{display:inline-grid;grid-column-gap:.5em;grid-row-gap:.5em}#root.board-container .context-menu-positioner .icon.color{height:1em;width:1em;display:inline-block}#root.board-container .context-menu-positioner .icon.color.white,#root.board-container .context-menu-positioner .icon.color.transparent{border:1px solid #eeeeee;background:repeating-conic-gradient(#dddddd 0% 25%,transparent 0% 50%) 50%/.5em .5em}#root.board-container .context-menu-positioner .icon.color.new-color{position:relative;background:conic-gradient(#ff5555 0%,#ffaa55 15%,#ffff55 30%,#55ff55 45%,#5555ff 60%,#aa55ff 75%,#ff55ff 90%,#ff5555 100%) 50%;border-radius:50%}#root.board-container .context-menu-positioner .icon.color.new-color>input[type=color]{position:absolute;width:100%;height:100%;opacity:0;left:0;top:0}#root.board-container .context-menu-positioner .icon.disabled{color:#d3d3d3;pointer-events:none}#root.board-container .context-menu-positioner .connection-ends .icon{display:flex;justify-content:center;align-items:center}#root.board-container .context-menu-positioner .submenu{pointer-events:all;padding:.5em;border:1px solid #cccccc;border-radius:2px;background:white;display:flex;position:absolute;align-items:flex-start;left:0;margin:0}#root.board-container .context-menu-positioner .submenu>*:not(:first-child){margin-left:1em}#root.board-container .context-menu-positioner .submenu .colors{grid-template-columns:repeat(4,1fr)}#root.board-container .context-menu-positioner .submenu .shapes{grid-template-columns:repeat(2,1fr)}#root.board-container .context-menu-positioner .submenu.alignment.y{left:1.5em}#root.board-container .context-menu-positioner .submenu.alignment.x .icon-group{grid-auto-flow:column}#root.board-container svg.connections .connection{stroke:#444444;stroke-width:max(.1em,1.5px);stroke-linecap:round;fill:transparent}#root.board-container svg.connections .connection.selected{stroke:#35b2dc}#root.board-container .connection-node{display:block;width:max(.4em,6px);height:max(.4em,6px);cursor:pointer;position:absolute}#root.board-container .connection-node.black-dot-style{background:#444444;border-radius:50%;width:max(.3em,6px);height:max(.3em,6px)}#root.board-container .connection-node.black-dot-style.highlight{background:#35b2dc}#root.board-container .connection-node.arrow-style{box-shadow:none;background:transparent;width:0;height:0;border-top:max(.2em,3px) solid transparent;border-left:max(.6em,8px) solid #444444;border-bottom:max(.2em,3px) solid transparent}#root.board-container .connection-node.arrow-style.highlight{border-top:max(.3em,4.5px) solid transparent;border-left:max(.9em,12px) solid #35b2dc;border-bottom:max(.3em,4.5px) solid transparent}#root.board-container .connection-node-grabber-helper{position:absolute;transform:translate(-50%,-50%);z-index:100000;display:flex;align-items:center;justify-content:center;background:transparent;width:min(4em,2rem);height:min(4em,2rem);border-radius:50%;cursor:pointer}.board:not(.connect) #root.board-container .connection-node-grabber-helper:hover{background:rgba(0,0,0,.1)}#root.board-container .board.connect .item:hover,#root.board-container .board.connect .note:hover,#root.board-container .board.connect .board>.text:hover,#root.board-container .board.connect .container:hover,#root.board-container .board.connect .image:hover,#root.board-container .board.connect .video:hover{border:1px solid black}#root.board-container>.content-container>.tool-layer{margin:0;z-index:400000010;position:absolute;pointer-events:none;width:100%;height:100%;top:0}#root.board-container>.content-container>.tool-layer>*{pointer-events:all}#root.board-container>.content-container>.tool-layer.read-only .main-toolbar,#root.board-container>.content-container>.tool-layer.read-only .undo-redo-toolbar{display:none}#root.board-container>.content-container>.tool-layer .toolbar,#root.board-container>.content-container>.tool-layer .minimap,#root.board-container>.content-container>.tool-layer .undo-redo-toolbar,#root.board-container>.content-container>.tool-layer .main-toolbar,#root.board-container>.content-container>.tool-layer .navigation-toolbar{border:2px solid #f4f4f6;box-shadow:0px 2px 6px 0px #00263a0f;display:inline-block;background:white;padding:.5em;border-radius:6px}#root.board-container>.content-container>.tool-layer .navigation-toolbar{position:absolute;left:1em;top:1em;font-size:.8em}#root.board-container>.content-container>.tool-layer .navigation-toolbar a{text-decoration:none;color:#00263a}#root.board-container>.content-container>.tool-layer .navigation-toolbar a .icon{vertical-align:top;margin-right:.5em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .navigation-toolbar{display:none}}#root.board-container>.content-container>.tool-layer .main-toolbar{position:fixed;display:flex;align-items:center}#root.board-container>.content-container>.tool-layer .main-toolbar.vertical{padding:.5em .8em .2em .5em;flex-direction:column;top:50%;transform:translateY(-50%)}#root.board-container>.content-container>.tool-layer .main-toolbar.horizontal{padding:.5em .4em .2em;flex-direction:row;top:3rem;left:50%;transform:translateX(-50%)}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .main-toolbar.horizontal{top:2.4rem;width:100%;justify-content:center;height:5rem;border-radius:0;border:none}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item,#root.board-container>.content-container>.tool-layer .main-toolbar .tool{display:inline-flex;flex-direction:column;align-items:center;position:relative;margin:0 .2em .2em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .main-toolbar .new-item,#root.board-container>.content-container>.tool-layer .main-toolbar .tool{margin:0 .1em .2em}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .text,#root.board-container>.content-container>.tool-layer .main-toolbar .tool .text{margin:0;margin-top:.5em;font-size:.8em;text-align:center}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .icon,#root.board-container>.content-container>.tool-layer .main-toolbar .tool .icon{width:3em;cursor:pointer;margin:0;height:3em;padding:.5em .5rem}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item.active .icon,#root.board-container>.content-container>.tool-layer .main-toolbar .tool.active .icon{background:#f4f4f6}@media (max-width: 700px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .duplicate{display:none}}@media (max-width: 500px){#root.board-container>.content-container>.tool-layer .main-toolbar .line{display:none}}@media (min-width: 701px){#root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,#root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 422px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 374px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 500px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 554px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 374px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.container{display:none}}@media (max-width: 326px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.container{display:none}}@media (max-width: 326px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.text{display:none}}@media (max-width: 278px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.text{display:none}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .icon svg{margin-top:-.5em;margin-right:-.5em}#root.board-container>.content-container>.tool-layer .tool-instruction{pointer-events:none;position:absolute;top:6em;left:1em;right:1em;padding:1em;border-radius:.5em;text-align:center;color:#555;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}#root.board-container>.content-container>.tool-layer .tool-instruction svg{margin-left:1em;opacity:.3}#root.board-container>.content-container>.tool-layer .undo-redo-toolbar{position:absolute;font-size:1.2em;left:1em;bottom:1.5em;padding-bottom:.2em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .undo-redo-toolbar{display:none}}#root.board-container>.content-container>.tool-layer .zoom-toolbar{position:absolute;font-size:1.5em;right:0;top:100%;color:#00263a;left:0;padding:.3em}.touch #root.board-container>.content-container>.tool-layer .zoom-toolbar{display:none}#root.board-container>.content-container>.tool-layer .zoom-controls{display:flex;justify-content:space-evenly;height:2rem;align-items:center}#root.board-container>.content-container>.tool-layer .minimap{font-size:1vw;display:inline-block;position:absolute;bottom:1rem;right:1rem;background:white;border:.3em solid #eeeeee88;box-sizing:content-box;border-bottom-width:3rem;min-width:6rem}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .minimap{display:none}}#root.board-container>.content-container>.tool-layer .minimap .content{position:relative}#root.board-container>.content-container>.tool-layer .minimap .content .viewarea{display:inline-block;position:absolute;border:1px solid #00263a}#root.board-container>.content-container>.tool-layer .minimap .content .item,#root.board-container>.content-container>.tool-layer .minimap .content .board .note,#root.board-container>.content-container>.tool-layer .board .minimap .content .note,#root.board-container>.content-container>.tool-layer .minimap .content .board>.text,#root.board-container>.content-container>.tool-layer .minimap .content .board .container,#root.board-container>.content-container>.tool-layer .board .minimap .content .container,#root.board-container>.content-container>.tool-layer .minimap .content .board .image,#root.board-container>.content-container>.tool-layer .board .minimap .content .image,#root.board-container>.content-container>.tool-layer .minimap .content .board .video,#root.board-container>.content-container>.tool-layer .board .minimap .content .video{display:inline-block;position:absolute;background:#35b2dc;border:2px solid #35b2dc}#root.board-container>.content-container>.tool-layer .minimap .content .item.container,#root.board-container>.content-container>.tool-layer .minimap .content .board .container,#root.board-container>.content-container>.tool-layer .board .minimap .content .container{opacity:.5}#root.board-container>.content-container>.tool-layer .icon{cursor:pointer;position:relative}#root.board-container>.content-container>.tool-layer .icon:not(:first-child){margin-left:.3em}#root.board-container>.content-container>.tool-layer .board-status-message{height:100%;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}#root.board-container>.content-container>.tool-layer .board-status-message>div{pointer-events:all;max-width:80%}#root.board-container>.content-container>.tool-layer>.history{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;padding:1rem;z-index:400000010;min-width:1rem}#root.board-container>.content-container>.tool-layer>.history h2{font-size:1.2rem;margin-bottom:1em}#root.board-container>.content-container>.tool-layer>.history>.history-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start}#root.board-container>.content-container>.tool-layer>.history:not(.expanded){pointer-events:none}#root.board-container>.content-container>.tool-layer>.history:not(.expanded) .icon{pointer-events:all}#root.board-container>.content-container>.tool-layer>.history.expanded{background:white;border-left:1px solid #cccccc}#root.board-container>.content-container>.tool-layer>.history>.selection{margin-bottom:1em;font-size:.8em}#root.board-container>.content-container>.tool-layer>.history>.icon{cursor:pointer}#root.board-container>.content-container>.tool-layer>.history .scroll-container{overflow-y:auto}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr{vertical-align:top}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr .timestamp{min-width:5em}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr .action{min-width:8em}#root.board-container .adding-item{width:2em}#root.board-container.not-found header #board-info{visibility:hidden}#root.board-container header{position:fixed;top:0;white-space:nowrap;border-bottom:2px solid #e7e8e8;font-size:.8em;z-index:400000011;padding:0 .8em;height:2.4rem;width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;background:#fffffff8;color:#00263a}@media (max-width: 700px){#root.board-container header{border-bottom:none}}#root.board-container header span[contenteditable]{border:2px solid transparent}#root.board-container header span[contenteditable][contenteditable=false]:hover,#root.board-container header span[contenteditable]:focus{border:2px solid #2f80edd9;outline:none;font-size:1rem}#root.board-container header .logo-area{display:flex;align-items:center}#root.board-container header .logo-area a{display:none}@media (max-width: 700px){#root.board-container header .logo-area a{display:flex;align-items:center;text-decoration:none;color:#00263a}#root.board-container header .logo-area a .icon{vertical-align:top;margin-right:.5em}}#root.board-container header>#board-info{display:flex;align-items:center;justify-content:center;margin-left:.5em;margin-left:1rem}#root.board-container header>#board-info #board-name{margin-right:.5em}#root.board-container header>#board-info small{color:gray;border-radius:.5em;padding:1px .5em;font-size:.6em;vertical-align:middle}#root.board-container header>#board-info a svg{height:1em}#root.board-container header>#board-info a:not(:first-of-type) svg{margin-left:.21em}#root.board-container header .right-panel{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 700px){#root.board-container header .right-panel .other-users,#root.board-container header .right-panel .offline-status{display:none}}#root.board-container header .right-panel .offline-status{font-size:.8em;opacity:.8;cursor:pointer}#root.board-container header .right-panel .other-users{position:relative}#root.board-container header .right-panel .other-users .pop-up{position:absolute;top:1em;right:0;min-width:10em;background-color:#fff;border-radius:0px 0px 3px 3px;padding:1.5em 1em 1em;text-align:right;display:none;border-bottom:2px solid #e7e8e8}#root.board-container header .right-panel .other-users .pop-up ul{list-style:none;padding:0;margin:0}#root.board-container header .right-panel .other-users .pop-up ul li:first-child{margin-bottom:.5em}#root.board-container header .right-panel .other-users .youlink{opacity:.5;font-size:"0.8em"}#root.board-container header .right-panel .other-users:hover .pop-up{display:block}@media (max-width: 1024px){#root.board-container header{font-size:.8rem}}#root.board-container header .user-info{display:flex;justify-content:flex-end;align-items:center;padding-left:1em}#root.board-container header .user-info .icon{cursor:pointer;margin-right:.5em;display:inline-flex}#root.board-container header .user-info .icon img{border-radius:50%}#root.board-container header .user-info .icon svg{width:100%}#root.board-container header .user-info.logged-in .icon{height:2em;width:2em}#root.board-container header>*{color:#00263a}.modal-container{background-color:#c8c8c899;position:fixed;width:100%;height:100%;top:0;left:0;z-index:400000020}.modal-container .modal-dialog{position:fixed;background-color:#fff;width:80%;max-height:90%;max-width:744px;top:50%;left:50%;transform:translate(-50%,-50%);padding:36px 40px 20px 40px;border-radius:6px;overflow-y:auto}.modal-container .modal-dialog .modal-close{display:flex;position:fixed;top:32px;right:32px;filter:invert(22%) sepia(86%) saturate(7261%) hue-rotate(221deg) brightness(108%) contrast(92%);border:1px solid;height:32px;width:32px;align-items:center;border-radius:50%;cursor:pointer}.modal-container .modal-dialog .modal-close svg{margin:auto}.modal-dialog .sharing h2:not(:first-of-type){margin-top:1em}.modal-dialog .sharing .copied{color:#f54;font-size:.8em;margin-left:1em}.modal-dialog .user-info .anonymous .nickname input{margin-top:1em;display:block;width:100%}.modal-dialog .user-info .logged-in .icon{width:1em;height:initial;border-radius:50%}.modal-dialog .user-info button{margin-top:1em}