:root {
  --mantine-white: #fff;

  --mantine-color-indigo-0: #d8def7;
  --mantine-color-indigo-1: #b1bdef;
  --mantine-color-indigo-2: #8b9ce7;
  --mantine-color-indigo-3: #647adf;
  --mantine-color-indigo-4: #3d59d7;
  --mantine-color-indigo-5: #2743be;
  --mantine-color-indigo-6: #1f3598;
  --mantine-color-indigo-7: #172872;
  --mantine-color-indigo-8: #101b4c;
  --mantine-color-indigo-9: #080d26;

  --mantine-color-blue-0: #d8eafa;
  --mantine-color-blue-1: #b1d5f5;
  --mantine-color-blue-2: #8ac0f0;
  --mantine-color-blue-3: #63abeb;
  --mantine-color-blue-4: #3b96e6;
  --mantine-color-blue-5: #1c7ed6;
  --mantine-color-blue-6: #1767ad;
  --mantine-color-blue-7: #114d82;
  --mantine-color-blue-8: #0b3357;
  --mantine-color-blue-9: #061a2b;

  --mantine-color-dark-0: #c1c2c5;
  --mantine-color-dark-1: #a6a7ab;
  --mantine-color-dark-2: #909296;
  --mantine-color-dark-3: #5c5f66;
  --mantine-color-dark-4: #373a40;
  --mantine-color-dark-5: #2c2e33;
  --mantine-color-dark-6: #25262b;
  --mantine-color-dark-7: #1a1b1e;
  --mantine-color-dark-8: #141517;
  --mantine-color-dark-9: #101113;

  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;

  --mantine-color-red-0: #fadddd;
  --mantine-color-red-1: #f5bbbb;
  --mantine-color-red-2: #f09999;
  --mantine-color-red-3: #eb7777;
  --mantine-color-red-4: #e65555;
  --mantine-color-red-5: #e03131;
  --mantine-color-red-6: #c01d1d;
  --mantine-color-red-7: #901515;
  --mantine-color-red-8: #600e0e;
  --mantine-color-red-9: #300707;

  --mantine-color-green-0: #dcf4e0;
  --mantine-color-green-1: #b9e9c2;
  --mantine-color-green-2: #96dfa3;
  --mantine-color-green-3: #73d484;
  --mantine-color-green-4: #4fc966;
  --mantine-color-green-5: #37b24d;
  --mantine-color-green-6: #2c903e;
  --mantine-color-green-7: #216c2f;
  --mantine-color-green-8: #16481f;
  --mantine-color-green-9: #0b2410;

  --mantine-color-yellow-0: #fef5d8;
  --mantine-color-yellow-1: #feeff2;
  --mantine-color-yellow-2: #fde18b;
  --mantine-color-yellow-3: #fdd765;
  --mantine-color-yellow-4: #fccd3e;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #d9a403;
  --mantine-color-yellow-7: #a37b02;
  --mantine-color-yellow-8: #6d5202;
  --mantine-color-yellow-9: #362901;

  --mantine-color-orange-0: #fee6d6;
  --mantine-color-orange-1: #fdccac;
  --mantine-color-orange-2: #fcb383;
  --mantine-color-orange-3: #f89a59;
  --mantine-color-orange-4: #fa8130;
  --mantine-color-orange-5: #f76707;
  --mantine-color-orange-6: #da6302;
  --mantine-color-orange-7: #a44b02;
  --mantine-color-orange-8: #6d3201;
  --mantine-color-orange-9: #371901;

  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;

  --writ-spacing-xxxs: 0.1rem;
  --writ-spacing-xxs: 0.375rem;
  --mantine-spacing-xxs: 0.5rem;
  --mantine-spacing-xs: 0.625rem;
  --mantine-spacing-sm: 0.75rem;
  --mantine-spacing-md: 1rem;
  --mantine-spacing-lg: 1.25rem;
  --mantine-spacing-xl: 1.5rem;

  --writ-border-radius-md: 0.25rem;
  --writ-document-sidebar-divider-margin: 112px;

  --writ-border-color: var(--mantine-color-gray-3);
  --writ-text-color: var(--mantine-color-gray-8);
  /* after gray scheme changes should be gray 5, but looks too light with current scheme*/
  --writ-default-icon-color: var(--mantine-color-gray-6);

  --writ-chart-max-width: 900px;

  /* In annotation editing, we need to emulate what `writ-chart` is doing for overlays and underlays, but inside
  the annotation editing context <div>. 
  
  These variables are used in AnnotationContextProvider.module.css and AnnotationPositioner.module.css, and is initially
  used for <BoxAnnotationOverlays>.
  */
  --writ-annotation-overlay-context-menu-z-index: 3000; /* Context Menu -- this is the context menu that appears when you right click on an annotation */
  --writ-annotation-overlay-z-index: 2000; /* Overlays -- these are the annotation editing elements that live on top of the chart */
  --writ-annotation-chart-z-index: 1000; /* Chart -- this is the chart itself */
  --writ-annotation-underlay-z-index: 500; /* Underlays -- currently just the box annotation IF it is set as an underlay */

  --background-color-alternative: var(--mantine-color-blue-0);
  --background-color-brand: var(--mantine-color-indigo-0);
  --background-color-brand-half: rgba(216, 222, 247, 0.5);
  --background-color-neutral: var(--mantine-color-gray-1);
  --background-color-negative: var(--mantine-color-red-0);
  --background-color-attention: var(--mantine-color-yellow-0);
  --background-color-positive: var(--mantine-color-green-0);
  --stroke-alternative: var(--mantine-color-blue-2);
  --stroke-brand: var(--mantine-color-indigo-2);
  --stroke-neutral: var(--mantine-color-gray-6);
  --stroke-negative: var(--mantine-color-red-2);
  --stroke-attention: var(--mantine-color-yellow-2);
  --stroke-positive: var(--mantine-color-green-2);

  --writ-background-hover-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 25%,
    transparent
  );

  --grayscale-surface-default-subtle: var(--mantine-color-gray-1);
  --grayscale-surface-disabled: var(--mantine-color-gray-2);

  --writ-sidebar-background-color: var(--mantine-color-gray-0);
  --writ-sidebar-side-margin: var(--mantine-spacing-sm);

  --mantine-font-size-xxs: 8px;
  --mantine-font-size-xs: 11.06px;
  --mantine-font-size-sm: 12.44px;
  --mantine-font-size-md: 14px;
  --mantine-font-size-lg: 15.8px;
  --mantine-font-size-xl: 17.72px;

  --mantine-line-height: 1.55;
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;

  --writ-line-height-xxs: 12px;
  --writ-line-height-xs: 14px;
  --writ-line-height-sm: 16px;
  --writ-line-height-md: 20px;

  --writ-font-weight-regular: 400;
  --writ-font-weight-semibold: 500;

  --bottom-status-bar-height: 21px;
  --document-timeline-width: 2px;
  --comment-line-height: 1.55;

  /* Filter UI Grid Template */
  --filter-column-width: 3fr;
  --filter-operator-width: 2fr;
  --filter-value-width: 5fr;

  --filter-column-plus-operator-width: 5fr; /* --filter-column-width + --filter-operator-width : used in the parent grid. */
}

.monaco-editor,
.overflow-guard {
  /* Moncao Editor Hack to make sure the overflow does not 
  interfere with the border radius */
  border-radius: var(--writ-border-radius-md);
}

html,
body {
  overscroll-behavior: none;
  min-width: 390px;
}

.flexGrow1 {
  flex-grow: 1;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes readOnlyCursorBlink {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: black;
  }
}

.linearInfiniteSpinAnimation {
  animation: spin 1s linear infinite;
}

.selectRightChevron {
  .mantine-Select-rightSection {
    pointer-events: none;
  }
}

.writDataPickerInputWithIcon {
  .mantine-DatePickerInput-input {
    padding-left: var(--mantine-spacing-xs);
  }

  .mantine-DatePickerInput-icon {
    right: 0;
    left: inherit !important;
  }
}

.draggable-item {
  display: flex;
  position: relative;
}
._overlay_kk89y_1 {
  pointer-events: none;
}

