@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"); /*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /*
Document
========
*/ /**
Use a better box model (opinionated).
*/ *,
::before,
::after {
  box-sizing: border-box;
} html {
  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15; /* 1. Correct the line height in all browsers. */
  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
  -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
  tab-size: 4; /* 3 */
} /*
Sections
========
*/ body {
  margin: 0; /* Remove the margin in all browsers. */
} /*
Grouping content
================
*/ /**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/ hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
} /*
Text-level semantics
====================
*/ /**
Add the correct text decoration in Chrome, Edge, and Safari.
*/ abbr[title] {
  text-decoration: underline dotted;
} /**
Add the correct font weight in Edge and Safari.
*/ b,
strong {
  font-weight: bolder;
} /**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/ code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
} /**
Add the correct font size in all browsers.
*/ small {
  font-size: 80%;
} /**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/ sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
} sub {
  bottom: -0.25em;
} sup {
  top: -0.5em;
} /*
Tabular data
============
*/ /**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/ table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
} /*
Forms
=====
*/ /**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/ button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
} /**
Remove the inheritance of text transform in Edge and Firefox.
*/ button,
select {
  text-transform: none;
} /**
Correct the inability to style clickable types in iOS and Safari.
*/ button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
} /**
Remove the inner border and padding in Firefox.
*/ ::-moz-focus-inner {
  border-style: none;
  padding: 0;
} /**
Restore the focus styles unset by the previous rule.
*/ :-moz-focusring {
  outline: 1px dotted ButtonText;
} /**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/ :-moz-ui-invalid {
  box-shadow: none;
} /**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/ legend {
  padding: 0;
} /**
Add the correct vertical alignment in Chrome and Firefox.
*/ progress {
  vertical-align: baseline;
} /**
Correct the cursor style of increment and decrement buttons in Safari.
*/ ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
} /**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/ [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
} /**
Remove the inner padding in Chrome and Safari on macOS.
*/ ::-webkit-search-decoration {
  -webkit-appearance: none;
} /**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/ ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
} /*
Interactive
===========
*/ /*
Add the correct display in Chrome and Safari.
*/ summary {
  display: list-item;
} :root {
  --color-white: #ffffff;
  --color-black: #16171a;
  --color-gray-50: #f2f2f2;
  --color-gray-100: #e7e7e8;
  --color-gray-200: #cfcfd2;
  --color-gray-300: #aeb0b2;
  --color-gray-400: #85878b;
  --color-gray-500: #6d6f73;
  --color-gray-600: #5b5c5f;
  --color-gray-700: #4d4e51;
  --color-gray-800: #444546;
  --color-gray-900: #3b3b3e;
  --color-gray-950: #272729;
  --color-primary-ultra-light: #e1eeff;
  --color-primary-light: #7bb6ff;
  --color-primary: #2382f4;
  --color-primary-dark: #165eb6;
  --color-secondary-ultra-light: #efe3ff;
  --color-secondary-light: #dcc2ff;
  --color-secondary: #9747ff;
  --color-secondary-dark: #6429b0;
  --color-orange-ultra-light: #ffedd5;
  --color-orange-light: #fed7aa;
  --color-orange: #fb923c;
  --color-orange-dark: #d46409;
  --color-backdrop-bg: rgba(252, 252, 252, 0.94);
  --color-backdrop-dark-bg: rgba(22, 23, 26, 0.94);
  --color-background-loading: rgba(181, 183, 188, 0.6);
  --color-background-dark-loading: rgba(39, 39, 41, 0.6);
  --backdrop-blur-md: blur(12px);
  --backdrop-blur-lg: blur(14px);
  --shadow-xs: 0px 1px 3px 0px rgba(16, 24, 30, 0.3);
  --shadow-sm: 0px 2px 3px -2px rgba(16, 24, 30, 0.3);
  --shadow-md: 0px 0px 1px 0px rgba(16, 24, 30, 0.3), 0px 6px 10px -2px rgba(16, 24, 30, 0.2);
  --shadow-lg: 0px 2px 10px -2px rgba(16, 24, 30, 0.3), 0px 0px 1px 0px rgba(16, 24, 30, 0.2);
  --shadow-focused-border: 0px 0px 1px 1px #2382f4;
  --shadow-focused-xs: 0px 0px 2px 0px rgba(35, 130, 244, 1);
  --shadow-focused-sm: 0px 0px 4px 0px rgba(35, 130, 244, 1);
  --shadow-focused-orange-sm: 0px 0px 6px 0px rgba(251, 146, 60, 1);
  --font-family: "Inter", Apple System, "SF Pro SC", "SF Pro Display", "Helvetica Neue", "Arial", sans-serif;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.8125rem;
  --font-size-lg: 0.875rem;
  --font-size-xl: 1rem;
  --font-size-xxl: 1.125rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.375rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1rem;
  --border-radius-full: 3.125rem;
  --scale-active: scale(0.98);
} html {
  font-family: var(--font-family);
} .ui-small {
  font-size: 14px;
} .ui-medium {
  font-size: 16px;
} .ui-large {
  font-size: 18px;
} canvas {
  display: block;
} .thumb-vertical-dark {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-full);
} :global(.dark-overlay) .thumb-vertical-dark {
  background-color: rgba(255, 255, 255, 0.2);
} @media (prefers-color-scheme: dark) {
  .thumb-vertical-dark {
    background-color: #ffffff;
  }
} :global(.dark) .thumb-vertical-dark {
  background-color: #ffffff;
} .thumb-vertical-light {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius-full);
} @media (prefers-color-scheme: dark) {
  .thumb-vertical-light {
    background-color: #ffffff !important;
  }
} :global(.dark) .thumb-vertical-light {
  background-color: #ffffff !important;
} @media (prefers-color-scheme: dark) {
  .dark .thumb-vertical-dark {
    background-color: #ffffff !important;
  }
} :global(.dark) .dark .thumb-vertical-dark {
  background-color: #ffffff !important;
}._actionsPanel_1rd0b_1 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.25rem;
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-sm);
}
@media (prefers-color-scheme: dark) {
  ._actionsPanel_1rd0b_1 {
    background: var(--color-gray-950);
    border-color: var(--color-gray-900);
    border-top-color: var(--color-gray-700);
  }
}
.dark ._actionsPanel_1rd0b_1 {
  background: var(--color-gray-950);
  border-color: var(--color-gray-900);
  border-top-color: var(--color-gray-700);
}

