.excalidraw-wrapper {
  height: 100%;
  margin: 0px;
  background-color: var(--background-primary);
  position: relative;
}

.block-language-excalidraw {
  text-align: center;
}

svg.excalidraw-svg {
  width: 100%;
}

.excalidraw-embedded-img {
  width: 100%;
}

.excalidraw-svg-right-wrap {
  float: right;
  margin: 0px 0px 20px 20px;
  width: 100%;
}

.excalidraw-svg-left-wrap {
  float: left;
  margin: 0px 35px 20px 0px;
  width: 100%;
}

.excalidraw-svg-right {
  float: right;
}

.excalidraw-svg-center {
  text-align: center;
  margin: auto;
  width: 100%;
}

.excalidraw-svg-left {
  float: left;
}

div.excalidraw-svg-right,
div.excalidraw-svg-left {
  display: table;
  width: 100%;
}

button.ToolIcon_type_button[title="Export"] {
  display: none;
}

.excalidraw-prompt-div {
  display: flex;
  max-width: 800px;
}

.excalidraw-prompt-form {
  display: flex;
  flex-grow: 1;
}

.excalidraw-prompt-input {
  flex-grow: 1;
}

.excalidraw-latex-suite-suggestion {
  padding: 0.8em;
  margin-bottom: 1em;
  background-color: var(--background-secondary-alt);
  border-left: 4px solid var(--text-accent);
  border-radius: 4px;
}

.excalidraw-latex-suite-suggestion p {
  margin: 0;
}

.excalidraw-prompt-button {
  width: 9em;
}

.excalidraw-export-button {
  width: 9em;
  margin-left: 10px;
}

.excalidraw-prompt-buttons-div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.excalidraw-export-buttons-div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: right;
  margin-top: 1em;
}

.ex-coffee-div {
  text-align: center;
  margin-bottom: 10px;
}

.excalidraw-mastery-promo {
  margin: 0 auto 1rem;
  width: calc(100% - 1.6em);
  max-width: calc(100% - 1.6em);
  box-sizing: border-box;
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--background-modifier-border);
  border-radius: 12px;
  background: linear-gradient(135deg, var(--background-secondary), var(--background-primary));
}

.excalidraw-mastery-promo__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  font-size: var(--font-ui-smaller);
  font-weight: var(--font-medium);
  list-style: revert;
}

.excalidraw-mastery-promo__summary-title {
  color: var(--text-normal);
  font-size: var(--font-ui-smaller);
  font-weight: var(--font-medium);
}

.excalidraw-mastery-promo__summary-title.is-hidden {
  visibility: hidden;
}

.excalidraw-mastery-promo__summary-state {
  color: var(--text-muted);
  font-size: var(--font-ui-smaller);
}

.excalidraw-mastery-promo__content {
  display: grid;
  grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  margin-top: 0.85rem;
}

.excalidraw-mastery-promo__image-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.excalidraw-mastery-promo__image {
  display: block;
  width: 100%;
  max-width: 8rem;
  height: auto;
}

.excalidraw-mastery-promo__text p {
  margin: 0 0 0.7rem;
  line-height: 1.5;
}

.excalidraw-mastery-promo__text p:last-child {
  margin-bottom: 0;
}

.excalidraw-mastery-promo__text a {
  font-weight: var(--font-semibold);
}

.excalidraw-mastery-promo.is-collapsed {
  padding-bottom: 0.35rem;
}

@media (max-width: 600px) {
  .excalidraw-mastery-promo__content {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .excalidraw-mastery-promo__image {
    max-width: 7rem;
  }
}

.excalidraw-scriptengine-install td>img {
  width: 100%;
  max-width: 800px;
}

.excalidraw-scriptengine-install img.coffee {
  width: 130px;
}

.excalidraw-scriptengine-install tr {
  vertical-align: top;
}

.excalidraw-scriptengine-install table {
  max-width: 130ch;
}

.excalidraw-scriptengine-install td.label {
  min-width: 11ch;
  font-weight: bold;
  padding-right: 5px;
}

.excalidraw-scriptengine-install td.data {
  width: 100%;
}

.excalidraw-scriptengine-install .modal-content {
  max-width: 130ch;
  user-select: text;
}

.excalidraw-scriptengine-install .modal {
  max-height: 90%;
  width: auto;
}

.excalidraw-prompt-center {
  text-align: center;
}

.excalidraw-prompt-center button {
  margin: 0 10px;
}

.excalidraw-prompt-center.filepath {
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}

.excalidraw-dirty {
  color: var(--text-error);
}

.workspace-leaf-content .excalidraw-view {
  padding: 0px 1px;
  /*1px so on ipad swipe in from left and right still works*/
  overflow: hidden;
}

.excalidraw-videoWrapper {
  max-width: 600px;
}

.excalidraw-videoWrapper.settings {
  max-width: 340px;
}

.excalidraw-videoWrapper div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0 auto;
}