@keyframes _fadeInOut_kk89y_1 {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

._logo_kk89y_17 {
  animation: _fadeInOut_kk89y_1 2s infinite cubic-bezier(0.6, 0.1, 0.4, 1);
  width: 100%;
  height: 100%;
}
._scrollAreaWithAutoSize_160p1_1 {
  overflow: hidden;
}

._disableScrollInScrollArea_160p1_5 {
  &[data-disable-scroll="true"] {
    div > .mantine-ScrollArea-viewport {
      overflow: hidden !important;
    }
  }
}

._scrollArea_160p1_1 {
  overflow: hidden;

  .mantine-ScrollArea-viewport > div {
    display: flex !important;
  }

  .mantine-ScrollArea-scrollbar {
    margin-right: 2px;
  }
}
._tabControlsContainer_155gx_1 {
  position: relative;
  margin: 0;
  padding-right: 1rem;

  &[data-location="footerTab"] {
    padding-block: 12px 6px;
  }
}

._tabControls_155gx_1 {
  width: 100%;
  display: flex;
  gap: 8px;
}

._tabFader_155gx_17 {
  position: absolute;
  bottom: -0.5rem;
  height: 0.5rem;
  background: linear-gradient(180deg, white, transparent);
  width: 97%;
  padding-inline: 1rem;
  z-index: 100;

  &[data-filter-active="true"] {
    bottom: -38px;
  }
}

._dateIcon_155gx_31 {
  background: white;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  height: 32px;
  width: 32px;
  min-width: 32px;
}

._dateIcon_155gx_31:hover {
  cursor: pointer;
}

._createdDate_155gx_46 {
  white-space: nowrap;
}

._taskItemFooter_155gx_50 {
  justify-content: space-between;
  display: flex;
  min-height: 1.5rem;
  gap: 8px;

  .mantine-Button-label {
    overflow: hidden;
    white-space: nowrap;
    min-width: 0;
    text-overflow: ellipsis;
    max-width: unset;
    display: block;
    align-content: center;
  }
}

@media (max-width: 50em) {
  ._taskItemFooter_155gx_50 {
    .mantine-Button-label,
    ._createdDate_155gx_46 {
      display: none;
    }
  }
}

._blockElement_155gx_76 {
  display: block;
}

._dotsIcon_155gx_80 {
  display: flex;
  gap: 4px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: auto;
  right: 1.5%;
}

._dotsIconContainer_155gx_89 {
  height: 1.25rem;
  width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  border: none !important;
  border-radius: 2px !important;
  background-color: transparent !important;

  .mantine-ActionIcon-root {
    height: 1rem;
    width: 1rem;
  }

  :hover {
    background: rgba(134, 142, 150, 0.08);
    border-radius: 2px;
  }

  :active {
    background: rgba(134, 142, 150, 0.2);
    border-radius: 2px;
  }
}

._dateTagButton_155gx_114 {
  background: none;

  &:hover {
    background: none;
  }
}

._dateTagText_155gx_122 {
  font-size: 12px;
  color: var(--mantine-color-gray-7);
  align-content: center;
  margin-left: auto;
}

._dateInput_155gx_129 {
  z-index: 3000 !important;
  background: white;
  border: 1px solid var(--mantine-color-gray-4);
  border-radius: 4px;
  min-width: 260px;
}

._mantineOverlayZIndex_155gx_137 {
  .mantine-Modal-overlay {
    z-index: 1001;
  }

  .mantine-Modal-inner {
    z-index: 1002;
  }
}

._modalContainer_155gx_147 {
  .mantine-Modal-overlay {
    z-index: 10001;
  }

  .mantine-Modal-inner {
    z-index: 10002;
  }

  .mantine-Modal-header {
    border-top-left-radius: var(--writ-border-radius-md);
    border-top-right-radius: var(--writ-border-radius-md);
  }

  .mantine-Modal-content {
    overflow: visible;
  }

  .mantine-Modal-body {
    padding: 0 0 1rem 0;
  }

  .mantine-Modal-title {
    font-weight: 600;
  }
}

._modalContainer_155gx_147[data-modal-form="INLINE_MODAL"] {
  all: initial;
  position: absolute;
  z-index: 1000;
  left: -30.5vw;
  display: table;

  .mantine-Modal-inner {
    padding: 0;
    width: auto;
  }

  .mantine-CloseButton-root {
    color: var(--mantine-color-gray-9);
    background: none;
    width: auto;
    height: auto;
    padding: 0;
  }

  .mantine-Modal-content {
    border: 1px solid var(--mantine-color-gray-4);
    min-width: 30vw;
  }

  .mantine-Modal-header {
    padding: 8px 16px;
  }

  .mantine-Modal-title {
    font-weight: var(--writ-font-weight-semibold);
    font-size: medium;
    margin: 0;
  }

  .mantine-Group-root {
    padding: 0;
    margin-top: 0.5rem;
  }

  .mantine-Button-label {
    min-width: 0;
    max-width: 4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

._modalBody_155gx_223 {
  padding-inline: 1rem;

  .mantine-Input-input {
    background: white;
  }
}

._modalFooter_155gx_231 {
  padding: 1rem;
  margin-top: 15px;
}

._disableableButton_155gx_236 {
  &[data-disabled] {
    pointer-events: all;
    cursor: default;
  }
}

._modalTextField_155gx_243 {
  .mantine-TextInput-input,
  .mantine-Textarea-input {
    border: none;
    padding: 0;
    margin: 0;

    &::placeholder {
      color: var(--mantine-color-gray-5);
    }
  }
}

._fieldWithHiddenLabel_155gx_256 {
  position: relative;

  .mantine-TextInput-input {
    padding: 0;
  }

  .mantine-InputWrapper-label {
    position: absolute;
    height: 100%;
    margin: 0;
    align-content: center;
    color: var(--mantine-color-gray-5);
  }

  &[data-hasvalue="true"] .mantine-InputWrapper-label {
    display: none;
  }
}

._modalTag_155gx_276 {
  padding: 2px 5px;
}

._modalTagLabel_155gx_280 {
  color: var(--stroke-neutral);
  margin-bottom: 3px;
  font-weight: 600;
}

._scrollParent_155gx_286 {
  overflow-x: scroll;
  position: relative;
}

._leftScrollGradient_155gx_291,
._rightScrollGradient_155gx_292 {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.75rem;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}

._leftScrollGradient_155gx_291 {
  left: 0;
  background: linear-gradient(
    to right,
    rgba(226, 232, 240, 0.9),
    rgba(226, 232, 240, 0)
  );
}

._rightScrollGradient_155gx_292 {
  right: 0;
  background: linear-gradient(
    to left,
    rgba(226, 232, 240, 0.9),
    rgba(226, 232, 240, 0)
  );
}

._tagGroupContainer_155gx_320 {
  flex-wrap: nowrap;
  column-gap: 6px;
  height: 100%;
  width: min-content;
  overflow-x: scroll;
  scrollbar-width: none;

  .mantine-ScrollArea-viewport > div {
    display: inline-flex !important;
    gap: 8px;
    padding-top: 8px;
  }
}

._tagGroupItem_155gx_335 {
  margin-inline: 0;

  .mantine-Button-label {
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

._modalTagGroupContainer_155gx_346 {
  margin-inline: 0;
  display: inline-flex;
  column-gap: 8px;
  row-gap: 24px;
  height: fit-content;
  margin-top: 0;
  padding-block: 5px;
  max-width: 35vw;
}

._filterMenuDropdown_155gx_357 {
  padding: 0 !important;
  left: unset !important;
  right: 15px;
  font-size: small;
  border: 1px solid var(--writ-border-color);

  .mantine-Menu-label {
    padding: 0.5rem;
    font-size: small;
  }

  .mantine-Menu-divider {
    margin: 0;
  }

  .mantine-Menu-item {
    padding: 10px 8px;
    border-radius: 0;
  }

  .mantine-Menu-item:last-child,
  .mantine-Menu-item:last-child:hover {
    margin-bottom: 4px;
  }

  .mantine-Menu-item:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._filterSelect_155gx_388 {
  .mantine-Select-input {
    background: white;
    color: black !important;
    opacity: 1;
    font-weight: 600;
    padding-right: 0;
  }

  .mantine-Select-wrapper {
    border-bottom: 0.0625rem solid #ced4da;
    padding: 5px;
  }

  .mantine-Select-dropdown {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    border: none;
  }
}

._popoverContainer_155gx_410 {
  position: relative !important;

  .mantine-Popover-root {
    width: 200px;
  }
}

._popoverDropdown_155gx_418 {
  background: none;
  border: none;
  box-shadow: none;
  width: min-content !important;
  position: fixed;
  padding: 0;
  z-index: 1000 !important;
}

._dropdownManager_155gx_428 {
  z-index: 100;
  background: transparent;
  display: grid;
  margin: 0;
}

._dropdownContainer_155gx_435 {
  display: grid;
  font-weight: 600;
  border: 0.0625rem solid #ced4da;
  background: white;
  margin-top: 5px;
  border-radius: 4px;
  margin-left: 0;
  width: max-content;
}

._modalDropdownContainer_155gx_446 {
  margin-inline: 0;
  display: flex;
  min-height: 3rem;
  gap: 1rem;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}

._calendarContainer_155gx_456 {
  background: #fff;
  border: 0.0625rem solid #ced4da;
  border-radius: 4px;
  margin-top: 5px;
  margin-left: 0;
  font-weight: 600;
  display: grid;
  position: relative;
}

._taskItemsGrid_155gx_467 {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  gap: 12px;
}

._taskItemText_155gx_475 {
  cursor: pointer;
}

._taskItemTextTitle_155gx_479 {
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 8px;
}

._dropdownItems_155gx_485 {
  display: grid;
  width: 100%;
  border-top: 0.0625rem solid #ced4da;
  max-height: 300px;
  overflow-y: scroll;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._dropdownItem_155gx_485 {
  background: white;
  padding-inline: 10px;
  border-radius: 0;
  font-weight: 400;

  .mantine-Button-label {
    display: contents;
  }
}

._dropdownItem_155gx_485[data-active-selection="true"] {
  background: var(--mantine-color-gray-2) !important;
}

._dropdownItem_155gx_485:last-child,
._dropdownItem_155gx_485:last-child:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

._dropdownItem_155gx_485:hover {
  background: var(--mantine-color-gray-1) !important;
  color: inherit;
  border-radius: 0;
}

._dropdownItemImage_155gx_522 {
  margin-inline: 0;
  color: black;
}

._dropdownItemLabel_155gx_527 {
  color: var(--mantine-color-gray-9);
  margin-left: 4px;
  margin-right: 20px;
}

._dropdownItemSubLabel_155gx_533 {
  color: var(--stroke-neutral);
  display: flex;
  gap: 4px;
}

._authorIcon_155gx_539 {
  width: fit-content;
  height: fit-content;

  .mantine-Avatar-root {
    display: contents;
  }

  .mantine-Avatar-placeholder {
    font-size: xx-small;
    font-weight: normal;
    width: 16px;
    height: 16px;
    border-radius: 2px;
  }
}

._initialsIcon_155gx_556 {
  border-radius: 4px;
  height: fit-content;
  width: fit-content;
  display: contents;

  .mantine-Avatar-root {
    display: contents;
  }

  .mantine-Avatar-placeholder {
    font-size: x-small;
    width: fit-content;
    height: fit-content;
    padding: 5px;
  }
}

._menuSection_155gx_574 {
  max-height: 500px;
}

._taskItemsSection_155gx_578 {
  overflow: hidden;
  min-height: 100px;
  height: 100%;
  width: 100%;

  div > .mantine-ScrollArea-root {
    height: 100%;
  }
}

._filterButton_155gx_589 {
  height: auto;
}

._filterButton_155gx_589:active {
  transform: none;
}

._filterItem_155gx_597 {
  .mantine-Menu-itemLabel {
    align-items: center;
    display: flex;
    gap: 8px;
  }
}

._filterPill_155gx_605 {
  width: fit-content;
  display: flex;
  margin-bottom: 4px;
  padding: 2px 4px;
  height: 16px;
  font-size: 9.8px;
  background: var(--mantine-color-gray-3);
  border: none;
  border-radius: 2px;
  font-weight: 400;
  outline: none !important;
  box-shadow: none !important;
  transform: translateY(0) !important;

  .mantine-Button-inner {
    gap: 2px;
    line-height: 0;
  }

  .mantine-Button-rightIcon {
    margin-left: 0;
  }

  .mantine-ActionIcon-root {
    transform: translateY(0) !important;
    background: inherit !important;

    :hover {
      background: inherit !important;
    }
  }
}

._parentPreviewContainer_155gx_639 {
  display: flex;
  column-gap: 8px;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  border: 1px solid var(--mantine-color-gray-2);
  width: 100%;
  max-width: unset;
  position: relative;
}

._closePreview_155gx_651 {
  cursor: pointer;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
  color: var(--mantine-color-gray-9);
}

._parentPreview_155gx_639 {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0.5rem;
  gap: 0.25rem;
}

._parentPreviewLabel_155gx_669 {
  color: var(--mantine-color-gray-6);
  font-size: small;
}

._parentPreviewContent_155gx_674 {
  border-left: 4px solid var(--mantine-color-yellow-5);
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  font-size: small;
}

._commentTooltip_155gx_680,
._warningTooltip_155gx_681 {
  background: white;
  border: 1px solid var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-9);
  gap: 0.5rem;
  display: grid;
  max-width: 250px;

  .mantine-HoverCard-arrow {
    border-right-color: var(--mantine-color-gray-2);
    border-top-color: var(--mantine-color-gray-2);
  }
}

._warningTooltip_155gx_681 {
  font-size: small;
}

._commentPopoverHeader_155gx_699 {
  align-items: center;
  gap: 4px;
  color: var(--mantine-color-indigo-4);
  font-size: small;
  font-style: italic;
  text-decoration: underline;
  text-decoration-color: var(--mantine-color-indigo-4);
}

._commentPopoverHeader_155gx_699:hover {
  cursor: pointer;
}

._primaryButtonHover_155gx_713 {
  border: 1px solid black !important;
  background: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-8);
  font-weight: 600;
  font-size: x-small;
  padding: 0.5rem 0.75rem;
}

._withAsterisk_155gx_722 {
  .mantine-InputWrapper-required {
    z-index: 1;
    position: relative;
    font-size: small;
  }
}

._alertButton_155gx_730 {
  height: fit-content;
  margin: 0;
  background-color: white;
  color: var(--mantine-color-gray-9);
  padding: 6px 8px;
  font-size: small;
  border: 1px solid var(--mantine-color-gray-4);
  cursor: pointer;
  font-weight: 600;
  border-radius: 4px;
}

._commentIcon_155gx_743 {
  min-height: fit-content;
  min-width: fit-content;
  height: fit-content;
  width: fit-content;
}

._taskModalWarning_155gx_750 {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: var(--mantine-color-yellow-0);
  border: 1px solid var(--mantine-color-yellow-2);
  border-radius: 8px;
  color: var(--mantine-color-yellow-8);
}

._warningContent_155gx_759 {
  display: grid;
  gap: 0.5rem;
  font-weight: 500;
}

._resolveWarningButton_155gx_765 {
  border-radius: 4px;
  border: 1px solid var(--mantine-color-gray-3);
  width: fit-content;
  height: fit-content;
  padding: 4px 6px;
  color: var(--mantine-color-gray-9);
}

._closeWarningIcon_155gx_774 {
  color: var(--mantine-color-yellow-8);
  height: 1rem;
  width: 1rem;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: inherit !important;
}

._warningIcon_155gx_784 {
  height: 1rem;
  width: 1rem;
}

._warningIconContainer_155gx_789 {
  height: 1.25rem;
  width: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  border: none !important;
  border-radius: 2px !important;
  background-color: transparent !important;

  .mantine-ActionIcon-root {
    height: 1rem;
    width: 1rem;
  }

  :hover {
    background: rgba(192, 29, 29, 0.08);
    border-radius: 2px;
  }

  :active {
    background: rgba(192, 29, 29, 0.2);
    border-radius: 2px;
  }
}
._settingsMenu_1d4ey_1 {
  .mantine-Menu-itemLabel {
    overflow: hidden;
  }
}

._settingsIcon_1d4ey_7 {
  color: var(--mantine-color-gray-6);

  &[data-active] {
    rotate: 180deg;
    transition: rotate 100ms ease-in-out;
  }

  &[data-active="false"] {
    rotate: 0deg;
    transition: rotate 100ms ease-in-out;
  }
}
._listItem_osraa_1 {
  border-radius: 4px;
  background-color: var(--mantine-color-gray-0);
  border: 1px solid var(--writ-border-color);

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._listItemCreatedDetails_osraa_11 {
  display: grid;
  grid-template-columns: min-content auto;
  gap: 8px;
  justify-content: end;
  align-items: center;
}

._listItemRightContent_osraa_19 {
  gap: 8px;
  flex-shrink: 0;
}

._newListItem_osraa_24 {
  height: 100%;
  width: 100%;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  padding: 0.5rem;
  overflow: visible;
  position: relative;
}

._itemComponentMain_osraa_37 {
  flex-grow: 1;
  height: 100%;
  flex-direction: column;
  gap: 8px;
  overflow: hidden;
}

._topLeftComponent_osraa_45 {
  position: absolute;
  top: 8px;
  left: 8px;
}

._bottomLeftComponent_osraa_51 {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

._topRightComponent_osraa_57 {
  position: absolute;
  top: 8px;
  right: 8px;
}

._bottomRightComponent_osraa_63 {
  position: absolute;
  bottom: 8px;
  right: 22px;
  overflow: clip;
}

._tag_osraa_70 {
  background-color: var(--mantine-color-gray-0);
  border-color: var(--mantine-color-gray-3);
  color: var(--mantine-color-gray-8);
  text-transform: none;
  font-weight: 400;
}

._tooltip_osraa_78 {
  background: var(--mantine-color-dark-5);
  color: white;
}
._tableContainer_ebiyy_1 {
  height: 100%;
  overflow: hidden;
  border-top: 1px solid var(--mantine-color-gray-3);
  border-bottom: 1px solid var(--mantine-color-gray-3);

  th {
    padding: 2px 4px 2px 4px !important;
  }

  td {
    padding: 4px 8px 4px 8px !important;
  }
}

._paper_ebiyy_16 {
  box-shadow: 0 4px 8px var(--mantine-color-gray-1);
  height: 50%;
}

._queryResultsSkeleton_ebiyy_21 {
  justify-content: space-between;
  height: 100%;
  gap: 8px;
  &[data-rendering-context="sidebar"] {
    padding: 0 var(--writ-sidebar-side-margin) 8px
      var(--writ-sidebar-side-margin);
  }
  &[data-rendering-context="full-page"] {
    padding: 0 var(--writ-sidebar-side-margin);
  }
}

._skeletonGrid_ebiyy_34 {
  overflow: hidden;
  padding-right: 16px;
  gap: 12px;
  height: 100%;
  width: 100%;
}

._cardGrid_ebiyy_42 {
  display: grid;
  gap: 12px;
}

._cardGrid_ebiyy_42,
._flexTable_ebiyy_48 {
  overflow: hidden;
}

._loadingCard_ebiyy_52 {
  background-color: var(--mantine-color-gray-0);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._entityIcon_1p3uz_1 {
  background-color: white;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  color: var(--mantine-color-indigo-4);
}

._searchResultsIcon_1p3uz_10 {
  padding: 6px;
  stroke-width: 1;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border-radius: 4px;
  color: var(--mantine-color-indigo-4);
}
._contentLibraryItemCard_11e75_1 {
  min-height: 144px;
}

._contentLibraryGrid_11e75_5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
}

._contentLibraryModal_11e75_12 {
  .mantine-Modal-header {
    padding: 12px 16px;
    border-bottom: 1px solid var(--writ-border-color);
    border-radius: 4px 4px 0 0;
  }
  .mantine-Modal-content {
    overflow-y: inherit !important;
  }

  .mantine-Modal-body {
    padding-top: 16px !important;
  }
}

._icon_11e75_27 {
  &[data-content-type="resource"] {
    color: var(--mantine-color-indigo-5);
    background-color: var(--writ-background-hover-color);
  }
  &[data-content-type="external-link"] {
    color: var(--mantine-color-orange-5);
    background-color: color-mix(
      in srgb,
      var(--mantine-color-orange-0) 50%,
      transparent
    );
  }
  border-radius: 4px;
}
._eventChartCard_1o3mh_1 {
  height: 100%;
  width: 100%;
  padding: 8px !important;
  display: grid;
  grid-template-rows: min-content 1fr;
}

._eventChartSelect_1o3mh_9 {
  .mantine-Select-input {
    height: 24px !important;
    min-height: 24px !important;
    padding: 8px;
  }
  .mantine-Select-rightSection {
    pointer-events: none;
  }
}

._eventChartItem_1o3mh_20 {
  padding: 4px;
}

._eventChartContainer_1o3mh_24 {
  height: 100%;
  overflow: hidden;
}

._eventChartBox_1o3mh_29 {
  overflow: hidden;
}
._flexContainer_fetqf_1 {
  height: 100%;
  overflow: hidden;
}

._icon_fetqf_6 {
  color: var(--mantine-color-indigo-4);
}

._tabTable_fetqf_10 {
  table-layout: fixed;
  margin-right: 6px;
}

._homePageSideTabWithTasks_fetqf_15 {
  min-height: 48px;
  width: 100%;
  height: 100%;
  flex-direction: column;
  gap: 8px;
  padding-left: var(--mantine-spacing-md);
  padding-right: 0;
  &[data-event-charts="false"] {
    padding-top: 10px;
  }
}

._taskActivityContainer_fetqf_28 {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;

  .mantine-ScrollArea-viewport {
    > div {
      display: flex !important;
      gap: 0.5rem;
    }
  }

  .mantine-Grid-root {
    margin: 0 !important;
  }
}

._activityContainer_fetqf_47 {
  justify-content: center;
  height: 100%;
  overflow: hidden;
}

._recentItemsGrid_fetqf_53,
._taskItemsList_fetqf_54 {
  gap: 12px;
}

._recentItemsGrid_fetqf_53 {
  margin: 0 auto;
  display: grid;
  width: 100%;
}

._taskItemsList_fetqf_54 {
  margin: 0 auto;
  display: grid;
  width: 100%;
  padding-bottom: 0;
}

._suggestedUpdatesContainer_fetqf_71 {
  width: 100%;
  gap: 0;
  height: 100%;
  overflow: hidden;
}

._suggestedUpdatesInnerContainer_fetqf_78 {
  flex-basis: 100%;
  padding-left: 16px;
  padding-top: 12px;
}

._sidebarEventChartGrid_fetqf_84 {
  height: 100%;
  display: grid;
  padding: 0 16px 16px 0;
  gap: 12px;
  grid-template-rows: repeat(2, min-content) repeat(2, 1fr);
}

._eventChartGrid_fetqf_92 {
  display: grid;
  overflow: hidden;
  height: 100%;
  padding: 0 16px;
  gap: 12px;
}

._indicatorGrid_fetqf_100,
._chartGrid_fetqf_101 {
  display: grid;
  gap: 12px;
  height: 100%;
  overflow: hidden;
}

._homepageGridContainer_fetqf_108 {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: 200px min-content 1fr;
  overflow: hidden;
  padding-top: 12px;
}

@media (min-width: 75em) {
  ._eventChartGrid_fetqf_92 {
    grid-template-columns: minmax(400px, 30%) 1fr;
  }
  ._recentItemsGrid_fetqf_53 {
    &[data-content-library="true"] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  ._taskItemsList_fetqf_54 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  ._chartGrid_fetqf_101 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._indicatorGrid_fetqf_100 {
    grid-template-rows: repeat(2, 1fr);
  }
}

@media (min-width: 47em) and (max-width: 75em) {
  ._recentItemsGrid_fetqf_53 {
    &[data-content-library="true"] {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  ._taskItemsList_fetqf_54 {
    &[data-content-library="true"] {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  ._homepageGridContainer_fetqf_108 {
    grid-template-rows: minmax(300px, 30%) min-content 1fr;
  }
  ._chartGrid_fetqf_101 {
    grid-template-columns: repeat(2, 1fr);
  }
  ._indicatorGrid_fetqf_100 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 47em) {
  ._recentItemsGrid_fetqf_53 {
    grid-template-columns: repeat(1, 1fr);
  }
  ._taskItemsList_fetqf_54 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  ._homepageGridContainer_fetqf_108 {
    grid-template-rows: minmax(400px, 40%) min-content 1fr;
  }
  ._chartGrid_fetqf_101 {
    grid-template-rows: repeat(2, 1fr);
  }
  ._indicatorGrid_fetqf_100 {
    grid-template-rows: repeat(2, 1fr);
  }
  ._suggestedUpdatesInnerContainer_fetqf_78 {
    /* Hide the content library when the screen size is small */
    &[data-content-library="true"] {
      display: none;
    }
  }
}
._tourOverlay_nomhw_1 {
  z-index: 1001 !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

._modal_nomhw_11 {
  font-size: small;

  .mantine-Modal-title {
    font-weight: 600;
    font-size: small;
  }

  .mantine-Modal-body {
    padding-block: 1rem;
  }
}

._popoverContainer_nomhw_24 {
  position: fixed;
  display: block;
  z-index: 1003;
}

._stepDescription_nomhw_30 {
  z-index: 1005;
  border: 1px solid var(--mantine-color-gray-4);
  background: #fff;
  border-radius: 5px;
  max-width: 300px;
  padding-block: 10px;
  padding-inline: 10px;
  font-size: small;
  pointer-events: all;
  gap: 8px;
}

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

._stepTitle_nomhw_47 {
  font-weight: 600;
  font-size: small;
}

._stepButtons_nomhw_52 {
  display: flex;
  width: 100%;
}

._stepDescriptionLeft_nomhw_57,
._stepDescriptionRight_nomhw_58,
._stepDescriptionTop_nomhw_59,
._stepDescriptionBottom_nomhw_60 {
  position: absolute;
  background: white;
  z-index: 1002;
  padding: 10px;
  border-radius: 5px;
  left: 50%;
  width: max-content;
  max-width: 300px;
  border: 1px solid var(--mantine-color-gray-4);
  font-size: small;
}

._stepDescriptionLeft_nomhw_57:after,
._stepDescriptionRight_nomhw_58:after,
._stepDescriptionTop_nomhw_59:after,
._stepDescriptionBottom_nomhw_60:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: white;
  border: 1px solid transparent;
  rotate: 45deg;
}

._stepDescriptionTop_nomhw_59:after {
  border-left-color: var(--mantine-color-gray-4);
  border-top-color: var(--mantine-color-gray-4);
  margin-left: -4px;
  margin-bottom: -4px;
  bottom: 100%;
  left: 50%;
}

._stepDescriptionBottom_nomhw_60:after {
  border-right-color: var(--mantine-color-gray-4);
  border-bottom-color: var(--mantine-color-gray-4);
  margin-left: -4px;
  margin-top: -4px;
  top: 100%;
  left: 50%;
}

._stepDescriptionLeft_nomhw_57:after {
  border-left-color: var(--mantine-color-gray-4);
  border-bottom-color: var(--mantine-color-gray-4);
  margin-right: -4px;
  margin-top: -4px;
  top: 50%;
  right: 100%;
}

._stepDescriptionRight_nomhw_58:after {
  border-right-color: var(--mantine-color-gray-4);
  border-top-color: var(--mantine-color-gray-4);
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
  left: 100%;
}

._modalButtons_nomhw_122 {
  justify-content: end;
  gap: 8px;

  .mantine-Button-label {
    font-weight: var(--writ-font-weight-semibold);
  }
}

._defaultButton_nomhw_131,
._filledButton_nomhw_132 {
  padding: 8px 12px;
  height: fit-content;
  width: fit-content;
  font-size: small;
  font-weight: var(--writ-font-weight-semibold);
}

._filledButton_nomhw_132 {
  background: var(--mantine-color-indigo-5);
  color: white;

  &:hover {
    background: var(--mantine-color-indigo-7);
  }
}

._highlightButton_nomhw_149 {
  animation-name: _drawAttention_nomhw_1;
  animation-duration: 750ms;
  animation-iteration-count: 3;
  animation-timing-function: ease-in-out;
}

@keyframes _drawAttention_nomhw_1 {
  50% {
    transform: scale(1.02);
    box-shadow: 0 0 4px 4px var(--mantine-color-indigo-0);
  }
}

._targetElement_nomhw_163,
._interactiveTargetElement_nomhw_164,
._fixedTargetElement_nomhw_165 {
  background: white !important;
  z-index: 1002 !important;
  border-radius: 4px;
}

._targetElement_nomhw_163,
._interactiveTargetElement_nomhw_164 {
  position: relative !important;
}

._fixedTargetElement_nomhw_165 {
  position: fixed !important;
}

._targetElement_nomhw_163 {
  pointer-events: none !important;

  :before {
    content: unset;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    pointer-events: all;
    z-index: 1003 !important;
  }
}
._activeTabButtonFlexWrapper_zqxis_1 {
  border-bottom: 2px solid transparent;

  button {
    line-height: 1.55;
  }

  &[data-active="true"] {
    &[data-templates="true"] {
      border-bottom: 2px solid var(--mantine-color-teal-7);
    }
    border-bottom: 2px solid var(--mantine-color-indigo-4);
  }
}

._activeTabButton_zqxis_1 {
  border: none;
  box-shadow: none !important;
  pointer-events: none;
  background-color: inherit;

  &[data-active="true"] {
    color: var(--mantine-color-indigo-4);
  }

  &[data-disabled="true"] {
    color: var(--mantine-color-gray-5);
    background-color: var(--mantine-white);
  }

  &[data-has-onclick-callback="true"] {
    pointer-events: all;
  }
}

._activeTabBadge_zqxis_36 {
  box-shadow: none !important;
  pointer-events: none;
  background-color: inherit;

  &[data-active="true"] {
    color: var(--mantine-color-indigo-6);
    background-color: color-mix(
      in srgb,
      var(--mantine-color-indigo-0) 50%,
      transparent
    );
    border-color: var(--mantine-color-indigo-1);
  }

  &[data-disabled="true"] {
    color: var(--mantine-color-gray-5);
    background-color: var(--mantine-white);
  }

  &[data-has-onclick-callback="true"] {
    pointer-events: all;
  }
}
._dropdownMenu_1am1b_1 {
  width: 400px;
  background: white;
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
  padding: 4px 4px 0 4px;
  /* This is the default dropdown shadow for mantine, v6 doesn't support using default component classes but v7 does
        could migrate this to Select.classes.dropdown (https://mantine.dev/styles/styles-api/#components-classes) */
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.05) 0 0.625rem 0.9375rem -0.3125rem,
    rgba(0, 0, 0, 0.04) 0 0.4375rem 0.4375rem -0.3125rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._mention_1am1b_17 {
  line-height: 1.4;
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 50%,
    transparent
  );
  border-radius: 4px;
  color: var(--mantine-color-indigo-5);
  padding: 0 4px;
}

._mentionContainer_1am1b_29 {
  display: inline-block;
}

._mentionListScrollArea_1am1b_33 > div {
  width: 100%;
}
._mentionListScrollArea_1am1b_33 {
  width: 100%;
  overflow-x: hidden;
  .mantine-ScrollArea-viewport {
    padding-bottom: 4px;
  }
  .mantine-ScrollArea-viewport > div {
    display: flex !important;
  }
}

._chatMentionIconWithLabel_1am1b_47 {
  overflow: hidden;
  flex: 1;
  min-width: 0;
}

._chatMentionLabel_1am1b_53 {
  min-width: 0;
}

._chatMentionTime_1am1b_57 {
  white-space: nowrap;
  flex-shrink: 0;
  padding-right: 6px;
}

._chatMentionTypesDivider_1am1b_63 {
  width: calc(100% + 8px);
  margin-left: -4px;
}

._emailAddressSelectComponent_1am1b_68 {
  padding: 8px 12px;
  font-size: var(--mantine-font-size-sm);
  gap: 8px;
  border-radius: 4px;
  cursor: pointer;
  &[data-hovered="true"],
  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
  align-items: center;
}

._chatMentionListItem_1am1b_81,
._userMentionListItem_1am1b_82 {
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px 6px;
  &[data-hovered="true"],
  &:hover {
    background-color: var(--mantine-color-gray-0);
  }
  justify-content: space-between;
}

._emptyMentionItem_1am1b_95 {
  padding: 4px 6px;
  margin-bottom: 4px;
}

._mentionPermissionAlertIcon_1am1b_100 {
  color: var(--mantine-color-gray-5);
  margin-right: 4px;
}
._iconColumn_1hdy3_1 {
  border: 0;
  vertical-align: top;
}

._contentColumn_1hdy3_6 {
  border: 0;
  vertical-align: top;
}
._contentText_1hdy3_10 {
  color: var(--mantine-color-dark-3);
}

._timestampColumn_1hdy3_14 {
  border: 0;
  vertical-align: top;
}

._activityTimelineButterAvatar_1hdy3_19 {
  background-color: var(--mantine-color-gray-3);
  .mantine-Avatar-placeholder {
    font-size: var(--mantine-font-size-xxs);
    font-weight: 600;
  }
}

._activityDivider_1hdy3_27 {
  &[data-last="true"] {
    display: none;
  }
}
._emailAddressSelectComponent_19q2g_1 {
  padding: 8px 12px;
  font-size: var(--mantine-font-size-sm);
  gap: 8px;
  border-radius: 4px;
  cursor: pointer;
  &[data-hovered="true"],
  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
  align-items: center;
}
._sidebarText_1d8ih_1 {
  font-weight: var(--writ-font-weight-semibold);
  font-size: var(--mantine-font-size-sm);
  margin-left: 4px;

  &[data-is-title="true"] {
    color: var(--mantine-color-gray-6);
    font-size: var(--mantine-font-size-xs);
    margin-left: 0;
    text-transform: uppercase;
  }
}

._userDetailsText_1d8ih_14 {
  cursor: default;
}

._sidebarTab_1d8ih_18 {
  height: 24px;
  width: 24px;
  color: var(--mantine-color-gray-7);

  &[data-active="true"] {
    color: var(--mantine-color-indigo-4);
    background-color: var(--mantine-color-indigo-0);

    &:hover {
      background-color: var(--mantine-color-indigo-1);
    }
  }

  &:hover:enabled {
    color: var(--mantine-color-indigo-4);
    background-color: var(--mantine-color-indigo-0);
  }
}

._tabsPanel_1d8ih_38 {
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--writ-border-color);
}

._tabsList_1d8ih_44 {
  width: 40px;
  min-width: 40px;
  align-items: center;
  padding: 8px;
  background-color: var(--writ-sidebar-background-color);
}

._tabsPanelHeader_1d8ih_52 {
  display: grid;
  grid-template-rows: min-content 1fr;
  width: 100%;
  &[data-sidebar-closed="false"] {
    outline: 1px solid var(--writ-border-color);
    border-right: 1px solid var(--writ-border-color);
  }
}

._tabPanelHeaderLabelContainer_1d8ih_62 {
  padding: 8px;
  border-top: 1px solid var(--writ-border-color);
  border-bottom: 1px solid var(--writ-border-color);
  height: 48px;
}
._accessPermissionsContainer_6f17i_1 {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 8px;
}

._accessControlMenuItem_6f17i_10 {
  &[data-active="true"] {
    background-color: var(--mantine-color-gray-2);
    &:hover {
      background-color: var(--mantine-color-gray-3);
    }
  }
}

._shareContainer_6f17i_19 {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: calc(100% - 40px);
  gap: 8px;
  padding: 8px;
  overflow: hidden;
}

._peopleWithAccessContainer_6f17i_28 {
  gap: 8px;
  height: 100%;
  overflow: hidden;
}

._accessPermissionList_6f17i_34 {
  width: 100%;
  display: grid;
  grid-template-rows: min-content 1fr;
  overflow: hidden;
}

._accessPermission_6f17i_1 {
  display: grid;
  grid-template-columns: 1fr min-content;
  overflow: hidden;
  background-color: var(--mantine-color-gray-0);
  border-radius: 4px;
  padding: 8px 6px;
  &[data-organization-permission="true"] {
    background-color: unset;
    padding: 0;
  }
}

._accessPermissionInner_6f17i_54 {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 8px;
}
._datasetPermissionsContainer_e79m1_1 {
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 8px;
}
._schemaAccordion_1wt7j_1 {
  --accordion-spacing: 0.375rem;

  .mantine-Accordion-item {
    border: none;
  }

  .mantine-Accordion-label {
    padding: 6px 0 6px 0;
  }

  .mantine-Accordion-content {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .mantine-Accordion-control {
    border-radius: 4px;
    padding-left: 4px;
    padding-right: var(--accordion-spacing);
  }

  .mantine-Accordion-chevron {
    margin-right: 0;

    &[data-rotate] {
      transform: rotate(90deg);
    }
  }
}

._colorSchemaIcon_1wt7j_32 {
  color: var(--mantine-color-indigo-4);
}

._tableAccordionContent_1wt7j_36 {
  margin-left: var(--mantine-spacing-sm);
  padding: 4px 10px;
  border: 2px solid transparent;
  border-radius: 4px;

  &[data-active="true"] {
    font-weight: var(--writ-font-weight-semibold);
    border: 2px solid var(--mantine-color-indigo-3);
    background-color: color-mix(
      in srgb,
      var(--mantine-color-indigo-0) 50%,
      transparent
    );
    color: var(--mantine-color-indigo-5);

    &:hover {
      border: 2px solid var(--mantine-color-indigo-4);
      background-color: var(--mantine-color-indigo-0);
    }
  }

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._schemaSearchTextInput_1wt7j_63 {
  .mantine-TextInput-input {
    border: none;
  }
}
._historyTimeline_ehtrj_1 {
  padding-left: 0;
  margin-right: 20px;

  &[data-is-loading="true"] {
    overflow: hidden;
  }

  .mantine-Timeline-item {
    &:not(:first-of-type) {
      margin-top: 0;
    }

    &::before {
      margin-left: 20px;
      border-color: var(--mantine-color-gray-4);
      z-index: 1;
    }

    &:first-of-type::before {
      margin-top: 25px;
    }

    padding: 10px 10px 10px 24px;
    border-radius: 4px;
    cursor: pointer;

    &:hover {
      background-color: var(--mantine-color-gray-1);
    }

    &[data-active="true"] {
      background-color: var(--mantine-color-indigo-0);

      &:hover {
        background-color: var(--mantine-color-indigo-1);
      }
    }
  }

  .mantine-Timeline-itemBullet {
    z-index: 2;
    margin-top: 25px;
    margin-left: 20px;
  }

  .mantine-Timeline-itemBody {
    padding-left: 20px;
  }

  .mantine-Timeline-itemTitle {
    margin-bottom: 0;
  }
}

._currentVersionIcon_ehtrj_56 {
  color: var(--mantine-color-yellow-3);
}

._timelineAvatar_ehtrj_60 {
  .mantine-Avatar-placeholder {
    border: none;
    color: var(--mantine-color-gray-1);
    background-color: var(--mantine-color-gray-6);
  }
}

[data-is-active="true"]._timelineAvatar_ehtrj_60 {
  .mantine-Avatar-placeholder {
    background-color: var(--mantine-color-indigo-7);
  }
}
._recentlyViewedItemCard_1ryo1_1 {
  min-height: 144px;
}

._dataSummaryRow_1ryo1_5 {
  padding-right: 4px;
  min-width: 0;
  overflow: hidden;

  .mantine-Text-root {
    white-space: nowrap;
  }
}

._recentlyViewedItemBody_1ryo1_15 {
  display: grid;
  grid-template-rows: min-content 1fr;
}

@media (max-width: 47em) {
  ._recentlyViewedItemCard_1ryo1_1 {
    min-width: 160px;
  }
}

._prismQueryBlock_1ryo1_26 {
  &.mantine-Prism-root {
    max-height: 78px;
    max-width: 100%;
  }

  .mantine-Prism-code {
    margin: 0;
    font-size: 0.6rem;
    padding-top: 0;

    /* global is used to prevent the classname from being scoped, i.e.
    so that the class name does not get prefixed with a hash */
    .keyword {
      color: var(--mantine-color-indigo-5) !important;
    }
  }

  .mantine-Prism-line {
    padding-left: 4px;
  }

  .mantine-Prism-scrollArea {
    height: 100%;
  }
}

._recentlyViewedItemCardFooter_1ryo1_53 {
  &[data-justify="end"] {
    justify-content: end;
  }
  justify-content: space-between;
  height: min-content;
  min-height: min-content;
}
._infiniteScroll_107wr_1 {
  overflow-x: hidden;
  > div {
    width: 100%;
  }
  .mantine-ScrollArea-viewport {
    > div {
      display: flex !important;
      overflow-x: hidden;
    }
  }
}

._chatActionIconDarker_107wr_14 {
  &:hover {
    background-color: var(--mantine-color-gray-2);
  }
}

._chatActionIcon_107wr_14 {
  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._sidebarNewChat_107wr_26 {
  padding: 2px 4px;
  margin-right: 8px;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}

._chatSidebarCollapsed_107wr_34 {
  height: 100%;
  border-radius: 4px 0 0 4px;
  padding: 6px 4px;
  gap: 8px;
  background-color: var(--writ-sidebar-background-color);
  border-right: 1px solid var(--writ-border-color);
  align-items: center;
}

._chatSidebarExpanded_107wr_44 {
  border-radius: 4px 0 0 4px;
  flex-direction: column;
  padding: 4px 0 0 4px;
  height: 100%;
  width: 70%;
  gap: 8px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: var(--writ-sidebar-background-color);
  border-right: 1px solid var(--writ-border-color);
}

._chatOverlay_107wr_59 {
  top: -1px;
  left: 70%;
  width: calc(30% + 1px);
  height: calc(100% + 2px);
  border-radius: 0 4px 4px 0;
}

._chatResultDisplay_107wr_67 {
  gap: 4px;
  width: 100%;
  padding: 2px 4px;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._chatMenuDropdown_107wr_79 {
  max-width: 700px;
}

._chatOuterContainer_107wr_83 {
  flex: 1;
  position: relative;
  overflow: hidden;
}

._chatInnerContainer_107wr_89 {
  width: 100%;
  height: 100%;
  background-color: var(--mantine-white);
  overflow: hidden;
  position: relative;
  gap: 2px;

  .ProseMirror {
    padding: 0;
  }
}

._helpBox_107wr_102 {
  flex-direction: column;
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
  width: 100%;
  height: min-content;
  background: var(--mantine-color-gray-0);
}

._chatResourceBadge_107wr_111 {
  background-color: white;
  border: 1px solid var(--writ-border-color);
  color: var(--mantine-color-dark-9);
  text-transform: none;
  font-weight: normal;
  &[data-clickable="true"] {
    cursor: pointer;
    &:hover {
      background-color: var(--mantine-color-gray-0);
    }
  }
  max-width: 400px;
  padding: 0 4px;
  align-items: center;
  white-space: nowrap;
}

._chatPopover_107wr_129 {
  max-width: 480px;
}

._chatPopoverDisabled_107wr_133 {
  pointer-events: none;
}

._chatPopoverLoader_107wr_137 {
  width: 300px;
  height: 144px;
  overflow: hidden;
  padding-right: 0;
}
._commentRichTextEditor_x82vc_1 {
  border-radius: 4px;
  margin: 2px;
  display: flex;
  justify-content: space-between;
  border: 1px solid transparent;
  background-color: var(--mantine-white);

  &[data-is-focused="true"] {
    border: 1px solid var(--mantine-color-indigo-4);
    box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
  }

  &[data-editable="false"] {
    margin-left: -2px;
    .mantine-RichTextEditor-toolbar {
      display: none;
    }
  }

  .mantine-RichTextEditor-toolbar {
    border: none;
    padding: 0;
  }
}

._commentRichTextEditorRoot_x82vc_27 {
  width: 100%;
  display: flex;
  border: none;
}
._commentRichTextEditorContent_x82vc_32 {
  .mantine-RichTextEditor-typographyStylesProvider {
    flex-grow: 1;
  }
  display: flex;
  flex-grow: 1;

  .ProseMirror {
    &[contenteditable="false"] {
      padding: 0 !important;
    }
    &[contenteditable="true"] {
      flex-grow: 1;
      padding: 10px 12px;
    }
  }

  & p {
    word-break: break-word;
  }

  font-size: var(--mantine-font-size-sm);
}
._commentViewCard_14ppa_1 {
  overflow: initial;
  background-color: var(--mantine-white);

  border: 2px solid transparent;

  &[data-is-selected="true"] {
    border-color: var(--mantine-color-indigo-5);
  }

  padding: 8px 16px;

  &[data-testid="comment-reply"] {
    padding-right: 0;
  }
}

._commentsViewContainer_14ppa_18 {
  display: grid;
  grid-template-rows: auto 2px 1fr;
  width: 100%;
  max-height: 100%;
}

._replyButton_14ppa_25 {
  cursor: pointer;
}

._replyToggleButton_14ppa_29 {
  .mantine-Button-label {
    width: 100%;
  }

  padding: 0;
  margin-left: -4px;
}

._chevronWrapper_14ppa_38 {
  &[data-active="true"] {
    transform: rotate(90deg);
  }
}

._showMoreChevronWrapper_14ppa_44 {
  height: 16px;
  &[data-active="true"] {
    transform: rotate(180deg);
  }
}

._readOnlyTextArea_14ppa_51 {
  .mantine-Textarea-input {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    min-height: 22px;
  }
}

._quoteText_14ppa_60 {
  cursor: pointer;
}

._commentsScrollArea_14ppa_64 {
  overflow: hidden;
}

._commentConvertIcon_14ppa_68 {
  align-self: center;
}

._commentText_14ppa_72 {
  overflow-wrap: anywhere;
}

._commentQuoteText_14ppa_76 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  text-overflow: ellipsis;
}

._commentConvertLink_14ppa_85 {
  margin-left: auto;
  align-self: center;
}

._tooltip_14ppa_90 {
  background: var(--mantine-white);
  color: var(--mantine-color-gray-8);
  border: 1px solid var(--mantine-color-gray-2);
  padding: 4px 6px;
}

._tooltipArrow_14ppa_97 {
  border-top: 1px solid var(--mantine-color-gray-2);
  border-right: 1px solid var(--mantine-color-gray-2);
}

._commentTaskBadge_14ppa_102 {
  :hover {
    cursor: pointer;
  }
}
._defaultTab_eq2a2_1 {
  height: 24px;
  font-size: x-small;
  padding: 4px;
  align-items: center;
  display: flex;
  font-weight: 400;
  border: 1px solid var(--mantine-color-gray-3);
  background: white;

  .mantine-Button-left {
    margin-right: 2px;
  }

  .mantine-Button-rightIcon {
    margin-left: 2px;
  }

  &[data-attention-active="true"] {
    color: var(--mantine-color-red-6);
  }
}

._defaultTab_eq2a2_1:hover {
  border: 1px solid var(--mantine-color-gray-5);
}
._sectionHeader_l206j_1 {
  color: var(--mantine-color-gray-5);
  font-size: x-small;
  font-weight: 600;
}
._entitySummaryGrid_19od6_1 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  width: 100%;
  overflow: hidden;
}
._datasetListTable_ddqy4_1 {
  padding-left: 8px;
}

._datasetScrollArea_ddqy4_5 {
  .mantine-ScrollArea-viewport {
    padding-bottom: 0 !important;
  }
}
._datasetFlexContainer_14esd_1 {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._datasetTabContainer_14esd_9 {
  flex-direction: column;
  height: 100%;
  width: 100%;
  gap: 8px;
  padding-top: 8px;
  overflow: hidden;
}

._highlightOverflow_14esd_18 {
  overflow: hidden;
}
._documentTemplatesTab_1if8a_1 {
  display: grid;
  width: 100%;
  height: 100%;
  gap: 12px;
  overflow: hidden;
  &[data-filters="true"] {
    grid-template-rows: repeat(3, min-content) 1fr;
  }
  grid-template-rows: repeat(2, min-content) 1fr;
  padding: 12px 0 0 16px;
}

._documentTemplateCard_1if8a_14 {
  height: 304px;
  background-color: white;
  padding: 0;
  gap: 0;

  &:hover {
    border: 1px solid var(--mantine-color-indigo-2);
    background-color: unset;
    box-shadow: 0 0 0 4px
      color-mix(in srgb, var(--mantine-color-indigo-0) 25%, transparent);
  }
}

._documentTemplateCardOuterFooter_1if8a_28 {
  /* this is needed in order for transparent colors not to layer on hover */
  background-color: white;
  border-radius: 4px;
}
._documentTemplateCardFooter_1if8a_33 {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 25%,
    transparent
  );
  color: var(--mantine-color-indigo-5);
  padding: 0 10px 10px 10px;
}

._documentTemplateCardMainContent_1if8a_43 {
  gap: 0;
}

._documentTemplateCardMainContentContainer_1if8a_47 {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 8px;
}

._documentTemplateCardImage_1if8a_54 {
  height: 100%;
  .mantine-Image-root {
    height: 100%;
  }
  .mantine-Image-figure {
    height: 100%;
  }
  .mantine-Image-imageWrapper {
    height: 100%;
  }
  .mantine-Image-image {
    object-position: left;
  }
}

._documentTemplateCardBadgeContainer_1if8a_70 {
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 8px;
  right: 0;
  justify-content: end;
  gap: 8px;
  padding: 0 8px;
}

[data-identifier="Advertising & Marketing"] {
  --hue: 15;
}
[data-identifier="Apparel & Accessories"] {
  --hue: 160;
}
[data-identifier="Apparel & Accessories Retailers"] {
  --hue: 45;
}
[data-identifier="Appliances, Tools & Housewares"] {
  --hue: 190;
}
[data-identifier="Auto & Truck Manufacturers"] {
  --hue: 75;
}
[data-identifier="Auto Vehicles, Parts & Service Retailers"] {
  --hue: 220;
}
[data-identifier="Auto, Truck & Motorcycle Parts"] {
  --hue: 105;
}
[data-identifier="Broadcasting"] {
  --hue: 250;
}
[data-identifier="Casinos & Gaming"] {
  --hue: 135;
}
[data-identifier="Communications & Networking"] {
  --hue: 280;
}
[data-identifier="Computer & Electronics Retailers"] {
  --hue: 165;
}
[data-identifier="Computer Hardware"] {
  --hue: 310;
}
[data-identifier="Construction Supplies & Fixtures"] {
  --hue: 195;
}
[data-identifier="Consumer Publishing"] {
  --hue: 340;
}
[data-identifier="Department Stores"] {
  --hue: 225;
}
[data-identifier="Discount Stores"] {
  --hue: 10;
}
[data-identifier="Electronic Equipment & Parts"] {
  --hue: 255;
}
[data-identifier="Entertainment Production"] {
  --hue: 40;
}
[data-identifier="Footwear"] {
  --hue: 285;
}
[data-identifier="Home Furnishings"] {
  --hue: 70;
}
[data-identifier="Home Furnishings Retailers"] {
  --hue: 315;
}
[data-identifier="Home Improvement Products & Services Retailers"] {
  --hue: 100;
}
[data-identifier="Homebuilding"] {
  --hue: 345;
}
[data-identifier="Hotels, Motels & Cruise Lines"] {
  --hue: 130;
}
[data-identifier="Household Electronics"] {
  --hue: 15;
}
[data-identifier="IT Services & Consulting"] {
  --hue: 160;
}
[data-identifier="Integrated Hardware & Software"] {
  --hue: 45;
}
[data-identifier="Leisure & Recreation"] {
  --hue: 190;
}
[data-identifier="Manufacturing"] {
  --hue: 75;
}
[data-identifier="Miscellaneous Specialty Retailers"] {
  --hue: 220;
}
[data-identifier="Office Equipment"] {
  --hue: 105;
}
[data-identifier="Online Services"] {
  --hue: 250;
}
[data-identifier="Phones & Handheld Devices"] {
  --hue: 135;
}
[data-identifier="Recreational Products"] {
  --hue: 280;
}
[data-identifier="Restaurants & Bars"] {
  --hue: 165;
}
[data-identifier="Retail/Ecommerce"] {
  --hue: 310;
}
[data-identifier="Semiconductor Equipment & Testing"] {
  --hue: 195;
}
[data-identifier="Semiconductors"] {
  --hue: 340;
}
[data-identifier="Tech"] {
  --hue: 225;
}
[data-identifier="Textiles & Leather Goods"] {
  --hue: 10;
}
[data-identifier="Tires & Rubber Products"] {
  --hue: 255;
}
[data-identifier="Toys & Children's Products"] {
  --hue: 40;
}

._documentTemplateBadge_1if8a_208 {
  text-transform: unset;
  .mantine-Badge-inner {
    font-weight: normal;
  }

  &[data-identifier] {
    background-color: hsla(
      var(--hue),
      65%,
      85%,
      1
    ); /* Lightened to account for no transparency */
    color: hsla(var(--hue), 65%, 20%, 1); /* Keep text color the same */
  }
}

._documentTemplatePreviewContainer_1if8a_225 {
  padding: 12px 0 0 16px;
  width: 100%;
  display: grid;
  grid-template-rows: min-content 1fr;
  height: 100%;
  overflow: hidden;
  gap: 12px;
}

._documentTemplatePreview_1if8a_225 {
  height: 100%;
  width: 100%;
  overflow: hidden;
  justify-content: center;
}

._iframe_1if8a_242 {
  border: none;
  width: 100%;
  max-width: 1000px;
  /* While the src is loading, we need to "hide" the iframe so it doesn't flip from small to large */
  &[data-loading="true"] {
    opacity: 0;
  }
}

._documentTemplateGrid_1if8a_252 {
  display: grid;
  gap: 12px;
}
@media (min-width: 75em) {
  ._documentTemplateGrid_1if8a_252 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 47em) and (max-width: 75em) {
  ._documentTemplateGrid_1if8a_252 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 47em) {
  ._documentTemplateGrid_1if8a_252 {
    grid-template-columns: 1fr;
  }
}
._queryCard_3285k_1 {
  cursor: pointer;
  width: 360px;
  min-width: 360px !important;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 16px;
  font-size: 0.85em;
  line-height: 1.4;
  background-color: var(--color-background-light);
  color: var(--color-text-secondary);
  min-height: 80px;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px var(--color-shadow-medium);
}

._queryCard_3285k_1:hover {
  box-shadow: 0 2px 6px var(--color-shadow-strong);
  border-color: var(--color-border-hover);
  color: var(--color-text-highlight);
  transform: translateY(-1px);
}

._searchTextArea_3285k_24 {
  border: none;
  outline: none;
  width: 100%;
  font-size: 0.95em;
  padding: 10px 0 10px 25px; /* Add padding for the icon */
  color: var(--color-text-input);
  resize: none;
  overflow: auto;
  font-family: inherit;
  min-height: 24px;
  max-height: 360px;
  line-height: 1.5;
  display: block;
}

/* Input Area */
._inputArea_3285k_41 {
  padding: 12px 20px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background-color: var(--color-background-main);
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 6px var(--color-shadow-input);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

._inputArea_3285k_41:focus-within {
  box-shadow: 0 8px 16px var(--color-shadow-input) !important;
  border-color: var(--color-primary) !important;
}

._integrationIcons_3285k_57 {
  align-items: center;
  gap: 10px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: 6px 12px;
}

._sendQueriesButton_3285k_65 {
  background-color: var(--color-primary);
}

._searchButtons_3285k_69 {
  justify-content: space-between;
}
:root {
  --color-text-primary: #333;
  --color-text-secondary: #868e96;
  --color-text-tertiary: #6c757d;
  --color-text-dark: #212529;
  --color-text-light: #9aa0a6;
  --color-text-input: #202124;
  --color-text-highlight: #34363a;

  --color-primary: #2743be;
  --color-primary-hover: #1967d2;
  --color-primary-light: #e8f0fe;
  --color-primary-ultralight: #f0f7ff;
  --color-primary-border: #1a73e840;

  --color-background-main: #fff;
  --color-background-alt: #f7f8fc;
  --color-background-light: #fcfcff;
  --color-background-hover: #f5f5f5;

  --color-border: #5f636820;
  --color-border-strong: #ced2e0;
  --color-border-light: #eee;
  --color-border-medium: #e1e3e5;
  --color-border-hover: #d0d7de;

  --color-badge-bg: #e6fcf5;
  --color-badge-text: #087f5b;
  --color-badge-border: #087f5b;

  --color-footer-item-bg: #d8ddf780;
  --color-footer-item-text: #1f3598;

  --color-shadow-light: rgba(0, 0, 0, 0.02);
  --color-shadow-medium: rgba(0, 0, 0, 0.03);
  --color-shadow-strong: rgba(0, 0, 0, 0.08);
  --color-shadow-input: #2743bb17;

  --color-avatar-bg: #e8f0fe;
  --color-avatar-fallback: #f0f0f0;

  --color-delete: #c01d1d;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-info: #17a2b8;
}

._mainPanel_vllvb_48 {
  width: 100%;
  height: 100%;
}
/* Main Content */
._mainContent_vllvb_53 {
  flex-grow: 1; /* Takes remaining space */
  padding: 24px;
  background-color: var(--color-background-main);
  flex-direction: column;
  overflow-y: auto; /* Allow content scrolling if needed */
  overflow-x: hidden;
  height: 100%;
}

._greeting_vllvb_63 {
  font-size: 2.5em;
  font-weight: 500;
  color: var(--color-primary);
  margin-bottom: 30px;
  line-height: 1.2;
}

._tabButton_vllvb_71 {
  padding: 8px 16px;
  font-size: 0.9em;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  transition: all 0.2s ease;
  &[data-active="true"] {
    color: var(--color-primary);
    border: 1px solid var(--color-primary-border);
    font-weight: 500;
    background-color: var(--color-primary-light);
  }
}

._tabButton_vllvb_71:hover {
  color: var(--color-primary) !important;
  border: 1px solid var(--color-primary-border) !important;
  background-color: var(--color-primary-ultralight) !important;
}

/* Slack-style Message Formatting */
._slackContainer_vllvb_93 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}

._slackHeader_vllvb_101 {
  padding: 8px 12px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  color: #1d1c1d;
}

._slackMessages_vllvb_109 {
  background-color: white;
  overflow-y: scroll;
  max-height: 400px;
}

._slackMessage_vllvb_109 {
  padding: 8px 12px;
  border-bottom: 1px solid #f0f0f0;
}

._slackMessage_vllvb_109:hover {
  background-color: #f8f8f8;
}

._slackMessage_vllvb_109:last-child {
  border-bottom: none;
}

._slackMessageHeader_vllvb_128 {
  margin-bottom: 4px;
}

._slackTime_vllvb_132 {
  font-size: 12px;
  color: #616061;
  margin-right: 8px;
}

._slackAuthor_vllvb_138 {
  font-weight: bold;
}

._slackContent_vllvb_142 {
  padding-left: 20px;
  line-height: 1.6;
  font-family: system-ui;
  white-space: pre-wrap;
  margin-top: 8px;
  margin-bottom: 4px;
}

._slackMention_vllvb_151 {
  background-color: #e8f5fa;
  border-radius: 3px;
  color: #1264a3;
  padding: 0 2px;
}

._slackLink_vllvb_158 {
  padding-left: 20px;
  margin-top: 4px;
  font-size: 12px;
}

._slackLink_vllvb_158 a {
  color: #1264a3;
  text-decoration: none;
}

._slackLink_vllvb_158 a:hover {
  text-decoration: underline;
}

._slackLink_vllvb_158 img {
  vertical-align: middle;
  height: 12px;
  margin-left: 2px;
}

._detailContent_vllvb_179 {
  padding: 15px;
  border-bottom: 1px solid #eee;
  position: relative;
}

._slackMention_vllvb_151 {
  background-color: #e8f5fa;
  border-radius: 3px;
  color: #1264a3;
  padding: 0 2px;
}

._slackChannel_vllvb_192 {
  background-color: #e8f5fa;
  border-radius: 3px;
  color: #1264a3;
  padding: 2px;
  cursor: pointer;
}

._slackCode_vllvb_200 {
  background-color: #f7f7f9;
  border: 1px solid #e1e4e8;
  border-radius: 3px;
  padding: 1px 4px;
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: inherit;
  color: #d73a49;
}

._slackBlockquote_vllvb_210 {
  border-left: 4px solid #ddd;
  margin: 8px 0;
  padding-left: 12px;
  color: #616061;
}

/* Slack text formatting */
._slackBold_vllvb_218 {
  font-weight: bold;
}

._slackItalic_vllvb_222 {
  font-style: italic;
}

._slackStrikethrough_vllvb_226 {
  text-decoration: line-through;
  opacity: 0.8;
}

._slackEmoji_vllvb_231 {
  font-style: normal;
  color: inherit;
  font-size: 1.2em;
  line-height: 1;
  vertical-align: middle;
}

._slackCodeBlock_vllvb_239 {
  background-color: #f7f7f9;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 12px 16px;
  margin: 8px 0;
  overflow-x: auto;
}

._slackCodeBlock_vllvb_239 code {
  font-family: "Consolas", "Monaco", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.5;
  color: #24292e;
  white-space: pre;
}

._refreshQueriesButton_vllvb_256 {
  color: var(--color-primary);
  .mantine-Button-label {
    font-weight: normal !important;
  }
}
._resultRow_ler4e_1 {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background-color 0.2s;
  table-layout: fixed;
}

._headerButton_ler4e_10 {
  border: none;
  .mantine-Button-label {
    font-weight: normal !important;
    font-size: var(--mantine-font-size-sm);
  }
  .mantine-Button-icon {
    margin-right: 4px;
  }
}

._resultCol_ler4e_21 {
  padding: 8px 10px;
  text-align: left;
  align-items: center;
  flex: 1;
  gap: 4px;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  font-size: var(--mantine-font-size-sm);
}

._resultRow_ler4e_1:hover {
  background-color: #f5f5f5;
}

._resultRowContainer_ler4e_37:nth-of-type(even) ._resultRow_ler4e_1 {
  background-color: #f8f9fa;
}

._resultRow_ler4e_1 ._resultCol_ler4e_21:nth-child(1),
._resultsHeader_ler4e_42 ._resultCol_ler4e_21:nth-child(1) {
  width: 10%;
  min-width: 100px;
}
._resultRow_ler4e_1 ._resultCol_ler4e_21:nth-child(2),
._resultsHeader_ler4e_42 ._resultCol_ler4e_21:nth-child(2) {
  flex: 5;
}
._resultRow_ler4e_1 ._resultCol_ler4e_21:nth-child(3),
._resultsHeader_ler4e_42 ._resultCol_ler4e_21:nth-child(3) {
  width: 15%;
}
._resultRow_ler4e_1 ._resultCol_ler4e_21:nth-child(4),
._resultsHeader_ler4e_42 ._resultCol_ler4e_21:nth-child(4) {
  width: 15%;
}
._resultRow_ler4e_1 ._resultCol_ler4e_21:nth-child(5),
._resultsHeader_ler4e_42 ._resultCol_ler4e_21:nth-child(5) {
  min-width: 100px;
  width: 100px;
}

._resultsHeader_ler4e_42 {
  display: flex;
  width: 100%;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #eee;
  table-layout: fixed;
}

._spoiler_ler4e_75 {
  .mantine-Spoiler-control {
    inset-inline-start: unset;
    top: 10px;
    right: 0;
  }
}

._queryParamText_ler4e_83 {
  font-size: 1.5em;
  font-weight: 500;
}

._queryParamTextContainer_ler4e_88 {
  padding: 6px 10px;
}

._progressChecklist_ler4e_92 {
  --paper-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--mantine-spacing-md);
  width: 90%;
  max-width: 600px;
  margin: 40px auto;
  padding: 24px 30px;
}

._progressChecklistItem_ler4e_103 {
  &[data-completed="true"] {
    color: var(--color-primary);
  }
}

._timelineContainer_ler4e_109 {
  position: relative;
  width: 100%;
  height: 42px;
  margin-top: 24px;
}

._timelineBar_ler4e_116 {
  position: relative;
  width: 100%;
  height: 2px;
  margin-top: 20px;
}

._timelineDateLabel_ler4e_123 {
  --text-fz: 12px;
  position: absolute;
  bottom: 28px;
  font-size: 12px;
  &[data-end="true"] {
    left: calc(100% - 32px);
  }
}

._timelineDateLine_ler4e_133 {
  position: absolute;
  top: -20px;
  height: 40px;
  &[data-line-type="date"] {
    width: 1px;
    background-color: #007bff40;
  }
  &[data-line-type="today"] {
    width: 2px;
    left: 100%;
    background-color: var(--mantine-color-red-6);
  }
}

._accordionControl_ler4e_148 {
  background-color: var(--mantine-color-gray-0);
  .mantine-Accordion-label {
    padding: 8px 0 8px 0;
  }
}

._accordionPanel_ler4e_155 {
  background-color: white;
  position: relative;
}

._footnoteHoverCard_ler4e_160 {
  height: 500px;
  width: 500px;
  position: absolute;
  z-index: 1000;
}

._fineTuneSearchAlert_ler4e_167 {
  .mantine-Alert-icon {
    margin-inline-end: 10px;
  }
  padding: 10px;
}

._userInfoAvatar_ler4e_174 {
  .mantine-Avatar-placeholder {
    font-weight: 500;
    color: var(--color-primary);
    background-color: var(--color-avatar-bg);
    width: 24px;
    height: 24px;
  }
}

._searchButtons_ler4e_184 {
  justify-content: space-between;
}
._authContainer_1jp58_1 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}

._borderedAuthGridWithHeaderAndFooter_1jp58_10 {
  border-right: 1px solid var(--writ-border-color);
  border-left: 1px solid var(--writ-border-color);
  flex-shrink: 0;
  flex-grow: 1;
  height: 100%;
  display: grid;
  grid-template-rows: 60px 1fr 60px;
}

._writDescriptionGrid_1jp58_20 {
  display: grid;
  gap: 40px;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-items: center;
}

._learnMoreAnchor_1jp58_29 {
  text-transform: uppercase;
  white-space: nowrap;
  align-content: center;
  width: min-content;
  padding-left: 36px;
}

._writDescriptionContainer_1jp58_37 {
  height: min-content;
  max-height: 100%;
  max-width: 500px;
  min-width: 300px;
  padding: 32px;
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 25%,
    white
  );
  display: flex;
  flex-direction: column;
  gap: 32px;
  order: 2;
  z-index: 1;
}

._paperContainer_1jp58_55 {
  background-color: white;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--mantine-color-indigo-5);
  border-radius: 8px;
  box-shadow: 0 0 0 8px
    color-mix(in srgb, var(--mantine-color-indigo-0) 50%, transparent);
  z-index: 1;
  min-width: 300px;
  max-width: 480px;
  order: 1;
}

._authForm_1jp58_69 {
  display: flex;
  flex-direction: column;
  padding: 56px 48px;
  gap: 24px;
  width: 100%;
}

._authFormFooter_1jp58_77 {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 25%,
    transparent
  );
  padding: 16px 0;
}

._authSidebar_1jp58_86 {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: 200px;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
}

._authSidearHeaderFooter_1jp58_95 {
  height: 60px;
  width: 100%;
  &[data-header="true"] {
    border-bottom: 1px solid var(--writ-border-color);
  }
  &[data-footer="true"] {
    border-top: 1px solid var(--writ-border-color);
  }
}

._authTextInput_1jp58_106 {
  .mantine-TextInput-input {
    height: 40px;
  }
}

._authPasswordInput_1jp58_112 {
  .mantine-PasswordInput-input {
    height: 40px;
  }
  .mantine-PasswordInput-innerInput {
    height: 100%;
  }
  .mantine-PasswordInput-label {
    width: 100%;
  }
}

._authFormHeaderFooter_1jp58_124 {
  height: 60px;
  width: 100%;
  &[data-header="true"] {
    border-bottom: 1px solid var(--writ-border-color);
  }
  &[data-footer="true"] {
    border-top: 1px solid var(--writ-border-color);
  }
  justify-content: end;
  padding: 16px 40px;
}

._authScrollArea_1jp58_137 {
  height: 100%;
  .mantine-ScrollArea-viewport {
    padding: 32px 48px;
  }

  .mantine-ScrollArea-viewport > div {
    height: 100%;
    display: flex !important;
  }
}

._gridBackgroundWithRotate_1jp58_149 {
  position: absolute;
  height: 100%;
  width: 100%;
  align-items: start;
  overflow: hidden;
  &[data-rotate="true"] {
    transform: scaleY(-1) scaleX(-1);
    right: 0;
    bottom: 0;
  }
  &[data-rotate="false"] {
    left: 0;
    top: 0;
  }
}

._googleSignInContainer_1jp58_166 {
  height: 40px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  &[data-initialized="false"] {
    border-color: var(--writ-border-color);
  }
  width: 200px;
  &[data-large="true"] {
    width: 400px;
  }
  &[data-error="true"] {
    outline: 1px solid var(--mantine-color-red-6);
  }
}

._googleButton_1jp58_184 {
  &[data-hide="true"] {
    display: none;
  }

  &[data-loading="true"] {
    pointer-events: none;
  }
}

._googleButtonContainer_1jp58_194 {
  position: relative;
}

._loaderContainer_1jp58_198 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  pointer-events: none;
  background-color: var(--mantine-color-gray-3);
  opacity: 0.8;
}

._loader_1jp58_198 {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 37.5em) {
  ._authForm_1jp58_69 {
    max-width: 300px;
  }
}
@media (min-width: 75em) {
  ._writDescriptionGrid_1jp58_20 {
    place-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  ._writDescriptionContainer_1jp58_37 {
    order: 1;
  }
  ._paperContainer_1jp58_55 {
    order: 2;
  }
}

@media (min-width: 47em) and (max-width: 75em) {
  ._writDescriptionGrid_1jp58_20 {
    grid-template-rows: 1fr min-content;
    align-items: start;
  }
}
._backButtonWrapper_iiv8r_1 {
  flex: 1;
}

._backToDocumentsButton_iiv8r_5 {
  color: var(--mantine-color-gray-7);
  background-color: var(--mantine-white);

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }
}

._documentStatusBadge_iiv8r_14 {
  cursor: auto;
}

._documentEditorScrollArea_iiv8r_18 {
  .mantine-ScrollArea-viewport > div {
    display: flex !important;
    min-height: 100%;
  }
}

._documentBorder_iiv8r_25 {
  border: 1px solid var(--writ-border-color);
  &[data-sidebar-opened="true"] {
    border-right: none;
  }
}

._documentAndComments_iiv8r_32 {
  flex-grow: 1;
  justify-content: center;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

._richTextEditor_iiv8r_40 {
  border: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}

._floatingMenu_iiv8r_48 {
  outline: 1px solid var(--mantine-color-indigo-0);
  width: 34px;
  border-radius: 4px;
  border: 1px solid var(--mantine-color-indigo-5);
  overflow: hidden;
}

._controlButton_iiv8r_56 {
  padding: 8px 6px;
  width: 32px;
  height: 36px;
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 25%,
    white
  );
  color: var(--mantine-color-indigo-5);
  &:hover {
    background-color: var(--mantine-color-indigo-0);
  }
  &[data-active="true"] {
    background-color: var(--mantine-color-indigo-4);
    color: white;
  }
}

._floatingMenuBottomButton_iiv8r_75 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._floatingMenuTopButton_iiv8r_80 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

._floatingModal_iiv8r_85 {
  background: white;
  border-radius: 4px;
  border: 1px solid black;
}

._toolbarControlButton_iiv8r_91 {
  &[disabled] {
    background-color: var(--mantine-color-gray-1);
    opacity: 0.4;
    pointer-events: none;
  }
  height: 28px;
  width: 28px;
  border-color: var(--writ-border-color);
}

._typographyStylesProvider_iiv8r_102 {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}

._toolbar_iiv8r_91 {
  border: none;
  gap: 8px;
  padding: 0 40px 8px 40px;
  &[data-show-users="true"] {
    padding: 0 0 8px 40px;
  }
  max-width: 75rem;
  width: 100%;
  margin: auto;
}
._resizeableImageWrapper_1fetk_1 {
  position: relative;
  height: 100%;
  overflow: hidden;
  max-width: 1200px;
  border: 1px solid transparent;
  &[data-hovered="true"] {
    border-color: var(--mantine-color-indigo-5);
  }
}

._resizeHandler_1fetk_12 {
  &[data-hovered="true"] {
    z-index: 1;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--mantine-color-indigo-5);
  }
  &[data-handler-position="top-left"] {
    top: 0;
    left: 0;
    cursor: nwse-resize;
  }
  &[data-handler-position="top-right"] {
    top: 0;
    right: 0;
    cursor: nesw-resize;
  }
  &[data-handler-position="bottom-left"] {
    bottom: 0;
    left: 0;
    cursor: nesw-resize;
  }
  &[data-handler-position="bottom-right"] {
    bottom: 0;
    right: 0;
    cursor: nwse-resize;
  }
}
@keyframes _generatingIconColorFade_l4zaz_1 {
  0% {
    fill: white;
  }
  100% {
    fill: var(--mantine-color-indigo-5);
  }
}

@keyframes _generatingContainerColorFade_l4zaz_1 {
  /* For this keyframe to work properly need the hex not using color-mix from --writ-background-hover-color*/
  0% {
    background-color: #d8def780;
  }
  100% {
    background-color: var(--mantine-color-indigo-0);
  }
}

._sparkleIcon_l4zaz_20 {
  &[data-generating="true"] {
    animation: _generatingIconColorFade_l4zaz_1 1s ease-in-out infinite alternate;
  }
  &[data-enabled="false"] {
    stroke: var(--mantine-color-gray-5);
  }
}

._aiDocumentSummaryContainer_l4zaz_29 {
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 34px;
  padding: 6px 8px;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  &[data-enabled="true"] {
    background-color: var(--writ-background-hover-color);
  }
  &[data-enabled="false"] {
    background-color: var(--mantine-color-gray-0);
  }
  &[data-generating="true"] {
    animation: _generatingContainerColorFade_l4zaz_1 1s ease-in-out infinite alternate;
  }
}

._aiDocumentSummaryContentPaper_l4zaz_49 {
  min-height: 32px;
  padding: 2px 10px;
}

._versionCompareCheckboxLabel_l4zaz_54 {
  padding-left: 8px;
}
._chatMessagesRichTextEditor_9s7nw_1 {
  border-radius: 4px;
  margin: 0 1rem 1rem 1rem;
  display: flex;
  justify-content: space-between;
  border: 1px solid transparent;
  background-color: var(--mantine-white);

  &[data-is-focused="true"] {
    border: 1px solid var(--mantine-color-indigo-4);
    box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
  }
  &[data-is-focused="false"] {
    border: 1px solid var(--writ-border-color);
    box-shadow: 0 0 0 2px transparent;
  }

  &[data-editable="false"] {
    margin-left: -2px;
    .mantine-RichTextEditor-toolbar {
      display: none;
    }
  }

  .mantine-RichTextEditor-toolbar {
    border: none;
    padding: 0;
    border-radius: 4px;
  }

  &[data-editable="true"] {
    .mantine-RichTextEditor-toolbar {
      justify-content: space-between;
      padding: 6px 8px;
    }
  }

  .mantine-ScrollArea-viewport > div {
    height: 100%;
  }

  .mantine-RichTextEditor-typographyStylesProvider {
    display: flex;
    height: 100%;
  }
}

._chatRichTextEditorRoot_9s7nw_48 {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr min-content;
  border: none;
  height: 100%;
}

._copyButton_9s7nw_56 {
  transition: opacity 200ms ease;
  &:hover {
    background-color: transparent;
  }
  [data-hoverable="true"]:hover & {
    opacity: 1;
  }
}

._buttonRow_9s7nw_66 {
  z-index: 1;
  transition: opacity 200ms ease;
  [data-hoverable="true"]:hover & {
    opacity: 1;
  }
}

._chatTimelineContainer_9s7nw_74 {
  flex-shrink: 0;
  min-width: 8px;
  min-height: 100%;
  position: relative;
}

/* For last element in chat timeline line */
._chatMessagePaper_9s7nw_82 > div[data-node-view-content] > div > div:last-child {
  &::before {
    min-height: 20px;
    max-height: calc(100% - 8px);
  }

  :not([data-status="loading"])::before {
    background-image: linear-gradient(
      180deg,
      var(--writ-border-color) 0%,
      white 100%
    );
  }
}

._chatMessagePaper_9s7nw_82 {
  padding: 8px;
  position: relative;
  margin-bottom: 8px;
  border-radius: 4px;
  width: 100%;
  min-width: 0;
  flex-shrink: 1;

  &:hover {
    background-color: color-mix(
      in srgb,
      var(--mantine-color-gray-0) 50%,
      transparent
    );
  }

  &[data-user-message="true"] {
    border: 1px solid var(--writ-border-color);
    background-color: var(--writ-sidebar-background-color);
    width: fit-content;
    max-width: min(66%, 612px);
    margin-left: auto;
  }
}

._markdownStyles_9s7nw_123 {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  p {
    line-height: 1.5;
    margin-top: 8px;
    margin-bottom: 8px;
    word-break: break-word;
  }
  ul {
    margin: 0;
  }
}

._userChatMarkdownStyles_9s7nw_144 {
  p {
    font-size: var(--mantine-font-size-sm);
    line-height: var(--writ-line-height-sm);
    margin-bottom: 0;
  }
}

._aiChatFontStyles_9s7nw_152 {
  font-family: SerifRegular;
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: SerifRegular;
  }
  h1 {
    font-size: 28.3px;
  }
  h2 {
    font-size: 23.3px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
  }
}

._buttonRowButton_9s7nw_182 {
  z-index: 1;
  background: none;
  transition: opacity 200ms ease;
  ._copyButtonIcon_9s7nw_186 {
    &:hover {
      color: var(--writ-border-color);
    }
  }
}

._copyButtonIcon_9s7nw_186 {
  &:hover {
    color: white;
  }
}

._codeBlockContainer_9s7nw_199 {
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
}

._chatMentionedResourceContainer_9s7nw_204 {
  display: inline-flex;
  /* Aligns better to text */
  vertical-align: middle;
  margin: 0.1rem;
}

._chatMentionedResource_9s7nw_204 {
  line-height: 1.4;
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 50%,
    transparent
  );
  border-radius: 4px;
  color: var(--mantine-color-indigo-5);
  padding: 0 4px;
}

._prismQueryBlock_9s7nw_223 {
  &.mantine-Prism-root {
    max-width: 100%;
  }

  .mantine-Prism-code {
    /* global is used to prevent the classname from being scoped, i.e.
    so that the class name does not get prefixed with a hash */
    .keyword {
      color: var(--mantine-color-indigo-5) !important;
    }

    max-width: 518px;
  }

  .mantine-Prism-line {
    padding-left: 4px;
    white-space: pre;
  }

  .mantine-Prism-scrollArea {
    height: 100%;
  }
}
._aiSummaryPromptEditor_n39uk_1 {
  flex: 1;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  overflow: hidden;
  background-color: white;
  height: 100%;

  &[data-focused="true"] {
    border: 1px solid var(--mantine-color-indigo-4);
    box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
  }
}

._aiSummaryTextArea_n39uk_15 {
  .mantine-Textarea-root {
    flex: 1;
  }
  .mantine-Textarea-icon {
    top: 10px;
    bottom: unset;
  }
  .mantine-Textarea-rightSection {
    top: 10px;
    bottom: unset;
  }
  .mantine-Textarea-input {
    overflow: hidden;
    border: none;
    background-color: transparent;
    &:focus {
      outline: none;
    }
  }
}

._textAreaInfoIcon_n39uk_37:hover {
  cursor: pointer;
}

._aiSummaryHoverBarContainer_n39uk_41 {
  padding-left: 32px;
  color: var(--mantine-color-indigo-5);
  flex: 1 1 0;
  min-width: 0;
}

._aiSummarySkeletonLoader_n39uk_48 {
  width: 100%;
  height: 24px;
  margin-top: 8px;
}

._nodeViewContentContainer_n39uk_54 {
  position: relative;
  cursor: default;
}

._extraSettingsPopover_n39uk_59 {
  z-index: 301 !important;
}
._chartTypeButton_1yjrq_1 {
  svg {
    width: 100%;
  }

  &[data-active="true"] {
    background-color: var(--mantine-color-indigo-5);
    color: var(--mantine-color-indigo-0);
  }
}

._chartTopBar_1yjrq_12 {
  visibility: hidden;

  &[data-parent-has-hovered="true"] {
    visibility: visible;
  }
}

._selectOptionsList_1yjrq_20 {
  user-select: none;
}

._scrollArea_1yjrq_24 {
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: 4px;

  tr:last-of-type > td:last-of-type {
    border-bottom-right-radius: 3px;
  }

  tr:first-of-type > td:first-of-type {
    border-top-left-radius: 3px;
  }

  tr:first-of-type > td:last-of-type {
    border-top-right-radius: 3px;
  }

  tr:last-of-type > td:first-of-type {
    border-bottom-left-radius: 3px;
  }
}

._columnNameCell_1yjrq_45 {
  cursor: pointer;
  width: 100%;
}

._selected_1yjrq_50 {
  background: var(--mantine-color-indigo-3);
  color: var(--theme-white);

  &:hover {
    background: var(--mantine-color-indigo-2);
  }
}

._hoverable_1yjrq_59 {
  &:hover {
    background: var(--mantine-color-indigo-0);
  }
}

._grabbable_1yjrq_65 {
  color: var(--mantine-color-indigo-1);
  background-clip: padding-box;
}

._spreadsheetPrismQuery_1yjrq_70 {
  --spreadsheet-prism-query-height: 12.5rem;

  max-height: var(--spreadsheet-prism-query-height);

  .mantine-Prism-code {
    margin: 0;

    .keyword {
      color: var(--mantine-color-indigo-5) !important;
    }

    width: 100%;
    background: none !important;
    padding: 8px !important;
  }

  .mantine-Prism-line {
    padding-left: 0;
  }

  .mantine-Prism-scrollArea {
    flex-grow: 1;
  }

  .mantine-ScrollArea-viewport {
    max-height: var(--spreadsheet-prism-query-height);
  }

  .mantine-Prism-root {
    display: flex;
  }
}
._paginationGroup_13mvn_1 {
  .mantine-Pagination-control {
    border-color: var(--mantine-color-indigo-2);

    &[data-disabled="true"] {
      color: var(--mantine-color-gray-5);
      opacity: 1;
    }

    &:not(:first-of-type, :last-of-type) {
      border-right: none;
      border-left: none;
    }

    &:first-of-type {
      border-right: none;
    }

    &:last-of-type {
      border-left: none;
    }

    &:not([data-disabled="true"]) {
      color: var(--mantine-color-indigo-5);
    }
  }
}

._paginationFirst_13mvn_29 {
  border-radius: 6px 0 0 6px;
}
._paginationPrevious_13mvn_32,
._paginationNext_13mvn_33 {
  border-radius: 0;
}
._paginationLast_13mvn_36 {
  border-radius: 0 6px 6px 0;
}

._pageLengthSelect_13mvn_40 {
  .mantine-Select-input {
    font-size: 10px;
    max-height: 18px;
    min-height: 18px;
  }
}
._writTableWrapper_f64dd_1 tr:hover {
  background-color: var(--mantine-color-gray-1);
}
._header_cgl3l_1 {
  cursor: pointer;
}

._cell_cgl3l_5 {
  max-width: 300px;
  border: none;
  padding: 5px 5px;
}

._cell_cgl3l_5,
._header_cgl3l_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  &[data-wrap-text="true"] {
    white-space: normal;
  }

  &[data-bold="true"] {
    font-weight: bold;
  }
  &[data-italic="true"] {
    font-style: italic;
  }
  &[data-align="left"] {
    text-align: left;
  }
  &[data-align="center"] {
    text-align: center;
  }
  &[data-align="right"] {
    text-align: right;
  }
}
._chartTypeIconWrapper_1hkj9_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem;
  background-color: var(--mantine-color-indigo-3);
  border-radius: var(--writ-border-radius-md);

  transition: "background-color" 0.2s ease-in-out;

  &[data-is-yet-to-be-chosen="true"] {
    background-color: var(--mantine-color-indigo-3);
  }
}
._chartTypeSection_115l7_1 {
  display: flex;
  flex-direction: column;
  padding: var(--mantine-spacing-sm) var(--writ-sidebar-side-margin) 0;

  label {
    display: block;
    line-height: 1;
  }
}

._chartName_115l7_12 {
  line-height: 1.25rem;
  display: flex;
  align-items: first center;
  gap: var(--writ-spacing-xxxs);
}

._chartTypeMenuItem_115l7_19 {
  padding: var(--writ-spacing-xxs);
}
._constrainAndCenterChildSvg_1s559_1 {
  display: flex;
  min-width: 100%;
  min-height: 100px;

  > div {
    width: 100%;

    .writChartWrapper {
      max-width: var(--writ-chart-max-width);
    }
  }

  svg {
    max-width: var(--writ-chart-max-width);
    margin: 0 auto;
  }
}

._annotationCentering_1s559_20 {
  max-width: var(--writ-chart-max-width);
  margin: 0 auto;
}
._placeholder_xctpd_1 {
  gap: 8px;
  min-height: 400px;
  padding: 40px 0;
  align-items: center;
  justify-content: center;

  --dot-bg: white;
  --dot-color: var(--mantine-color-indigo-1);
  --dot-size: 2px;
  --dot-space: 20px;

  background: linear-gradient(
        90deg,
        var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
        transparent 1%
      )
      center / var(--dot-space) var(--dot-space),
    linear-gradient(
        var(--dot-bg) calc(var(--dot-space) - var(--dot-size)),
        transparent 1%
      )
      center / var(--dot-space) var(--dot-space),
    var(--dot-color);
}

._placeholderIcon_xctpd_27 {
  background-color: white;
  color: var(--mantine-color-indigo-5);
}
._safeModeDescription_14o5g_1 {
  width: 80%;
  background: var(--mantine-white);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-xs);
  border-radius: var(--writ-border-radius-md);
  border: 1px solid var(--writ-border-color);

  table {
    margin-top: calc(var(--mantine-spacing-xs) * -1);
  }

  th,
  td {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
._annotationPositioner_10gf3_1 {
  position: absolute;
  transform-origin: top left;
  z-index: var(--writ-annotation-overlay-z-index);

  &[data-annotation-is-underlay="true"] {
    z-index: var(--writ-annotation-underlay-z-index);
  }
}
._overlayHandle_a5s7z_1 {
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 1px;
  border: 1.5px solid var(--mantine-color-blue-7);
  background-color: rgba(255, 255, 255, 0.7);
  cursor: grab;
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
  transform: translate(-50%, -50%);

  &:hover {
    transform: translate(-50%, -50%) scale(1.5);
  }

  &:active {
    cursor: grabbing;
  }

  svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    line {
      stroke: var(--mantine-color-blue-7);
    }

    path {
      fill: var(--mantine-color-blue-7);
    }
  }
}
._selfExpandingTextAreaParent_1knjh_1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border: 1px dotted var(--mantine-color-blue-3);
}