._group_1rd0b_24 {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
._group_1rd0b_24:after {
  content: "";
  display: block;
  height: 1.25rem;
  width: 2px;
  margin: 0 0.375rem;
  background: var(--color-gray-100);
  border-radius: var(--border-radius-xl);
}
@media (prefers-color-scheme: dark) {
  ._group_1rd0b_24:after {
    background: var(--color-gray-900);
  }
}
.dark ._group_1rd0b_24:after {
  background: var(--color-gray-900);
}
._group_1rd0b_24:last-child::after {
  display: none;
}._btn_21fw2_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border: 0;
  outline: none;
  cursor: pointer;
  user-select: none;
}
._btn_21fw2_1._primary_21fw2_11 {
  background: var(--color-primary);
  color: var(--color-white);
}
._btn_21fw2_1._primary_21fw2_11:hover {
  background: var(--color-primary-dark);
}
._btn_21fw2_1._primary_21fw2_11._admin_21fw2_18 {
  background: var(--color-orange);
  color: var(--color-white);
}
._btn_21fw2_1._primary_21fw2_11._admin_21fw2_18:hover {
  background: var(--color-orange-dark);
}
._btn_21fw2_1._secondary_21fw2_25 {
  background: var(--color-white);
  color: var(--color-gray-800);
}
._btn_21fw2_1._secondary_21fw2_25:not(:disabled):hover {
  background: var(--color-gray-50);
  color: var(--color-black);
}
._btn_21fw2_1._secondary_21fw2_25:disabled {
  background: transparent;
  color: var(--color-gray-300);
}
._btn_21fw2_1._secondary_21fw2_25._admin_21fw2_18 {
  background: var(--color-orange-ultra-light);
  color: var(--color-orange-dark);
}
._btn_21fw2_1._secondary_21fw2_25._admin_21fw2_18:hover {
  background: var(--color-orange-light);
  color: var(--color-orange-dark);
}
._btn_21fw2_1._secondary_21fw2_25._active_21fw2_45 {
  background: var(--color-gray-50);
  color: var(--color-black);
}
._btn_21fw2_1._secondary_21fw2_25._active_21fw2_45 ._arrow_21fw2_49 {
  position: relative;
  top: 0.125rem;
}
._btn_21fw2_1._secondary_21fw2_25._current_21fw2_53 {
  background: var(--color-primary);
  color: var(--color-white);
}
._btn_21fw2_1._secondary_21fw2_25._current_21fw2_53:hover, ._btn_21fw2_1._secondary_21fw2_25._current_21fw2_53._active_21fw2_45 {
  background: var(--color-primary-dark);
  color: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._btn_21fw2_1._secondary_21fw2_25 {
    background: var(--color-gray-950);
    color: var(--color-gray-100);
  }
  ._btn_21fw2_1._secondary_21fw2_25:disabled {
    background: transparent;
    color: var(--color-gray-600);
  }
  ._btn_21fw2_1._secondary_21fw2_25:not(:disabled):not(._current_21fw2_53):hover {
    background: var(--color-gray-900);
    color: var(--color-white);
  }
  ._btn_21fw2_1._secondary_21fw2_25._active_21fw2_45 {
    background: var(--color-gray-900);
    color: var(--color-white);
  }
  ._btn_21fw2_1._secondary_21fw2_25._current_21fw2_53 {
    background: var(--color-primary);
    color: var(--color-white);
  }
}
.dark ._btn_21fw2_1._secondary_21fw2_25 {
  background: var(--color-gray-950);
  color: var(--color-gray-100);
}
.dark ._btn_21fw2_1._secondary_21fw2_25:disabled {
  background: transparent;
  color: var(--color-gray-600);
}
.dark ._btn_21fw2_1._secondary_21fw2_25:not(:disabled):not(._current_21fw2_53):hover {
  background: var(--color-gray-900);
  color: var(--color-white);
}
.dark ._btn_21fw2_1._secondary_21fw2_25._active_21fw2_45 {
  background: var(--color-gray-900);
  color: var(--color-white);
}
.dark ._btn_21fw2_1._secondary_21fw2_25._current_21fw2_53 {
  background: var(--color-primary);
  color: var(--color-white);
}
._btn_21fw2_1._lg_21fw2_103 {
  height: 2.125rem;
  padding: 0 1rem;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  border-radius: var(--border-radius-lg);
}
._btn_21fw2_1._lg_21fw2_103._iconOnly_21fw2_110 {
  padding: 0;
  width: 2.125rem;
}
._btn_21fw2_1._lg_21fw2_103._iconOnly_21fw2_110 ._startContent_21fw2_114 svg {
  width: 1.25rem;
  height: 1.25rem;
}
._btn_21fw2_1._lg_21fw2_103._arrowed_21fw2_118 {
  width: 3.125rem;
  gap: 0.25rem;
}
._btn_21fw2_1._lg_21fw2_103 ._startContent_21fw2_114 svg {
  width: 1.125rem;
  height: 1.125rem;
}
._btn_21fw2_1._md_21fw2_126 {
  height: 1.875rem;
  padding: 0 0.75rem;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
}
._btn_21fw2_1._md_21fw2_126._iconOnly_21fw2_110 {
  padding: 0;
  width: 1.875rem;
  border-radius: var(--border-radius-md);
}
._btn_21fw2_1._md_21fw2_126._arrowed_21fw2_118 {
  width: 2.75rem;
  gap: 0.125rem;
}
._btn_21fw2_1._md_21fw2_126 ._startContent_21fw2_114 svg {
  width: 1.125rem;
  height: 1.125rem;
}
._btn_21fw2_1._sm_21fw2_145 {
  height: 1.5rem;
  padding: 0 0.5rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
._btn_21fw2_1._sm_21fw2_145._iconOnly_21fw2_110 {
  padding: 0;
  width: 1.5rem;
  border-radius: var(--border-radius-md);
}
._btn_21fw2_1._sm_21fw2_145 ._startContent_21fw2_114 svg {
  width: 0.875rem;
  height: 0.875rem;
}
._btn_21fw2_1._rounded_21fw2_160 {
  border-radius: var(--border-radius-full);
}
._btn_21fw2_1._fullWidth_21fw2_163 {
  width: 100%;
}
._btn_21fw2_1._shadow_21fw2_166 {
  box-shadow: var(--shadow-sm);
}
._btn_21fw2_1._iconOnly_21fw2_110 ._startContent_21fw2_114 > svg {
  margin-left: 0;
}
._btn_21fw2_1._arrowOnly_21fw2_172 {
  width: 1rem;
  padding: 0;
  border-radius: var(--border-radius-sm);
}
._btn_21fw2_1._admin_21fw2_18:active:not(:disabled) {
  box-shadow: var(--shadow-focused-orange-sm);
}
._btn_21fw2_1:disabled {
  cursor: default;
}

._startContent_21fw2_114 {
  display: inline-flex;
}
._startContent_21fw2_114 > svg {
  margin-left: -0.125rem;
}

._arrow_21fw2_49 {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
}
._arrow_21fw2_49 > svg {
  width: 0.625rem;
}._colorPicker_1oyaq_1 {
  position: relative;
}

._colorPickerInput_1oyaq_5 {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 1.625rem;
  padding: 0 0 0 0.25rem;
  background: var(--color-gray-50);
  border: 1px solid transparent;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
._colorPickerInput_1oyaq_5 > input {
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0.125rem;
  border: 0;
  background: transparent;
  border-radius: var(--border-radius-full);
  outline: none;
  font-size: var(--font-size-sm);
  color: var(--color-black);
  appearance: textfield;
}
._colorPickerInput_1oyaq_5 > input::-webkit-outer-spin-button, ._colorPickerInput_1oyaq_5 > input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
._colorPickerInput_1oyaq_5 > input::placeholder {
  color: var(--color-gray-700);
}
@media (prefers-color-scheme: dark) {
  ._colorPickerInput_1oyaq_5 > input {
    color: var(--color-white);
  }
}
.dark ._colorPickerInput_1oyaq_5 > input {
  color: var(--color-white);
}
._colorPickerInput_1oyaq_5:hover {
  border-color: var(--color-gray-200);
}
._colorPickerInput_1oyaq_5:hover ._eyeDropper_1oyaq_48 {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  ._colorPickerInput_1oyaq_5:hover {
    border-color: var(--color-gray-700);
  }
}
.dark ._colorPickerInput_1oyaq_5:hover {
  border-color: var(--color-gray-700);
}
._colorPickerInput_1oyaq_5._focused_1oyaq_59 {
  background: var(--color-white);
  border-color: var(--color-primary);
}
._colorPickerInput_1oyaq_5._focused_1oyaq_59 ._eyeDropper_1oyaq_48 {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  ._colorPickerInput_1oyaq_5._focused_1oyaq_59 {
    background: var(--color-gray-800);
  }
}
.dark ._colorPickerInput_1oyaq_5._focused_1oyaq_59 {
  background: var(--color-gray-800);
}
@media (prefers-color-scheme: dark) {
  ._colorPickerInput_1oyaq_5 {
    background: var(--color-gray-900);
  }
}
.dark ._colorPickerInput_1oyaq_5 {
  background: var(--color-gray-900);
}

._currentColor_1oyaq_83 {
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-sm);
  user-select: none;
}
@media (prefers-color-scheme: dark) {
  ._currentColor_1oyaq_83 {
    border-color: var(--color-gray-900);
  }
}
.dark ._currentColor_1oyaq_83 {
  border-color: var(--color-gray-900);
}

._eyeDropper_1oyaq_48 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  height: 1.625rem;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--color-gray-400);
  cursor: pointer;
  opacity: 0;
}
._eyeDropper_1oyaq_48 > svg {
  width: 1rem;
  height: 1rem;
}
._eyeDropper_1oyaq_48:hover {
  color: var(--color-primary);
}

._colorPanel_1oyaq_120 {
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-lg);
  box-shadow: var(--shadow-md);
}
@media (prefers-color-scheme: dark) {
  ._colorPanel_1oyaq_120 {
    background: var(--color-gray-900);
    border-color: var(--color-gray-800);
  }
}
.dark ._colorPanel_1oyaq_120 {
  background: var(--color-gray-900);
  border-color: var(--color-gray-800);
}

._picker_1oyaq_138 {
  width: 300px !important;
  box-shadow: none !important;
  font-family: var(--font-family) !important;
}
._picker_1oyaq_138 input {
  height: 1.625rem !important;
  background: var(--color-gray-50) !important;
  border: 1px solid transparent !important;
  border-radius: var(--border-radius-md) !important;
  box-shadow: none !important;
}
@media (prefers-color-scheme: dark) {
  ._picker_1oyaq_138 input {
    background: var(--color-gray-700) !important;
    color: var(--color-white) !important;
  }
}
.dark ._picker_1oyaq_138 input {
  background: var(--color-gray-700) !important;
  color: var(--color-white) !important;
}
@media (prefers-color-scheme: dark) {
  ._picker_1oyaq_138 {
    background: var(--color-gray-900) !important;
  }
  ._picker_1oyaq_138 svg {
    fill: var(--color-white) !important;
  }
  ._picker_1oyaq_138 svg:hover {
    background: var(--color-gray-600) !important;
  }
}
.dark ._picker_1oyaq_138 {
  background: var(--color-gray-900) !important;
}
.dark ._picker_1oyaq_138 svg {
  fill: var(--color-white) !important;
}
.dark ._picker_1oyaq_138 svg:hover {
  background: var(--color-gray-600) !important;
}

