@zsviczian/excalidraw 0.17.1-obsidian-19 → 0.17.1-obsidian-21

package/dist/styles.development.css

@@ -179,6 +179,7 @@
   --color-gray-85: #242424;
   --color-gray-90: #1e1e1e;
   --color-gray-100: #121212;
+  --color-disabled: var(--color-gray-40);
   --color-warning: #fceeca;
   --color-warning-dark: #f5c354;
   --color-warning-darker: #f3ab2c;
@@ -278,6 +279,7 @@
   --color-primary-light: #4f4d6f;
   --color-primary-light-darker: #43415e;
   --color-primary-hover: #bbb8ff;
+  --color-disabled: var(--color-gray-70);
   --color-text-warning: var(--color-gray-80);
   --color-danger: #ffa8a5;
   --color-danger-dark: #672120;
@@ -368,8 +370,7 @@
   position: relative;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ToolIcon__hidden {
   display: none !important;
@@ -406,6 +407,13 @@
 .excalidraw .ToolIcon .ToolIcon__icon:active svg {
   color: var(--color-on-primary-container);
 }
+.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] {
+  background: initial;
+  border: none;
+}
+.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg {
+  color: var(--color-disabled);
+}
 .excalidraw .ToolIcon--plain {
   background-color: transparent;
 }
@@ -455,8 +463,7 @@
   font-size: 0.8em;
 }
 .excalidraw .ToolIcon_type_button,
