:root {
  --black: #000;
  --white: #fff;
  --transparent: #0000;
  --fullBlack: #000;
  --darkBlack: #000000de;
  --lightBlack: #0000008a;
  --minBlack: #00000042;
  --faintBlack: #0000001f;
  --fullWhite: #fff;
  --darkWhite: #ffffffde;
  --lightWhite: #ffffff8a;
  --minWhite: #ffffff42;
  --faintWhite: #ffffff1f;
  --grey300: #e0e0e0;
  --grey900: #212121;
  --gutter-width: 0rem;
  --outer-margin: 0rem;
  --gutter-compensation: calc((var(--gutter-width) * .5) * -1);
  --half-gutter-width: calc((var(--gutter-width) * .5));
  --xs-min: 30;
  --sm-min: 48;
  --md-min: 64;
  --lg-min: 75;
  --screen-xs-min: var(--xs-min) em;
  --screen-sm-min: var(--sm-min) em;
  --screen-md-min: var(--md-min) em;
  --screen-lg-min: var(--lg-min) em;
  --container-sm: calc(var(--sm-min)  + var(--gutter-width));
  --container-md: calc(var(--md-min)  + var(--gutter-width));
  --container-lg: calc(var(--lg-min)  + var(--gutter-width));
}

.react-page-editable {
  padding-right: 0;
  padding-right: var(--outer-margin, 2rem);
  padding-left: 0;
  padding-left: var(--outer-margin, 2rem);
  margin-left: auto;
  margin-right: auto;
}

.react-page-row {
  box-sizing: border-box;
  margin-right: 0;
  margin-right: var(--gutter-compensation, -.5rem);
  margin-left: 0;
  margin-left: var(--gutter-compensation, -.5rem);
  flex-flow: wrap;
  flex: 1;
  display: flex;
  position: relative;
}

.react-page-cell-xs, .react-page-cell-xs-1, .react-page-cell-xs-2, .react-page-cell-xs-3, .react-page-cell-xs-4, .react-page-cell-xs-5, .react-page-cell-xs-6, .react-page-cell-xs-7, .react-page-cell-xs-8, .react-page-cell-xs-9, .react-page-cell-xs-10, .react-page-cell-xs-11, .react-page-cell-xs-12, .react-page-cell-xs-offset-0, .react-page-cell-xs-offset-1, .react-page-cell-xs-offset-2, .react-page-cell-xs-offset-3, .react-page-cell-xs-offset-4, .react-page-cell-xs-offset-5, .react-page-cell-xs-offset-6, .react-page-cell-xs-offset-7, .react-page-cell-xs-offset-8, .react-page-cell-xs-offset-9, .react-page-cell-xs-offset-10, .react-page-cell-xs-offset-11, .react-page-cell-xs-offset-12 {
  box-sizing: border-box;
  padding-right: 0;
  padding-right: var(--half-gutter-width, .5rem);
  padding-left: 0;
  padding-left: var(--half-gutter-width, .5rem);
  flex: none;
  min-width: 0;
}

.react-page-cell-xs {
  flex-grow: 1;
  flex-basis: 0;
  width: 100%;
  min-width: 100%;
}

.react-page-cell-xs-1 {
  flex-basis: 8.33333%;
  width: 8.33333%;
}

.react-page-cell-xs-2 {
  flex-basis: 16.6667%;
  width: 16.6667%;
}

.react-page-cell-xs-3 {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
}

.react-page-cell-xs-4 {
  flex-basis: 33.3333%;
  width: 33.3333%;
}

.react-page-cell-xs-5 {
  flex-basis: 41.6667%;
  width: 41.6667%;
}

.react-page-cell-xs-6 {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
}

.react-page-cell-xs-7 {
  flex-basis: 58.3333%;
  width: 58.3333%;
}

.react-page-cell-xs-8 {
  flex-basis: 66.6667%;
  width: 66.6667%;
}

.react-page-cell-xs-9 {
  flex-basis: 75%;
  width: 75%;
  min-width: 75%;
}

.react-page-cell-xs-10 {
  flex-basis: 83.3333%;
  width: 83.3333%;
}

.react-page-cell-xs-11 {
  flex-basis: 91.6667%;
  width: 91.6667%;
}

.react-page-cell-xs-12 {
  flex-basis: 100%;
  width: 100%;
  min-width: 100%;
}

.react-page-cell-xs-offset-0 {
  margin-left: 0;
}

.react-page-cell-xs-offset-1 {
  margin-left: 8.33333%;
}

.react-page-cell-xs-offset-2 {
  margin-left: 16.6667%;
}

.react-page-cell-xs-offset-3 {
  margin-left: 25%;
}

.react-page-cell-xs-offset-4 {
  margin-left: 33.3333%;
}

.react-page-cell-xs-offset-5 {
  margin-left: 41.6667%;
}

.react-page-cell-xs-offset-6 {
  margin-left: 50%;
}

.react-page-cell-xs-offset-7 {
  margin-left: 58.3333%;
}

.react-page-cell-xs-offset-8 {
  margin-left: 66.6667%;
}

.react-page-cell-xs-offset-9 {
  margin-left: 75%;
}

.react-page-cell-xs-offset-10 {
  margin-left: 83.3333%;
}

.react-page-cell-xs-offset-11 {
  margin-left: 91.6667%;
}

[dir="ltr"] .start-xs {
  text-align: left;
}

[dir="rtl"] .start-xs {
  text-align: right;
}

.start-xs {
  justify-content: flex-start;
}

.center-xs {
  text-align: center;
  justify-content: center;
}

[dir="ltr"] .end-xs {
  text-align: right;
}

[dir="rtl"] .end-xs {
  text-align: left;
}