._colorsList_1oyaq_181 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 0.25rem;
  padding: 0.625rem 0.75rem;
}
._colorsList_1oyaq_181 > div {
  width: 1.5625rem;
  height: 1.5625rem;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-full);
  cursor: pointer;
}
._colorsList_1oyaq_181 > div:hover {
  box-shadow: var(--shadow-focused-border);
}
@media (prefers-color-scheme: dark) {
  ._colorsList_1oyaq_181 > div {
    border-color: var(--color-gray-950);
  }
}
.dark ._colorsList_1oyaq_181 > div {
  border-color: var(--color-gray-950);
}
@media (prefers-color-scheme: dark) {
  ._colorsList_1oyaq_181 {
    background: var(--color-gray-900);
  }
}
.dark ._colorsList_1oyaq_181 {
  background: var(--color-gray-900);
}._toggleSwitch_rd6le_1 {
  display: inline-block;
  cursor: pointer;
}
._toggleSwitch_rd6le_1._lg_rd6le_5 {
  height: 1.125rem;
}
._toggleSwitch_rd6le_1._lg_rd6le_5 ._slider_rd6le_8 {
  width: 2rem;
  border: 0.125rem solid transparent;
}
._toggleSwitch_rd6le_1._lg_rd6le_5 ._knob_rd6le_12 {
  width: 0.875rem;
  height: 0.875rem;
}
._toggleSwitch_rd6le_1._lg_rd6le_5 ._knob_rd6le_12._enabled_rd6le_16 {
  transform: translateX(0.875rem);
}
._toggleSwitch_rd6le_1._md_rd6le_19 {
  height: 1rem;
}
._toggleSwitch_rd6le_1._md_rd6le_19 ._slider_rd6le_8 {
  width: 1.75rem;
  border: 0.125rem solid transparent;
}
._toggleSwitch_rd6le_1._md_rd6le_19 ._knob_rd6le_12 {
  width: 0.75rem;
  height: 0.75rem;
}
._toggleSwitch_rd6le_1._md_rd6le_19 ._knob_rd6le_12._enabled_rd6le_16 {
  transform: translateX(0.75rem);
}
._toggleSwitch_rd6le_1._sm_rd6le_33 {
  height: 0.875rem;
}
._toggleSwitch_rd6le_1._sm_rd6le_33 ._slider_rd6le_8 {
  width: 1.5rem;
  border: 0.125rem solid transparent;
}
._toggleSwitch_rd6le_1._sm_rd6le_33 ._knob_rd6le_12 {
  width: 0.625rem;
  height: 0.625rem;
}
._toggleSwitch_rd6le_1._sm_rd6le_33 ._knob_rd6le_12._enabled_rd6le_16 {
  transform: translateX(0.625rem);
}

._checkbox_rd6le_48 {
  display: none;
}

._slider_rd6le_8 {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: inherit;
  background: var(--color-gray-400);
  border-radius: var(--border-radius-full);
  transition-property: background, transforwm;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
._slider_rd6le_8._enabled_rd6le_16 {
  background: var(--color-primary);
}
@media (prefers-color-scheme: dark) {
  ._slider_rd6le_8 {
    background: var(--color-gray-800);
  }
  ._slider_rd6le_8._enabled_rd6le_16 {
    background: var(--color-primary);
  }
}
.dark ._slider_rd6le_8 {
  background: var(--color-gray-800);
}
.dark ._slider_rd6le_8._enabled_rd6le_16 {
  background: var(--color-primary);
}

._knob_rd6le_12 {
  display: block;
  background: var(--color-white);
  border-radius: var(--border-radius-full);
  transform: translateX(0rem);
  transition-property: background, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.2s;
}
@media (prefers-color-scheme: dark) {
  ._knob_rd6le_12._enabled_rd6le_16 {
    background: var(--color-white);
  }
}
.dark ._knob_rd6le_12._enabled_rd6le_16 {
  background: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._knob_rd6le_12 {
    background: var(--color-gray-400);
  }
}
.dark ._knob_rd6le_12 {
  background: var(--color-gray-400);
}._dropdownMenu_a96g6_1 {
  z-index: 20;
}
._dropdownMenu_a96g6_1._isSubmenu_a96g6_4 {
  margin-left: -1.25rem;
  padding-left: 1.25rem;
}

._inner_a96g6_9 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  box-shadow: var(--shadow-md);
}
._inner_a96g6_9._lg_a96g6_18 {
  padding: 0.375rem;
  border-radius: var(--border-radius-xl);
}
._inner_a96g6_9._md_a96g6_22 {
  padding: 0.25rem;
  border-radius: var(--border-radius-lg);
}
._inner_a96g6_9._sm_a96g6_26 {
  padding: 0.1875rem;
  border-radius: var(--border-radius-md);
}
.dark-overlay ._inner_a96g6_9 {
  background: var(--color-backdrop-dark-bg);
  border: 1px solid var(--color-black);
}
@media (prefers-color-scheme: dark) {
  ._inner_a96g6_9 {
    background: var(--color-gray-900);
    border-color: var(--color-gray-800);
  }
}
.dark ._inner_a96g6_9 {
  background: var(--color-gray-900);
  border-color: var(--color-gray-800);
}

._dropdownGroup_a96g6_45 {
  padding: 0.375rem 0;
  border-top: 1px solid var(--color-gray-100);
}
._dropdownGroup_a96g6_45:first-child {
  padding-top: 0;
  border: 0;
}
._dropdownGroup_a96g6_45:last-child {
  padding-bottom: 0;
}
.dark-overlay ._dropdownGroup_a96g6_45 {
  border-color: var(--color-gray-900);
}
@media (prefers-color-scheme: dark) {
  ._dropdownGroup_a96g6_45 {
    border-color: var(--color-gray-800);
  }
}
.dark ._dropdownGroup_a96g6_45 {
  border-color: var(--color-gray-800);
}

._dropdownItem_a96g6_68 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 1.75rem;
  padding-left: 1.25rem;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  user-select: none;
}
._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover, ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 {
  background: var(--color-primary);
  color: var(--color-white);
}
._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._tick_a96g6_83,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._startContent_a96g6_84,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._dropdownItemLeft_a96g6_85,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._dropdownItemRight_a96g6_86, ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._tick_a96g6_83,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._startContent_a96g6_84,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._dropdownItemLeft_a96g6_85,
._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._dropdownItemRight_a96g6_86 {
  color: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover, ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 {
    background: var(--color-primary);
  }
  ._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._dropdownItemRight_a96g6_86, ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._dropdownItemRight_a96g6_86 {
    color: var(--color-gray-100);
  }
}
.dark ._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover, .dark ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 {
  background: var(--color-primary);
}
.dark ._dropdownItem_a96g6_68:not(._disabled_a96g6_79):hover ._dropdownItemRight_a96g6_86, .dark ._dropdownItem_a96g6_68:not(._disabled_a96g6_79)._hovered_a96g6_79 ._dropdownItemRight_a96g6_86 {
  color: var(--color-gray-100);
}
._dropdownItem_a96g6_68._disabled_a96g6_79 {
  cursor: default;
}
._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemLeft_a96g6_85,
._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemRight_a96g6_86,
._dropdownItem_a96g6_68._disabled_a96g6_79 ._startContent_a96g6_84 {
  color: var(--color-gray-200);
}
.dark-overlay ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemLeft_a96g6_85,
.dark-overlay ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemRight_a96g6_86,
.dark-overlay ._dropdownItem_a96g6_68._disabled_a96g6_79 ._startContent_a96g6_84 {
  color: var(--color-gray-500);
}
@media (prefers-color-scheme: dark) {
  ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemLeft_a96g6_85,
  ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemRight_a96g6_86,
  ._dropdownItem_a96g6_68._disabled_a96g6_79 ._startContent_a96g6_84 {
    color: var(--color-gray-500);
  }
}
.dark ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemLeft_a96g6_85,
.dark ._dropdownItem_a96g6_68._disabled_a96g6_79 ._dropdownItemRight_a96g6_86,
.dark ._dropdownItem_a96g6_68._disabled_a96g6_79 ._startContent_a96g6_84 {
  color: var(--color-gray-500);
}
._dropdownItem_a96g6_68._current_a96g6_131 {
  color: var(--color-black);
}
._dropdownItem_a96g6_68._current_a96g6_131._currentBg_a96g6_134 {
  background: var(--color-primary);
}
._dropdownItem_a96g6_68._current_a96g6_131._currentBg_a96g6_134 ._dropdownItemLeft_a96g6_85 {
  color: var(--color-white);
}
.dark-overlay ._dropdownItem_a96g6_68._current_a96g6_131 {
  color: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._dropdownItem_a96g6_68._current_a96g6_131 {
    color: var(--color-white);
  }
}
.dark ._dropdownItem_a96g6_68._current_a96g6_131 {
  color: var(--color-white);
}
._dropdownItem_a96g6_68._lg_a96g6_18 {
  padding: 0.375rem 0.625rem;
  gap: 1.5rem;
}
._dropdownItem_a96g6_68._md_a96g6_22 {
  padding: 0.375rem 0.5rem;
}
._dropdownItem_a96g6_68._md_a96g6_22 ._dropdownItemLeft_a96g6_85 svg {
  width: 1.125rem;
  height: 1.125rem;
}
._dropdownItem_a96g6_68._sm_a96g6_26 {
  padding: 0.25rem 0.375rem;
}
._dropdownItem_a96g6_68._sm_a96g6_26 ._dropdownItemLeft_a96g6_85 svg {
  width: 1rem;
  height: 1rem;
}

