/* [project]/src/components/rich-text.css [app-client] (css) */
.tiptap-content {
  font-size: .9rem;
  line-height: 1.55;
}

.tiptap-content > * + * {
  margin-top: .6rem;
}

.tiptap-content h2 {
  margin-top: 1.2rem;
  margin-bottom: .4rem;
  font-size: 1.15rem;
  font-weight: 600;
}

.tiptap-content h3 {
  margin-top: 1rem;
  margin-bottom: .3rem;
  font-size: 1rem;
  font-weight: 600;
}

.tiptap-content ul, .tiptap-content ol {
  margin: .25rem 0;
  padding-left: 1.25rem;
}

.tiptap-content ul {
  list-style: outside;
}

.tiptap-content ol {
  list-style: decimal;
}

.tiptap-content blockquote {
  border-left: 3px solid var(--border);
  color: var(--muted-foreground);
  margin: .5rem 0;
  padding-left: .75rem;
}

.tiptap-content a {
  color: var(--primary);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.tiptap-content {
  overflow-wrap: break-word;
}

.tiptap-content img, .tiptap-content video, .tiptap-content iframe {
  max-width: 100%;
  height: auto;
}

.tiptap-content pre {
  max-width: 100%;
  overflow-x: auto;
}

.tiptap-content table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

/* [project]/node_modules/leaflet/dist/leaflet.css [app-client] (css) */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
  position: absolute;
  top: 0;
  left: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-tile::selection {
  background: none;
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

.leaflet-safari .leaflet-tile-container {
  -webkit-transform-origin: 0 0;
  width: 1600px;
  height: 1600px;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile {
  width: auto;
  padding: 0;
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container img.leaflet-tile {
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: #33b5e566;
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  box-sizing: border-box;
  z-index: 800;
  width: 0;
  height: 0;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url("#default#VML");
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto;
  position: relative;
}

.leaflet-top, .leaflet-bottom {
  z-index: 1000;
  pointer-events: none;
  position: absolute;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
  -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
  transition: transform .25s cubic-bezier(0, 0, .25, 1);
}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane, .leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  pointer-events: auto;
}

.leaflet-container {
  outline-offset: 1px;
  background: #ddd;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-zoom-box {
  background: #ffffff80;
  border: 2px dotted #38f;
}

.leaflet-container {
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
}

.leaflet-bar {
  border-radius: 4px;
  box-shadow: 0 1px 5px #000000a6;
}

.leaflet-bar a {
  text-align: center;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover, .leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  color: #bbb;
  background-color: #f4f4f4;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  text-indent: 1px;
  font: bold 18px Lucida Console, Monaco, monospace;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

.leaflet-control-layers {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 5px #0006;
}

.leaflet-control-layers-toggle {
  background-image: url("../media/layers.1220hx8ja1.sy.png");
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url("../media/layers-2x.0olxl6i2vnf_c.png");
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  color: #333;
  background: #fff;
  padding: 6px 10px 6px 6px;
}

.leaflet-control-layers-scrollbar {
  padding-right: 5px;
  overflow: hidden scroll;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  font-size: 1.08333em;
  display: block;
}

.leaflet-control-layers-separator {
  border-top: 1px solid #ddd;
  height: 0;
  margin: 5px -10px 5px -6px;
}

.leaflet-default-icon-path {
  background-image: url("../media/marker-icon.0i9~u_difxrfa.png");
}

.leaflet-container .leaflet-control-attribution {
  background: #fffc;
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  color: #333;
  padding: 0 5px;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  width: 1em;
  height: .6669em;
  vertical-align: baseline !important;
  display: inline !important;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  white-space: nowrap;
  box-sizing: border-box;
  text-shadow: 1px 1px #fff;
  background: #fffc;
  border: 2px solid #777;
  border-top: none;
  padding: 2px 5px 1px;
  line-height: 1.1;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
  background-clip: padding-box;
  border: 2px solid #0003;
}

.leaflet-popup {
  text-align: center;
  margin-bottom: 20px;
  position: absolute;
}

.leaflet-popup-content-wrapper {
  text-align: left;
  border-radius: 12px;
  padding: 1px;
}

.leaflet-popup-content {
  min-height: 1px;
  margin: 13px 24px 13px 20px;
  font-size: 1.08333em;
  line-height: 1.3;
}

.leaflet-popup-content p {
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  pointer-events: none;
  width: 40px;
  height: 20px;
  margin-top: -1px;
  margin-left: -20px;
  position: absolute;
  left: 50%;
  overflow: hidden;
}

.leaflet-popup-tip {
  pointer-events: auto;
  width: 17px;
  height: 17px;
  margin: -10px auto 0;
  padding: 1px;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  color: #333;
  background: #fff;
  box-shadow: 0 3px 14px #0006;
}

.leaflet-container a.leaflet-popup-close-button {
  text-align: center;
  color: #757575;
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  font: 16px / 24px Tahoma, Verdana, sans-serif;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

.leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  width: 24px;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);
  margin: 0 auto;
}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.leaflet-tooltip {
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 6px;
  position: absolute;
  box-shadow: 0 1px 3px #0006;
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  pointer-events: none;
  content: "";
  background: none;
  border: 6px solid #0000;
  position: absolute;
}

.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
  margin-left: -6px;
  left: 50%;
}

.leaflet-tooltip-top:before {
  border-top-color: #fff;
  margin-bottom: -12px;
  bottom: 0;
}

.leaflet-tooltip-bottom:before {
  border-bottom-color: #fff;
  margin-top: -12px;
  margin-left: -6px;
  top: 0;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
  margin-top: -6px;
  top: 50%;
}

.leaflet-tooltip-left:before {
  border-left-color: #fff;
  margin-right: -12px;
  right: 0;
}

.leaflet-tooltip-right:before {
  border-right-color: #fff;
  margin-left: -12px;
  left: 0;
}

@media print {
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* [project]/src/components/tiptap-ui-primitive/tooltip/tooltip.scss.css [app-client] (css) */
.tiptap-tooltip {
  --tt-tooltip-bg: var(--tt-gray-light-900);
  --tt-tooltip-text: var(--white);
  --tt-kbd: var(--tt-gray-dark-a-400);
}

.dark .tiptap-tooltip {
  --tt-tooltip-bg: var(--white);
  --tt-tooltip-text: var(--tt-gray-light-600);
  --tt-kbd: var(--tt-gray-light-a-400);
}

.tiptap-tooltip {
  z-index: 50;
  border-radius: var(--tt-radius-md, .375rem);
  background-color: var(--tt-tooltip-bg);
  color: var(--tt-tooltip-text);
  text-align: center;
  padding: .375rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px #0000001a;
}

.tiptap-tooltip kbd {
  text-align: center;
  vertical-align: baseline;
  text-transform: capitalize;
  color: var(--tt-kbd);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
  display: inline-block;
}

/* [project]/src/components/tiptap-ui-primitive/button/button-colors.scss.css [app-client] (css) */
.tiptap-button {
  --tt-button-default-bg-color: var(--tt-gray-light-a-100);
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-bg-color: var(--tt-gray-light-a-200);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-gray-light-a-200);
  --tt-button-active-hover-bg-color: var(--tt-gray-light-300);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-light-a-300);
  --tt-button-disabled-bg-color: var(--tt-gray-light-a-50);
}

.dark .tiptap-button {
  --tt-button-default-bg-color: var(--tt-gray-dark-a-100);
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-bg-color: var(--tt-gray-dark-a-200);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-200);
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-300);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-50);
}

