.react-rater {
  display: inline-block;
  line-height: normal; }
  .react-rater > * {
    display: inline-block; }
  .react-rater-star {
  cursor: pointer;
  color: #ccc;
  position: relative; }
  .react-rater-star.will-be-active {
    color: #666; }
  .react-rater-star.is-active {
    color: #000; }
  .react-rater-star.is-active-half:before {
    color: #000;
    content: '\2605';
    position: absolute;
    left: 0;
    width: 50%;
    overflow: hidden; }
  .react-rater-star.is-disabled {
    cursor: default; }

.ProseMirror .tableWrapper {
        margin-top: 3rem;
        margin-bottom: 3rem;
}
  .ProseMirror table {
        box-sizing: border-box;
        width: 100%;
        border-collapse: collapse;
        border-radius: 0.25rem;
        border-color: rgb(0 0 0 / 0.1);
}
  .ProseMirror table td,
    .ProseMirror table th {
        position: relative;
        min-width: 100px;
        border-width: 1px;
        border-color: rgb(0 0 0 / 0.1);
        padding: 0.5rem;
        text-align: left;
        vertical-align: top;
}
  .ProseMirror table td:first-of-type:not(a), .ProseMirror table th:first-of-type:not(a) {
        margin-top: 0px;
}
  .ProseMirror table td p, .ProseMirror table th p {
        margin: 0px;
}
  .ProseMirror table td p + p, .ProseMirror table th p + p {
        margin-top: 0.75rem;
}
  .ProseMirror table th {
        font-weight: 700;
}
  .ProseMirror table .column-resize-handle {
        pointer-events: none;
        position: absolute;
        bottom: -2px;
        right: -0.25rem;
        top: 0px;
        display: flex;
        width: 0.5rem;
}
  .ProseMirror table .column-resize-handle::before {
        margin-left: 0.5rem;
        height: 100%;
        width: 1px;
        background-color: rgb(0 0 0 / 0.2);
        content: '';
}
  .ProseMirror table .selectedCell {
        border-style: double;
        border-color: rgb(0 0 0 / 0.2);
        background-color: rgb(0 0 0 / 0.05);
}
  .ProseMirror table .grip-column,
    .ProseMirror table .grip-row {
        position: absolute;
        z-index: 10;
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        background-color: rgb(0 0 0 / 0.05);
}
  .ProseMirror table .grip-column {
        left: 0px;
        top: -0.75rem;
        margin-left: -1px;
        height: 0.75rem;
        width: calc(100% + 1px);
        border-left-width: 1px;
        border-color: rgb(0 0 0 / 0.2);
}
  .ProseMirror table .grip-column:hover::before, .ProseMirror table .grip-column.selected::before {
          content: '';
          width: 0.625rem;
        }
  .ProseMirror table .grip-column:hover {
        background-color: rgb(0 0 0 / 0.1);
}
  .ProseMirror table .grip-column:hover::before {
        border-bottom-width: 2px;
        border-style: dotted;
        border-color: rgb(0 0 0 / .60);
}
  .ProseMirror table .grip-column.first {
        border-top-left-radius: 0.125rem;
        border-color: transparent;
}
  .ProseMirror table .grip-column.last {
        border-top-right-radius: 0.125rem;
}
  .ProseMirror table .grip-column.selected {
        border-color: rgb(0 0 0 / 0.3);
        background-color: rgb(0 0 0 / 0.3);
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .ProseMirror table .grip-column.selected::before {
        border-bottom-width: 2px;
        border-style: dotted;
}
  .ProseMirror table .grip-row {
        left: -0.75rem;
        top: 0px;
        margin-top: -1px;
        height: calc(100% + 1px);
        width: 0.75rem;
        border-top-width: 1px;
        border-color: rgb(0 0 0 / 0.2);
}
  .ProseMirror table .grip-row:hover::before, .ProseMirror table .grip-row.selected::before {
        height: 0.625rem;
          content: '';
}
  .ProseMirror table .grip-row:hover {
        background-color: rgb(0 0 0 / 0.1);
}
  .ProseMirror table .grip-row:hover::before {
        border-left-width: 2px;
        border-style: dotted;
        border-color: rgb(0 0 0 / .60);
}
  .ProseMirror table .grip-row.first {
        border-top-left-radius: 0.125rem;
        border-color: transparent;
}
  .ProseMirror table .grip-row.last {
        border-bottom-left-radius: 0.125rem;
}
  .ProseMirror table .grip-row.selected {
        border-color: rgb(0 0 0 / 0.3);
        background-color: rgb(0 0 0 / 0.3);
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
  .ProseMirror table .grip-row.selected::before {
        border-left-width: 2px;
        border-style: dotted;
}
/* If any AI Editor UI needs to be updated, use this file with targeted css rules */
.ProseMirror {
  margin-top: 40px;
 }
.ProseMirror > * {
        margin-left: auto;
        margin-right: auto;
        max-width: 48rem;
}
/* I am keeping the commented out code for now, along with the other files, so that we know what has */
/* changed from default ProseMirror. It'll be helpful to know what to possibly test for UI funkiness */
/* @import './partials/animations.css';
@import './partials/blocks.css';
@import './partials/collab.css';
@import './partials/lists.css';
@import './partials/placeholder.css';
@import './partials/table.css';
@import './partials/typography.css';

.ProseMirror {
  @apply caret-black outline-0 pr-8 pl-20 py-16 z-0 lg:pl-8 lg:pr-8;

  & > * {
    @apply mx-auto max-w-2xl;
  }

  .selection {
    @apply inline;
  }

  .selection,
  *::selection {
    @apply bg-black/10; 
  }

  & > .react-renderer {
    @apply my-12 first:mt-0 last:mb-0;
  }

  &.resize-cursor {
    @apply cursor-col-resize;
  }

  .ProseMirror-gapcursor {
    @apply relative w-full max-w-2xl mx-auto;

    &:after {
      @apply border-t-black/40 w-full -top-[1.5em] max-w-2xl mx-auto left-0 right-0;
    }
  }
}

[data-theme='slash-command'] {
  width: 1000vw;
}
 */


/*# sourceMappingURL=spa_root-3df7f8bb.css.map*/