._selfExpandingTextArea_1knjh_1 {
  resize: none;
  background: transparent;
  height: auto;
}

._selfExpandingTextAreaSizer_1knjh_14 {
  visibility: hidden;
}

._selfExpandingTextArea_1knjh_1,
._selfExpandingTextAreaSizer_1knjh_14 {
  grid-area: 1 / 1 / 2 / 2;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  border: none;
  outline: none;
  overflow: hidden;
  font-family: SansRegular;
  white-space: pre-wrap;
}
._anchorCornerRadioGroup_1i34v_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5rem;
  border: 1px solid var(--mantine-color-gray-4);
  padding: 0.5rem;
  border-radius: var(--writ-border-radius-md);

  label {
    cursor: pointer;
  }

  > div {
    display: flex;
  }

  > div:nth-child(odd) {
    flex-direction: row-reverse;
  }
}
._positionContextMenu_1wt8t_1 {
  position: absolute;
  z-index: var(--writ-annotation-overlay-context-menu-z-index);
}
/* Original SVG 
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path fill="white" stroke="black" stroke-width="2" d="M9 18h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-3l-3 3l-3 -3z"></path>
  <path d="M 0 0 L 6 0 L 0 6 Z" fill="#777"></path>  
  <path fill="none" stroke="black" stroke-width="2" d="M8 9h8"></path>
  <path fill="none" stroke="black" stroke-width="2" d="M8 13h6"></path>
</svg>

Convert to URL Encoded SVG here: https://yoksel.github.io/url-encoder/
*/