.tiptap-button {
  --tt-button-default-text-color: var(--tt-gray-light-a-600);
  --tt-button-hover-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button {
  --tt-button-default-icon-color: var(--tt-gray-light-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-500);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
}

.tiptap-button {
  --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-bg-color: var(--transparent);
  --tt-button-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-bg-color: var(--tt-gray-light-a-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-gray-light-a-100);
  --tt-button-active-hover-bg-color: var(--tt-gray-light-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-light-a-200);
  --tt-button-disabled-bg-color: var(--transparent);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-bg-color: var(--transparent);
  --tt-button-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-bg-color: var(--tt-gray-dark-a-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-gray-dark-a-100);
  --tt-button-active-hover-bg-color: var(--tt-gray-dark-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-gray-dark-a-200);
  --tt-button-disabled-bg-color: var(--transparent);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-text-color: var(--tt-gray-light-a-600);
  --tt-button-hover-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-text-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-color: var(--tt-gray-light-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-light-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-500);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-icon-color: var(--tt-gray-dark-a-900);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-300);
  --tt-button-active-icon-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-400);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-400);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="ghost"] {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="ghost"] {
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-hover-dropdown-arrows-color: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-bg-color: var(--tt-brand-color-500);
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
  --tt-button-active-bg-color: var(--tt-brand-color-100);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-100);
  --tt-button-active-bg-color-subdued: var(--tt-brand-color-100);
  --tt-button-active-hover-bg-color: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-200);
  --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-200);
  --tt-button-disabled-bg-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-bg-color: var(--tt-brand-color-500);
  --tt-button-hover-bg-color: var(--tt-brand-color-600);
  --tt-button-active-bg-color: var(--tt-brand-color-900);
  --tt-button-active-bg-color-emphasized: var(--tt-brand-color-900);
  --tt-button-active-bg-color-subdued: var(--tt-brand-color-900);
  --tt-button-active-hover-bg-color: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-emphasized: var(--tt-brand-color-800);
  --tt-button-active-hover-bg-color-subdued: var(--tt-brand-color-800);
  --tt-button-disabled-bg-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-text-color: var(--white);
  --tt-button-hover-text-color: var(--white);
  --tt-button-active-text-color: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-light-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-light-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-text-color: var(--white);
  --tt-button-hover-text-color: var(--white);
  --tt-button-active-text-color: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-emphasized: var(--tt-gray-dark-a-900);
  --tt-button-active-text-color-subdued: var(--tt-gray-dark-a-900);
  --tt-button-disabled-text-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-icon-color: var(--white);
  --tt-button-hover-icon-color: var(--white);
  --tt-button-active-icon-color: var(--tt-brand-color-600);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-600);
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-600);
  --tt-button-disabled-icon-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-icon-color: var(--white);
  --tt-button-hover-icon-color: var(--white);
  --tt-button-active-icon-color: var(--tt-brand-color-400);
  --tt-button-active-icon-color-emphasized: var(--tt-brand-color-400);
  --tt-button-active-icon-color-subdued: var(--tt-brand-color-400);
  --tt-button-disabled-icon-color: var(--tt-gray-dark-a-300);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-light-a-500);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-light-a-500);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-light-a-100);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-400);
  --tt-button-hover-icon-sub-color: var(--tt-gray-dark-a-500);
  --tt-button-active-icon-sub-color: var(--tt-gray-dark-a-300);
  --tt-button-active-icon-sub-color-emphasized: var(--tt-gray-dark-a-400);
  --tt-button-active-icon-sub-color-subdued: var(--tt-gray-dark-a-300);
  --tt-button-disabled-icon-sub-color: var(--tt-gray-dark-a-100);
}

.tiptap-button[data-style="primary"] {
  --tt-button-default-dropdown-arrows-color: var(--white);
  --tt-button-hover-dropdown-arrows-color: var(--white);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-light-a-700);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-light-a-700);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-light-a-400);
}

.dark .tiptap-button[data-style="primary"] {
  --tt-button-default-dropdown-arrows-color: var(--white);
  --tt-button-hover-dropdown-arrows-color: var(--white);
  --tt-button-active-dropdown-arrows-color: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-button-active-dropdown-arrows-color-subdued: var(--tt-gray-dark-a-600);
  --tt-button-disabled-dropdown-arrows-color: var(--tt-gray-dark-a-400);
}

/* [project]/src/components/tiptap-ui-primitive/button/button.scss.css [app-client] (css) */
.tiptap-button {
  font-feature-settings: "salt" on,"cv01" on;
  border-radius: var(--tt-radius-lg, .75rem);
  min-width: 2rem;
  height: 2rem;
  transition-property: background, color, opacity;
  transition-duration: var(--tt-transition-duration-default);
  transition-timing-function: var(--tt-transition-easing-default);
  border: none;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: .5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.15;
  display: flex;
}

.tiptap-button:focus-visible {
  outline: none;
}

.tiptap-button[data-highlighted="true"], .tiptap-button[data-focus-visible="true"] {
  background-color: var(--tt-button-hover-bg-color);
  color: var(--tt-button-hover-text-color);
}

.tiptap-button[data-weight="small"] {
  width: 1.5rem;
  min-width: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}

.tiptap-button[data-size="large"] {
  min-width: 2.375rem;
  height: 2.375rem;
  padding: .625rem;
  font-size: .9375rem;
}

.tiptap-button[data-size="small"] {
  border-radius: var(--tt-radius-md, .5rem);
  min-width: 1.5rem;
  height: 1.5rem;
  padding: .3125rem;
  font-size: .75rem;
  line-height: 1.2;
}

.tiptap-button .tiptap-button-text {
  text-align: left;
  flex-grow: 1;
  padding: 0 .125rem;
  line-height: 1.5rem;
}

.tiptap-button[data-text-trim="on"] .tiptap-button-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.tiptap-button .tiptap-button-icon, .tiptap-button .tiptap-button-icon-sub, .tiptap-button .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  flex-shrink: 0;
}

.tiptap-button .tiptap-button-icon {
  width: 1rem;
  height: 1rem;
}

.tiptap-button[data-size="large"] .tiptap-button-icon {
  width: 1.125rem;
  height: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-icon {
  width: .875rem;
  height: .875rem;
}

.tiptap-button .tiptap-button-icon-sub {
  width: 1rem;
  height: 1rem;
}

.tiptap-button[data-size="large"] .tiptap-button-icon-sub {
  width: 1.125rem;
  height: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-icon-sub {
  width: .875rem;
  height: .875rem;
}

.tiptap-button .tiptap-button-dropdown-arrows {
  width: .75rem;
  height: .75rem;
}

.tiptap-button[data-size="large"] .tiptap-button-dropdown-arrows {
  width: .875rem;
  height: .875rem;
}

.tiptap-button[data-size="small"] .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  width: .625rem;
  height: .625rem;
}

.tiptap-button[data-size="large"] .tiptap-button-dropdown-small {
  width: .75rem;
  height: .75rem;
}

.tiptap-button[data-size="small"] .tiptap-button-dropdown-small {
  width: .5rem;
  height: .5rem;
}

.tiptap-button:has( > svg):not(:has( > :not(svg))) {
  gap: .125rem;
}

:is(.tiptap-button:has( > svg):not(:has( > :not(svg)))[data-size="large"], .tiptap-button:has( > svg):not(:has( > :not(svg)))[data-size="small"]) {
  gap: .125rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text)) {
  gap: 0;
  padding-right: .25rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text))[data-size="large"] {
  padding-right: .375rem;
}

.tiptap-button:has( > svg:nth-of-type(2)):has( > .tiptap-button-dropdown-small):not(:has( > svg:nth-of-type(3))):not(:has( > .tiptap-button-text))[data-size="small"] {
  padding-right: .25rem;
}

.tiptap-button .tiptap-button-emoji {
  justify-content: center;
  width: 1rem;
  display: flex;
}

.tiptap-button[data-size="large"] .tiptap-button-emoji {
  width: 1.125rem;
}

.tiptap-button[data-size="small"] .tiptap-button-emoji {
  width: .875rem;
}

.tiptap-button {
  background-color: var(--tt-button-default-bg-color);
  color: var(--tt-button-default-text-color);
}

.tiptap-button .tiptap-button-icon {
  color: var(--tt-button-default-icon-color);
}

.tiptap-button .tiptap-button-icon-sub {
  color: var(--tt-button-default-icon-sub-color);
}