._dropdownItemLeft_a96g6_85 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: var(--font-size-sm);
  color: var(--color-black);
}
.dark-overlay ._dropdownItemLeft_a96g6_85 {
  color: var(--color-gray-100);
}
@media (prefers-color-scheme: dark) {
  ._dropdownItemLeft_a96g6_85 {
    color: var(--color-gray-200);
  }
}
.dark ._dropdownItemLeft_a96g6_85 {
  color: var(--color-gray-200);
}

._dropdownItemRight_a96g6_86 {
  font-size: var(--font-size-sm);
  color: var(--color-gray-400);
}
._dropdownItemRight_a96g6_86 > svg {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: -0.25rem;
}
.dark-overlay ._dropdownItemRight_a96g6_86 {
  color: var(--color-gray-600);
}
@media (prefers-color-scheme: dark) {
  ._dropdownItemRight_a96g6_86 {
    color: var(--color-gray-400);
  }
}
.dark ._dropdownItemRight_a96g6_86 {
  color: var(--color-gray-400);
}

._startContent_a96g6_84 {
  display: inline-flex;
  color: var(--color-gray-900);
}
._startContent_a96g6_84 > svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: -0.125rem;
}
.dark-overlay ._startContent_a96g6_84 {
  color: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._startContent_a96g6_84 {
    color: var(--color-gray-200);
  }
}
.dark ._startContent_a96g6_84 {
  color: var(--color-gray-200);
}

._tick_a96g6_83 {
  display: flex;
  justify-content: center;
  width: 0.875rem;
  color: var(--color-gray-900);
}
._tick_a96g6_83 > svg {
  width: 0.875rem;
  height: 0.875rem;
}
.dark-overlay ._tick_a96g6_83 {
  color: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._tick_a96g6_83 {
    color: var(--color-white);
  }
}
.dark ._tick_a96g6_83 {
  color: var(--color-white);
}._dropdownButton_1ev1a_1 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: 1.75rem;
  padding: 0 0.5rem;
  background: var(--color-gray-50);
  border: 1px solid var(--color-gray-50);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-black);
}
._dropdownButton_1ev1a_1._focused_1ev1a_17 {
  background: var(--color-color-gray-200);
  border-color: var(--color-primary);
}
@media (prefers-color-scheme: dark) {
  ._dropdownButton_1ev1a_1._focused_1ev1a_17 {
    background: var(--color-gray-800);
  }
}
.dark ._dropdownButton_1ev1a_1._focused_1ev1a_17 {
  background: var(--color-gray-800);
}
._dropdownButton_1ev1a_1:hover {
  border-color: var(--color-gray-200);
}
@media (prefers-color-scheme: dark) {
  ._dropdownButton_1ev1a_1:hover {
    border-color: var(--color-gray-700);
  }
}
.dark ._dropdownButton_1ev1a_1:hover {
  border-color: var(--color-gray-700);
}
._dropdownButton_1ev1a_1._active_1ev1a_40 {
  background: var(--color-color-gray-200);
  border-color: var(--color-primary);
}
@media (prefers-color-scheme: dark) {
  ._dropdownButton_1ev1a_1._active_1ev1a_40 {
    background: var(--color-gray-800);
  }
}
.dark ._dropdownButton_1ev1a_1._active_1ev1a_40 {
  background: var(--color-gray-800);
}
@media (prefers-color-scheme: dark) {
  ._dropdownButton_1ev1a_1 {
    background: var(--color-gray-900);
    border-color: var(--color-gray-900);
    color: var(--color-gray-100);
  }
}
.dark ._dropdownButton_1ev1a_1 {
  background: var(--color-gray-900);
  border-color: var(--color-gray-900);
  color: var(--color-gray-100);
}

._arrow_1ev1a_65 {
  position: absolute;
  top: 0.25rem;
  right: 0;
  display: flex;
  align-items: center;
  height: 1rem;
  padding: 0 0.375rem 0 0.125rem;
  color: var(--color-gray-400);
}
._arrow_1ev1a_65 > svg {
  width: 0.75rem;
  height: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  ._arrow_1ev1a_65 {
    border-color: var(--color-gray-700);
  }
}
.dark ._arrow_1ev1a_65 {
  border-color: var(--color-gray-700);
}._assetsPanel_kwj4d_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0.5rem;
}

._groupButton_kwj4d_8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.25rem 0.375rem 0.25rem 0.625rem;
  background: transparent;
  border: 0;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-950);
  user-select: none;
}
._groupButton_kwj4d_8:hover {
  background: var(--color-gray-50);
}
._groupButton_kwj4d_8 > svg {
  width: 14px;
}
@media (prefers-color-scheme: dark) {
  ._groupButton_kwj4d_8 {
    color: var(--color-gray-100);
  }
  ._groupButton_kwj4d_8:hover {
    background: var(--color-gray-900);
    color: var(--color-white);
  }
}
.dark ._groupButton_kwj4d_8 {
  color: var(--color-gray-100);
}
.dark ._groupButton_kwj4d_8:hover {
  background: var(--color-gray-900);
  color: var(--color-white);
}

._group_kwj4d_8._collapsed_kwj4d_46 > button > svg {
  transform: rotate(-90deg);
}

._assetsList_kwj4d_50 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.625rem;
  width: 100%;
  padding: 0.25rem 0 1.25rem;
}

._asset_kwj4d_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  text-align: center;
  cursor: grab;
}
._asset_kwj4d_1 > svg {
  width: 40%;
  height: auto;
  color: var(--color-gray-500);
}
._asset_kwj4d_1 > span {
  font-size: var(--font-size-xs);
  color: var(--color-gray-600);
}
._asset_kwj4d_1:hover > svg {
  color: var(--color-gray-600);
}
._asset_kwj4d_1:hover > span {
  color: var(--color-gray-900);
}
._asset_kwj4d_1._current_kwj4d_81 ._assetLetter_kwj4d_81 {
  background: var(--color-primary) !important;
  color: var(--color-white);
}
._asset_kwj4d_1._current_kwj4d_81 > span {
  color: var(--color-primary);
}
@media (prefers-color-scheme: dark) {
  ._asset_kwj4d_1 > svg {
    color: var(--color-gray-500);
  }
  ._asset_kwj4d_1 > span {
    color: var(--color-gray-300);
  }
}
.dark ._asset_kwj4d_1 > svg {
  color: var(--color-gray-500);
}
.dark ._asset_kwj4d_1 > span {
  color: var(--color-gray-300);
}

._assetLetter_kwj4d_81 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: var(--border-radius-md);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
}

._noResults_kwj4d_114 {
  width: 100%;
  padding: 0.625rem 0;
  font-size: var(--font-size-md);
  color: var(--color-gray-600);
  text-align: center;
}
@media (prefers-color-scheme: dark) {
  ._noResults_kwj4d_114 {
    color: var(--color-gray-400);
  }
}
.dark ._noResults_kwj4d_114 {
  color: var(--color-gray-400);
}._input_1y1g4_1 {
  display: flex;
  align-items: center;
  height: 1.75rem;
  padding: 0 0.5rem;
  background: var(--color-gray-50);
  border: 1px solid transparent;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}