._annotationCursor_6ze70_12 {
  position: relative;
  cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' stroke='black' stroke-width='2' d='M9 18h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-3l-3 3l-3 -3z'%3E%3C/path%3E%3Cpath d='M 0 0 L 6 0 L 0 6 Z' fill='%23777'%3E%3C/path%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M8 9h8'%3E%3C/path%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M8 13h6'%3E%3C/path%3E%3C/svg%3E")
      0 0,
    pointer;

  > svg {
    position: relative;
    z-index: var(--writ-annotation-chart-z-index);

    .writChartBackgroundRect {
      fill: transparent !important;
    }
  }
}
._monacoWrapper_rf7h8_1 {
  height: 100%;
  width: 100%;
  border-radius: var(--writ-border-radius-md);
  background: transparent;

  pointer-events: all;
  &[data-is-filter="true"] {
    border: 1px solid var(--mantine-color-gray-4);
  }
}

._monacoContainer_rf7h8_13 {
  min-height: 36px;
  height: 100%;
  position: relative;
}

._formatButton_rf7h8_19 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}

._inlineEditorLayout_rf7h8_26 {
  display: grid;
  width: 100%; /* The use of grid and the explicit width is necessary to give Monaco width to respond to. */
  /* Otherwise Monaco will grow but never shrink. */
  grid-template-columns: calc(100% - 3rem) min-content; /* This too. Monaco is inside the first column. */
  gap: var(--mantine-spacing-xs);
  align-items: center;
}
._headerBar_kawyp_1 {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: end;
}