.end-xs {
  justify-content: flex-end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .react-page-cell-sm, .react-page-cell-sm-1, .react-page-cell-sm-2, .react-page-cell-sm-3, .react-page-cell-sm-4, .react-page-cell-sm-5, .react-page-cell-sm-6, .react-page-cell-sm-7, .react-page-cell-sm-8, .react-page-cell-sm-9, .react-page-cell-sm-10, .react-page-cell-sm-11, .react-page-cell-sm-12, .react-page-cell-sm-offset-0, .react-page-cell-sm-offset-1, .react-page-cell-sm-offset-2, .react-page-cell-sm-offset-3, .react-page-cell-sm-offset-4, .react-page-cell-sm-offset-5, .react-page-cell-sm-offset-6, .react-page-cell-sm-offset-7, .react-page-cell-sm-offset-8, .react-page-cell-sm-offset-9, .react-page-cell-sm-offset-10, .react-page-cell-sm-offset-11, .react-page-cell-sm-offset-12 {
    box-sizing: border-box;
    padding-right: 0;
    padding-right: var(--half-gutter-width, .5rem);
    padding-left: 0;
    padding-left: var(--half-gutter-width, .5rem);
    flex: none;
    min-width: 0;
  }

  .react-page-cell-sm {
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-sm-1 {
    flex-basis: 8.33333%;
    width: 8.33333%;
  }

  .react-page-cell-sm-2 {
    flex-basis: 16.6667%;
    width: 16.6667%;
  }

  .react-page-cell-sm-3 {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
  }

  .react-page-cell-sm-4 {
    flex-basis: 33.3333%;
    width: 33.3333%;
  }

  .react-page-cell-sm-5 {
    flex-basis: 41.6667%;
    width: 41.6667%;
  }

  .react-page-cell-sm-6 {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
  }

  .react-page-cell-sm-7 {
    flex-basis: 58.3333%;
    width: 58.3333%;
  }

  .react-page-cell-sm-8 {
    flex-basis: 66.6667%;
    width: 66.6667%;
  }

  .react-page-cell-sm-9 {
    flex-basis: 75%;
    width: 75%;
    min-width: 75%;
  }

  .react-page-cell-sm-10 {
    flex-basis: 83.3333%;
    width: 83.3333%;
  }

  .react-page-cell-sm-11 {
    flex-basis: 91.6667%;
    width: 91.6667%;
  }

  .react-page-cell-sm-12 {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-sm-offset-0 {
    margin-left: 0;
  }

  .react-page-cell-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .react-page-cell-sm-offset-2 {
    margin-left: 16.6667%;
  }

  .react-page-cell-sm-offset-3 {
    margin-left: 25%;
  }

  .react-page-cell-sm-offset-4 {
    margin-left: 33.3333%;
  }

  .react-page-cell-sm-offset-5 {
    margin-left: 41.6667%;
  }

  .react-page-cell-sm-offset-6 {
    margin-left: 50%;
  }

  .react-page-cell-sm-offset-7 {
    margin-left: 58.3333%;
  }

  .react-page-cell-sm-offset-8 {
    margin-left: 66.6667%;
  }

  .react-page-cell-sm-offset-9 {
    margin-left: 75%;
  }

  .react-page-cell-sm-offset-10 {
    margin-left: 83.3333%;
  }

  .react-page-cell-sm-offset-11 {
    margin-left: 91.6667%;
  }

  [dir="ltr"] .start-sm {
    text-align: left;
  }

  [dir="rtl"] .start-sm {
    text-align: right;
  }

  .start-sm {
    justify-content: flex-start;
  }

  .center-sm {
    text-align: center;
    justify-content: center;
  }

  [dir="ltr"] .end-sm {
    text-align: right;
  }

  [dir="rtl"] .end-sm {
    text-align: left;
  }

  .end-sm {
    justify-content: flex-end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}

@media only screen and (min-width: 64em) {
  .react-page-cell-md, .react-page-cell-md-1, .react-page-cell-md-2, .react-page-cell-md-3, .react-page-cell-md-4, .react-page-cell-md-5, .react-page-cell-md-6, .react-page-cell-md-7, .react-page-cell-md-8, .react-page-cell-md-9, .react-page-cell-md-10, .react-page-cell-md-11, .react-page-cell-md-12, .react-page-cell-md-offset-0, .react-page-cell-md-offset-1, .react-page-cell-md-offset-2, .react-page-cell-md-offset-3, .react-page-cell-md-offset-4, .react-page-cell-md-offset-5, .react-page-cell-md-offset-6, .react-page-cell-md-offset-7, .react-page-cell-md-offset-8, .react-page-cell-md-offset-9, .react-page-cell-md-offset-10, .react-page-cell-md-offset-11, .react-page-cell-md-offset-12 {
    box-sizing: border-box;
    padding-right: 0;
    padding-right: var(--half-gutter-width, .5rem);
    padding-left: 0;
    padding-left: var(--half-gutter-width, .5rem);
    flex: none;
    min-width: 0;
  }

  .react-page-cell-md {
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-md-1 {
    flex-basis: 8.33333%;
    width: 8.33333%;
  }

  .react-page-cell-md-2 {
    flex-basis: 16.6667%;
    width: 16.6667%;
  }

  .react-page-cell-md-3 {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
  }

  .react-page-cell-md-4 {
    flex-basis: 33.3333%;
    width: 33.3333%;
  }

  .react-page-cell-md-5 {
    flex-basis: 41.6667%;
    width: 41.6667%;
  }

  .react-page-cell-md-6 {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
  }

  .react-page-cell-md-7 {
    flex-basis: 58.3333%;
    width: 58.3333%;
  }

  .react-page-cell-md-8 {
    flex-basis: 66.6667%;
    width: 66.6667%;
  }

  .react-page-cell-md-9 {
    flex-basis: 75%;
    width: 75%;
    min-width: 75%;
  }

  .react-page-cell-md-10 {
    flex-basis: 83.3333%;
    width: 83.3333%;
  }

  .react-page-cell-md-11 {
    flex-basis: 91.6667%;
    width: 91.6667%;
  }

  .react-page-cell-md-12 {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-md-offset-0 {
    margin-left: 0;
  }

  .react-page-cell-md-offset-1 {
    margin-left: 8.33333%;
  }

  .react-page-cell-md-offset-2 {
    margin-left: 16.6667%;
  }

  .react-page-cell-md-offset-3 {
    margin-left: 25%;
  }

  .react-page-cell-md-offset-4 {
    margin-left: 33.3333%;
  }

  .react-page-cell-md-offset-5 {
    margin-left: 41.6667%;
  }

  .react-page-cell-md-offset-6 {
    margin-left: 50%;
  }

  .react-page-cell-md-offset-7 {
    margin-left: 58.3333%;
  }

  .react-page-cell-md-offset-8 {
    margin-left: 66.6667%;
  }

  .react-page-cell-md-offset-9 {
    margin-left: 75%;
  }

  .react-page-cell-md-offset-10 {
    margin-left: 83.3333%;
  }

  .react-page-cell-md-offset-11 {
    margin-left: 91.6667%;
  }

  [dir="ltr"] .start-md {
    text-align: left;
  }

  [dir="rtl"] .start-md {
    text-align: right;
  }

  .start-md {
    justify-content: flex-start;
  }

  .center-md {
    text-align: center;
    justify-content: center;
  }

  [dir="ltr"] .end-md {
    text-align: right;
  }

  [dir="rtl"] .end-md {
    text-align: left;
  }

  .end-md {
    justify-content: flex-end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .react-page-cell-lg, .react-page-cell-lg-1, .react-page-cell-lg-2, .react-page-cell-lg-3, .react-page-cell-lg-4, .react-page-cell-lg-5, .react-page-cell-lg-6, .react-page-cell-lg-7, .react-page-cell-lg-8, .react-page-cell-lg-9, .react-page-cell-lg-10, .react-page-cell-lg-11, .react-page-cell-lg-12, .react-page-cell-lg-offset-0, .react-page-cell-lg-offset-1, .react-page-cell-lg-offset-2, .react-page-cell-lg-offset-3, .react-page-cell-lg-offset-4, .react-page-cell-lg-offset-5, .react-page-cell-lg-offset-6, .react-page-cell-lg-offset-7, .react-page-cell-lg-offset-8, .react-page-cell-lg-offset-9, .react-page-cell-lg-offset-10, .react-page-cell-lg-offset-11, .react-page-cell-lg-offset-12 {
    box-sizing: border-box;
    padding-right: 0;
    padding-right: var(--half-gutter-width, .5rem);
    padding-left: 0;
    padding-left: var(--half-gutter-width, .5rem);
    flex: none;
    min-width: 0;
  }

  .react-page-cell-lg {
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-lg-1 {
    flex-basis: 8.33333%;
    width: 8.33333%;
  }

  .react-page-cell-lg-2 {
    flex-basis: 16.6667%;
    width: 16.6667%;
  }

  .react-page-cell-lg-3 {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
  }

  .react-page-cell-lg-4 {
    flex-basis: 33.3333%;
    width: 33.3333%;
  }

  .react-page-cell-lg-5 {
    flex-basis: 41.6667%;
    width: 41.6667%;
  }

  .react-page-cell-lg-6 {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
  }

  .react-page-cell-lg-7 {
    flex-basis: 58.3333%;
    width: 58.3333%;
  }

  .react-page-cell-lg-8 {
    flex-basis: 66.6667%;
    width: 66.6667%;
  }

  .react-page-cell-lg-9 {
    flex-basis: 75%;
    width: 75%;
    min-width: 75%;
  }

  .react-page-cell-lg-10 {
    flex-basis: 83.3333%;
    width: 83.3333%;
  }

  .react-page-cell-lg-11 {
    flex-basis: 91.6667%;
    width: 91.6667%;
  }

  .react-page-cell-lg-12 {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
  }

  .react-page-cell-lg-offset-0 {
    margin-left: 0;
  }

  .react-page-cell-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .react-page-cell-lg-offset-2 {
    margin-left: 16.6667%;
  }

  .react-page-cell-lg-offset-3 {
    margin-left: 25%;
  }

  .react-page-cell-lg-offset-4 {
    margin-left: 33.3333%;
  }

  .react-page-cell-lg-offset-5 {
    margin-left: 41.6667%;
  }

  .react-page-cell-lg-offset-6 {
    margin-left: 50%;
  }

  .react-page-cell-lg-offset-7 {
    margin-left: 58.3333%;
  }

  .react-page-cell-lg-offset-8 {
    margin-left: 66.6667%;
  }

  .react-page-cell-lg-offset-9 {
    margin-left: 75%;
  }

  .react-page-cell-lg-offset-10 {
    margin-left: 83.3333%;
  }

  .react-page-cell-lg-offset-11 {
    margin-left: 91.6667%;
  }

  [dir="ltr"] .start-lg {
    text-align: left;
  }

  [dir="rtl"] .start-lg {
    text-align: right;
  }

  .start-lg {
    justify-content: flex-start;
  }

  .center-lg {
    text-align: center;
    justify-content: center;
  }

  [dir="ltr"] .end-lg {
    text-align: right;
  }

  [dir="rtl"] .end-lg {
    text-align: left;
  }

  .end-lg {
    justify-content: flex-end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}

.react-page-row-has-floating-children {
  display: block !important;
}

.react-page-row-is-hovering-this:before {
  content: " ";
  background: #000000de;
  background: var(--darkBlack);
  z-index: 2;
  display: block;
  position: absolute;
}

.react-page-row-is-hovering-above:before {
  width: 100%;
  height: 4px;
  top: 0;
}

.react-page-row-is-hovering-below:before {
  width: 100%;
  height: 4px;
  bottom: 0;
}

.react-page-row-is-hovering-left-of:before {
  width: 4px;
  top: 0;
  bottom: 0;
  left: 0;
}

.react-page-row-is-hovering-right-of:before {
  width: 4px;
  top: 0;
  bottom: 0;
  right: 0;
}

@keyframes reactPageCellResizeableAnimate {
  0% {
    background-color: #ffffff42;
    background-color: var(--minWhite);
    top: 45%;
    bottom: 45%;
  }

  50% {
    background-color: #ffffff1f;
    background-color: var(--faintWhite);
    top: 0;
    bottom: 0;
  }

  100% {
    background-color: #ffffffde;
    background-color: var(--darkWhite);
    top: 45%;
    bottom: 45%;
  }
}

.react-page-row .resize-handle {
  z-index: 6;
  cursor: e-resize;
  background-color: #0000008a;
  background-color: var(--lightBlack);
  mix-blend-mode: difference;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2px;
}

.react-page-row .resize-handle:after {
  content: " ";
  background-color: #ffffffde;
  background-color: var(--darkWhite);
  mix-blend-mode: normal;
  transition: all .2s linear;
  animation-name: reactPageCellResizeableAnimate;
  animation-duration: .8s;
  animation-timing-function: ease;
  animation-iteration-count: 1;
  position: absolute;
  top: 40%;
  bottom: 40%;
  left: 0;
  right: 0;
}

.react-page-row .resize-handle:hover:after, .react-page-row .resize-handle:active:after {
  background-color: #fff;
  background-color: var(--fullWhite);
  top: 0;
  bottom: 0;
}

.react-page-editable {
  box-sizing: border-box;
  flex-direction: column;
  flex: 0 auto;
  align-items: stretch;
  width: 100%;
  min-height: 560px;
  display: flex;
  position: relative;
}

.react-page-editable .react-page-cell-insert-new {
  cursor: cell;
  z-index: 1;
  border: 1px solid #0000;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.react-page-editable .react-page-cell-insert-new-icon {
  background-color: #00000042;
  background-color: var(--minBlack);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.react-page-editable .react-page-cell-insert-new-icon svg {
  fill: #fff;
  height: 24px;
}

.react-page-editable .react-page-cell-insert-new:hover, .react-page-editable .react-page-cell-insert-new.hover {
  background: #00000042;
  background: var(--minBlack);
  border: 1px solid #ffffff8a;
  border: 1px solid var(--lightWhite);
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable {
  cursor: move;
  transition: opacity .2s;
  position: relative;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay {
  cursor: move;
  border: 1px solid #0000;
  transition: all .4s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle {
  cursor: move;
  background: #0000001f;
  background: var(--faintBlack);
  content: "";
  z-index: 500;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  right: 0;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell:hover > div > div > div > div > .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-edit .react-page-cell.react-page-cell-focused > div > div > div > div > .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell:hover > div > div > div > div > .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell.react-page-cell-focused > div > div > div > div > .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell:hover > div > div > div > div > .react-page-cell-draggable-overlay-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell.react-page-cell-focused > div > div > div > div > .react-page-cell-draggable-overlay-handle {
  opacity: 1;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before {
  top: -300%;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon {
  width: 70%;
  top: 50%;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after {
  top: 400%;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after {
  width: 100%;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon, .react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:before, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay-handle .react-page-cell-draggable-overlay-handle-icon:after {
  content: "";
  background: #fff;
  height: 2px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell:hover > div > div > div > .react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-resizing .react-page-cell:hover > div > div > div > .react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-layout .react-page-cell:hover > div > div > div > .react-page-cell-draggable-overlay {
  background: #0000001f;
  background: var(--faintBlack);
  border: 1px solid #ffffff8a;
  border: 1px solid var(--lightWhite);
  background-blend-mode: screen;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-overlay.react-page-cell-draggable-leaf, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-overlay.react-page-cell-draggable-leaf, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay.react-page-cell-draggable-leaf {
  z-index: 3;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-inline-left.react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-inline-right.react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-inline-left.react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-inline-right.react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-inline-left.react-page-cell-draggable-overlay, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-inline-right.react-page-cell-draggable-overlay {
  float: left;
  z-index: 4;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-draggable-is-dragging, .react-page-editable.react-page-editable-mode-edit .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable, .react-page-editable.react-page-editable-mode-edit .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable-in-edit, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-draggable-is-dragging, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable-in-edit, .react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-is-dragging, .react-page-editable.react-page-editable-mode-layout .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable, .react-page-editable.react-page-editable-mode-layout .react-page-cell-handle-is-dragging + div > .react-page-cell-droppable > .react-page-cell-draggable-in-edit {
  opacity: .4;
  outline: none;
}

.react-page-editable.react-page-editable-mode-layout .react-page-cell-draggable-overlay {
  border: 1px solid #0003;
}

.react-page-editable.react-page-editable-mode-layout .react-page-cell-move-actions {
  opacity: 0;
  transition: all .6s;
}

.react-page-editable.react-page-editable-mode-layout .react-page-cell:hover > .react-page-cell-move-actions {
  opacity: .9;
}

.react-page-cell-droppable-is-over-current:after {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: -100px;
}

.react-page-cell-droppable-is-over-current:before {
  content: " ";
  z-index: 1;
  background: #000000de;
  background: var(--darkBlack);
  display: block;
  position: absolute;
}

.react-page-cell-droppable-is-over-above:before, .react-page-cell-droppable-is-over-below:before {
  border-left: 0;
  border-right: 0;
}

.react-page-cell-droppable-is-over-left-of:before, .react-page-cell-droppable-is-over-right-of:before {
  border-top: 0;
  border-bottom: 0;
}

.react-page-cell-droppable-is-over-above:before {
  border-left: 0;
  border-right: 0;
  height: 4px;
  top: 0;
  left: 0;
  right: 0;
}

.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-above:before {
  height: 4px;
}

.react-page-cell-droppable-is-over-below:before {
  height: 4px;
  bottom: 0;
  left: 0;
  right: 0;
}

.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-below:before {
  height: 4px;
}

.react-page-cell-droppable-is-over-left-of:before {
  width: 4px;
  top: 0;
  bottom: 0;
  left: 0;
}

.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-left-of:before {
  width: 4px;
}

.react-page-cell-droppable-is-over-right-of:before {
  width: 4px;
  top: 0;
  bottom: 0;
  right: 0;
}

.react-page-cell-droppable-leaf.react-page-cell-droppable-is-over-right-of:before {
  width: 4px;
}

.react-page-cell-droppable-is-over-inline-right:before, .react-page-cell-droppable-is-over-inline-left:before {
  background-color: #e0e0e0;
  background-color: var(--grey300);
  border: 1px solid #00000042;
  border: 1px solid var(--minBlack);
  width: 50%;
  height: 36%;
  max-height: 128px;
  top: 0;
}

.react-page-cell-droppable-is-over-inline-left:before {
  left: 0;
}

.react-page-cell-droppable-is-over-inline-right:before {
  right: 0;
}

.react-page-cell-droppable-not-allowed {
  cursor: not-allowed;
}

.react-page-cell-error {
  background-color: red;
  margin: 2px;
  padding: 8px;
  overflow: hidden;
}

.react-page-cell-error strong {
  margin: 0 auto;
}

.react-page-cell-error code {
  overflow: scroll;
}

.react-page-editable .react-page-cell-handle {
  display: none;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell-handle {
  opacity: 0;
  color: #000000f7;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .15em;
  pointer-events: none;
  background: #fffffff2;
  border-radius: 12px 12px 0 0;
  margin: 0 auto;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 1.4;
  transition: opacity .4s;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)translateY(-100%);
  box-shadow: 0 -5px 5px #00000038;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-handle-drag-enabled, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-handle-drag-enabled, .react-page-editable.react-page-editable-mode-layout .react-page-cell-handle-drag-enabled {
  cursor: move;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell:hover > .react-page-cell-handle, .react-page-editable.react-page-editable-mode-edit .react-page-cell.react-page-cell-focused > .react-page-cell-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell:hover > .react-page-cell-handle, .react-page-editable.react-page-editable-mode-resizing .react-page-cell.react-page-cell-focused > .react-page-cell-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell:hover > .react-page-cell-handle, .react-page-editable.react-page-editable-mode-layout .react-page-cell.react-page-cell-focused > .react-page-cell-handle {
  opacity: 1;
  pointer-events: all;
}

.react-page-cell {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
}

.react-page-cell-inline-left {
  float: left;
}

.react-page-cell-inline-right {
  float: right;
}

.react-page-cell-has-inline-neighbour {
  float: none;
  width: 100%;
  display: block;
}

.react-page-cell .react-page-cell-inner {
  box-sizing: border-box;
  outline: none;
  height: 100%;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell, .react-page-editable.react-page-editable-mode-resizing .react-page-cell, .react-page-editable.react-page-editable-mode-layout .react-page-cell {
  transition: box-shadow .3s;
  position: relative;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-is-draft, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-is-draft, .react-page-editable.react-page-editable-mode-layout .react-page-cell-is-draft {
  opacity: .3;
  outline: 1px dashed #000;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell-bring-to-front, .react-page-editable.react-page-editable-mode-resizing .react-page-cell-bring-to-front, .react-page-editable.react-page-editable-mode-layout .react-page-cell-bring-to-front {
  z-index: 3;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell.react-page-cell-has-plugin:hover, .react-page-editable.react-page-editable-mode-resizing .react-page-cell.react-page-cell-has-plugin:hover, .react-page-editable.react-page-editable-mode-layout .react-page-cell.react-page-cell-has-plugin:hover {
  z-index: 2;
  opacity: 1;
  box-shadow: 0 0 10px #0006;
}

.react-page-editable.react-page-editable-mode-edit .react-page-cell.react-page-cell-focused.react-page-cell-focused, .react-page-editable.react-page-editable-mode-resizing .react-page-cell.react-page-cell-focused.react-page-cell-focused, .react-page-editable.react-page-editable-mode-layout .react-page-cell.react-page-cell-focused.react-page-cell-focused {
  z-index: 1;
  opacity: 1;
  box-shadow: 0 0 50px #0006;
}

.react-page-editable.react-page-editable-mode-insert .react-page-cell {
  cursor: cell;
}

.react-page-editable.react-page-editable-mode-insert .react-page-cell:hover {
  z-index: 1;
  opacity: 1;
  box-shadow: 0 0 50px #0006;
}

.react-page-controls-mode-toggle-button-inner {
  float: right;
  margin: 8px;
}

.react-page-controls-mode-toggle-button-description {
  float: right;
  color: #0000;
  text-align: right;
  white-space: nowrap;
  background: none;
  border: 1px solid #0000;
  margin-top: 18px;
  padding: 2px 8px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  transition: all .2s;
  display: none;
  overflow: hidden;
}

.react-page-controls-mode-toggle-button:hover .react-page-controls-mode-toggle-button-description {
  background: #000000de;
  background: var(--darkBlack);
  color: var(--white);
  max-width: 999px;
  border: 1px solid #0000001f;
  border: 1px solid var(--faintBlack);
  display: block;
}

.react-page-controls-mode-toggle-clearfix {
  clear: both;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  80% {
    opacity: 1;
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.react-page-controls-mode-toggle-control {
  z-index: 1;
  opacity: 0;
  animation: .8s forwards fadeIn;
}

.react-page-plugin-drawer-item {
  cursor: pointer;
  z-index: 1;
}

.react-page-plugin-drawer-item:hover {
  z-index: 2;
  box-shadow: 0 0 20px #ccc;
}

.react-page-controls-trash {
  z-index: 500;
  padding: 8px;
  transition: bottom .2s;
  position: fixed;
  bottom: -64px;
  left: 50%;
}

.react-page-controls-trash.react-page-controls-trash-active {
  bottom: 16px;
}

:root {
  --diff-background-color: initial;
  --diff-text-color: initial;
  --diff-font-family: Consolas, Courier, monospace;
  --diff-selection-background-color: #b3d7ff;
  --diff-selection-text-color: var(--diff-text-color);
  --diff-gutter-insert-background-color: #d6fedb;
  --diff-gutter-insert-text-color: var(--diff-text-color);
  --diff-gutter-delete-background-color: #fadde0;
  --diff-gutter-delete-text-color: var(--diff-text-color);
  --diff-gutter-selected-background-color: #fffce0;
  --diff-gutter-selected-text-color: var(--diff-text-color);
  --diff-code-insert-background-color: #eaffee;
  --diff-code-insert-text-color: var(--diff-text-color);
  --diff-code-delete-background-color: #fdeff0;
  --diff-code-delete-text-color: var(--diff-text-color);
  --diff-code-insert-edit-background-color: #c0dc91;
  --diff-code-insert-edit-text-color: var(--diff-text-color);
  --diff-code-delete-edit-background-color: #f39ea2;
  --diff-code-delete-edit-text-color: var(--diff-text-color);
  --diff-code-selected-background-color: #fffce0;
  --diff-code-selected-text-color: var(--diff-text-color);
  --diff-omit-gutter-line-color: #cb2a1d;
}

.diff {
  background-color: var(--diff-background-color);
  border-collapse: collapse;
  color: var(--diff-text-color);
  table-layout: fixed;
  width: 100%;
}

.diff::selection {
  background-color: #b3d7ff;
  background-color: var(--diff-selection-background-color);
  color: var(--diff-selection-text-color);
}

.diff td {
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
}

.diff-line {
  font-family: Consolas, Courier, monospace;
  font-family: var(--diff-font-family);
  line-height: 1.5;
}

.diff-gutter > a {
  color: inherit;
  display: block;
}

.diff-gutter {
  cursor: pointer;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
  padding: 0 1ch;
}

.diff-gutter-insert {
  background-color: #d6fedb;
  background-color: var(--diff-gutter-insert-background-color);
  color: var(--diff-gutter-insert-text-color);
}

.diff-gutter-delete {
  background-color: #fadde0;
  background-color: var(--diff-gutter-delete-background-color);
  color: var(--diff-gutter-delete-text-color);
}

.diff-gutter-omit {
  cursor: default;
}

.diff-gutter-selected {
  background-color: #fffce0;
  background-color: var(--diff-gutter-selected-background-color);
  color: var(--diff-gutter-selected-text-color);
}

.diff-code {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-all;
  padding: 0 0 0 .5em;
}

.diff-code-edit {
  color: inherit;
}

.diff-code-insert {
  background-color: #eaffee;
  background-color: var(--diff-code-insert-background-color);
  color: var(--diff-code-insert-text-color);
}

.diff-code-insert .diff-code-edit {
  background-color: #c0dc91;
  background-color: var(--diff-code-insert-edit-background-color);
  color: var(--diff-code-insert-edit-text-color);
}

.diff-code-delete {
  background-color: #fdeff0;
  background-color: var(--diff-code-delete-background-color);
  color: var(--diff-code-delete-text-color);
}

.diff-code-delete .diff-code-edit {
  background-color: #f39ea2;
  background-color: var(--diff-code-delete-edit-background-color);
  color: var(--diff-code-delete-edit-text-color);
}

.diff-code-selected {
  background-color: #fffce0;
  background-color: var(--diff-code-selected-background-color);
  color: var(--diff-code-selected-text-color);
}

.diff-widget-content {
  vertical-align: top;
}

.diff-gutter-col {
  width: 7ch;
}

.diff-gutter-omit {
  height: 0;
}

.diff-gutter-omit:before {
  background-color: #cb2a1d;
  background-color: var(--diff-omit-gutter-line-color);
  content: " ";
  white-space: pre;
  width: 2px;
  height: 100%;
  margin-left: 4.6ch;
  display: block;
  overflow: hidden;
}

.diff-decoration {
  -webkit-user-select: none;
  user-select: none;
  line-height: 1.5;
}

.diff-decoration-content {
  font-family: Consolas, Courier, monospace;
  font-family: var(--diff-font-family);
  padding: 0;
}

:root, .light, .light-theme {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --blue-1: #fbfdff;
      --blue-2: #f4faff;
      --blue-3: #e6f4fe;
      --blue-4: #d6eeff;
      --blue-5: #c4e5ff;
      --blue-6: #acd8fc;
      --blue-7: #8ec8f6;
      --blue-8: #5eb1ef;
      --blue-9: #0190ff;
      --blue-10: #0687f0;
      --blue-11: #0073d7;
      --blue-12: #113264;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --blue-1: color(display-p3 .986 .992 .999);
        --blue-2: color(display-p3 .96 .979 .998);
        --blue-3: color(display-p3 .912 .956 .991);
        --blue-4: color(display-p3 .853 .932 1);
        --blue-5: color(display-p3 .788 .894 .998);
        --blue-6: color(display-p3 .709 .843 .976);
        --blue-7: color(display-p3 .606 .777 .947);
        --blue-8: color(display-p3 .451 .688 .917);
        --blue-9: color(display-p3 .247 .556 .969);
        --blue-10: color(display-p3 .234 .523 .912);
        --blue-11: color(display-p3 .15 .44 .84);
        --blue-12: color(display-p3 .102 .193 .379);
      }
    }
  }
}

.dark, .dark-theme {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --blue-1: #0d1520;
      --blue-2: #111927;
      --blue-3: #0d2847;
      --blue-4: #00345c;
      --blue-5: #004073;
      --blue-6: #104d87;
      --blue-7: #205d9e;
      --blue-8: #2870bd;
      --blue-9: #0190ff;
      --blue-10: #3c9eff;
      --blue-11: #70b9ff;
      --blue-12: #c2e6ff;
    }

    @supports (color: color(display-p3 0 0 0)) {
      .dark, .dark-theme {
        --blue-1: color(display-p3 .057 .081 .122);
        --blue-2: color(display-p3 .072 .098 .147);
        --blue-3: color(display-p3 .078 .154 .27);
        --blue-4: color(display-p3 .033 .197 .37);
        --blue-5: color(display-p3 .08 .245 .441);
        --blue-6: color(display-p3 .14 .298 .511);
        --blue-7: color(display-p3 .195 .361 .6);
        --blue-8: color(display-p3 .239 .434 .72);
        --blue-9: color(display-p3 .247 .556 .969);
        --blue-10: color(display-p3 .344 .612 .973);
        --blue-11: color(display-p3 .49 .72 1);
        --blue-12: color(display-p3 .788 .898 .99);
      }
    }
  }
}

:root, .light, .light-theme {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-1: #fcfcfd;
      --slate-2: #f9f9fb;
      --slate-3: #f0f0f3;
      --slate-4: #e7e8ec;
      --slate-5: #e0e1e6;
      --slate-6: #d9d9e0;
      --slate-7: #cdced6;
      --slate-8: #b9bbc6;
      --slate-9: #8b8d98;
      --slate-10: #80838d;
      --slate-11: #60646c;
      --slate-12: #1c2024;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --slate-1: color(display-p3 .988 .988 .992);
        --slate-2: color(display-p3 .976 .976 .984);
        --slate-3: color(display-p3 .94 .941 .953);
        --slate-4: color(display-p3 .908 .909 .925);
        --slate-5: color(display-p3 .88 .881 .901);
        --slate-6: color(display-p3 .85 .852 .876);
        --slate-7: color(display-p3 .805 .808 .838);
        --slate-8: color(display-p3 .727 .733 .773);
        --slate-9: color(display-p3 .547 .553 .592);
        --slate-10: color(display-p3 .503 .512 .549);
        --slate-11: color(display-p3 .379 .392 .421);
        --slate-12: color(display-p3 .113 .125 .14);
      }
    }
  }
}

.dark, .dark-theme {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-1: #111113;
      --slate-2: #18191b;
      --slate-3: #212225;
      --slate-4: #272a2d;
      --slate-5: #2e3135;
      --slate-6: #363a3f;
      --slate-7: #43484e;
      --slate-8: #5a6169;
      --slate-9: #696e77;
      --slate-10: #777b84;
      --slate-11: #b0b4ba;
      --slate-12: #edeef0;
    }

    @supports (color: color(display-p3 0 0 0)) {
      .dark, .dark-theme {
        --slate-1: color(display-p3 .067 .067 .074);
        --slate-2: color(display-p3 .095 .098 .105);
        --slate-3: color(display-p3 .13 .135 .145);
        --slate-4: color(display-p3 .156 .163 .176);
        --slate-5: color(display-p3 .183 .191 .206);
        --slate-6: color(display-p3 .215 .226 .244);
        --slate-7: color(display-p3 .265 .28 .302);
        --slate-8: color(display-p3 .357 .381 .409);
        --slate-9: color(display-p3 .415 .431 .463);
        --slate-10: color(display-p3 .469 .483 .514);
        --slate-11: color(display-p3 .692 .704 .728);
        --slate-12: color(display-p3 .93 .933 .94);
      }
    }
  }
}

:root, .light, .light-theme {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --grass-1: #fbfefb;
      --grass-2: #f5fbf5;
      --grass-3: #e9f7e9;
      --grass-4: #daf0db;
      --grass-5: #c9e9ca;
      --grass-6: #b2deb5;
      --grass-7: #94ce9a;
      --grass-8: #65ba74;
      --grass-9: #46a758;
      --grass-10: #3e9a4f;
      --grass-11: #2a7e3b;
      --grass-12: #203c25;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --grass-1: color(display-p3 .986 .996 .985);
        --grass-2: color(display-p3 .966 .983 .964);
        --grass-3: color(display-p3 .923 .965 .917);
        --grass-4: color(display-p3 .872 .94 .865);
        --grass-5: color(display-p3 .811 .908 .802);
        --grass-6: color(display-p3 .733 .864 .724);
        --grass-7: color(display-p3 .628 .803 .622);
        --grass-8: color(display-p3 .477 .72 .482);
        --grass-9: color(display-p3 .38 .647 .378);
        --grass-10: color(display-p3 .344 .598 .342);
        --grass-11: color(display-p3 .263 .488 .261);
        --grass-12: color(display-p3 .151 .233 .153);
      }
    }
  }
}

:root, .light, .light-theme {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --cyan-1: #fafdfe;
      --cyan-2: #f2fafb;
      --cyan-3: #def7f9;
      --cyan-4: #caf1f6;
      --cyan-5: #b5e9f0;
      --cyan-6: #9ddee7;
      --cyan-7: #7dcedc;
      --cyan-8: #3db9ce;
      --cyan-9: #01a2c7;
      --cyan-10: #0797b9;
      --cyan-11: #007b9e;
      --cyan-12: #0d3c48;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --cyan-1: color(display-p3 .982 .992 .996);
        --cyan-2: color(display-p3 .955 .981 .984);
        --cyan-3: color(display-p3 .888 .965 .975);
        --cyan-4: color(display-p3 .821 .941 .959);
        --cyan-5: color(display-p3 .751 .907 .935);
        --cyan-6: color(display-p3 .671 .862 .9);
        --cyan-7: color(display-p3 .564 .8 .854);
        --cyan-8: color(display-p3 .388 .715 .798);
        --cyan-9: color(display-p3 .282 .627 .765);
        --cyan-10: color(display-p3 .264 .583 .71);
        --cyan-11: color(display-p3 .08 .48 .63);
        --cyan-12: color(display-p3 .108 .232 .277);
      }
    }
  }
}

:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: #fefdfb;
      --amber-2: #fefbe9;
      --amber-3: #fff7c2;
      --amber-4: #ffee9c;
      --amber-5: #fbe577;
      --amber-6: #f4d673;
      --amber-7: #e9c163;
      --amber-8: #e2a336;
      --amber-9: #ffc442;
      --amber-10: #ffba18;
      --amber-11: #a76600;
      --amber-12: #4f3422;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --amber-1: color(display-p3 .995 .992 .985);
        --amber-2: color(display-p3 .994 .986 .921);
        --amber-3: color(display-p3 .994 .969 .782);
        --amber-4: color(display-p3 .989 .937 .65);
        --amber-5: color(display-p3 .97 .902 .527);
        --amber-6: color(display-p3 .936 .844 .506);
        --amber-7: color(display-p3 .89 .762 .443);
        --amber-8: color(display-p3 .85 .65 .3);
        --amber-9: color(display-p3 1 .77 .26);
        --amber-10: color(display-p3 .959 .741 .274);
        --amber-11: color(display-p3 .64 .4 0);
        --amber-12: color(display-p3 .294 .208 .145);
      }
    }
  }
}

:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: #fffcfc;
      --red-2: #fff7f7;
      --red-3: #feebec;
      --red-4: #fdd;
      --red-5: #ffcecf;
      --red-6: #fdbdbe;
      --red-7: #f4a9aa;
      --red-8: #eb8e90;
      --red-9: #e5484d;
      --red-10: #dd3e42;
      --red-11: #ce2c31;
      --red-12: #641723;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, .light, .light-theme {
        --red-1: color(display-p3 .998 .989 .988);
        --red-2: color(display-p3 .995 .971 .971);
        --red-3: color(display-p3 .985 .925 .925);
        --red-4: color(display-p3 .999 .866 .866);
        --red-5: color(display-p3 .984 .812 .811);
        --red-6: color(display-p3 .955 .751 .749);
        --red-7: color(display-p3 .915 .675 .672);
        --red-8: color(display-p3 .872 .575 .572);
        --red-9: color(display-p3 .83 .329 .324);
        --red-10: color(display-p3 .798 .294 .285);
        --red-11: color(display-p3 .744 .234 .222);
        --red-12: color(display-p3 .36 .115 .143);
      }
    }
  }
}

.mdxeditor .cm-editor {
  --sp-font-mono: var(--font-mono);
  --sp-font-body: var(--font-body);
  padding: var(--sp-space-4) 0;
}

.mdxeditor .sp-editor .cm-editor {
  padding-bottom: 0;
}

.mdxeditor .cm-scroller {
  padding: 0 !important;
}

.mdxeditor .cm-focused {
  outline: none;
}

.mdxeditor .sp-wrapper {
  overflow: hidden;
}

.mdxeditor .sp-layout {
  border: none;
}

.mdxeditor .sp-cm pre {
  white-space: break-spaces;
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-shrink: 1;
}

.mdxeditor .cm-mergeView .cm-scroller, .mdxeditor .cm-sourceView .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.3rem;
  font-size: var(--text-xs);
}

.mdxeditor .cm-gutters {
  font-size: var(--text-xxs);
  background: none;
}

.mdxeditor .cm-activeLine {
  background: none;
}

.mdxeditor .cm-tooltip-autocomplete {
  background: var(--baseBgSubtle);
}

.mdxeditor hr.selected[data-lexical-decorator="true"] {
  outline: 2px solid highlight;
}

._editorRoot_uazmk_53 {
  --accentBase: var(--blue-1);
  --accentBgSubtle: var(--blue-2);
  --accentBg: var(--blue-3);
  --accentBgHover: var(--blue-4);
  --accentBgActive: var(--blue-5);
  --accentLine: var(--blue-6);
  --accentBorder: var(--blue-7);
  --accentBorderHover: var(--blue-8);
  --accentSolid: var(--blue-9);
  --accentSolidHover: var(--blue-10);
  --accentText: var(--blue-11);
  --accentTextContrast: var(--blue-12);
  --basePageBg: white;
  --baseBase: var(--slate-1);
  --baseBgSubtle: var(--slate-2);
  --baseBg: var(--slate-3);
  --baseBgHover: var(--slate-4);
  --baseBgActive: var(--slate-5);
  --baseLine: var(--slate-6);
  --baseBorder: var(--slate-7);
  --baseBorderHover: var(--slate-8);
  --baseSolid: var(--slate-9);
  --baseSolidHover: var(--slate-10);
  --baseText: var(--slate-11);
  --baseTextContrast: var(--slate-12);
  --admonitionTipBg: var(--cyan-4);
  --admonitionTipBorder: var(--cyan-8);
  --admonitionInfoBg: var(--grass-4);
  --admonitionInfoBorder: var(--grass-8);
  --admonitionCautionBg: var(--amber-4);
  --admonitionCautionBorder: var(--amber-8);
  --admonitionDangerBg: var(--red-4);
  --admonitionDangerBorder: var(--red-8);
  --admonitionNoteBg: var(--slate-4);
  --admonitionNoteBorder: var(--slate-8);
  --error-color: var(--red-10);
  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-0_5: .125rem;
  --spacing-1: .25rem;
  --spacing-1_5: .375rem;
  --spacing-2: .5rem;
  --spacing-2_5: .625rem;
  --spacing-3: .75rem;
  --spacing-3_5: .875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --radius-none: 0px;
  --radius-small: var(--spacing-0_5);
  --radius-base: var(--spacing-1);
  --radius-medium: var(--spacing-1_5);
  --radius-large: var(--spacing-2);
  --radius-extra-large: var(--spacing-3);
  --radius-full: 9999px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --text-base: 1rem;
  --text-sm: .875rem;
  --text-xs: .75rem;
  --text-xxs: .6rem;
  font-family: var(--font-body);
  color: var(--baseText);
}

._nestedListItem_uazmk_156 {
  list-style: none;
}

._toolbarRoot_uazmk_160 {
  z-index: 2;
  gap: var(--spacing-1);
  border-radius: var(--radius-medium);
  padding: var(--spacing-1_5);
  background-color: var(--baseBg);
  width: inherit;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

._toolbarRoot_uazmk_160 div[role="separator"] {
  margin: var(--spacing-2) var(--spacing-1);
  border-left: 1px solid var(--baseBorder);
  border-right: 1px solid var(--baseBase);
  height: var(--spacing-4);
}

._toolbarRoot_uazmk_160 svg {
  color: var(--baseTextContrast);
  display: block;
}

._readOnlyToolbarRoot_uazmk_187 {
  pointer-events: none;
  background: var(--baseBase);
}

._readOnlyToolbarRoot_uazmk_187 > div {
  opacity: .5;
}

._toolbarModeSwitch_uazmk_196 {
  border: 1px solid var(--baseBg);
  border-radius: var(--radius-medium);
  font-size: var(--text-xs);
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  display: flex;
  opacity: 1 !important;
}

._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206 {
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
}

._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:active, ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206[data-state="on"] {
  background-color: var(--baseBorder);
}

._toolbarGroupOfGroups_uazmk_217 {
  margin: 0 var(--spacing-1);
  display: flex;
}

._toolbarToggleSingleGroup_uazmk_222:first-of-type ._toolbarToggleItem_uazmk_206:only-child, ._toolbarToggleSingleGroup_uazmk_222:only-child ._toolbarToggleItem_uazmk_206:first-child, ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toolbarToggleSingleGroup_uazmk_222:last-of-type ._toolbarToggleItem_uazmk_206:only-child, ._toolbarToggleSingleGroup_uazmk_222:only-child ._toolbarToggleItem_uazmk_206:last-child, ._toolbarModeSwitch_uazmk_196 ._toolbarToggleItem_uazmk_206:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarToggleItem_uazmk_206, ._toolbarButton_uazmk_237 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-0_5);
}

@media (hover: hover) {
  ._toolbarToggleItem_uazmk_206:hover, ._toolbarButton_uazmk_237:hover {
    background-color: var(--baseBgActive);
  }
}

._toolbarToggleItem_uazmk_206:active svg, ._toolbarButton_uazmk_237:active svg {
  transform: translate(1px, 1px);
}

._toolbarToggleItem_uazmk_206[data-state="on"], ._toolbarButton_uazmk_237[data-state="on"], ._toolbarToggleItem_uazmk_206:active, ._toolbarButton_uazmk_237:active {
  color: var(--baseTextContrast);
  background-color: var(--baseBgActive);
}

._toolbarToggleItem_uazmk_206[data-disabled], ._toolbarButton_uazmk_237[data-disabled] {
  pointer-events: none;
}

._toolbarToggleItem_uazmk_206[data-disabled] svg, ._toolbarButton_uazmk_237[data-disabled] svg {
  color: var(--baseBorderHover);
}

._toolbarButton_uazmk_237 {
  border-radius: var(--radius-base);
}

._toolbarButton_uazmk_237 + ._toolbarButton_uazmk_237 {
  margin-left: var(--spacing-1);
}

._activeToolbarButton_uazmk_274 {
  color: var(--accentText);
}

._toolbarToggleSingleGroup_uazmk_222 {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

._toolbarNodeKindSelectContainer_uazmk_284, ._toolbarButtonDropdownContainer_uazmk_285, ._toolbarCodeBlockLanguageSelectContent_uazmk_286, ._selectContainer_uazmk_287 {
  filter: drop-shadow(0 2px 2px #0003);
  z-index: 3;
  width: var(--spacing-36);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
  background-color: var(--basePageBg);
  font-size: var(--text-sm);
}

._toolbarButtonDropdownContainer_uazmk_285, ._toolbarButtonDropdownContainer_uazmk_285 ._selectItem_uazmk_300:first-child {
  border-top-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectTrigger_uazmk_305, ._toolbarButtonSelectTrigger_uazmk_306, ._selectTrigger_uazmk_307 {
  color: inherit;
  width: var(--spacing-36);
  padding: var(--spacing-0_5) var(--spacing-1);
  border-radius: var(--radius-medium);
  white-space: nowrap;
  font-size: var(--text-sm);
  background-color: #0000;
  background-color: var(--basePageBg);
  margin: 0 var(--spacing-1);
  border: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding-inline-start: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectTrigger_uazmk_305[data-state="open"], ._toolbarButtonSelectTrigger_uazmk_306[data-state="open"], ._selectTrigger_uazmk_307[data-state="open"] {
  filter: drop-shadow(0 2px 2px #0003);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}

._selectTrigger_uazmk_307[data-placeholder] > span:first-child {
  color: var(--baseBorderHover);
}

._toolbarButtonSelectTrigger_uazmk_306 {
  width: auto;
  padding-inline-start: var(--spacing-2);
  padding-inline-end: var(--spacing-1);
  padding-block: var(--spacing-0_5);
}

._toolbarCodeBlockLanguageSelectTrigger_uazmk_342, ._toolbarCodeBlockLanguageSelectContent_uazmk_286 {
  width: var(--spacing-48);
}

._toolbarNodeKindSelectItem_uazmk_347, ._selectItem_uazmk_300 {
  cursor: default;
  padding: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], ._selectItem_uazmk_300[data-highlighted] {
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_uazmk_347[data-state="checked"], ._selectItem_uazmk_300[data-state="checked"] {
  color: var(--baseTextContrast);
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_uazmk_347[data-highlighted], ._selectItem_uazmk_300[data-highlighted] {
  outline: none;
}

._toolbarNodeKindSelectItem_uazmk_347:last-child, ._selectItem_uazmk_300:last-child {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectDropdownArrow_uazmk_372, ._selectDropdownArrow_uazmk_373 {
  align-items: center;
  margin-left: auto;
  display: flex;
}

._contentEditable_uazmk_379 {
  box-sizing: border-box;
  width: 100%;
  color: var(--baseTextContrast);
  padding: var(--spacing-3);
}

._contentEditable_uazmk_379:focus {
  outline: none;
}

._codeMirrorWrapper_uazmk_391 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  padding: .8rem;
  position: relative;
  overflow: hidden;
}

._sandPackWrapper_uazmk_400 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  position: relative;
  overflow: hidden;
}

._codeMirrorToolbar_uazmk_408 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._frontmatterWrapper_uazmk_412 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-3);
  background-color: var(--baseBgSubtle);
}

._frontmatterWrapper_uazmk_412[data-expanded="true"] {
  margin-bottom: var(--spacing-10);
}

._frontmatterToggleButton_uazmk_422 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  align-items: center;
  gap: var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._propertyPanelTitle_uazmk_430 {
  font-size: var(--text-xs);
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-2);
  margin: 0;
  font-weight: 400;
}

._propertyEditorTable_uazmk_438 {
  table-layout: fixed;
  border-spacing: var(--spacing-2);
}

._propertyEditorTable_uazmk_438 th {
  text-align: left;
  font-size: var(--text-sm);
  padding: var(--spacing-2) var(--spacing-3);
}

._propertyEditorTable_uazmk_438 col:first-child {
  width: 30%;
}

._propertyEditorTable_uazmk_438 col:nth-child(2) {
  width: 70%;
}

._propertyEditorTable_uazmk_438 td:last-child ._iconButton_uazmk_456 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

._propertyEditorTable_uazmk_438 ._readOnlyColumnCell_uazmk_461 {
  padding-left: 0;
}

._propertyEditorLabelCell_uazmk_466 {
  font-weight: 400;
}

._readOnlyColumnCell_uazmk_461 {
  padding-left: 0;
}

._buttonsFooter_uazmk_474 {
  justify-content: flex-end;
  gap: var(--spacing-2);
  display: flex;
}

._propertyEditorInput_uazmk_480 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  font-size: var(--text-sm);
}

._iconButton_uazmk_456 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseText);
}

@media (hover: hover) {
  ._iconButton_uazmk_456:hover {
    color: var(--baseTextContrast);
  }
}

._iconButton_uazmk_456:disabled, ._iconButton_uazmk_456:disabled:hover {
  color: var(--baseLine);
}

._primaryButton_uazmk_506, ._secondaryButton_uazmk_507 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--accentBorder);
  background-color: var(--accentSolidHover);
  color: var(--baseBase);
  font-size: var(--text-xs);
  border-radius: var(--radius-medium);
}

._primaryButton_uazmk_506:disabled, ._secondaryButton_uazmk_507:disabled {
  background: var(--accentLine);
  border-color: var(--accentBg);
}

._smallButton_uazmk_522 {
  font-size: var(--text-xs);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-base);
}