.excalidraw-videoWrapper.settings iframe {
  position: relative;
  margin-bottom: 1rem;
}

.excalidraw-videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.excalidraw-release .modal-content {
  padding-right: 5px;
  margin-right: -5px;
  user-select: text;
}

.excalidraw-release .modal {
  max-height: 80%;
  max-width: 42em;
}

.excalidraw-scriptengine-install tbody>tr>td>div>img {
  height: 20px;
  background-color: silver;
  padding: 2px;
}

.excalidraw-scriptengine-install tbody>tr>td>div {
  width: 50px;
  display: inline-block;
}

.excalidraw-release p>a>img {
  width: 100%
}

.excalidraw-colorpicker-overlay {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 9998;
}

.excalidraw-colorpicker-popup {
  position: absolute;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  background-color: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  z-index: 9999;
  scrollbar-gutter: stable both-edges;
}

.excalidraw-colorpicker-grid {
  display: grid;
  overflow-y: auto;
  padding-right: 4px;
  max-height: 260px;
}

.excalidraw-colorpicker-swatch {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid var(--interactive-accent-hover);
  box-sizing: border-box;
  cursor: pointer;
}

textarea.excalidraw-wysiwyg {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.is-tablet .excalidraw button,
.is-mobile .excalidraw button {
  padding: initial;
  height: 1.8rem;
}

.excalidraw-display-flex {
  display: flex;
}

.excalidraw-settings input[type="text"] {
  min-width: 10em;
}

.excalidraw-ai-provider-table {
  margin: auto;
  width: 80%;
  border: 1px solid var(--background-modifier-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--background-primary-alt);
}

.excalidraw-ai-provider-table>.setting-item {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.excalidraw-ai-provider-table__header {
  padding-left: 1rem;
  border-bottom: 2px solid var(--background-modifier-border-hover);
  background: color-mix(in srgb, var(--background-secondary) 82%, var(--background-modifier-hover) 18%);
}

.excalidraw-ai-provider-table__row {
  padding-left: 1rem;
  min-height: 0;
}

.excalidraw-ai-provider-table__row+.excalidraw-ai-provider-table__row {
  border-top: 1px solid var(--background-modifier-border);
}

.excalidraw-ai-provider-table__row .setting-item-info,
.excalidraw-ai-provider-table__header .setting-item-info {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.excalidraw-ai-provider-table__row .setting-item-name,
.excalidraw-ai-provider-table__header .setting-item-name {
  margin-bottom: 0.1rem;
}

.excalidraw-ai-provider-table__row .setting-item-description,
.excalidraw-ai-provider-table__header .setting-item-description {
  line-height: 1.3;
}

.excalidraw-ai-provider-table__row .setting-item-control,
.excalidraw-ai-provider-table__header .setting-item-control {
  gap: 0.35rem;
  padding-left: 0.5rem;
}

@media (max-width: 480px) {
  .excalidraw-ai-provider-table {
    margin-left: 0.2rem;
  }

  .excalidraw-ai-provider-table__row,
  .excalidraw-ai-provider-table__header {
    padding-left: 0.15rem;
  }
}

div.excalidraw-draginfo {
  position: absolute;
  z-index: 1000;
  color: var(--text-normal);
  padding: 3px;
  background: var(--color-base-40);
  display: block;
  border-radius: 5px;
}

.excalidraw-sidepanel-container {
  height: 100%;
}

.excalidraw-sidepanel {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
}

.excalidraw-sidepanel__controls {
  display: flex;
  align-items: center;
  gap: var(--size-4-1);
  padding: var(--size-4-2) var(--size-4-2);
  border-bottom: 1px solid var(--divider-color, var(--background-modifier-border));
  background-color: var(--background-secondary);
}

.excalidraw-sidepanel__select {
  flex: 1;
}

.excalidraw-sidepanel__empty {
  padding: 0.75rem;
  color: var(--text-muted);
}

.excalidraw-sidepanel__body {
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: var(--background-primary);
}

.excalidraw-sidepanel-tab {
  display: none;
  flex-direction: column;
  height: 100%;
}

.excalidraw-sidepanel-tab.is-active {
  display: flex;
}

.excalidraw-sidepanel-tab__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.excalidraw-sidepanel-tab__content {
  flex: 1;
  overflow: auto;
  padding: 0.5rem;
}

.excalidraw-sidepanel-tab__button {
  /* probably unused */
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.55rem;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 0.9rem;
}

.excalidraw-sidepanel-tab__button.is-active {
  background: var(--background-primary-alt, var(--background-secondary));
  color: var(--text-normal);
}

.excalidraw-sidepanel-tab__button:hover {
  background: var(--background-primary-alt, var(--background-secondary));
}

.excalidraw-sidepanel-tab__icon {
  display: inline-flex;
}

.excalidraw-sidepanel-tab__icon.is-hidden {
  display: none;
}

.excalidraw-sidepanel-tab__close {
  border: none;
  background: transparent;
  color: inherit;
  display: inline-flex;
  padding: 0.1rem;
  border-radius: 4px;
}

.excalidraw-sidepanel-tab__close:hover {
  background: var(--background-modifier-hover);
}

.excalidraw-sidepanel-tab__close.is-hidden {
  display: none;
}

.excalidraw .embeddable-menu {
  width: fit-content;
  height: fit-content;
  position: absolute;
  display: block;
  z-index: var(--zIndex-canvasButtons);
  transition: opacity var(--anim-duration-fast) ease-in-out;

  /* slower fadeout */
  &[style*="opacity: 0.2;"] {
    transition-duration: var(--anim-duration-moderate);
  }
}

.excalidraw-image-wrapper {
  text-align: center;
}

.excalidraw-image-wrapper img {
  margin: auto;
}

.modal-content.excalidraw-scriptengine-install .hit-count {
  margin-left: 0.5em;
  white-space: nowrap;
  font-size: smaller;
}

.modal-content.excalidraw-scriptengine-install .active-highlight {
  border: 2px solid var(--color-accent-2);
  background-color: var(--color-accent);
}

.excalidraw-svg svg a {
  text-decoration: none;
}

summary.excalidraw-setting-h1 {
  font-variant: var(--h1-variant);
  letter-spacing: -0.015em;
  line-height: var(--h1-line-height);
  font-size: var(--h1-size);
  color: var(--h1-color);
  font-weight: var(--h1-weight);
  font-style: var(--h1-style);
  font-family: var(--h1-font);
  /*margin-block-start: var(--p-spacing);*/
  margin-block-end: var(--p-spacing);
}

summary.excalidraw-setting-h3 {
  font-variant: var(--h3-variant);
  letter-spacing: -0.015em;
  line-height: var(--h3-line-height);
  font-size: var(--h3-size);
  color: var(--h3-color);
  font-weight: var(--h3-weight);
  font-style: var(--h3-style);
  font-family: var(--h3-font);
  margin-block-start: var(--p-spacing);
  margin-block-end: var(--p-spacing);
}

/* Modifier key settings column headers */
.modifier-key-header-row {
  padding-block: 2px;
  min-height: unset;
  border-top: none;
}

.modifier-key-col-header {
  display: inline-flex;
  width: var(--toggle-width, 40px);
  justify-content: center;
  font-size: var(--font-smallest);
  color: var(--text-muted);
  font-weight: var(--font-semibold);
  letter-spacing: 0.03em;
}

summary.excalidraw-setting-h4 {
  font-variant: var(--h4-variant);
  letter-spacing: -0.015em;
  line-height: var(--h4-line-height);
  font-size: var(--h4-size);
  color: var(--h4-color);
  font-weight: var(--h4-weight);
  font-style: var(--h4-style);
  font-family: var(--h4-font);
  margin-block-start: var(--p-spacing);
  margin-block-end: var(--p-spacing);
}

hr.excalidraw-setting-hr {
  margin: 1rem 0rem 0rem 0rem;
}

img.excalidraw-cropped-pdfpage,
.excalidraw-cropped-pdfpage svg {
  background-color: white;
}

.excalidraw .pdf-toolbar,
.excalidraw .pdf-container {
  width: 100%;
}

.ex-opacity-30 {
  opacity: 0.3;
}

.ex-opacity-15 {
  opacity: 0.15;
}

.ex-opacity-8 {
  opacity: 0.08;
}

.ex-opacity-5 {
  opacity: 0.05;
}

.ex-opacity-0 {
  opacity: 0;
}

.popover .excalidraw-svg {
  width: 100%;
  max-width: inherit;
  height: 100%;
  max-height: inherit;
}

root {
  --excalidraw-caret-color: initial;
}

.excalidraw-settings-links-container {
  align-items: center;
  color: inherit;
  display: flex;
  gap: .3em;
  text-align: center;
  text-decoration: none;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}

.excalidraw-settings-links-container a {
  display: flex;
  /* Align children horizontally */
  align-items: center;
  /* Center items vertically */
  text-align: left;
  margin-right: 4px;
  margin-left: 4px;
}

.excalidraw-settings-links-container svg,
.ex-setting-actions-container svg {
  margin-right: 8px;
  height: 30px;
  width: 30px;
}

.excalidraw-rank {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.excalidraw-rank svg {
  height: 8rem;
  width: 8rem;
}

.excalidraw-setting-desc {
  padding: 10px;
  cursor: pointer;
  background-color: var(--background-secondary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.excalidraw-setting-desc:hover {
  background-color: var(--background-modifier-hover);
  color: var(--text-accent);
}

.excalidraw-release .nav-buttons-container {
  display: flex;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--background-modifier-border);
}

.excalidraw-release .nav-button {
  padding: 8px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.excalidraw-release .nav-button.is-active {
  border-bottom: 2px solid var(--interactive-accent);
  margin-bottom: -2px;
}

.excalidraw-prompt-buttonbar-top,
.excalidraw-prompt-buttonbar-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  /* keep both rows top‐aligned */
  row-gap: 0.5em;
  /* vertical space when wrapped */
}

/* top bar specifics */
.excalidraw-prompt-buttonbar-top {
  padding: 0.5em 0;
  border-top: 1px solid var(--background-modifier-border);
}

/* bottom bar specifics */
.excalidraw-prompt-buttonbar-bottom {
  margin-top: 1rem;
}

/* make each child a flex row */
.excalidraw-prompt-buttonbar-top>div,
.excalidraw-prompt-buttonbar-bottom>div {
  display: flex;
}

/* push the first group to the left */
.excalidraw-prompt-buttonbar-top>div:first-child,
.excalidraw-prompt-buttonbar-bottom>div:first-child {
  margin-right: auto;
}

/* push the second group to the right */
.excalidraw-prompt-buttonbar-top>div:last-child,
.excalidraw-prompt-buttonbar-bottom>div:last-child {
  margin-left: auto;
}

.excalidraw-search.document-search-container {
  display: flex;
  flex-direction: column;
  background: var(--background-secondary);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10);
  padding: 0.5em 0.8em;
  margin-bottom: 0.5em;
  max-width: calc(100% - 1.6em);
  position: sticky;
  top: 0;
  margin-right: auto;
  margin-left: auto;
}

.excalidraw-search .document-search {
  align-items: center;
  align-self: center;
}

.excalidraw-search .search-input-container.document-search-input {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  background: var(--background-primary);
  border-radius: 6px;
  border: 1px solid var(--background-modifier-border);
  min-width: 0;
}

.excalidraw-search .search-input-container .clickable-icon {
  display: flex;
  align-items: center;
  color: var(--text-faint);
}

.excalidraw-search .search-input-container input[type="text"] {
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-normal);
  font-size: 1em;
  flex: 1 1 auto;
  padding: 0.1em 2em;
  margin: 0;
}

.excalidraw-search .document-search-count {
  margin-left: 0.5em;
  color: var(--text-faint);
  font-size: 0.95em;
  white-space: nowrap;
  min-width: 3.5em;
  text-align: right;
}

.excalidraw-search .document-search-buttons {
  display: flex;
  align-items: center;
  gap: 2px;
}

.excalidraw-search .document-search-button {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0.1em 0.2em;
  margin: 0 1px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-faint);
  transition: background 0.15s;
  height: 2em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.excalidraw-search .document-search-button:hover,
.excalidraw-search .document-search-button:focus {
  background: var(--background-modifier-hover);
  color: var(--text-accent);
}

.excalidraw-search .document-search-button svg {
  width: 1.3em;
  height: 1.3em;
  stroke: currentColor;
  fill: none;
  pointer-events: none;
}

.excalidraw-filetype-tag {
  order: 99;
}

.excalidraw-mobile-navbar-docked {
  position: relative;
}

.is-mobile .excalidraw.excalidraw--mobile .FixedSideContainer.FixedSideContainer_side_top.App-top-bar {
  margin-top: 1rem
}

/*
Obsidian Sheets Plus support
*/
.excalidraw__embeddable__outer .lj-content-view {
  width: var(--embeddable-width);
  height: var(--embeddable-height);
}

.excalidraw__embeddable__outer #sheet-box {
  height: calc(var(--embeddable-height) - var(--lj-toolbar-height) + 40px);
}

.excalidraw__embeddable__outer .lj-univer .univer-relative.univer-grid {
  width: var(--embeddable-width);
}

/*
End Obsidian Sheets Plus support
*/

/* fixes: https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/2789 */
.excalidraw:not(.excalidraw--tray) .HintViewer {
  position: absolute;
}

.excalidraw-button-bgcolor {
  &-normal {
    background-color: var(--interactive-normal);
    color: var(--text-normal);
  }

  &-accent {
    background-color: var(--interactive-accent);
    color: var(--text-on-accent);
  }

  &-success {
    background-color: var(--interactive-success);
    color: var(--text-on-success);
  }
}

.excalidraw-copylinkprompt-label {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 0.5em;
}

.excalidraw-pdfexportsettings-colorinput {
  width: 50px;
  margin-left: 10px;
}

.excalidraw-genericInputPrompt-specialCharPopup {
  position: absolute;
  z-index: 1000;
  background: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
  display: flex;
  flex-wrap: wrap;
  max-width: 200px;
}

.excalidraw-genericInputPrompt-specialCharButton {
  margin: 2px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: var(--interactive-normal);
  border: none;
  border-radius: 4px;
}

.excalidraw-multiOptionConfirmationPrompt-message {
  margin-bottom: 1em;
}

.excalidraw-multiOptionConfirmationPrompt-buttonContainer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.excalidraw-commandLinkOptInPrompt-buttonContainer {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}

.excalidraw-commandLinkOptInPrompt-denyButton {
  margin-right: 0.5em;
}

.excalidraw-installCodeBlock-link {
  padding-right: 10px;
}

.excalidraw-insertpdf-infolabel {
  min-width: 2.3em;
  text-align: right;
}

.excalidraw-loading {
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5em;
}

.excalidraw-versionmismatch-buttonbar {
  gap: 0.5em;
  margin-top: 1em;
}

.excalidraw-toolsPanel-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  touch-action: none;
}

.excalidraw-toolsPanel-island {
  /* 
    Width calculation: 
    - 5 buttons: (var(--default-button-size) * 5)
    - 4 column gaps of 0.25rem: 1rem
    - standard left/right panel padding: ~1.5rem (0.75rem each side)
    - plus a tiny 0.1rem buffer to prevent accidental wrapping 
  */
  width: calc((var(--default-button-size) * 5) + 3rem);

  height: fit-content;
  max-height: 400px;
  z-index: 5;
}

.excalidraw-toolsPanel-dragHandle {
  height: 26px;
  width: 100%;
  cursor: move;
}

.excalidraw .Island.App-menu__left {
  scrollbar-width: none;
}

/* Ensure tool buttons remain perfectly square and sized just like native Excalidraw.
   This overrides the old '18%' rule which was stretching the buttons. */
.excalidraw .Island.excalidraw-toolsPanel-island .buttonList>.ToolIcon_type_button,
.excalidraw .Island.excalidraw-toolsPanel-island .buttonList>.ToolIcon,
.excalidraw .Island.excalidraw-toolsPanel-island .buttonList>label {
  flex: 0 0 auto;
  margin: 0;
}

/* Replicate the EXACT native Excalidraw property panel layout */
.excalidraw .Island.excalidraw-toolsPanel-island .selected-shape-actions .buttonList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /* Use standard gap shorthand: row-gap(0.5rem) column-gap(0.25rem). 
     This perfectly matches the native panel spacing and avoids linter warnings! */
  gap: 0.5rem 0.25rem;
}

.excalidraw .App-tray-menu {
  min-width: calc(6 * var(--default-button-size));
}

.excalidraw-pen-settings-floating-actions {
  position: sticky;
  bottom: -20px;
  margin-bottom: -20px;
  padding-bottom: 20px;
  padding-top: 15px;
  background-color: var(--background-primary);
  border-top: 1px solid var(--background-modifier-border);
  z-index: 10;
}

.excalidraw-pen-settings-floating-actions .setting-item {
  border-top: none;
  padding: 0;
}