._explanationWrapper_kawyp_7 {
  p {
    line-height: 1.2;
  }

  p:first-child {
    margin-top: 0;
  }

  p:last-child {
    margin-bottom: 0;
  }
}

._sectionHeader_kawyp_21 {
  display: flex;
  align-items: center;
  gap: var(--writ-spacing-xxxs);

  color: var(--mantine-color-gray-9);
  line-height: 1;
  padding: var(--writ-spacing-xxxs) 0;
  position: relative;
  min-height: 0.75rem;

  ._helpCircleIcon_kawyp_32 {
    cursor: pointer;
    color: var(--mantine-color-gray-5);
    margin-left: var(--writ-spacing-xxxs);
  }
}

._helpCircleIcon_kawyp_32 {
  cursor: pointer;
}

._actionsBar_kawyp_43 {
  display: flex;
  align-items: baseline;
}

._configEntry_kawyp_48 {
  display: flex;
  flex-direction: column;
  gap: var(--writ-spacing-xxxs);
}
._itemListTable_123kp_1 {
  tbody > tr > td {
    padding: 0;
  }
}

._noResults_123kp_7 {
  width: 100%;
  text-align: center;
}

._row_123kp_12[data-selected="true"] {
  color: white;
  background: var(--mantine-color-indigo-3);
}

._row_123kp_12[data-selected="true"]:hover {
  background: var(--mantine-color-indigo-2);
}

._row_123kp_12[data-selected="false"]:hover {
  background: var(--mantine-color-indigo-0);
}

._cellText_123kp_25 {
  user-select: none;
}

._itemNameCell_123kp_29 {
  cursor: pointer;
  width: 100%;

  .writ-TransformationBadge {
    vertical-align: text-top;
    margin-right: var(--writ-spacing-xxs);
  }
}

._itemListEntry_123kp_39 {
  padding: var(--writ-spacing-xxs) var(--mantine-spacing-xs);
}

._hideItem_123kp_43[data-selected="true"] {
  color: white;
}

._grabbable_123kp_47 {
  color: var(--mantine-color-indigo-1);
  background-clip: padding-box;
}

._grabbable_123kp_47[data-selected="true"] {
  color: white;
}

._grabbable_123kp_47[data-selected="false"] {
  color: var(--mantine-color-gray-6); /* make-sure-this-variable-is-defined */
}

._scrollArea_123kp_60 {
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: 4px;

  &[data-is-embedded-mode="true"] {
    border: none;
    border-radius: 0;
  }
}

._scrollArea-tr_123kp_70:last-of-type > td:last-of-type {
  border-bottom-right-radius: 3px;
}

._scrollArea-tr_123kp_70:first-of-type > td:first-of-type {
  border-top-left-radius: 3px;
}

._scrollArea-tr_123kp_70:first-of-type > td:last-of-type {
  border-top-right-radius: 3px;
}