._secondaryButton_uazmk_507 {
  border: 1px solid var(--baseBorder);
  background-color: var(--baseSolidHover);
  color: var(--baseBase);
}

._dialogForm_uazmk_534 {
  gap: var(--spacing-2);
  flex-direction: row;
  display: flex;
}

._linkDialogEditForm_uazmk_540 {
  align-items: stretch;
  gap: var(--spacing-2);
  flex-direction: column;
  padding: 0;
  display: flex;
}

._linkDialogInputContainer_uazmk_548 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._linkDialogInputWrapper_uazmk_554 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._linkDialogInputWrapper_uazmk_554[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._linkDialogInputWrapper_uazmk_554 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._linkDialogInput_uazmk_548, ._dialogInput_uazmk_575 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._linkDialogInput_uazmk_548::-moz-placeholder {
  color: var(--baseBorder);
}

._dialogInput_uazmk_575::-moz-placeholder {
  color: var(--baseBorder);
}

._linkDialogInput_uazmk_548::placeholder, ._dialogInput_uazmk_575::placeholder {
  color: var(--baseBorder);
}

._linkDialogAnchor_uazmk_586 {
  z-index: -1;
  background-color: highlight;
  position: fixed;
}

._linkDialogAnchor_uazmk_586[data-visible="true"] {
  visibility: visible;
}

._linkDialogAnchor_uazmk_586[data-visible="false"] {
  visibility: hidden;
}

._linkDialogPopoverContent_uazmk_600, ._tableColumnEditorPopoverContent_uazmk_601, ._dialogContent_uazmk_602 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBg);
  background-color: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._largeDialogContent_uazmk_614 {
  filter: drop-shadow(0 2px 2px #0003);
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-4);
  font-size: var(--text-sm);
}

