:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: .8;
  --PhoneInputInternationalIconGlobe-opacity: .65;
  --PhoneInputCountrySelect-marginRight: .35em;
  --PhoneInputCountrySelectArrow-width: .3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: .45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: #00000080;
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: #0000001a;
}

.PhoneInput {
  align-items: center;
  display: flex;
}

.PhoneInputInput {
  flex: 1;
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
  height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  width: 100%;
  height: 100%;
  display: block;
}

.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

.PhoneInputCountry {
  margin-right: var(--PhoneInputCountrySelect-marginRight);
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.PhoneInputCountrySelect {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.PhoneInputCountrySelect[disabled], .PhoneInputCountrySelect[readonly] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  content: "";
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
  display: block;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

[data-re-bubble-menu] {
  align-items: center;
  gap: .125rem;
  display: flex;
}

[data-re-bubble-menu-group] {
  border: none;
  border-left: 1px solid var(--re-border);
  align-items: center;
  gap: .125rem;
  min-width: 0;
  margin: 0;
  padding: 0 .125rem;
  display: flex;
}

[data-re-bubble-menu-group]:last-child {
  padding-right: 0;
}

[data-re-bubble-menu-separator] {
  align-self: stretch;
  width: 1px;
  margin: .25rem 0;
}

[data-re-bubble-menu-item] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: .125rem 0;
  padding: .375rem;
  display: inline-flex;
}

[data-re-bubble-menu-item] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-node-selector] {
  position: relative;
}

[data-re-node-selector-trigger] {
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: .25rem;
  padding: .375rem .5rem;
  font-size: .8125rem;
  display: flex;
}

[data-re-node-selector-trigger] svg {
  opacity: .5;
  width: .75rem;
  height: .75rem;
}

[data-re-node-selector-content] {
  flex-direction: column;
  min-width: 10rem;
  display: flex;
}

[data-re-node-selector-item] {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .375rem .5rem;
  font-size: .8125rem;
  display: flex;
}

[data-re-node-selector-item] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-link-selector] {
  display: flex;
  position: relative;
}

[data-re-link-selector-trigger] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: inline-flex;
}

[data-re-link-selector-trigger] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-link-selector-form] {
  align-items: center;
  gap: .25rem;
  width: max-content;
  min-width: 16rem;
  margin-top: .25rem;
  padding: .25rem;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
}

[data-re-link-selector-input] {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: .25rem;
  font-size: .8125rem;
}

[data-re-link-selector-apply], [data-re-link-selector-unlink] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

[data-re-link-selector-apply] svg, [data-re-link-selector-unlink] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-btn-bm-toolbar] {
  align-items: center;
  display: flex;
}

[data-re-btn-bm-item] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: inline-flex;
}

[data-re-btn-bm-item] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-btn-bm-form] {
  align-items: center;
  gap: .25rem;
  min-width: 16rem;
  padding: .25rem;
  display: flex;
}

[data-re-btn-bm-input] {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: .25rem;
  font-size: .8125rem;
}

[data-re-btn-bm-apply], [data-re-btn-bm-unlink] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

[data-re-btn-bm-apply] svg, [data-re-btn-bm-unlink] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-link-bm-toolbar] {
  align-items: center;
  display: flex;
}

[data-re-link-bm-item] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .375rem;
  display: inline-flex;
}

[data-re-link-bm-item] svg {
  width: .875rem;
  height: .875rem;
}

a[data-re-link-bm-item] {
  color: inherit;
  text-decoration: none;
}

[data-re-link-bm-form] {
  align-items: center;
  gap: .25rem;
  min-width: 16rem;
  padding: .25rem;
  display: flex;
}

[data-re-link-bm-input] {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: .25rem;
  font-size: .8125rem;
}

[data-re-link-bm-apply], [data-re-link-bm-unlink] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

[data-re-link-bm-apply] svg, [data-re-link-bm-unlink] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-img-bm-toolbar] {
  align-items: center;
  display: flex;
}

[data-re-img-bm-item] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  margin: .125rem 0;
  padding: .375rem;
  display: inline-flex;
}

[data-re-img-bm-item] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-img-bm-form] {
  align-items: center;
  gap: .25rem;
  min-width: 16rem;
  padding: .25rem;
  display: flex;
}

[data-re-img-bm-input] {
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: .25rem;
  font-size: .8125rem;
}

[data-re-img-bm-apply], [data-re-img-bm-unlink] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

[data-re-img-bm-apply] svg, [data-re-img-bm-unlink] svg {
  width: .875rem;
  height: .875rem;
}

[data-re-slash-command] {
  flex-direction: column;
  width: 256px;
  max-height: 330px;
  display: flex;
  overflow: hidden;
}

[data-re-slash-command-scroll] {
  flex: auto;
  min-height: 0;
  padding: .25rem;
  overflow-y: auto;
}