.tiptap-button .tiptap-button-dropdown-arrows, .tiptap-button .tiptap-button-dropdown-small {
  color: var(--tt-button-default-dropdown-arrows-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]), .tiptap-button[data-active-item="true"]:not([disabled]), .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) {
  background-color: var(--tt-button-hover-bg-color);
  color: var(--tt-button-hover-text-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-icon, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-icon, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-icon {
  color: var(--tt-button-hover-icon-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-icon-sub {
  color: var(--tt-button-hover-icon-sub-color);
}

.tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button:hover:not([data-active-item="true"]):not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-active-item="true"]:not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-dropdown-arrows, .tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted="false"]) .tiptap-button-dropdown-small {
  color: var(--tt-button-hover-dropdown-arrows-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]), .tiptap-button[data-state="open"]:not([disabled]) {
  background-color: var(--tt-button-active-bg-color);
  color: var(--tt-button-active-text-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-icon {
  color: var(--tt-button-active-icon-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled]) .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled]) .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color);
}

.tiptap-button[data-active-state="on"]:not([disabled]):hover, .tiptap-button[data-state="open"]:not([disabled]):hover {
  background-color: var(--tt-button-active-hover-bg-color);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"], .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] {
  background-color: var(--tt-button-active-bg-color-emphasized);
  color: var(--tt-button-active-text-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"] .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="emphasized"]:hover, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="emphasized"]:hover {
  background-color: var(--tt-button-active-hover-bg-color-emphasized);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"], .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] {
  background-color: var(--tt-button-active-bg-color-subdued);
  color: var(--tt-button-active-text-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon-sub, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-icon-sub {
  color: var(--tt-button-active-icon-sub-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-arrows, .tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-small, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-arrows, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"] .tiptap-button-dropdown-small {
  color: var(--tt-button-active-dropdown-arrows-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"]:hover, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"]:hover {
  background-color: var(--tt-button-active-hover-bg-color-subdued);
}

.tiptap-button[data-active-state="on"]:not([disabled])[data-appearance="subdued"]:hover .tiptap-button-icon, .tiptap-button[data-state="open"]:not([disabled])[data-appearance="subdued"]:hover .tiptap-button-icon {
  color: var(--tt-button-active-icon-color-subdued);
}

.tiptap-button:disabled {
  background-color: var(--tt-button-disabled-bg-color);
  color: var(--tt-button-disabled-text-color);
}

.tiptap-button:disabled .tiptap-button-icon {
  color: var(--tt-button-disabled-icon-color);
}

/* [project]/src/components/tiptap-ui-primitive/separator/separator.scss.css [app-client] (css) */
.tiptap-separator {
  --tt-link-border-color: var(--tt-gray-light-a-200);
}

.dark .tiptap-separator {
  --tt-link-border-color: var(--tt-gray-dark-a-200);
}

.tiptap-separator {
  background-color: var(--tt-link-border-color);
  flex-shrink: 0;
}

.tiptap-separator[data-orientation="horizontal"] {
  width: 100%;
  height: 1px;
  margin: .5rem 0;
}

.tiptap-separator[data-orientation="vertical"] {
  width: 1px;
  height: 1.5rem;
}

/* [project]/src/components/tiptap-ui-primitive/toolbar/toolbar.scss.css [app-client] (css) */
:root {
  --tt-toolbar-height: 2.75rem;
  --tt-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --tt-toolbar-bg-color: var(--white);
  --tt-toolbar-border-color: var(--tt-gray-light-a-100);
}

.dark {
  --tt-toolbar-bg-color: var(--black);
  --tt-toolbar-border-color: var(--tt-gray-dark-a-50);
}

.tiptap-toolbar {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-toolbar-group {
  align-items: center;
  gap: .125rem;
  display: flex;
}

.tiptap-toolbar-group:empty, .tiptap-toolbar-group:empty + .tiptap-separator, .tiptap-separator + .tiptap-toolbar-group:empty {
  display: none;
}

.tiptap-toolbar[data-variant="fixed"] {
  z-index: 50;
  width: 100%;
  min-height: var(--tt-toolbar-height);
  background: var(--tt-toolbar-bg-color);
  border-bottom: 1px solid var(--tt-toolbar-border-color);
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 .5rem;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

.tiptap-toolbar[data-variant="fixed"]::-webkit-scrollbar {
  display: none;
}

@media (max-width: 480px) {
  .tiptap-toolbar[data-variant="fixed"] {
    height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
    border-top: 1px solid var(--tt-toolbar-border-color);
    padding: 0 .5rem var(--tt-safe-area-bottom);
    border-bottom: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: absolute;
    top: auto;
  }

  .tiptap-toolbar[data-variant="fixed"] .tiptap-toolbar-group {
    flex: none;
  }
}

.tiptap-toolbar[data-variant="floating"] {
  --tt-toolbar-padding: .125rem;
  --tt-toolbar-border-width: 1px;
  border-radius: calc(var(--tt-toolbar-padding) + var(--tt-radius-lg) + var(--tt-toolbar-border-width));
  border: var(--tt-toolbar-border-width) solid var(--tt-toolbar-border-color);
  background-color: var(--tt-toolbar-bg-color);
  box-shadow: var(--tt-shadow-elevated-md);
  outline: none;
  padding: .188rem;
  overflow: hidden;
}

.tiptap-toolbar[data-variant="floating"][data-plain="true"] {
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 0;
  padding: 0;
}

@media screen and (max-width: 480px) {
  .tiptap-toolbar[data-variant="floating"] {
    width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0;
  }
}

/* [project]/src/components/tiptap-node/image-upload-node/image-upload-node.scss.css [app-client] (css) */
:root {
  --tiptap-image-upload-active: var(--tt-brand-color-500);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
  --tiptap-image-upload-text-color: var(--tt-gray-light-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border: var(--tt-gray-light-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-500);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
  --tiptap-image-upload-icon-color: var(--white);
}

.dark {
  --tiptap-image-upload-active: var(--tt-brand-color-400);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
  --tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border: var(--tt-gray-dark-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-400);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);
  --tiptap-image-upload-icon-color: var(--black);
}

.tiptap-image-upload {
  margin: 2rem 0;
}

.tiptap-image-upload input[type="file"] {
  display: none;
}

.tiptap-image-upload .tiptap-image-upload-dropzone {
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: flex-start;
  width: 3.125rem;
  height: 3.75rem;
  display: inline-flex;
  position: relative;
}

.tiptap-image-upload .tiptap-image-upload-icon-container {
  background-color: var(--tiptap-image-upload-icon-bg);
  border-radius: var(--tt-radius-lg, .75rem);
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tiptap-image-upload .tiptap-image-upload-icon {
  width: .875rem;
  height: .875rem;
  color: var(--tiptap-image-upload-icon-color);
}

.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary {
  color: var(--tiptap-image-upload-icon-doc-bg);
  position: absolute;
}

.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary {
  color: var(--tiptap-image-upload-icon-doc-border);
  position: absolute;
  top: 0;
  bottom: 0;
  right: .25rem;
}

.tiptap-image-upload .tiptap-image-upload-text {
  color: var(--tiptap-image-upload-text-color);
  font-size: .875rem;
  font-weight: 500;
  line-height: normal;
}

.tiptap-image-upload .tiptap-image-upload-text em {
  font-style: normal;
  text-decoration: underline;
}

.tiptap-image-upload .tiptap-image-upload-subtext {
  color: var(--tiptap-image-upload-subtext-color);
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

.tiptap-image-upload .tiptap-image-upload-drag-area {
  border: 1.5px dashed var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, .5rem);
  text-align: center;
  cursor: pointer;
  padding: 2rem 1.5rem;
  transition: all .2s;
  position: relative;
  overflow: hidden;
}

.tiptap-image-upload .tiptap-image-upload-drag-area:hover {
  border-color: var(--tiptap-image-upload-border-hover);
}

.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), .05);
}

.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), .1);
}

.tiptap-image-upload .tiptap-image-upload-content {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-previews {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-header {
  border-bottom: 1px solid var(--tiptap-image-upload-border);
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  padding: .5rem 0;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-header span {
  color: var(--tiptap-image-upload-text-color);
  font-size: .875rem;
  font-weight: 500;
}

.tiptap-image-upload .tiptap-image-upload-preview {
  border-radius: var(--tt-radius-md, .5rem);
  position: relative;
  overflow: hidden;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress {
  background-color: var(--tiptap-image-upload-progress-bg);
  transition: all .3s ease-out;
  position: absolute;
  inset: 0;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content {
  border: 1px solid var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, .5rem);
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info {
  align-items: center;
  gap: .75rem;
  height: 2rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon {
  background-color: var(--tiptap-image-upload-icon-bg);
  border-radius: var(--tt-radius-lg, .75rem);
  padding: .5rem;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg {
  width: .875rem;
  height: .875rem;
  color: var(--tiptap-image-upload-icon-color);
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details {
  flex-direction: column;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text {
  color: var(--tiptap-image-upload-border-active);
  font-size: .75rem;
  font-weight: 600;
}

.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area {
  border-color: var(--tiptap-image-upload-active);
}

@media (max-width: 480px) {
  .tiptap-image-upload .tiptap-image-upload-drag-area {
    padding: 1.5rem 1rem;
  }

  .tiptap-image-upload .tiptap-image-upload-header {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
  }

  .tiptap-image-upload .tiptap-image-upload-preview-content {
    padding: .75rem;
  }
}

/* [project]/src/components/tiptap-node/blockquote-node/blockquote-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --blockquote-bg-color: var(--tt-gray-light-900);
}

.dark .tiptap.ProseMirror {
  --blockquote-bg-color: var(--tt-gray-dark-900);
}

.tiptap.ProseMirror blockquote {
  margin: 1.5rem 0;
  padding-top: .375em;
  padding-bottom: .375em;
  padding-left: 1em;
  position: relative;
}

.tiptap.ProseMirror blockquote p {
  margin-top: 0;
}

.tiptap.ProseMirror blockquote:before, .tiptap.ProseMirror blockquote.is-empty:before {
  background-color: var(--blockquote-bg-color);
  content: "";
  border-radius: 0;
  width: .25em;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* [project]/src/components/tiptap-node/code-block-node/code-block-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
  --tt-inline-code-text-color: var(--tt-gray-light-a-700);
  --tt-inline-code-border-color: var(--tt-gray-light-a-200);
  --tt-codeblock-bg: var(--tt-gray-light-a-50);
  --tt-codeblock-text: var(--tt-gray-light-a-800);
  --tt-codeblock-border: var(--tt-gray-light-a-200);
}

.dark .tiptap.ProseMirror {
  --tt-inline-code-bg-color: var(--tt-gray-dark-a-100);
  --tt-inline-code-text-color: var(--tt-gray-dark-a-700);
  --tt-inline-code-border-color: var(--tt-gray-dark-a-200);
  --tt-codeblock-bg: var(--tt-gray-dark-a-50);
  --tt-codeblock-text: var(--tt-gray-dark-a-800);
  --tt-codeblock-border: var(--tt-gray-dark-a-200);
}

.tiptap.ProseMirror code {
  background-color: var(--tt-inline-code-bg-color);
  color: var(--tt-inline-code-text-color);
  border: 1px solid var(--tt-inline-code-border-color);
  border-radius: 6px / .375rem;
  padding: .1em .2em;
  font-family: JetBrains Mono NL, monospace;
  font-size: .875em;
  line-height: 1.4;
}

.tiptap.ProseMirror pre {
  background-color: var(--tt-codeblock-bg);
  color: var(--tt-codeblock-text);
  border: 1px solid var(--tt-codeblock-border);
  border-radius: 6px / .375rem;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 1em;
  font-size: 1rem;
}

.tiptap.ProseMirror pre code {
  -webkit-text-fill-color: inherit;
  color: inherit;
  background-color: #0000;
  border: none;
  border-radius: 0;
}

/* [project]/src/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --horizontal-rule-color: var(--tt-gray-light-a-200);
}

.dark .tiptap.ProseMirror {
  --horizontal-rule-color: var(--tt-gray-dark-a-200);
}

.tiptap.ProseMirror hr {
  background-color: var(--horizontal-rule-color);
  border: none;
  height: 1px;
}

.tiptap.ProseMirror [data-type="horizontalRule"] {
  margin-top: 2.25em;
  margin-bottom: 2.25em;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

/* [project]/src/components/tiptap-node/list-node/list-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-checklist-bg-color: var(--tt-gray-light-a-100);
  --tt-checklist-bg-active-color: var(--tt-gray-light-a-900);
  --tt-checklist-border-color: var(--tt-gray-light-a-200);
  --tt-checklist-border-active-color: var(--tt-gray-light-a-900);
  --tt-checklist-check-icon-color: var(--white);
  --tt-checklist-text-active: var(--tt-gray-light-a-500);
}

.dark .tiptap.ProseMirror {
  --tt-checklist-bg-color: var(--tt-gray-dark-a-100);
  --tt-checklist-bg-active-color: var(--tt-gray-dark-a-900);
  --tt-checklist-border-color: var(--tt-gray-dark-a-200);
  --tt-checklist-border-active-color: var(--tt-gray-dark-a-900);
  --tt-checklist-check-icon-color: var(--black);
  --tt-checklist-text-active: var(--tt-gray-dark-a-500);
}

.tiptap.ProseMirror ol, .tiptap.ProseMirror ul {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 1.5em;
}

.tiptap.ProseMirror ol:first-child, .tiptap.ProseMirror ul:first-child {
  margin-top: 0;
}

.tiptap.ProseMirror ol:last-child, .tiptap.ProseMirror ul:last-child {
  margin-bottom: 0;
}

.tiptap.ProseMirror ol ol, .tiptap.ProseMirror ol ul, .tiptap.ProseMirror ul ol, .tiptap.ProseMirror ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

.tiptap.ProseMirror li p {
  margin-top: 0;
  line-height: 1.6;
}

.tiptap.ProseMirror ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ol ol ol ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol ol ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol {
  list-style: decimal;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol ol {
  list-style: lower-alpha;
}

.tiptap.ProseMirror ol ol ol ol ol ol ol ol ol {
  list-style: lower-roman;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul {
  list-style: outside;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul ul {
  list-style: circle;
}

.tiptap.ProseMirror ul:not([data-type="taskList"]) ul ul ul ul ul ul ul ul {
  list-style: square;
}

.tiptap.ProseMirror ul[data-type="taskList"] {
  padding-left: .25em;
}

.tiptap.ProseMirror ul[data-type="taskList"] li {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.tiptap.ProseMirror ul[data-type="taskList"] li:not(:has( > p:first-child)) {
  list-style-type: none;
}

.tiptap.ProseMirror ul[data-type="taskList"] li[data-checked="true"] > div > p {
  opacity: .5;
  text-decoration: line-through;
}

.tiptap.ProseMirror ul[data-type="taskList"] li[data-checked="true"] > div > p span {
  text-decoration: line-through;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label {
  padding-top: .375rem;
  padding-right: .5rem;
  position: relative;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label span {
  border: 1px solid var(--tt-checklist-border-color);
  border-radius: var(--tt-radius-xs, .25rem);
  cursor: pointer;
  background-color: var(--tt-checklist-bg-color);
  width: 1em;
  height: 1em;
  transition: background-color 80ms ease-out, border-color 80ms ease-out;
  display: block;
  position: relative;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label span:before {
  content: "";
  background-color: var(--tt-checklist-check-icon-color);
  opacity: 0;
  width: .75em;
  height: .75em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"]:checked + span {
  background: var(--tt-checklist-bg-active-color);
  border-color: var(--tt-checklist-border-active-color);
}

.tiptap.ProseMirror ul[data-type="taskList"] li label input[type="checkbox"]:checked + span:before {
  opacity: 1;
}

.tiptap.ProseMirror ul[data-type="taskList"] li div {
  flex: 1;
  min-width: 0;
}

/* [project]/src/components/tiptap-node/image-node/image-node.scss.css [app-client] (css) */
.tiptap.ProseMirror img {
  max-width: 100%;
  height: auto;
  display: block;
}

.tiptap.ProseMirror p > img {
  display: inline-block;
}

.tiptap.ProseMirror > img:not([data-type="emoji"] img) {
  border-radius: var(--tt-radius-xs, .25rem);
  outline: .125rem solid #0000;
  margin: 2rem 0;
}

.tiptap.ProseMirror img:not([data-type="emoji"] img).ProseMirror-selectednode {
  outline-color: var(--tt-brand-color-500);
}

.tiptap.ProseMirror .tiptap-thread:has( > img) {
  margin: 2rem 0;
}

.tiptap.ProseMirror .tiptap-thread:has( > img) img {
  border-radius: var(--tt-radius-xs, .25rem);
  outline: .125rem solid #0000;
}

.tiptap.ProseMirror .tiptap-thread img {
  margin: 0;
}

/* [project]/src/components/tiptap-node/heading-node/heading-node.scss.css [app-client] (css) */
.tiptap.ProseMirror h1, .tiptap.ProseMirror h2, .tiptap.ProseMirror h3, .tiptap.ProseMirror h4 {
  color: inherit;
  font-style: inherit;
  position: relative;
}

.tiptap.ProseMirror > h1:first-child, .tiptap.ProseMirror > h2:first-child, .tiptap.ProseMirror > h3:first-child, .tiptap.ProseMirror > h4:first-child, .tiptap.ProseMirror > .ProseMirror-widget + h1, .tiptap.ProseMirror > .ProseMirror-widget + h2, .tiptap.ProseMirror > .ProseMirror-widget + h3, .tiptap.ProseMirror > .ProseMirror-widget + h4 {
  margin-top: 0;
}

.tiptap.ProseMirror h1 {
  margin-top: 3em;
  font-size: 1.5em;
  font-weight: 700;
}

.tiptap.ProseMirror h2 {
  margin-top: 2.5em;
  font-size: 1.25em;
  font-weight: 700;
}

.tiptap.ProseMirror h3 {
  margin-top: 2em;
  font-size: 1.125em;
  font-weight: 600;
}

.tiptap.ProseMirror h4 {
  margin-top: 2em;
  font-size: 1em;
  font-weight: 600;
}

/* [project]/src/components/tiptap-node/paragraph-node/paragraph-node.scss.css [app-client] (css) */
.tiptap.ProseMirror {
  --tt-collaboration-carets-label: var(--tt-gray-light-900);
  --link-text-color: var(--tt-brand-color-500);
  --thread-text: var(--tt-gray-light-900);
  --placeholder-color: var(--tt-gray-light-a-400);
  --thread-bg-color: var(--tt-color-yellow-inc-2);
  --tiptap-ai-insertion-color: var(--tt-brand-color-600);
}

.dark .tiptap.ProseMirror {
  --tt-collaboration-carets-label: var(--tt-gray-dark-100);
  --link-text-color: var(--tt-brand-color-400);
  --thread-text: var(--tt-gray-dark-900);
  --placeholder-color: var(--tt-gray-dark-a-400);
  --thread-bg-color: var(--tt-color-yellow-dec-2);
  --tiptap-ai-insertion-color: var(--tt-brand-color-400);
}

.tiptap.ProseMirror > * {
  position: relative;
}

.tiptap.ProseMirror {
  white-space: pre-wrap;
  caret-color: var(--tt-cursor-color);
  outline: none;
}

.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p) {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
}

.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection {
  background-color: var(--tt-selection-color);
}

.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection {
  background: none;
}

.tiptap.ProseMirror .selection {
  background-color: var(--tt-selection-color);
  display: inline;
}

.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer) {
  border-radius: var(--tt-radius-md);
  background-color: var(--tt-selection-color);
}

.tiptap.ProseMirror .ProseMirror-hideselection {
  caret-color: #0000;
}

.tiptap.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

.tiptap.ProseMirror a span {
  text-decoration: underline;
}

.tiptap.ProseMirror s span {
  text-decoration: line-through;
}

.tiptap.ProseMirror u span {
  text-decoration: underline;
}

.tiptap.ProseMirror .tiptap-ai-insertion {
  color: var(--tiptap-ai-insertion-color);
}

.tiptap.ProseMirror .collaboration-carets__caret {
  pointer-events: none;
  word-break: normal;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  margin-left: -1px;
  margin-right: -1px;
  position: relative;
}

.tiptap.ProseMirror .collaboration-carets__label {
  color: var(--tt-collaboration-carets-label);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: .25rem .25rem .25rem 0;
  padding: .125rem .375rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: -1.3em;
  left: -1px;
}

.tiptap.ProseMirror [data-type="emoji"] img {
  cursor: text;
  width: 1.25em;
  height: 1.25em;
  display: inline-block;
}

.tiptap.ProseMirror a {
  color: var(--link-text-color);
  text-decoration: underline;
}

.tiptap.ProseMirror [data-type="mention"] {
  color: var(--tt-brand-color-500);
  display: inline-block;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline {
  color: var(--thread-text);
  border-bottom: 2px dashed var(--tt-color-yellow-base);
  font-weight: 600;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected, .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered {
  background-color: var(--thread-bg-color);
  border-bottom-color: #0000;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img) {
  outline: .125rem solid var(--tt-color-yellow-base);
  border-radius: var(--tt-radius-xs, .25rem);
  width: fit-content;
  overflow: hidden;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--selected {
  outline-width: .25rem;
  outline-color: var(--tt-color-yellow-base);
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img).tiptap-thread--hovered {
  outline-width: .25rem;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)) {
  border-bottom: .125rem dashed var(--tt-color-yellow-base);
  border-top: .125rem dashed var(--tt-color-yellow-base);
  border-radius: .25rem;
  outline: .25rem solid #0000;
}

:is(.tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered, .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--selected) {
  background-color: var(--tt-color-yellow-base);
  outline-color: var(--tt-color-yellow-base);
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--resolved.tiptap-thread--inline.tiptap-thread--selected {
  background-color: var(--tt-color-yellow-base);
  opacity: .5;
  border-color: #0000;
}

.tiptap.ProseMirror .tiptap-thread.tiptap-thread--block:has(.react-renderer) {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.is-empty:not(.with-slash)[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  content: attr(data-placeholder);
}

.is-empty.with-slash[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  content: "Write, type '/' for commands…";
  font-style: italic;
}

.is-empty[data-placeholder]:has( > .ProseMirror-trailingBreak:only-child):before {
  pointer-events: none;
  width: 100%;
  height: 0;
  text-align: inherit;
  position: absolute;
  left: 0;
  right: 0;
}

.is-empty[data-placeholder]:has( > .ProseMirror-trailingBreak):before {
  color: var(--placeholder-color);
}

.prosemirror-dropcursor-block, .prosemirror-dropcursor-inline {
  cursor: grabbing;
  border-radius: .25rem;
  width: 100%;
  height: .188rem;
  margin-left: -1px;
  margin-right: -1px;
  background: var(--tt-brand-color-400) !important;
}

.tiptap.ProseMirror {
  --tt-indent-unit: 24px;
}

.tiptap.ProseMirror [data-indent] {
  margin-left: calc(var(--tt-indent-unit)*var(--tt-indent-level, 0));
  transition: margin-left .2s ease-in-out;
}

/* [project]/src/components/tiptap-ui-primitive/badge/badge-colors.scss.css [app-client] (css) */
.tiptap-badge {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-bg-color: var(--white);
  --tt-badge-bg-color-subdued: var(--white);
  --tt-badge-bg-color-emphasized: var(--white);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
}

.dark .tiptap-badge {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-badge-bg-color: var(--black);
  --tt-badge-bg-color-subdued: var(--black);
  --tt-badge-bg-color-emphasized: var(--black);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
}

.tiptap-badge[data-style="ghost"] {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
  --tt-badge-bg-color: var(--transparent);
  --tt-badge-bg-color-subdued: var(--transparent);
  --tt-badge-bg-color-emphasized: var(--transparent);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
}

.dark .tiptap-badge[data-style="ghost"] {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
  --tt-badge-bg-color: var(--transparent);
  --tt-badge-bg-color-subdued: var(--transparent);
  --tt-badge-bg-color-emphasized: var(--transparent);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
}

.tiptap-badge[data-style="gray"] {
  --tt-badge-border-color: var(--tt-gray-light-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);
  --tt-badge-text-color: var(--tt-gray-light-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-text-color-emphasized: var(--white);
  --tt-badge-bg-color: var(--tt-gray-light-a-100);
  --tt-badge-bg-color-subdued: var(--tt-gray-light-a-50);
  --tt-badge-bg-color-emphasized: var(--tt-gray-light-a-700);
  --tt-badge-icon-color: var(--tt-gray-light-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
  --tt-badge-icon-color-emphasized: var(--white);
}

.dark .tiptap-badge[data-style="gray"] {
  --tt-badge-border-color: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
  --tt-badge-text-color: var(--tt-gray-dark-a-500);
  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-text-color-emphasized: var(--black);
  --tt-badge-bg-color: var(--tt-gray-dark-a-100);
  --tt-badge-bg-color-subdued: var(--tt-gray-dark-a-50);
  --tt-badge-bg-color-emphasized: var(--tt-gray-dark-a-800);
  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
  --tt-badge-icon-color-emphasized: var(--black);
}

.tiptap-badge[data-style="green"] {
  --tt-badge-border-color: var(--tt-color-green-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-green-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);
  --tt-badge-text-color: var(--tt-color-green-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-green-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-green-inc-5);
  --tt-badge-bg-color: var(--tt-color-green-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-green-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-green-dec-1);
  --tt-badge-icon-color: var(--tt-color-green-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-green-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-green-inc-5);
}

.dark .tiptap-badge[data-style="green"] {
  --tt-badge-border-color: var(--tt-color-green-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-green-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-green-base);
  --tt-badge-text-color: var(--tt-color-green-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-green-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-green-dec-5);
  --tt-badge-bg-color: var(--tt-color-green-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-green-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-green-inc-1);
  --tt-badge-icon-color: var(--tt-color-green-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-green-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-green-dec-5);
}

.tiptap-badge[data-style="yellow"] {
  --tt-badge-border-color: var(--tt-color-yellow-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);
  --tt-badge-text-color: var(--tt-color-yellow-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-yellow-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
  --tt-badge-bg-color: var(--tt-color-yellow-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-yellow-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
  --tt-badge-icon-color: var(--tt-color-yellow-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-yellow-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
}

.dark .tiptap-badge[data-style="yellow"] {
  --tt-badge-border-color: var(--tt-color-yellow-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);
  --tt-badge-text-color: var(--tt-color-yellow-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-yellow-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
  --tt-badge-bg-color: var(--tt-color-yellow-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-yellow-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
  --tt-badge-icon-color: var(--tt-color-yellow-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-yellow-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
}

.tiptap-badge[data-style="red"] {
  --tt-badge-border-color: var(--tt-color-red-inc-2);
  --tt-badge-border-color-subdued: var(--tt-color-red-inc-3);
  --tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);
  --tt-badge-text-color: var(--tt-color-red-dec-3);
  --tt-badge-text-color-subdued: var(--tt-color-red-dec-2);
  --tt-badge-text-color-emphasized: var(--tt-color-red-inc-5);
  --tt-badge-bg-color: var(--tt-color-red-inc-4);
  --tt-badge-bg-color-subdued: var(--tt-color-red-inc-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-red-dec-1);
  --tt-badge-icon-color: var(--tt-color-red-dec-3);
  --tt-badge-icon-color-subdued: var(--tt-color-red-dec-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-red-inc-5);
}

.dark .tiptap-badge[data-style="red"] {
  --tt-badge-border-color: var(--tt-color-red-dec-2);
  --tt-badge-border-color-subdued: var(--tt-color-red-dec-3);
  --tt-badge-border-color-emphasized: var(--tt-color-red-base);
  --tt-badge-text-color: var(--tt-color-red-inc-3);
  --tt-badge-text-color-subdued: var(--tt-color-red-inc-2);
  --tt-badge-text-color-emphasized: var(--tt-color-red-dec-5);
  --tt-badge-bg-color: var(--tt-color-red-dec-4);
  --tt-badge-bg-color-subdued: var(--tt-color-red-dec-5);
  --tt-badge-bg-color-emphasized: var(--tt-color-red-inc-1);
  --tt-badge-icon-color: var(--tt-color-red-inc-3);
  --tt-badge-icon-color-subdued: var(--tt-color-red-inc-2);
  --tt-badge-icon-color-emphasized: var(--tt-color-red-dec-5);
}

.tiptap-badge[data-style="brand"] {
  --tt-badge-border-color: var(--tt-brand-color-300);
  --tt-badge-border-color-subdued: var(--tt-brand-color-200);
  --tt-badge-border-color-emphasized: var(--tt-brand-color-600);
  --tt-badge-text-color: var(--tt-brand-color-800);
  --tt-badge-text-color-subdued: var(--tt-brand-color-700);
  --tt-badge-text-color-emphasized: var(--tt-brand-color-50);
  --tt-badge-bg-color: var(--tt-brand-color-100);
  --tt-badge-bg-color-subdued: var(--tt-brand-color-50);
  --tt-badge-bg-color-emphasized: var(--tt-brand-color-600);
  --tt-badge-icon-color: var(--tt-brand-color-800);
  --tt-badge-icon-color-subdued: var(--tt-brand-color-700);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-100);
}

.dark .tiptap-badge[data-style="brand"] {
  --tt-badge-border-color: var(--tt-brand-color-700);
  --tt-badge-border-color-subdued: var(--tt-brand-color-800);
  --tt-badge-border-color-emphasized: var(--tt-brand-color-400);
  --tt-badge-text-color: var(--tt-brand-color-200);
  --tt-badge-text-color-subdued: var(--tt-brand-color-300);
  --tt-badge-text-color-emphasized: var(--tt-brand-color-950);
  --tt-badge-bg-color: var(--tt-brand-color-900);
  --tt-badge-bg-color-subdued: var(--tt-brand-color-950);
  --tt-badge-bg-color-emphasized: var(--tt-brand-color-400);
  --tt-badge-icon-color: var(--tt-brand-color-200);
  --tt-badge-icon-color-subdued: var(--tt-brand-color-300);
  --tt-badge-icon-color-emphasized: var(--tt-brand-color-900);
}

/* [project]/src/components/tiptap-ui-primitive/badge/badge-group.scss.css [app-client] (css) */
.tiptap-badge-group {
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.tiptap-badge-group [data-orientation="vertical"] {
  flex-direction: column;
}

.tiptap-badge-group [data-orientation="horizontal"] {
  flex-direction: row;
}

/* [project]/src/components/tiptap-ui-primitive/badge/badge.scss.css [app-client] (css) */
.tiptap-badge {
  font-feature-settings: "salt" on,"cv01" on;
  border-radius: var(--tt-radius-sm, .375rem);
  min-width: 1.25rem;
  height: 1.25rem;
  transition-property: background, color, opacity;
  transition-duration: var(--tt-transition-duration-default);
  transition-timing-function: var(--tt-transition-easing-default);
  border: 1px solid;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-size: .625rem;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.tiptap-badge[data-size="large"] {
  border-radius: var(--tt-radius-md, .375rem);
  min-width: 1.5rem;
  height: 1.5rem;
  padding: .375rem;
  font-size: .75rem;
}

.tiptap-badge[data-size="small"] {
  border-radius: var(--tt-radius-xs, .25rem);
  min-width: 1rem;
  height: 1rem;
  padding: .125rem;
}

.tiptap-badge .tiptap-badge-text {
  text-align: left;
  flex-grow: 1;
  padding: 0 .125rem;
}

.tiptap-badge[data-text-trim="on"] .tiptap-badge-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.tiptap-badge .tiptap-badge-icon {
  pointer-events: none;
  flex-shrink: 0;
  width: .625rem;
  height: .625rem;
}

.tiptap-badge[data-size="large"] .tiptap-badge-icon {
  width: .75rem;
  height: .75rem;
}

.tiptap-badge {
  background-color: var(--tt-badge-bg-color);
  border-color: var(--tt-badge-border-color);
  color: var(--tt-badge-text-color);
}

.tiptap-badge .tiptap-badge-icon {
  color: var(--tt-badge-icon-color);
}

.tiptap-badge[data-appearance="emphasized"] {
  background-color: var(--tt-badge-bg-color-emphasized);
  border-color: var(--tt-badge-border-color-emphasized);
  color: var(--tt-badge-text-color-emphasized);
}

.tiptap-badge[data-appearance="emphasized"] .tiptap-badge-icon {
  color: var(--tt-badge-icon-color-emphasized);
}

.tiptap-badge[data-appearance="subdued"] {
  background-color: var(--tt-badge-bg-color-subdued);
  border-color: var(--tt-badge-border-color-subdued);
  color: var(--tt-badge-text-color-subdued);
}

.tiptap-badge[data-appearance="subdued"] .tiptap-badge-icon {
  color: var(--tt-badge-icon-color-subdued);
}

/* [project]/src/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.scss.css [app-client] (css) */
:root {
  --tt-dropdown-menu-bg-color: var(--white);
  --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
  --tt-dropdown-menu-label-color: var(--tt-gray-light-a-800);
}

:root.dark, .dark {
  --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
  --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
  --tt-dropdown-menu-label-color: var(--tt-gray-dark-a-800);
}

.tiptap-dropdown-menu-content {
  --slide-x: 0px;
  --slide-y: 0px;
  --padding: .375rem;
  z-index: 50;
  min-width: 8rem;
  max-height: var(--radix-dropdown-menu-content-available-height);
  border-radius: calc(var(--padding) + var(--tt-radius-lg));
  background-color: var(--tt-dropdown-menu-bg-color);
  color: var(--tt-dropdown-menu-text-color);
  box-shadow: var(--tt-shadow-elevated-md);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  padding: .375rem;
  transition-duration: .1s;
  position: relative;
  overflow: hidden auto;
}

.tiptap-dropdown-menu-content[data-side="bottom"] {
  --slide-y: -.5rem;
}

.tiptap-dropdown-menu-content[data-side="top"] {
  --slide-y: .5rem;
}

.tiptap-dropdown-menu-content[data-side="left"] {
  --slide-x: .5rem;
}

.tiptap-dropdown-menu-content[data-side="right"] {
  --slide-x: -.5rem;
}

.tiptap-dropdown-menu-content[data-state="open"] {
  animation: .1s forwards dropdown-in;
}

.tiptap-dropdown-menu-content[data-state="closed"] {
  animation: .1s forwards dropdown-out;
  overflow: hidden;
}

.tiptap-dropdown-menu-sub-content {
  --slide-x: 0px;
  --slide-y: 0px;
  --padding: .375rem;
  z-index: 50;
  border-radius: calc(var(--padding) + var(--tt-radius-lg));
  background-color: var(--tt-dropdown-menu-bg-color);
  min-width: 6rem;
  box-shadow: var(--tt-shadow-elevated-md);
  color: var(--tt-dropdown-menu-text-color);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  padding: .25rem;
  transition-duration: .1s;
  overflow: hidden;
}

.tiptap-dropdown-menu-sub-content[data-side="bottom"] {
  --slide-y: -.5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="top"] {
  --slide-y: .5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="left"] {
  --slide-x: .5rem;
}

.tiptap-dropdown-menu-sub-content[data-side="right"] {
  --slide-x: -.5rem;
}

.tiptap-dropdown-menu-sub-content[data-state="open"] {
  animation: .1s forwards dropdown-in;
}

.tiptap-dropdown-menu-sub-content[data-state="closed"] {
  animation: .1s forwards dropdown-out;
}

@keyframes dropdown-in {
  from {
    opacity: 0;
    transform: scale(.95) translate(var(--slide-x), var(--slide-y));
  }

  to {
    opacity: 1;
    transform: scale(1)translate(0);
  }
}

@keyframes dropdown-out {
  from {
    opacity: 1;
    transform: scale(1)translate(0);
  }

  to {
    opacity: 0;
    transform: scale(.95) translate(var(--slide-x), var(--slide-y));
  }
}

.tiptap-dropdown-menu-label {
  text-transform: capitalize;
  color: var(--tt-dropdown-menu-label-color);
  padding: .75rem .5rem .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

.tiptap-dropdown-menu-label[data-inset="true"] {
  padding-left: 1.75rem;
}

.tiptap-dropdown-menu-group, .tiptap-dropdown-menu-group[data-orientation="vertical"] {
  flex-direction: column;
  display: flex;
}

.tiptap-dropdown-menu-group[data-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
  display: flex;
}

/* [project]/src/components/tiptap-ui-primitive/popover/popover.scss.css [app-client] (css) */
.tiptap-popover {
  --tt-popover-bg-color: var(--white);
  --tt-popover-border-color: var(--tt-gray-light-a-100);
  --tt-popover-text-color: var(--tt-gray-light-a-600);
}

:root.dark, .dark {
  --tt-popover-border-color: var(--tt-gray-dark-a-50);
  --tt-popover-bg-color: var(--tt-gray-dark-50);
  --tt-popover-text-color: var(--tt-gray-dark-a-600);
}

.tiptap-popover {
  z-index: 50;
  transform-origin: var(--radix-popover-content-transform-origin);
  max-height: var(--radix-popover-content-available-height);
  outline: none;
}

.tiptap-popover > * {
  max-height: var(--radix-popover-content-available-height);
}

.tiptap-popover[data-state="open"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) fadeIn, .15s cubic-bezier(.16, 1, .3, 1) zoomIn;
}

.tiptap-popover[data-state="closed"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) fadeOut, .15s cubic-bezier(.16, 1, .3, 1) zoomOut;
}

.tiptap-popover[data-side="top"], .tiptap-popover[data-side="top-start"], .tiptap-popover[data-side="top-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromBottom;
}

.tiptap-popover[data-side="right"], .tiptap-popover[data-side="right-start"], .tiptap-popover[data-side="right-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromLeft;
}

.tiptap-popover[data-side="bottom"], .tiptap-popover[data-side="bottom-start"], .tiptap-popover[data-side="bottom-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromTop;
}

.tiptap-popover[data-side="left"], .tiptap-popover[data-side="left-start"], .tiptap-popover[data-side="left-end"] {
  animation: .15s cubic-bezier(.16, 1, .3, 1) slideFromRight;
}

/* [project]/src/components/tiptap-ui-primitive/card/card.scss.css [app-client] (css) */
:root {
  --tiptap-card-bg-color: var(--white);
  --tiptap-card-border-color: var(--tt-gray-light-a-100);
  --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
}

.dark {
  --tiptap-card-bg-color: var(--tt-gray-dark-50);
  --tiptap-card-border-color: var(--tt-gray-dark-a-100);
  --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
}

.tiptap-card {
  --padding: .375rem;
  --border-width: 1px;
  border-radius: calc(var(--padding) + var(--tt-radius-lg));
  box-shadow: var(--tt-shadow-elevated-md);
  background-color: var(--tiptap-card-bg-color);
  border: 1px solid var(--tiptap-card-border-color);
  word-wrap: break-word;
  background-clip: border-box;
  outline: none;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.tiptap-card-header {
  border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .375rem;
  display: flex;
}

.tiptap-card-body {
  flex: auto;
  padding: .375rem;
  overflow-y: auto;
}

.tiptap-card-item-group {
  vertical-align: middle;
  min-width: max-content;
  display: flex;
  position: relative;
}

.tiptap-card-item-group[data-orientation="vertical"] {
  flex-direction: column;
  justify-content: center;
}

.tiptap-card-item-group[data-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
  gap: .25rem;
}

.tiptap-card-group-label {
  text-transform: capitalize;
  color: var(--tiptap-card-group-label-color);
  padding: .75rem .5rem .25rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: normal;
}

/* [project]/src/components/tiptap-ui-primitive/input/input.scss.css [app-client] (css) */
:root {
  --tt-input-placeholder: var(--tt-gray-light-a-400);
  --tt-input-border: var(--tt-gray-light-a-200);
  --tt-input-border-focus: var(--tt-gray-light-a-300);
}

.dark {
  --tt-input-placeholder: var(--tt-gray-dark-a-400);
  --tt-input-border: var(--tt-gray-dark-a-200);
  --tt-input-border-focus: var(--tt-gray-dark-a-300);
}

.tiptap-input {
  border-radius: var(--tt-radius-md);
  border: 1px solid var(--tt-input-border);
  background: none;
  outline: none;
  width: 100%;
  min-width: 0;
  height: 2rem;
  padding: .25rem .625rem;
  font-size: 1rem;
  transition: color, background-color, border-color .15s;
}

.tiptap-input::placeholder {
  color: var(--tt-input-placeholder);
}

.tiptap-input:focus-visible {
  border-color: var(--tt-input-border-focus);
}

@media (min-width: 768px) {
  .tiptap-input {
    font-size: .875rem;
  }
}

/* [project]/src/components/tiptap-ui-primitive/button-group/button-group.scss.css [app-client] (css) */
.tiptap-button-group {
  align-items: stretch;
  width: fit-content;
  display: flex;
}

.tiptap-button-group:has( > [data-slot="tiptap-button-group"]) {
  gap: .125rem;
}

.tiptap-button-group > :focus-visible {
  z-index: 10;
  position: relative;
}

.tiptap-button-group > [data-slot="select-trigger"]:not([class*="w-"]) {
  width: fit-content;
}

.tiptap-button-group > input {
  flex: 1;
}

.tiptap-button-group-horizontal > [data-slot] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tiptap-button-group-horizontal > [data-slot]:not(:has( ~ [data-slot])) {
  border-top-right-radius: var(--tt-radius-lg) !important;
  border-bottom-right-radius: var(--tt-radius-lg) !important;
}

.tiptap-button-group-horizontal > [data-slot] ~ [data-slot] {
  border-left-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tiptap-button-group-horizontal:has(select[aria-hidden="true"]:last-child) > [data-slot="select-trigger"]:last-of-type {
  border-top-right-radius: var(--tt-radius-lg);
  border-bottom-right-radius: var(--tt-radius-lg);
}

.tiptap-button-group-vertical {
  flex-direction: column;
}

.tiptap-button-group-vertical > [data-slot] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.tiptap-button-group-vertical > [data-slot]:not(:has( ~ [data-slot])) {
  border-bottom-left-radius: var(--tt-radius-lg) !important;
  border-bottom-right-radius: var(--tt-radius-lg) !important;
}

.tiptap-button-group-vertical > [data-slot] ~ [data-slot] {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* [project]/src/components/tiptap-ui/embed-button/embed-button.scss.css [app-client] (css) */
.tiptap-embed-input {
  min-width: 18rem;
}

.tiptap-embed-error {
  color: var(--destructive);
  margin: .375rem 0 0;
  padding: 0 .25rem;
  font-size: .75rem;
}

/* [project]/src/components/tiptap-ui/color-highlight-button/color-highlight-button.scss.css [app-client] (css) */
.tiptap-button-highlight {
  border-radius: var(--tt-radius-xl);
  background-color: var(--highlight-color);
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 -.175rem;
  transition: transform .2s;
  position: relative;
}

.tiptap-button-highlight:after {
  content: "";
  border-radius: inherit;
  box-sizing: border-box;
  border: 1px solid var(--highlight-color);
  filter: brightness(95%);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dark .tiptap-button-highlight:after {
  filter: brightness(140%);
  mix-blend-mode: lighten;
}

.tiptap-button[data-active-state="on"] .tiptap-button-highlight:after {
  filter: brightness(80%);
}

.dark .tiptap-button[data-active-state="on"] .tiptap-button-highlight:after {
  filter: brightness(180%);
}

/* [project]/src/components/tiptap-ui/link-popover/link-popover.scss.css [app-client] (css) */
.tiptap-link-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  min-width: 12rem;
  padding-right: 0;
  font-size: .875rem;
}

.tiptap-link-input:focus {
  text-overflow: clip;
  overflow: visible;
}

/* [project]/src/components/tiptap-templates/simple/simple-editor.scss.css [app-client] (css) */
.simple-editor-wrapper {
  --tt-brand-color-50: color-mix(in oklch, var(--primary) 10%, white);
  --tt-brand-color-100: color-mix(in oklch, var(--primary) 20%, white);
  --tt-brand-color-200: color-mix(in oklch, var(--primary) 35%, white);
  --tt-brand-color-300: color-mix(in oklch, var(--primary) 55%, white);
  --tt-brand-color-400: var(--primary);
  --tt-brand-color-500: var(--primary);
  --tt-brand-color-600: color-mix(in oklch, var(--primary) 85%, black);
  --tt-brand-color-700: color-mix(in oklch, var(--primary) 70%, black);
  --tt-brand-color-800: color-mix(in oklch, var(--primary) 55%, black);
  --tt-brand-color-900: color-mix(in oklch, var(--primary) 40%, black);
  --tt-brand-color-950: color-mix(in oklch, var(--primary) 25%, black);
  --tt-cursor-color: var(--primary);
  --tt-selection-color: color-mix(in oklch, var(--primary) 30%, transparent);
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.simple-editor-wrapper .tiptap-toolbar[data-variant="fixed"], .simple-editor-wrapper .tiptap-toolbar {
  border-bottom: 1px solid var(--border);
  background-color: var(--muted);
  flex-wrap: wrap;
  flex-shrink: 0;
  row-gap: .25rem;
  padding: .25rem .375rem;
  overflow-x: visible;
  z-index: auto !important;
  position: static !important;
}

@media (max-width: 480px) {
  .simple-editor-wrapper .tiptap-toolbar[data-variant="fixed"], .simple-editor-wrapper .tiptap-toolbar {
    border-bottom: 1px solid var(--border);
    border-top: none;
    padding: .25rem .375rem;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
  }
}

.dark .simple-editor-wrapper .tiptap-button {
  --tt-button-default-icon-color: var(--tt-gray-dark-a-800);
  --tt-button-default-text-color: var(--tt-gray-dark-a-800);
  --tt-button-default-icon-sub-color: var(--tt-gray-dark-a-600);
  --tt-button-default-dropdown-arrows-color: var(--tt-gray-dark-a-700);
}

.simple-editor-content {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor {
  min-height: 10rem;
  max-height: 30rem;
  color: var(--foreground);
  outline: none;
  flex: 1;
  padding: .75rem 1rem;
  font-family: inherit;
  font-size: .9rem;
  line-height: 1.55;
  overflow-y: auto;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor:focus {
  outline: none;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor > * + * {
  margin-top: .6rem;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor h2 {
  margin-top: 1.2rem;
  margin-bottom: .4rem;
  font-size: 1.15rem;
  font-weight: 600;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor h3 {
  margin-top: 1rem;
  margin-bottom: .3rem;
  font-size: 1rem;
  font-weight: 600;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor ul, .simple-editor-content .tiptap.ProseMirror.simple-editor ol {
  margin: .25rem 0;
  padding-left: 1.25rem;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor ul {
  list-style: outside;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor ol {
  list-style: decimal;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor blockquote {
  border-left: 3px solid var(--border);
  color: var(--muted-foreground);
  margin: .5rem 0;
  padding-left: .75rem;
}

.simple-editor-content .tiptap.ProseMirror.simple-editor a {
  color: var(--primary);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.embed-node {
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  background: var(--muted);
  width: 100%;
  margin: .75rem 0;
  position: relative;
  overflow: hidden;
}

.embed-node iframe {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.simple-editor-content .tiptap.ProseMirror .embed-node iframe {
  pointer-events: none;
}

.simple-editor-content .tiptap.ProseMirror .embed-node.ProseMirror-selectednode {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/*# sourceMappingURL=_0h91h8j._.css.map*/