._dialogTitle_uazmk_624 {
  font-size: var(--text-base);
  padding-left: var(--spacing-2);
  font-weight: 600;
}

._dialogCloseButton_uazmk_630 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  position: absolute;
  top: 10px;
  right: 10px;
}

._popoverContent_uazmk_637 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-2) var(--spacing-2);
  font-size: var(--text-sm);
  z-index: 1;
  display: flex;
}

._popoverArrow_uazmk_649 {
  fill: var(--basePageBg);
}

._linkDialogPreviewAnchor_uazmk_653 {
  margin-right: var(--spacing-1);
  color: var(--accentText);
  border: 1px solid #0000;
  align-items: center;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) {
  ._linkDialogPreviewAnchor_uazmk_653:hover {
    color: var(--accentSolidHover);
  }
}

._linkDialogPreviewAnchor_uazmk_653 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14rem;
  overflow-x: hidden;
}

._tooltipTrigger_uazmk_676 {
  align-self: center;
}

._tooltipContent_uazmk_680 {
  z-index: 2;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1) var(--spacing-2);
  font-size: var(--text-xs);
  background-color: var(--baseText);
  color: var(--baseBase);
  position: relative;
}

._tooltipContent_uazmk_680 svg {
  fill: var(--baseText);
}

._actionButton_uazmk_694 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1) var(--spacing-1);
  border-radius: var(--radius-medium);
}