._input_1y1g4_1 > input {
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0.125rem;
  border: 0;
  background: transparent;
  border-radius: var(--border-radius-full);
  outline: none;
  font-size: var(--font-size-sm);
  color: var(--color-black);
  appearance: textfield;
}
._input_1y1g4_1 > input::-webkit-outer-spin-button, ._input_1y1g4_1 > input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
._input_1y1g4_1 > input::placeholder {
  color: var(--color-gray-700);
}
@media (prefers-color-scheme: dark) {
  ._input_1y1g4_1 > input {
    color: var(--color-white);
  }
}
.dark ._input_1y1g4_1 > input {
  color: var(--color-white);
}
._input_1y1g4_1:hover {
  border-color: var(--color-gray-200);
}
._input_1y1g4_1:hover ._buttons_1y1g4_43 {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  ._input_1y1g4_1:hover {
    border-color: var(--color-gray-700);
  }
}
.dark ._input_1y1g4_1:hover {
  border-color: var(--color-gray-700);
}
._input_1y1g4_1._focused_1y1g4_54 {
  background: var(--color-white);
  border-color: var(--color-primary);
}
._input_1y1g4_1._focused_1y1g4_54 ._buttons_1y1g4_43 {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  ._input_1y1g4_1._focused_1y1g4_54 {
    background: var(--color-gray-800);
  }
}
.dark ._input_1y1g4_1._focused_1y1g4_54 {
  background: var(--color-gray-800);
}
@media (prefers-color-scheme: dark) {
  ._input_1y1g4_1 {
    background: var(--color-gray-900);
  }
}
.dark ._input_1y1g4_1 {
  background: var(--color-gray-900);
}

._startContent_1y1g4_78,
._endContent_1y1g4_79 {
  display: inline-flex;
  align-items: center;
  height: inherit;
  font-size: var(--font-size-sm);
  color: var(--color-gray-400);
}
._startContent_1y1g4_78 > svg,
._endContent_1y1g4_79 > svg {
  width: 1rem;
  height: 1rem;
}
@media (prefers-color-scheme: dark) {
  ._startContent_1y1g4_78,
  ._endContent_1y1g4_79 {
    color: var(--color-gray-600);
  }
}
.dark ._startContent_1y1g4_78,
.dark ._endContent_1y1g4_79 {
  color: var(--color-gray-600);
}

._startContent_1y1g4_78 {
  padding-right: 0.25rem;
}

._buttons_1y1g4_43 {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  margin-right: -0.5rem;
  opacity: 0;
}
._buttons_1y1g4_43 > button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
  width: 1.25rem;
  background: transparent;
  padding: 0 0.125rem 0 0;
  border: 0;
  color: var(--color-gray-400);
  cursor: pointer;
}
._buttons_1y1g4_43 > button:hover {
  color: var(--color-primary);
}
._buttons_1y1g4_43 > button:first-child {
  padding-top: 0.125rem;
}
._buttons_1y1g4_43 > button:last-child {
  padding-bottom: 0.125rem;
}
._buttons_1y1g4_43 > button > svg {
  width: 0.75rem;
  height: 0.75rem;
}
@media (prefers-color-scheme: dark) {
  ._buttons_1y1g4_43 > button {
    background: var(--color-gray-900);
    color: var(--color-gray-400);
  }
  ._buttons_1y1g4_43 > button:hover {
    background: var(--color-gray-700);
  }
}
.dark ._buttons_1y1g4_43 > button {
  background: var(--color-gray-900);
  color: var(--color-gray-400);
}
.dark ._buttons_1y1g4_43 > button:hover {
  background: var(--color-gray-700);
}._layout_1ct8h_1 {
  width: 100%;
  height: 100%;
}
._layout_1ct8h_1._isResizing_1ct8h_5 {
  user-select: none;
}

._left_1ct8h_9 {
  position: fixed;
  left: 0;
  top: 0;
  max-height: 100vh;
}

._right_1ct8h_16 {
  position: fixed;
  right: 0;
  top: 0;
  max-height: 100vh;
}

._topCenter_1ct8h_23 {
  position: fixed;
  top: 10px;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%);
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  gap: 0.375rem;
}

._bottomRight_1ct8h_35 {
  position: fixed;
  right: 10px;
  bottom: 10px;
  gap: 0.625rem;
}

._resizer_1ct8h_42 {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background: transparent;
  cursor: col-resize;
}

._leftResizer_1ct8h_51 {
  right: -2px;
}

._rightResizer_1ct8h_55 {
  left: -2px;
}._leftPanel_hbxwe_1 {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  border-right: 1px solid var(--color-gray-200);
  box-shadow: var(--shadow-sm);
}
@media (prefers-color-scheme: dark) {
  ._leftPanel_hbxwe_1 {
    background: var(--color-gray-950);
    border-color: var(--color-gray-900);
  }
}
.dark ._leftPanel_hbxwe_1 {
  background: var(--color-gray-950);
  border-color: var(--color-gray-900);
}

._header_hbxwe_21 {
  display: flex;
  flex-flow: column wrap;
}

._headerMain_hbxwe_26 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.625rem;
}

._headerSearch_hbxwe_33 {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
}
._headerSearch_hbxwe_33 > svg {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  margin-top: -0.5625rem;
  width: 1.125rem;
  height: 1.125rem;
  color: var(--color-gray-600);
}
@media (prefers-color-scheme: dark) {
  ._headerSearch_hbxwe_33 > svg::placeholder {
    color: var(--color-gray-500);
  }
}
.dark ._headerSearch_hbxwe_33 > svg::placeholder {
  color: var(--color-gray-500);
}
._headerSearch_hbxwe_33 > input {
  display: block;
  width: 100%;
  height: inherit;
  padding-left: 2.25rem;
  background: transparent;
  border: 0;
  font-size: var(--font-size-md);
  color: var(--color-gray-black);
  user-select: none;
}
._headerSearch_hbxwe_33 > input::placeholder {
  color: var(--color-gray-500);
}
._headerSearch_hbxwe_33 > input:focus {
  outline: none;
}
@media (prefers-color-scheme: dark) {
  ._headerSearch_hbxwe_33 > input {
    color: var(--color-white);
  }
  ._headerSearch_hbxwe_33 > input::placeholder {
    color: var(--color-gray-500);
  }
}
.dark ._headerSearch_hbxwe_33 > input {
  color: var(--color-white);
}
.dark ._headerSearch_hbxwe_33 > input::placeholder {
  color: var(--color-gray-500);
}

._headerRight_hbxwe_88 {
  display: flex;
  gap: 0.25rem;
  padding-right: 0.375rem;
}

._tabsHeader_hbxwe_94 {
  padding: 0.5rem;
  border-top: 1px solid var(--color-gray-100);
  border-bottom: 1px solid var(--color-gray-100);
}
@media (prefers-color-scheme: dark) {
  ._tabsHeader_hbxwe_94 {
    border-color: var(--color-gray-900);
  }
}
.dark ._tabsHeader_hbxwe_94 {
  border-color: var(--color-gray-900);
}._rightPanel_1mzwa_1 {
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 100vh;
  background: var(--color-white);
  border-left: 1px solid var(--color-gray-200);
  box-shadow: var(--shadow-sm);
}
@media (prefers-color-scheme: dark) {
  ._rightPanel_1mzwa_1 {
    background: var(--color-gray-950);
    border-color: var(--color-gray-900);
  }
}
.dark ._rightPanel_1mzwa_1 {
  background: var(--color-gray-950);
  border-color: var(--color-gray-900);
}

._header_1mzwa_22 {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--color-gray-100);
}
._header_1mzwa_22 > div:first-child {
  margin-right: auto;
}
@media (prefers-color-scheme: dark) {
  ._header_1mzwa_22 {
    border-color: var(--color-gray-900);
  }
}
.dark ._header_1mzwa_22 {
  border-color: var(--color-gray-900);
}

._main_1mzwa_41 {
  flex: 1;
  max-height: calc(100vh - 50px);
}

._properties_1mzwa_46 {
  display: flex;
  flex-flow: column wrap;
}._modalBackdrop_4r945_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._modal_4r945_1 {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 50%;
  width: 100%;
  box-shadow: rgb(0, 0, 0) 0px 0px 16px 1px;
}

._modalHeader_4r945_24 h2 {
  margin: 0;
}

._modalBody_4r945_28 {
  margin-bottom: 20px;
  line-height: 1.5;
}

._modalFooter_4r945_33 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}._preloader_51ypx_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
._preloader_51ypx_1._init_51ypx_12 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-gray-200);
}
._preloader_51ypx_1._loading_51ypx_18 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  background: var(--color-background-loading);
}
@media (prefers-color-scheme: dark) {
  ._preloader_51ypx_1._loading_51ypx_18 {
    background: var(--color-background-dark-loading);
  }
}
.dark ._preloader_51ypx_1._loading_51ypx_18 {
  background: var(--color-background-dark-loading);
}
._preloader_51ypx_1._isHidden_51ypx_33 {
  visibility: hidden;
  opacity: 0;
}
._preloader_51ypx_1._isVisible_51ypx_37 ._logo_51ypx_37 {
  opacity: 1;
  transform: translateY(0);
}
._preloader_51ypx_1._isVisible_51ypx_37 ._topPanel_51ypx_41 {
  top: 0.625rem;
}
._preloader_51ypx_1._isVisible_51ypx_37 ._left_51ypx_44 {
  left: 0;
}
._preloader_51ypx_1._isVisible_51ypx_37 ._right_51ypx_47 {
  right: 0;
}
._preloader_51ypx_1._isVisible_51ypx_37 ._loadingStatus_51ypx_50 {
  top: 3.125rem;
}
._preloader_51ypx_1._isFadeOut_51ypx_53 {
  opacity: 0;
}
@media (prefers-color-scheme: dark) {
  ._preloader_51ypx_1 {
    background: var(--color-gray-950);
  }
}
.dark ._preloader_51ypx_1 {
  background: var(--color-gray-950);
}