._scrollArea-tr_123kp_70:last-of-type > td:first-of-type {
  border-bottom-left-radius: 3px;
}
._columnSelectorGrid_1otoc_1 {
  display: grid;
  grid-template-columns: 3fr 1fr min-content;
  gap: var(--writ-spacing-xxxs);

  tbody,
  thead,
  tr {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
  }

  td {
    align-items: center;
  }
}

._columnSelectorGrid_1otoc_1[data-has-multiselect="true"] {
  grid-template-columns: 3fr 1fr min-content min-content;
}

._columnSelectorHeaderRow_1otoc_23 {
  align-items: center;
  text-align: left;
}

._columnSelectorHeaderLabel_1otoc_28 {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-9);
}

._columnSelectorRow_1otoc_33 {
  align-items: center;
  margin: calc(var(--writ-spacing-xxxs) * 0.5) 0;

  td {
    height: 100%;
    align-items: start;
  }
}

._columnSelectorActionColumn_1otoc_43 {
  button {
    margin-top: 0.35rem;
  }
}

._columnSelectItem_1otoc_49 {
  padding-left: var(--writ-spacing-xxs);
}

._addColumnButton_1otoc_53 {
  font-size: var(--mantine-font-size-xs);
  padding: 0;
  margin-top: 0.25rem;
  color: var(--mantine-color-indigo-5);

  &:hover {
    background-color: transparent;
    color: var(--mantine-color-indigo-7);
  }

  &:active {
    text-decoration: underline;
  }
}
._transformationConfigsWrapper_13uu3_1 {
  display: flex;
  flex-direction: column;
}

._transformationConfigsHeader_13uu3_6 {
  padding: var(--writ-spacing-xxs) var(--mantine-spacing-sm);
  border-bottom: 1px solid var(--mantine-color-gray-3);

  display: flex;
  align-items: center;

  span {
    font-size: var(--mantine-font-size-xs);
  }

  ._cancelButton_13uu3_17 {
    margin-left: auto;
    margin-right: -0.25rem;
  }
}

._transformationConfigForm_13uu3_23 {
  padding: 0 var(--mantine-spacing-sm) 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;

  &:first-of-type {
    padding-top: var(--mantine-spacing-sm);
  }

  &:last-of-type {
    padding-bottom: var(--mantine-spacing-sm);
  }
}
._fixLabelAlignment_iqbme_1 {
  display: grid;
  grid-template-columns: 1fr 2fr min-content;
  gap: 0.5rem;
  width: 100%;
  align-items: end;

  .mantine-InputWrapper-label {
    margin-bottom: 0;
  }
}
._transformationSelector_vphjw_1 {
  padding: 0 0.3rem 0 0.5rem;
  border: var(--mantine-color-gray-3) 1px solid;

  .mantine-Button-label {
    font-weight: var(--writ-font-weight-regular);
  }

  .mantine-Button-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--mantine-color-gray-9);
  }

  &:disabled {
    background-color: var(--mantine-color-gray-1);
    cursor: not-allowed;

    .mantine-Button-label,
    .mantine-Button-icon {
      color: var(--mantine-color-gray-6);
    }
  }
}

._transformationLabel_vphjw_27 {
  padding-bottom: 0.5rem;
}

._transformationLabel_vphjw_27:first-of-type {
  padding-top: 0.5rem;
}

._transformationDivider_vphjw_35 {
  margin-top: 0.5rem;
  margin-bottom: 0.125rem;
  padding: 0;
}

._transformationItem_vphjw_41 {
  padding: 0.25rem 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: calc(100% - 0.5rem);
}

._transformationItem_vphjw_41:last-of-type {
  margin-bottom: 0.5rem;
}

._transformationItem_vphjw_41[data-is-selected="true"] {
  background-color: var(--mantine-color-indigo-0);
  color: var(--mantine-color-indigo-6);

  svg {
    stroke: var(--mantine-color-indigo-6);
  }
}

._tranformationMenu_vphjw_61 {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
._sortConfigList_3o9ei_1 {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;

  li {
    display: grid;
    padding: var(--writ-spacing-xxxs) 0; /* Use padding instead of margin to accomodate DND */
    grid-template-columns: 1fr min-content;
    gap: var(--writ-spacing-xxs);
  }

  ._sortSelectColumn_3o9ei_14 {
    display: grid;
    align-items: center;
    grid-template-columns: min-content 1fr;

    ._sortSelectRightSection_3o9ei_19 {
      display: flex;
      gap: var(--writ-spacing-xxs);
    }

    .mantine-Select-wrapper {
      border: 1px solid var(--mantine-color-gray-3);
      border-radius: var(--writ-border-radius-md);
      display: grid;
      align-items: center;
      grid-template-columns: 1fr max-content;
    }

    .mantine-Select-input {
      width: inherit;
      padding: var(--mantine-spacing-sm);
      background: transparent;
      border: none;
      grid-column: 1 / 3; /* Span both columns */
      grid-row: 1 / 2; /* Lock to first row */
    }

    .mantine-Select-rightSection {
      width: inherit;
      position: relative;
      margin-right: var(--writ-spacing-xxs);
      grid-column: 2 / 3; /* Only in the 2nd "max-content" column */
      grid-row: 1 / 2; /* Lock to first row, almost like absolute positioning */
      pointer-events: none; /* Clicks "pass through" this element to the input underneath. Which is why grid-column needed to be 1 / 3 above */
    }
  }

  ._sortGrabIcon_3o9ei_51 {
    min-width: inherit;
    width: inherit;
  }

  ._sortSelectOrder_3o9ei_56 {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  ._sortOrderItemDisplay_3o9ei_62 {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .iconXSmall {
      margin-right: var(--writ-spacing-xxs);
      color: var(--mantine-color-gray-6);
    }
  }

  ._sortOrderItemTransformation_3o9ei_73 {
    background-color: var(--mantine-color-gray-3);
    border-radius: var(--writ-border-radius-md);
    margin-left: var(--mantine-spacing-xxs);
    font-size: 0.5rem;
    padding: var(--writ-spacing-xxxs) var(--writ-spacing-xxs);
  }
}
._emptyStateWrapper_fo2rb_1 {
  border: var(--mantine-color-gray-3) 1px solid;
  background-color: var(--mantine-color-gray-0);
  border-radius: var(--writ-border-radius-md);
}

._emptyState_fo2rb_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(1.5 * var(--mantine-spacing-xl)) var(--mantine-spacing-md);
  gap: var(--mantine-spacing-sm);
}

._emptyStateText_fo2rb_16 {
  width: 12rem;
  font-size: var(--mantine-font-size-sm);
  text-align: center;
  line-height: 1.2;
}
._sortSelectRightSection_1i8z1_1 {
  display: flex;
  gap: var(--writ-spacing-xxs);
}

._sortOrderItemDisplay_1i8z1_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;

  .iconXSmall {
    margin-right: var(--writ-spacing-xxs);
    color: var(--mantine-color-gray-6);
  }
}
._writSelectLabel_7npq3_1 {
  font-size: var(--mantine-font-size-sm);
}

._popoverDropdown_7npq3_5 {
  max-height: 33vh;
  overflow-y: auto;
}

._popoverDropdownItem_7npq3_10 {
  border-radius: 4px;
  min-width: 160px;
  &:hover {
    background: var(--mantine-color-gray-0);
  }
  &[data-selected="true"] {
    background: var(--mantine-color-indigo-0);
    color: var(--mantine-color-indigo-6);
  }
}

._popoverTarget_7npq3_22 {
  &:hover {
    background: var(--mantine-color-gray-0);
  }
}
._writControlRow_aqmay_1 {
  > *:last-child {
    max-width: 45%;
  }
}
._drawer_10tk0_1 {
  --drawer-color: var(--mantine-color-gray-5);

  ._drawerIcon_10tk0_4 {
    display: block;
    margin-right: 0.25rem;

    ._drawerIconCircle_10tk0_8 {
      fill: var(--drawer-color);
    }
  }

  ._button_10tk0_13 {
    display: flex;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: var(--mantine-color-gray-6);
    font-size: 0.625rem;
    transition: color 100ms ease;
    text-decoration: underline;

    &:hover {
      color: var(--mantine-color-gray-7);
    }
  }
}

._styleAccordionContent_10tk0_33 {
  margin-top: 0.5rem;

  section {
    display: flex;
    align-items: center;
    min-height: 2rem; /* This feels large, but we have to accomodate text input and color input, which are 1.875rem */
  }

  .writ-config-label {
    font-size: var(--mantine-font-size-sm);
    font-weight: var(--writ-font-weight-semibold);
    display: flex;
    align-items: center;

    svg {
      color: var(--mantine-color-gray-4);
      margin-left: var(--writ-spacing-xxxs);
    }
  }
}

._stylingAccordion_10tk0_55 {
  background-color: transparent;

  .mantine-Accordion-item {
    border: 0;
    background-color: transparent;
  }

  .mantine-Accordion-control {
    padding: 0;
    background-color: var(--background-color-brand-half);
    border-radius: var(--writ-border-radius-md);
    font-size: var(--mantine-font-size-xs);
    color: var(--mantine-color-indigo-5);

    .mantine-Accordion-label {
      padding-left: 0.5rem;
    }
  }

  .mantine-Accordion-content {
    padding: 0 0 0 0.5rem;
  }

  .mantine-Accordion-content > section {
    padding-right: 0.375rem;
  }
}

._stylingAccordionHeader_10tk0_84 {
  .mantine-Accordion-label {
    padding: var(--writ-spacing-xxs);
    transition: padding 200ms ease;

    font-weight: var(--writ-font-weight-semibold);
  }
}

._sectionHeader_10tk0_93 {
  .mantine-Accordion-chevron {
    color: var(--mantine-color-gray-6);
  }

  .mantine-Accordion-label {
    color: var(--mantine-color-gray-8)
      /* Darker when not expanded, so to avoid it looking like it is disabled. */;
  }

  .mantine-Accordion-chevron,
  .mantine-Accordion-label {
    transition: color 200ms ease;
  }

  &:hover {
    background-color: transparent;

    .mantine-Accordion-label,
    .mantine-Accordion-chevron {
      color: var(--mantine-color-indigo-5);
    }
  }

  .mantine-Accordion-label {
    padding-top: var(--mantine-spacing-xs);
    padding-bottom: var(--mantine-spacing-xs);

    transition: padding 200ms ease;
  }

  &[aria-expanded="true"] {
    .mantine-Accordion-label {
      color: var(--mantine-color-gray-6);
      padding-top: var(--mantine-spacing-md);
    }

    &:hover {
      .mantine-Accordion-label,
      .mantine-Accordion-chevron {
        color: var(--mantine-color-gray-8);
      }
    }

    .mantine-Accordion-chevron {
      align-self: flex-end;
      padding-bottom: 0.53125rem;
    }
  }
}

._sectionHeader_10tk0_93,
._stylingAccordionHeader_10tk0_84 {
  .mantine-Accordion-chevron {
    position: relative;

    &::before {
      position: absolute;

      width: 5rem;
      text-align: right;
      content: "Expand";
      font-weight: var(--writ-font-weight-semibold);

      right: 0;
      transform: translate(-1rem, 0);
      opacity: 0;
      transition: opacity 200ms ease, transform 200ms ease;
    }

    svg {
      transition: transform 200ms ease;
    }
  }

  &:hover {
    .mantine-Accordion-chevron {
      &::before {
        transform: translate(-1.375rem, 0);
        opacity: 1;
      }
    }
  }

  &[aria-expanded="true"] {
    .mantine-Accordion-chevron {
      &::before {
        content: "Collapse";
      }

      svg {
        transform: rotate(45deg);
      }
    }
  }
}
._configSuggestionCard_1sg4r_1 {
  .mantine-Alert-body {
    padding: 0.15rem 0 var(--mantine-spacing-xxs);
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
._container_1q895_1 {
  display: block !important;
  width: 100%;
}

._table_1q895_6 {
  display: grid;
  grid-template-columns: 1fr 1fr min-content;

  width: 100%;
}

._headerRow_1q895_13 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  font-size: 12px;
  font-weight: 500;
  color: var(--mantine-color-gray-6);
  margin-bottom: var(--writ-spacing-xxs);
  gap: 0 var(--mantine-spacing-xxs);

  .mantine-Text-root {
    line-height: 1;
    padding: 0;
  }
}

._headerRow_1q895_13 > div {
  padding: 4px 0;
}

._row_1q895_33 {
  grid-column: 1 / -1;
  display: grid;
  gap: var(--mantine-spacing-xxs);
  grid-template-columns: subgrid;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
}

/* We're using .row for the add entry form now */
._scrollAreaViewport_1e116_1 {
  &:before {
    content: "";
    display: block;
    height: 8px;
    width: 100%;
    border-top: 1px solid var(--mantine-color-gray-3);
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.05) 30%,
      rgba(0, 0, 0, 0)
    );
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 1000;
  }

  &[data-is-scrolled="true"]:before {
    opacity: 1;
  }
}
._activeUserComponent_6k6sl_1 {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  gap: 8px;
}

._activeUserBox_6k6sl_7 {
  margin-right: 40px;
  height: min-content;
  padding: 4px;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  cursor: pointer;
}

._userAvatar_6k6sl_16 {
  border: 1px solid white;
}

._activeUserIndicator_6k6sl_20 {
  .mantine-Indicator-indicator {
    bottom: 1px;
    right: 1px;
  }
}

._avatarGroup_6k6sl_27 {
  flex-direction: row-reverse;
}

._activeUserModal_6k6sl_31 {
  .mantine-Modal-header {
    padding-bottom: 8px;
  }
  .mantine-Modal-body {
    padding-bottom: 0;
    padding-right: 0;
  }
}

._activeUserModalScrollArea_6k6sl_41 {
  .mantine-ScrollArea-viewport {
    padding-bottom: 16px;
  }
}
._documentVersionTimeline_1sstc_1 {
  width: 100%;

  .mantine-Timeline-item:first-of-type {
    margin-top: 2px;
  }

  .mantine-Timeline-item:not(:first-of-type) {
    margin-top: 0;
  }

  .mantine-Timeline-item {
    &::before {
      border-left: var(--document-timeline-width) solid var(--writ-border-color);
    }
    min-height: 28px;
  }

  .mantine-Timeline-itemBullet {
    background-color: white !important;
  }

  .mantine-Timeline-item[data-initial="true"] > ._bulletItem_1sstc_23 {
    color: var(--mantine-color-indigo-3);
    background-color: var(--mantine-color-indigo-0) !important;
    border-color: var(--mantine-color-indigo-0);
  }

  .mantine-Timeline-item[data-initial="true"] > ._bulletItem_1sstc_23:hover {
    box-shadow: none;
  }

  .mantine-Timeline-item[data-hidden="true"] {
    max-height: 28px;
  }
  .mantine-Timeline-item[data-hidden="true"] > ._bulletItem_1sstc_23:hover {
    box-shadow: none;
  }

  .mantine-Timeline-item[data-hidden="true"] > ._bulletItem_1sstc_23 {
    color: transparent;
    background-color: transparent !important;
    border-color: transparent;
  }
}

._bulletItem_1sstc_23 {
  border: none;
}

._currentVersionBullet_1sstc_51:hover {
  box-shadow: 0 0 0 2px
    color-mix(in srgb, var(--mantine-color-indigo-5) 50%, transparent);
}

._currentVersionBullet_1sstc_51 {
  min-height: 28px;
  height: 28px;
  width: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 75%,
    transparent
  );
  &[data-active="true"] {
    background-color: var(--mantine-color-indigo-5);
  }
  border-radius: 50%;
}

._currentVersionBullet_1sstc_51 > svg {
  &[data-active="true"] {
    color: white;
  }
  &[data-active="false"] {
    color: var(--mantine-color-indigo-3);
  }
  border-radius: 50%;
}

._timelineItemTitle_1sstc_84 {
  &[data-current="false"]:hover {
    background-color: var(--background-color-neutral);
  }
  justify-content: space-between;
  border-radius: 4px;
  padding: 4px;
}

._timelineItemTitleStack_1sstc_93 {
  flex: 1;
  overflow: hidden;
}

._hoverCardArrow_1sstc_98 {
  left: -4px !important;
  width: 0 !important;
  height: 0 !important;
  border: none;
  transform: none !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-right: 4px solid var(--mantine-color-gray-3) !important;
}

._timelineStack_1sstc_109 {
  background-color: var(--mantine-color-gray-0);
  padding: 8px;
  align-content: center;
  width: 44px;
  min-width: 44px;
  gap: 8px;

  &[data-expanded="true"] {
    padding: 8px 12px;
    width: 200px;
    min-width: 200px;
  }
}

._verticalHistorySliderBoxContainer_1sstc_124 {
  height: 100%;
  width: 100%;
  cursor: pointer;
}

._verticalHistorySliderBox_1sstc_124 {
  &[data-current="true"] {
    width: calc(var(--document-timeline-width) * 2);
    margin-left: 11px;
  }
  height: 100%;
  width: var(--document-timeline-width);
  margin-left: 12px;
}

._timelinePaginationButton_1sstc_140 {
  &[data-disabled="true"] {
    background-color: var(--mantine-color-gray-0);
  }
}
._buttonIconContainer_1y5wn_1 {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 50%,
    transparent
  );
  width: 100%;
  height: 100%;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  color: var(--mantine-color-indigo-5);
}

._writSnippetButtonLabel_1y5wn_15 {
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 8px;
  gap: 8px;
}

._writSnippetGrid_1y5wn_23 {
  margin: 0;
  width: 400px;
  padding: 0 8px 8px 8px;
  &[data-slim="true"] {
    width: 200px;
  }

  .mantine-Grid-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}

._writSnippetButton_1y5wn_15 {
  height: 88px;
  width: 100%;
  border-color: var(--mantine-color-gray-4);
  padding: 0;

  .mantine-Button-label {
    width: 100%;
    height: 100%;
  }
}

._writSnippetButtonTextSection_1y5wn_50 {
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  width: 100%;
}

._writSnippetButtonText_1y5wn_50 {
  font-size: 6px;
  font-weight: normal;
  white-space: break-spaces;
  &[data-heading="true"] {
    font-weight: bold;
    white-space: nowrap;
  }
}
._textAreaPaper_1688p_1 {
  padding: 2px;
  align-items: center;
  &[data-is-disabled="true"] {
    padding-left: 8px;
  }
}

._textAreaWithSubmit_1688p_9 {
  .mantine-Textarea-input {
    width: 100%;
    border: 1px solid transparent;
    background-color: var(--mantine-white);

    &:focus {
      border: 1px solid var(--mantine-color-indigo-4);
      box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
    }
    min-height: 41px;
    margin-bottom: 2px;
  }

  [data-is-reply="true"] {
    &:focus {
      border: 1px solid var(--mantine-color-indigo-4);
      box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
    }
  }
}
._annotationIconWrapper_f08pa_1 {
  height: 40px;
  min-width: 40px;
  background-color: var(--mantine-color-gray-0);
  border: 1px solid var(--mantine-color-gray-3);
  border-radius: var(--writ-border-radius-md);
}

._annotationListEmptyState_f08pa_9 {
  height: 120px;
}
section._titleFormGrid_19plq_1 {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: var(--writ-spacing-xxs);
  align-items: center;
  margin: 0 0 var(--mantine-spacing-sm) 0;

  > div {
    display: contents;
  }

  .writ-config-label {
    font-size: var(--mantine-font-size-sm);
    font-weight: var(--writ-font-weight-semibold);
  }
}
._visualizationTabContainer_1jxe7_1 {
  padding-top: var(--writ-spacing-xxs);
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._datasetDetailsPaper_1jxe7_10 {
  padding: 8px;
  background-color: var(--mantine-color-gray-0);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._tabsWrapper_1jxe7_18 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem var(--writ-sidebar-side-margin);
  border-bottom: 1px solid var(--mantine-color-gray-3);
}

._contentWrapper_1jxe7_26 {
  position: relative;
  height: calc(100% - var(--bottom-status-bar-height) - 1rem);
}

._differentVersionAlert_1jxe7_31 {
  margin: 0.5rem var(--writ-sidebar-side-margin) 0.5rem;
  overflow: inherit;
}
._dropzone_jjare_1 {
  padding: 24px;
  border-width: 1px;
  .mantine-Dropzone-inner {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }

  &[data-accept="true"] {
    background-color: var(--mantine-color-green-0) !important;
    border-color: var(--mantine-color-green-4);
  }

  &[data-reject="true"] {
    background-color: var(--mantine-color-red-1) !important;
    border-color: var(--mantine-color-red-4);
  }

  &[data-idle="true"] {
    &[data-hide-idle="true"] {
      padding: 0;
      border: none;
    }
    &[data-hide-idle="false"] {
      background-color: color-mix(
        in srgb,
        var(--mantine-color-indigo-0) 25%,
        transparent
      );
      border-color: var(--mantine-color-indigo-2);
      cursor: pointer;
    }
  }

  &[data-small="true"] {
    font-size: var(--mantine-font-size-xs);
  }
}
._connectionFormButton_1nwro_1 {
  border: none;
}

._dataConnectionIcon_1nwro_5 {
  background-color: white;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
}

._connectionFormDivider_1nwro_15 {
  margin: 4px 0 4px -16px;
  width: calc(100% + 32px);
}

._connectionTypeButton_1nwro_20 {
  border: 1px solid var(--writ-border-color);
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-9);
  padding: 4px;

  &[data-active="true"] {
    background-color: var(--mantine-color-gray-3);
    border: 2px solid var(--mantine-color-gray-5);
  }

  /* Override disabled styles here since we are using an overlay */
  &[data-disabled="true"] {
    background-color: var(--mantine-color-gray-1);
    color: var(--mantine-color-gray-9);
  }

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }

  .mantine-Button-inner {
    display: flex;
    justify-content: start;
  }
}