._actionButton_uazmk_694 svg {
  display: block;
}

@media (hover: hover) {
  ._actionButton_uazmk_694:hover {
    background-color: var(--baseBg);
  }
}

._actionButton_uazmk_694:active svg {
  transform: translate(1px, 1px);
}

._actionButton_uazmk_694[data-state="on"], ._actionButton_uazmk_694:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._primaryActionButton_uazmk_701 {
  background-color: var(--accentSolid);
  color: var(--baseBase);
}

@media (hover: hover) {
  ._primaryActionButton_uazmk_701:hover {
    background-color: var(--accentSolidHover);
    color: var(--baseBase);
  }
}

._tableEditor_uazmk_713 {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

._tableEditor_uazmk_713 thead > tr > th {
  text-align: right;
}

._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), ._tableEditor_uazmk_713 > tbody > tr > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"]) {
  border: 1px solid var(--baseBgActive);
  padding: var(--spacing-1) var(--spacing-2);
  white-space: normal;
}

:is(._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), ._tableEditor_uazmk_713 > tbody > tr > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"])) > div {
  outline: none;
}

:is(._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), ._tableEditor_uazmk_713 > tbody > tr > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"])) > div > p {
  margin: 0;
}

[data-active="true"]:is(._tableEditor_uazmk_713 > tbody > tr > td:not(._toolCell_uazmk_724), ._tableEditor_uazmk_713 > tbody > tr > th:not(._toolCell_uazmk_724):not([data-tool-cell="true"])) {
  outline: solid 1px var(--baseSolid);
}