._inner_51ypx_65 {
  width: 100%;
  height: inherit;
}

._loading_51ypx_18 {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  height: inherit;
  padding-bottom: 2.5rem;
}

._logo_51ypx_37 {
  width: 7.5rem;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease-in, transform 0.3s ease-in;
}
._logo_51ypx_37 > svg {
  width: 100%;
}

._logoBlack_51ypx_90 {
  fill: var(--color-gray-800);
}
@media (prefers-color-scheme: dark) {
  ._logoBlack_51ypx_90 {
    fill: var(--color-gray-300);
  }
}
.dark ._logoBlack_51ypx_90 {
  fill: var(--color-gray-300);
}

._logoPrimary_51ypx_102 {
  fill: var(--color-primary);
}

._spinnerSm_51ypx_106 {
  width: 1.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #fcfcfc 94%, rgba(0, 0, 0, 0)) top/2px 2px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #fcfcfc);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 2px), #000 0);
  animation: _spin_51ypx_106 1s infinite linear;
}

._spinner_51ypx_106 {
  width: 1.875rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #2382f4 94%, rgba(0, 0, 0, 0)) top/3px 3px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #2382f4);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3px), #000 0);
  animation: _spin_51ypx_106 1s infinite linear;
}

._left_51ypx_44,
._right_51ypx_47 {
  position: fixed;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-end;
  width: 17.5rem;
  height: 100%;
  transition: left 0.4s ease-in, right 0.4s ease-in;
  transition-delay: 1.6s;
}

._left_51ypx_44 {
  left: -17.5rem;
}

._right_51ypx_47 {
  right: -17.5rem;
}

._topPanel_51ypx_41 {
  position: fixed;
  top: -4.375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 26.625rem;
  height: 3.25rem;
  background: var(--color-white);
  border-radius: var(--border-radius-xl);
  transition: top 0.3s ease-in;
  transition-delay: 1s;
}
@media (prefers-color-scheme: dark) {
  ._topPanel_51ypx_41 {
    background: var(--color-gray-900);
  }
}
.dark ._topPanel_51ypx_41 {
  background: var(--color-gray-900);
}

._leftPanel_51ypx_165,
._rightPanel_51ypx_166 {
  flex: 1;
  width: 100%;
  background: var(--color-white);
}
@media (prefers-color-scheme: dark) {
  ._leftPanel_51ypx_165,
  ._rightPanel_51ypx_166 {
    background: var(--color-gray-900);
  }
}
.dark ._leftPanel_51ypx_165,
.dark ._rightPanel_51ypx_166 {
  background: var(--color-gray-900);
}

._rightHeader_51ypx_182 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.75rem;
}

._rightUser_51ypx_189 {
  width: 1.625rem;
  height: 1.625rem;
  background: var(--color-gray-100);
  border-radius: var(--border-radius-full);
}
@media (prefers-color-scheme: dark) {
  ._rightUser_51ypx_189 {
    background: var(--color-gray-700);
  }
}
.dark ._rightUser_51ypx_189 {
  background: var(--color-gray-700);
}

._rightButtons_51ypx_204 {
  display: flex;
  gap: 0.375rem;
}
._rightButtons_51ypx_204 > div {
  background: var(--color-gray-100);
  border-radius: var(--border-radius-full);
}
._rightButtons_51ypx_204 > div:nth-child(1) {
  width: 2.125rem;
  height: 2.125rem;
}
._rightButtons_51ypx_204 > div:nth-child(2) {
  width: 5.25rem;
  height: 2.125rem;
}
@media (prefers-color-scheme: dark) {
  ._rightButtons_51ypx_204 > div {
    background: var(--color-gray-700);
  }
}
.dark ._rightButtons_51ypx_204 > div {
  background: var(--color-gray-700);
}

._loadingStatus_51ypx_50 {
  position: relative;
  top: -3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.5rem;
  padding: 0 1rem;
  border: 0;
  border-radius: var(--border-radius-full);
  background: var(--color-primary);
  box-shadow: var(--shadow-md);
  color: var(--color-white);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  transition: top 0.3s ease-in;
}

@keyframes _spin_51ypx_106 {
  100% {
    transform: rotate(1turn);
  }
}._propertiesPanel_wqc0y_1 {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}

._propertiesHeader_wqc0y_7 {
  padding: 0.75rem;
  border-bottom: 1px solid var(--color-gray-100);
  color: var(--color-black);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
}
@media (prefers-color-scheme: dark) {
  ._propertiesHeader_wqc0y_7 {
    color: var(--color-gray-100);
    border-color: var(--color-gray-900);
  }
}
.dark ._propertiesHeader_wqc0y_7 {
  color: var(--color-gray-100);
  border-color: var(--color-gray-900);
}

._propertiesGroup_wqc0y_25 {
  padding: 0.25rem 0;
  border-bottom: 1px solid var(--color-gray-100);
}
._propertiesGroup_wqc0y_25:last-child {
  border: 0;
}
@media (prefers-color-scheme: dark) {
  ._propertiesGroup_wqc0y_25 {
    border-color: var(--color-gray-900);
  }
}
.dark ._propertiesGroup_wqc0y_25 {
  border-color: var(--color-gray-900);
}

._propertiesGroupHeader_wqc0y_41 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  margin-left: -0.125rem;
  padding: 0 0.75rem;
  min-height: 2.25rem;
  color: var(--color-black);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  user-select: none;
}
._propertiesGroupHeader_wqc0y_41 > svg {
  width: 0.625rem;
  height: 0.625rem;
  color: var(--color-gray-400);
}
._propertiesGroupHeader_wqc0y_41:hover, ._propertiesGroupHeader_wqc0y_41._collapsed_wqc0y_60:hover {
  color: var(--color-gray-800);
}
._propertiesGroupHeader_wqc0y_41._collapsed_wqc0y_60 {
  color: var(--color-gray-500);
}
._propertiesGroupHeader_wqc0y_41._collapsed_wqc0y_60 > svg {
  transform: rotate(-90deg);
  color: var(--color-gray-500);
}
@media (prefers-color-scheme: dark) {
  ._propertiesGroupHeader_wqc0y_41 {
    color: var(--color-gray-100);
  }
  ._propertiesGroupHeader_wqc0y_41 > svg {
    color: var(--color-gray-400);
  }
  ._propertiesGroupHeader_wqc0y_41:hover {
    color: var(--color-white);
  }
  ._propertiesGroupHeader_wqc0y_41:hover > svg {
    color: var(--color-white);
  }
}
.dark ._propertiesGroupHeader_wqc0y_41 {
  color: var(--color-gray-100);
}
.dark ._propertiesGroupHeader_wqc0y_41 > svg {
  color: var(--color-gray-400);
}
.dark ._propertiesGroupHeader_wqc0y_41:hover {
  color: var(--color-white);
}
.dark ._propertiesGroupHeader_wqc0y_41:hover > svg {
  color: var(--color-white);
}

._propertiesGroupBody_wqc0y_97 {
  display: flex;
  flex-flow: column wrap;
  gap: 0.5rem;
  padding-bottom: 0.875rem;
}

._property_wqc0y_104 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  padding: 0 0.75rem;
}

._propertyLeft_wqc0y_112 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  width: 40%;
}
@media (prefers-color-scheme: dark) {
  ._propertyLeft_wqc0y_112 {
    color: var(--color-gray-500);
  }
}
.dark ._propertyLeft_wqc0y_112 {
  color: var(--color-gray-500);
}