[data-re-slash-command-item] {
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: .375rem;
  align-items: center;
  gap: .5rem;
  width: 100%;
  padding: .375rem .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
  display: flex;
}

[data-re-slash-command-item] svg {
  flex-shrink: 0;
}

[data-re-slash-command-category] {
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: .5rem .5rem .25rem;
  font-size: .6875rem;
  font-weight: 600;
}

[data-re-slash-command-empty] {
  text-align: center;
  padding: .75rem .5rem;
  font-size: .875rem;
}

[data-re-inspector-field] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

[data-re-inspector-field] > label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  width: 40%;
  min-width: 0;
  font-size: .75rem;
  overflow: hidden;
}

[data-re-inspector-select], [data-re-inspector-number], [data-re-inspector-color-control] {
  border: 1px solid var(--re-border, #e5e5e5);
  border-radius: .25rem;
  outline: none;
  align-items: center;
  gap: .1rem;
  height: 1.6rem;
  padding: 0 .25rem;
  display: inline-flex;
}

[data-re-inspector-number]:focus-within, [data-re-inspector-color-control]:focus-within {
  border-color: var(--re-text-muted, #6b6b6b);
}

[data-re-inspector-unit], [data-re-inspector-color-trigger] {
  aspect-ratio: 1 / 2;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  width: 1rem;
  height: 1rem;
  margin-left: .2rem;
}

[data-re-inspector-color-trigger]::-webkit-color-swatch-wrapper {
  padding: 0;
}

[data-re-inspector-color-trigger]::-webkit-color-swatch {
  border-radius: inherit;
  border: none;
}

[data-re-inspector-color-trigger]::-moz-color-swatch {
  border-radius: inherit;
  border: none;
}

[data-re-inspector-input], [data-re-inspector-color-hex] {
  max-width: 3.5rem;
  color: inherit;
  outline: none;
  padding: .25rem .375rem;
  font-family: monospace;
  font-size: .75rem;
}

[data-re-inspector-number]:has( + [data-re-inspector-toggle-group]) [data-re-inspector-input] {
  max-width: 2.3rem;
}

[data-re-inspector-toggle-group] {
  border: 1px solid var(--re-border, #e5e5e5);
  border-radius: .25rem;
  display: inline-flex;
  overflow: hidden;
}

[data-re-inspector-toggle-item] {
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem .375rem;
  font-size: .75rem;
  display: inline-flex;
}

[data-re-inspector-toggle-item] + [data-re-inspector-toggle-item] {
  border-left: 1px solid var(--re-border, #e5e5e5);
}

[data-re-inspector-toggle-item][data-active] {
  background: var(--re-bg-active, #f0f0f0);
}

[data-re-inspector-tooltip] {
  display: inline-flex;
  position: relative;
}

[data-re-inspector-tooltip-content] {
  background: var(--re-tooltip-bg, #1a1a1a);
  color: var(--re-tooltip-text, #fff);
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
  border-radius: .25rem;
  margin-bottom: .25rem;
  padding: .25rem .5rem;
  font-size: .6875rem;
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

[data-re-inspector-tooltip]:hover [data-re-inspector-tooltip-content] {
  display: block;
}

[data-re-inspector-button] {
  border: 1px solid var(--re-border, #e5e5e5);
  color: inherit;
  cursor: pointer;
  background: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  display: inline-flex;
}

[data-re-inspector-button]:hover {
  background: var(--re-bg-hover, #f5f5f5);
}

[data-re-inspector-icon-button] {
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: inline-flex;
}

[data-re-inspector-icon-button]:hover {
  background: var(--re-bg-hover, #f5f5f5);
}

[data-re-inspector-label] {
  color: var(--re-text-muted, #6b6b6b);
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 4rem;
  font-size: .75rem;
}

[data-re-inspector-text][data-color="muted"] {
  color: var(--re-text-muted, #6b6b6b);
}

[data-re-inspector-prop-row] {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  width: 100%;
  font-size: .75rem;
  display: flex;
}

[data-re-inspector-section] {
  border-bottom: 1px solid var(--re-border, #e5e5e5);
  flex-direction: column;
  gap: .5rem;
  padding: 1rem 0;
  display: flex;
}

[data-re-inspector-section]:last-child {
  border-bottom: none;
}

[data-re-inspector-section-header] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

[data-re-inspector-section-toggle] {
  cursor: pointer;
  color: inherit;
  font: inherit;
  background: none;
  border: none;
  padding: 0;
  font-size: .75rem;
  font-weight: 600;
}

[data-re-inspector-section-body] {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

[data-re-inspector-breadcrumb-list] {
  align-items: center;
  gap: .25rem;
  margin: 0;
  padding: 0;
  font-size: .75rem;
  list-style: none;
  display: flex;
}

[data-re-inspector-breadcrumb-item] {
  align-items: center;
  gap: .25rem;
  display: flex;
}

[data-re-inspector-breadcrumb-separator] {
  color: var(--re-text-muted, #6b6b6b);
}

[data-re-inspector-breadcrumb-button] {
  color: var(--re-text, #1c1c1c);
  font: inherit;
  cursor: default;
  background: none;
  border: none;
  padding: 0;
  font-size: .75rem;
}

[data-re-inspector-breadcrumb-button][data-clickable] {
  cursor: pointer;
}

[data-re-inspector-breadcrumb-button][data-clickable]:hover {
  text-decoration: underline;
}

[data-re-inspector-breadcrumb-ellipsis] {
  color: var(--re-text-muted, #6b6b6b);
  font-size: .75rem;
}

:root {
  --re-bg: #fff;
  --re-border: #e5e5e5;
  --re-text: #1c1c1c;
  --re-text-muted: #6b6b6b;
  --re-hover: #0000000a;
  --re-active: #0000000f;
  --re-pressed: #0000000f;
  --re-separator: #e5e5e5;
  --re-radius: .75rem;
  --re-radius-sm: calc(var(--re-radius)  - .125rem);
  --re-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --re-danger: #dc2626;
  --re-danger-hover: #dc26261a;
}

@media (prefers-color-scheme: dark) {
  :root {
    --re-bg: #1c1c1c;
    --re-bg-active: #2e2e2e;
    --re-border: #2e2e2e;
    --re-text: #ececec;
    --re-text-muted: #a0a0a0;
    --re-hover: #ffffff0f;
    --re-active: #ffffff17;
    --re-pressed: #ffffff17;
    --re-separator: #2e2e2e;
    --re-shadow: 0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;
    --re-danger: #f87171;
    --re-danger-hover: #f8717126;
  }
}

.dark {
  --re-bg: #1c1c1c;
  --re-bg-active: #2e2e2e;
  --re-border: #2e2e2e;
  --re-text: #ececec;
  --re-text-muted: #a0a0a0;
  --re-hover: #ffffff0f;
  --re-active: #ffffff17;
  --re-pressed: #ffffff17;
  --re-separator: #2e2e2e;
  --re-shadow: 0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;
  --re-danger: #f87171;
  --re-danger-hover: #f8717126;
}

[data-re-bubble-menu] {
  background: var(--re-bg);
  border: 1px solid var(--re-border);
  border-radius: var(--re-radius);
  box-shadow: var(--re-shadow);
  z-index: 50;
  padding: 0 .125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: .8125rem;
  line-height: 1;
}

[data-re-bubble-menu-item], [data-re-link-bm-item], [data-re-btn-bm-item], [data-re-img-bm-item] {
  color: var(--re-text-muted);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s, color .15s;
}

[data-re-bubble-menu-item]:hover, [data-re-link-bm-item]:hover, [data-re-btn-bm-item]:hover, [data-re-img-bm-item]:hover {
  background: var(--re-hover);
  color: var(--re-text);
}

[data-re-bubble-menu-item]:active, [data-re-link-bm-item]:active, [data-re-btn-bm-item]:active, [data-re-img-bm-item]:active {
  background: var(--re-active);
}

[data-re-bubble-menu-item][data-active], [data-re-bubble-menu-item][aria-pressed="true"] {
  background: var(--re-pressed);
  color: var(--re-text);
}

[data-re-bubble-menu-separator] {
  background: var(--re-separator);
}

[data-re-node-selector-trigger] {
  color: var(--re-text);
  border-radius: var(--re-radius-sm);
  font-weight: 500;
  transition: background-color .15s;
}

[data-re-node-selector-trigger]:hover {
  background: var(--re-hover);
}

[data-re-node-selector-trigger]:active {
  background: var(--re-active);
}

[data-re-node-selector-content] {
  background: var(--re-bg);
  border: 1px solid var(--re-border);
  border-radius: var(--re-radius);
  box-shadow: var(--re-shadow);
  z-index: 50;
  margin-top: .25rem;
  padding: .25rem;
}

[data-re-node-selector-item] {
  color: var(--re-text-muted);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s, color .15s;
}

[data-re-node-selector-item]:hover {
  background: var(--re-hover);
  color: var(--re-text);
}

[data-re-node-selector-item][data-active] {
  color: var(--re-text);
}

[data-re-link-selector-trigger] {
  color: var(--re-text-muted);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s, color .15s;
}

[data-re-link-selector-trigger]:hover {
  background: var(--re-hover);
  color: var(--re-text);
}

[data-re-link-selector-trigger][aria-pressed="true"] {
  background: var(--re-pressed);
}

[data-re-link-selector-form] {
  background: var(--re-bg);
  border: 1px solid var(--re-border);
  border-radius: var(--re-radius);
  box-shadow: var(--re-shadow);
  padding: .25rem;
}

[data-re-link-selector-input] {
  color: var(--re-text);
}

[data-re-link-selector-input]::placeholder {
  color: var(--re-text-muted);
}

[data-re-link-selector-apply] {
  color: var(--re-text);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-link-selector-apply]:hover {
  background: var(--re-hover);
}

[data-re-link-selector-unlink] {
  color: var(--re-danger);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-link-selector-unlink]:hover {
  background: var(--re-danger-hover);
}

[data-re-link-bm-form] {
  background: var(--re-bg);
  padding: .25rem;
}

[data-re-link-bm-input] {
  color: var(--re-text);
}

[data-re-link-bm-input]::placeholder {
  color: var(--re-text-muted);
}

[data-re-link-bm-apply] {
  color: var(--re-text);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-link-bm-apply]:hover {
  background: var(--re-hover);
}

[data-re-link-bm-unlink] {
  color: var(--re-danger);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-link-bm-unlink]:hover {
  background: var(--re-danger-hover);
}

[data-re-btn-bm-form] {
  background: var(--re-bg);
  padding: .25rem;
}

[data-re-btn-bm-input] {
  color: var(--re-text);
}

[data-re-btn-bm-input]::placeholder {
  color: var(--re-text-muted);
}

[data-re-btn-bm-apply] {
  color: var(--re-text);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-btn-bm-apply]:hover {
  background: var(--re-hover);
}

[data-re-btn-bm-unlink] {
  color: var(--re-danger);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-btn-bm-unlink]:hover {
  background: var(--re-danger-hover);
}

[data-re-slash-command] {
  background: var(--re-bg);
  border: 1px solid var(--re-border);
  border-radius: var(--re-radius);
  box-shadow: var(--re-shadow);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

[data-re-slash-command-item] {
  color: var(--re-text);
  border-radius: var(--re-radius-sm);
  transition: background-color .15s;
}

[data-re-slash-command-item]:hover, [data-re-slash-command-item][data-selected] {
  background: var(--re-hover);
}

[data-re-slash-command-item]:active {
  background: var(--re-active);
}

[data-re-slash-command-item] svg, [data-re-slash-command-category], [data-re-slash-command-empty] {
  color: var(--re-text-muted);
}

.tiptap [alignment="left"] {
  text-align: left;
}

.tiptap [alignment="center"] {
  text-align: center;
}

.tiptap [alignment="right"] {
  text-align: right;
}

.tiptap [alignment="justify"] {
  text-align: justify;
}

.tiptap .node-columns {
  width: 100%;
  display: flex;
}

.tiptap .node-column {
  flex: 1;
  min-width: 0;
}

.tiptap {
  color: var(--re-text);
  outline: none;
}

.tiptap p {
  margin: .25em 0;
}

.tiptap h1, .tiptap h2, .tiptap h3 {
  margin: .5em 0 .25em;
  font-weight: 700;
}

.tiptap h1 {
  font-size: 2em;
}

.tiptap h2 {
  font-size: 1.5em;
}

.tiptap h3 {
  font-size: 1.17em;
}

.tiptap a:not(.node-button) {
  color: #2563eb;
  text-underline-offset: 2px;
  cursor: text;
  text-decoration: underline;
}

.tiptap .node-button {
  color: #fff;
  text-align: center;
  cursor: text;
  background-color: #000;
  border-radius: .375em;
  padding: .625em 1.25em;
  font-size: .875em;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.tiptap blockquote {
  border-left: 3px solid var(--re-border);
  color: var(--re-text-muted);
  margin: .5em 0;
  padding-left: 1em;
}

.tiptap hr {
  border: none;
  border-top: 1px solid var(--re-border);
  margin: 1em 0;
}

.tiptap code {
  background: var(--re-hover);
  border-radius: .25rem;
  padding: .125rem .375rem;
  font-size: .875em;
}

.tiptap pre {
  background: var(--re-hover);
  border-radius: var(--re-radius-sm);
  padding: .75rem 1rem;
  overflow-x: auto;
}

.tiptap pre code {
  background: none;
  border-radius: 0;
  padding: 0;
}

.tiptap ul {
  margin: .25em 0;
  padding-left: 1.5em;
  list-style-type: disc;
}

.tiptap ol {
  margin: .25em 0;
  padding-left: 1.5em;
  list-style-type: decimal;
}

.tiptap p.is-empty:before {
  opacity: .3;
  float: left;
  content: attr(data-placeholder);
  pointer-events: none;
  height: 0;
}

.tiptap .node-placeholder:before {
  color: var(--re-text-muted);
  content: attr(data-placeholder);
  float: left;
  pointer-events: none;
  height: 0;
}