._tableEditor_uazmk_713 ._tableColumnEditorTrigger_uazmk_743, ._tableEditor_uazmk_713 ._tableRowEditorTrigger_uazmk_744, ._tableEditor_uazmk_713 ._addRowButton_uazmk_745, ._tableEditor_uazmk_713 ._addColumnButton_uazmk_746, ._tableEditor_uazmk_713 ._iconButton_uazmk_456 {
  opacity: .15;
}

@media (hover: hover) {
  ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743, ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744, ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745, ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746, ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456 {
    opacity: .3;
  }

  ._tableEditor_uazmk_713:hover ._tableColumnEditorTrigger_uazmk_743:hover, ._tableEditor_uazmk_713:hover ._tableRowEditorTrigger_uazmk_744:hover, ._tableEditor_uazmk_713:hover ._addRowButton_uazmk_745:hover, ._tableEditor_uazmk_713:hover ._addColumnButton_uazmk_746:hover, ._tableEditor_uazmk_713:hover ._iconButton_uazmk_456:hover {
    opacity: 1;
  }
}

._toolCell_uazmk_724 {
  text-align: right;
}

._toolCell_uazmk_724 button {
  margin: auto;
  display: block;
}

._tableColumnEditorTrigger_uazmk_743 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1);
  border-radius: var(--radius-full);
  opacity: .2;
}

._tableColumnEditorTrigger_uazmk_743 svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorTrigger_uazmk_743:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorTrigger_uazmk_743:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorTrigger_uazmk_743[data-state="on"], ._tableColumnEditorTrigger_uazmk_743:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorTrigger_uazmk_743[data-active="true"] {
  opacity: 1 !important;
}

._tableColumnEditorToolbar_uazmk_789 {
  display: flex;
}

._tableColumnEditorToolbar_uazmk_789 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_uazmk_789 > button svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorToolbar_uazmk_789 > button:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorToolbar_uazmk_789 > button:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorToolbar_uazmk_789 > button[data-state="on"], ._tableColumnEditorToolbar_uazmk_789 > button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_uazmk_789 [role="separator"] {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

._toggleGroupRoot_uazmk_803 {
  display: inline-flex;
}

._toggleGroupRoot_uazmk_803 button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_uazmk_803 button svg {
  display: block;
}

@media (hover: hover) {
  ._toggleGroupRoot_uazmk_803 button:hover {
    background-color: var(--baseBg);
  }
}

._toggleGroupRoot_uazmk_803 button:active svg {
  transform: translate(1px, 1px);
}

._toggleGroupRoot_uazmk_803 button[data-state="on"], ._toggleGroupRoot_uazmk_803 button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_uazmk_803 button:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toggleGroupRoot_uazmk_803 button:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._tableToolsColumn_uazmk_821 {
  width: 2rem;
}

._tableToolsColumn_uazmk_821 button {
  margin: auto;
  display: block;
}

._leftAlignedCell_uazmk_830 {
  text-align: left;
}

._rightAlignedCell_uazmk_834 {
  text-align: right;
}

._centeredCell_uazmk_838 {
  text-align: center;
}

._addColumnButton_uazmk_746, ._addRowButton_uazmk_745 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  background-color: var(--baseBase);
  align-items: center;
  display: flex;
}

._addColumnButton_uazmk_746 svg, ._addRowButton_uazmk_745 svg {
  display: block;
}

@media (hover: hover) {
  ._addColumnButton_uazmk_746:hover, ._addRowButton_uazmk_745:hover {
    background-color: var(--baseBg);
  }
}

._addColumnButton_uazmk_746:active svg, ._addRowButton_uazmk_745:active svg {
  transform: translate(1px, 1px);
}

._addColumnButton_uazmk_746[data-state="on"], ._addRowButton_uazmk_745[data-state="on"], ._addColumnButton_uazmk_746:active, ._addRowButton_uazmk_745:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._addColumnButton_uazmk_746 svg, ._addRowButton_uazmk_745 svg {
  margin: auto;
}