._propertyLabel_wqc0y_128 {
  display: block;
  flex: 1;
  color: var(--color-gray-700);
  font-size: var(--font-size-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
._propertyLabel_wqc0y_128 > span {
  display: inline-flex;
  padding-left: 0.25rem;
  color: var(--color-gray-300);
  font-weight: var(--font-weight-normal);
}
@media (prefers-color-scheme: dark) {
  ._propertyLabel_wqc0y_128 {
    color: var(--color-gray-400);
  }
  ._propertyLabel_wqc0y_128 > span {
    color: var(--color-gray-600);
  }
}
.dark ._propertyLabel_wqc0y_128 {
  color: var(--color-gray-400);
}
.dark ._propertyLabel_wqc0y_128 > span {
  color: var(--color-gray-600);
}

._propertyControls_wqc0y_159 {
  display: flex;
  gap: 0.25rem;
  width: 60%;
  padding-left: 0.375rem;
}

._propertyControl_wqc0y_159 {
  width: 60%;
  padding-left: 0.375rem;
}._slidingTabs_11jm2_1 {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto;
  background: var(--color-gray-50);
  border-radius: var(--border-radius-md);
}
._slidingTabs_11jm2_1._full_11jm2_9 {
  width: 100%;
}
._slidingTabs_11jm2_1._lg_11jm2_12 {
  --tabs-padding: 0.125rem;
}
._slidingTabs_11jm2_1._lg_11jm2_12 > button {
  height: 1.625rem;
  padding: 0 0.625rem;
}
._slidingTabs_11jm2_1._md_11jm2_19 {
  --tabs-padding: 0.125rem;
}
._slidingTabs_11jm2_1._md_11jm2_19 > button {
  height: 1.375rem;
  padding: 0 0.5rem;
}
._slidingTabs_11jm2_1._sm_11jm2_26 {
  --tabs-padding: 0.125rem;
}
._slidingTabs_11jm2_1._sm_11jm2_26 > button {
  height: 1.125rem;
  padding: 0 0.5rem;
}
._slidingTabs_11jm2_1 > button {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  border-radius: var(--border-radius-md);
  outline: none;
  background: transparent;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-500);
  cursor: pointer;
  user-select: none;
}
._slidingTabs_11jm2_1 > button:hover {
  color: var(--color-gray-800);
}
._slidingTabs_11jm2_1 > button._current_11jm2_53 {
  color: var(--color-black);
}
@media (prefers-color-scheme: dark) {
  ._slidingTabs_11jm2_1 {
    background: var(--color-gray-950);
  }
  ._slidingTabs_11jm2_1 > button {
    color: var(--color-gray-300);
  }
  ._slidingTabs_11jm2_1 > button._current_11jm2_53 {
    color: var(--color-white);
  }
}
.dark ._slidingTabs_11jm2_1 {
  background: var(--color-gray-950);
}
.dark ._slidingTabs_11jm2_1 > button {
  color: var(--color-gray-300);
}
.dark ._slidingTabs_11jm2_1 > button._current_11jm2_53 {
  color: var(--color-white);
}

._glider_11jm2_77 {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  will-change: left;
}
._glider_11jm2_77._moving_11jm2_86 {
  transition: left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
._glider_11jm2_77 > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-white);
  border: 1px solid var(--color-gray-100);
  border-radius: var(--border-radius-md);
}
@media (prefers-color-scheme: dark) {
  ._glider_11jm2_77 > span {
    background: var(--color-gray-900);
    border-color: var(--color-gray-700);
  }
}
.dark ._glider_11jm2_77 > span {
  background: var(--color-gray-900);
  border-color: var(--color-gray-700);
}._toolsPanel_1t7s9_1 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4375rem 0.5rem;
  background: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-sm);
}
@media (prefers-color-scheme: dark) {
  ._toolsPanel_1t7s9_1 {
    background: var(--color-gray-950);
    border-color: var(--color-gray-900);
    border-top-color: var(--color-gray-700);
  }
}
.dark ._toolsPanel_1t7s9_1 {
  background: var(--color-gray-950);
  border-color: var(--color-gray-900);
  border-top-color: var(--color-gray-700);
}

._separator_1t7s9_24 {
  display: block;
  height: 1.25rem;
  width: 2px;
  margin: 0 0.375rem;
  background: var(--color-gray-100);
  border-radius: var(--border-radius-xl);
}
@media (prefers-color-scheme: dark) {
  ._separator_1t7s9_24 {
    background: var(--color-gray-900);
  }
}
.dark ._separator_1t7s9_24 {
  background: var(--color-gray-900);
}

._group_1t7s9_41 {
  display: flex;
}._tooltip_9usou_1 {
  padding: 0.25rem 0.5rem;
  background: var(--color-white);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-sm);
  font-size: var(--font-size-sm);
  z-index: 999;
}
@media (prefers-color-scheme: dark) {
  ._tooltip_9usou_1 {
    background: var(--color-gray-800);
    border-color: var(--color-gray-700);
    color: var(--color-white);
  }
}
.dark ._tooltip_9usou_1 {
  background: var(--color-gray-800);
  border-color: var(--color-gray-700);
  color: var(--color-white);
}

@keyframes _fadeIn_9usou_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeOut_9usou_1 {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}
._tooltip_9usou_1 {
  animation-fill-mode: forwards;
  animation-duration: 0.3s;
}

._tooltipEnter_9usou_48 {
  animation-name: _fadeIn_9usou_1;
}

._tooltipExit_9usou_52 {
  animation-name: _fadeOut_9usou_1;
}._users_t7bdg_1 {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.25rem;
  padding-right: 0.25rem;
}

._user_t7bdg_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: var(--border-radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  user-select: none;
}
._user_t7bdg_1:hover {
  box-shadow: var(--shadow-focused-border);
}._shortcutsPanel_45meo_1 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color-white);
  border-top: 1px solid var(--color-gray-200);
  box-shadow: var(--shadow-md);
}
@media (prefers-color-scheme: dark) {
  ._shortcutsPanel_45meo_1 {
    border-color: var(--color-gray-800);
    background: var(--color-gray-950);
  }
}
.dark ._shortcutsPanel_45meo_1 {
  border-color: var(--color-gray-800);
  background: var(--color-gray-950);
}

._header_45meo_21 {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0.625rem 0;
  border-bottom: 1px solid var(--color-gray-100);
}
@media (prefers-color-scheme: dark) {
  ._header_45meo_21 {
    border-bottom-color: var(--color-gray-800);
  }
}
.dark ._header_45meo_21 {
  border-bottom-color: var(--color-gray-800);
}

._closeButton_45meo_37 {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  color: var(--color-gray-600);
}
._closeButton_45meo_37 > svg {
  width: 1.125rem;
  height: 1.125rem;
}
._closeButton_45meo_37:hover {
  background: var(--color-gray-50);
  color: var(--color-black);
}

._tabs_45meo_63 {
  display: flex;
  gap: 1.25rem;
}

._tab_45meo_63 {
  padding: 0.5rem 0.75rem;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-md);
  cursor: pointer;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-400);
}
._tab_45meo_63._active_45meo_78 {
  background: var(--color-gray-50);
  color: var(--color-black);
}
._tab_45meo_63:hover {
  color: var(--color-black);
}
@media (prefers-color-scheme: dark) {
  ._tab_45meo_63 {
    color: var(--color-gray-200);
  }
  ._tab_45meo_63._active_45meo_78 {
    background: var(--color-gray-900);
    color: var(--color-white);
  }
}
.dark ._tab_45meo_63 {
  color: var(--color-gray-200);
}
.dark ._tab_45meo_63._active_45meo_78 {
  background: var(--color-gray-900);
  color: var(--color-white);
}

._group_45meo_102 {
  display: flex;
  justify-content: center;
}

._columns_45meo_107 {
  display: flex;
  gap: 1.25rem;
  min-height: 13.125rem;
}

._column_45meo_107 {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  gap: 0.875rem;
  min-width: 20.625rem;
  padding: 1.25rem;
}
._column_45meo_107:after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.625rem;
  width: 1px;
  height: 100%;
  background: var(--color-gray-100);
}
@media (prefers-color-scheme: dark) {
  ._column_45meo_107:after {
    background: var(--color-gray-900);
  }
}
.dark ._column_45meo_107:after {
  background: var(--color-gray-900);
}
._column_45meo_107:last-child::after {
  display: none;
}

._shortcut_45meo_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._action_45meo_148 {
  font-size: var(--font-size-sm);
}
@media (prefers-color-scheme: dark) {
  ._action_45meo_148 {
    color: var(--color-gray-50);
  }
}
.dark ._action_45meo_148 {
  color: var(--color-gray-50);
}

._keys_45meo_160 {
  display: flex;
  gap: 0.1875rem;
  font-size: var(--font-size-sm);
  color: var(--color-gray-500);
}
._keys_45meo_160 > span {
  display: flex;
  justify-content: center;
  min-width: 1.5rem;
  padding: 0.25rem 0.375rem;
  background: var(--color-gray-50);
  border-radius: var(--border-radius-sm);
}
@media (prefers-color-scheme: dark) {
  ._keys_45meo_160 {
    color: var(--color-gray-50);
  }
  ._keys_45meo_160 > span {
    background: var(--color-gray-900);
  }
}
.dark ._keys_45meo_160 {
  color: var(--color-gray-50);
}
.dark ._keys_45meo_160 > span {
  background: var(--color-gray-900);
}._gridSettings_1ee5m_1 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 3.125rem;
  padding: 0 0.75rem;
  background: var(--color-white);
  border-top: 1px solid var(--color-gray-100);
}
@media (prefers-color-scheme: dark) {
  ._gridSettings_1ee5m_1 {
    background: var(--color-gray-950);
    border-color: var(--color-gray-900);
  }
}
.dark ._gridSettings_1ee5m_1 {
  background: var(--color-gray-950);
  border-color: var(--color-gray-900);
}