._addParametersButton_1nwro_47 {
  color: var(--mantine-color-gray-7);
}

._connectionFormModal_1nwro_51 {
  .mantine-Modal-header {
    z-index: 199;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mantine-color-gray-3);
    background: none;
  }

  .mantine-Modal-title {
    width: 100%;
  }

  .mantine-Modal-body {
    padding: 16px 0;
  }
}

._connectionFormContent_1nwro_68 {
  overflow: hidden;
  display: grid;
  grid-template-rows: min-content 1fr;
}

._connectionFormBody_1nwro_74 {
  display: grid;
  grid-template-rows: minmax(calc(100% - 60px), auto) 1fr;
  gap: 8px;
  overflow: hidden;
  height: 100%;
}

._connectionFormStepperContent_1nwro_82 {
  height: calc(100% - 40px);
  padding: 16px 0 0 16px;
  overflow: hidden;
}

._connectionFormInfoPaper_1nwro_88 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 12px 16px;
  z-index: 201;
}

._comingSoonBadge_1nwro_99 {
  position: absolute;
  right: 8px;
  bottom: 0;
  top: 0;
  margin: auto;
  text-transform: unset;
}
._paperFlex_1raxh_1 {
  padding: 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._spreadsheet_1urj7_1 {
  width: 100%;

  tr {
    border-left: 0;
    border-right: 0;
  }

  th,
  td {
    line-height: 1;
    padding: 0 10px;
    text-align: left;
    max-width: 300px;
    font-size: 14px;
    text-overflow: ellipsis;
  }

  th {
    font-weight: var(--writ-font-weight-semibold);
  }
}

._noRightLeftBorder_1urj7_24 {
  th:first-of-type,
  td:first-of-type {
    border-left: none;
  }

  th:last-child,
  td:last-child {
    border-right: none;
  }
}

._editableDatasetName_1urj7_36 {
  padding: 4px 0;
  min-width: 0;
  flex-grow: 1;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 8px;

  transition: padding-left 0.075s ease-in-out;

  &:hover {
    padding-left: var(--mantine-spacing-xs);
  }

  &[data-hovered="true"] {
    background-color: color-mix(
      in srgb,
      var(--mantine-color-gray-1) 65%,
      transparent
    );
  }
}

._editableDatasetNameTextInput_1urj7_61 {
  flex-grow: 1;
  min-width: 300px;
}

._statusMessageBox_1urj7_66 {
  overflow: hidden;
}

._datasetNoResults_1urj7_70 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  &[data-popover-min-height="true"] {
    display: none;
  }
}

._dataAccordionLayout_1urj7_81 {
  display: grid;
  height: calc(
    100% - 1px
  ); /* This can't merely be 100% because a child element needs an explicit height to manage internal scrolling */
  padding: 0 var(--writ-sidebar-side-margin);
  grid-template-rows: min-content 1fr 1fr;
  gap: 0.5rem;

  ._dataAccordionHeader_1urj7_90 {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    overflow: hidden;

    ._headerTitleRow_1urj7_96 {
      display: grid;
      grid-template-columns: 1fr min-content;
      align-items: center;
    }

    ._headerToolbar_1urj7_102 {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.5rem;

      &[data-rendering-context="sidebar"] {
        grid-template-columns: minmax(0, 1fr) min-content min-content;
      }

      &[data-rendering-context="full-page"] {
        margin-top: var(--writ-spacing-xxs);
      }

      margin-top: var(--writ-spacing-xxs);
    }
  }

  ._dataAccordionEditor_1urj7_119 {
    padding-top: 0.5rem;
    border-top: 1px solid var(--mantine-color-gray-3);
    height: 100%;
    overflow: hidden;
  }

  ._dataAccordionResults_1urj7_126 {
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  &[data-results-display-mode="min"] {
    grid-template-rows: min-content 1fr min-content;
  }

  &[data-results-display-mode="max"] {
    grid-template-rows: min-content 1fr;

    ._dataAccordionEditor_1urj7_119 {
      display: none;
    }
  }

  &[data-rendering-context="sidebar"] {
    height: 100%; /* The 10rem is the height of the header */
    padding-bottom: 0.5rem;
    overflow: hidden;
  }
}

._editorToolbar_1urj7_151 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.5rem;

  /* If there are buttons to display, add the top border and padding */
  &[data-display-buttons="true"] {
    padding-top: 0.5rem;
    border-top: 1px solid var(--mantine-color-gray-3);
  }
}

._editorSection_1urj7_164 {
  display: grid;
  height: 100%;
  grid-template-rows: 1fr min-content;

  /* This is a hack to make the Monaco editor work with the grid layout 
  * See: https://stackoverflow.com/questions/47017753/monaco-editor-dynamically-resizable
  */
  position: relative;
  .monaco-editor {
    position: absolute !important;
  }
}

._resultsHeaderbar_1urj7_178 {
  display: flex;
  justify-content: space-between;
  align-items: center;

  /* Removes double border at bottom of results when minimized */
  &[data-is-minimized="false"] {
    border-bottom: 1px solid var(--mantine-color-gray-3);
  }

  ._resultTitlePlusHistory_1urj7_188 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: baseline;
    padding: 0.25rem 0.25rem 0.25rem 0.5rem;
    flex-grow: 1;
  }
  ._resultTitlePlusHistory_1urj7_188 > * {
    letter-spacing: 0.25px;
  }

  ._resultsHeaderActions_1urj7_200 {
    display: flex;
    padding: 0.25rem;
    line-height: 100%;

    align-self: stretch;

    &:not(:first-of-type) {
      border-left: 1px solid var(--mantine-color-gray-3);
    }

    button {
      align-self: center;
    }
  }
}

._connectionMenuItem_1urj7_217 {
  background-color: var(--mantine-color-indigo-0);
  color: var(--mantine-color-indigo-7);
  padding: 0;

  &:hover {
    background-color: var(--mantine-color-indigo-1);
  }
}

._dataConnectionsButton_1urj7_227 {
  background-color: var(--mantine-color-gray-0);
  .mantine-Button-label {
    width: 100%;
    word-break: break-all;
  }
}

._queryEditorContainer_1urj7_235 {
  border: 1px solid var(--writ-border-color);
  &[data-sidebar-closed="false"] {
    border-right: none;
  }
  padding: 8px 0;
}

._resultsIcon_1urj7_243 {
  color: var(--mantine-color-indigo-4);
  &[data-error="true"] {
    color: var(--mantine-color-red-4);
  }
}

._datasetEditorContainer_1urj7_250 {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

._datasetResultsSpreadsheet_1urj7_256 {
  height: calc(100% - 2.875rem);
  width: 100%;
  justify-content: space-between;
  position: relative;
  gap: 8px;
}
._optionWrapper_4j7j5_1 {
  display: grid;

  grid-template-columns: min-content 1fr min-content;
  grid-gap: 0.5rem; /* Space chart icon and description */

  padding: 0.25rem;
  border-radius: var(--writ-border-radius-md);
  background-color: var(--mantine-color-gray-0);

  cursor: pointer;

  &:hover {
    background-color: var(--mantine-color-gray-1);
  }

  &[data-has-click-handler="true"] {
    cursor: pointer;

    &:hover:active {
      transform: translateY(1px);
    }
  }

  ._optionIcon_4j7j5_25 {
    height: min-content;
    padding: 4px;
    border-radius: var(--writ-border-radius-md);
    border: 1px solid var(--mantine-color-gray-3);
    background-color: var(--mantine-white);
  }

  ._optionDescription_4j7j5_33 {
    .mantine-Title-root {
      font-size: 0.875rem;
      color: var(--mantine-color-gray-9);
    }
    overflow: hidden;

    gap: var(--writ-spacing-xxxs);
    color: var(--mantine-color-gray-9);
  }
}
._filterConfigurationHeader_1r5e9_1 {
  margin-bottom: var(--mantine-spacing-sm);
}

._filterRootContainer_1r5e9_5 {
  margin: var(--writ-sidebar-side-margin) 0;
  padding: 0 var(--writ-sidebar-side-margin);
  min-height: calc(100vh - 12rem);
}

._filterGroupHeader_1r5e9_11 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  font-size: var(--mantine-font-size-md);
  color: var(--mantine-color-gray-7);
  padding: var(--writ-spacing-xxs) var(--writ-spacing-xxs)
    var(--writ-spacing-xxxs) var(--mantine-spacing-xxs);

  ._filterGroupActions_1r5e9_21 {
    display: flex;
    flex-direction: row;
    gap: 0;
  }
}

._filterOperatorSection_1r5e9_28 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--writ-spacing-xxs);
  padding: 0 0 var(--writ-spacing-xxs);

  .mantine-Select-input {
    padding-right: 1.125rem;
  }

  .mantine-Select-rightSection {
    width: 1.25rem;
    justify-content: start;
  }
}

._filterGroupAddActions_1r5e9_46 {
  display: flex;
  flex-direction: row;
  gap: var(--mantine-spacing-xxs);
  padding: var(--mantine-spacing-xxs) var(--writ-spacing-xxs)
    var(--mantine-spacing-xxs);

  z-index: 100;

  button {
    height: inherit;
    padding: 0 var(--writ-spacing-xxxs) 0 0;
    color: var(--mantine-color-indigo-4);

    .mantine-Button-leftIcon {
      margin-right: 2px;
    }

    .mantine-Button-icon {
      width: 12px;
      height: 12px;
    }

    &:hover {
      background-color: transparent;
      color: var(--mantine-color-indigo-6);
    }

    &[data-disabled="true"] {
      background: none;
      cursor: not-allowed;
    }
  }
}

._filterEntryGroup_1r5e9_81 {
  border-width: 1px !important;
  border-color: var(--mantine-color-gray-3) !important;
  background-color: var(--mantine-color-gray-0);
}

._filterListStack_1r5e9_87 {
  gap: var(--mantine-spacing-xxs);
  container-type: inline-size;
  z-index: 200;

  ._filterEntry_1r5e9_81 {
    position: relative;
    padding: 0 var(--mantine-spacing-xxs);
    display: grid;
    grid-template-columns:
      var(--filter-column-plus-operator-width) var(--filter-value-width)
      min-content;
    align-items: top;
  }

  ._filterEntryActions_1r5e9_102 {
    height: calc(var(--mantine-spacing-md) * 1.875);
    margin-left: var(--mantine-spacing-xxs);
    display: flex;
    align-items: center;
  }

  ._filterEntry_1r5e9_81[data-is-selected="true"] {
    background-color: var(--mantine-color-indigo-0);
  }

  ._filterEntryGroup_1r5e9_81 {
    margin: 0 var(--mantine-spacing-xxs);
    padding: 0;
  }
}

._filterControls_1r5e9_119 {
  display: inherit;
}

._optionalFieldAccordion_1r5e9_123 {
  padding: 0;

  .mantine-Accordion-item {
    border: none;
  }

  .mantine-Accordion-control {
    padding: var(--writ-spacing-xxs) 0 0;
  }

  .mantine-Accordion-chevron {
    color: var(--mantine-color-gray-6);
  }

  .mantine-Accordion-label {
    padding: var(--writ-spacing-xxs) 0;
    font-size: var(--mantine-font-size-xs);
    font-weight: 500;
    color: var(--mantine-color-gray-6);
  }

  .mantine-Accordion-content {
    padding: 0 0;
  }
}
._filterColumnAndFilterSelector_1lbcq_1 {
  display: grid;
  grid-template-columns: var(--filter-column-width) var(--filter-operator-width) min-content;
  gap: 6px;
  align-items: top;

  .mantine-Select-icon {
    color: var(--mantine-color-gray-6);
  }

  ._filterColumnSelector_1lbcq_11 {
    .mantine-Select-dropdown {
      width: calc(100cqw - 2 * var(--writ-spacing-xxs)) !important;
      left: calc(var(--mantine-spacing-xs) - 2px) !important;
    }
  }

  ._filterTypeSelector_1lbcq_18 {
    .mantine-Select-dropdown {
      width: 12em !important;
    }
  }

  .mantine-Input-input {
    padding-right: var(--mantine-spacing-md);
  }
}
._fieldComponentSection_1tw6g_1 {
  display: flex;
  flex-direction: row;
  gap: var(--writ-spacing-xxxs);

  > div {
    flex-grow: 1;
  }
}

._fieldComponentSlider_1tw6g_11 {
  .mantine-Slider-markLabel {
    font-size: var(--mantine-font-size-xxs);
  }
}

._collapsibleMultiSelect_1tw6g_17 {
  .itemCount {
    font-size: var(--mantine-font-size-xxs);
    color: var(--mantine-color-gray-7);
    cursor: pointer;
  }

  .mantine-MultiSelect-input {
    max-height: 1.875rem;
  }

  .mantine-MultiSelect-value {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  &[data-has-focus="true"] {
    .mantine-MultiSelect-input {
      max-height: inherit;
    }
  }

  &[data-has-focus="false"] {
    .mantine-MultiSelect-input {
      overflow-y: scroll;
      scrollbar-width: none;
    }

    .mantine-MultiSelect-values {
      padding: 4px 0;
    }
  }
}
._warningSqlCode_h22gb_1 {
  display: inline;
  background: white;
  padding: 2px 4px;
  border-radius: 4px;
}
._header_1pkwq_1 {
  backdrop-filter: blur(10px);
  background-color: var(--writ-sidebar-background-color);
  border: none;
  &[data-border="true"] {
    border-bottom: 1px solid var(--writ-border-color);
  }
}

._logo_1pkwq_10 {
  cursor: pointer;
  width: 2rem;

  svg {
    width: 1.125rem;
    height: 2rem;
    object-fit: contain;
  }
}

._container_1pkwq_21 {
  padding: 0 8px 0 8px;
  height: 3.25rem;
  display: flex;
  gap: 8px;
  align-items: center;
}

._authenticationMenu_1pkwq_29 {
  .mantine-Menu-item {
    align-items: start;
    padding: 8px;

    &:hover {
      background-color: var(
        --mantine-color-gray-0
      ); /* might need to be even fainter */
      color: var(--mantine-color-indigo-5);
    }
  }

  .mantine-Menu-divider {
    margin-left: -4px;
    margin-right: -4px;
  }

  .mantine-Menu-itemIcon {
    margin-right: 8px;
  }
}

._menuTarget_1pkwq_52 {
  transition: transform 100ms ease-in-out;
}

._menuTarget_1pkwq_52[data-active="false"] {
  transform: rotate(0deg);
}

._menuTarget_1pkwq_52[data-active="true"] {
  transform: rotate(45deg);
}

._rightHeaderMenuGroup_1pkwq_64 {
  flex: 1;
}

._banner_1pkwq_68 {
  background: var(--mantine-color-indigo-7);
  color: white;
  font-size: var(--mantine-font-size-sm);
  padding-block: var(--mantine-spacing-xs);
  height: fit-content;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 1rem;

  .mantine-Anchor-root {
    color: white;
    font-weight: var(--writ-font-weight-semibold);
    text-decoration: underline;
  }
}

._aiAssistantToolbarButton_1pkwq_86 {
  background-image: linear-gradient(
    87deg,
    var(--mantine-color-indigo-5) 3.13%,
    var(--mantine-color-blue-5) 50.48%,
    var(--mantine-color-teal-7) 100.48%
  );
  border: 1px solid var(--mantine-color-indigo-5);
}

._aiAssistantToolbarButton_1pkwq_86:hover {
  box-shadow: 0 0 0 100px
    color-mix(in srgb, var(--mantine-color-indigo-9) 12%, transparent) inset;
}

._aiAssistantToolbarButton_1pkwq_86:active {
  box-shadow: 0 0 0 1px
      color-mix(in srgb, var(--mantine-color-indigo-5) 50%, transparent),
    0 0 0 100px
      color-mix(in srgb, var(--mantine-color-indigo-9) 12%, transparent) inset;
}

._headerTabButton_1pkwq_108 {
  .mantine-Button-inner {
    line-height: var(--writ-line-height-sm);
  }
  .mantine-Button-leftIcon > svg {
    stroke-width: 1.5;
  }
}
._infiniteScrollArea_17nxy_1 {
  padding-left: 16px;
  .mantine-ScrollArea-viewport {
    padding-top: 8px;
  }
}

._headerSearchContainer_17nxy_8 {
  &[data-large="true"] {
    flex: 1;
  }
}

._headerSearchInput_17nxy_14 {
  .mantine-TextInput-icon {
    width: 36px;
  }
  .mantine-TextInput-input {
    height: 32px;
    font-size: var(--mantine-font-size-md);
    padding-left: 36px !important;
  }
  .mantine-TextInput-rightSection {
    padding-right: 6px;
  }
}

._headerSearchPopoverDropdown_17nxy_28 {
  padding: 0;
  /* 300px min but added 2 to account for border*/
  min-width: 302px !important;
}

._recentSearchesButton_17nxy_34 {
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  gap: 8px;
  &:hover {
    background-color: var(--mantine-color-gray-0);
  }
}

._headerSearchBadgeContainer_17nxy_44 {
  gap: 8px;
  padding: 8px 16px;
}

._recentSearchContainer_17nxy_49 {
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
}

._skeletonBox_17nxy_55 {
  height: 500px;
  overflow: hidden;
}
._editButton_97e74_1:hover {
  color: var(--mantine-color-blue-5);
}

._editableCheckbox_97e74_5 {
  .mantine-Checkbox-input {
    &:checked {
      background-color: var(--mantine-color-blue-6);
      border-color: var(--mantine-color-blue-6);
    }
  }
}

._editableTextInput_97e74_14 {
  .mantine-TextInput-input {
    height: 1.75em;
    min-height: 1.75em;
  }
}
._mantineOverlayZIndex_1eoet_1 {
  .mantine-Modal-overlay {
    z-index: 1001;
  }

  .mantine-Modal-inner {
    z-index: 1002;
  }

  .mantine-Modal-content {
    overflow-y: inherit !important;
  }
}
._settingsTabs_me9fq_1 {
  height: 100%;
  width: 100%;
  overflow: hidden;

  .mantine-Tabs-tab {
    justify-content: center;
  }

  &[data-is-large="true"] {
    .mantine-Tabs-tab {
      justify-content: left;
    }
  }

  .mantine-Tabs-panel {
    padding: 12px 16px;
  }
}

._settingsTabButton_me9fq_21 {
  border: none;
  background-color: inherit;
  &[data-active="true"] {
    background-color: var(--mantine-color-gray-2);
    &:hover {
      background-color: var(--mantine-color-gray-3);
    }
  }
  &:hover {
    background-color: var(--mantine-color-gray-2);
  }
}

._userDetailsTab_me9fq_35 {
  pointer-events: none;
  border-bottom: 2px solid var(--writ-border-color);
}
._saveIcon_1h48i_1:hover {
  color: var(--mantine-color-blue-5);
}

._verifiedIcon_1h48i_5 {
  color: var(--mantine-color-blue-6);
}

._unverifiedIcon_1h48i_9 {
  color: var(--mantine-color-yellow-6);
}

._textAreaWithSubmit_1h48i_13 {
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
}
._userDisplayGrid_qxch2_1 {
  display: grid;
  height: 100%;
  overflow: hidden;
  grid-template-rows: repeat(2, min-content) minmax(0, min-content) min-content;
  gap: 12px;
}

._userDisplayInfiniteScroll_qxch2_9 {
  .mantine-ScrollArea-viewport {
    padding-bottom: 0 !important;
  }
}

._organizationUserPanel_qxch2_15 {
  max-width: 800px;
  height: 100%;
  overflow: hidden;
  width: 100%;
  gap: 8px;
}
._appShell_1h80n_1 {
  .mantine-AppShell-main {
    max-height: 100vh;
    width: 100%;
  }
}
._statusBar_129fg_1 {
  background: var(--mantine-color-gray-0);
  border: none;
  width: 100%;
  max-width: unset;
  left: 0;
  height: var(--bottom-status-bar-height);
  bottom: 0;
  padding-inline: 0.5rem;
  align-content: center;
  display: flex;
  justify-content: space-between;
  z-index: 1000;

  &[data-border="true"] {
    border-top: 1px solid var(--writ-border-color);
  }
}

._breadcrumbContainer_129fg_20 {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
}

._basicLabel_129fg_26 {
  font-size: x-small;
  color: var(--mantine-color-gray-8);
  white-space: nowrap;
}

._basicLabelColor_129fg_32 {
  color: var(--mantine-color-gray-8);
}

._basicValue_129fg_36 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  margin: 0;
  font-weight: normal;
}

._footerGroup_129fg_45 {
  height: 100%;
  margin-top: -1px;
  border-top: 1px solid transparent;
  gap: 4px;
  align-items: center;

  &[data-active="false"]:hover {
    cursor: pointer;
    border-top: 1px solid var(--mantine-color-gray-4);
  }

  &[data-active="true"],
  &[data-active="true"]:hover {
    border-top: 1px solid var(--mantine-color-indigo-5);
    padding-inline: 4px;
    margin-inline: -4px;

    ._basicLabel_129fg_26 {
      color: var(--mantine-color-indigo-5);
    }

    ._basicLabelColor_129fg_32 {
      color: var(--mantine-color-indigo-5);
    }

    .mantine-Badge-root {
      color: var(--mantine-color-indigo-5);
      background: var(--mantine-color-indigo-0);
    }
  }
}

._footerGroup_129fg_45:hover {
  cursor: pointer;
}

._taskMenuContainer_129fg_82 {
  display: flex;
  flex-direction: column;
  height: 450px;
  max-height: 80vh;
  width: 100%;
  overflow: hidden;
  padding-inline: 1rem 0;
  padding-bottom: 0;

  .mantine-ScrollArea-scrollbar {
    bottom: 4px !important;
  }
}
._statusPill_1nzqc_1 {
  flex-shrink: 0;
  width: min-content;
  border-radius: 10px;
  padding: 2px 4px;
  font-size: x-small;
  height: fit-content;
  align-items: center;
  gap: 2px;

  &[data-status="SYNCING"] {
    background: var(--mantine-color-gray-2);
    color: var(--mantine-color-gray-7);
  }

  &[data-status="SYNCED"],
  &[data-status="CONNECTED"] {
    background: #e6fcf5;
    color: var(--mantine-color-teal-9);
  }

  &[data-status="DISCONNECTED"] {
    background: #fadddd;
    color: var(--mantine-color-red-7);
  }

  &[data-status="COMMENT_ONLY"] {
    background: var(--mantine-color-orange-0);
    color: var(--mantine-color-orange-8);
  }

  &[data-status="READ_ONLY"] {
    background: var(--mantine-color-yellow-0);
    color: var(--mantine-color-yellow-8);
  }

  &[data-status="PREVIOUS_VERSION"] {
    background: var(--mantine-color-yellow-0);
    color: var(--mantine-color-yellow-8);
  }

  &[data-status="ERROR"] {
    background: #fadddd;
    color: var(--mantine-color-red-7);
  }
}
._breadcrumb_1dnbz_1 {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  gap: 0.25rem;
  align-items: center;
}

._footerLink_1dnbz_9 {
  color: var(--mantine-color-indigo-5);
  font-size: x-small;
}

._footerLink_1dnbz_9:hover {
  color: var(--mantine-color-indigo-7);
  cursor: pointer;
  text-decoration: underline;
}

._footerChevron_1dnbz_20 {
  align-self: center;
  color: var(--mantine-color-gray-5);
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
}
._basicModal_16s7u_1 {
  .mantine-Modal-header {
    border-bottom: 1px solid var(--writ-border-color);
  }

  .mantine-Modal-title {
    font-weight: 600;
  }

  .mantine-Modal-body {
    padding: 1rem;
  }

  .mantine-Textarea-input {
    min-height: 12vh;
  }

  .mantine-Button-root {
    width: fit-content;
    align-self: end;
  }
}
._jobTabContent_1eozl_1 {
  padding-inline: 1rem 0;
  display: grid;
  width: 100%;
}

._searchInput_1eozl_7 {
  font-size: small;
  color: var(--stroke-neutral);
  width: 100%;
  height: fit-content;
  display: block;
  padding-inline: 0 1rem;
  padding-block: 0.75rem;
}

._contentBody_1eozl_17 {
  gap: 0.5rem;
  padding-inline: 0;

  .mantine-ScrollArea-viewport {
    padding-bottom: 0 !important;
  }
}

._footerTabs_1eozl_26 {
  flex-shrink: 0;
  &[data-large="true"] {
    gap: 1rem;
  }
  &[data-large="false"] {
    gap: 0.5rem;
  }
  /* There's built-in gap on far right, so doing a 4px less */
  padding-right: 0.25rem;
  padding-left: 0.5rem;
  align-items: center;
}

._lineItem_1eozl_40 {
  display: flex;
  width: 100%;
  min-width: 0;
  background: var(--mantine-color-gray-0);
  gap: 8px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--writ-border-color);
  align-items: center;
  justify-content: space-between;
}

._notificationItemTitle_1eozl_53 {
  font-weight: var(--writ-font-weight-semibold);
}

._notificationItemText_1eozl_57 {
  margin-left: auto;
  gap: 0.5rem;
}

._jobTitle_1eozl_62 {
  font-size: small;
  color: var(--mantine-color-gray-8);
  font-weight: var(--writ-font-weight-semibold);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15rem;
}

._jobStatus_1eozl_72 {
  font-size: x-small;
  margin-left: inherit;
}

._jobTime_1eozl_77 {
  font-size: x-small;
  color: var(--mantine-color-gray-7);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._clickable_1eozl_85:hover {
  cursor: pointer;
}

._leftJobItemContent_1eozl_89 {
  gap: 0.5rem;
  align-items: center;

  &[data-clickable="true"] {
    cursor: pointer;
  }
}

._rightJobItemContent_1eozl_98 {
  gap: 0.25rem;
  align-items: center;
}

._popoverDropdown_1eozl_103 {
  margin-left: -0.5rem;
  display: flex;
  /* Should maintain a certain width, popover dropdown has width of max-content, unless we are explicitly resizing */
  &:not([data-resize-width]),
  &[data-resize-width="false"] {
    width: 50vw !important;
    min-width: 372px;
    max-width: 720px;
  }
}

._mainStack_1eozl_115 {
  width: 100%;
  height: 100%;
  gap: 0;
  overflow: hidden;
}

._footerTabContent_1eozl_122 {
  position: relative;
  flex: 1;
  height: 0;
}

._minimizeIcon_1eozl_128 {
  transform: rotateY(180deg);
}

._popoverHeader_1eozl_132 {
  display: flex;
  padding-inline: 1rem;
  padding-block: 0.5rem;
  justify-content: space-between;
}

._moveHeader_1eozl_139 {
  cursor: move;
}

._popoverTitle_1eozl_143 {
  font-weight: var(--writ-font-weight-semibold);
  font-size: small;
  color: var(--mantine-color-gray-8);
}

._taskList_1eozl_149 {
  position: absolute;
  z-index: 10000;
  background: white;
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  padding-inline: 0;
  display: block;
  overflow: hidden;
  height: fit-content;
  max-height: 85vh;
  bottom: 3.5vh;
  width: 35vw;
  right: 0.5vh;
}

._noResultsText_1eozl_165 {
  font-size: small;
  color: var(--mantine-color-gray-6);
  text-align: center;
  padding-block: 1rem;
}

._infiniteScrollContainer_1eozl_172 {
  padding-left: 1rem;
  padding-right: 0;
  width: 100%;
}

._feedbackButton_1eozl_178,
._tourButton_1eozl_179 {
  cursor: pointer;
  .mantine-Badge-inner {
    font-weight: normal;
    text-transform: none;
    margin: 0 0 0 2px;
  }
}

._feedbackButton_1eozl_178 {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-indigo-0) 50%,
    transparent
  );
  &:hover {
    background-color: var(--mantine-color-indigo-0);
  }
}

._tourButton_1eozl_179 {
  &:hover {
    cursor: pointer;
    background-color: var(--mantine-color-blue-0);
  }
}
._popoverResizeHandler_1eozl_205 {
  position: absolute;
  z-index: 10;

  /* North/South handlers */
  &[data-handler-position="n"],
  &[data-handler-position="s"] {
    cursor: ns-resize;
    left: 0;
    right: 0;
    height: 4px;
  }
  &[data-handler-position="n"] {
    top: 0;
  }
  &[data-handler-position="s"] {
    bottom: 0;
  }

  /* East/West handlers */
  &[data-handler-position="e"],
  &[data-handler-position="w"] {
    cursor: ew-resize;
    top: 0;
    bottom: 0;
    width: 4px;
  }
  &[data-handler-position="e"] {
    right: 0;
  }
  &[data-handler-position="w"] {
    left: 0;
  }

  /* Corner handlers */
  &[data-handler-position="ne"],
  &[data-handler-position="nw"],
  &[data-handler-position="se"],
  &[data-handler-position="sw"] {
    height: 12px;
    width: 12px;
  }
  &[data-handler-position="ne"] {
    cursor: nesw-resize;
    top: 0;
    right: 0;
  }
  &[data-handler-position="nw"] {
    cursor: nwse-resize;
    top: 0;
    left: 0;
  }
  &[data-handler-position="se"] {
    cursor: nwse-resize;
    bottom: 0;
    right: 0;
  }
  &[data-handler-position="sw"] {
    cursor: nesw-resize;
    bottom: 0;
    left: 0;
  }
}
._lineItem_1eye9_1 {
  display: flex;
  background: var(--mantine-color-gray-1);
  gap: 8px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid var(--writ-border-color);
  align-items: center;
  justify-content: space-between;
}

._leftLineItemContent_1eye9_12 {
  display: grid;
  grid-template-columns: min-content min-content minmax(0, 1fr);
  gap: 0.5rem;
  align-items: center;

  &[data-clickable="true"] {
    cursor: pointer;
  }
}

._lineItemTitle_1eye9_23 {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-8);
  font-weight: var(--writ-font-weight-semibold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}

._rightLineItemContent_1eye9_34 {
  gap: 0.25rem;
  align-items: center;
  flex-shrink: 0;
  min-width: 0;
}

._lineItemTime_1eye9_41 {
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-gray-7);
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._jobStatus_1eye9_49 {
  font-size: var(--mantine-font-size-xs);
  margin-left: inherit;
}
._todoListHoverCardDropdown_193b0_1 {
  background-color: var(--mantine-color-dark-6);
  color: white;
}

._todoListHoverCardArrow_193b0_6 {
  border-color: var(--mantine-color-dark-6);
}

@keyframes _colorPulse_193b0_1 {
  0%,
  32% {
    color: var(--mantine-color-gray-5);
  }
  33%,
  65% {
    color: var(--mantine-color-gray-9);
  }
  66%,
  100% {
    color: var(--mantine-color-gray-5);
  }
}

._threeDotsLoader_193b0_25 {
  align-items: center;
  &[data-size="sm"] {
    width: 16px;
    height: 16px;
  }
  &[data-size="md"] {
    width: 24px;
    height: 24px;
  }
}

._dot_193b0_37 {
  &[data-size="xs"] {
    width: 2px;
    height: 2px;
  }
  &[data-size="sm"] {
    width: 4px;
    height: 4px;
  }
  &[data-size="md"] {
    width: 6px;
    height: 6px;
  }
  border-radius: 50%;
  animation: _colorPulse_193b0_1 0.9s ease-in-out infinite;
}

._dot_193b0_37:nth-child(1) {
  animation-delay: 0s;
}
._dot_193b0_37:nth-child(2) {
  animation-delay: 0.3s;
}
._dot_193b0_37:nth-child(3) {
  animation-delay: 0.6s;
}

._richChatPaper_193b0_64 {
  padding: 8px;
  width: 100%;

  ._timelineMarkdownStyles_193b0_68 {
    margin: -8px;
    padding: 8px;
  }
}

._richChatPaper_193b0_64 pre:not(pre pre) {
  padding: 0;
  margin: 8px 0;
}

._baseChatAlert_193b0_79 {
  .mantine-Alert-message {
    width: 100%;
  }
  .mantine-Alert-body {
    overflow: hidden;
  }
}

/* Styles purely for AI chat markdown component, not used in inline ai summary within document */
._aiChatStyles_193b0_89 {
  font-size: var(--mantine-font-size-sm);
  line-height: var(--writ-line-height-sm);
  > :first-child:not(:last-child) {
    margin-top: 0;
  }
  > :last-child {
    margin-bottom: 0;
  }
}

/* only child in rich chat paper, need remove the top margin (adds extra space to existing padding) */
._richChatPaper_193b0_64 > div > div > :only-child ._aiChatStyles_193b0_89 > :first-child {
  margin-top: 0;
}

@keyframes _verticalGradientShimmer_193b0_1 {
  0% {
    background-position: 0 200%;
  }
  100% {
    background-position: 0 -200%;
  }
}

._chatTimelineElement_193b0_114 {
  position: relative;

  /* Hide pseudo-elements when empty */
  &[data-empty="true"]::before,
  &[data-empty="true"]::after {
    display: none;
  }

  &[data-type="markdown"] {
    padding-left: 8px;
  }

  /* Timeline Line */
  &::before {
    content: "";
    position: absolute;
    left: -13px;
    transform: translateX(-50%);
    top: 14px;
    height: calc(100% + 2px);
    width: 1px;
    background-color: var(--writ-border-color);
  }

  &[data-type="markdown"]::before {
    top: 10px;
    height: calc(100% + 12px);
  }

  &[data-status="loading"]::before {
    background-image: linear-gradient(
      180deg,
      var(--mantine-color-indigo-5) 0%,
      white 100%
    );
    background-size: 100% 200%;
    animation: _verticalGradientShimmer_193b0_1 2s linear infinite;
  }

  &[data-status="complete"]::before {
    background-color: var(--mantine-color-indigo-5);
  }

  /* Timeline Dot */
  &::after {
    content: "";
    position: absolute;
    left: -15px;
    top: 12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--mantine-color-gray-6);
  }

  &[data-type="markdown"]::after {
    top: calc(0.5rem - 1px);
  }

  &[data-status="loading"]::after {
    background-color: white;
    border: 1px solid var(--mantine-color-indigo-5);
  }

  &[data-status="complete"]::after {
    background-color: var(--mantine-color-indigo-5);
  }
}

._chatAlert_193b0_184 {
  .mantine-Alert-icon {
    transform: scaleX(-1);
    width: 1rem;
    margin-top: 0;
  }
  .mantine-Alert-title {
    width: 100%;
    font-weight: normal;
  }
  .mantine-Accordion-root {
    padding: 0;
  }
  padding: 0;
}

@keyframes _gradientShimmer_193b0_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._accordionText_193b0_209 {
  line-height: var(--writ-line-height-md);
  height: 20px;
  &[data-status="loading"] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
      90deg,
      var(--mantine-color-indigo-2, #8b9ce7) 24.4%,
      var(--mantine-color-indigo-5, #2743be) 38.89%,
      var(--mantine-color-indigo-5, #2743be) 60.21%,
      var(--mantine-color-indigo-2, #8b9ce7) 79.17%
    );
    background-size: 200% 100%;
    animation: _gradientShimmer_193b0_1 2s linear infinite;
  }
  color: var(--mantine-color-gray-6);
}

._approvalAlert_193b0_228 {
  .mantine-Alert-message {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

._alertAccordion_193b0_236 .mantine-Accordion-control,
._controlTitle_193b0_237 {
  min-height: 28px;
  padding: 4px 0 4px 8px;
}

._alertAccordion_193b0_236 {
  .mantine-Accordion-content {
    padding: 0 8px 8px 8px;
  }
  .mantine-Accordion-icon {
    margin-right: 8px;
  }

  &[data-status="loading"] {
    .mantine-Accordion-chevron {
      color: var(--mantine-color-indigo-5);
    }
  }
  .mantine-Accordion-label {
    height: 20px;
    color: var(--mantine-color-gray-6);
    padding: 0;
    font-weight: var(--writ-font-weight-semibold);
    font-size: var(--mantine-font-size-sm);
    line-height: var(--writ-line-height-sm);
  }
  .mantine-Accordion-item {
    border: none;
    color: inherit;
  }
  .mantine-Accordion-chevron {
    margin-left: 4px;
    color: var(--mantine-color-gray-6);
  }
}

._chatStatusPill_193b0_273 {
  .mantine-Badge-inner {
    text-transform: none;
    font-weight: normal;
  }
}

._scrollableTable_193b0_280 {
  overflow-x: auto;
  max-width: 100%;
}

._scrollableTable_193b0_280 table {
  width: max-content;
}

._toDoListContainer_193b0_289 {
  position: sticky;
  bottom: 0;
  flex-shrink: 0;
  padding: 8px;
  border-radius: 4px 4px 0 0;

  &:not(:empty) {
    background-color: var(--mantine-color-gray-0);
  }
}
._richTextEditor_useld_1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  border: none;
  padding-left: 16px;
}

._skeleton_useld_12 {
  flex-grow: 1;
}

._chatEditorScrollArea_useld_16 {
  > .mantine-ScrollArea-viewport {
    padding-top: 1rem;
    padding-bottom: 0 !important;
  }

  .mantine-ScrollArea-viewport > div {
    height: 100%;
    display: flex !important;
  }

  .mantine-RichTextEditor-typographyStylesProvider {
    width: 100%;
  }
}

._chatEditorContent_useld_32 {
  height: 100%;
  min-height: 100%;

  .ProseMirror {
    flex-direction: column;
    display: flex;
    height: 100%;

    .node-chatMessages {
      flex: 1;
    }
  }
}
._confirmationContainer_ijdcr_1 {
  display: grid;
  gap: 2rem;
}

._confirmationPane_ijdcr_6 {
  align-content: space-around;
  align-items: center;
  padding-inline: 5%;
  padding-block: 0.75rem 1.5rem;
  gap: 0.75rem;
  display: flex;
  overflow: hidden;

  .mantine-Grid-col {
    overflow-wrap: anywhere;
  }
}

._confirmationTitle_ijdcr_20 {
  text-align: center;
}

._confirmationSubTitle_ijdcr_24 {
  font-size: var(--mantine-font-size-sm);
  text-align: center;
}

._divider_ijdcr_29 {
  margin-block: 0.5rem;
  height: 1px;
  width: 100%;
  background-color: var(--mantine-color-gray-8);
}

._meetingDetailLabel_ijdcr_36 {
  font-size: var(--mantine-font-size-sm);
  text-align: left;
}

._hostBadge_ijdcr_41 {
  align-self: center;
  margin-top: 2px;
  padding-inline: 0;
}

._returnLink_ijdcr_47 {
  z-index: 1;
  text-align: center;
  order: 2;
  display: flex;
  align-items: center;
  margin-inline: auto;
  gap: 0.25rem;
}

._calendarIconSection_ijdcr_57 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

._calendarIcons_ijdcr_64 {
  display: flex;
  gap: 0.75rem;
}

._addToCalendarIcon_ijdcr_69 {
  border: 1px solid var(--mantine-color-gray-4);
  background: white;
  height: 2rem;
  width: 2rem;
  padding: 0.375rem;
  color: var(--mantine-color-gray-9);
  fill: var(--mantine-color-gray-9);
  display: flex;
  align-items: center;

  &:hover {
    background: var(--mantine-color-gray-1);
    cursor: pointer;
  }
}