-.excalidraw .Modal .ToolIcon_type_button,
-.excalidraw .ToolIcon_type_button {
+.excalidraw .Modal .ToolIcon_type_button {
   padding: 0;
   border: none;
   margin: 0;
@@ -464,33 +471,43 @@
   background-color: initial;
 }
 .excalidraw .ToolIcon_type_button:focus-visible,
-.excalidraw .Modal .ToolIcon_type_button:focus-visible,
-.excalidraw .ToolIcon_type_button:focus-visible {
+.excalidraw .Modal .ToolIcon_type_button:focus-visible {
   box-shadow: 0 0 0 2px var(--focus-highlight-color);
 }
 .excalidraw .ToolIcon_type_button.ToolIcon--selected,
-.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected,
-.excalidraw .ToolIcon_type_button.ToolIcon--selected {
+.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected {
   background-color: var(--button-gray-2);
 }
 .excalidraw .ToolIcon_type_button.ToolIcon--selected:active,
-.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,
-.excalidraw .ToolIcon_type_button.ToolIcon--selected:active {
+.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active {
   background-color: var(--button-gray-3);
 }
 .excalidraw .ToolIcon_type_button:active,
-.excalidraw .Modal .ToolIcon_type_button:active,
-.excalidraw .ToolIcon_type_button:active {
+.excalidraw .Modal .ToolIcon_type_button:active {
   background-color: var(--button-gray-3);
 }
+.excalidraw .ToolIcon_type_button:disabled,
+.excalidraw .Modal .ToolIcon_type_button:disabled {
+  cursor: default;
+}
+.excalidraw .ToolIcon_type_button:disabled:active, .excalidraw .ToolIcon_type_button:disabled:focus-visible, .excalidraw .ToolIcon_type_button:disabled:hover,
+.excalidraw .Modal .ToolIcon_type_button:disabled:active,
+.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,
+.excalidraw .Modal .ToolIcon_type_button:disabled:hover {
+  background-color: initial;
+  border: none;
+  box-shadow: none;
+}
+.excalidraw .ToolIcon_type_button:disabled svg,
+.excalidraw .Modal .ToolIcon_type_button:disabled svg {
+  color: var(--color-disabled);
+}
 .excalidraw .ToolIcon_type_button--show,
-.excalidraw .Modal .ToolIcon_type_button--show,
-.excalidraw .ToolIcon_type_button--show {
+.excalidraw .Modal .ToolIcon_type_button--show {
   visibility: visible;
 }
 .excalidraw .ToolIcon_type_button--hide,
-.excalidraw .Modal .ToolIcon_type_button--hide,
-.excalidraw .ToolIcon_type_button--hide {
+.excalidraw .Modal .ToolIcon_type_button--hide {
   display: none !important;
 }
 .excalidraw .ToolIcon_type_floating {
@@ -520,8 +537,7 @@
   font-size: 0.625rem;
   color: var(--keybinding-color);
   font-family: var(--ui-font);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 :root[dir=ltr] .excalidraw .unlocked-icon {
   left: 2px;
@@ -1237,8 +1253,7 @@
   display: flex;
   align-items: center;
   cursor: pointer;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 .excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) {
@@ -1304,8 +1319,8 @@
 }
 
 .excalidraw .Avatar {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: var(--avatar-size, 1.5rem);
+  height: var(--avatar-size, 1.5rem);
   position: relative;
   border-radius: 100%;
   outline-offset: 2px;
@@ -1319,6 +1334,9 @@
   color: var(--color-gray-90);
   flex: 0 0 auto;
 }
+.excalidraw .Avatar:active {
+  transform: scale(0.94);
+}
 .excalidraw .Avatar-img {
   width: 100%;
   height: 100%;
@@ -1331,13 +1349,13 @@
   right: -3px;
   bottom: -3px;
   left: -3px;
-  border: 1px solid var(--avatar-border-color);
   border-radius: 100%;
 }
-.excalidraw .Avatar--is-followed::before {
+.excalidraw .Avatar.is-followed::before {
   border-color: var(--color-primary-hover);
+  box-shadow: 0 0 0 1px var(--color-primary-hover);
 }
-.excalidraw .Avatar--is-current-user {
+.excalidraw .Avatar.is-current-user {
   cursor: auto;
 }
 /*!****************************************************************************************************************************************************************************************************************!*\
@@ -1405,93 +1423,187 @@
 .excalidraw-hyperlinkContainer__buttons {
   flex: 0 0 auto;
 }
-/*!********************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ContextMenu.scss ***!
-  \********************************************************************************************************************************************************************************************************/
-@charset "UTF-8";
+/*!***************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Dialog.scss ***!
+  \***************************************************************************************************************************************************************************************************/
 :export {
   themeFilter: invert(93%) hue-rotate(180deg);
   rightSidebarWidth: 302px;
 }
 
-.excalidraw .context-menu {
-  position: relative;
-  border-radius: 4px;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
-  padding: 0;
-  list-style: none;
-  -webkit-user-select: none;
-          user-select: none;
-  margin: -0.25rem 0 0 0.125rem;
-  padding: 0.5rem 0;
-  background-color: var(--popup-secondary-bg-color);
-  border: 1px solid var(--button-gray-3);
-  cursor: default;
+.excalidraw .Dialog {
+  user-select: text;
+  cursor: auto;
 }
-.excalidraw .context-menu button {
-  color: var(--popup-text-color);
+.excalidraw .Dialog__title {
+  margin: 0;
+  text-align: left;
+  font-size: 1.25rem;
+  border-bottom: 1px solid var(--dialog-border-color);
+  padding: 0 0 0.75rem;
+  margin-bottom: 1.5rem;
 }
-.excalidraw .context-menu-item {
-  position: relative;
-  width: 100%;
-  min-width: 9.5rem;
+.excalidraw .Dialog__close {
+  color: var(--color-gray-40);
   margin: 0;
-  padding: 0.25rem 1rem 0.25rem 1.25rem;
-  text-align: start;
-  border-radius: 0;
+  position: absolute;
+  top: 0.75rem;
+  right: 0.5rem;
+  border: 0;
   background-color: transparent;
-  border: none;
-  white-space: nowrap;
-  font-family: inherit;
-  display: grid;
-  grid-template-columns: 1fr 0.2fr;
-  align-items: center;
+  line-height: 0;
+  cursor: pointer;
 }
-.excalidraw .context-menu-item.checkmark::before {
-  position: absolute;
-  left: 6px;
-  margin-bottom: 1px;
-  content: "✓";
+.excalidraw .Dialog__close:hover {
+  color: var(--color-gray-60);
 }
-.excalidraw .context-menu-item.dangerous .context-menu-item__label {
-  color: #f03e3e;
+.excalidraw .Dialog__close:active {
+  color: var(--color-gray-40);
 }
-.excalidraw .context-menu-item .context-menu-item__label {
-  justify-self: start;
-  margin-inline-end: 20px;
+.excalidraw .Dialog__close svg {
+  width: 1.5rem;
+  height: 1.5rem;
 }
-.excalidraw .context-menu-item .context-menu-item__shortcut {
-  justify-self: end;
-  opacity: 0.6;
-  font-family: inherit;
-  font-size: 0.7rem;
+.excalidraw .Dialog__close + .Dialog__content {
+  --offset: 28px;
+  height: calc(100% - var(--offset)) !important;
+  margin-top: var(--offset) !important;
 }
-.excalidraw .context-menu-item:hover {
-  background-color: var(--select-highlight-color);
+.excalidraw .Dialog--fullscreen .Dialog__close {
+  top: 1.25rem;
+  right: 1.25rem;
 }
-.excalidraw .context-menu-item:hover.dangerous {
-  background-color: #fa5252;
+/*!***************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Island.scss ***!
+  \***************************************************************************************************************************************************************************************************/
+.excalidraw .Island {
+  --padding: 0;
+  box-sizing: border-box;
+  background-color: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+  border-radius: var(--border-radius-lg);
+  padding: calc(var(--padding) * var(--space-factor));
+  position: relative;
+  transition: box-shadow 0.5s ease-in-out;
 }
-.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label {
-  color: var(--popup-bg-color);
+.excalidraw .Island.zen-mode {
+  box-shadow: none;
 }
-.excalidraw .context-menu-item:focus {
+/*!**************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Modal.scss ***!
+  \**************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
+}
+
+.excalidraw.excalidraw-modal-container {
+  position: absolute;
+  z-index: var(--zIndex-modal);
+}
+.excalidraw .Modal {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: auto;
+  padding: calc(var(--space-factor) * 10);
+  display: flex;
+  flex-direction: column;
+}
+.excalidraw .Modal .Island {
+  padding: 2.5rem;
+  border: 0;
+  box-shadow: none;
+  border-radius: 0;
+}
+.excalidraw .Modal.animations-disabled .Modal__background {
+  animation: none;
+}
+.excalidraw .Modal.animations-disabled .Modal__content {
+  animation: none;
+  opacity: 1;
+}
+.excalidraw .Modal__background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   z-index: 1;
+  background-color: rgba(18, 18, 18, 0.2);
+  animation: Modal__background__fade-in 0.1s linear forwards;
 }
-.excalidraw--mobile.excalidraw .context-menu-item {
-  display: block;
+.excalidraw .Modal__content {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  max-width: var(--max-width);
+  max-height: 100%;
+  opacity: 0;
+  transform: translateY(10px);
+  animation: Modal__content_fade-in 0.025s ease-out 0s forwards;
+  position: relative;
+  overflow-y: auto;
+  background: var(--island-bg-color);
+  border: 1px solid var(--dialog-border-color);
+  box-shadow: var(--modal-shadow);
+  border-radius: 0.75rem;
+  box-sizing: border-box;
 }
-.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label {
-  margin-inline-end: 0;
+.excalidraw .Modal__content:focus {
+  outline: none;
 }
-.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut {
-  display: none;
+@keyframes Modal__background__fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
-
-.excalidraw .context-menu-item-separator {
-  border: none;
-  border-top: 1px solid #adb5bd;
+@keyframes Modal__content_fade-in {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.excalidraw .Modal__close {
+  color: var(--icon-fill-color);
   margin: 0;
+  padding: 0.375rem;
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  border: 0;
+  background-color: transparent;
+  line-height: 0;
+  cursor: pointer;
+}
+.excalidraw .Modal__close svg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.excalidraw .Dialog--fullscreen .Modal {
+  padding: 0;
+}
+.excalidraw .Dialog--fullscreen .Modal__content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  max-width: 100%;
+  border: 0;
+  border-radius: 0;
 }
 /*!**************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Stack.scss ***!
@@ -1511,106 +1623,214 @@
   grid-auto-flow: column;
   grid-auto-columns: min-content;
 }
-/*!****************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Actions.scss ***!
-  \****************************************************************************************************************************************************************************************************/
-.zoom-actions,
-.undo-redo-buttons {
-  background-color: var(--island-bg-color);
-  border-radius: var(--border-radius-lg);
-  box-shadow: 0 0 0 1px var(--color-surface-lowest);
+/*!**********************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ConfirmDialog.scss ***!
+  \**********************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
 }
 
-.zoom-button,
-.undo-redo-buttons button {
-  border-radius: 0 !important;
-  background-color: var(--color-surface-low) !important;
-  font-size: 0.875rem !important;
-  width: var(--lg-button-size);
-  height: var(--lg-button-size);
-}
-.zoom-button svg,
-.undo-redo-buttons button svg {
-  width: var(--lg-icon-size) !important;
-  height: var(--lg-icon-size) !important;
+.excalidraw .confirm-dialog-buttons {
+  display: flex;
+  column-gap: 0.5rem;
+  justify-content: flex-end;
 }
-.zoom-button .ToolIcon__icon,
-.undo-redo-buttons button .ToolIcon__icon {
-  width: 100%;
-  height: 100%;
+/*!***************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/DialogActionButton.scss ***!
+  \***************************************************************************************************************************************************************************************************************/
+.excalidraw .Dialog__action-button {
+  position: relative;
+  display: flex;
+  column-gap: 0.5rem;
+  align-items: center;
+  padding: 0.5rem 1.5rem;
+  border: 1px solid var(--default-border-color);
+  background-color: transparent;
+  height: 3rem;
+  border-radius: var(--border-radius-lg);
+  letter-spacing: 0.4px;
+  color: inherit;
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 600;
+  user-select: none;
 }
-
-.reset-zoom-button {
-  border-left: 0 !important;
-  border-right: 0 !important;
-  padding: 0 0.625rem !important;
-  width: 3.25rem !important;
-  justify-content: center !important;
-  color: var(--text-primary-color);
+.excalidraw .Dialog__action-button svg {
+  display: block;
+  width: 1rem;
+  height: 1rem;
 }
-
-.zoom-out-button {
-  border-top-left-radius: var(--border-radius-lg) !important;
-  border-bottom-left-radius: var(--border-radius-lg) !important;
+.excalidraw .Dialog__action-button--danger {
+  background-color: var(--color-danger);
+  border-color: var(--color-danger);
+  color: #fff;
 }
-:root[dir=rtl] .zoom-out-button {
-  transform: scaleX(-1);
+.excalidraw .Dialog__action-button--primary {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+  color: #fff;
 }
-.zoom-out-button .ToolIcon__icon {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
+.excalidraw.theme--dark .Dialog__action-button--danger {
+  color: var(--color-gray-100);
+}
+.excalidraw.theme--dark .Dialog__action-button--primary {
+  color: var(--color-gray-100);
+}
+/*!***********************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/PublishLibrary.scss ***!
+  \***********************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
 }
 
-.zoom-in-button {
-  border-top-right-radius: var(--border-radius-lg) !important;
-  border-bottom-right-radius: var(--border-radius-lg) !important;
+.excalidraw .publish-library__fields {
+  display: flex;
+  flex-direction: column;
 }
-:root[dir=rtl] .zoom-in-button {
-  transform: scaleX(-1);
+.excalidraw .publish-library__fields label {
+  padding: 1em 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
-.zoom-in-button .ToolIcon__icon {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+.excalidraw .publish-library__fields label span {
+  font-weight: 500;
+  font-size: 1rem;
+  color: #868e96;
 }
-
-.undo-redo-buttons .undo-button-container button {
-  border-top-left-radius: var(--border-radius-lg) !important;
-  border-bottom-left-radius: var(--border-radius-lg) !important;
-  border-right: 0 !important;
+.excalidraw .publish-library__fields label input,
+.excalidraw .publish-library__fields label textarea {
+  width: 70%;
+  padding: 0.6em;
+  font-family: var(--ui-font);
 }
-:root[dir=rtl] .undo-redo-buttons .undo-button-container button {
-  transform: scaleX(-1);
+.excalidraw .publish-library__fields label .required {
+  color: #e03131;
+  margin: 0.2rem;
 }
-.undo-redo-buttons .undo-button-container button .ToolIcon__icon {
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
+.excalidraw .publish-library__buttons {
+  display: flex;
+  padding: 0.2rem 0;
+  justify-content: flex-end;
+  gap: 0.5rem;
 }
-.undo-redo-buttons .redo-button-container button {
-  border-top-right-radius: var(--border-radius-lg) !important;
-  border-bottom-right-radius: var(--border-radius-lg) !important;
+.excalidraw .publish-library__buttons .ToolIcon__icon {
+  min-width: 2.5rem;
+  width: auto;
+  font-size: 1rem;
 }
-:root[dir=rtl] .undo-redo-buttons .redo-button-container button {
-  transform: scaleX(-1);
+.excalidraw .publish-library__buttons .ToolIcon_type_button {
+  margin-left: 1rem;
+  padding: 0 0.5rem;
 }
-.undo-redo-buttons .redo-button-container button .ToolIcon__icon {
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
+.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button {
+  background-color: #228be6;
 }
-/*!***************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Island.scss ***!
-  \***************************************************************************************************************************************************************************************************/
-.excalidraw .Island {
-  --padding: 0;
-  box-sizing: border-box;
-  background-color: var(--island-bg-color);
-  box-shadow: var(--shadow-island);
-  border-radius: var(--border-radius-lg);
-  padding: calc(var(--padding) * var(--space-factor));
+.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover {
+  background-color: #1971c2;
+}
+.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button {
+  background-color: #adb5bd;
+}
+.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover {
+  background-color: #868e96;
+}
+.excalidraw .publish-library__buttons .ToolIcon__icon {
+  color: #ffffff;
+}
+.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner {
+  --spinner-color: #fff;
+}
+.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg {
+  padding: 0.5rem;
+}
+.excalidraw .publish-library .selected-library-items {
+  display: flex;
+  flex-wrap: wrap;
+}
+.excalidraw .publish-library .selected-library-items .single-library-item-wrapper {
+  width: 9rem;
+}
+.excalidraw .publish-library-warning {
+  color: #fa5252;
+}
+.excalidraw .publish-library-note {
+  padding: 1em 0;
+  font-style: italic;
+  font-size: 14px;
+  display: block;
+}
+.excalidraw .single-library-item {
   position: relative;
-  transition: box-shadow 0.5s ease-in-out;
 }
-.excalidraw .Island.zen-mode {
-  box-shadow: none;
+.excalidraw .single-library-item-status {
+  position: absolute;
+  top: 0.3rem;
+  left: 0.3rem;
+  font-size: 0.7rem;
+  color: #f03e3e;
+  background: rgba(255, 255, 255, 0.9);
+  padding: 0.1rem 0.2rem;
+  border-radius: 0.2rem;
+}
+.excalidraw .single-library-item__svg {
+  background-color: #ffffff;
+  padding: 0.3rem;
+  width: 7.5rem;
+  height: 7.5rem;
+  border: 1px solid var(--button-gray-2);
+}
+.excalidraw .single-library-item__svg svg {
+  width: 100%;
+  height: 100%;
+}
+.excalidraw .single-library-item .ToolIcon__icon {
+  background-color: #ffffff;
+  width: auto;
+  height: auto;
+  margin: 0 0.5rem;
+}
+.excalidraw .single-library-item .ToolIcon,
+.excalidraw .single-library-item .ToolIcon_type_button:hover {
+  background-color: white;
+}
+.excalidraw .single-library-item .required,
+.excalidraw .single-library-item .error {
+  color: #e03131;
+  font-weight: bold;
+  font-size: 1rem;
+  margin: 0.2rem;
+}
+.excalidraw .single-library-item .error {
+  font-weight: 500;
+  margin: 0;
+  padding: 0.3em 0;
+}
+.excalidraw .single-library-item--remove {
+  position: absolute;
+  top: 0.2rem;
+  right: 1rem;
+}
+.excalidraw .single-library-item--remove .ToolIcon__icon {
+  margin: 0;
+}
+.excalidraw .single-library-item--remove .ToolIcon__icon {
+  background-color: #fa5252;
+}
+.excalidraw .single-library-item--remove .ToolIcon__icon:hover {
+  background-color: #f03e3e;
+}
+.excalidraw .single-library-item--remove .ToolIcon__icon:active {
+  background-color: #e03131;
+}
+.excalidraw .single-library-item--remove svg {
+  color: #ffffff;
+  padding: 0.26rem;
+  border-radius: 0.3em;
+  width: 1rem;
+  height: 1rem;
 }
 /*!**********************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/dropdownMenu/DropdownMenu.scss ***!
@@ -1688,6 +1908,11 @@
   margin-inline-start: auto;
   opacity: 0.5;
 }
+.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned {
+  text-align: right;
+  font-size: 0.875rem;
+  padding: 0 0.625rem;
+}
 .excalidraw .dropdown-menu .dropdown-menu-item:hover {
   background-color: var(--button-hover) !important;
   text-decoration: none;
@@ -1701,6 +1926,21 @@
   height: 1rem;
   display: block;
 }
+.excalidraw .dropdown-menu .dropdown-menu-item-bare {
+  align-items: center;
+  height: 2rem;
+  justify-content: space-between;
+}
+@media screen and (min-width: 1921px) {
+  .excalidraw .dropdown-menu .dropdown-menu-item-bare {
+    height: 2.25rem;
+  }
+}
+.excalidraw .dropdown-menu .dropdown-menu-item-bare svg {
+  width: 1rem;
+  height: 1rem;
+  display: block;
+}
 .excalidraw .dropdown-menu .dropdown-menu-item-custom {
   margin-top: 0.5rem;
 }
@@ -1782,722 +2022,739 @@
   width: var(--default-button-size);
   height: var(--default-button-size);
 }
-/*!***************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Dialog.scss ***!
-  \***************************************************************************************************************************************************************************************************/
+/*!********************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryUnit.scss ***!
+  \********************************************************************************************************************************************************************************************************/
 :export {
   themeFilter: invert(93%) hue-rotate(180deg);
   rightSidebarWidth: 302px;
 }
 
-.excalidraw .Dialog {
-  -webkit-user-select: text;
-          user-select: text;
-  cursor: auto;
+.excalidraw .library-unit {
+  align-items: center;
+  border: 1px solid transparent;
+  display: flex;
+  justify-content: center;
+  position: relative;
+  width: 55px;
+  height: 55px;
+  box-sizing: border-box;
+  border-radius: var(--border-radius-lg);
 }
-.excalidraw .Dialog__title {
-  margin: 0;
-  text-align: left;
-  font-size: 1.25rem;
-  border-bottom: 1px solid var(--dialog-border-color);
-  padding: 0 0 0.75rem;
-  margin-bottom: 1.5rem;
+.excalidraw .library-unit svg {
+  pointer-events: none;
 }
-.excalidraw .Dialog__close {
-  color: var(--color-gray-40);
+.excalidraw .library-unit--hover {
+  border-color: var(--color-primary);
+}
+.excalidraw .library-unit--selected {
+  border-color: var(--color-primary);
+  border-width: 1px;
+}
+.excalidraw .library-unit--skeleton {
+  opacity: 0.5;
+  background: linear-gradient(-45deg, var(--color-gray-10), var(--color-gray-20), var(--color-gray-10));
+  background-size: 200% 200%;
+  animation: library-unit__skeleton-opacity-animation 0.2s linear;
+}
+.excalidraw.theme--dark .library-unit--skeleton {
+  background-image: linear-gradient(-45deg, var(--color-gray-100), var(--color-gray-80), var(--color-gray-100));
+}
+.excalidraw .library-unit__dragger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+}
+.excalidraw .library-unit__dragger > svg {
+  filter: var(--theme-filter);
+  flex-grow: 1;
+  max-height: 100%;
+  max-width: 100%;
+}
+.excalidraw .library-unit__checkbox-container,
+.excalidraw .library-unit__checkbox-container:hover,
+.excalidraw .library-unit__checkbox-container:active {
+  align-items: center;
+  background: none;
+  border: none;
+  color: var(--icon-fill-color);
+  display: flex;
+  justify-content: center;
   margin: 0;
+  padding: 0.5rem;
   position: absolute;
-  top: 0.75rem;
-  right: 0.5rem;
-  border: 0;
-  background-color: transparent;
-  line-height: 0;
+  left: 2rem;
+  bottom: 2rem;
   cursor: pointer;
 }
-.excalidraw .Dialog__close:hover {
-  color: var(--color-gray-60);
+.excalidraw .library-unit__checkbox-container input,
+.excalidraw .library-unit__checkbox-container:hover input,
+.excalidraw .library-unit__checkbox-container:active input {
+  cursor: pointer;
 }
-.excalidraw .Dialog__close:active {
-  color: var(--color-gray-40);
+.excalidraw .library-unit__checkbox {
+  position: absolute;
+  top: 0.125rem;
+  right: 0.125rem;
+  margin: 0;
 }
-.excalidraw .Dialog__close svg {
-  width: 1.5rem;
-  height: 1.5rem;
+.excalidraw .library-unit__checkbox .Checkbox-box {
+  margin: 0;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 4px;
+  background-color: var(--color-primary-light);
+  border: 1px solid var(--color-primary);
+  box-shadow: none !important;
+  padding: 2px;
 }
-.excalidraw .Dialog--fullscreen .Dialog__close {
-  top: 1.25rem;
-  right: 1.25rem;
+.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box {
+  background-color: var(--color-primary-light);
 }
-/*!**************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Modal.scss ***!
-  \**************************************************************************************************************************************************************************************************/
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
+.excalidraw .library-unit__checkbox.is-checked .Checkbox-box {
+  background-color: var(--color-primary) !important;
 }
-
-.excalidraw.excalidraw-modal-container {
-  position: absolute;
-  z-index: var(--zIndex-modal);
+.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg {
+  color: var(--color-primary-light);
 }
-.excalidraw .Modal {
+.excalidraw .library-unit__removeFromLibrary > svg {
+  height: 16px;
+  width: 16px;
+}
+.excalidraw .library-unit__adder {
+  transform: scale(1);
+  animation: library-unit__adder-animation 1s ease-in infinite;
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  width: 1.5rem;
+  height: 1.5rem;
+  background-color: var(--color-primary);
+  border-radius: var(--border-radius-md);
   display: flex;
-  align-items: center;
   justify-content: center;
-  overflow: auto;
-  padding: calc(var(--space-factor) * 10);
-  display: flex;
-  flex-direction: column;
-}
-.excalidraw .Modal .Island {
-  padding: 2.5rem;
+  align-items: center;
+  pointer-events: none;
 }
-.excalidraw .Modal__background {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1;
-  background-color: rgba(18, 18, 18, 0.2);
-  animation: Modal__background__fade-in 0.125s linear forwards;
+.excalidraw .library-unit__adder svg {
+  color: var(--color-primary-light);
+  width: 1rem;
+  height: 1rem;
 }
-.excalidraw .Modal__content {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  max-width: var(--max-width);
-  max-height: 100%;
-  opacity: 0;
-  transform: translateY(10px);
-  animation: Modal__content_fade-in 0.1s ease-out 0.05s forwards;
-  position: relative;
-  overflow-y: auto;
-  background: var(--island-bg-color);
-  border: 1px solid var(--dialog-border-color);
-  box-shadow: var(--modal-shadow);
-  border-radius: 6px;
-  box-sizing: border-box;
+.excalidraw .library-unit:active .library-unit__adder {
+  animation: none;
+  transform: scale(0.8);
 }
-.excalidraw .Modal__content:focus {
-  outline: none;
+.excalidraw .library-unit__active {
+  cursor: pointer;
 }
-@keyframes Modal__background__fade-in {
-  from {
-    opacity: 0;
+@keyframes library-unit__adder-animation {
+  0% {
+    transform: scale(0.85);
   }
-  to {
-    opacity: 1;
+  50% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.85);
   }
 }
-@keyframes Modal__content_fade-in {
-  from {
+@keyframes library-unit__skeleton-opacity-animation {
+  0% {
     opacity: 0;
-    transform: scale(0.9);
   }
-  to {
-    opacity: 1;
-    transform: scale(1);
+  75% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0.5;
   }
 }
-.excalidraw .Modal__close {
-  color: var(--icon-fill-color);
-  margin: 0;
-  padding: 0.375rem;
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-  border: 0;
-  background-color: transparent;
-  line-height: 0;
-  cursor: pointer;
-}
-.excalidraw .Modal__close svg {
-  width: 1.5rem;
-  height: 1.5rem;
+/*!*************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryMenuItems.scss ***!
+  \*************************************************************************************************************************************************************************************************************/
+.excalidraw {
+  --container-padding-y: 1.5rem;
+  --container-padding-x: 0.75rem;
 }
-.excalidraw .Dialog--fullscreen .Modal {
-  padding: 0;
+.excalidraw .library-menu-items__no-items {
+  text-align: center;
+  color: var(--color-gray-70);
+  line-height: 1.5;
+  font-size: 0.875rem;
+  width: 100%;
 }
-.excalidraw .Dialog--fullscreen .Modal__content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  max-width: 100%;
-  border: 0;
-  border-radius: 0;
+.excalidraw .library-menu-items__no-items__label {
+  color: var(--color-primary);
+  font-weight: bold;
+  font-size: 1.125rem;
+  margin-bottom: 0.75rem;
 }
-/*!**********************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ConfirmDialog.scss ***!
-  \**********************************************************************************************************************************************************************************************************/
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
+.excalidraw.theme--dark .library-menu-items__no-items {
+  color: var(--color-gray-40);
 }
-
-.excalidraw .confirm-dialog-buttons {
+.excalidraw .library-menu-items-container {
+  width: 100%;
   display: flex;
-  column-gap: 0.5rem;
-  justify-content: flex-end;
-}
-/*!***************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/DialogActionButton.scss ***!
-  \***************************************************************************************************************************************************************************************************************/
-.excalidraw .Dialog__action-button {
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: 0;
+  overflow-y: auto;
+  flex-direction: column;
+  height: 100%;
+  justify-content: center;
+  margin: 0;
   position: relative;
-  display: flex;
-  column-gap: 0.5rem;
-  align-items: center;
-  padding: 0.5rem 1.5rem;
-  border: 1px solid var(--default-border-color);
-  background-color: transparent;
-  height: 3rem;
-  border-radius: var(--border-radius-lg);
-  letter-spacing: 0.4px;
-  color: inherit;
-  font-family: inherit;
-  font-size: 0.875rem;
-  font-weight: 600;
-  -webkit-user-select: none;
-          user-select: none;
 }
-.excalidraw .Dialog__action-button svg {
-  display: block;
-  width: 1rem;
-  height: 1rem;
-}
-.excalidraw .Dialog__action-button--danger {
-  background-color: var(--color-danger);
-  border-color: var(--color-danger);
-  color: #fff;
+.excalidraw .library-menu-items-container > div {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
 }
-.excalidraw .Dialog__action-button--primary {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-  color: #fff;
+.excalidraw .library-menu-items-container__row {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 1rem;
 }
-.excalidraw.theme--dark .Dialog__action-button--danger {
-  color: var(--color-gray-100);
+.excalidraw .library-menu-items-container__items {
+  row-gap: 0.5rem;
+  padding: var(--container-padding-y) 0;
+  flex: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+  margin-bottom: 1rem;
 }
-.excalidraw.theme--dark .Dialog__action-button--primary {
-  color: var(--color-gray-100);
+.excalidraw .library-menu-items-container__header {
+  color: var(--color-primary);
+  font-size: 1.125rem;
+  font-weight: bold;
+  margin-bottom: 0.75rem;
+  width: 100%;
+  padding-right: 4rem;
+  box-sizing: border-box;
 }
-/*!***********************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/PublishLibrary.scss ***!
-  \***********************************************************************************************************************************************************************************************************/
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
+.excalidraw .library-menu-items-container__header--excal {
+  margin-top: 2rem;
 }
-
-.excalidraw .publish-library__fields {
-  display: flex;
-  flex-direction: column;
+.excalidraw .library-menu-items-container__grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-gap: 1rem;
 }
-.excalidraw .publish-library__fields label {
-  padding: 1em 0;
+.excalidraw .library-menu-items-container .separator {
+  width: 100%;
   display: flex;
-  justify-content: space-between;
   align-items: center;
-}
-.excalidraw .publish-library__fields label span {
   font-weight: 500;
-  font-size: 1rem;
-  color: #868e96;
+  font-size: 0.9rem;
+  margin: 0.6em 0.2em;
+  color: var(--text-primary-color);
 }
-.excalidraw .publish-library__fields label input,
-.excalidraw .publish-library__fields label textarea {
-  width: 70%;
-  padding: 0.6em;
-  font-family: var(--ui-font);
+.excalidraw .library-menu-items-private-library-container {
+  min-height: 3.75rem;
+  width: 100%;
 }
-.excalidraw .publish-library__fields label .required {
-  color: #e03131;
-  margin: 0.2rem;
+/*!********************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryMenu.scss ***!
+  \********************************************************************************************************************************************************************************************************/
+.excalidraw .layer-ui__library {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
 }
-.excalidraw .publish-library__buttons {
+.excalidraw .library-actions-counter {
+  background-color: var(--color-primary);
+  color: var(--color-primary-light);
+  font-weight: bold;
   display: flex;
-  padding: 0.2rem 0;
-  justify-content: flex-end;
-  gap: 0.5rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  width: 1rem;
+  height: 1rem;
+  position: absolute;
+  bottom: -0.25rem;
+  right: -0.25rem;
+  font-size: 0.625rem;
+  pointer-events: none;
 }
-.excalidraw .publish-library__buttons .ToolIcon__icon {
-  min-width: 2.5rem;
-  width: auto;
-  font-size: 1rem;
+.excalidraw .layer-ui__library-message {
+  padding: 2rem;
+  min-width: 200px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-grow: 1;
+  justify-content: center;
 }
-.excalidraw .publish-library__buttons .ToolIcon_type_button {
-  margin-left: 1rem;
-  padding: 0 0.5rem;
+.excalidraw .layer-ui__library-message span {
+  font-size: 0.8em;
 }
-.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button {
+.excalidraw .publish-library-success .Dialog__content {
+  display: flex;
+  flex-direction: column;
+}
+.excalidraw .publish-library-success-close.ToolIcon_type_button {
   background-color: #228be6;
+  align-self: flex-end;
 }
-.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover {
+.excalidraw .publish-library-success-close.ToolIcon_type_button:hover {
   background-color: #1971c2;
 }
-.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button {
-  background-color: #adb5bd;
+.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon {
+  width: auto;
+  font-size: 1rem;
+  color: #ffffff;
+  padding: 0 0.5rem;
 }
-.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover {
-  background-color: #868e96;
+.excalidraw .library-menu-control-buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.625rem;
+  position: relative;
 }
-.excalidraw .publish-library__buttons .ToolIcon__icon {
+.excalidraw .library-menu-control-buttons--at-bottom::before {
+  content: "";
+  width: calc(100% - 1.5rem);
+  height: 1px;
+  position: absolute;
+  top: -1px;
+  background: var(--sidebar-border-color);
+}
+.excalidraw .library-menu-browse-button {
+  flex: 1;
+  height: var(--lg-button-size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+  border-radius: var(--border-radius-lg);
+  background-color: var(--color-primary);
   color: #ffffff;
+  text-align: center;
+  white-space: nowrap;
+  text-decoration: none !important;
+  font-weight: 600;
+  font-size: 0.75rem;
 }
-.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner {
-  --spinner-color: #fff;
+.excalidraw .library-menu-browse-button:hover {
+  background-color: var(--color-brand-hover);
 }
-.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg {
-  padding: 0.5rem;
+.excalidraw .library-menu-browse-button:active {
+  background-color: var(--color-brand-active);
 }
-.excalidraw .publish-library .selected-library-items {
-  display: flex;
-  flex-wrap: wrap;
+.excalidraw.theme--dark .library-menu-browse-button {
+  color: var(--color-gray-100);
 }
-.excalidraw .publish-library .selected-library-items .single-library-item-wrapper {
-  width: 9rem;
+.excalidraw.excalidraw--mobile .library-menu-browse-button {
+  height: var(--default-button-size);
 }
-.excalidraw .publish-library-warning {
-  color: #fa5252;
+.excalidraw .layer-ui__library .dropdown-menu {
+  width: auto;
+  top: initial;
+  right: 0;
+  left: initial;
+  bottom: 100%;
+  margin-bottom: 0.625rem;
 }
-.excalidraw .publish-library-note {
-  padding: 1em 0;
-  font-style: italic;
-  font-size: 14px;
-  display: block;
+.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container {
+  width: 196px;
+  box-shadow: var(--library-dropdown-shadow);
+  border-radius: var(--border-radius-lg);
+  padding: 0.25rem 0.5rem;
 }
-.excalidraw .single-library-item {
+.excalidraw .layer-ui__library .library-menu-dropdown-container {
   position: relative;
 }
-.excalidraw .single-library-item-status {
+.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading {
+  padding: 0;
   position: absolute;
-  top: 0.3rem;
-  left: 0.3rem;
-  font-size: 0.7rem;
-  color: #f03e3e;
-  background: rgba(255, 255, 255, 0.9);
-  padding: 0.1rem 0.2rem;
-  border-radius: 0.2rem;
+  top: 1rem;
+  right: 0.75rem;
+  z-index: 1;
 }
-.excalidraw .single-library-item__svg {
-  background-color: #ffffff;
-  padding: 0.3rem;
-  width: 7.5rem;
-  height: 7.5rem;
-  border: 1px solid var(--button-gray-2);
+.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu {
+  top: 100%;
 }
-.excalidraw .single-library-item__svg svg {
-  width: 100%;
-  height: 100%;
+/*!******************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/TextField.scss ***!
+  \******************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
 }
-.excalidraw .single-library-item .ToolIcon__icon {
-  background-color: #ffffff;
-  width: auto;
-  height: auto;
-  margin: 0 0.5rem;
+
+.excalidraw {
+  --ExcTextField--color: var(--color-on-surface);
+  --ExcTextField--label-color: var(--color-on-surface);
+  --ExcTextField--background: transparent;
+  --ExcTextField--readonly--background: var(--color-surface-high);
+  --ExcTextField--readonly--color: var(--color-on-surface);
+  --ExcTextField--border: var(--color-border-outline);
+  --ExcTextField--readonly--border: var(--color-border-outline-variant);
+  --ExcTextField--border-hover: var(--color-brand-hover);
+  --ExcTextField--border-active: var(--color-brand-active);
+  --ExcTextField--placeholder: var(--color-border-outline-variant);
 }
-.excalidraw .single-library-item .ToolIcon,
-.excalidraw .single-library-item .ToolIcon_type_button:hover {
-  background-color: white;
+.excalidraw .ExcTextField--fullWidth {
+  width: 100%;
+  flex-grow: 1;
 }
-.excalidraw .single-library-item .required,
-.excalidraw .single-library-item .error {
-  color: #e03131;
-  font-weight: bold;
-  font-size: 1rem;
-  margin: 0.2rem;
+.excalidraw .ExcTextField__label {
+  font-family: "Assistant";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 150%;
+  color: var(--ExcTextField--label-color);
+  margin-bottom: 0.25rem;
+  user-select: none;
 }
-.excalidraw .single-library-item .error {
-  font-weight: 500;
-  margin: 0;
-  padding: 0.3em 0;
+.excalidraw .ExcTextField__input {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 0 1rem;
+  height: 3rem;
+  background: var(--ExcTextField--background);
+  border: 1px solid var(--ExcTextField--border);
+  border-radius: 0.5rem;
 }
-.excalidraw .single-library-item--remove {
-  position: absolute;
-  top: 0.2rem;
-  right: 1rem;
+.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover {
+  border-color: var(--ExcTextField--border-hover);
 }
-.excalidraw .single-library-item--remove .ToolIcon__icon {
+.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active, .excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within {
+  border-color: var(--ExcTextField--border-active);
+}
+.excalidraw .ExcTextField__input input {
+  display: flex;
+  align-items: center;
+  border: none;
+  outline: none;
+  padding: 0;
   margin: 0;
+  height: 1.5rem;
+  color: var(--ExcTextField--color);
+  font-family: "Assistant";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 150%;
+  text-overflow: ellipsis;
+  background: transparent;
+  width: 100%;
 }
-.excalidraw .single-library-item--remove .ToolIcon__icon {
-  background-color: #fa5252;
+.excalidraw .ExcTextField__input input::placeholder {
+  color: var(--ExcTextField--placeholder);
 }
-.excalidraw .single-library-item--remove .ToolIcon__icon:hover {
-  background-color: #f03e3e;
+.excalidraw .ExcTextField__input input:not(:focus):hover {
+  background-color: initial;
 }
-.excalidraw .single-library-item--remove .ToolIcon__icon:active {
-  background-color: #e03131;
+.excalidraw .ExcTextField__input input:focus {
+  outline: initial;
+  box-shadow: initial;
 }
-.excalidraw .single-library-item--remove svg {
-  color: #ffffff;
-  padding: 0.26rem;
-  border-radius: 0.3em;
-  width: 1rem;
-  height: 1rem;
+.excalidraw .ExcTextField__input--readonly {
+  background: var(--ExcTextField--readonly--background);
+  border-color: var(--ExcTextField--readonly--border);
 }
-/*!********************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryUnit.scss ***!
-  \********************************************************************************************************************************************************************************************************/
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
+.excalidraw .ExcTextField__input--readonly input {
+  color: var(--ExcTextField--readonly--color);
 }
-
-.excalidraw .library-unit {
-  align-items: center;
-  border: 1px solid transparent;
-  display: flex;
-  justify-content: center;
-  position: relative;
-  width: 55px;
-  height: 55px;
-  box-sizing: border-box;
+/*!****************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Actions.scss ***!
+  \****************************************************************************************************************************************************************************************************/
+.zoom-actions,
+.undo-redo-buttons {
+  background-color: var(--island-bg-color);
   border-radius: var(--border-radius-lg);
+  box-shadow: 0 0 0 1px var(--color-surface-lowest);
 }
-.excalidraw .library-unit svg {
-  pointer-events: none;
-}
-.excalidraw .library-unit--hover {
-  border-color: var(--color-primary);
-}
-.excalidraw .library-unit--selected {
-  border-color: var(--color-primary);
-  border-width: 1px;
-}
-.excalidraw .library-unit--skeleton {
-  opacity: 0.5;
-  background: linear-gradient(-45deg, var(--color-gray-10), var(--color-gray-20), var(--color-gray-10));
-  background-size: 200% 200%;
-  animation: library-unit__skeleton-opacity-animation 0.2s linear;
+
+.zoom-button,
+.undo-redo-buttons button {
+  border-radius: 0 !important;
+  background-color: var(--color-surface-low) !important;
+  font-size: 0.875rem !important;
+  width: var(--lg-button-size);
+  height: var(--lg-button-size);
 }
-.excalidraw.theme--dark .library-unit--skeleton {
-  background-image: linear-gradient(-45deg, var(--color-gray-100), var(--color-gray-80), var(--color-gray-100));
+.zoom-button svg,
+.undo-redo-buttons button svg {
+  width: var(--lg-icon-size) !important;
+  height: var(--lg-icon-size) !important;
 }
-.excalidraw .library-unit__dragger {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
+.zoom-button .ToolIcon__icon,
+.undo-redo-buttons button .ToolIcon__icon {
   width: 100%;
+  height: 100%;
 }
-.excalidraw .library-unit__dragger > svg {
-  filter: var(--theme-filter);
-  flex-grow: 1;
-  max-height: 100%;
-  max-width: 100%;
-}
-.excalidraw .library-unit__checkbox-container,
-.excalidraw .library-unit__checkbox-container:hover,
-.excalidraw .library-unit__checkbox-container:active {
-  align-items: center;
-  background: none;
-  border: none;
-  color: var(--icon-fill-color);
-  display: flex;
-  justify-content: center;
-  margin: 0;
-  padding: 0.5rem;
-  position: absolute;
-  left: 2rem;
-  bottom: 2rem;
-  cursor: pointer;
+
+.reset-zoom-button {
+  border-left: 0 !important;
+  border-right: 0 !important;
+  padding: 0 0.625rem !important;
+  width: 3.25rem !important;
+  justify-content: center !important;
+  color: var(--text-primary-color);
 }
-.excalidraw .library-unit__checkbox-container input,
-.excalidraw .library-unit__checkbox-container:hover input,
-.excalidraw .library-unit__checkbox-container:active input {
-  cursor: pointer;
+
+.zoom-out-button {
+  border-top-left-radius: var(--border-radius-lg) !important;
+  border-bottom-left-radius: var(--border-radius-lg) !important;
 }
-.excalidraw .library-unit__checkbox {
-  position: absolute;
-  top: 0.125rem;
-  right: 0.125rem;
-  margin: 0;
+:root[dir=rtl] .zoom-out-button {
+  transform: scaleX(-1);
 }
-.excalidraw .library-unit__checkbox .Checkbox-box {
-  margin: 0;
-  width: 1rem;
-  height: 1rem;
-  border-radius: 4px;
-  background-color: var(--color-primary-light);
-  border: 1px solid var(--color-primary);
-  box-shadow: none !important;
-  padding: 2px;
+.zoom-out-button .ToolIcon__icon {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box {
-  background-color: var(--color-primary-light);
+
+.zoom-in-button {
+  border-top-right-radius: var(--border-radius-lg) !important;
+  border-bottom-right-radius: var(--border-radius-lg) !important;
 }
-.excalidraw .library-unit__checkbox.is-checked .Checkbox-box {
-  background-color: var(--color-primary) !important;
+:root[dir=rtl] .zoom-in-button {
+  transform: scaleX(-1);
 }
-.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg {
-  color: var(--color-primary-light);
+.zoom-in-button .ToolIcon__icon {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
-.excalidraw .library-unit__removeFromLibrary > svg {
-  height: 16px;
-  width: 16px;
+
+.undo-redo-buttons .undo-button-container button {
+  border-top-left-radius: var(--border-radius-lg) !important;
+  border-bottom-left-radius: var(--border-radius-lg) !important;
+  border-right: 0 !important;
 }
-.excalidraw .library-unit__adder {
-  transform: scale(1);
-  animation: library-unit__adder-animation 1s ease-in infinite;
-  position: absolute;
-  width: 1.5rem;
-  height: 1.5rem;
-  background-color: var(--color-primary);
-  border-radius: var(--border-radius-md);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  pointer-events: none;
+:root[dir=rtl] .undo-redo-buttons .undo-button-container button {
+  transform: scaleX(-1);
 }
-.excalidraw .library-unit__adder svg {
-  color: var(--color-primary-light);
-  width: 1rem;
-  height: 1rem;
+.undo-redo-buttons .undo-button-container button .ToolIcon__icon {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-.excalidraw .library-unit:active .library-unit__adder {
-  animation: none;
-  transform: scale(0.8);
+.undo-redo-buttons .redo-button-container button {
+  border-top-right-radius: var(--border-radius-lg) !important;
+  border-bottom-right-radius: var(--border-radius-lg) !important;
 }
-.excalidraw .library-unit__active {
-  cursor: pointer;
+:root[dir=rtl] .undo-redo-buttons .redo-button-container button {
+  transform: scaleX(-1);
 }
-@keyframes library-unit__adder-animation {
-  0% {
-    transform: scale(0.85);
-  }
-  50% {
-    transform: scale(1);
-  }
-  100% {
-    transform: scale(0.85);
-  }
+.undo-redo-buttons .redo-button-container button .ToolIcon__icon {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
 }
-@keyframes library-unit__skeleton-opacity-animation {
-  0% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0.5;
-  }
+/*!**************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/CommandPalette/CommandPalette.scss ***!
+  \**************************************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
 }
-/*!*************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryMenuItems.scss ***!
-  \*************************************************************************************************************************************************************************************************************/
-.excalidraw {
-  --container-padding-y: 1.5rem;
-  --container-padding-x: 0.75rem;
+
+.excalidraw .command-palette-dialog {
+  user-select: none;
 }
-.excalidraw .library-menu-items__no-items {
-  text-align: center;
-  color: var(--color-gray-70);
-  line-height: 1.5;
-  font-size: 0.875rem;
-  width: 100%;
+.excalidraw .command-palette-dialog .Modal__content {
+  height: auto;
+  max-height: 100%;
 }
-.excalidraw .library-menu-items__no-items__label {
-  color: var(--color-primary);
-  font-weight: bold;
-  font-size: 1.125rem;
-  margin-bottom: 0.75rem;
+@media screen and (min-width: 861px) {
+  .excalidraw .command-palette-dialog .Modal__content {
+    max-height: 750px;
+    height: 100%;
+  }
 }
-.excalidraw.theme--dark .library-menu-items__no-items {
-  color: var(--color-gray-40);
+.excalidraw .command-palette-dialog .Modal__content .Island {
+  height: 100%;
+  padding: 1.5rem;
 }
-.excalidraw .library-menu-items-container {
-  width: 100%;
+.excalidraw .command-palette-dialog .Modal__content .Dialog__content {
+  height: 100%;
   display: flex;
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 0;
-  overflow-y: auto;
   flex-direction: column;
-  height: 100%;
-  justify-content: center;
-  margin: 0;
-  position: relative;
-}
-.excalidraw .library-menu-items-container > div {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-}
-.excalidraw .library-menu-items-container__row {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 1rem;
 }
-.excalidraw .library-menu-items-container__items {
-  row-gap: 0.5rem;
-  padding: var(--container-padding-y) 0;
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  margin-bottom: 1rem;
+.excalidraw .command-palette-dialog .shortcuts-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 12px;
+  gap: 1.5rem;
 }
-.excalidraw .library-menu-items-container__header {
-  color: var(--color-primary);
-  font-size: 1.125rem;
-  font-weight: bold;
-  margin-bottom: 0.75rem;
-  width: 100%;
-  padding-right: 4rem;
-  box-sizing: border-box;
+.excalidraw .command-palette-dialog .shortcut {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 16px;
+  font-size: 10px;
+  gap: 0.25rem;
 }
-.excalidraw .library-menu-items-container__header--excal {
-  margin-top: 2rem;
+.excalidraw .command-palette-dialog .shortcut .shortcut-wrapper {
+  display: flex;
 }
-.excalidraw .library-menu-items-container__grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
-  grid-gap: 1rem;
+.excalidraw .command-palette-dialog .shortcut .shortcut-plus {
+  margin: 0px 4px;
 }
-.excalidraw .library-menu-items-container .separator {
-  width: 100%;
+.excalidraw .command-palette-dialog .shortcut .shortcut-key {
+  padding: 0px 4px;
+  height: 16px;
+  border-radius: 4px;
   display: flex;
+  justify-content: center;
   align-items: center;
-  font-weight: 500;
-  font-size: 0.9rem;
-  margin: 0.6em 0.2em;
-  color: var(--text-primary-color);
+  background-color: var(--color-primary-light);
 }
-.excalidraw .library-menu-items-private-library-container {
-  min-height: 3.75rem;
-  width: 100%;
+.excalidraw .command-palette-dialog .shortcut .shortcut-desc {
+  margin-left: 4px;
+  color: var(--color-gray-50);
 }
-/*!********************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LibraryMenu.scss ***!
-  \********************************************************************************************************************************************************************************************************/
-.excalidraw .layer-ui__library {
+.excalidraw .command-palette-dialog .commands {
+  overflow-y: auto;
+  box-sizing: border-box;
+  margin-top: 12px;
+  color: var(--popup-text-color);
+  user-select: none;
+}
+.excalidraw .command-palette-dialog .commands .command-category {
   display: flex;
   flex-direction: column;
-  flex: 1 1 auto;
+  padding: 12px 0px;
+  margin-right: 0.25rem;
 }
-.excalidraw .library-actions-counter {
-  background-color: var(--color-primary);
-  color: var(--color-primary-light);
-  font-weight: bold;
+.excalidraw .command-palette-dialog .commands .command-category-title {
+  font-size: 1rem;
+  font-weight: 600;
+  margin-bottom: 6px;
   display: flex;
   align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  width: 1rem;
-  height: 1rem;
-  position: absolute;
-  bottom: -0.25rem;
-  right: -0.25rem;
-  font-size: 0.625rem;
-  pointer-events: none;
 }
-.excalidraw .layer-ui__library-message {
-  padding: 2rem;
-  min-width: 200px;
+.excalidraw .command-palette-dialog .commands .command-item {
+  color: var(--popup-text-color);
+  height: 2.5rem;
   display: flex;
-  flex-direction: column;
+  justify-content: space-between;
   align-items: center;
-  flex-grow: 1;
-  justify-content: center;
+  box-sizing: border-box;
+  padding: 0 0.5rem;
+  border-radius: var(--border-radius-lg);
+  cursor: pointer;
 }
-.excalidraw .layer-ui__library-message span {
-  font-size: 0.8em;
+.excalidraw .command-palette-dialog .commands .command-item:active {
+  background-color: var(--color-surface-low);
 }
-.excalidraw .publish-library-success .Dialog__content {
+.excalidraw .command-palette-dialog .commands .command-item .name {
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  gap: 0.25rem;
 }
-.excalidraw .publish-library-success-close.ToolIcon_type_button {
-  background-color: #228be6;
-  align-self: flex-end;
+.excalidraw .command-palette-dialog .commands .item-selected {
+  background-color: var(--color-surface-mid);
 }
-.excalidraw .publish-library-success-close.ToolIcon_type_button:hover {
-  background-color: #1971c2;
+.excalidraw .command-palette-dialog .commands .item-disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
 }
-.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon {
-  width: auto;
-  font-size: 1rem;
-  color: #ffffff;
-  padding: 0 0.5rem;
+.excalidraw .command-palette-dialog .commands .no-match {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 36px;
+}
+.excalidraw .command-palette-dialog .icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 6px;
+}
+/*!********************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ContextMenu.scss ***!
+  \********************************************************************************************************************************************************************************************************/
+@charset "UTF-8";
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
 }
-.excalidraw .library-menu-control-buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.625rem;
+
+.excalidraw .context-menu {
   position: relative;
+  border-radius: 4px;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+  padding: 0;
+  list-style: none;
+  user-select: none;
+  margin: -0.25rem 0 0 0.125rem;
+  padding: 0.5rem 0;
+  background-color: var(--popup-secondary-bg-color);
+  border: 1px solid var(--button-gray-3);
+  cursor: default;
 }
-.excalidraw .library-menu-control-buttons--at-bottom::before {
-  content: "";
-  width: calc(100% - 1.5rem);
-  height: 1px;
-  position: absolute;
-  top: -1px;
-  background: var(--sidebar-border-color);
+.excalidraw .context-menu button {
+  color: var(--popup-text-color);
 }
-.excalidraw .library-menu-browse-button {
-  flex: 1;
-  height: var(--lg-button-size);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
+.excalidraw .context-menu-item {
   position: relative;
-  border-radius: var(--border-radius-lg);
-  background-color: var(--color-primary);
-  color: #ffffff;
-  text-align: center;
+  width: 100%;
+  min-width: 9.5rem;
+  margin: 0;
+  padding: 0.25rem 1rem 0.25rem 1.25rem;
+  text-align: start;
+  border-radius: 0;
+  background-color: transparent;
+  border: none;
   white-space: nowrap;
-  text-decoration: none !important;
-  font-weight: 600;
-  font-size: 0.75rem;
+  font-family: inherit;
+  display: grid;
+  grid-template-columns: 1fr 0.2fr;
+  align-items: center;
 }
-.excalidraw .library-menu-browse-button:hover {
-  background-color: var(--color-brand-hover);
+.excalidraw .context-menu-item.checkmark::before {
+  position: absolute;
+  left: 6px;
+  margin-bottom: 1px;
+  content: "✓";
 }
-.excalidraw .library-menu-browse-button:active {
-  background-color: var(--color-brand-active);
+.excalidraw .context-menu-item.dangerous .context-menu-item__label {
+  color: #f03e3e;
 }
-.excalidraw.theme--dark .library-menu-browse-button {
-  color: var(--color-gray-100);
+.excalidraw .context-menu-item .context-menu-item__label {
+  justify-self: start;
+  margin-inline-end: 20px;
 }
-.excalidraw.excalidraw--mobile .library-menu-browse-button {
-  height: var(--default-button-size);
+.excalidraw .context-menu-item .context-menu-item__shortcut {
+  justify-self: end;
+  opacity: 0.6;
+  font-family: inherit;
+  font-size: 0.7rem;
 }
-.excalidraw .layer-ui__library .dropdown-menu {
-  width: auto;
-  top: initial;
-  right: 0;
-  left: initial;
-  bottom: 100%;
-  margin-bottom: 0.625rem;
+.excalidraw .context-menu-item:hover {
+  background-color: var(--select-highlight-color);
 }
-.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container {
-  width: 196px;
-  box-shadow: var(--library-dropdown-shadow);
-  border-radius: var(--border-radius-lg);
-  padding: 0.25rem 0.5rem;
+.excalidraw .context-menu-item:hover.dangerous {
+  background-color: #fa5252;
 }
-.excalidraw .layer-ui__library .library-menu-dropdown-container {
-  position: relative;
+.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label {
+  color: var(--popup-bg-color);
 }
-.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading {
-  padding: 0;
-  position: absolute;
-  top: 1rem;
-  right: 0.75rem;
+.excalidraw .context-menu-item:focus {
   z-index: 1;
 }
-.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu {
-  top: 100%;
+.excalidraw--mobile.excalidraw .context-menu-item {
+  display: block;
+}
+.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label {
+  margin-inline-end: 0;
+}
+.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut {
+  display: none;
+}
+
+.excalidraw .context-menu-item-separator {
+  border: none;
+  border-top: 1px solid #adb5bd;
+  margin: 0;
 }
 /*!*******************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/RadioGroup.scss ***!
@@ -2544,8 +2801,7 @@
   font-weight: 600;
   font-size: 0.75rem;
   line-height: 100%;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   letter-spacing: 0.4px;
   transition: all 75ms ease-out;
 }
@@ -2691,8 +2947,7 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ImageExportModal h3 {
   font-family: "Assistant";
@@ -2846,8 +3101,9 @@
   border-width: 1px;
   border-style: solid;
   font-family: var(--font-family);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
+}
+.excalidraw .ExcButton:hover {
   transition: all 150ms ease-out;
 }
 .excalidraw .ExcButton .Spinner {
@@ -3316,24 +3572,35 @@
 }
 
 .excalidraw {
+  --avatar-size: 1.75rem;
+  --avatarList-gap: 0.625rem;
+  --userList-padding: var(--space-factor);
   --userlist-hint-bg-color: var(--color-gray-10);
   --userlist-hint-heading-color: var(--color-gray-80);
   --userlist-hint-text-color: var(--color-gray-60);
   --userlist-collaborators-border-color: var(--color-gray-20);
 }
+.excalidraw .UserList-wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  pointer-events: none !important;
+}
 .excalidraw .UserList {
   pointer-events: none;
-  /*github corner*/
-  padding: var(--space-factor) var(--space-factor) var(--space-factor) var(--space-factor);
+  padding: var(--userList-padding);
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: center;
-  gap: 0.625rem;
+  gap: var(--avatarList-gap);
   box-sizing: border-box;
-  max-height: 120px;
-  max-width: 120px;
-  overflow: hidden;
+  --max-size: calc(
+    var(--avatar-size) * var(--max-avatars, 2) + var(--avatarList-gap) *
+      (var(--max-avatars, 2) - 1) + var(--userList-padding) * 2
+  );
+  max-height: var(--max-size);
+  max-width: var(--max-size);
 }
 .excalidraw .UserList:empty {
   display: none;
@@ -3349,8 +3616,8 @@
   max-height: none;
 }
 .excalidraw .UserList__more {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: var(--avatar-size, 1.5rem);
+  height: var(--avatar-size, 1.5rem);
   position: relative;
   border-radius: 100%;
   outline-offset: 2px;
@@ -3365,10 +3632,14 @@
   flex: 0 0 auto;
   background-color: var(--color-gray-20);
   border: 0 !important;
-  font-size: 0.5rem;
+  font-size: 0.625rem;
   font-weight: 400;
   flex-shrink: 0;
   color: var(--color-gray-100);
+  font-weight: bold;
+}
+.excalidraw .UserList__more:active {
+  transform: scale(0.94);
 }
 .excalidraw .UserList__more-img {
   width: 100%;
@@ -3382,13 +3653,13 @@
   right: -3px;
   bottom: -3px;
   left: -3px;
-  border: 1px solid var(--avatar-border-color);
   border-radius: 100%;
 }
-.excalidraw .UserList__more--is-followed::before {
+.excalidraw .UserList__more.is-followed::before {
   border-color: var(--color-primary-hover);
+  box-shadow: 0 0 0 1px var(--color-primary-hover);
 }
-.excalidraw .UserList__more--is-current-user {
+.excalidraw .UserList__more.is-current-user {
   cursor: auto;
 }
 .excalidraw .UserList__collaborator-name {
@@ -3396,11 +3667,68 @@
   overflow: hidden;
   white-space: nowrap;
 }
-.excalidraw .UserList__collaborator-follow-status-icon {
+.excalidraw .UserList__collaborator--avatar-only {
+  position: relative;
+  display: flex;
+  flex: 0 0 auto;
+}
+.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon {
+  --size: 14px;
+  position: absolute;
+  display: flex;
+  flex: 0 0 auto;
+  bottom: -0.25rem;
+  right: -0.25rem;
+  width: var(--size);
+  height: var(--size);
+}
+.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg {
+  flex: 0 0 auto;
+  width: var(--size);
+  height: var(--size);
+}
+.excalidraw .UserList__collaborator-status-icons {
   margin-left: auto;
   flex: 0 0 auto;
-  width: 1rem;
+  min-width: 2.25rem;
+  gap: 0.25rem;
+  justify-content: flex-end;
+  display: flex;
+}
+.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted {
+  color: var(--color-danger);
+  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5));
+}
+.excalidraw .UserList__collaborator-status-icon-speaking-indicator {
   display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 1rem;
+  padding: 0 3px;
+  box-sizing: border-box;
+}
+.excalidraw .UserList__collaborator-status-icon-speaking-indicator div {
+  width: 0.125rem;
+  height: 0.4rem;
+  background-color: #a2f1a6;
+}
+.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(1) {
+  animation: speaking-indicator-anim 1s -0.45s ease-in-out infinite;
+}
+.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2) {
+  animation: speaking-indicator-anim 1s -0.9s ease-in-out infinite;
+}
+.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3) {
+  animation: speaking-indicator-anim 1s -0.15s ease-in-out infinite;
+}
+@keyframes speaking-indicator-anim {
+  0%, 100% {
+    transform: scaleY(1);
+  }
+  50% {
+    transform: scaleY(2);
+  }
 }
 .excalidraw.theme--dark {
   --userlist-hint-bg-color: var(--color-gray-90);
@@ -3412,7 +3740,7 @@
   position: static;
   top: auto;
   margin-top: 0;
-  max-height: 12rem;
+  max-height: 50vh;
   overflow-y: auto;
   padding: 0.25rem 0.5rem;
   border-top: 1px solid var(--userlist-collaborators-border-color);
@@ -3587,7 +3915,6 @@
   }
 }
 .excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName {
-  width: -moz-fit-content;
   width: fit-content;
   margin: 1em auto;
   align-items: flex-start;
@@ -4025,6 +4352,12 @@
 }
 .excalidraw .layer-ui__wrapper__top-right {
   display: flex;
+  width: 100%;
+  justify-content: flex-end;
+  pointer-events: none !important;
+}
+.excalidraw .layer-ui__wrapper__top-right > * {
+  pointer-events: var(--ui-pointerEvents);
 }
 .excalidraw .layer-ui__wrapper__footer {
   width: 100%;
@@ -4137,93 +4470,6 @@
   min-width: 11.875rem;
   z-index: 1;
 }
-/*!******************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/TextField.scss ***!
-  \******************************************************************************************************************************************************************************************************/
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
-}
-
-.excalidraw {
-  --ExcTextField--color: var(--color-on-surface);
-  --ExcTextField--label-color: var(--color-on-surface);
-  --ExcTextField--background: transparent;
-  --ExcTextField--readonly--background: var(--color-surface-high);
-  --ExcTextField--readonly--color: var(--color-on-surface);
-  --ExcTextField--border: var(--color-border-outline);
-  --ExcTextField--readonly--border: var(--color-border-outline-variant);
-  --ExcTextField--border-hover: var(--color-brand-hover);
-  --ExcTextField--border-active: var(--color-brand-active);
-  --ExcTextField--placeholder: var(--color-border-outline-variant);
-}
-.excalidraw .ExcTextField--fullWidth {
-  width: 100%;
-  flex-grow: 1;
-}
-.excalidraw .ExcTextField__label {
-  font-family: "Assistant";
-  font-style: normal;
-  font-weight: 600;
-  font-size: 0.875rem;
-  line-height: 150%;
-  color: var(--ExcTextField--label-color);
-  margin-bottom: 0.25rem;
-  -webkit-user-select: none;
-          user-select: none;
-}
-.excalidraw .ExcTextField__input {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0 1rem;
-  height: 3rem;
-  background: var(--ExcTextField--background);
-  border: 1px solid var(--ExcTextField--border);
-  border-radius: 0.5rem;
-}
-.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover {
-  border-color: var(--ExcTextField--border-hover);
-}
-.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active, .excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within {
-  border-color: var(--ExcTextField--border-active);
-}
-.excalidraw .ExcTextField__input input {
-  display: flex;
-  align-items: center;
-  border: none;
-  outline: none;
-  padding: 0;
-  margin: 0;
-  height: 1.5rem;
-  color: var(--ExcTextField--color);
-  font-family: "Assistant";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 1rem;
-  line-height: 150%;
-  text-overflow: ellipsis;
-  background: transparent;
-  width: 100%;
-}
-.excalidraw .ExcTextField__input input::placeholder {
-  color: var(--ExcTextField--placeholder);
-}
-.excalidraw .ExcTextField__input input:not(:focus):hover {
-  background-color: initial;
-}
-.excalidraw .ExcTextField__input input:focus {
-  outline: initial;
-  box-shadow: initial;
-}
-.excalidraw .ExcTextField__input--readonly {
-  background: var(--ExcTextField--readonly--background);
-  border-color: var(--ExcTextField--readonly--border);
-}
-.excalidraw .ExcTextField__input--readonly input {
-  color: var(--ExcTextField--readonly--color);
-}
 /*!**********************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/MagicSettings.scss ***!
   \**********************************************************************************************************************************************************************************************************/
@@ -4566,6 +4812,11 @@
 /*!*****************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/SVGLayer.scss ***!
   \*****************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
+}
+
 .excalidraw .SVGLayer {
   pointer-events: none;
   width: 100vw;
@@ -4573,7 +4824,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 2;
+  z-index: var(--zIndex-svgLayer);
 }
 .excalidraw .SVGLayer svg {
   image-rendering: auto;
@@ -4661,8 +4912,7 @@
   clip: rect(1px, 1px, 1px, 1px);
   white-space: nowrap;
   /* added line */
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 
 .LoadingMessage {
@@ -4783,6 +5033,7 @@
   --color-gray-85: #242424;
   --color-gray-90: #1e1e1e;
   --color-gray-100: #121212;
+  --color-disabled: var(--color-gray-40);
   --color-warning: #fceeca;
   --color-warning-dark: #f5c354;
   --color-warning-darker: #f3ab2c;
@@ -4882,6 +5133,7 @@
   --color-primary-light: #4f4d6f;
   --color-primary-light-darker: #43415e;
   --color-primary-hover: #bbb8ff;
+  --color-disabled: var(--color-gray-70);
   --color-text-warning: var(--color-gray-80);
   --color-danger: #ffa8a5;
   --color-danger-dark: #672120;
@@ -4920,6 +5172,7 @@
 :root {
   --zIndex-canvas: 1;
   --zIndex-interactiveCanvas: 2;
+  --zIndex-svgLayer: 3;
   --zIndex-wysiwyg: 3;
   --zIndex-canvasButtons: 3;
   --zIndex-layerUI: 4;
@@ -4949,14 +5202,12 @@
   right: 0;
   height: 100%;
   width: 100%;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   /*zsviczian*/
 }
 .excalidraw button {
   cursor: pointer;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw:focus {
   outline: none;
@@ -4966,8 +5217,7 @@
   font-weight: 500;
   text-decoration: none;
   color: var(--link-color);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   cursor: pointer;
 }
 .excalidraw .excalidraw-link:hover,
@@ -5568,8 +5818,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  -webkit-user-select: text;
-          user-select: text;
+  user-select: text;
 }
 .ErrorSplash.excalidraw .ErrorSplash-messageContainer {
   display: flex;