._title_1ee5m_23 {
  padding-right: 0.125rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-gray-500);
}

._input_1ee5m_30 {
  width: 30%;
  min-width: 3.125rem;
  max-width: 5rem;
}

._tabs_1ee5m_36 {
  flex: 1;
}.select-box .bounding-rect {
  fill-opacity: 0.15;
  fill: #fbb03b;
  stroke: #fbb03b;
  pointer-events: none;
}
.select-box .radius-cap {
  cursor: move;
}
.select-box .add-cap,
.select-box .split-cap {
  opacity: 0.5;
}
.select-box .add-cap:hover,
.select-box .split-cap:hover {
  opacity: 1;
}
.select-box .point-cap {
  cursor: move;
}
.select-box .rotate-cap {
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAUElEQVR42uSTQQoAIAgEp/9/OoKgCFcTb7WnpAF1t2iBeA9gSAPz7kBwT3uB6Is5LHkAyeeA5QO1FrBZSmS5WBNcJy8S8NIsvIdv/oWlLsAAwjEDwzEB/csAAAAASUVORK5CYII=") 15 15, auto;
}.internal-bg-grid #grid,
.internal-bg-grid #smallGrid > path {
  fill: none;
  stroke: rgb(58, 58, 58);
}
@media (prefers-color-scheme: dark) {
  .internal-bg-grid {
    background: var(--color-black);
    border-color: var(--color-gray-900);
  }
  .internal-bg-grid #grid,
  .internal-bg-grid #smallGrid > path {
    fill: none;
    stroke: white;
  }
}
:global(.dark) .internal-bg-grid {
  background: var(--color-black);
  border-color: var(--color-gray-900);
}
:global(.dark) .internal-bg-grid #grid,
:global(.dark) .internal-bg-grid #smallGrid > path {
  fill: none;
  stroke: white;
}
.dark .internal-bg-grid {
  background: var(--color-black);
  border-color: var(--color-gray-900);
}
.dark .internal-bg-grid #grid,
.dark .internal-bg-grid #smallGrid > path {
  fill: none;
  stroke: white;
}.layers-container {
  padding: 3px;
  width: 100%;
  z-index: 1;
  font-size: var(--font-size-md);
  max-height: 100%;
  overflow-y: auto;
}
.layers-container .layers-header {
  font-weight: 500;
  cursor: pointer;
}
.layers-container .element-header {
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.layers-container .element-header.selected {
  background-color: lightgray !important;
}
@media (prefers-color-scheme: dark) {
  .layers-container .element-header.selected {
    background-color: #3a3a3a !important;
  }
}
:global(.dark) .layers-container .element-header.selected {
  background-color: #3a3a3a !important;
}
.dark .layers-container .element-header.selected {
  background-color: #3a3a3a !important;
}
.layers-container .element-header:hover {
  background-color: #efefef;
}
@media (prefers-color-scheme: dark) {
  .layers-container .element-header:hover {
    background-color: #3a3a3a;
  }
}
:global(.dark) .layers-container .element-header:hover {
  background-color: #3a3a3a;
}
.dark .layers-container .element-header:hover {
  background-color: #3a3a3a;
}
.layers-container .layer-settings {
  float: right;
  opacity: 0.1;
}
.layers-container .layer-settings:hover {
  opacity: 1;
}
@media (prefers-color-scheme: dark) {
  .layers-container .layer-settings {
    color: 0.5;
  }
}
:global(.dark) .layers-container .layer-settings {
  color: 0.5;
}
.dark .layers-container .layer-settings {
  color: 0.5;
}
.layers-container .expand {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.layers-container .expand.expanded {
  transform: rotate(90deg);
}
.layers-container .add-new-layer {
  float: right;
  background: #fff;
  border: 0;
  cursor: pointer;
  opacity: 0.9;
}
.layers-container .layers-settings {
  padding-top: 5px;
  padding-bottom: 5px;
}
.layers-container .layer-mode {
  width: 70px;
  margin-left: 5px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.layers-container .layer-icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  padding: 3px;
  padding-left: 5px;
  opacity: 0.2;
  fill: #5b5a5a;
  cursor: pointer;
}
@media (prefers-color-scheme: dark) {
  .layers-container .layer-icon {
    fill: #ffffff;
  }
}
:global(.dark) .layers-container .layer-icon {
  fill: #ffffff;
}
.dark .layers-container .layer-icon {
  fill: #ffffff;
}
.layers-container .layer-icon.hidden {
  opacity: 0;
  cursor: default;
}
.layers-container .layer-icon.sortable-gap {
  width: 10px !important;
  margin-right: 10px;
  color: black;
  cursor: grab;
  vertical-align: sub;
}
.layers-container .layer-icon.active {
  cursor: pointer;
  opacity: 1;
  display: inline-block;
}
.layers-container .layer-icon.right {
  right: 10px;
}
.layers-container .layer-name {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
  display: inline-block;
  vertical-align: baseline;
  width: 50%;
}
@media (prefers-color-scheme: dark) {
  .layers-container .layer-name {
    color: var(--color-white);
  }
}
:global(.dark) .layers-container .layer-name {
  color: var(--color-white);
}
.dark .layers-container .layer-name {
  color: var(--color-white);
}
.layers-container .collapse {
  cursor: pointer !important;
}
.layers-container .collapse.expanded {
  transform: rotate(90deg);
  transform-origin: 10px 10px;
}
.layers-container .dndSeparator {
  background-color: #c6c6c6;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  height: 5px;
}
@media (prefers-color-scheme: dark) {
  .layers-container .dndSeparator {
    background-color: white;
  }
}
:global(.dark) .layers-container .dndSeparator {
  background-color: white;
}
.dark .layers-container .dndSeparator {
  background-color: white;
}
.layers-container .dndSeparator.hover {
  opacity: 1;
}
.layers-container .current-layer {
  border: 2px solid #c6c6c6 !important;
  background-color: #f0efef !important;
}
@media (prefers-color-scheme: dark) {
  .layers-container .current-layer {
    background-color: #3a3a3a !important;
  }
}
:global(.dark) .layers-container .current-layer {
  background-color: #3a3a3a !important;
}
.dark .layers-container .current-layer {
  background-color: #3a3a3a !important;
}
.layers-container .elements {
  padding-right: 5px;
  max-height: 90%;
  overflow-y: auto;
  display: block;
}
.layers-container .elements .search {
  display: block;
  width: 95%;
  margin-left: 3px;
  padding: 3px;
}
.layers-container .elements .search:focus {
  outline: none;
}
.layers-container .elements .layer {
  padding: 2px;
  border: 2px solid transparent;
}
.layers-container .elements .layer.dragover {
  background-color: #c6c6c6;
}
.layers-container .elements .layer input[type=color] {
  border: 1px;
  width: 20px;
  height: 20px;
  margin: 2px;
}
.layers-container .elements .layer .layer-mode {
  margin-left: 5px;
  margin-right: 5px;
  width: 85px;
  border: none;
  background-color: transparent;
}.mousePosition {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  padding: 10px;
  width: 190px;
  color: #4f4d4d;
  text-align: center;
  background-color: #ffffff;
  border-radius: var(--border-radius-xs);
  box-shadow: var(--shadow-sm);
}
@media (prefers-color-scheme: dark) {
  .mousePosition {
    color: #ffffff;
    background-color: var(--color-gray-950);
  }
}
:global(.dark) .mousePosition {
  color: #ffffff;
  background-color: var(--color-gray-950);
}
.dark .mousePosition {
  color: #ffffff;
  background-color: var(--color-gray-950);
}.svg-editor-canvas {
  background-color: #ebebeb;
}
@media (prefers-color-scheme: dark) {
  .svg-editor-canvas {
    background-color: var(--color-black);
  }
}
:global(.dark) .svg-editor-canvas {
  background-color: var(--color-black);
}
.dark .svg-editor-canvas {
  background-color: var(--color-black);
}

.user-layers.transforming text {
  display: none;
}._modalContainer_1wam4_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
._modalContainer_1wam4_1 ._editorContainer_1wam4_14 {
  width: 80%;
  height: 80%;
  background-color: white;
}
._modalContainer_1wam4_1 ._right_1wam4_19 {
  display: flex;
  justify-content: flex-end;
  width: 80%;
  margin-top: 2px;
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}