._addRowButton_uazmk_745 {
  width: 100%;
  margin-top: var(--spacing-px);
  box-sizing: border-box;
  border-bottom-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
}

._addColumnButton_uazmk_746 {
  margin-left: var(--spacing-px);
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  height: 100%;
}

._dialogOverlay_uazmk_871 {
  background-color: var(--baseBase);
  z-index: 51;
  opacity: .5;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _overlayShow_uazmk_1;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

._dialogContent_uazmk_602, ._largeDialogContent_uazmk_614 {
  z-index: 52;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _contentShow_uazmk_1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._dialogContent_uazmk_602:focus, ._largeDialogContent_uazmk_614:focus {
  outline: none;
}

@keyframes _overlayShow_uazmk_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: .5;
  }
}

@keyframes _contentShow_uazmk_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

._focusedImage_uazmk_918 {
  outline: 2px solid highlight;
}

._imageWrapper_uazmk_922 {
  display: inline-block;
  position: relative;
}

._imageWrapper_uazmk_922[draggable="true"] {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

._editImageToolbar_uazmk_935 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._editImageButton_uazmk_939 svg {
  display: block;
}

._inlineEditor_uazmk_945 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-1);
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: inline-flex;
}

._blockEditor_uazmk_954 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-2);
  justify-content: stretch;
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: flex;
}

._blockEditor_uazmk_954 ._nestedEditor_uazmk_963 {
  flex-grow: 1;
}

._nestedEditor_uazmk_963 {
  background: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-medium);
}

._nestedEditor_uazmk_963 > p {
  margin: 0;
}

._nestedEditor_uazmk_963:focus {
  outline: none;
}

._genericComponentName_uazmk_982 {
  font-size: var(--text-sm);
  color: var(--baseText);
  padding-right: var(--spacing-2);
}

._diffSourceToggle_uazmk_988 {
  border-radius: var(--radius-medium);
  display: flex;
}

._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206 {
  padding: 0;
}

._diffSourceToggle_uazmk_988 ._toolbarToggleItem_uazmk_206 > span {
  padding: var(--spacing-1) var(--spacing-1);
  display: block;
}

._selectWithLabel_uazmk_1002 {
  align-items: center;
  gap: var(--spacing-2);
  margin-left: var(--spacing-2);
  display: flex;
}

._selectWithLabel_uazmk_1002 > label {
  font-size: var(--text-sm);
}

._selectWithLabel_uazmk_1002 ._selectTrigger_uazmk_307 {
  border: 1px solid var(--baseBorder);
}

._toolbarTitleMode_uazmk_1017 {
  font-size: var(--text-sm);
  margin-left: var(--spacing-2);
}

._imageControlWrapperResizing_uazmk_1023 {
  touch-action: none;
}

._imageResizer_uazmk_1027 {
  background-color: var(--accentText);
  border: 1px solid var(--baseBg);
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
}

._imageResizer_uazmk_1027._imageResizerN_uazmk_1036 {
  cursor: n-resize;
  top: -6px;
  left: 48%;
}

._imageResizer_uazmk_1027._imageResizerNe_uazmk_1042 {
  cursor: ne-resize;
  top: -6px;
  right: -6px;
}

._imageResizer_uazmk_1027._imageResizerE_uazmk_1048 {
  cursor: e-resize;
  bottom: 48%;
  right: -6px;
}

._imageResizer_uazmk_1027._imageResizerSe_uazmk_1054 {
  cursor: nwse-resize;
  bottom: -2px;
  right: -6px;
}

._imageResizer_uazmk_1027._imageResizerS_uazmk_1054 {
  cursor: s-resize;
  bottom: -2px;
  left: 48%;
}

._imageResizer_uazmk_1027._imageResizerSw_uazmk_1066 {
  cursor: sw-resize;
  bottom: -2px;
  left: -6px;
}

._imageResizer_uazmk_1027._imageResizerW_uazmk_1072 {
  cursor: w-resize;
  bottom: 48%;
  left: -6px;
}

._imageResizer_uazmk_1027._imageResizerNw_uazmk_1078 {
  cursor: nw-resize;
  top: -6px;
  left: -6px;
}

._placeholder_uazmk_1084 {
  color: var(--baseSolid);
  padding: var(--spacing-3);
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 0;
  overflow: hidden;
}

._rootContentEditableWrapper_uazmk_1097 {
  position: relative;
}

._downshiftContainer_uazmk_1103 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._downshiftInputWrapper_uazmk_1109 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._downshiftInputWrapper_uazmk_1109[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._downshiftInputWrapper_uazmk_1109 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._downshiftInput_uazmk_1109 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._downshiftInput_uazmk_1109::placeholder {
  color: var(--baseBorder);
}

._downshiftAutocompleteContainer_uazmk_1140 {
  position: relative;
}

._downshiftAutocompleteContainer_uazmk_1140 ul {
  all: unset;
  box-sizing: border-box;
  font-size: var(--text-sm);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  width: 100%;
  max-height: var(--spacing-48);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  border-top-width: 0;
  display: none;
  position: absolute;
  overflow: hidden auto;
}

._downshiftAutocompleteContainer_uazmk_1140 ul[data-visible="true"] {
  display: block;
}

._downshiftAutocompleteContainer_uazmk_1140 ul li {
  padding: var(--spacing-2) var(--spacing-3);
  white-space: nowrap;
  margin-bottom: var(--spacing-1);
  text-overflow: ellipsis;
  overflow-x: hidden;
}

._downshiftAutocompleteContainer_uazmk_1140 ul li[data-selected="true"] {
  background-color: var(--baseBgSubtle);
}

._downshiftAutocompleteContainer_uazmk_1140 ul li[data-highlighted="true"] {
  background-color: var(--baseBgHover);
}

._downshiftAutocompleteContainer_uazmk_1140 ul li:last-of-type {
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

._textInput_uazmk_1186 {
  all: unset;
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  padding: var(--spacing-2) var(--spacing-3);
}

form._multiFieldForm_uazmk_1194 {
  padding: var(--spacing-2);
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 {
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_uazmk_1194 ._formField_uazmk_1200 label {
  font-size: var(--text-xs);
}

._markdownParseError_uazmk_1211 {
  border-radius: var(--radius-base);
  border: 1px solid var(--error-color);
  padding: var(--spacing-2);
  margin-block: var(--spacing-2);
  color: var(--error-color);
  font-size: var(--text-xs);
}

._popupContainer_uazmk_1220 {
  z-index: 2;
  position: relative;
}

._inputSizer_uazmk_1225 {
  vertical-align: baseline;
  align-items: center;
  display: inline-grid;
  position: relative;
}

._inputSizer_uazmk_1225:after, ._inputSizer_uazmk_1225 input {
  width: auto;
  min-width: 1rem;
  font: inherit;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  background: none;
  border: none;
  grid-area: 1 / 2;
  margin: 0;
  padding: 0 2px;
}

._inputSizer_uazmk_1225 span {
  padding: .25em;
}

._inputSizer_uazmk_1225:after {
  content: attr(data-value);
  white-space: pre-wrap;
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --blue-1: #fbfdff;
      --blue-2: #f4faff;
      --blue-3: #e6f4fe;
      --blue-4: #d6eeff;
      --blue-5: #c4e5ff;
      --blue-6: #acd8fc;
      --blue-7: #8ec8f6;
      --blue-8: #5eb1ef;
      --blue-9: #0190ff;
      --blue-10: #0687f0;
      --blue-11: #0073d7;
      --blue-12: #113264;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --blue-1: color(display-p3 .986 .992 .999);
        --blue-2: color(display-p3 .96 .979 .998);
        --blue-3: color(display-p3 .912 .956 .991);
        --blue-4: color(display-p3 .853 .932 1);
        --blue-5: color(display-p3 .788 .894 .998);
        --blue-6: color(display-p3 .709 .843 .976);
        --blue-7: color(display-p3 .606 .777 .947);
        --blue-8: color(display-p3 .451 .688 .917);
        --blue-9: color(display-p3 .247 .556 .969);
        --blue-10: color(display-p3 .234 .523 .912);
        --blue-11: color(display-p3 .15 .44 .84);
        --blue-12: color(display-p3 .102 .193 .379);
      }
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --blue-1: #0d1520;
      --blue-2: #111927;
      --blue-3: #0d2847;
      --blue-4: #00345c;
      --blue-5: #004073;
      --blue-6: #104d87;
      --blue-7: #205d9e;
      --blue-8: #2870bd;
      --blue-9: #0190ff;
      --blue-10: #3c9eff;
      --blue-11: #70b9ff;
      --blue-12: #c2e6ff;
    }

    @supports (color: color(display-p3 0 0 0)) {
      ._dark_1tncs_1, ._dark-theme_1tncs_1 {
        --blue-1: color(display-p3 .057 .081 .122);
        --blue-2: color(display-p3 .072 .098 .147);
        --blue-3: color(display-p3 .078 .154 .27);
        --blue-4: color(display-p3 .033 .197 .37);
        --blue-5: color(display-p3 .08 .245 .441);
        --blue-6: color(display-p3 .14 .298 .511);
        --blue-7: color(display-p3 .195 .361 .6);
        --blue-8: color(display-p3 .239 .434 .72);
        --blue-9: color(display-p3 .247 .556 .969);
        --blue-10: color(display-p3 .344 .612 .973);
        --blue-11: color(display-p3 .49 .72 1);
        --blue-12: color(display-p3 .788 .898 .99);
      }
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --slate-1: #fcfcfd;
      --slate-2: #f9f9fb;
      --slate-3: #f0f0f3;
      --slate-4: #e7e8ec;
      --slate-5: #e0e1e6;
      --slate-6: #d9d9e0;
      --slate-7: #cdced6;
      --slate-8: #b9bbc6;
      --slate-9: #8b8d98;
      --slate-10: #80838d;
      --slate-11: #60646c;
      --slate-12: #1c2024;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --slate-1: color(display-p3 .988 .988 .992);
        --slate-2: color(display-p3 .976 .976 .984);
        --slate-3: color(display-p3 .94 .941 .953);
        --slate-4: color(display-p3 .908 .909 .925);
        --slate-5: color(display-p3 .88 .881 .901);
        --slate-6: color(display-p3 .85 .852 .876);
        --slate-7: color(display-p3 .805 .808 .838);
        --slate-8: color(display-p3 .727 .733 .773);
        --slate-9: color(display-p3 .547 .553 .592);
        --slate-10: color(display-p3 .503 .512 .549);
        --slate-11: color(display-p3 .379 .392 .421);
        --slate-12: color(display-p3 .113 .125 .14);
      }
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --slate-1: #111113;
      --slate-2: #18191b;
      --slate-3: #212225;
      --slate-4: #272a2d;
      --slate-5: #2e3135;
      --slate-6: #363a3f;
      --slate-7: #43484e;
      --slate-8: #5a6169;
      --slate-9: #696e77;
      --slate-10: #777b84;
      --slate-11: #b0b4ba;
      --slate-12: #edeef0;
    }

    @supports (color: color(display-p3 0 0 0)) {
      ._dark_1tncs_1, ._dark-theme_1tncs_1 {
        --slate-1: color(display-p3 .067 .067 .074);
        --slate-2: color(display-p3 .095 .098 .105);
        --slate-3: color(display-p3 .13 .135 .145);
        --slate-4: color(display-p3 .156 .163 .176);
        --slate-5: color(display-p3 .183 .191 .206);
        --slate-6: color(display-p3 .215 .226 .244);
        --slate-7: color(display-p3 .265 .28 .302);
        --slate-8: color(display-p3 .357 .381 .409);
        --slate-9: color(display-p3 .415 .431 .463);
        --slate-10: color(display-p3 .469 .483 .514);
        --slate-11: color(display-p3 .692 .704 .728);
        --slate-12: color(display-p3 .93 .933 .94);
      }
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --grass-1: #fbfefb;
      --grass-2: #f5fbf5;
      --grass-3: #e9f7e9;
      --grass-4: #daf0db;
      --grass-5: #c9e9ca;
      --grass-6: #b2deb5;
      --grass-7: #94ce9a;
      --grass-8: #65ba74;
      --grass-9: #46a758;
      --grass-10: #3e9a4f;
      --grass-11: #2a7e3b;
      --grass-12: #203c25;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --grass-1: color(display-p3 .986 .996 .985);
        --grass-2: color(display-p3 .966 .983 .964);
        --grass-3: color(display-p3 .923 .965 .917);
        --grass-4: color(display-p3 .872 .94 .865);
        --grass-5: color(display-p3 .811 .908 .802);
        --grass-6: color(display-p3 .733 .864 .724);
        --grass-7: color(display-p3 .628 .803 .622);
        --grass-8: color(display-p3 .477 .72 .482);
        --grass-9: color(display-p3 .38 .647 .378);
        --grass-10: color(display-p3 .344 .598 .342);
        --grass-11: color(display-p3 .263 .488 .261);
        --grass-12: color(display-p3 .151 .233 .153);
      }
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --cyan-1: #fafdfe;
      --cyan-2: #f2fafb;
      --cyan-3: #def7f9;
      --cyan-4: #caf1f6;
      --cyan-5: #b5e9f0;
      --cyan-6: #9ddee7;
      --cyan-7: #7dcedc;
      --cyan-8: #3db9ce;
      --cyan-9: #01a2c7;
      --cyan-10: #0797b9;
      --cyan-11: #007b9e;
      --cyan-12: #0d3c48;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --cyan-1: color(display-p3 .982 .992 .996);
        --cyan-2: color(display-p3 .955 .981 .984);
        --cyan-3: color(display-p3 .888 .965 .975);
        --cyan-4: color(display-p3 .821 .941 .959);
        --cyan-5: color(display-p3 .751 .907 .935);
        --cyan-6: color(display-p3 .671 .862 .9);
        --cyan-7: color(display-p3 .564 .8 .854);
        --cyan-8: color(display-p3 .388 .715 .798);
        --cyan-9: color(display-p3 .282 .627 .765);
        --cyan-10: color(display-p3 .264 .583 .71);
        --cyan-11: color(display-p3 .08 .48 .63);
        --cyan-12: color(display-p3 .108 .232 .277);
      }
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --amber-1: #fefdfb;
      --amber-2: #fefbe9;
      --amber-3: #fff7c2;
      --amber-4: #ffee9c;
      --amber-5: #fbe577;
      --amber-6: #f4d673;
      --amber-7: #e9c163;
      --amber-8: #e2a336;
      --amber-9: #ffc442;
      --amber-10: #ffba18;
      --amber-11: #a76600;
      --amber-12: #4f3422;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --amber-1: color(display-p3 .995 .992 .985);
        --amber-2: color(display-p3 .994 .986 .921);
        --amber-3: color(display-p3 .994 .969 .782);
        --amber-4: color(display-p3 .989 .937 .65);
        --amber-5: color(display-p3 .97 .902 .527);
        --amber-6: color(display-p3 .936 .844 .506);
        --amber-7: color(display-p3 .89 .762 .443);
        --amber-8: color(display-p3 .85 .65 .3);
        --amber-9: color(display-p3 1 .77 .26);
        --amber-10: color(display-p3 .959 .741 .274);
        --amber-11: color(display-p3 .64 .4 0);
        --amber-12: color(display-p3 .294 .208 .145);
      }
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --red-1: #fffcfc;
      --red-2: #fff7f7;
      --red-3: #feebec;
      --red-4: #fdd;
      --red-5: #ffcecf;
      --red-6: #fdbdbe;
      --red-7: #f4a9aa;
      --red-8: #eb8e90;
      --red-9: #e5484d;
      --red-10: #dd3e42;
      --red-11: #ce2c31;
      --red-12: #641723;
    }

    @supports (color: color(display-p3 0 0 0)) {
      :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
        --red-1: color(display-p3 .998 .989 .988);
        --red-2: color(display-p3 .995 .971 .971);
        --red-3: color(display-p3 .985 .925 .925);
        --red-4: color(display-p3 .999 .866 .866);
        --red-5: color(display-p3 .984 .812 .811);
        --red-6: color(display-p3 .955 .751 .749);
        --red-7: color(display-p3 .915 .675 .672);
        --red-8: color(display-p3 .872 .575 .572);
        --red-9: color(display-p3 .83 .329 .324);
        --red-10: color(display-p3 .798 .294 .285);
        --red-11: color(display-p3 .744 .234 .222);
        --red-12: color(display-p3 .36 .115 .143);
      }
    }
  }
}

