@charset "UTF-8";

/* node_modules/quill/dist/quill.core.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * 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: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.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;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  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 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;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui: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 li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.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: .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-ui {
  position: absolute;
}
.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;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * 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: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.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;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  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 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;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui: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 li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.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: .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-ui {
  position: absolute;
}
.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: .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: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .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 .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  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 0;
}
.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: 0;
  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: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .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-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.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: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 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: 0;
  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: 0;
  content: "Save";
  padding-right: 0;
}
.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;
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("./media/flags.webp");
  --iti-path-flags-2x: url("./media/flags@2x.webp");
  --iti-path-globe-1x: url("./media/globe.webp");
  --iti-path-globe-2x: url("./media/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ac {
  --iti-flag-offset: 0px;
}
.iti__ad {
  --iti-flag-offset: -16px;
}
.iti__ae {
  --iti-flag-offset: -32px;
}
.iti__af {
  --iti-flag-offset: -48px;
}
.iti__ag {
  --iti-flag-offset: -64px;
}
.iti__ai {
  --iti-flag-offset: -80px;
}
.iti__al {
  --iti-flag-offset: -96px;
}
.iti__am {
  --iti-flag-offset: -112px;
}
.iti__ao {
  --iti-flag-offset: -128px;
}
.iti__ar {
  --iti-flag-offset: -144px;
}
.iti__as {
  --iti-flag-offset: -160px;
}
.iti__at {
  --iti-flag-offset: -176px;
}
.iti__au {
  --iti-flag-offset: -192px;
}
.iti__aw {
  --iti-flag-offset: -208px;
}
.iti__ax {
  --iti-flag-offset: -224px;
}
.iti__az {
  --iti-flag-offset: -240px;
}
.iti__ba {
  --iti-flag-offset: -256px;
}
.iti__bb {
  --iti-flag-offset: -272px;
}
.iti__bd {
  --iti-flag-offset: -288px;
}
.iti__be {
  --iti-flag-offset: -304px;
}
.iti__bf {
  --iti-flag-offset: -320px;
}
.iti__bg {
  --iti-flag-offset: -336px;
}
.iti__bh {
  --iti-flag-offset: -352px;
}
.iti__bi {
  --iti-flag-offset: -368px;
}
.iti__bj {
  --iti-flag-offset: -384px;
}
.iti__bl {
  --iti-flag-offset: -400px;
}
.iti__bm {
  --iti-flag-offset: -416px;
}
.iti__bn {
  --iti-flag-offset: -432px;
}
.iti__bo {
  --iti-flag-offset: -448px;
}
.iti__bq {
  --iti-flag-offset: -464px;
}
.iti__br {
  --iti-flag-offset: -480px;
}
.iti__bs {
  --iti-flag-offset: -496px;
}
.iti__bt {
  --iti-flag-offset: -512px;
}
.iti__bw {
  --iti-flag-offset: -528px;
}
.iti__by {
  --iti-flag-offset: -544px;
}
.iti__bz {
  --iti-flag-offset: -560px;
}
.iti__ca {
  --iti-flag-offset: -576px;
}
.iti__cc {
  --iti-flag-offset: -592px;
}
.iti__cd {
  --iti-flag-offset: -608px;
}
.iti__cf {
  --iti-flag-offset: -624px;
}
.iti__cg {
  --iti-flag-offset: -640px;
}
.iti__ch {
  --iti-flag-offset: -656px;
}
.iti__ci {
  --iti-flag-offset: -672px;
}
.iti__ck {
  --iti-flag-offset: -688px;
}
.iti__cl {
  --iti-flag-offset: -704px;
}
.iti__cm {
  --iti-flag-offset: -720px;
}
.iti__cn {
  --iti-flag-offset: -736px;
}
.iti__co {
  --iti-flag-offset: -752px;
}
.iti__cr {
  --iti-flag-offset: -768px;
}
.iti__cu {
  --iti-flag-offset: -784px;
}
.iti__cv {
  --iti-flag-offset: -800px;
}
.iti__cw {
  --iti-flag-offset: -816px;
}
.iti__cx {
  --iti-flag-offset: -832px;
}
.iti__cy {
  --iti-flag-offset: -848px;
}
.iti__cz {
  --iti-flag-offset: -864px;
}
.iti__de {
  --iti-flag-offset: -880px;
}
.iti__dj {
  --iti-flag-offset: -896px;
}
.iti__dk {
  --iti-flag-offset: -912px;
}
.iti__dm {
  --iti-flag-offset: -928px;
}
.iti__do {
  --iti-flag-offset: -944px;
}
.iti__dz {
  --iti-flag-offset: -960px;
}
.iti__ec {
  --iti-flag-offset: -976px;
}
.iti__ee {
  --iti-flag-offset: -992px;
}
.iti__eg {
  --iti-flag-offset: -1008px;
}
.iti__eh {
  --iti-flag-offset: -1024px;
}
.iti__er {
  --iti-flag-offset: -1040px;
}
.iti__es {
  --iti-flag-offset: -1056px;
}
.iti__et {
  --iti-flag-offset: -1072px;
}
.iti__fi {
  --iti-flag-offset: -1088px;
}
.iti__fj {
  --iti-flag-offset: -1104px;
}
.iti__fk {
  --iti-flag-offset: -1120px;
}
.iti__fm {
  --iti-flag-offset: -1136px;
}
.iti__fo {
  --iti-flag-offset: -1152px;
}
.iti__fr {
  --iti-flag-offset: -1168px;
}
.iti__ga {
  --iti-flag-offset: -1184px;
}
.iti__gb {
  --iti-flag-offset: -1200px;
}
.iti__gd {
  --iti-flag-offset: -1216px;
}
.iti__ge {
  --iti-flag-offset: -1232px;
}
.iti__gf {
  --iti-flag-offset: -1248px;
}
.iti__gg {
  --iti-flag-offset: -1264px;
}
.iti__gh {
  --iti-flag-offset: -1280px;
}
.iti__gi {
  --iti-flag-offset: -1296px;
}
.iti__gl {
  --iti-flag-offset: -1312px;
}
.iti__gm {
  --iti-flag-offset: -1328px;
}
.iti__gn {
  --iti-flag-offset: -1344px;
}
.iti__gp {
  --iti-flag-offset: -1360px;
}
.iti__gq {
  --iti-flag-offset: -1376px;
}
.iti__gr {
  --iti-flag-offset: -1392px;
}
.iti__gt {
  --iti-flag-offset: -1408px;
}
.iti__gu {
  --iti-flag-offset: -1424px;
}
.iti__gw {
  --iti-flag-offset: -1440px;
}
.iti__gy {
  --iti-flag-offset: -1456px;
}
.iti__hk {
  --iti-flag-offset: -1472px;
}
.iti__hn {
  --iti-flag-offset: -1488px;
}
.iti__hr {
  --iti-flag-offset: -1504px;
}
.iti__ht {
  --iti-flag-offset: -1520px;
}
.iti__hu {
  --iti-flag-offset: -1536px;
}
.iti__id {
  --iti-flag-offset: -1552px;
}
.iti__ie {
  --iti-flag-offset: -1568px;
}
.iti__il {
  --iti-flag-offset: -1584px;
}
.iti__im {
  --iti-flag-offset: -1600px;
}
.iti__in {
  --iti-flag-offset: -1616px;
}
.iti__io {
  --iti-flag-offset: -1632px;
}
.iti__iq {
  --iti-flag-offset: -1648px;
}
.iti__ir {
  --iti-flag-offset: -1664px;
}
.iti__is {
  --iti-flag-offset: -1680px;
}
.iti__it {
  --iti-flag-offset: -1696px;
}
.iti__je {
  --iti-flag-offset: -1712px;
}
.iti__jm {
  --iti-flag-offset: -1728px;
}
.iti__jo {
  --iti-flag-offset: -1744px;
}
.iti__jp {
  --iti-flag-offset: -1760px;
}
.iti__ke {
  --iti-flag-offset: -1776px;
}
.iti__kg {
  --iti-flag-offset: -1792px;
}
.iti__kh {
  --iti-flag-offset: -1808px;
}
.iti__ki {
  --iti-flag-offset: -1824px;
}
.iti__km {
  --iti-flag-offset: -1840px;
}
.iti__kn {
  --iti-flag-offset: -1856px;
}
.iti__kp {
  --iti-flag-offset: -1872px;
}
.iti__kr {
  --iti-flag-offset: -1888px;
}
.iti__kw {
  --iti-flag-offset: -1904px;
}
.iti__ky {
  --iti-flag-offset: -1920px;
}
.iti__kz {
  --iti-flag-offset: -1936px;
}
.iti__la {
  --iti-flag-offset: -1952px;
}
.iti__lb {
  --iti-flag-offset: -1968px;
}
.iti__lc {
  --iti-flag-offset: -1984px;
}
.iti__li {
  --iti-flag-offset: -2000px;
}
.iti__lk {
  --iti-flag-offset: -2016px;
}
.iti__lr {
  --iti-flag-offset: -2032px;
}
.iti__ls {
  --iti-flag-offset: -2048px;
}
.iti__lt {
  --iti-flag-offset: -2064px;
}
.iti__lu {
  --iti-flag-offset: -2080px;
}
.iti__lv {
  --iti-flag-offset: -2096px;
}
.iti__ly {
  --iti-flag-offset: -2112px;
}
.iti__ma {
  --iti-flag-offset: -2128px;
}
.iti__mc {
  --iti-flag-offset: -2144px;
}
.iti__md {
  --iti-flag-offset: -2160px;
}
.iti__me {
  --iti-flag-offset: -2176px;
}
.iti__mf {
  --iti-flag-offset: -2192px;
}
.iti__mg {
  --iti-flag-offset: -2208px;
}
.iti__mh {
  --iti-flag-offset: -2224px;
}
.iti__mk {
  --iti-flag-offset: -2240px;
}
.iti__ml {
  --iti-flag-offset: -2256px;
}
.iti__mm {
  --iti-flag-offset: -2272px;
}
.iti__mn {
  --iti-flag-offset: -2288px;
}
.iti__mo {
  --iti-flag-offset: -2304px;
}
.iti__mp {
  --iti-flag-offset: -2320px;
}
.iti__mq {
  --iti-flag-offset: -2336px;
}
.iti__mr {
  --iti-flag-offset: -2352px;
}
.iti__ms {
  --iti-flag-offset: -2368px;
}
.iti__mt {
  --iti-flag-offset: -2384px;
}
.iti__mu {
  --iti-flag-offset: -2400px;
}
.iti__mv {
  --iti-flag-offset: -2416px;
}
.iti__mw {
  --iti-flag-offset: -2432px;
}
.iti__mx {
  --iti-flag-offset: -2448px;
}
.iti__my {
  --iti-flag-offset: -2464px;
}
.iti__mz {
  --iti-flag-offset: -2480px;
}
.iti__na {
  --iti-flag-offset: -2496px;
}
.iti__nc {
  --iti-flag-offset: -2512px;
}
.iti__ne {
  --iti-flag-offset: -2528px;
}
.iti__nf {
  --iti-flag-offset: -2544px;
}
.iti__ng {
  --iti-flag-offset: -2560px;
}
.iti__ni {
  --iti-flag-offset: -2576px;
}
.iti__nl {
  --iti-flag-offset: -2592px;
}
.iti__no {
  --iti-flag-offset: -2608px;
}
.iti__np {
  --iti-flag-offset: -2624px;
}
.iti__nr {
  --iti-flag-offset: -2640px;
}
.iti__nu {
  --iti-flag-offset: -2656px;
}
.iti__nz {
  --iti-flag-offset: -2672px;
}
.iti__om {
  --iti-flag-offset: -2688px;
}
.iti__pa {
  --iti-flag-offset: -2704px;
}
.iti__pe {
  --iti-flag-offset: -2720px;
}
.iti__pf {
  --iti-flag-offset: -2736px;
}
.iti__pg {
  --iti-flag-offset: -2752px;
}
.iti__ph {
  --iti-flag-offset: -2768px;
}
.iti__pk {
  --iti-flag-offset: -2784px;
}
.iti__pl {
  --iti-flag-offset: -2800px;
}
.iti__pm {
  --iti-flag-offset: -2816px;
}
.iti__pr {
  --iti-flag-offset: -2832px;
}
.iti__ps {
  --iti-flag-offset: -2848px;
}
.iti__pt {
  --iti-flag-offset: -2864px;
}
.iti__pw {
  --iti-flag-offset: -2880px;
}
.iti__py {
  --iti-flag-offset: -2896px;
}
.iti__qa {
  --iti-flag-offset: -2912px;
}
.iti__re {
  --iti-flag-offset: -2928px;
}
.iti__ro {
  --iti-flag-offset: -2944px;
}
.iti__rs {
  --iti-flag-offset: -2960px;
}
.iti__ru {
  --iti-flag-offset: -2976px;
}
.iti__rw {
  --iti-flag-offset: -2992px;
}
.iti__sa {
  --iti-flag-offset: -3008px;
}
.iti__sb {
  --iti-flag-offset: -3024px;
}
.iti__sc {
  --iti-flag-offset: -3040px;
}
.iti__sd {
  --iti-flag-offset: -3056px;
}
.iti__se {
  --iti-flag-offset: -3072px;
}
.iti__sg {
  --iti-flag-offset: -3088px;
}
.iti__sh {
  --iti-flag-offset: -3104px;
}
.iti__si {
  --iti-flag-offset: -3120px;
}
.iti__sj {
  --iti-flag-offset: -3136px;
}
.iti__sk {
  --iti-flag-offset: -3152px;
}
.iti__sl {
  --iti-flag-offset: -3168px;
}
.iti__sm {
  --iti-flag-offset: -3184px;
}
.iti__sn {
  --iti-flag-offset: -3200px;
}
.iti__so {
  --iti-flag-offset: -3216px;
}
.iti__sr {
  --iti-flag-offset: -3232px;
}
.iti__ss {
  --iti-flag-offset: -3248px;
}
.iti__st {
  --iti-flag-offset: -3264px;
}
.iti__sv {
  --iti-flag-offset: -3280px;
}
.iti__sx {
  --iti-flag-offset: -3296px;
}
.iti__sy {
  --iti-flag-offset: -3312px;
}
.iti__sz {
  --iti-flag-offset: -3328px;
}
.iti__tc {
  --iti-flag-offset: -3344px;
}
.iti__td {
  --iti-flag-offset: -3360px;
}
.iti__tg {
  --iti-flag-offset: -3376px;
}
.iti__th {
  --iti-flag-offset: -3392px;
}
.iti__tj {
  --iti-flag-offset: -3408px;
}
.iti__tk {
  --iti-flag-offset: -3424px;
}
.iti__tl {
  --iti-flag-offset: -3440px;
}
.iti__tm {
  --iti-flag-offset: -3456px;
}
.iti__tn {
  --iti-flag-offset: -3472px;
}
.iti__to {
  --iti-flag-offset: -3488px;
}
.iti__tr {
  --iti-flag-offset: -3504px;
}
.iti__tt {
  --iti-flag-offset: -3520px;
}
.iti__tv {
  --iti-flag-offset: -3536px;
}
.iti__tw {
  --iti-flag-offset: -3552px;
}
.iti__tz {
  --iti-flag-offset: -3568px;
}
.iti__ua {
  --iti-flag-offset: -3584px;
}
.iti__ug {
  --iti-flag-offset: -3600px;
}
.iti__us {
  --iti-flag-offset: -3616px;
}
.iti__uy {
  --iti-flag-offset: -3632px;
}
.iti__uz {
  --iti-flag-offset: -3648px;
}
.iti__va {
  --iti-flag-offset: -3664px;
}
.iti__vc {
  --iti-flag-offset: -3680px;
}
.iti__ve {
  --iti-flag-offset: -3696px;
}
.iti__vg {
  --iti-flag-offset: -3712px;
}
.iti__vi {
  --iti-flag-offset: -3728px;
}
.iti__vn {
  --iti-flag-offset: -3744px;
}
.iti__vu {
  --iti-flag-offset: -3760px;
}
.iti__wf {
  --iti-flag-offset: -3776px;
}
.iti__ws {
  --iti-flag-offset: -3792px;
}
.iti__xk {
  --iti-flag-offset: -3808px;
}
.iti__ye {
  --iti-flag-offset: -3824px;
}
.iti__yt {
  --iti-flag-offset: -3840px;
}
.iti__za {
  --iti-flag-offset: -3856px;
}
.iti__zm {
  --iti-flag-offset: -3872px;
}
.iti__zw {
  --iti-flag-offset: -3888px;
}
.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}

/* libs/meadow/core/styles/global.scss */
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
router-outlet {
  display: none;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  background-color: var(--color-surface-background);
}
.sunshine {
  --color-text-primary: #2b2b28;
  --color-text-secondary: #6b6861;
  --color-text-disabled: #aaa6a1;
  --color-text-inverse: #ffffff;
  --color-text-accent-error: #e2331f;
  --color-text-accent-primary-button: #1c5800;
  --color-text-accent-danger: #ffffff;
  --color-text-accent-success: #1c5800;
  --color-text-accent-info: #0051d5;
  --color-text-accent-warning: #d94802;
  --color-text-accent-negative: #730b2e;
  --color-text-accent-selected: #1f6cf9;
  --color-text-accent-highlight: #660a5e;
  --color-text-accent-link-primary: #1f6cf9;
  --color-icon-primary: #2b2b28;
  --color-icon-secondary: #6b6861;
  --color-icon-disabled: #aaa6a1;
  --color-icon-inverse: #ffffff;
  --color-icon-accent-error: #e2331f;
  --color-icon-accent-primary-button: #1c5800;
  --color-icon-accent-danger: #ffffff;
  --color-icon-accent-success: #1c5800;
  --color-icon-accent-online: #259329;
  --color-icon-accent-info: #0051d5;
  --color-icon-accent-warning: #d94802;
  --color-icon-accent-negative: #730b2e;
  --color-icon-accent-selected: #1f6cf9;
  --color-icon-accent-highlight: #660a5e;
  --color-icon-accent-screen-share: #203776;
  --color-icon-accent-wave-form-active: #259329;
  --color-icon-accent-wave-form-inactive: rgba(22, 22, 19, 0.5);
  --color-icon-blue: #0051d5;
  --color-icon-green: #259329;
  --color-icon-red: #e20d00;
  --color-icon-yellow: #c77901;
  --color-icon-purple: #8944ab;
  --color-icon-orange: #d94802;
  --color-icon-pink: #dd3265;
  --color-icon-teal: #118376;
  --color-pip-theme: #2b2b28;
  --color-surface-background: #f5f5f4;
  --color-surface-background-transparent: rgba(245, 245, 244, 0);
  --color-surface-flat: #ffffff;
  --color-surface-flat-transparent: rgba(255, 255, 255, 0);
  --color-surface-flat-inverse: #161613;
  --color-surface-flat-inverse-at-50: rgba(22, 22, 19, 0.5);
  --color-surface-flat-inverse-at-30: rgba(22, 22, 19, 0.3);
  --color-surface-flat-inverse-transparent: rgba(22, 22, 19, 0);
  --color-surface-flat-tint: rgba(255, 255, 255, 0.85);
  --color-surface-elevated: #ffffff;
  --color-surface-elevated-transparent: rgba(255, 255, 255, 0);
  --color-surface-elevated-tint: rgba(255, 255, 255, 0.85);
  --color-surface-muted: rgba(22, 22, 19, 0.05);
  --color-surface-overlay: rgba(22, 22, 19, 0.5);
  --color-surface-overlay-muted: rgba(170, 166, 161, 0.4);
  --color-surface-spotlight: #ffffff;
  --color-background-notification: #e2331f;
  --color-background-tooltip: #22221f;
  --color-background-default: rgba(22, 22, 19, 0.15);
  --color-background-info: #d4efff;
  --color-background-success: #def6d2;
  --color-background-warning: #fff0cc;
  --color-background-negative: #fad4df;
  --color-background-danger: #e2331f;
  --color-background-actionable-container: rgba(22, 22, 19, 0.05);
  --color-background-blue: #d4efff;
  --color-background-green: #def6d2;
  --color-background-red: #f7c4ba;
  --color-background-yellow: #fff0cc;
  --color-background-purple: #eedaf7;
  --color-background-orange: #fcd7bc;
  --color-background-pink: #fad4df;
  --color-background-teal: #d3e8e6;
  --color-background-neutral: rgba(22, 22, 19, 0.1);
  --color-background-neutral-inverse: rgba(67, 65, 61, 0.7);
  --color-background-highlight: #eedaf7;
  --color-background-reply: rgba(73, 186, 242, 0.1);
  --color-background-positive: #259329;
  --color-background-share-screen: #49baf2;
  --color-background-button-primary: #aff797;
  --color-background-button-secondary: #ffffff;
  --color-background-button-danger: #e2331f;
  --color-background-button-muted: rgba(22, 22, 19, 0.1);
  --color-background-button-muted-plus-lighter: rgba(28, 28, 25, 0.85);
  --color-background-button-muted-blur-active: rgba(245, 245, 244, 0.8);
  --color-background-button-muted-blur-inactive: rgba(245, 245, 244, 0.4);
  --color-button-overlay-hover: rgba(22, 22, 19, 0.05);
  --color-button-overlay-pressed: rgba(22, 22, 19, 0.1);
  --color-button-overlay-focused: rgba(22, 22, 19, 0.03);
  --color-button-overlay-selected: rgba(22, 22, 19, 0.05);
  --color-button-overlay-primary-hover: rgba(46, 181, 45, 0.1);
  --color-button-overlay-primary-pressed: rgba(46, 181, 45, 0.2);
  --color-button-overlay-secondary-hover: rgba(22, 22, 19, 0.05);
  --color-button-overlay-secondary-pressed: rgba(22, 22, 19, 0.1);
  --color-button-overlay-tertiary-hover: rgba(22, 22, 19, 0.05);
  --color-button-overlay-tertiary-pressed: rgba(22, 22, 19, 0.1);
  --color-button-overlay-tertiary-inverse-hover: rgba(245, 245, 244, 0.1);
  --color-button-overlay-tertiary-inverse-pressed: rgba(245, 245, 244, 0.15);
  --color-button-overlay-muted-hover: rgba(22, 22, 19, 0.15);
  --color-button-overlay-muted-pressed: rgba(22, 22, 19, 0.2);
  --color-button-overlay-muted-focused: rgba(22, 22, 19, 0.1);
  --color-button-overlay-danger-hover: rgba(102, 26, 10, 0.2);
  --color-button-overlay-danger-pressed: rgba(102, 26, 10, 0.4);
  --color-border-primary: #d9d9d5;
  --color-border-muted: rgba(22, 22, 19, 0.1);
  --color-border-strong: rgba(22, 22, 19, 0.2);
  --color-border-neutral-inverse: rgba(245, 245, 244, 0.15);
  --color-border-focus: #49baf2;
  --color-border-error: #e2331f;
  --color-surface-flat-inverse-border: #161613;
  --color-input-surface: #ffffff;
  --color-input-surface-hover: rgba(22, 22, 19, 0.05);
  --color-input-surface-read-only: rgba(22, 22, 19, 0.1);
  --color-input-focus-ring: rgba(73, 186, 242, 0.4);
  --color-input-focus-ring-error: #f7c4ba;
  --color-input-hover-ring: rgba(22, 22, 19, 0.1);
  --color-input-pressed-ring: rgba(22, 22, 19, 0.2);
  --color-input-ticked-on: #1f6cf9;
  --color-input-ticked-off: #d9d9d5;
  --color-input-toggle-head: #ffffff;
  --color-input-tab-background: rgba(22, 22, 19, 0.05);
  --color-input-slider-filled: #aff797;
  --color-input-slider-empty: rgba(245, 245, 244, 0.5);
  --color-loader-foreground: rgba(22, 22, 19, 0.8);
  --color-loader-background: rgba(22, 22, 19, 0.3);
  --color-loader-light-foreground: rgba(22, 22, 19, 0.8);
  --color-loader-light-background: rgba(22, 22, 19, 0.3);
  --color-loader-dark-foreground: rgba(245, 245, 244, 0.8);
  --color-loader-dark-background: rgba(245, 245, 244, 0.3);
  --color-go-to-caret: #2eb52d;
  --scrollbar-corner: rgba(22, 22, 19, 0.15);
  --scrollbar-thumb: rgba(22, 22, 19, 0.2);
  --notification-badge-bg-color: #e20d00;
  --notification-badge-text-color: #ffffff;
  --color-button-primary: #aff797;
  --color-button-secondary: #ffffff;
  --color-button-danger: #e2331f;
  --color-button-text-primary: #1c5800;
  --color-button-text-secondary: #2b2b28;
  --color-button-text-danger: #f5f5f4;
  --color-preset-0: #43413d;
  --color-preset-1: #2eb52d;
  --color-preset-2: #259329;
  --color-preset-3: #5ed4b4;
  --color-preset-4: #0fa793;
  --color-preset-5: #118376;
  --color-preset-6: #49baf2;
  --color-preset-7: #1f6cf9;
  --color-preset-8: #0051d5;
  --color-preset-9: #d982d9;
  --color-preset-10: #bf5af2;
  --color-preset-11: #8944ab;
  --color-preset-12: #f6d03e;
  --color-preset-13: #eeb701;
  --color-preset-14: #c77901;
  --color-preset-15: #f54d3d;
  --color-preset-16: #e2331f;
  --color-preset-17: #e20d00;
  --color-preset-18: #f29130;
  --color-preset-19: #f06705;
  --color-preset-20: #d94802;
  --color-preset-21: #f69ebc;
  --color-preset-22: #f3557d;
  --color-preset-23: #dd3265;
  --primary-focus-ring-layer1-color: rgba(46, 181, 45, 0.3);
  --primary-focus-ring-layer1-x: 0px;
  --primary-focus-ring-layer1-y: 0px;
  --primary-focus-ring-layer1-blur: 0px;
  --primary-focus-ring-layer1-spread: 0.5px;
  --primary-focus-ring-layer2-color: rgba(46, 181, 45, 0.2);
  --primary-focus-ring-layer2-x: 0px;
  --primary-focus-ring-layer2-y: 2px;
  --primary-focus-ring-layer2-blur: 3px;
  --primary-focus-ring-layer2-spread: -2px;
  --primary-focus-ring-layer3-color: rgba(0, 0, 0, 0.1);
  --primary-focus-ring-layer3-x: 0px;
  --primary-focus-ring-layer3-y: 2px;
  --primary-focus-ring-layer3-blur: 6px;
  --primary-focus-ring-layer3-spread: -2px;
  --primary-focus-ring-layer4-color: rgba(0, 0, 0, 0.15);
  --primary-focus-ring-layer4-x: 0px;
  --primary-focus-ring-layer4-y: 2px;
  --primary-focus-ring-layer4-blur: 4px;
  --primary-focus-ring-layer4-spread: -1px;
  --primary-focus-ring-layer5-color: rgba(73, 186, 242, 0.4);
  --primary-focus-ring-layer5-x: 0px;
  --primary-focus-ring-layer5-y: 0px;
  --primary-focus-ring-layer5-blur: 0px;
  --primary-focus-ring-layer5-spread: 4px;
  --secondary-focus-ring-layer1-color: #d9d9d5;
  --secondary-focus-ring-layer1-x: 0px;
  --secondary-focus-ring-layer1-y: 0px;
  --secondary-focus-ring-layer1-blur: 0px;
  --secondary-focus-ring-layer1-spread: 0.5px;
  --secondary-focus-ring-layer2-color: rgba(0, 0, 0, 0.15);
  --secondary-focus-ring-layer2-x: 0px;
  --secondary-focus-ring-layer2-y: 2px;
  --secondary-focus-ring-layer2-blur: 4px;
  --secondary-focus-ring-layer2-spread: -1px;
  --secondary-focus-ring-layer3-color: rgba(0, 0, 0, 0.15);
  --secondary-focus-ring-layer3-x: 0px;
  --secondary-focus-ring-layer3-y: 2px;
  --secondary-focus-ring-layer3-blur: 4px;
  --secondary-focus-ring-layer3-spread: -2px;
  --secondary-focus-ring-layer4-color: rgba(0, 0, 0, 0.25);
  --secondary-focus-ring-layer4-x: 0px;
  --secondary-focus-ring-layer4-y: 1px;
  --secondary-focus-ring-layer4-blur: 4px;
  --secondary-focus-ring-layer4-spread: -2px;
  --secondary-focus-ring-layer5-color: rgba(73, 186, 242, 0.4);
  --secondary-focus-ring-layer5-x: 0px;
  --secondary-focus-ring-layer5-y: 0px;
  --secondary-focus-ring-layer5-blur: 0px;
  --secondary-focus-ring-layer5-spread: 4px;
  --tertiary-focus-ring-layer1-color: rgba(73, 186, 242, 0.4);
  --tertiary-focus-ring-layer1-x: 0px;
  --tertiary-focus-ring-layer1-y: 0px;
  --tertiary-focus-ring-layer1-blur: 0px;
  --tertiary-focus-ring-layer1-spread: 4px;
  --danger-focus-ring-layer1-color: rgba(0, 0, 0, 0.1);
  --danger-focus-ring-layer1-x: 0px;
  --danger-focus-ring-layer1-y: 2px;
  --danger-focus-ring-layer1-blur: 3px;
  --danger-focus-ring-layer1-spread: -2px;
  --danger-focus-ring-layer2-color: rgba(0, 0, 0, 0.1);
  --danger-focus-ring-layer2-x: 0px;
  --danger-focus-ring-layer2-y: 2px;
  --danger-focus-ring-layer2-blur: 6px;
  --danger-focus-ring-layer2-spread: -2px;
  --danger-focus-ring-layer3-color: rgba(0, 0, 0, 0.15);
  --danger-focus-ring-layer3-x: 0px;
  --danger-focus-ring-layer3-y: 2px;
  --danger-focus-ring-layer3-blur: 4px;
  --danger-focus-ring-layer3-spread: -1px;
  --danger-focus-ring-layer4-color: rgba(73, 186, 242, 0.4);
  --danger-focus-ring-layer4-x: 0px;
  --danger-focus-ring-layer4-y: 0px;
  --danger-focus-ring-layer4-blur: 0px;
  --danger-focus-ring-layer4-spread: 4px;
  --shadow-100-layer1-color: rgba(0, 0, 0, 0.05);
  --shadow-100-layer1-x: 0px;
  --shadow-100-layer1-y: 0px;
  --shadow-100-layer1-blur: 0.8px;
  --shadow-100-layer1-spread: 0.5px;
  --shadow-100-layer2-color: rgba(0, 0, 0, 0.1);
  --shadow-100-layer2-x: 0px;
  --shadow-100-layer2-y: 2px;
  --shadow-100-layer2-blur: 3px;
  --shadow-100-layer2-spread: -2px;
  --shadow-100-layer3-color: rgba(0, 0, 0, 0.1);
  --shadow-100-layer3-x: 0px;
  --shadow-100-layer3-y: 2px;
  --shadow-100-layer3-blur: 6px;
  --shadow-100-layer3-spread: -2px;
  --shadow-100-layer4-color: rgba(0, 0, 0, 0.15);
  --shadow-100-layer4-x: 0px;
  --shadow-100-layer4-y: 2px;
  --shadow-100-layer4-blur: 4px;
  --shadow-100-layer4-spread: -1px;
  --shadow-200-layer1-color: rgba(0, 0, 0, 0.05);
  --shadow-200-layer1-x: 0px;
  --shadow-200-layer1-y: 0px;
  --shadow-200-layer1-blur: 0.8px;
  --shadow-200-layer1-spread: 0.5px;
  --shadow-200-layer2-color: rgba(0, 0, 0, 0.05);
  --shadow-200-layer2-x: 0px;
  --shadow-200-layer2-y: 10px;
  --shadow-200-layer2-blur: 6px;
  --shadow-200-layer2-spread: -2px;
  --shadow-200-layer3-color: rgba(0, 0, 0, 0.1);
  --shadow-200-layer3-x: 0px;
  --shadow-200-layer3-y: 4px;
  --shadow-200-layer3-blur: 8px;
  --shadow-200-layer3-spread: -3px;
  --shadow-200-layer4-color: rgba(0, 0, 0, 0.15);
  --shadow-200-layer4-x: 0px;
  --shadow-200-layer4-y: 2px;
  --shadow-200-layer4-blur: 4px;
  --shadow-200-layer4-spread: 0px;
  --shadow-300-layer1-color: rgba(0, 0, 0, 0.05);
  --shadow-300-layer1-x: 0px;
  --shadow-300-layer1-y: 0px;
  --shadow-300-layer1-blur: 0.8px;
  --shadow-300-layer1-spread: 0.5px;
  --shadow-300-layer2-color: rgba(0, 0, 0, 0.05);
  --shadow-300-layer2-x: 0px;
  --shadow-300-layer2-y: 30px;
  --shadow-300-layer2-blur: 15px;
  --shadow-300-layer2-spread: 0px;
  --shadow-300-layer3-color: rgba(0, 0, 0, 0.1);
  --shadow-300-layer3-x: 0px;
  --shadow-300-layer3-y: 13px;
  --shadow-300-layer3-blur: 13px;
  --shadow-300-layer3-spread: 0px;
  --shadow-300-layer4-color: rgba(0, 0, 0, 0.1);
  --shadow-300-layer4-x: 0px;
  --shadow-300-layer4-y: 3px;
  --shadow-300-layer4-blur: 7px;
  --shadow-300-layer4-spread: 0px;
  --button-shadow-primary-layer1-color: rgba(46, 181, 45, 0.3);
  --button-shadow-primary-layer1-x: 0px;
  --button-shadow-primary-layer1-y: 0px;
  --button-shadow-primary-layer1-blur: 0px;
  --button-shadow-primary-layer1-spread: 0.5px;
  --button-shadow-primary-layer2-color: rgba(46, 181, 45, 0.2);
  --button-shadow-primary-layer2-x: 0px;
  --button-shadow-primary-layer2-y: 2px;
  --button-shadow-primary-layer2-blur: 3px;
  --button-shadow-primary-layer2-spread: -2px;
  --button-shadow-primary-layer3-color: rgba(0, 0, 0, 0.1);
  --button-shadow-primary-layer3-x: 0px;
  --button-shadow-primary-layer3-y: 2px;
  --button-shadow-primary-layer3-blur: 6px;
  --button-shadow-primary-layer3-spread: -2px;
  --button-shadow-primary-layer4-color: rgba(0, 0, 0, 0.15);
  --button-shadow-primary-layer4-x: 0px;
  --button-shadow-primary-layer4-y: 2px;
  --button-shadow-primary-layer4-blur: 4px;
  --button-shadow-primary-layer4-spread: -1px;
  --button-shadow-secondary-layer1-color: #d9d9d5;
  --button-shadow-secondary-layer1-x: 0px;
  --button-shadow-secondary-layer1-y: 0px;
  --button-shadow-secondary-layer1-blur: 0px;
  --button-shadow-secondary-layer1-spread: 0.5px;
  --button-shadow-secondary-layer2-color: rgba(0, 0, 0, 0.15);
  --button-shadow-secondary-layer2-x: 0px;
  --button-shadow-secondary-layer2-y: 2px;
  --button-shadow-secondary-layer2-blur: 4px;
  --button-shadow-secondary-layer2-spread: -1px;
  --button-shadow-secondary-layer3-color: rgba(0, 0, 0, 0.15);
  --button-shadow-secondary-layer3-x: 0px;
  --button-shadow-secondary-layer3-y: 2px;
  --button-shadow-secondary-layer3-blur: 4px;
  --button-shadow-secondary-layer3-spread: -2px;
  --button-shadow-secondary-layer4-color: rgba(0, 0, 0, 0.25);
  --button-shadow-secondary-layer4-x: 0px;
  --button-shadow-secondary-layer4-y: 1px;
  --button-shadow-secondary-layer4-blur: 4px;
  --button-shadow-secondary-layer4-spread: -2px;
  --button-shadow-danger-layer1-color: rgba(0, 0, 0, 0.1);
  --button-shadow-danger-layer1-x: 0px;
  --button-shadow-danger-layer1-y: 2px;
  --button-shadow-danger-layer1-blur: 3px;
  --button-shadow-danger-layer1-spread: -2px;
  --button-shadow-danger-layer2-color: rgba(0, 0, 0, 0.1);
  --button-shadow-danger-layer2-x: 0px;
  --button-shadow-danger-layer2-y: 2px;
  --button-shadow-danger-layer2-blur: 6px;
  --button-shadow-danger-layer2-spread: -2px;
  --button-shadow-danger-layer3-color: rgba(0, 0, 0, 0.15);
  --button-shadow-danger-layer3-x: 0px;
  --button-shadow-danger-layer3-y: 2px;
  --button-shadow-danger-layer3-blur: 4px;
  --button-shadow-danger-layer3-spread: -1px;
}
.moonshine {
  --color-text-primary: #f5f5f4;
  --color-text-secondary: #aaa6a1;
  --color-text-disabled: #6b6861;
  --color-text-inverse: #ffffff;
  --color-text-accent-error: #f54d3d;
  --color-text-accent-primary-button: #1c5800;
  --color-text-accent-danger: #ffffff;
  --color-text-accent-success: #2eb52d;
  --color-text-accent-info: #49baf2;
  --color-text-accent-warning: #f6d03e;
  --color-text-accent-negative: #f54d3d;
  --color-text-accent-selected: #49baf2;
  --color-text-accent-highlight: #d982d9;
  --color-text-accent-link-primary: #49baf2;
  --color-icon-primary: #f5f5f4;
  --color-icon-secondary: #aaa6a1;
  --color-icon-disabled: #6b6861;
  --color-icon-inverse: #ffffff;
  --color-icon-accent-error: #f54d3d;
  --color-icon-accent-primary-button: #1c5800;
  --color-icon-accent-danger: #ffffff;
  --color-icon-accent-success: #2eb52d;
  --color-icon-accent-online: #2eb52d;
  --color-icon-accent-info: #49baf2;
  --color-icon-accent-warning: #f6d03e;
  --color-icon-accent-negative: #f54d3d;
  --color-icon-accent-selected: #49baf2;
  --color-icon-accent-highlight: #d982d9;
  --color-icon-accent-screen-share: #203776;
  --color-icon-accent-wave-form-active: #259329;
  --color-icon-accent-wave-form-inactive: rgba(22, 22, 19, 0.5);
  --color-icon-blue: #49baf2;
  --color-icon-green: #2eb52d;
  --color-icon-red: #e2331f;
  --color-icon-yellow: #eeb701;
  --color-icon-purple: #d982d9;
  --color-icon-orange: #f06705;
  --color-icon-pink: #f3557d;
  --color-icon-teal: #5ed4b4;
  --color-pip-theme: #6b6861;
  --color-surface-background: #161613;
  --color-surface-background-transparent: rgba(22, 22, 19, 0);
  --color-surface-flat: #1c1c19;
  --color-surface-flat-transparent: rgba(28, 28, 25, 0);
  --color-surface-flat-inverse: #161613;
  --color-surface-flat-inverse-at-50: rgba(22, 22, 19, 0.5);
  --color-surface-flat-inverse-at-30: rgba(22, 22, 19, 0.3);
  --color-surface-flat-inverse-transparent: rgba(22, 22, 19, 0);
  --color-surface-flat-tint: rgba(28, 28, 25, 0.85);
  --color-surface-elevated: #22221f;
  --color-surface-elevated-transparent: rgba(34, 34, 31, 0);
  --color-surface-elevated-tint: rgba(34, 34, 31, 0.85);
  --color-surface-muted: rgba(245, 245, 244, 0.05);
  --color-surface-overlay: rgba(22, 22, 19, 0.8);
  --color-surface-overlay-muted: rgba(43, 43, 40, 0.8);
  --color-surface-spotlight: #2b2b28;
  --color-background-notification: #e20d00;
  --color-background-tooltip: #2b2b28;
  --color-background-default: rgba(245, 245, 244, 0.15);
  --color-background-info: rgba(73, 186, 242, 0.2);
  --color-background-success: rgba(46, 181, 45, 0.2);
  --color-background-warning: rgba(246, 208, 62, 0.2);
  --color-background-negative: rgba(245, 77, 61, 0.2);
  --color-background-danger: #e2331f;
  --color-background-actionable-container: rgba(22, 22, 19, 0.4);
  --color-background-blue: rgba(73, 186, 242, 0.2);
  --color-background-green: rgba(46, 181, 45, 0.2);
  --color-background-red: rgba(245, 77, 61, 0.2);
  --color-background-yellow: rgba(246, 208, 62, 0.2);
  --color-background-purple: rgba(191, 90, 242, 0.2);
  --color-background-orange: rgba(240, 103, 5, 0.2);
  --color-background-pink: rgba(243, 85, 125, 0.2);
  --color-background-teal: rgba(15, 167, 147, 0.2);
  --color-background-neutral: rgba(245, 245, 244, 0.1);
  --color-background-neutral-inverse: rgba(67, 65, 61, 0.7);
  --color-background-highlight: rgba(191, 90, 242, 0.2);
  --color-background-reply: rgba(73, 186, 242, 0.1);
  --color-background-positive: #259329;
  --color-background-share-screen: #49baf2;
  --color-background-button-primary: #aff797;
  --color-background-button-secondary: #2b2b28;
  --color-background-button-danger: #e20d00;
  --color-background-button-muted: rgba(245, 245, 244, 0.1);
  --color-background-button-muted-plus-lighter: rgba(28, 28, 25, 0.85);
  --color-background-button-muted-blur-active: rgba(245, 245, 244, 0.8);
  --color-background-button-muted-blur-inactive: rgba(245, 245, 244, 0.4);
  --color-button-overlay-hover: rgba(255, 255, 255, 0.05);
  --color-button-overlay-pressed: rgba(255, 255, 255, 0.1);
  --color-button-overlay-focused: rgba(255, 255, 255, 0.03);
  --color-button-overlay-selected: rgba(255, 255, 255, 0.05);
  --color-button-overlay-primary-hover: rgba(46, 181, 45, 0.2);
  --color-button-overlay-primary-pressed: rgba(46, 181, 45, 0.4);
  --color-button-overlay-secondary-hover: rgba(255, 255, 255, 0.05);
  --color-button-overlay-secondary-pressed: rgba(255, 255, 255, 0.1);
  --color-button-overlay-tertiary-hover: rgba(255, 255, 255, 0.05);
  --color-button-overlay-tertiary-pressed: rgba(255, 255, 255, 0.1);
  --color-button-overlay-tertiary-inverse-hover: rgba(245, 245, 244, 0.1);
  --color-button-overlay-tertiary-inverse-pressed: rgba(245, 245, 244, 0.15);
  --color-button-overlay-muted-hover: rgba(245, 245, 244, 0.15);
  --color-button-overlay-muted-pressed: rgba(245, 245, 244, 0.2);
  --color-button-overlay-muted-focused: rgba(245, 245, 244, 0.1);
  --color-button-overlay-danger-hover: rgba(102, 26, 10, 0.4);
  --color-button-overlay-danger-pressed: rgba(102, 26, 10, 0.4);
  --color-border-primary: #43413d;
  --color-border-muted: rgba(245, 245, 244, 0.1);
  --color-border-strong: rgba(245, 245, 244, 0.2);
  --color-border-neutral-inverse: rgba(245, 245, 244, 0.15);
  --color-border-focus: #49baf2;
  --color-border-error: #f54d3d;
  --color-surface-flat-inverse-border: rgba(170, 166, 161, 0.5);
  --color-input-surface: rgba(245, 245, 244, 0.05);
  --color-input-surface-hover: rgba(245, 245, 244, 0.15);
  --color-input-surface-read-only: rgba(245, 245, 244, 0.1);
  --color-input-focus-ring: rgba(73, 186, 242, 0.4);
  --color-input-focus-ring-error: rgba(245, 77, 61, 0.3);
  --color-input-hover-ring: rgba(245, 245, 244, 0.1);
  --color-input-pressed-ring: rgba(245, 245, 244, 0.2);
  --color-input-ticked-on: #1f6cf9;
  --color-input-ticked-off: rgba(245, 245, 244, 0.4);
  --color-input-toggle-head: #ffffff;
  --color-input-tab-background: rgba(22, 22, 19, 0.5);
  --color-input-slider-filled: #aff797;
  --color-input-slider-empty: rgba(245, 245, 244, 0.5);
  --color-loader-foreground: rgba(245, 245, 244, 0.8);
  --color-loader-background: rgba(245, 245, 244, 0.3);
  --color-loader-light-foreground: rgba(22, 22, 19, 0.8);
  --color-loader-light-background: rgba(22, 22, 19, 0.3);
  --color-loader-dark-foreground: rgba(245, 245, 244, 0.8);
  --color-loader-dark-background: rgba(245, 245, 244, 0.3);
  --color-go-to-caret: #2eb52d;
  --scrollbar-corner: rgba(255, 255, 255, 0.15);
  --scrollbar-thumb: rgba(255, 255, 255, 0.2);
  --notification-badge-bg-color: #e20d00;
  --notification-badge-text-color: #ffffff;
  --color-preset-0: #d9d9d5;
  --color-preset-1: #2eb52d;
  --color-preset-2: #259329;
  --color-preset-3: #5ed4b4;
  --color-preset-4: #0fa793;
  --color-preset-5: #118376;
  --color-preset-6: #49baf2;
  --color-preset-7: #1f6cf9;
  --color-preset-8: #0051d5;
  --color-preset-9: #d982d9;
  --color-preset-10: #bf5af2;
  --color-preset-11: #8944ab;
  --color-preset-12: #f6d03e;
  --color-preset-13: #eeb701;
  --color-preset-14: #c77901;
  --color-preset-15: #f54d3d;
  --color-preset-16: #e2331f;
  --color-preset-17: #e20d00;
  --color-preset-18: #f29130;
  --color-preset-19: #f06705;
  --color-preset-20: #d94802;
  --color-preset-21: #f69ebc;
  --color-preset-22: #f3557d;
  --color-preset-23: #dd3265;
  --color-button-primary: #aff797;
  --color-button-secondary: #2b2b28;
  --color-button-danger: #e20d00;
  --color-button-text-primary: #1c5800;
  --color-button-text-secondary: #f5f5f4;
  --color-button-text-danger: #f5f5f4;
  --primary-focus-ring-layer1-color: rgba(46, 181, 45, 0.3);
  --primary-focus-ring-layer1-x: 0px;
  --primary-focus-ring-layer1-y: 0px;
  --primary-focus-ring-layer1-blur: 0px;
  --primary-focus-ring-layer1-spread: 0.5px;
  --primary-focus-ring-layer2-color: rgba(46, 181, 45, 0.2);
  --primary-focus-ring-layer2-x: 0px;
  --primary-focus-ring-layer2-y: 2px;
  --primary-focus-ring-layer2-blur: 3px;
  --primary-focus-ring-layer2-spread: -2px;
  --primary-focus-ring-layer3-color: rgba(0, 0, 0, 0.25);
  --primary-focus-ring-layer3-x: 0px;
  --primary-focus-ring-layer3-y: 2px;
  --primary-focus-ring-layer3-blur: 6px;
  --primary-focus-ring-layer3-spread: -2px;
  --primary-focus-ring-layer4-color: rgba(0, 0, 0, 0.25);
  --primary-focus-ring-layer4-x: 0px;
  --primary-focus-ring-layer4-y: 2px;
  --primary-focus-ring-layer4-blur: 4px;
  --primary-focus-ring-layer4-spread: -1px;
  --primary-focus-ring-layer5-color: rgba(73, 186, 242, 0.4);
  --primary-focus-ring-layer5-x: 0px;
  --primary-focus-ring-layer5-y: 0px;
  --primary-focus-ring-layer5-blur: 0px;
  --primary-focus-ring-layer5-spread: 4px;
  --secondary-focus-ring-layer1-color: #43413d;
  --secondary-focus-ring-layer1-x: 0px;
  --secondary-focus-ring-layer1-y: 0px;
  --secondary-focus-ring-layer1-blur: 0px;
  --secondary-focus-ring-layer1-spread: 0.5px;
  --secondary-focus-ring-layer2-color: rgba(0, 0, 0, 0.25);
  --secondary-focus-ring-layer2-x: 0px;
  --secondary-focus-ring-layer2-y: 2px;
  --secondary-focus-ring-layer2-blur: 4px;
  --secondary-focus-ring-layer2-spread: 1px;
  --secondary-focus-ring-layer3-color: rgba(0, 0, 0, 0.35);
  --secondary-focus-ring-layer3-x: 0px;
  --secondary-focus-ring-layer3-y: 2px;
  --secondary-focus-ring-layer3-blur: 8px;
  --secondary-focus-ring-layer3-spread: -2px;
  --secondary-focus-ring-layer4-color: rgba(0, 0, 0, 0.45);
  --secondary-focus-ring-layer4-x: 0px;
  --secondary-focus-ring-layer4-y: 2px;
  --secondary-focus-ring-layer4-blur: 6px;
  --secondary-focus-ring-layer4-spread: -1px;
  --secondary-focus-ring-layer5-color: rgba(73, 186, 242, 0.4);
  --secondary-focus-ring-layer5-x: 0px;
  --secondary-focus-ring-layer5-y: 0px;
  --secondary-focus-ring-layer5-blur: 0px;
  --secondary-focus-ring-layer5-spread: 4px;
  --tertiary-focus-ring-layer1-color: rgba(73, 186, 242, 0.4);
  --tertiary-focus-ring-layer1-x: 0px;
  --tertiary-focus-ring-layer1-y: 0px;
  --tertiary-focus-ring-layer1-blur: 0px;
  --tertiary-focus-ring-layer1-spread: 4px;
  --danger-focus-ring-layer1-color: rgba(0, 0, 0, 0.1);
  --danger-focus-ring-layer1-x: 0px;
  --danger-focus-ring-layer1-y: 2px;
  --danger-focus-ring-layer1-blur: 4px;
  --danger-focus-ring-layer1-spread: 1px;
  --danger-focus-ring-layer2-color: rgba(0, 0, 0, 0.1);
  --danger-focus-ring-layer2-x: 0px;
  --danger-focus-ring-layer2-y: 2px;
  --danger-focus-ring-layer2-blur: 8px;
  --danger-focus-ring-layer2-spread: -2px;
  --danger-focus-ring-layer3-color: rgba(0, 0, 0, 0.15);
  --danger-focus-ring-layer3-x: 0px;
  --danger-focus-ring-layer3-y: 2px;
  --danger-focus-ring-layer3-blur: 5px;
  --danger-focus-ring-layer3-spread: -1px;
  --danger-focus-ring-layer4-color: rgba(73, 186, 242, 0.4);
  --danger-focus-ring-layer4-x: 0px;
  --danger-focus-ring-layer4-y: 0px;
  --danger-focus-ring-layer4-blur: 0px;
  --danger-focus-ring-layer4-spread: 4px;
  --shadow-100-layer1-color: #43413d;
  --shadow-100-layer1-x: 0px;
  --shadow-100-layer1-y: 0px;
  --shadow-100-layer1-blur: 0px;
  --shadow-100-layer1-spread: 0.5px;
  --shadow-100-layer2-color: rgba(0, 0, 0, 0.2);
  --shadow-100-layer2-x: 0px;
  --shadow-100-layer2-y: 2px;
  --shadow-100-layer2-blur: 4px;
  --shadow-100-layer2-spread: 1px;
  --shadow-100-layer3-color: rgba(0, 0, 0, 0.25);
  --shadow-100-layer3-x: 0px;
  --shadow-100-layer3-y: 2px;
  --shadow-100-layer3-blur: 8px;
  --shadow-100-layer3-spread: -2px;
  --shadow-100-layer4-color: rgba(0, 0, 0, 0.25);
  --shadow-100-layer4-x: 0px;
  --shadow-100-layer4-y: 2px;
  --shadow-100-layer4-blur: 5px;
  --shadow-100-layer4-spread: -1px;
  --shadow-200-layer1-color: #43413d;
  --shadow-200-layer1-x: 0px;
  --shadow-200-layer1-y: 0px;
  --shadow-200-layer1-blur: 0px;
  --shadow-200-layer1-spread: 0.5px;
  --shadow-200-layer2-color: rgba(0, 0, 0, 0.2);
  --shadow-200-layer2-x: 0px;
  --shadow-200-layer2-y: 16px;
  --shadow-200-layer2-blur: 8px;
  --shadow-200-layer2-spread: -2px;
  --shadow-200-layer3-color: rgba(0, 0, 0, 0.25);
  --shadow-200-layer3-x: 0px;
  --shadow-200-layer3-y: 4px;
  --shadow-200-layer3-blur: 8px;
  --shadow-200-layer3-spread: -3px;
  --shadow-200-layer4-color: rgba(0, 0, 0, 0.35);
  --shadow-200-layer4-x: 0px;
  --shadow-200-layer4-y: 2px;
  --shadow-200-layer4-blur: 4px;
  --shadow-200-layer4-spread: 0px;
  --shadow-300-layer1-color: #43413d;
  --shadow-300-layer1-x: 0px;
  --shadow-300-layer1-y: 0px;
  --shadow-300-layer1-blur: 0px;
  --shadow-300-layer1-spread: 0.5px;
  --shadow-300-layer2-color: rgba(0, 0, 0, 0.2);
  --shadow-300-layer2-x: 0px;
  --shadow-300-layer2-y: 30px;
  --shadow-300-layer2-blur: 20px;
  --shadow-300-layer2-spread: 0px;
  --shadow-300-layer3-color: rgba(0, 0, 0, 0.35);
  --shadow-300-layer3-x: 0px;
  --shadow-300-layer3-y: 13px;
  --shadow-300-layer3-blur: 13px;
  --shadow-300-layer3-spread: 0px;
  --shadow-300-layer4-color: rgba(0, 0, 0, 0.4);
  --shadow-300-layer4-x: 0px;
  --shadow-300-layer4-y: 3px;
  --shadow-300-layer4-blur: 7px;
  --shadow-300-layer4-spread: 0px;
  --button-shadow-primary-layer1-color: rgba(46, 181, 45, 0.3);
  --button-shadow-primary-layer1-x: 0px;
  --button-shadow-primary-layer1-y: 0px;
  --button-shadow-primary-layer1-blur: 0px;
  --button-shadow-primary-layer1-spread: 0.5px;
  --button-shadow-primary-layer2-color: rgba(0, 0, 0, 0.2);
  --button-shadow-primary-layer2-x: 0px;
  --button-shadow-primary-layer2-y: 2px;
  --button-shadow-primary-layer2-blur: 4px;
  --button-shadow-primary-layer2-spread: 1px;
  --button-shadow-primary-layer3-color: rgba(0, 0, 0, 0.25);
  --button-shadow-primary-layer3-x: 0px;
  --button-shadow-primary-layer3-y: 2px;
  --button-shadow-primary-layer3-blur: 8px;
  --button-shadow-primary-layer3-spread: -2px;
  --button-shadow-primary-layer4-color: rgba(0, 0, 0, 0.25);
  --button-shadow-primary-layer4-x: 0px;
  --button-shadow-primary-layer4-y: 2px;
  --button-shadow-primary-layer4-blur: 5px;
  --button-shadow-primary-layer4-spread: -1px;
  --button-shadow-secondary-layer1-color: #43413d;
  --button-shadow-secondary-layer1-x: 0px;
  --button-shadow-secondary-layer1-y: 0px;
  --button-shadow-secondary-layer1-blur: 0px;
  --button-shadow-secondary-layer1-spread: 0.5px;
  --button-shadow-secondary-layer2-color: rgba(0, 0, 0, 0.25);
  --button-shadow-secondary-layer2-x: 0px;
  --button-shadow-secondary-layer2-y: 2px;
  --button-shadow-secondary-layer2-blur: 4px;
  --button-shadow-secondary-layer2-spread: 1px;
  --button-shadow-secondary-layer3-color: rgba(0, 0, 0, 0.35);
  --button-shadow-secondary-layer3-x: 0px;
  --button-shadow-secondary-layer3-y: 2px;
  --button-shadow-secondary-layer3-blur: 8px;
  --button-shadow-secondary-layer3-spread: -2px;
  --button-shadow-secondary-layer4-color: rgba(0, 0, 0, 0.45);
  --button-shadow-secondary-layer4-x: 0px;
  --button-shadow-secondary-layer4-y: 2px;
  --button-shadow-secondary-layer4-blur: 6px;
  --button-shadow-secondary-layer4-spread: -1px;
  --button-shadow-danger-layer1-color: rgba(0, 0, 0, 0.2);
  --button-shadow-danger-layer1-x: 0px;
  --button-shadow-danger-layer1-y: 2px;
  --button-shadow-danger-layer1-blur: 4px;
  --button-shadow-danger-layer1-spread: 1px;
  --button-shadow-danger-layer2-color: rgba(0, 0, 0, 0.25);
  --button-shadow-danger-layer2-x: 0px;
  --button-shadow-danger-layer2-y: 2px;
  --button-shadow-danger-layer2-blur: 8px;
  --button-shadow-danger-layer2-spread: -2px;
  --button-shadow-danger-layer3-color: rgba(0, 0, 0, 0.25);
  --button-shadow-danger-layer3-x: 0px;
  --button-shadow-danger-layer3-y: 2px;
  --button-shadow-danger-layer3-blur: 5px;
  --button-shadow-danger-layer3-spread: -1px;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 1px;
  border: none;
  margin: 8px 0px;
  background-color: var(--color-border-primary);
}
hr.hr-muted {
  background-color: var(--color-border-muted);
}
hr.hr-strong {
  background-color: var(--color-border-strong);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
button {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  color: inherit;
}
ol,
ul,
dl {
  margin: 0;
  padding: 0;
  list-style: none;
}
.quill-raw-html ol,
.quill-raw-html ul,
.quill-raw-html dl {
  list-style: initial;
  padding-left: 1.5em;
  margin: initial;
}
menu {
  margin: 0;
  padding: 0;
}
b,
strong {
  font-weight: bolder;
}
a {
  text-decoration: none;
  background-color: transparent;
}
a:not([href]):not([tabindex]):not(.plasma-button) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):not(.plasma-button):visited,
a:not([href]):not([tabindex]):not(.plasma-button):hover,
a:not([href]):not([tabindex]):not(.plasma-button):focus-visible,
a:not([href]):not([tabindex]):not(.plasma-button):-webkit-any-link,
a:not([href]):not([tabindex]):not(.plasma-button):focus {
  color: inherit;
  text-decoration: underline;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: none;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
[hidden] {
  display: none !important;
}
@font-face {
  font-family: "Inter";
  src: url(https://shared-assets.medchatapp.com/fonts/Inter-VariableFont_opsz,wght.ttf), url(/assets/fonts/Inter-VariableFont_opsz,wght.ttf);
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url(https://shared-assets.medchatapp.com/fonts/Inter-Italic-VariableFont_opsz,wght.ttf), url(/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf);
  font-style: italic;
}
@font-face {
  font-family: "JetBrains-Mono";
  src: url(https://shared-assets.medchatapp.com/fonts/JetBrainsMono-VariableFont_wght.ttf), url(/assets/fonts/JetBrainsMono-VariableFont_wght.ttf);
  font-style: normal;
}
@font-face {
  font-family: "JetBrains-Mono";
  src: url(https://shared-assets.medchatapp.com/fonts/JetBrainsMono-VariableFont_wght.ttf), url(/assets/fonts/JetBrainsMono-VariableFont_wght.ttf);
  font-style: italic;
}
body {
  font-family: "Inter", "Twemoji Country Flags";
  font-weight: 400;
  font-size: 16px;
  font-feature-settings: "ss03" on, "cv05" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-text-primary);
  line-height: 22px;
}
a {
  color: inherit;
  text-decoration: none;
}
h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
}
h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
}
h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}
.default {
  font-size: 16px;
  line-height: 22px;
}
.dense {
  font-size: 14px;
  line-height: 20px;
}
small,
.small {
  font-size: 12px;
  line-height: 16px;
}
.extra-small {
  font-size: 11px;
  line-height: 14px;
}
.primary {
  color: var(--color-text-primary);
}
.secondary {
  color: var(--color-text-secondary);
}
.inverse {
  color: var(--color-text-inverse);
}
.disabled {
  color: var(--color-text-disabled);
}
.highlight {
  color: var(--color-text-accent-highlight);
  background-color: var(--color-background-highlight);
  padding: 0 2px;
  border-radius: 4px;
}
.default-weight {
  font-weight: 400;
}
strong,
b,
.bold,
.strong {
  font-weight: 600;
}
.medium {
  font-weight: 500;
}
.mono {
  font-family: "JetBrains-Mono";
}
.overflow-hidden {
  overflow: hidden;
  max-height: 100%;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-text-ellipses {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.white-space-no-wrap {
  white-space: nowrap;
}
.no-wrap {
  white-space: nowrap;
}
.centered {
  text-align: center;
}
.left-aligned {
  text-align: left;
}
.right-aligned {
  text-align: right;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.block {
  display: block;
}
.vertical-icon-tray {
  display: flex;
  flex-direction: column;
  width: 48px;
  overflow: hidden;
}
[cdkMenu].surface-floating {
  min-width: 300px;
}
.scrollable {
  overflow: auto;
  max-height: 100%;
}
.scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scrollable::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
  border-radius: 20px;
}
.scrollable::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
}
.scrollable:hover {
  background-size: auto;
}
.scrollable:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
.scrollable::-moz-scrollbar-button,
.scrollable::-webkit-scrollbar-button {
  width: 0px;
}
.fill-height {
  height: 100%;
  max-height: 100%;
}
.fill-width {
  width: 100%;
  max-width: 100%;
}
.fill-flex {
  flex: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-no-stretch {
  align-items: flex-start;
}
.flex-align-self-center {
  align-self: center;
}
.flex-align-items-baseline {
  align-items: baseline;
}
.flex-align-items-center {
  align-items: center;
}
.flex-align-items-start {
  align-items: flex-start;
}
.flex-align-items-end {
  align-items: flex-end;
}
.flex-justify-content-center {
  justify-content: center;
}
.flex-justify-content-space-between {
  justify-content: space-between;
}
.flex-justify-content-space-around {
  justify-content: space-around;
}
.flex-justify-content-space-evenly {
  justify-content: space-evenly;
}
.flex-justify-content-end {
  justify-content: flex-end;
}
.flex-justify-content-start {
  justify-content: flex-start;
}
.hflex-000 {
  display: flex;
  flex-direction: row;
  gap: 0px;
}
.hflex-025 {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
.hflex-050 {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.hflex-075 {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.hflex-100 {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.hflex-150 {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.hflex-200 {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.hflex-250 {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.hflex-300 {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.hflex-350 {
  display: flex;
  flex-direction: row;
  gap: 28px;
}
.hflex-400 {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.hflex-500 {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.hflex-600 {
  display: flex;
  flex-direction: row;
  gap: 48px;
}
.hflex-700 {
  display: flex;
  flex-direction: row;
  gap: 56px;
}
.hflex-800 {
  display: flex;
  flex-direction: row;
  gap: 64px;
}
.hflex-900 {
  display: flex;
  flex-direction: row;
  gap: 72px;
}
.hflex-1000 {
  display: flex;
  flex-direction: row;
  gap: 80px;
}
.hflex-auto {
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: space-evenly;
}
.vflex-auto {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: space-evenly;
}
.vflex-000 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.vflex-025 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.vflex-050 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vflex-075 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.vflex-100 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vflex-150 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.vflex-200 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vflex-250 {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.vflex-300 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.vflex-350 {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.vflex-400 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.vflex-500 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.vflex-600 {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.vflex-700 {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.vflex-800 {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.vflex-900 {
  display: flex;
  flex-direction: column;
  gap: 72px;
}
.vflex-1000 {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.pad-000 {
  padding: 0px;
}
.pad-025 {
  padding: 2px;
}
.pad-050 {
  padding: 4px;
}
.pad-075 {
  padding: 6px;
}
.pad-100 {
  padding: 8px;
}
.pad-150 {
  padding: 12px;
}
.pad-200 {
  padding: 16px;
}
.pad-250 {
  padding: 20px;
}
.pad-300 {
  padding: 24px;
}
.pad-350 {
  padding: 28px;
}
.pad-400 {
  padding: 32px;
}
.pad-500 {
  padding: 40px;
}
.pad-600 {
  padding: 48px;
}
.pad-700 {
  padding: 56px;
}
.pad-800 {
  padding: 64px;
}
.pad-900 {
  padding: 72px;
}
.pad-1000 {
  padding: 80px;
}
.vpad-000 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.vpad-025 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.vpad-050 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.vpad-075 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.vpad-100 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.vpad-150 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.vpad-200 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.vpad-250 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.vpad-300 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.vpad-350 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.vpad-400 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.vpad-500 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.vpad-600 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.vpad-700 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.vpad-800 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.vpad-900 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.vpad-1000 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.hpad-000 {
  padding-left: 0px;
  padding-right: 0px;
}
.hpad-025 {
  padding-left: 2px;
  padding-right: 2px;
}
.hpad-050 {
  padding-left: 4px;
  padding-right: 4px;
}
.hpad-075 {
  padding-left: 6px;
  padding-right: 6px;
}
.hpad-100 {
  padding-left: 8px;
  padding-right: 8px;
}
.hpad-150 {
  padding-left: 12px;
  padding-right: 12px;
}
.hpad-200 {
  padding-left: 16px;
  padding-right: 16px;
}
.hpad-250 {
  padding-left: 20px;
  padding-right: 20px;
}
.hpad-300 {
  padding-left: 24px;
  padding-right: 24px;
}
.hpad-350 {
  padding-left: 28px;
  padding-right: 28px;
}
.hpad-400 {
  padding-left: 32px;
  padding-right: 32px;
}
.hpad-500 {
  padding-left: 40px;
  padding-right: 40px;
}
.hpad-600 {
  padding-left: 48px;
  padding-right: 48px;
}
.hpad-700 {
  padding-left: 56px;
  padding-right: 56px;
}
.hpad-800 {
  padding-left: 64px;
  padding-right: 64px;
}
.hpad-900 {
  padding-left: 72px;
  padding-right: 72px;
}
.hpad-1000 {
  padding-left: 80px;
  padding-right: 80px;
}
.pad-bottom-000 {
  padding-bottom: 0px;
}
.pad-bottom-025 {
  padding-bottom: 2px;
}
.pad-bottom-050 {
  padding-bottom: 4px;
}
.pad-bottom-075 {
  padding-bottom: 6px;
}
.pad-bottom-100 {
  padding-bottom: 8px;
}
.pad-bottom-150 {
  padding-bottom: 12px;
}
.pad-bottom-200 {
  padding-bottom: 16px;
}
.pad-bottom-250 {
  padding-bottom: 20px;
}
.pad-bottom-300 {
  padding-bottom: 24px;
}
.pad-bottom-350 {
  padding-bottom: 28px;
}
.pad-bottom-400 {
  padding-bottom: 32px;
}
.pad-bottom-500 {
  padding-bottom: 40px;
}
.pad-bottom-600 {
  padding-bottom: 48px;
}
.pad-bottom-700 {
  padding-bottom: 56px;
}
.pad-bottom-800 {
  padding-bottom: 64px;
}
.pad-bottom-900 {
  padding-bottom: 72px;
}
.pad-bottom-1000 {
  padding-bottom: 80px;
}
.pad-top-000 {
  padding-top: 0px;
}
.pad-top-025 {
  padding-top: 2px;
}
.pad-top-050 {
  padding-top: 4px;
}
.pad-top-075 {
  padding-top: 6px;
}
.pad-top-100 {
  padding-top: 8px;
}
.pad-top-150 {
  padding-top: 12px;
}
.pad-top-200 {
  padding-top: 16px;
}
.pad-top-250 {
  padding-top: 20px;
}
.pad-top-300 {
  padding-top: 24px;
}
.pad-top-350 {
  padding-top: 28px;
}
.pad-top-400 {
  padding-top: 32px;
}
.pad-top-500 {
  padding-top: 40px;
}
.pad-top-600 {
  padding-top: 48px;
}
.pad-top-700 {
  padding-top: 56px;
}
.pad-top-800 {
  padding-top: 64px;
}
.pad-top-900 {
  padding-top: 72px;
}
.pad-top-1000 {
  padding-top: 80px;
}
.pad-left-000 {
  padding-left: 0px;
}
.pad-left-025 {
  padding-left: 2px;
}
.pad-left-050 {
  padding-left: 4px;
}
.pad-left-075 {
  padding-left: 6px;
}
.pad-left-100 {
  padding-left: 8px;
}
.pad-left-150 {
  padding-left: 12px;
}
.pad-left-200 {
  padding-left: 16px;
}
.pad-left-250 {
  padding-left: 20px;
}
.pad-left-300 {
  padding-left: 24px;
}
.pad-left-350 {
  padding-left: 28px;
}
.pad-left-400 {
  padding-left: 32px;
}
.pad-left-500 {
  padding-left: 40px;
}
.pad-left-600 {
  padding-left: 48px;
}
.pad-left-700 {
  padding-left: 56px;
}
.pad-left-800 {
  padding-left: 64px;
}
.pad-left-900 {
  padding-left: 72px;
}
.pad-left-1000 {
  padding-left: 80px;
}
.pad-right-000 {
  padding-right: 0px;
}
.pad-right-025 {
  padding-right: 2px;
}
.pad-right-050 {
  padding-right: 4px;
}
.pad-right-075 {
  padding-right: 6px;
}
.pad-right-100 {
  padding-right: 8px;
}
.pad-right-150 {
  padding-right: 12px;
}
.pad-right-200 {
  padding-right: 16px;
}
.pad-right-250 {
  padding-right: 20px;
}
.pad-right-300 {
  padding-right: 24px;
}
.pad-right-350 {
  padding-right: 28px;
}
.pad-right-400 {
  padding-right: 32px;
}
.pad-right-500 {
  padding-right: 40px;
}
.pad-right-600 {
  padding-right: 48px;
}
.pad-right-700 {
  padding-right: 56px;
}
.pad-right-800 {
  padding-right: 64px;
}
.pad-right-900 {
  padding-right: 72px;
}
.pad-right-1000 {
  padding-right: 80px;
}
.right-gutter-000 {
  margin-right: 0px;
}
.right-gutter-025 {
  margin-right: 2px;
}
.right-gutter-050 {
  margin-right: 4px;
}
.right-gutter-075 {
  margin-right: 6px;
}
.right-gutter-100 {
  margin-right: 8px;
}
.right-gutter-150 {
  margin-right: 12px;
}
.right-gutter-200 {
  margin-right: 16px;
}
.right-gutter-250 {
  margin-right: 20px;
}
.right-gutter-300 {
  margin-right: 24px;
}
.right-gutter-350 {
  margin-right: 28px;
}
.right-gutter-400 {
  margin-right: 32px;
}
.right-gutter-500 {
  margin-right: 40px;
}
.right-gutter-600 {
  margin-right: 48px;
}
.right-gutter-700 {
  margin-right: 56px;
}
.right-gutter-800 {
  margin-right: 64px;
}
.right-gutter-900 {
  margin-right: 72px;
}
.right-gutter-1000 {
  margin-right: 80px;
}
.left-gutter-000 {
  margin-left: 0px;
}
.left-gutter-025 {
  margin-left: 2px;
}
.left-gutter-050 {
  margin-left: 4px;
}
.left-gutter-075 {
  margin-left: 6px;
}
.left-gutter-100 {
  margin-left: 8px;
}
.left-gutter-150 {
  margin-left: 12px;
}
.left-gutter-200 {
  margin-left: 16px;
}
.left-gutter-250 {
  margin-left: 20px;
}
.left-gutter-300 {
  margin-left: 24px;
}
.left-gutter-350 {
  margin-left: 28px;
}
.left-gutter-400 {
  margin-left: 32px;
}
.left-gutter-500 {
  margin-left: 40px;
}
.left-gutter-600 {
  margin-left: 48px;
}
.left-gutter-700 {
  margin-left: 56px;
}
.left-gutter-800 {
  margin-left: 64px;
}
.left-gutter-900 {
  margin-left: 72px;
}
.left-gutter-1000 {
  margin-left: 80px;
}
.top-gutter-000 {
  margin-top: 0px;
}
.top-gutter-025 {
  margin-top: 2px;
}
.top-gutter-050 {
  margin-top: 4px;
}
.top-gutter-075 {
  margin-top: 6px;
}
.top-gutter-100 {
  margin-top: 8px;
}
.top-gutter-150 {
  margin-top: 12px;
}
.top-gutter-200 {
  margin-top: 16px;
}
.top-gutter-250 {
  margin-top: 20px;
}
.top-gutter-300 {
  margin-top: 24px;
}
.top-gutter-350 {
  margin-top: 28px;
}
.top-gutter-400 {
  margin-top: 32px;
}
.top-gutter-500 {
  margin-top: 40px;
}
.top-gutter-600 {
  margin-top: 48px;
}
.top-gutter-700 {
  margin-top: 56px;
}
.top-gutter-800 {
  margin-top: 64px;
}
.top-gutter-900 {
  margin-top: 72px;
}
.top-gutter-1000 {
  margin-top: 80px;
}
.bottom-gutter-000 {
  margin-bottom: 0px;
}
.bottom-gutter-025 {
  margin-bottom: 2px;
}
.bottom-gutter-050 {
  margin-bottom: 4px;
}
.bottom-gutter-075 {
  margin-bottom: 6px;
}
.bottom-gutter-100 {
  margin-bottom: 8px;
}
.bottom-gutter-150 {
  margin-bottom: 12px;
}
.bottom-gutter-200 {
  margin-bottom: 16px;
}
.bottom-gutter-250 {
  margin-bottom: 20px;
}
.bottom-gutter-300 {
  margin-bottom: 24px;
}
.bottom-gutter-350 {
  margin-bottom: 28px;
}
.bottom-gutter-400 {
  margin-bottom: 32px;
}
.bottom-gutter-500 {
  margin-bottom: 40px;
}
.bottom-gutter-600 {
  margin-bottom: 48px;
}
.bottom-gutter-700 {
  margin-bottom: 56px;
}
.bottom-gutter-800 {
  margin-bottom: 64px;
}
.bottom-gutter-900 {
  margin-bottom: 72px;
}
.bottom-gutter-1000 {
  margin-bottom: 80px;
}
.gutter-000 {
  margin: 0px;
}
.gutter-025 {
  margin: 2px;
}
.gutter-050 {
  margin: 4px;
}
.gutter-075 {
  margin: 6px;
}
.gutter-100 {
  margin: 8px;
}
.gutter-150 {
  margin: 12px;
}
.gutter-200 {
  margin: 16px;
}
.gutter-250 {
  margin: 20px;
}
.gutter-300 {
  margin: 24px;
}
.gutter-350 {
  margin: 28px;
}
.gutter-400 {
  margin: 32px;
}
.gutter-500 {
  margin: 40px;
}
.gutter-600 {
  margin: 48px;
}
.gutter-700 {
  margin: 56px;
}
.gutter-800 {
  margin: 64px;
}
.gutter-900 {
  margin: 72px;
}
.gutter-1000 {
  margin: 80px;
}
.border-radius-000 {
  border-radius: 0px;
}
.border-radius-025 {
  border-radius: 2px;
}
.border-radius-050 {
  border-radius: 4px;
}
.border-radius-075 {
  border-radius: 6px;
}
.border-radius-100 {
  border-radius: 8px;
}
.border-radius-150 {
  border-radius: 12px;
}
.border-radius-200 {
  border-radius: 16px;
}
.border-radius-250 {
  border-radius: 20px;
}
.border-radius-300 {
  border-radius: 24px;
}
.border-radius-350 {
  border-radius: 28px;
}
.border-radius-400 {
  border-radius: 32px;
}
.border-radius-500 {
  border-radius: 40px;
}
.border-radius-600 {
  border-radius: 48px;
}
.border-radius-700 {
  border-radius: 56px;
}
.border-radius-800 {
  border-radius: 64px;
}
.border-radius-900 {
  border-radius: 72px;
}
.border-radius-1000 {
  border-radius: 80px;
}
.border-radius-top-000 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.border-radius-top-025 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.border-radius-top-050 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.border-radius-top-075 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.border-radius-top-100 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.border-radius-top-150 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.border-radius-top-200 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.border-radius-top-250 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.border-radius-top-300 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.border-radius-top-350 {
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}
.border-radius-top-400 {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.border-radius-top-500 {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.border-radius-top-600 {
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}
.border-radius-top-700 {
  border-top-left-radius: 56px;
  border-top-right-radius: 56px;
}
.border-radius-top-800 {
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
}
.border-radius-top-900 {
  border-top-left-radius: 72px;
  border-top-right-radius: 72px;
}
.border-radius-top-1000 {
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}
.border-radius-bottom-000 {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.border-radius-bottom-025 {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.border-radius-bottom-050 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.border-radius-bottom-075 {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.border-radius-bottom-100 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.border-radius-bottom-150 {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.border-radius-bottom-200 {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.border-radius-bottom-250 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.border-radius-bottom-300 {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.border-radius-bottom-350 {
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
}
.border-radius-bottom-400 {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
}
.border-radius-bottom-500 {
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.border-radius-bottom-600 {
  border-bottom-left-radius: 48px;
  border-bottom-right-radius: 48px;
}
.border-radius-bottom-700 {
  border-bottom-left-radius: 56px;
  border-bottom-right-radius: 56px;
}
.border-radius-bottom-800 {
  border-bottom-left-radius: 64px;
  border-bottom-right-radius: 64px;
}
.border-radius-bottom-900 {
  border-bottom-left-radius: 72px;
  border-bottom-right-radius: 72px;
}
.border-radius-bottom-1000 {
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
}
.sticky-000 {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 2;
}
.sticky-025 {
  position: -webkit-sticky;
  position: sticky;
  top: 2px;
  z-index: 2;
}
.sticky-050 {
  position: -webkit-sticky;
  position: sticky;
  top: 4px;
  z-index: 2;
}
.sticky-075 {
  position: -webkit-sticky;
  position: sticky;
  top: 6px;
  z-index: 2;
}
.sticky-100 {
  position: -webkit-sticky;
  position: sticky;
  top: 8px;
  z-index: 2;
}
.sticky-150 {
  position: -webkit-sticky;
  position: sticky;
  top: 12px;
  z-index: 2;
}
.sticky-200 {
  position: -webkit-sticky;
  position: sticky;
  top: 16px;
  z-index: 2;
}
.sticky-250 {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  z-index: 2;
}
.sticky-300 {
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  z-index: 2;
}
.sticky-350 {
  position: -webkit-sticky;
  position: sticky;
  top: 28px;
  z-index: 2;
}
.sticky-400 {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  z-index: 2;
}
.sticky-500 {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  z-index: 2;
}
.sticky-600 {
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
  z-index: 2;
}
.sticky-700 {
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  z-index: 2;
}
.sticky-800 {
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
  z-index: 2;
}
.sticky-900 {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 2;
}
.sticky-1000 {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 2;
}
.inline-flex {
  display: inline-flex;
}
.shrink-wrap {
  display: inline-flex;
  inline-size: max-content;
  flex: 0 0 auto;
  align-self: flex-start;
  min-width: 0;
}
.border-primary {
  border: 1px solid var(--color-border-primary);
}
.border-primary-top {
  border-top: 1px solid var(--color-border-primary);
}
.border-primary-bottom {
  border-bottom: 1px solid var(--color-border-primary);
}
.border-primary-left {
  border-left: 1px solid var(--color-border-primary);
}
.border-primary-right {
  border-right: 1px solid var(--color-border-primary);
}
.border-muted {
  border: 1px solid var(--color-border-muted);
}
.border-muted-top {
  border-top: 1px solid var(--color-border-muted);
}
.border-muted-bottom {
  border-bottom: 1px solid var(--color-border-muted);
}
.border-muted-left {
  border-left: 1px solid var(--color-border-muted);
}
.border-muted-right {
  border-right: 1px solid var(--color-border-muted);
}
.stacked-avatars {
  display: inline-flex;
}
.stacked-avatars mdw-avatar:not(:first-of-type) {
  position: relative;
  margin-left: -14px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_462_104" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="0" width="18" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.46039 22.6476C9.81036 20.2961 12 16.4038 12 12C12 7.59625 9.81036 3.70392 6.46039 1.35238C8.11761 0.488417 10.0018 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C10.0018 24 8.11761 23.5116 6.46039 22.6476Z" fill=\'%23AFB1B6\'/></mask><g mask=\'url(%23mask0_462_104)\'><circle cx="12" cy="12" r="12" fill=\'%23AAA6A1\'/></g></svg>');
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_462_104" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="6" y="0" width="18" height="24"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.46039 22.6476C9.81036 20.2961 12 16.4038 12 12C12 7.59625 9.81036 3.70392 6.46039 1.35238C8.11761 0.488417 10.0018 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C10.0018 24 8.11761 23.5116 6.46039 22.6476Z" fill=\'%23AFB1B6\'/></mask><g mask=\'url(%23mask0_462_104)\'><circle cx="12" cy="12" r="12" fill=\'%23AAA6A1\'/></g></svg>');
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.stacked-avatars mdw-avatar:not(:first-of-type).small-avatar {
  margin-left: -8px;
}
.stacked-avatars mdw-avatar:not(:first-of-type).medium-avatar {
  margin-left: -10px;
}
.stacked-avatars mdw-avatar:not(:first-of-type).x-large-avatar {
  margin-left: -18px;
}
.stacked-avatars mdw-avatar:not(:first-of-type).squircle {
  mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M6 0H18C20.2091 0 22 1.79086 22 4V20C22 22.2091 20.2091 24 18 24H6C3.79086 24 2 22.2091 2 20V4C2 1.79086 3.79086 0 6 0Z" fill=\'white\'/></mask><g mask=\'url(%23mask0)\'><rect width=\'24\' height=\'24\' fill=\'%23AAA6A1\'/></g></svg>');
  -webkit-mask: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M6 0H18C20.2091 0 22 1.79086 22 4V20C22 22.2091 20.2091 24 18 24H6C3.79086 24 2 22.2091 2 20V4C2 1.79086 3.79086 0 6 0Z" fill=\'white\'/></mask><g mask=\'url(%23mask0)\'><rect width=\'24\' height=\'24\' fill=\'%23AAA6A1\'/></g></svg>');
}
.surface-muted {
  background-color: var(--color-surface-muted);
}
.surface-flat {
  background-color: var(--color-surface-flat);
  border: 0.5px solid var(--color-border-primary);
}
.surface-flat-outline {
  border: 0.5px solid var(--color-border-primary);
}
.surface-flat-inverse {
  background-color: var(--color-surface-flat-inverse);
  border: solid 0.5px var(--color-surface-flat-inverse-border);
  color: var(--color-text-inverse);
}
.color-surface-overlay {
  background-color: var(--color-surface-overlay);
}
.surface-raised {
  background-color: var(--color-surface-elevated);
  box-shadow:
    var(--shadow-100-layer1-x) var(--shadow-100-layer1-y) var(--shadow-100-layer1-blur) var(--shadow-100-layer1-spread) var(--shadow-100-layer1-color),
    var(--shadow-100-layer2-x) var(--shadow-100-layer2-y) var(--shadow-100-layer2-blur) var(--shadow-100-layer2-spread) var(--shadow-100-layer2-color),
    var(--shadow-100-layer3-x) var(--shadow-100-layer3-y) var(--shadow-100-layer3-blur) var(--shadow-100-layer3-spread) var(--shadow-100-layer3-color),
    var(--shadow-100-layer4-x) var(--shadow-100-layer4-y) var(--shadow-100-layer4-blur) var(--shadow-100-layer4-spread) var(--shadow-100-layer4-color);
}
.surface-floating {
  background-color: var(--color-surface-elevated);
  box-shadow:
    var(--shadow-200-layer1-x) var(--shadow-200-layer1-y) var(--shadow-200-layer1-blur) var(--shadow-200-layer1-spread) var(--shadow-200-layer1-color),
    var(--shadow-200-layer2-x) var(--shadow-200-layer2-y) var(--shadow-200-layer2-blur) var(--shadow-200-layer2-spread) var(--shadow-200-layer2-color),
    var(--shadow-200-layer3-x) var(--shadow-200-layer3-y) var(--shadow-200-layer3-blur) var(--shadow-200-layer3-spread) var(--shadow-200-layer3-color),
    var(--shadow-200-layer4-x) var(--shadow-200-layer4-y) var(--shadow-200-layer4-blur) var(--shadow-200-layer4-spread) var(--shadow-200-layer4-color);
}
.surface-elevated {
  background-color: var(--color-surface-elevated);
  box-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color);
}
.actionable-surface {
  display: inline-flex;
  background-color: var(--color-background-actionable-container);
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
  text-decoration: none !important;
  color: unset !important;
  font-size: unset !important;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.actionable-surface:hover {
  background-color: var(--color-surface-elevated);
  box-shadow:
    var(--shadow-100-layer1-x) var(--shadow-100-layer1-y) var(--shadow-100-layer1-blur) var(--shadow-100-layer1-spread) var(--shadow-100-layer1-color),
    var(--shadow-100-layer2-x) var(--shadow-100-layer2-y) var(--shadow-100-layer2-blur) var(--shadow-100-layer2-spread) var(--shadow-100-layer2-color),
    var(--shadow-100-layer3-x) var(--shadow-100-layer3-y) var(--shadow-100-layer3-blur) var(--shadow-100-layer3-spread) var(--shadow-100-layer3-color),
    var(--shadow-100-layer4-x) var(--shadow-100-layer4-y) var(--shadow-100-layer4-blur) var(--shadow-100-layer4-spread) var(--shadow-100-layer4-color);
  border: 1px solid transparent;
}
.actionable-surface:focus {
  background-color: var(--color-surface-elevated);
  box-shadow:
    var(--secondary-focus-ring-layer1-x) var(--secondary-focus-ring-layer1-y) var(--secondary-focus-ring-layer1-blur) var(--secondary-focus-ring-layer1-spread) var(--secondary-focus-ring-layer1-color),
    var(--secondary-focus-ring-layer2-x) var(--secondary-focus-ring-layer2-y) var(--secondary-focus-ring-layer2-blur) var(--secondary-focus-ring-layer2-spread) var(--secondary-focus-ring-layer2-color),
    var(--secondary-focus-ring-layer3-x) var(--secondary-focus-ring-layer3-y) var(--secondary-focus-ring-layer3-blur) var(--secondary-focus-ring-layer3-spread) var(--secondary-focus-ring-layer3-color),
    var(--secondary-focus-ring-layer4-x) var(--secondary-focus-ring-layer4-y) var(--secondary-focus-ring-layer4-blur) var(--secondary-focus-ring-layer4-spread) var(--secondary-focus-ring-layer4-color),
    var(--secondary-focus-ring-layer5-x) var(--secondary-focus-ring-layer5-y) var(--secondary-focus-ring-layer5-blur) var(--secondary-focus-ring-layer5-spread) var(--secondary-focus-ring-layer5-color);
  border: 1px solid transparent;
}
.shadow-100 {
  box-shadow:
    var(--shadow-100-layer1-x) var(--shadow-100-layer1-y) var(--shadow-100-layer1-blur) var(--shadow-100-layer1-spread) var(--shadow-100-layer1-color),
    var(--shadow-100-layer2-x) var(--shadow-100-layer2-y) var(--shadow-100-layer2-blur) var(--shadow-100-layer2-spread) var(--shadow-100-layer2-color),
    var(--shadow-100-layer3-x) var(--shadow-100-layer3-y) var(--shadow-100-layer3-blur) var(--shadow-100-layer3-spread) var(--shadow-100-layer3-color),
    var(--shadow-100-layer4-x) var(--shadow-100-layer4-y) var(--shadow-100-layer4-blur) var(--shadow-100-layer4-spread) var(--shadow-100-layer4-color);
}
.shadow-200 {
  box-shadow:
    var(--shadow-200-layer1-x) var(--shadow-200-layer1-y) var(--shadow-200-layer1-blur) var(--shadow-200-layer1-spread) var(--shadow-200-layer1-color),
    var(--shadow-200-layer2-x) var(--shadow-200-layer2-y) var(--shadow-200-layer2-blur) var(--shadow-200-layer2-spread) var(--shadow-200-layer2-color),
    var(--shadow-200-layer3-x) var(--shadow-200-layer3-y) var(--shadow-200-layer3-blur) var(--shadow-200-layer3-spread) var(--shadow-200-layer3-color),
    var(--shadow-200-layer4-x) var(--shadow-200-layer4-y) var(--shadow-200-layer4-blur) var(--shadow-200-layer4-spread) var(--shadow-200-layer4-color);
}
.shadow-300 {
  box-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color);
}
.resize-container {
  height: 100%;
  position: relative;
  width: 0;
  z-index: 20;
}
.resize-container .resize-bar {
  position: absolute;
  width: 4px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: ew-resize;
}
.resize-container .resize-bar .collapse-button-container {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: opacity 0.2s;
}
.resize-container .resize-bar .collapse-button-container.hidden {
  opacity: 0;
  z-index: -1;
}
.resize-container .resize-bar::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  transition: background-color 0.2s;
}
.resize-container .resize-bar:hover .collapse-button-container:not(.hidden) {
  opacity: 1;
}
.resize-container .resize-bar:hover::after {
  background-color: var(--color-border-focus);
}
.resize-container.collapsed .resize-bar {
  cursor: default;
}
.resize-container.collapsed .resize-bar::after {
  background-color: transparent;
}
table.narrow {
  width: fit-content;
}
table.spaced-000 {
  border-collapse: separate;
  border-spacing: 0px 0;
}
table.spaced-025 {
  border-collapse: separate;
  border-spacing: 2px 0;
}
table.spaced-050 {
  border-collapse: separate;
  border-spacing: 4px 0;
}
table.spaced-075 {
  border-collapse: separate;
  border-spacing: 6px 0;
}
table.spaced-100 {
  border-collapse: separate;
  border-spacing: 8px 0;
}
table.spaced-150 {
  border-collapse: separate;
  border-spacing: 12px 0;
}
table.spaced-200 {
  border-collapse: separate;
  border-spacing: 16px 0;
}
table.spaced-250 {
  border-collapse: separate;
  border-spacing: 20px 0;
}
table.spaced-300 {
  border-collapse: separate;
  border-spacing: 24px 0;
}
table.spaced-350 {
  border-collapse: separate;
  border-spacing: 28px 0;
}
table.spaced-400 {
  border-collapse: separate;
  border-spacing: 32px 0;
}
table.spaced-500 {
  border-collapse: separate;
  border-spacing: 40px 0;
}
table.spaced-600 {
  border-collapse: separate;
  border-spacing: 48px 0;
}
table.spaced-700 {
  border-collapse: separate;
  border-spacing: 56px 0;
}
table.spaced-800 {
  border-collapse: separate;
  border-spacing: 64px 0;
}
table.spaced-900 {
  border-collapse: separate;
  border-spacing: 72px 0;
}
table.spaced-1000 {
  border-collapse: separate;
  border-spacing: 80px 0;
}
mdw-icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  min-width: 24px;
  display: block;
}
mdw-icon.icon-callout {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  padding: 4px;
  border-radius: 8px;
}
mdw-icon.icon-callout.large-callout {
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  padding: 6px;
  border-radius: 12px;
}
mdw-icon.icon-callout.x-large-callout {
  height: 56px;
  width: 56px;
  min-height: 56px;
  min-width: 56px;
  padding: 16px;
  border-radius: 12px;
}
.mdw-button:has(.icon-callout) {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  padding: 0px;
  overflow: hidden;
  box-shadow: none !important;
  border-radius: 12px;
}
.mdw-button:has(.icon-callout):focus {
  box-shadow: var(--secondary-focus-ring-layer5-x) var(--secondary-focus-ring-layer5-y) var(--secondary-focus-ring-layer5-blur) var(--secondary-focus-ring-layer5-spread) var(--secondary-focus-ring-layer5-color) !important;
}
.mdw-button:has(.icon-callout) mdw-icon {
  width: 100%;
  height: 100%;
  min-height: unset;
  min-width: unset;
}
.mdw-button:has(.icon-callout) .icon-callout {
  background-color: transparent !important;
}
.mdw-button:has(.icon-callout) .interactive-overlay {
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
}
.mdw-button:has(.icon-callout):has(.large-callout) {
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
}
.mdw-button:has(.icon-callout):has(.x-large-callout) {
  height: 56px;
  width: 56px;
  min-height: 56px;
  min-width: 56px;
}
mdw-icon span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
mdw-icon span svg {
  height: 100%;
  width: 100%;
}
.x-small-icon mdw-icon,
mdw-icon.x-small-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
.small-icon mdw-icon,
mdw-icon.small-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.large-icon mdw-icon,
mdw-icon.large-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.x-large-icon mdw-icon,
mdw-icon.x-large-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
}
a.mdw-button mdw-icon svg,
button.mdw-button mdw-icon svg {
  color: var(--color-icon-secondary);
}
a.mdw-primary mdw-icon svg,
button.mdw-primary mdw-icon svg {
  color: var(--color-icon-accent-primary-button);
}
a.mdw-positive mdw-icon svg,
button.mdw-positive mdw-icon svg {
  color: var(--color-icon-inverse);
}
a.mdw-secondary mdw-icon svg,
button.mdw-secondary mdw-icon svg {
  color: var(--color-icon-secondary);
}
a.mdw-tertiary mdw-icon svg,
button.mdw-tertiary mdw-icon svg {
  color: var(--color-icon-secondary);
}
a.mdw-tertiary-inverse mdw-icon svg,
button.mdw-tertiary-inverse mdw-icon svg {
  color: var(--color-icon-inverse);
}
a.mdw-danger mdw-icon svg,
button.mdw-danger mdw-icon svg {
  color: var(--color-icon-accent-danger);
}
mdw-icon.secondary svg {
  color: var(--color-icon-secondary);
}
.icon-red-fill {
  fill: var(--color-icon-red);
}
.icon-highlight {
  color: var(--color-icon-accent-highlight);
}
.icon-info {
  color: var(--color-icon-accent-info);
}
.icon-primary {
  color: var(--color-icon-primary);
}
svg .svg-muted-border {
  stroke: var(--color-border-muted);
}
.mdw-badge {
  background-color: var(--color-background-default);
  white-space: nowrap;
  display: inline-flex;
  height: 20px;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.mdw-badge mdw-icon {
  height: 16px;
  width: 16px;
}
.mdw-badge mdw-icon svg {
  height: 16px;
  width: 16px;
}
.mdw-badge.small-badge {
  height: 16px;
  gap: 2px;
  padding: 0px 4px;
}
.mdw-badge.mdw-muted {
  background-color: var(--color-background-neutral);
  color: var(--color-text-secondary);
}
.mdw-badge.mdw-muted mdw-icon {
  color: var(--color-icon-secondary);
}
.mdw-badge mdw-icon {
  height: 16px;
  width: 16px;
  min-width: 16px;
  min-height: 16px;
  color: var(--color-icon-primary);
  margin-left: -2px;
}
.mdw-notification-badge {
  height: 16px;
  min-width: 16px;
  max-width: 32px;
  padding: 0 3px;
  display: inline-flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background-color: var(--notification-badge-bg-color);
  color: var(--notification-badge-text-color);
  font-size: 12px;
  font-weight: 600;
  border-radius: 16px;
}
.mdw-notification-passive-badge {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: relative;
  background-color: var(--notification-badge-bg-color);
}
.mdw-notification-passive-badge::before {
  content: "";
  height: 4px;
  width: 4px;
  position: absolute;
  background-color: var(--notification-badge-text-color);
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.mdw-notification-badge-dot {
  position: relative;
}
.mdw-notification-badge-dot::after {
  content: "";
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 6px;
  height: 6px;
  background-color: var(--notification-badge-bg-color);
  border-radius: 50%;
}
.small-icon.mdw-notification-badge-dot::after {
  bottom: 0;
  right: 0;
}
.button-group {
  display: flex;
  gap: 12px;
}
.button-group-small {
  display: flex;
  gap: 8px;
}
.button-group-medium {
  display: flex;
  gap: 12px;
}
.button-group-large {
  display: flex;
  gap: 12px;
}
.button-group-x-large {
  display: flex;
  gap: 16px;
}
menu,
nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
menu label,
nav label {
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 0 12px;
}
menu.tab-group,
nav.tab-group {
  display: inline-flex;
  padding: 8px;
  border-radius: 12px;
  border: 0.5px solid var(--color-border-primary);
  background-color: var(--color-input-tab-background);
}
menu.tab-group ul,
nav.tab-group ul {
  display: flex;
  gap: 4px;
}
menu.tab-group ul.vertical,
nav.tab-group ul.vertical {
  flex-direction: column;
}
mdw-tab-group.small-tab-group .tab-group {
  padding: 4px;
  border-radius: 8px;
}
mdw-tab-group.small-tab-group .tab-group .tab-text {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
mdw-tab-group.extra-small-tab-group .tab-group {
  padding: 0;
  border-radius: 6px;
}
mdw-tab-group.extra-small-tab-group .tab-group .tab-text {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
mdw-tab-group.fill-width {
  width: 100%;
}
mdw-tab-group.fill-width nav {
  width: 100%;
}
mdw-tab-group.fill-width nav ul {
  width: 100%;
}
mdw-tab-group.fill-width nav ul li {
  flex: 1 1 auto;
  text-align: center;
}
.mdw-highlight {
  color: var(--color-text-accent-highlight);
  background-color: var(--color-background-highlight);
}
.mdw-highlight mdw-icon {
  color: var(--color-icon-accent-highlight);
}
.mdw-success {
  color: var(--color-text-accent-success);
  background-color: var(--color-background-success);
}
.mdw-success mdw-icon {
  color: var(--color-icon-accent-success);
}
.mdw-info {
  background-color: var(--color-background-info);
  color: var(--color-text-accent-info);
}
.mdw-info mdw-icon {
  color: var(--color-icon-accent-info);
}
.mdw-warning {
  background-color: var(--color-background-warning);
  color: var(--color-text-accent-warning);
}
.mdw-warning mdw-icon {
  color: var(--color-icon-accent-warning);
}
.mdw-negative {
  background-color: var(--color-background-negative);
  color: var(--color-text-accent-negative);
}
.mdw-negative mdw-icon {
  color: var(--color-icon-accent-negative);
}
.mdw-danger {
  background-color: var(--color-background-danger);
  color: var(--color-text-accent-danger);
}
.mdw-danger mdw-icon {
  color: var(--color-icon-accent-danger);
}
.color-N000 {
  color: #ffffff !important;
}
.bg-color-N000 {
  background-color: #ffffff !important;
}
.color-N100 {
  color: #f5f5f4 !important;
}
.bg-color-N100 {
  background-color: #f5f5f4 !important;
}
.color-N200 {
  color: #d9d9d5 !important;
}
.bg-color-N200 {
  background-color: #d9d9d5 !important;
}
.color-N300 {
  color: #aaa6a1 !important;
}
.bg-color-N300 {
  background-color: #aaa6a1 !important;
}
.color-N400 {
  color: #6b6861 !important;
}
.bg-color-N400 {
  background-color: #6b6861 !important;
}
.color-N500 {
  color: #43413d !important;
}
.bg-color-N500 {
  background-color: #43413d !important;
}
.color-N600 {
  color: #2b2b28 !important;
}
.bg-color-N600 {
  background-color: #2b2b28 !important;
}
.color-N700 {
  color: #22221f !important;
}
.bg-color-N700 {
  background-color: #22221f !important;
}
.color-N800 {
  color: #1c1c19 !important;
}
.bg-color-N800 {
  background-color: #1c1c19 !important;
}
.color-N900 {
  color: #161613 !important;
}
.bg-color-N900 {
  background-color: #161613 !important;
}
.color-B100 {
  color: #d4efff !important;
}
.bg-color-B100 {
  background-color: #d4efff !important;
}
.color-B200 {
  color: #49baf2 !important;
}
.bg-color-B200 {
  background-color: #49baf2 !important;
}
.color-B300 {
  color: #1f6cf9 !important;
}
.bg-color-B300 {
  background-color: #1f6cf9 !important;
}
.color-B400 {
  color: #0051d5 !important;
}
.bg-color-B400 {
  background-color: #0051d5 !important;
}
.color-B500 {
  color: #203776 !important;
}
.bg-color-B500 {
  background-color: #203776 !important;
}
.color-G100 {
  color: #def6d2 !important;
}
.bg-color-G100 {
  background-color: #def6d2 !important;
}
.color-G200 {
  color: #aff797 !important;
}
.bg-color-G200 {
  background-color: #aff797 !important;
}
.color-G300 {
  color: #2eb52d !important;
}
.bg-color-G300 {
  background-color: #2eb52d !important;
}
.color-G400 {
  color: #259329 !important;
}
.bg-color-G400 {
  background-color: #259329 !important;
}
.color-G500 {
  color: #1c5800 !important;
}
.bg-color-G500 {
  background-color: #1c5800 !important;
}
.color-T100 {
  color: #d3e8e6 !important;
}
.bg-color-T100 {
  background-color: #d3e8e6 !important;
}
.color-T200 {
  color: #5ed4b4 !important;
}
.bg-color-T200 {
  background-color: #5ed4b4 !important;
}
.color-T300 {
  color: #0fa793 !important;
}
.bg-color-T300 {
  background-color: #0fa793 !important;
}
.color-T400 {
  color: #118376 !important;
}
.bg-color-T400 {
  background-color: #118376 !important;
}
.color-T500 {
  color: #004d39 !important;
}
.bg-color-T500 {
  background-color: #004d39 !important;
}
.color-Y100 {
  color: #fff0cc !important;
}
.bg-color-Y100 {
  background-color: #fff0cc !important;
}
.color-Y200 {
  color: #f6d03e !important;
}
.bg-color-Y200 {
  background-color: #f6d03e !important;
}
.color-Y300 {
  color: #eeb701 !important;
}
.bg-color-Y300 {
  background-color: #eeb701 !important;
}
.color-Y400 {
  color: #c77901 !important;
}
.bg-color-Y400 {
  background-color: #c77901 !important;
}
.color-Y500 {
  color: #623d1e !important;
}
.bg-color-Y500 {
  background-color: #623d1e !important;
}
.color-O100 {
  color: #fcd7bc !important;
}
.bg-color-O100 {
  background-color: #fcd7bc !important;
}
.color-O200 {
  color: #f29130 !important;
}
.bg-color-O200 {
  background-color: #f29130 !important;
}
.color-O300 {
  color: #f06705 !important;
}
.bg-color-O300 {
  background-color: #f06705 !important;
}
.color-O400 {
  color: #d94802 !important;
}
.bg-color-O400 {
  background-color: #d94802 !important;
}
.color-O500 {
  color: #66290a !important;
}
.bg-color-O500 {
  background-color: #66290a !important;
}
.color-R100 {
  color: #f7c4ba !important;
}
.bg-color-R100 {
  background-color: #f7c4ba !important;
}
.color-R200 {
  color: #f54d3d !important;
}
.bg-color-R200 {
  background-color: #f54d3d !important;
}
.color-R300 {
  color: #e2331f !important;
}
.bg-color-R300 {
  background-color: #e2331f !important;
}
.color-R400 {
  color: #e20d00 !important;
}
.bg-color-R400 {
  background-color: #e20d00 !important;
}
.color-R500 {
  color: #661a0a !important;
}
.bg-color-R500 {
  background-color: #661a0a !important;
}
.color-Pi100 {
  color: #fad4df !important;
}
.bg-color-Pi100 {
  background-color: #fad4df !important;
}
.color-Pi200 {
  color: #f69ebc !important;
}
.bg-color-Pi200 {
  background-color: #f69ebc !important;
}
.color-Pi300 {
  color: #f3557d !important;
}
.bg-color-Pi300 {
  background-color: #f3557d !important;
}
.color-Pi400 {
  color: #dd3265 !important;
}
.bg-color-Pi400 {
  background-color: #dd3265 !important;
}
.color-Pi500 {
  color: #730b2e !important;
}
.bg-color-Pi500 {
  background-color: #730b2e !important;
}
.color-P100 {
  color: #eedaf7 !important;
}
.bg-color-P100 {
  background-color: #eedaf7 !important;
}
.color-P200 {
  color: #d982d9 !important;
}
.bg-color-P200 {
  background-color: #d982d9 !important;
}
.color-P300 {
  color: #bf5af2 !important;
}
.bg-color-P300 {
  background-color: #bf5af2 !important;
}
.color-P400 {
  color: #8944ab !important;
}
.bg-color-P400 {
  background-color: #8944ab !important;
}
.color-P500 {
  color: #660a5e !important;
}
.bg-color-P500 {
  background-color: #660a5e !important;
}
.mdw-button:has(.icon-callout-blue) {
  background-color: var(--color-background-blue) !important;
}
.icon-callout-blue {
  background-color: var(--color-background-blue);
}
.icon-callout-blue svg {
  color: var(--color-icon-blue) !important;
}
.mdw-button:has(.icon-callout-green) {
  background-color: var(--color-background-green) !important;
}
.icon-callout-green {
  background-color: var(--color-background-green);
}
.icon-callout-green svg {
  color: var(--color-icon-green) !important;
}
.mdw-button:has(.icon-callout-red) {
  background-color: var(--color-background-red) !important;
}
.icon-callout-red {
  background-color: var(--color-background-red);
}
.icon-callout-red svg {
  color: var(--color-icon-red) !important;
}
.mdw-button:has(.icon-callout-yellow) {
  background-color: var(--color-background-yellow) !important;
}
.icon-callout-yellow {
  background-color: var(--color-background-yellow);
}
.icon-callout-yellow svg {
  color: var(--color-icon-yellow) !important;
}
.mdw-button:has(.icon-callout-purple) {
  background-color: var(--color-background-purple) !important;
}
.icon-callout-purple {
  background-color: var(--color-background-purple);
}
.icon-callout-purple svg {
  color: var(--color-icon-purple) !important;
}
.mdw-button:has(.icon-callout-orange) {
  background-color: var(--color-background-orange) !important;
}
.icon-callout-orange {
  background-color: var(--color-background-orange);
}
.icon-callout-orange svg {
  color: var(--color-icon-orange) !important;
}
.mdw-button:has(.icon-callout-pink) {
  background-color: var(--color-background-pink) !important;
}
.icon-callout-pink {
  background-color: var(--color-background-pink);
}
.icon-callout-pink svg {
  color: var(--color-icon-pink) !important;
}
.mdw-button:has(.icon-callout-teal) {
  background-color: var(--color-background-teal) !important;
}
.icon-callout-teal {
  background-color: var(--color-background-teal);
}
.icon-callout-teal svg {
  color: var(--color-icon-teal) !important;
}
.mdw-button:has(.icon-callout-neutral) {
  background-color: var(--color-background-neutral) !important;
}
.icon-callout-neutral {
  background-color: var(--color-background-neutral);
}
.icon-callout-neutral svg {
  color: var(--color-icon-secondary) !important;
}
.color-preset-0,
.color-preset-0 svg {
  color: var(--color-preset-0) !important;
}
.color-preset-1,
.color-preset-1 svg {
  color: var(--color-preset-1) !important;
}
.color-preset-2,
.color-preset-2 svg {
  color: var(--color-preset-2) !important;
}
.color-preset-3,
.color-preset-3 svg {
  color: var(--color-preset-3) !important;
}
.color-preset-4,
.color-preset-4 svg {
  color: var(--color-preset-4) !important;
}
.color-preset-5,
.color-preset-5 svg {
  color: var(--color-preset-5) !important;
}
.color-preset-6,
.color-preset-6 svg {
  color: var(--color-preset-6) !important;
}
.color-preset-7,
.color-preset-7 svg {
  color: var(--color-preset-7) !important;
}
.color-preset-8,
.color-preset-8 svg {
  color: var(--color-preset-8) !important;
}
.color-preset-9,
.color-preset-9 svg {
  color: var(--color-preset-9) !important;
}
.color-preset-10,
.color-preset-10 svg {
  color: var(--color-preset-10) !important;
}
.color-preset-11,
.color-preset-11 svg {
  color: var(--color-preset-11) !important;
}
.color-preset-12,
.color-preset-12 svg {
  color: var(--color-preset-12) !important;
}
.color-preset-13,
.color-preset-13 svg {
  color: var(--color-preset-13) !important;
}
.color-preset-14,
.color-preset-14 svg {
  color: var(--color-preset-14) !important;
}
.color-preset-15,
.color-preset-15 svg {
  color: var(--color-preset-15) !important;
}
.color-preset-16,
.color-preset-16 svg {
  color: var(--color-preset-16) !important;
}
.color-preset-17,
.color-preset-17 svg {
  color: var(--color-preset-17) !important;
}
.color-preset-18,
.color-preset-18 svg {
  color: var(--color-preset-18) !important;
}
.color-preset-19,
.color-preset-19 svg {
  color: var(--color-preset-19) !important;
}
.color-preset-20,
.color-preset-20 svg {
  color: var(--color-preset-20) !important;
}
.color-preset-21,
.color-preset-21 svg {
  color: var(--color-preset-21) !important;
}
.color-preset-22,
.color-preset-22 svg {
  color: var(--color-preset-22) !important;
}
.color-preset-23,
.color-preset-23 svg {
  color: var(--color-preset-23) !important;
}
label[for] {
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
  display: block;
}
label[for].no-description {
  margin-bottom: 4px;
}
.input-description {
  color: var(--color-text-secondary);
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 16px;
}
.input-error {
  display: flex;
  align-items: center;
  align-content: center;
  color: var(--color-text-accent-error);
  gap: 4px;
  font-size: 12px;
  margin-top: 4px;
  white-space: nowrap;
}
input.ng-untouched + .input-error {
  display: none;
}
.mdw-select-trigger.has-template {
  height: unset;
  padding: 6px 12px;
}
.mdw-select-trigger.has-template .mdw-badge {
  height: 100%;
}
textarea {
  resize: none;
  height: 114px !important;
  padding: 12px !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]),
.mdw-select-trigger,
.mdw-status-trigger,
.mdw-date-trigger,
.mdw-time-trigger,
textarea {
  background-color: var(--color-input-surface);
  border: 1px solid var(--color-border-primary);
  border-radius: 8px;
  color: var(--color-text-primary);
  font-size: 14px;
  padding: 0px 12px;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  line-height: 20px;
  height: 32px;
  display: flex;
  align-items: center;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]).full-width,
.mdw-select-trigger.full-width,
.mdw-status-trigger.full-width,
.mdw-date-trigger.full-width,
.mdw-time-trigger.full-width,
textarea.full-width {
  width: 100%;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([readonly]):hover,
.mdw-select-trigger:not([readonly]):hover,
.mdw-status-trigger:not([readonly]):hover,
.mdw-date-trigger:not([readonly]):hover,
.mdw-time-trigger:not([readonly]):hover,
textarea:not([readonly]):hover {
  border-color: var(--color-border-strong);
  background-color: var(--color-input-surface-hover);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
.mdw-select-trigger:focus,
.mdw-status-trigger:focus,
.mdw-date-trigger:focus,
.mdw-time-trigger:focus,
textarea:focus {
  border-color: var(--color-border-focus) !important;
  box-shadow: 0 0 0 4px var(--color-input-focus-ring);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]).error:not(.ng-untouched),
.mdw-select-trigger.error:not(.ng-untouched),
.mdw-status-trigger.error:not(.ng-untouched),
.mdw-date-trigger.error:not(.ng-untouched),
.mdw-time-trigger.error:not(.ng-untouched),
textarea.error:not(.ng-untouched) {
  border-color: var(--color-border-error) !important;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]).error:not(.ng-untouched):focus,
.mdw-select-trigger.error:not(.ng-untouched):focus,
.mdw-status-trigger.error:not(.ng-untouched):focus,
.mdw-date-trigger.error:not(.ng-untouched):focus,
.mdw-time-trigger.error:not(.ng-untouched):focus,
textarea.error:not(.ng-untouched):focus {
  box-shadow: 0 0 0 4px var(--color-input-focus-ring-error);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[readonly],
.mdw-select-trigger[readonly],
.mdw-status-trigger[readonly],
.mdw-date-trigger[readonly],
.mdw-time-trigger[readonly],
textarea[readonly] {
  background-color: var(--color-input-surface-read-only);
  border-color: transparent !important;
  color: var(--color-text-secondary);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[readonly]:focus,
.mdw-select-trigger[readonly]:focus,
.mdw-status-trigger[readonly]:focus,
.mdw-date-trigger[readonly]:focus,
.mdw-time-trigger[readonly]:focus,
textarea[readonly]:focus {
  box-shadow: none;
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled],
.mdw-select-trigger[disabled],
.mdw-status-trigger[disabled],
.mdw-date-trigger[disabled],
.mdw-time-trigger[disabled],
textarea[disabled] {
  cursor: not-allowed;
  border-color: var(--color-border-muted);
  color: var(--color-text-disabled);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]:hover,
.mdw-select-trigger[disabled]:hover,
.mdw-status-trigger[disabled]:hover,
.mdw-date-trigger[disabled]:hover,
.mdw-time-trigger[disabled]:hover,
textarea[disabled]:hover {
  background-color: var(--color-input-surface);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,
.mdw-select-trigger::placeholder,
.mdw-status-trigger::placeholder,
.mdw-date-trigger::placeholder,
.mdw-time-trigger::placeholder,
textarea::placeholder {
  color: var(--color-text-secondary);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):-moz-placeholder,
.mdw-select-trigger:-moz-placeholder,
.mdw-status-trigger:-moz-placeholder,
.mdw-date-trigger:-moz-placeholder,
.mdw-time-trigger:-moz-placeholder,
textarea:-moz-placeholder {
  color: var(--color-text-secondary);
  opacity: 1;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):-ms-input-placeholder,
.mdw-select-trigger:-ms-input-placeholder,
.mdw-status-trigger:-ms-input-placeholder,
.mdw-date-trigger:-ms-input-placeholder,
.mdw-time-trigger:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: var(--color-text-secondary);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])::-ms-input-placeholder,
.mdw-select-trigger::-ms-input-placeholder,
.mdw-status-trigger::-ms-input-placeholder,
.mdw-date-trigger::-ms-input-placeholder,
.mdw-time-trigger::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--color-text-secondary);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])::-webkit-input-placeholder,
.mdw-select-trigger::-webkit-input-placeholder,
.mdw-status-trigger::-webkit-input-placeholder,
.mdw-date-trigger::-webkit-input-placeholder,
.mdw-time-trigger::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--color-text-secondary);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled],
.mdw-select-trigger[disabled],
.mdw-status-trigger[disabled],
.mdw-date-trigger[disabled],
.mdw-time-trigger[disabled],
textarea[disabled] {
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]::placeholder,
.mdw-select-trigger[disabled]::placeholder,
.mdw-status-trigger[disabled]::placeholder,
.mdw-date-trigger[disabled]::placeholder,
.mdw-time-trigger[disabled]::placeholder,
textarea[disabled]::placeholder {
  color: var(--color-text-disabled);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]:-moz-placeholder,
.mdw-select-trigger[disabled]:-moz-placeholder,
.mdw-status-trigger[disabled]:-moz-placeholder,
.mdw-date-trigger[disabled]:-moz-placeholder,
.mdw-time-trigger[disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder {
  color: var(--color-text-disabled);
  opacity: 1;
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]:-ms-input-placeholder,
.mdw-select-trigger[disabled]:-ms-input-placeholder,
.mdw-status-trigger[disabled]:-ms-input-placeholder,
.mdw-date-trigger[disabled]:-ms-input-placeholder,
.mdw-time-trigger[disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder {
  color: var(--color-text-disabled);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]::-ms-input-placeholder,
.mdw-select-trigger[disabled]::-ms-input-placeholder,
.mdw-status-trigger[disabled]::-ms-input-placeholder,
.mdw-date-trigger[disabled]::-ms-input-placeholder,
.mdw-time-trigger[disabled]::-ms-input-placeholder,
textarea[disabled]::-ms-input-placeholder {
  color: var(--color-text-disabled);
}
input:not([type=checkbox]):not([type=radio]):not([type=range])[disabled]::-webkit-input-placeholder,
.mdw-select-trigger[disabled]::-webkit-input-placeholder,
.mdw-status-trigger[disabled]::-webkit-input-placeholder,
.mdw-date-trigger[disabled]::-webkit-input-placeholder,
.mdw-time-trigger[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder {
  color: var(--color-text-disabled);
}
.search-input-container,
.password-input-container {
  position: relative;
}
.search-input-container .clear-button,
.search-input-container .show-hide-button,
.password-input-container .clear-button,
.password-input-container .show-hide-button {
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-icon-secondary);
  transition: opacity 0.3s;
}
.search-input-container > mdw-icon,
.password-input-container > mdw-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-secondary);
}
.search-input-container:has(input:focus) .clear-button,
.search-input-container:has(input:focus) .show-hide-button,
.search-input-container.search-has-value .clear-button,
.search-input-container.search-has-value .show-hide-button,
.password-input-container:has(input:focus) .clear-button,
.password-input-container:has(input:focus) .show-hide-button,
.password-input-container.search-has-value .clear-button,
.password-input-container.search-has-value .show-hide-button {
  opacity: 1;
}
input[type=search] {
  padding-left: 32px !important;
  padding-right: 32px !important;
  width: 100%;
}
.password-input-container input {
  padding-right: 32px !important;
  width: 100%;
}
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type=search]::-moz-search-cancel-button {
  display: none;
}
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.radio-label {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  font-size: 14px;
}
.radio-label.tall-label {
  height: 64px;
}
.radio-label:not(.disabled) {
  cursor: pointer;
}
.radio-label:not(.disabled):hover > input[type=radio] {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
.radio-label:not(.disabled):active > input[type=radio] {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-pressed-ring);
}
input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 16px;
  height: 16px;
  background-color: var(--color-input-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  place-content: center;
  transition: 0.12s all ease-in-out;
}
input[type=radio]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.12s transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-text-inverse);
}
input[type=radio]:checked {
  background-color: var(--color-input-ticked-on);
}
input[type=radio]:checked::before {
  transform: scale(1);
}
input[type=radio]:focus {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-focus-ring) !important;
}
input[type=radio]:hover {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
input[type=radio]:active {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-pressed-ring);
}
input[type=radio][disabled] {
  cursor: not-allowed;
  background-color: var(--color-input-surface-read-only);
  border-color: var(--color-border-muted);
  box-shadow: unset !important;
  color: var(--color-text-disabled);
}
.checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  font-size: 14px;
}
.checkbox-label.tall-label {
  height: 64px;
}
.checkbox-label:not(.disabled) {
  cursor: pointer;
}
.checkbox-label:not(.disabled):hover > input[type=radio] {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
.check-box {
  width: 16px;
  height: 16px;
  background-color: var(--color-input-surface);
  border: 1px solid var(--color-border-strong);
  border-radius: 4px;
  margin: 0;
  display: grid;
  place-content: center;
  transition: 0.12s all ease-in-out;
}
.check-box::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transform: scale(0);
  transition: 0.12s transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-text-inverse);
  transform-origin: bottom left;
  clip-path: path("M17.3647 8.74184L11.5294 16.1193C11.3549 16.34 11.0954 16.4769 10.8147 16.4965C10.534 16.5161 10.2581 16.4165 10.0546 16.2222L6.63525 12.9578L8.01632 11.5112L10.6417 14.0177L15.7961 7.50111L17.3647 8.74184Z");
}
[aria-selected=true] .check-box {
  background-color: var(--color-input-ticked-on);
}
[aria-selected=true] .check-box::before {
  transform: scale(1);
}
input[type=checkbox]:not([toggle]) {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 16px;
  height: 16px;
  background-color: var(--color-input-surface);
  border: 1px solid var(--color-border-primary);
  border-radius: 4px;
  cursor: pointer;
  display: grid;
  place-content: center;
  transition: 0.12s all ease-in-out;
}
input[type=checkbox]:not([toggle])::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transform: scale(0);
  transition: 0.12s transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-text-inverse);
  transform-origin: bottom left;
  clip-path: path("M17.3647 8.74184L11.5294 16.1193C11.3549 16.34 11.0954 16.4769 10.8147 16.4965C10.534 16.5161 10.2581 16.4165 10.0546 16.2222L6.63525 12.9578L8.01632 11.5112L10.6417 14.0177L15.7961 7.50111L17.3647 8.74184Z");
}
input[type=checkbox]:not([toggle]):checked {
  background-color: var(--color-input-ticked-on);
}
input[type=checkbox]:not([toggle]):checked::before {
  transform: scale(1);
}
input[type=checkbox]:not([toggle]):focus {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-focus-ring) !important;
}
input[type=checkbox]:not([toggle]):hover {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
input[type=checkbox]:not([toggle]):active {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-pressed-ring);
}
input[type=checkbox]:not([toggle])[disabled] {
  cursor: not-allowed;
  background-color: var(--color-input-surface-read-only);
  border-color: var(--color-border-muted);
  box-shadow: unset !important;
  color: var(--color-text-disabled);
}
.toggle-label {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
}
.toggle-label:not(.disabled):not(.readonly) {
  cursor: pointer;
}
.toggle-label:not(.disabled):not(.readonly):hover > input[type=radio] {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
.toggle-label.readonly {
  cursor: text;
}
input[type=checkbox][toggle] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  position: relative;
  width: 32px;
  height: 16px;
  background-color: var(--color-input-ticked-off);
  border-radius: 8px;
  transform: unset;
  cursor: pointer;
  transition: 0.12s all ease-in-out;
}
input[type=checkbox][toggle]::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: 0.12s all ease-in-out;
  background-color: var(--color-input-toggle-head);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  opacity: 1;
}
input[type=checkbox][toggle]:checked {
  background-color: var(--color-input-ticked-on);
}
input[type=checkbox][toggle]:checked::before {
  left: 18px;
}
input[type=checkbox][toggle]:focus {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-focus-ring) !important;
}
input[type=checkbox][toggle]:hover {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-hover-ring);
}
input[type=checkbox][toggle]:active {
  box-shadow: 0 0 0 2px var(--color-surface-flat), 0 0 0 6px var(--color-input-pressed-ring);
}
input[type=checkbox][toggle][disabled] {
  cursor: not-allowed;
  border-color: var(--color-border-muted);
  box-shadow: unset !important;
  opacity: 0.5;
}
input[type=checkbox][toggle].large-toggle {
  width: 48px;
  height: 24px;
  border-radius: 12px;
}
input[type=checkbox][toggle].large-toggle::before {
  width: 20px;
  height: 20px;
  top: 2px;
  left: 2px;
}
input[type=checkbox][toggle].large-toggle:checked::before {
  left: 26px;
}
input[type=checkbox][toggle].danger-toggle {
  background-color: var(--color-input-ticked-off);
  border-color: var(--color-border-error);
}
input[type=checkbox][toggle].danger-toggle::before {
  background-color: var(--color-input-toggle-head);
}
input[type=checkbox][toggle].danger-toggle:checked {
  background-color: var(--color-background-button-danger);
}
input[type=checkbox][toggle].danger-toggle:checked::before {
  left: 18px;
}
.mdw-select-trigger,
.mdw-status-trigger,
.mdw-date-trigger,
.mdw-time-trigger {
  position: relative;
  padding-right: 64px;
  white-space: nowrap;
}
.mdw-select-trigger .chevron,
.mdw-status-trigger .chevron,
.mdw-date-trigger .chevron,
.mdw-time-trigger .chevron {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-secondary);
}
input[type=range] {
  --g: 0px;
  --l: 2px;
  --cThickness: 8px;
  --s: 16px;
  width: min(60%, 200px);
  height: var(--s);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
}
input[type=range]:active {
  --p: 25%;
}
input[type=range]:active,
input[type=range]:focus-visible {
  --_b: var(--s);
}
input[type=range]::-webkit-slider-thumb {
  height: var(--s);
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--cThickness)) inset var(--color-text-inverse);
  border-image:
    linear-gradient(
      90deg,
      var(--color-input-slider-filled) 50%,
      var(--color-input-slider-empty) 0) 0 1/calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g));
  -webkit-appearance: none;
  appearance: none;
}
input[type=range]::-moz-range-thumb {
  height: var(--s);
  width: var(--s);
  background: none;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--_b, var(--cThickness)) inset var(--color-text-inverse);
  border-image:
    linear-gradient(
      90deg,
      var(--color-input-slider-filled) 50%,
      var(--color-input-slider-empty) 0) 0 1/calc(50% - var(--l) / 2) 100vw/0 calc(100vw + var(--g));
  -moz-appearance: none;
  appearance: none;
}
a:not(.mdw-button):not(.list-item-link),
button.mdw-link {
  font-size: 14px;
  text-decoration: none;
  color: var(--color-text-accent-link-primary);
  overflow-wrap: break-word;
}
a:not(.mdw-button):not(.list-item-link).underline,
a:not(.mdw-button):not(.list-item-link):hover:not(.no-underline),
button.mdw-link.underline,
button.mdw-link:hover:not(.no-underline) {
  text-decoration: underline;
}
a:not(.mdw-button):not(.list-item-link).secondary,
button.mdw-link.secondary {
  color: var(--color-text-secondary);
}
a:not(.mdw-button):not(.list-item-link).primary,
button.mdw-link.primary {
  color: var(--color-text-primary);
}
a:not(.mdw-button):not(.list-item-link).small-link,
button.mdw-link.small-link {
  font-size: 12px;
}
a:not(.mdw-button):not(.list-item-link).large-link,
button.mdw-link.large-link {
  font-size: 16px;
  font-weight: 600;
}
a.mdw-button {
  text-decoration: none !important;
}
.cdk-overlay-dark-backdrop {
  background-color: var(--color-surface-overlay);
}
.cdk-menu-item {
  -webkit-user-select: none;
  user-select: none;
}
.cdk-global-overlay-wrapper {
  justify-content: center;
  align-items: center;
}
.cdk-overlay-pane.mdw-alert-notification {
  transition: margin 0.2s ease-in-out;
}
.cdk-menu-item.cdk-menu-trigger {
  position: relative;
}
.cdk-menu-item.cdk-menu-trigger > .interactive-overlay {
  padding-right: 2rem;
}
.cdk-menu-item.cdk-menu-trigger::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0.6;
  transition: transform 120ms ease;
}
.cdk-menu-item.cdk-menu-trigger:hover::after {
  transform: translateY(-50%) translateX(2px) rotate(-45deg);
}
.quill-raw-html .mc-quill-edited {
  margin-left: 8px;
}
.quill-raw-html ul {
  list-style-position: outside;
  padding-left: 2.5em;
}
.quill-raw-html ol {
  margin: 0;
  padding-left: 2.5em;
  list-style: decimal;
}
.quill-raw-html ol ol ol {
  list-style-type: decimal;
}
.quill-raw-html ol ol {
  list-style-type: lower-alpha;
}
.quill-raw-html ol ol ol {
  list-style-type: lower-roman;
}
.quill-raw-html ol ol ol ol {
  list-style-type: decimal;
}
.quill-raw-html ol ol ol ol ol {
  list-style-type: lower-alpha;
}
.quill-raw-html ol ol ol ol ol ol {
  list-style-type: lower-roman;
}
.quill-raw-html ol ol ol ol ol ol ol {
  list-style-type: decimal;
}
.quill-raw-html ol ol ol ol ol ol ol ol {
  list-style-type: lower-alpha;
}
.quill-raw-html ol ol ol ol ol ol ol ol ol {
  list-style-type: lower-roman;
}
.quill-raw-html ul {
  list-style-type: disc;
}
.quill-raw-html blockquote {
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 0px;
  padding-left: 16px;
  border-left: 4px solid var(--color-border-primary);
}
.thread-edit quill-editor.include-edit-buttons .ql-toolbar {
  padding-bottom: 52px;
}
quill-editor code,
.quill-raw-html code {
  background-color: var(--color-background-actionable-container) !important;
  color: var(--color-text-accent-highlight) !important;
  border: 1px solid var(--color-border-muted) !important;
  padding: 0 4px !important;
  border-radius: 4px !important;
  font-family: "JetBrains-Mono";
}
quill-editor pre,
quill-editor .ql-code-block-container,
.quill-raw-html pre,
.quill-raw-html .ql-code-block-container {
  padding: 12px 16px !important;
  background-color: var(--color-background-actionable-container) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-muted) !important;
  border-radius: 8px !important;
  font-family: "JetBrains-Mono";
  margin: 0;
  overflow: auto;
  max-height: 100%;
}
quill-editor pre::-webkit-scrollbar,
quill-editor .ql-code-block-container::-webkit-scrollbar,
.quill-raw-html pre::-webkit-scrollbar,
.quill-raw-html .ql-code-block-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
quill-editor pre::-webkit-scrollbar-track,
quill-editor .ql-code-block-container::-webkit-scrollbar-track,
.quill-raw-html pre::-webkit-scrollbar-track,
.quill-raw-html .ql-code-block-container::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
  border-radius: 20px;
}
quill-editor pre::-webkit-scrollbar-thumb,
quill-editor .ql-code-block-container::-webkit-scrollbar-thumb,
.quill-raw-html pre::-webkit-scrollbar-thumb,
.quill-raw-html .ql-code-block-container::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
}
quill-editor pre:hover,
quill-editor .ql-code-block-container:hover,
.quill-raw-html pre:hover,
.quill-raw-html .ql-code-block-container:hover {
  background-size: auto;
}
quill-editor pre:hover::-webkit-scrollbar-thumb,
quill-editor .ql-code-block-container:hover::-webkit-scrollbar-thumb,
.quill-raw-html pre:hover::-webkit-scrollbar-thumb,
.quill-raw-html .ql-code-block-container:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
quill-editor pre::-moz-scrollbar-button,
quill-editor pre::-webkit-scrollbar-button,
quill-editor .ql-code-block-container::-moz-scrollbar-button,
quill-editor .ql-code-block-container::-webkit-scrollbar-button,
.quill-raw-html pre::-moz-scrollbar-button,
.quill-raw-html pre::-webkit-scrollbar-button,
.quill-raw-html .ql-code-block-container::-moz-scrollbar-button,
.quill-raw-html .ql-code-block-container::-webkit-scrollbar-button {
  width: 0px;
}
quill-editor {
  width: 100%;
}
quill-editor.has-status .ql-snow.ql-container {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
quill-editor.mdw-chip-list-input {
  box-shadow: 0 0 0 0 var(--color-input-focus-ring) !important;
  transition: box-shadow 0.2s !important;
  border: 1px solid var(--color-border-primary) !important;
  border-radius: 8px;
}
quill-editor.mdw-chip-list-input.focus {
  box-shadow: 0 0 0 4px var(--color-input-focus-ring) !important;
}
quill-editor.mdw-chip-list-input .ql-snow {
  background-color: var(--color-input-surface) !important;
  border: none !important;
  border-radius: 0 !important;
}
quill-editor.mdw-chip-list-input .ql-editor {
  padding: 6px 8px !important;
}
quill-editor.mdw-chip-list-input .ql-editor::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
quill-editor.mdw-chip-list-input .ql-editor::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
  border-radius: 20px;
}
quill-editor.mdw-chip-list-input .ql-editor::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
}
quill-editor.mdw-chip-list-input .ql-editor:hover {
  background-size: auto;
}
quill-editor.mdw-chip-list-input .ql-editor:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
quill-editor.mdw-chip-list-input .ql-editor::-moz-scrollbar-button,
quill-editor.mdw-chip-list-input .ql-editor::-webkit-scrollbar-button {
  width: 0px;
}
quill-editor.mdw-chip-list-input .ql-editor.ql-blank::before,
quill-editor.mdw-chip-list-input .ql-editor p {
  line-height: 30px;
}
quill-editor.mdw-chip-list-input .ql-editor.ql-blank::before {
  left: 8px !important;
}
quill-editor .ql-snow.ql-toolbar {
  border-top-width: 0px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-color: var(--color-border-primary);
  background-color: var(--color-surface-flat);
  white-space: nowrap;
}
quill-editor .ql-snow.ql-toolbar button {
  color: var(--color-icon-secondary) !important;
}
quill-editor .ql-snow.ql-toolbar button:hover,
quill-editor .ql-snow.ql-toolbar button.ql-active {
  color: var(--color-icon-secondary);
  background-color: var(--color-button-overlay-tertiary-hover);
}
quill-editor .ql-snow.ql-toolbar .ql-formats {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid var(--color-border-primary);
}
quill-editor .ql-snow.ql-toolbar .ql-formats:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
quill-editor .ql-snow.ql-toolbar .ql-formats.empty {
  padding: 0;
  margin: 0;
  border: none;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button {
  width: 24px;
  height: 24px;
  opacity: 1;
  display: flex;
  padding: 2px;
  margin: 0 3px;
  transition:
    width 0.1s,
    opacity 0.1s,
    padding 0.1s;
  border-radius: 4px;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button.hidden {
  width: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button.mdw-button {
  padding: 0;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button:first-of-type {
  margin-left: 0;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button:last-of-type {
  margin-right: 0;
}
quill-editor .ql-snow.ql-toolbar .ql-formats button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
quill-editor .ql-snow.ql-container {
  min-height: 56px;
  border-bottom-width: 0px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-color: var(--color-border-primary);
  background-color: var(--color-surface-flat);
  transition: border-radius 0.2s;
  overflow: auto;
  max-height: 250px;
}
quill-editor .ql-snow.ql-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
quill-editor .ql-snow.ql-container::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
  border-radius: 20px;
}
quill-editor .ql-snow.ql-container::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
}
quill-editor .ql-snow.ql-container:hover {
  background-size: auto;
}
quill-editor .ql-snow.ql-container:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
quill-editor .ql-snow.ql-container::-moz-scrollbar-button,
quill-editor .ql-snow.ql-container::-webkit-scrollbar-button {
  width: 0px;
}
quill-editor .ql-snow .ql-editor {
  font-family:
    Inter,
    "Twemoji Country Flags",
    sans-serif;
  font-feature-settings: "ss03" on, "cv05" on;
  font-size: 14px;
  color: var(--color-text-primary);
  padding: 16px 20px;
}
quill-editor .ql-snow .ql-editor.ql-blank::before {
  font-size: 14px;
  color: var(--color-text-secondary);
  font-style: normal;
  left: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
quill-editor .ql-snow .ql-tooltip {
  border: none;
  border-radius: 8px;
  font-family: Inter;
  font-feature-settings: "ss03" on, "cv05" on;
  display: flex;
  align-items: center;
  box-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color);
  z-index: 9;
  background-color: var(--color-surface-elevated);
  color: var(--color-text-primary);
  transform: translateY(-72px);
}
quill-editor .ql-snow .ql-tooltip input {
  border: 1px solid var(--color-border-muted) !important;
}
quill-editor .ql-snow .ql-tooltip.ql-hidden {
  display: none;
}
quill-editor .ql-snow .ql-tooltip .ql-action,
quill-editor .ql-snow .ql-tooltip .ql-remove {
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: unset;
  text-decoration: none !important;
}
quill-editor .ql-snow .ql-tooltip .ql-action::after,
quill-editor .ql-snow .ql-tooltip .ql-action::before,
quill-editor .ql-snow .ql-tooltip .ql-remove::after,
quill-editor .ql-snow .ql-tooltip .ql-remove::before {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
quill-editor .ql-snow .ql-tooltip .ql-action:hover,
quill-editor .ql-snow .ql-tooltip .ql-remove:hover {
  background-color: var(--color-button-overlay-tertiary-hover);
}
quill-editor .ql-snow .ql-tooltip .ql-action:active,
quill-editor .ql-snow .ql-tooltip .ql-remove:active {
  background-color: var(--color-button-overlay-tertiary-pressed);
}
quill-editor .ql-snow .ql-tooltip .ql-action {
  margin-left: 16px;
}
quill-editor .ql-snow .ql-tooltip .ql-remove {
  margin-left: 8px;
}
quill-editor .ql-snow .ql-tooltip.ql-editing {
  padding: 8px 16px;
}
quill-editor .ql-snow .ql-tooltip[data-mode=link].ql-editing:not(.ql-hidden) {
  display: block;
  white-space: inherit;
  height: unset;
}
quill-editor .ql-snow .ql-tooltip[data-mode=link].ql-editing:not(.ql-hidden)::before {
  content: 'Enter link (including "http://" or "https://"):';
}
quill-editor .mention,
.quill-raw-html .mention {
  padding: 0px 4px;
  display: inline-block;
  background-color: var(--color-background-info);
  color: var(--color-text-accent-link-primary);
  border-radius: 4px;
}
.spaces-global-mention {
  padding: 4px;
  border-radius: 4px;
}
.spaces-quill-mention-name {
  display: flex;
  align-items: center;
  gap: 4px;
}
.spaces-quill-mention-name .guest-icon {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  color: var(--color-text-accent-info);
}
.spaces-quill-mention-name .connected-user-icon {
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
  color: var(--color-text-accent-highlight);
}
.spaces-quill-mention-container .spaces-quill-mention-item:hover,
.spaces-quill-mention-container .spaces-quill-mention-item.selected {
  background-color: var(--color-button-overlay-hover);
}
.spaces-quill-mention-container .spaces-quill-mention-item:active {
  background-color: var(--color-button-overlay-pressed);
}
.mdw-quill-chip .spaces-quill-mention-item > div {
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
}
.mdw-quill-chip .spaces-quill-mention-item > div p {
  line-height: initial;
}
.mdw-quill-chip.focused {
  box-shadow: var(--secondary-focus-ring-layer5-x) var(--secondary-focus-ring-layer5-y) var(--secondary-focus-ring-layer5-blur) var(--secondary-focus-ring-layer5-spread) var(--secondary-focus-ring-layer5-color);
}
.spaces-quill-mention-container,
.mdw-quill-chip {
  padding: 8px !important;
  z-index: 999;
  max-height: 300px;
  height: unset;
}
.spaces-quill-mention-container li,
.mdw-quill-chip li {
  padding: 8px 16px;
}
.spaces-quill-mention-container .spaces-quill-mention-item,
.mdw-quill-chip .spaces-quill-mention-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  border-radius: 6px;
}
.spaces-quill-mention-container .spaces-quill-mention-item > div,
.mdw-quill-chip .spaces-quill-mention-item > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-inline-emoji,
.mdw-quill-chip .spaces-quill-mention-item .spaces-inline-emoji {
  margin-right: 8px;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container {
  position: relative;
  height: 32px;
  width: 32px;
  margin-right: 8px;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-1,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-1 {
  background-color: #f6d03e;
  color: #623d1e;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-2,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-2 {
  background-color: #f29130;
  color: #66290a;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-3,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-3 {
  background-color: #aff797;
  color: #1c5800;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-4,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-4 {
  background-color: #d982d9;
  color: #660a5e;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-5,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-5 {
  background-color: #f69ebc;
  color: #730b2e;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-6,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-6 {
  background-color: #f54d3d;
  color: #661a0a;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-7,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-7 {
  background-color: #5ed4b4;
  color: #004d39;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-8,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar-container .scheme-8 {
  background-color: #49baf2;
  color: #203776;
}
.spaces-quill-mention-container .spaces-quill-mention-item .spaces-quill-mention-avatar,
.mdw-quill-chip .spaces-quill-mention-item .spaces-quill-mention-avatar {
  display: flex;
  width: 32px;
  height: 32px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  font-weight: 600;
  vertical-align: middle;
}
.spaces-quill-mention-container .spaces-quill-mention-item .initials-background,
.mdw-quill-chip .spaces-quill-mention-item .initials-background {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spaces-quill-mention-name-with-description {
  display: flex;
  align-items: center;
  gap: 8px;
}
.spaces-quill-mention-name-with-description .spaces-quill-mention-description {
  display: flex;
  align-items: center;
  padding: 0px 8px;
  height: 20px;
  font-weight: 500;
  font-size: 11px;
  border-radius: 20px;
}
.mdw-quill-chip {
  padding: 4px 8px !important;
  border: 1px solid var(--color-border-primary);
  color: var(--color-text-primary);
  background-color: var(--color-surface-muted);
  margin: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  vertical-align: middle;
  border-radius: 6px;
}
.date-picker-standout .date-input-container mat-datepicker-toggle {
  left: 12px;
}
body {
  --mat-datepicker-calendar-container-background-color: var(--color-surface-elevated);
  --mat-datepicker-calendar-container-text-color: var(--color-text-primary);
  --mat-datepicker-calendar-container-touch-shape: 20px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color);
  --mat-datepicker-calendar-container-shape: 20px;
  --mat-datepicker-calendar-container-elevation-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--color-text-accent-primary-button);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--color-border-muted);
  --mat-datepicker-calendar-date-text-color: var(--color-text-primary);
  --mat-datepicker-calendar-text-font: "Inter";
  --mat-datepicker-calendar-text-size: 14px;
  --mat-icon-button-icon-color: var(--color-text-primary);
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-state-layer-size: 32px;
  --mat-icon-button-touch-target-display: block;
}
.mat-datepicker-content {
  padding: 12px;
  border-radius: 28px !important;
}
.mat-datepicker-content .mat-calendar-content {
  padding: 0;
  padding-top: 24px;
}
.mat-datepicker-content .mat-calendar-body-today {
  box-shadow: 0 0 0 1px transparent;
  transition: box-shadow 0.2s ease-in-out;
}
.mat-datepicker-content .mat-calendar-body-cell:focus .mat-focus-indicator::before {
  content: none;
}
.mat-datepicker-content .mat-calendar-body tr {
  padding: 4px 0;
}
.mat-datepicker-content .mat-calendar-table-header th {
  font-size: 16px;
  font-weight: 400;
}
.mat-datepicker-content .mat-calendar-body-label {
  visibility: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-datepicker-content .mat-calendar-body-cell-content {
  border: none;
  border-radius: 21px;
  font-size: 16px;
}
.mat-datepicker-content .mat-calendar-body-cell {
  border-radius: 21px;
}
.mat-datepicker-content .mat-calendar-body-cell.mat-calendar-body-disabled {
  color: var(--color-text-disabled);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  background-color: var(--color-button-overlay-muted-hover) !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):active .mat-calendar-body-cell-content {
  background-color: var(--color-button-overlay-muted-pressed) !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-today):not(:has(.mat-calendar-body-selected)) .mat-calendar-body-cell-content {
  box-shadow: 0 0 0 1px var(--color-border-muted);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-selected) .mat-calendar-body-cell-content {
  color: var(--color-text-accent-primary-button) !important;
  background-color: transparent;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-selected):before {
  content: "";
  position: absolute;
  top: 2px;
  background-color: var(--color-background-button-primary);
  border-radius: 21px;
  z-index: 1;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-selected):after {
  content: "";
  position: absolute;
  top: 2px;
  background-color: transparent;
  border-radius: 21px;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-selected):hover:after {
  background-color: var(--color-button-overlay-primary-hover);
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):has(.mat-calendar-body-selected):active:after {
  background-color: var(--color-button-overlay-primary-pressed);
}
.mat-datepicker-actions {
  justify-content: flex-start !important;
  padding: 20px 0 8px 0 !important;
}
.mat-calendar-body-in-preview .mat-calendar-body-cell-content,
.mat-calendar-body-in-range .mat-calendar-body-cell-content {
  box-shadow: 0 0 0 1px transparent !important;
}
.mat-calendar-body-in-range .mat-calendar-body-cell-preview {
  background-color: var(--color-background-green);
}
.mat-calendar-body-range-end .mat-calendar-body-cell-preview {
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}
.mat-calendar-body-range-start .mat-calendar-body-cell-preview {
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
}
.mat-calendar-body-range-end:before {
  right: 0;
}
mat-snack-bar-container.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface {
  min-width: unset;
  background-color: var(--color-background-tooltip);
  box-shadow:
    var(--shadow-200-layer1-x) var(--shadow-200-layer1-y) var(--shadow-200-layer1-blur) var(--shadow-200-layer1-spread) var(--shadow-200-layer1-color),
    var(--shadow-200-layer2-x) var(--shadow-200-layer2-y) var(--shadow-200-layer2-blur) var(--shadow-200-layer2-spread) var(--shadow-200-layer2-color),
    var(--shadow-200-layer3-x) var(--shadow-200-layer3-y) var(--shadow-200-layer3-blur) var(--shadow-200-layer3-spread) var(--shadow-200-layer3-color),
    var(--shadow-200-layer4-x) var(--shadow-200-layer4-y) var(--shadow-200-layer4-blur) var(--shadow-200-layer4-spread) var(--shadow-200-layer4-color);
  border-radius: 8px;
  padding-right: 0px;
}
mat-snack-bar-container.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label {
  padding: 0px;
}
.mdc-tooltip {
  white-space: nowrap;
  color: #ffffff;
  background: #22221f;
  border-radius: 8px;
  font-size: 12px;
  box-shadow:
    var(--shadow-200-layer1-x) var(--shadow-200-layer1-y) var(--shadow-200-layer1-blur) var(--shadow-200-layer1-spread) var(--shadow-200-layer1-color),
    var(--shadow-200-layer2-x) var(--shadow-200-layer2-y) var(--shadow-200-layer2-blur) var(--shadow-200-layer2-spread) var(--shadow-200-layer2-color),
    var(--shadow-200-layer3-x) var(--shadow-200-layer3-y) var(--shadow-200-layer3-blur) var(--shadow-200-layer3-spread) var(--shadow-200-layer3-color),
    var(--shadow-200-layer4-x) var(--shadow-200-layer4-y) var(--shadow-200-layer4-blur) var(--shadow-200-layer4-spread) var(--shadow-200-layer4-color);
}
.mdc-tooltip .mdc-tooltip__surface {
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
  padding: 4px 12px;
  max-width: 100%;
  border-radius: 8px;
}
.mat-mdc-tooltip-panel {
  pointer-events: none;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}
.emoji-mart-anchor path {
  fill-rule: evenodd;
}
.emoji-mart-anchor svg {
  height: 24px;
  width: 24px;
}
.emoji-mart {
  position: relative;
  border-radius: 12px;
  background-color: var(--color-surface-elevated);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-primary);
}
.emoji-mart emoji-mart-anchors {
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 2;
}
.emoji-mart .emoji-mart-anchors {
  flex-direction: column;
  gap: 8px;
}
.emoji-mart-anchor-bar {
  display: none;
}
.emoji-mart-anchor {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border-radius: 8px;
  opacity: 0.8;
  cursor: pointer;
  color: var(--color-text-primary) !important;
  transition: background-color 0.2s, opacity 0.2s;
}
.emoji-mart-anchor.emoji-mart-anchor-selected {
  opacity: 1;
  background-color: var(--color-surface-muted) !important;
}
.emoji-mart-anchor:hover {
  background-color: var(--color-surface-muted);
}
.emoji-mart-bar {
  border: none;
}
emoji-search input {
  padding: 8px 12px 8px 32px !important;
  font-family: Inter;
  font-feature-settings: "ss03" on, "cv05" on;
  border: 1px solid var(--color-border-primary) !important;
  background-color: transparent !important;
  color: var(--color-text-primary) !important;
}
emoji-search input::placeholder {
  color: var(--color-text-secondary);
}
emoji-search .emoji-mart-search-icon {
  top: 5px;
  left: 11px;
  right: unset;
}
emoji-search .emoji-mart-search-icon svg {
  fill: var(--color-text-secondary) !important;
}
.ql-snow.ql-toolbar button.emoji-mart-search-icon {
  top: 6px;
  left: 11px;
  height: 24px !important;
  width: 24px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.ql-snow.ql-toolbar button.emoji-mart-search-icon:disabled {
  cursor: default;
}
.emoji-mart-anchors,
.emoji-mart-scroll {
  height: min(363px, 70vh - 118px);
}
.emoji-mart-anchors::-webkit-scrollbar-track,
.emoji-mart-scroll::-webkit-scrollbar-track {
  margin: 4px;
  border-radius: 20px;
}
.emoji-mart-anchors::-webkit-scrollbar,
.emoji-mart-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.emoji-mart-anchors::-webkit-scrollbar-thumb,
.emoji-mart-scroll::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 8px;
}
.emoji-mart-anchors::-webkit-scrollbar-corner,
.emoji-mart-scroll::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
}
.emoji-mart-anchors:hover::-webkit-scrollbar-thumb,
.emoji-mart-scroll:hover::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
}
.emoji-mart-scroll {
  padding-left: 44px;
  margin-top: 6px;
}
.emoji-mart-category-label span {
  font-family: Inter;
  font-feature-settings: "ss03" on, "cv05" on;
  font-size: 13px;
  background-color: var(--color-surface-elevated) !important;
  color: var(--color-text-primary) !important;
}
emoji-category {
  display: block;
  margin-bottom: 24px;
}
emoji-category:first-of-type {
  margin-bottom: 0px;
}
ngx-emoji .emoji-mart-emoji {
  padding: 0;
  height: 36px;
  width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
ngx-emoji .emoji-mart-emoji > span {
  width: unset !important;
  height: unset !important;
}
ngx-emoji .emoji-mart-emoji-native {
  font-family:
    "Twemoji Country Flags",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-skin {
  position: relative;
  cursor: pointer;
}
.emoji-mart-skin.emoji-mart-skin-tone-1::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Default Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-1:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-skin.emoji-mart-skin-tone-2::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Light Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-2:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-skin.emoji-mart-skin-tone-3::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Medium-Light Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-3:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-skin.emoji-mart-skin-tone-4::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Medium Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-4:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-skin.emoji-mart-skin-tone-5::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Medium-Dark Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-5:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-skin.emoji-mart-skin-tone-6::after {
  opacity: 0;
  transform: translateY(3px) translateX(-75%);
  transition: opacity 0.2s, transform 0.2s;
  content: "Dark Skin Tone";
  position: absolute;
  bottom: 16px;
  left: 50%;
  display: flex;
  background-color: var(--color-surface-flat-inverse) !important;
  height: 34px;
  padding: 0 12px;
  white-space: nowrap;
  color: var(--color-text-inverse) !important;
  z-index: 1;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-family: "Inter";
  font-feature-settings: "ss03" on, "cv05" on;
}
.emoji-mart-skin.emoji-mart-skin-tone-6:hover::after {
  opacity: 1;
  transform: translateY(0px) translateX(-75%);
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  font-family: Inter;
  font-feature-settings: "ss03" on, "cv05" on;
  margin-top: 12px;
  color: var(--color-text-secondary);
}
.emoji-mart-category .emoji-mart-emoji {
  cursor: pointer;
}
.emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer;
}
.emoji-mart-category .emoji-mart-emoji:hover::before {
  background-color: var(--color-surface-muted) !important;
}
.emoji-mart-preview {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--color-surface-muted);
}
mdw-emoji .emoji-mart-emoji {
  height: unset;
  width: unset;
}
mdw-emoji .emoji-mart-emoji > span {
  font-size: 24px !important;
}
mdw-emoji.small .emoji-mart-emoji > span {
  font-size: 17px !important;
}
mdw-emoji.large .emoji-mart-emoji > span {
  font-size: 48px !important;
}
.emoji-mart-skin-swatches {
  border: 1px solid var(--color-border-primary) !important;
  background-color: transparent !important;
}
.mc-quill-emoji {
  display: inline-block;
  vertical-align: middle;
}
.mc-ql-emoji {
  display: inline-block;
  padding: 4px 0;
}
.mc-ql-emoji-native {
  font-size: 22px;
}
.only-includes-emoji .mc-ql-emoji {
  padding: 12px 0;
}
.only-includes-emoji .mc-ql-emoji-native {
  font-size: 32px;
}
mdw-phone-number-input.full-width .iti {
  width: 100%;
}
mdw-phone-number-input.full-width .iti input {
  width: 100%;
}
mdw-phone-number-input.disabled button {
  pointer-events: none;
}
.iti .iti__country-name {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: var(--color-text-primary);
}
.iti .iti__dial-code {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.iti__country-container {
  padding: 0;
}
.iti__selected-country-primary {
  background-color: transparent !important;
}
.iti__country-list {
  overflow: auto;
  height: 300px;
  border-radius: 6px;
  padding: 8px;
  border: none !important;
  margin-right: -6px;
  padding-right: 0;
  padding-left: 0;
}
.iti__country-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.iti__country-list::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px;
  border-radius: 20px;
}
.iti__country-list::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
}
.iti__country-list:hover {
  background-size: auto;
}
.iti__country-list:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}
.iti__country-list::-moz-scrollbar-button,
.iti__country-list::-webkit-scrollbar-button {
  width: 0px;
}
.iti__country {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 8px;
}
.iti__country:hover,
.iti__country.iti__highlight {
  background-color: var(--color-button-overlay-hover);
}
.iti__flag-container {
  margin-right: 8px;
}
.iti.iti--allow-dropdown .iti__flag-container,
.iti.iti--separate-dial-code .iti__flag-container {
  display: block;
}
.iti.iti--allow-dropdown .iti__selected-flag,
.iti.iti--separate-dial-code .iti__selected-flag {
  padding-left: 16px;
}
.iti.iti--allow-dropdown input[type=tel],
.iti.iti--separate-dial-code input[type=tel] {
  padding-left: 56px;
}
.iti__dropdown-content {
  background-color: var(--color-surface-elevated);
  border: none !important;
  box-shadow:
    var(--shadow-300-layer1-x) var(--shadow-300-layer1-y) var(--shadow-300-layer1-blur) var(--shadow-300-layer1-spread) var(--shadow-300-layer1-color),
    var(--shadow-300-layer2-x) var(--shadow-300-layer2-y) var(--shadow-300-layer2-blur) var(--shadow-300-layer2-spread) var(--shadow-300-layer2-color),
    var(--shadow-300-layer3-x) var(--shadow-300-layer3-y) var(--shadow-300-layer3-blur) var(--shadow-300-layer3-spread) var(--shadow-300-layer3-color),
    var(--shadow-300-layer4-x) var(--shadow-300-layer4-y) var(--shadow-300-layer4-blur) var(--shadow-300-layer4-spread) var(--shadow-300-layer4-color) !important;
  padding: 6px;
  padding-bottom: 0;
  border-radius: 8px;
}
.iti__arrow {
  border-top-color: var(--color-icon-secondary);
  border-bottom-color: var(--color-icon-secondary);
}
button.iti__selected-country {
  border-radius: 8px;
}
button.iti__selected-country:hover {
  background-color: var(--color-button-overlay-hover);
}
.bam-dialog {
  width: min(95%, 864px);
  height: 95%;
}
.bam-dialog .bam-content {
  width: 100%;
  height: 100%;
}
.wide-dialog {
  width: 584px !important;
}
.full-page-dialog {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
}
.full-page-dialog .full-page-dialog-content {
  width: 100%;
  height: 100%;
}
.full-page-dialog .dialog-content {
  padding-bottom: 16px !important;
}
.spotlight-dialog {
  position: absolute !important;
  top: 15%;
  width: 616px !important;
}
.spotlight-backdrop {
  opacity: 0;
}
.preview-dialog {
  height: 100%;
  width: 100%;
}
.preview-backdrop {
  background: var(--color-surface-muted);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* libs/meadow/core/styles/animations.scss */
.no-animation {
  animation: none !important;
  transition: none !important;
}
:root {
  --mdw-fade-dur: 0.3s;
  --mdw-fade-enter-delay: 0s;
  --mdw-fade-ease: ease-in-out;
  --mdw-fade-vertical-offset: 0px;
  --mdw-fade-leave-start: 1;
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translateY(var(--mdw-fade-vertical-offset));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-out {
  0% {
    opacity: var(--mdw-fade-leave-start, 1);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(var(--mdw-fade-vertical-offset));
  }
}
.mdw-fade {
  animation-fill-mode: both;
  animation-duration: var(--mdw-fade-dur);
  animation-timing-function: var(--mdw-fade-ease);
  will-change: opacity;
  height: 100%;
}
.mdw-fade-in {
  animation-name: fade-in;
  animation-delay: var(--mdw-fade-enter-delay);
}
.mdw-fade-out {
  animation-name: fade-out;
}
@media (prefers-reduced-motion: reduce) {
  .mdw-fade {
    animation-duration: 0ms !important;
    animation-delay: 0ms !important;
  }
}
:root {
  --mdw-collapse-dur: 0.3s;
  --mdw-collapse-ease: ease-in-out;
  --mdw-collapse-delay: 0s;
}
@keyframes mdw-expand-y {
  0% {
    opacity: 0;
    grid-template-rows: 0fr;
  }
  50% {
    opacity: 0;
    grid-template-rows: 1fr;
  }
  100% {
    opacity: 1;
    grid-template-rows: 1fr;
  }
}
@keyframes mdw-collapse-y {
  0% {
    opacity: 1;
    grid-template-rows: 1fr;
  }
  50% {
    opacity: 0;
    grid-template-rows: 1fr;
  }
  100% {
    opacity: 0;
    grid-template-rows: 0fr;
  }
}
@keyframes mdw-expand-x {
  0% {
    opacity: 0;
    grid-template-columns: 0fr;
  }
  50% {
    opacity: 0;
    grid-template-columns: 1fr;
  }
  100% {
    opacity: 1;
    grid-template-columns: 1fr;
  }
}
@keyframes mdw-collapse-x {
  0% {
    opacity: 1;
    grid-template-columns: 1fr;
  }
  50% {
    opacity: 0;
    grid-template-columns: 1fr;
  }
  100% {
    opacity: 0;
    grid-template-columns: 0fr;
  }
}
.mdw-collapsable {
  display: grid;
  animation-fill-mode: both;
  min-width: 0;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.mdw-collapsable .content {
  min-height: 0;
  min-width: 0;
}
mdw-collapse {
  flex: 0 1 auto;
  min-width: 0;
}
.mdw-collapse-enter-vertical {
  overflow: hidden;
  animation: mdw-expand-y var(--mdw-collapse-dur) var(--mdw-collapse-ease) var(--mdw-collapse-delay) both;
}
.mdw-collapse-enter-vertical .content {
  overflow: hidden;
}
.mdw-collapse-enter-horizontal {
  overflow: hidden;
  animation: mdw-expand-x var(--mdw-collapse-dur) var(--mdw-collapse-ease) var(--mdw-collapse-delay) both;
}
.mdw-collapse-enter-horizontal .content {
  overflow: hidden;
}
.mdw-collapse-leave-vertical {
  overflow: hidden;
  animation: mdw-collapse-y var(--mdw-collapse-dur) var(--mdw-collapse-ease) 0s forwards;
}
.mdw-collapse-leave-vertical .content {
  overflow: hidden;
}
.mdw-collapse-leave-horizontal {
  overflow: hidden;
  animation: mdw-collapse-x var(--mdw-collapse-dur) var(--mdw-collapse-ease) 0s forwards;
}
.mdw-collapse-leave-horizontal .content {
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .mdw-collapsable {
    animation-duration: 0ms !important;
  }
}
:root {
  --mdw-slide-dur: 0.3s;
  --mdw-slide-ease: ease-in-out;
}
@keyframes slide-in {
  from {
    transform: translateX(var(--from-x));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-out {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--to-x));
  }
}
.mdw-slide {
  width: 100%;
  height: 100%;
  will-change: transform;
  animation-duration: var(--mdw-slide-dur);
  animation-timing-function: var(--mdw-slide-ease);
  animation-fill-mode: both;
}
.mdw-slide.enter-from-left,
.mdw-slide.enter-from-right {
  pointer-events: none;
}
.mdw-slide.enter-from-left,
.mdw-slide.enter-from-right,
.mdw-slide.leave-to-left,
.mdw-slide.leave-to-right {
  position: absolute;
}
.mdw-slide.enter-from-left {
  --from-x: -100%;
  animation-name: slide-in;
}
.mdw-slide.enter-from-right {
  --from-x: 100%;
  animation-name: slide-in;
}
.mdw-slide.leave-to-left {
  --to-x: -100%;
  animation-name: slide-out;
}
.mdw-slide.leave-to-right {
  --to-x: 100%;
  animation-name: slide-out;
}
@media (prefers-reduced-motion: reduce) {
  .mdw-slide {
    animation-duration: 0ms !important;
  }
}
menu {
  opacity: 1;
  transform: scale(1) translateY(0);
  transform-origin: center center;
}
menu.menu-enter {
  animation: mdw-menu-open 0.2s ease-in-out both;
}
menu.menu-leave {
  animation: mdw-menu-close 0.2s ease-in-out both;
}
menu.open-left {
  transform-origin: center right;
}
menu.open-right {
  transform-origin: center left;
}
menu.open-up {
  transform-origin: bottom center;
}
menu.open-down {
  transform-origin: top center;
}
menu.open-left-up {
  transform-origin: bottom right;
}
menu.open-left-down {
  transform-origin: top right;
}
menu.open-right-up {
  transform-origin: bottom left;
}
menu.open-right-down {
  transform-origin: top left;
}
@keyframes mdw-menu-open {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mdw-menu-close {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}

/* apps/meadow-docs/src/styles.scss */
code {
  font-family: "Fira Code", monospace;
  font-weight: 600;
  color: var(--color-text-secondary);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */