.tool-menu_container__76iY6,.tool-menu_tutorialContainer__vUNjN{position:absolute;width:114px;top:16px;bottom:16px;left:16px;background:#fff;border:1px solid #bcbcbc;border-radius:8px;box-shadow:0 2px 4px rgba(74,74,74,.25)}.tool-menu_tutorialContainer__vUNjN{background:none;border:none;pointer-events:none}.tool-menu_list__Tje66{list-style:none;margin:0;padding:0;height:100%}.tool-menu_chevron__8ieMz{width:28px;height:28px;border-left:.5px solid #4a4a4a;transition:border-left-color .1s ease-out;flex-grow:0}.tool-menu_button__8htfy,.tool-menu_chevron__8ieMz{display:flex;justify-content:center;align-items:center}.tool-menu_button__8htfy{width:90px;height:48px;border:.5px solid #4a4a4a;border-radius:8px;box-shadow:0 2px 4px rgba(74,74,74,.25);background:#fff;transition:color .1s ease-out,background-color .2s ease-out;cursor:pointer;padding:0;color:#2a2a2a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-menu_button__8htfy .tool-menu_buttonLabel__ytKPo,.tool-menu_button__8htfy .tool-menu_noStroke__1z5sY{flex-grow:1;display:flex;justify-content:center;align-items:center}.tool-menu_button__8htfy .tool-menu_buttonLabel__ytKPo:hover,.tool-menu_button__8htfy .tool-menu_noStroke__1z5sY:hover{color:#fff}.tool-menu_button__8htfy svg circle,.tool-menu_button__8htfy svg path,.tool-menu_button__8htfy svg rect{transition:stroke .1s ease-out;stroke:#4a4a4a}.tool-menu_button__8htfy svg ellipse{fill:#4a4a4a}.tool-menu_button__8htfy:hover{color:#fff;background:#4a4a4a}.tool-menu_button__8htfy:hover .tool-menu_chevron__8ieMz{border-left-color:#fff}.tool-menu_button__8htfy:hover svg ellipse{fill:#fff}.tool-menu_button__8htfy:hover svg circle,.tool-menu_button__8htfy:hover svg line,.tool-menu_button__8htfy:hover svg path,.tool-menu_button__8htfy:hover svg rect{stroke:#fff}.tool-menu_button__8htfy:hover .tool-menu_noStroke__1z5sY svg path:nth-child(2){stroke:#fff!important;fill:#fff;stroke-width:.3px}.tool-menu_button__8htfy.tool-menu_active__DSBId{color:#fff;background:#4a4a4a}.tool-menu_button__8htfy.tool-menu_active__DSBId .tool-menu_chevron__8ieMz{border-left-color:#fff}.tool-menu_button__8htfy.tool-menu_active__DSBId svg ellipse{fill:#fff}.tool-menu_button__8htfy.tool-menu_active__DSBId svg circle,.tool-menu_button__8htfy.tool-menu_active__DSBId svg line,.tool-menu_button__8htfy.tool-menu_active__DSBId svg path,.tool-menu_button__8htfy.tool-menu_active__DSBId svg rect{stroke:#fff}.tool-menu_button__8htfy.tool-menu_active__DSBId .tool-menu_noStroke__1z5sY svg path:nth-child(2){stroke:#fff;fill:#fff;stroke-width:.3px}.tool-menu_toolMenuIcon__oL_A_{display:flex}.tool-menu_noStroke__1z5sY svg path:nth-child(2){stroke:unset;fill:#4a4a4a}.floating-menu_container__a2neF{background:#f1f1f1;border-radius:4px;padding:0 12px;height:40px;box-shadow:0 2px 4px rgba(74,74,74,.25)}.floating-menu_list__rBFio{list-style:none;margin:0;padding:0;height:100%}.floating-menu_button___6_iv{display:flex;align-items:center;justify-content:center;background-color:rgba(74,74,74,0);border:none;min-width:40px;height:100%}.floating-menu_button___6_iv:not([disabled]):hover{color:#fff;background:#4a4a4a}.floating-menu_button___6_iv:not([disabled]):hover ellipse{fill:#fff}.floating-menu_button___6_iv:not([disabled]):hover line,.floating-menu_button___6_iv:not([disabled]):hover svg circle,.floating-menu_button___6_iv:not([disabled]):hover svg path,.floating-menu_button___6_iv:not([disabled]):hover svg rect{stroke:#fff}.floating-menu_button___6_iv:disabled{color:#bcbcbc}.floating-menu_button___6_iv:disabled svg ellipse{fill:#bcbcbc}.floating-menu_button___6_iv:disabled svg circle,.floating-menu_button___6_iv:disabled svg line,.floating-menu_button___6_iv:disabled svg path,.floating-menu_button___6_iv:disabled svg rect{stroke:#bcbcbc}.floating-menu_active__FaZUL{color:#fff;background:#4a4a4a}.floating-menu_active__FaZUL svg ellipse{fill:#fff}.floating-menu_active__FaZUL svg circle,.floating-menu_active__FaZUL svg line,.floating-menu_active__FaZUL svg path,.floating-menu_active__FaZUL svg rect{stroke:#fff}.floating-menu_separator__IiamK{margin:0 12px;line-height:40px;pointer-events:none;width:1px;height:19px;border-right:1px solid #7c7c7c}.floating-menu_kebab__EN5Hn{display:flex;position:relative;background-color:#f1f1f1}.floating-menu_kebab__EN5Hn svg{height:35px;stroke:#4a4a4a}.floating-menu_kebab__EN5Hn:hover svg circle{transition:stroke 50ms ease-in-out;fill:#fff;stroke:#fff!important}.floating-menu_activeKebab__hwnkY{background-color:#f1f1f1}.floating-menu_activeKebab__hwnkY svg{height:35px}.floating-menu_activeKebab__hwnkY svg circle{fill:#017acc;stroke:#017acc!important}.floating-menu_activeKebab__hwnkY:hover{background-color:#f1f1f1!important}.secondary-menu_container__qcPXP{position:absolute;right:-140px;top:0;height:auto;background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(74,74,74,.25);width:140px;display:inline-flex;padding:4px 0;flex-direction:column}.secondary-menu_secondary__G_v6_{display:flex}.secondary-menu_list__J6IlV{list-style:none;margin:0;padding:0;height:100%}.secondary-menu_button__UFhGn{display:flex;align-items:center;justify-content:center;background-color:rgba(74,74,74,0);border:none;min-width:40px;height:100%;transition:color .1s ease-out,background-color .2s ease-out}.secondary-menu_button__UFhGn:hover{color:#fff;background:#017acc;justify-content:flex-start;width:100%}.secondary-menu_button__UFhGn:hover ellipse{fill:#fff}.secondary-menu_button__UFhGn:hover line{stroke:#fff}.secondary-menu_secondaryOption__Z3Z2t{width:100%;height:28px;justify-content:flex-start}.secondary-menu_active__hfCHx{color:#fff;background:#017acc;width:100%;justify-content:flex-start}.text-style-button[class*=active]{background-color:#f1f1f1}.text-style-button[class*=active] svg path{fill:#017acc;stroke:#017acc}.text-style-button[class*=active]:hover{background:#4a4a4a}.text-style-button:hover svg path{fill:#017acc;stroke:#017acc}.text-size-16-button svg path.icon-size-16,.text-size-24-button svg path.icon-size-24,.text-size-32-button svg path.icon-size-32{stroke:#017acc}.note-tool-menu_note__NepY8{position:relative}.note-tool-menu_label__QzmUH{position:absolute;top:18px;left:27px;transform:rotate(5deg);color:#4a4a4a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.note-tool-menu_dragging__Yfxaq:before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%}.tutorial-content_tutorialButtonActive__pyDv6,.tutorial-content_tutorialButton__6onC0{font-size:24px;font-weight:600}.tutorial-content_tutorialButtonActive__pyDv6{pointer-events:all}.tutorial-content_tutorialButtonActive__pyDv6:hover{background:#bcbcbc!important;color:#4a4a4a!important}.tutorial-content_darkOverlay__JSOMK{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(42,42,42,.85)}.tutorial-content_tutorialContent__wBpxR{position:absolute;left:115px;padding-top:25px}.tutorial-content_floatingTutorialText__ANvEC,.tutorial-content_grabTutorial__VwQZm,.tutorial-content_pointerTutorial__Mlxxv,.tutorial-content_redoTutorial__EFHru,.tutorial-content_resetTutorial__R7wXH,.tutorial-content_screenshotTutorial__tKQDK,.tutorial-content_trashTutorial__pyEkH,.tutorial-content_tutorialBodyCenter__q16x_,.tutorial-content_tutorialDragText__zWb_t,.tutorial-content_tutorialText__lB6Ao,.tutorial-content_undoTutorial__xWWbv,.tutorial-content_zoomBarTutorial___d6qG{color:#fff;height:48px;margin-bottom:17px;font-size:14px;font-weight:600}.tutorial-content_floatingTutorialText__ANvEC,.tutorial-content_grabTutorial__VwQZm,.tutorial-content_pointerTutorial__Mlxxv,.tutorial-content_redoTutorial__EFHru,.tutorial-content_resetTutorial__R7wXH,.tutorial-content_screenshotTutorial__tKQDK,.tutorial-content_trashTutorial__pyEkH,.tutorial-content_undoTutorial__xWWbv,.tutorial-content_zoomBarTutorial___d6qG{position:absolute;text-align:right}.tutorial-content_tutorialDragText__zWb_t{position:absolute;top:-27px;left:45px;width:180px}.tutorial-content_tutorialDragText__zWb_t svg{position:absolute;left:-45px;transform:rotate(52deg) scaleX(-1)}.tutorial-content_tutorialBodyCenter__q16x_{position:absolute;display:flex;flex-direction:column;top:27px;left:245px}.tutorial-content_zoomBarTutorial___d6qG{right:520px;width:131px}.tutorial-content_zoomBarTutorial___d6qG svg{position:absolute;top:25px;left:45px;transform:rotate(62deg)}.tutorial-content_pointerTutorial__Mlxxv{top:-25px;right:470px;width:181px}.tutorial-content_pointerTutorial__Mlxxv svg{position:absolute;top:25px;right:-2px;transform:rotate(-7deg)}.tutorial-content_grabTutorial__VwQZm{top:-15px;right:363px;width:81px;text-align:left}.tutorial-content_grabTutorial__VwQZm svg{position:absolute;top:43px;left:35px;transform:rotate(62deg)}.tutorial-content_screenshotTutorial__tKQDK{top:-45px;right:210px;width:149px;text-align:left}.tutorial-content_screenshotTutorial__tKQDK svg{position:absolute;top:42px;left:7px;transform:rotate(40deg)}.tutorial-content_undoTutorial__xWWbv{right:275px}.tutorial-content_undoTutorial__xWWbv svg{position:absolute;top:25px;left:10px;transform:rotate(62deg)}.tutorial-content_redoTutorial__EFHru{right:227px}.tutorial-content_redoTutorial__EFHru svg{position:absolute;top:25px;left:5px;transform:rotate(62deg)}.tutorial-content_resetTutorial__R7wXH{text-align:left;top:-10px;right:95px;width:111px}.tutorial-content_resetTutorial__R7wXH svg{position:absolute;top:36px;left:45px;transform:rotate(62deg)}.tutorial-content_trashTutorial__pyEkH{top:-50px;right:-7px;width:131px}.tutorial-content_trashTutorial__pyEkH svg{position:absolute;top:40px;left:52px;transform:rotate(23deg)}.tutorial-content_tutorialBody___K5X0{position:absolute;top:100px;right:55px}.tutorial-content_tutorialFloatingMenuRow__hkDT7{display:flex;margin-bottom:7px}.tutorial-content_tutorialFloatingMenuRow__hkDT7 svg:nth-child(2){transform:rotate(33deg) scaleX(-1);margin:0 15px auto 10px}.tutorial-content_tutorialExampleShape__dF_mQ{position:relative;padding-left:100px}.tutorial-content_tutorialExampleShape__dF_mQ svg{position:absolute}.tutorial-content_tutorialExampleShape__dF_mQ svg:nth-child(2){top:1px;left:109px}.tutorial-content_tutorialExampleShape__dF_mQ svg:nth-child(3){top:7px;left:179px}.tutorial-content_tutorialExampleShape__dF_mQ svg:nth-child(4){top:70px;left:101px}.tutorial-content_tutorialShapeText__7VM8h{position:absolute;display:inline-flex;top:180px;left:16px;width:246px;padding:12px;justify-content:center;align-items:center;gap:4px;border-radius:4px;background:#fff;color:#017acc;font-size:16px;font-weight:400;letter-spacing:-.4px}.tutorial-content_tutorialUtilContainer__vTwOj{position:absolute;top:-40px;right:20px;display:flex}.util-menu_container__KUJzj,.util-menu_tutorialUtilMenu__Vc28E{position:absolute;right:16px;bottom:16px;left:142px;height:auto;background:#e1e1e1;border:.5px solid #bcbcbc;border-radius:8px;box-shadow:0 2px 4px rgba(74,74,74,.25);margin:0;padding:0;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.util-menu_list___emtw{margin:0;padding:0;list-style:none;right:16px;bottom:16px;left:142px;min-height:48px;height:auto;flex-wrap:wrap;gap:4px 6px}.util-menu_list___emtw li{height:48px;display:flex;justify-content:center;align-items:center}.util-menu_list___emtw li button{color:#4a4a4a}.util-menu_firstRow__ic56H{max-width:250px}@media(max-width:960px){.util-menu_firstRow__ic56H{width:calc(50% - 8px)}.util-menu_justifyStart__5fqiI{justify-content:start!important}.util-menu_justifyEnd__EgrEQ{justify-content:end!important}}.util-menu_responsiveDivider__dkiYl{display:flex!important}@media(max-width:960px){.util-menu_responsiveDivider__dkiYl{display:flex!important;flex:1 1 1px!important}}.util-menu_responsiveDivider__dkiYl span{height:28px;width:1px;border-right:1px solid #bcbcbc}.util-menu_tutorialUtilMenu__Vc28E{background:#2a2a2a;pointer-events:none}.util-menu_tutorialUtilMenu__Vc28E button{color:#fff!important}.util-menu_tutorialUtilMenu__Vc28E svg path{stroke:#fff}.util-menu_tutorialUtilMenu__Vc28E svg:nth-child(2) path:first-child{stroke:#4a4a4a}.util-menu_tutorialUtilMenu__Vc28E svg:nth-child(2) path:nth-child(2){stroke:#4a4a4a;fill:#fff}.util-menu_trashContainer__RqAju{position:relative;margin-top:4px;margin-right:8px;cursor:pointer}.util-menu_trashIcon__qrKZZ{position:absolute;top:7px;left:60px}.util-menu_expandButton__7Ezti:hover{background-color:#e1e1e1!important}.util-menu_expandIcon__l1qY2{position:relative;background-color:#4a4a4a;left:0;border-radius:17px;width:36px;height:30px;flex-shrink:0}.util-menu_expandIcon__l1qY2 svg{color:#4a4a4a;position:relative;top:2px}.util-menu_expandIcon__l1qY2 svg path{stroke:#fff!important}.util-menu_expandIcon__l1qY2:hover{background-color:#fff;color:#4a4a4a}.util-menu_expandIcon__l1qY2:hover path{stroke:#4a4a4a!important}.util-menu_warningModal__NstDQ{width:300px}.util-menu_warningModal__NstDQ svg g{fill:#017acc}.util-menu_zoomBarContainer__GJFGB{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 8px}.util-menu_zoomBarInput__lpZ3u{position:absolute;top:-5px;left:22px;width:210px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;overflow:hidden}.util-menu_zoomBarInput__lpZ3u::-webkit-slider-thumb{-webkit-appearance:none;background:url(/whiteboard/assets/zoom-bar-slider.svg);width:8px;height:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.util-menu_zoomBarInput__lpZ3u::-moz-range-thumb{-webkit-appearance:none;background:url(/whiteboard/assets/zoom-bar-slider.svg);width:8px;height:24px;cursor:pointer;-moz-user-select:none;user-select:none}.util-menu_zoomBarMinus__NjRpZ,.util-menu_zoomBarPlus___Znj1{all:unset;position:absolute;height:20px;width:20px;left:3px;top:-3px}.util-menu_zoomBarPlus___Znj1{left:unset;right:3px}.util-menu_tutorialButtonActive__H6HgW,.util-menu_tutorialButton__ZVimP{font-size:24px;font-weight:600}.util-menu_tutorialButtonActive__H6HgW{pointer-events:all}.util-menu_tutorialButtonActive__H6HgW:hover{background:#bcbcbc!important;color:#4a4a4a!important}.util-menu_resetButton__tNcBW{font-size:16px;font-weight:700;letter-spacing:-.3px;padding:0 8px}.util-menu_dragButton__Vlsvy:hover{background-color:#4a4a4a}.util-menu_dragButton__Vlsvy:hover svg path:first-child{transition:stroke 50ms ease-out;stroke:#4a4a4a}.util-menu_dragButton__Vlsvy:hover svg path:nth-child(2){transition:stroke 50ms ease-out;stroke:#fff;stroke-width:.1px!important;fill:#fff}.util-menu_dragButtonActive__uZAQB svg path:first-child{transition:stroke 50ms ease-out;stroke:#4a4a4a}.util-menu_dragButtonActive__uZAQB svg path:nth-child(2){transition:stroke 50ms ease-out;stroke:#fff;stroke-width:.1px!important;fill:#fff}.util-menu_dragButtonActive__uZAQB:hover svg path:first-child{transition:stroke .1s ease-out;stroke:#4a4a4a}.util-menu_dragButtonActive__uZAQB:hover svg path:nth-child(2){transition:stroke .1s ease-out;stroke:#fff;stroke-width:.1px!important;fill:#fff}.util-menu_tutorialDragButton__vlBel{background-color:#2a2a2a}.util-menu_tutorialDragButton__vlBel svg path:first-child{transition:stroke .1s ease-out;stroke:#4a4a4a}.util-menu_tutorialDragButton__vlBel svg path:nth-child(2){transition:stroke .1s ease-out;stroke:#4a4a4a;fill:#fff}.save-state-message_message__kM5WW{position:absolute;top:-30px;background:hsla(0,0%,100%,.467);border-radius:4px;padding:4px;box-shadow:0 2px 4px rgba(74,74,74,.25);color:#4a4a4a;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.save-state-message_error__UiIyu{color:#df313c}