._bold_1tncs_10 {
  font-weight: 700;
}

._italic_1tncs_14 {
  font-style: italic;
}

._underline_1tncs_18 {
  text-decoration: underline;
}

._strikethrough_1tncs_34 {
  text-decoration: line-through;
}

._underlineStrikethrough_1tncs_38 {
  text-decoration: underline line-through;
}

._subscript_1tncs_42 {
  font-size: .8em;
  vertical-align: sub !important;
}

._superscript_1tncs_47 {
  vertical-align: super;
  font-size: .8em;
}

._code_1tncs_52 {
  background-color: var(--baseBg);
  font-family: var(--font-mono);
  padding: 1px .25rem;
  font-size: 94%;
}

._nestedListItem_1tncs_59 {
  list-style: none;
}

._listitem_1tncs_69 {
  margin: var(--spacing-2) 0;
}

._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 {
  margin-left: 0;
  margin-right: 0;
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
  outline: none;
  margin-inline-start: -1rem;
  list-style-type: none;
  position: relative;
}

._listItemChecked_1tncs_73 {
  text-decoration: line-through;
}

._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before {
  content: "";
  width: var(--spacing-4);
  height: var(--spacing-4);
  cursor: pointer;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

._listItemUnchecked_1tncs_74[dir="rtl"]:before, ._listItemChecked_1tncs_73[dir="rtl"]:before {
  left: auto;
  right: 0;
}

._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before {
  box-shadow: 0 0 0 2px var(--accentBgActive);
  border-radius: var(--radius-small);
}

._listItemUnchecked_1tncs_74:before {
  border: 1px solid var(--baseBorder);
  border-radius: var(--radius-small);
}

._listItemChecked_1tncs_73:before {
  border: 1px solid var(--accentBorder);
  border-radius: var(--radius-small);
  background-color: var(--accentSolid);
  background-repeat: no-repeat;
}

._listItemChecked_1tncs_73:after {
  content: "";
  cursor: pointer;
  border-color: var(--baseBase);
  top: var(--spacing-0_5);
  width: var(--spacing-1);
  left: var(--spacing-1_5);
  right: var(--spacing-1_5);
  height: var(--spacing-2);
  border-style: solid;
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
  display: block;
  position: absolute;
  transform: rotate(45deg);
}

._nestedListItem_1tncs_59 {
  list-style-type: none;
}

._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
  display: none;
}

._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 {
  padding: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-left: 3px solid var(--admonitionBorder);
  background-color: var(--admonitionBg);
}

._admonitionInfo_1tncs_152 {
  --admonitionBorder: var(--admonitionInfoBorder);
  --admonitionBg: var(--admonitionInfoBg);
}

._admonitionTip_1tncs_154 {
  --admonitionBorder: var(--admonitionTipBorder);
  --admonitionBg: var(--admonitionTipBg);
}

._admonitionCaution_1tncs_155 {
  --admonitionBorder: var(--admonitionCautionBorder);
  --admonitionBg: var(--admonitionCautionBg);
}

._admonitionDanger_1tncs_151 {
  --admonitionBorder: var(--admonitionDangerBorder);
  --admonitionBg: var(--admonitionDangerBg);
}

._admonitionNote_1tncs_153 {
  --admonitionBorder: var(--admonitionNoteBorder);
  --admonitionBg: var(--admonitionNoteBg);
}

._mdxExpression_1tncs_188 {
  font-family: var(--font-mono);
  color: var(--accentText);
  font-size: 84%;
}

._mdxExpression_1tncs_188 input:focus-visible {
  outline: none;
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/font/material-icons.59322316.woff2) format("woff2"), url(/static/font/material-icons.4ad034d2.woff) format("woff");
}

.material-icons {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Outlined;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/font/material-icons-outlined.f86cb7b0.woff2) format("woff2"), url(/static/font/material-icons-outlined.78a93b20.woff) format("woff");
}

.material-icons-outlined {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Outlined;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Round;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/font/material-icons-round.b10ec9db.woff2) format("woff2"), url(/static/font/material-icons-round.92dc7ca2.woff) format("woff");
}

.material-icons-round {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Round;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Sharp;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/font/material-icons-sharp.3885863e.woff2) format("woff2"), url(/static/font/material-icons-sharp.a71cb2bf.woff) format("woff");
}

.material-icons-sharp {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Sharp;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}

@font-face {
  font-family: Material Icons Two Tone;
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/static/font/material-icons-two-tone.675bd578.woff2) format("woff2"), url(/static/font/material-icons-two-tone.588d6313.woff) format("woff");
}

.material-icons-two-tone {
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
  direction: ltr;
  font-family: Material Icons Two Tone;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
}