: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: .1rem;
  --writ-spacing-xxs: .375rem;
  --mantine-spacing-xxs: .5rem;
  --mantine-spacing-xs: .625rem;
  --mantine-spacing-sm: .75rem;
  --mantine-spacing-md: 1rem;
  --mantine-spacing-lg: 1.25rem;
  --mantine-spacing-xl: 1.5rem;
  --writ-border-radius-md: .25rem;
  --writ-document-sidebar-divider-margin: 112px;
  --writ-border-color: var(--mantine-color-gray-3);
  --writ-text-color: var(--mantine-color-gray-8);
  --writ-default-icon-color: var(--mantine-color-gray-6);
  --writ-chart-max-width: 900px;
  --writ-annotation-overlay-context-menu-z-index: 3000;
  --writ-annotation-overlay-z-index: 2000;
  --writ-annotation-chart-z-index: 1000;
  --writ-annotation-underlay-z-index: 500;
  --background-color-alternative: var(--mantine-color-blue-0);
  --background-color-brand: var(--mantine-color-indigo-0);
  --background-color-brand-half: #d8def780;
  --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;
  --writ-font-weight-regular: 400;
  --writ-font-weight-semibold: 500;
  --bottom-status-bar-height: 1.5rem;
  --document-timeline-width: 2px;
  --comment-line-height: 1.55;
  --filter-column-width: 3fr;
  --filter-operator-width: 2fr;
  --filter-value-width: 5fr;
  --filter-column-plus-operator-width: 5fr;
}

.monaco-editor, .overflow-guard {
  border-radius: var(--writ-border-radius-md);
}

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

.flexGrow1 {
  flex-grow: 1;
}

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

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

@keyframes readOnlyCursorBlink {
  from, to {
    border-color: #0000;
  }

  50% {
    border-color: #000;
  }
}

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

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

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

.writDataPickerInputWithIcon .mantine-DatePickerInput-icon {
  right: 0;
  left: inherit !important;
}
.aDv7xG_overlay {
  pointer-events: none;
}

@keyframes aDv7xG_fadeInOut {
  0% {
    opacity: .3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: .3;
  }
}

.aDv7xG_logo {
  width: 100%;
  height: 100%;
  animation: 2s cubic-bezier(.6, .1, .4, 1) infinite aDv7xG_fadeInOut;
}
.lnH1DW_scrollAreaWithAutoSize {
  overflow: hidden;
}

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

.lnH1DW_scrollArea {
  overflow: hidden;
}

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

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

.ySZByG_tabControlsContainer[data-location="footerTab"] {
  padding-block-start: 12px;
  padding-block-end: 6px;
}

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

.ySZByG_tabFader {
  z-index: 100;
  background: linear-gradient(#fff, #0000);
  width: 97%;
  height: .5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  position: absolute;
  bottom: -.5rem;
}

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

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

.ySZByG_dateIcon:hover {
  cursor: pointer;
}

.ySZByG_createdDate {
  white-space: nowrap;
}

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

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

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

  .ySZByG_taskItemFooter .ySZByG_createdDate {
    display: none;
  }
}

.ySZByG_blockElement {
  display: block;
}

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

.ySZByG_dotsIconContainer {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 2px !important;
}

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

.ySZByG_dotsIconContainer :hover {
  background: #868e9614;
  border-radius: 2px;
}

.ySZByG_dotsIconContainer :active {
  background: #868e9633;
  border-radius: 2px;
}

.ySZByG_dateTagButton {
  background: none;
}

.ySZByG_dateTagButton:hover {
  background: none;
}

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

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

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

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

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

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

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

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

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

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

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

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Modal-inner {
  width: auto;
  padding: 0;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-CloseButton-root {
  color: var(--mantine-color-gray-9);
  background: none;
  width: auto;
  height: auto;
  padding: 0;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Modal-content {
  border: 1px solid var(--mantine-color-gray-4);
  min-width: 30vw;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Modal-header {
  padding: 8px 16px;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Modal-title {
  font-weight: var(--writ-font-weight-semibold);
  margin: 0;
  font-size: medium;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Group-root {
  margin-top: .5rem;
  padding: 0;
}

.ySZByG_modalContainer[data-modal-form="INLINE_MODAL"] .mantine-Button-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 4rem;
  overflow: hidden;
}

.ySZByG_modalBody {
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
}

.ySZByG_modalBody .mantine-Input-input {
  background: #fff;
}

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

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

.ySZByG_modalTextField .mantine-TextInput-input {
  border: none;
  margin: 0;
  padding: 0;
}

.ySZByG_modalTextField .mantine-TextInput-input::placeholder {
  color: var(--mantine-color-gray-5);
}

.ySZByG_modalTextField .mantine-Textarea-input {
  border: none;
  margin: 0;
  padding: 0;
}

.ySZByG_modalTextField .mantine-Textarea-input::placeholder {
  color: var(--mantine-color-gray-5);
}

.ySZByG_fieldWithHiddenLabel {
  position: relative;
}

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

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

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

.ySZByG_modalTag {
  padding: 2px 5px;
}

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

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

.ySZByG_leftScrollGradient, .ySZByG_rightScrollGradient {
  z-index: 10;
  pointer-events: none;
  width: .75rem;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.ySZByG_leftScrollGradient {
  background: linear-gradient(to right, #e2e8f0e6, #e2e8f000);
  left: 0;
}

.ySZByG_rightScrollGradient {
  background: linear-gradient(to left, #e2e8f0e6, #e2e8f000);
  right: 0;
}

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

.ySZByG_tagGroupItem {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

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

.ySZByG_modalTagGroupContainer {
  margin-inline-start: 0;
  margin-inline-end: 0;
  gap: 24px 8px;
  max-width: 35vw;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 0;
  padding-block-start: 5px;
  padding-block-end: 5px;
  display: inline-flex;
}

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

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

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

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

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

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

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

.ySZByG_filterSelect .mantine-Select-input {
  opacity: 1;
  background: #fff;
  padding-right: 0;
  font-weight: 600;
  color: #000 !important;
}

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

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

.ySZByG_popoverContainer {
  position: relative !important;
}

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

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

.ySZByG_dropdownManager {
  z-index: 100;
  background: none;
  margin: 0;
  display: grid;
}

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

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

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

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

.ySZByG_taskItemText {
  cursor: pointer;
}

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

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

.ySZByG_dropdownItem {
  background: #fff;
  border-radius: 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  font-weight: 400;
}

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

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

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

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

.ySZByG_dropdownItemImage {
  color: #000;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

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

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

.ySZByG_authorIcon {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

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

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

.ySZByG_initialsIcon {
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: contents;
}

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

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

.ySZByG_menuSection {
  max-height: 500px;
}

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

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

.ySZByG_filterButton {
  height: auto;
}

.ySZByG_filterButton:active {
  transform: none;
}

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

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

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

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

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

.ySZByG_filterPill .mantine-ActionIcon-root :hover {
  background: inherit !important;
}

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

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

.ySZByG_parentPreview {
  gap: .25rem;
  width: 100%;
  margin: 0;
  padding: .5rem;
  display: grid;
}

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

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

.ySZByG_commentTooltip, .ySZByG_warningTooltip {
  border: 1px solid var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-9);
  background: #fff;
  gap: .5rem;
  max-width: 250px;
  display: grid;
}

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

.ySZByG_warningTooltip {
  font-size: small;
}

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

.ySZByG_commentPopoverHeader:hover {
  cursor: pointer;
}

.ySZByG_primaryButtonHover {
  background: var(--mantine-color-gray-0);
  color: var(--mantine-color-gray-8);
  padding: .5rem .75rem;
  font-size: x-small;
  font-weight: 600;
  border: 1px solid #000 !important;
}

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

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

.ySZByG_commentIcon {
  width: -moz-fit-content;
  width: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

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

.ySZByG_warningContent {
  gap: .5rem;
  font-weight: 500;
  display: grid;
}

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

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

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

.ySZByG_warningIconContainer {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  background-color: #0000 !important;
  border: none !important;
  border-radius: 2px !important;
}

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

.ySZByG_warningIconContainer :hover {
  background: #c01d1d14;
  border-radius: 2px;
}

.ySZByG_warningIconContainer :active {
  background: #c01d1d33;
  border-radius: 2px;
}
._2LyKsG_settingsMenu .mantine-Menu-itemLabel {
  overflow: hidden;
}

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

._2LyKsG_settingsIcon[data-active] {
  transition: rotate .1s ease-in-out;
  rotate: 180deg;
}

._2LyKsG_settingsIcon[data-active="false"] {
  transition: rotate .1s ease-in-out;
  rotate: none;
}
.AlueQq_listItem {
  background-color: var(--mantine-color-gray-0);
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
}

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

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

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

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

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

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

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

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

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

.AlueQq_tag {
  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;
}

.AlueQq_tooltip {
  background: var(--mantine-color-dark-5);
  color: #fff;
}
.djW9-G_tableContainer {
  border-top: 1px solid var(--mantine-color-gray-3);
  border-bottom: 1px solid var(--mantine-color-gray-3);
  height: 100%;
  overflow: hidden;
}

.djW9-G_tableContainer th {
  padding: 2px 4px !important;
}

.djW9-G_tableContainer td {
  padding: 4px 8px !important;
}

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

.djW9-G_queryResultsSkeleton {
  justify-content: space-between;
  gap: 8px;
  height: 100%;
}

.djW9-G_queryResultsSkeleton[data-rendering-context="sidebar"] {
  padding: 0 var(--writ-sidebar-side-margin) 8px var(--writ-sidebar-side-margin);
}

.djW9-G_queryResultsSkeleton[data-rendering-context="full-page"] {
  padding: 0 var(--writ-sidebar-side-margin);
}

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

.djW9-G_cardGrid {
  gap: 12px;
  display: grid;
}

.djW9-G_cardGrid, .djW9-G_flexTable {
  overflow: hidden;
}

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

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

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

.wYu0TW_contentLibraryModal .mantine-Modal-header {
  border-bottom: 1px solid var(--writ-border-color);
  border-radius: 4px 4px 0 0;
  padding: 12px 16px;
}

.wYu0TW_contentLibraryModal .mantine-Modal-content {
  overflow-y: inherit !important;
}

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

.wYu0TW_icon {
  border-radius: 4px;
}

.wYu0TW_icon[data-content-type="resource"] {
  color: var(--mantine-color-indigo-5);
  background-color: var(--writ-background-hover-color);
}

.wYu0TW_icon[data-content-type="external-link"] {
  color: var(--mantine-color-orange-5);
  background-color: color-mix(in srgb, var(--mantine-color-orange-0) 50%, transparent);
}
.E-b4RW_eventChartCard {
  grid-template-rows: min-content 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  padding: 8px !important;
}

.E-b4RW_eventChartSelect .mantine-Select-input {
  padding: 8px;
  height: 24px !important;
  min-height: 24px !important;
}

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

.E-b4RW_eventChartItem {
  padding: 4px;
}

.E-b4RW_eventChartContainer {
  height: 100%;
  overflow: hidden;
}

.E-b4RW_eventChartBox {
  overflow: hidden;
}
.aCLMZG_flexContainer {
  height: 100%;
  overflow: hidden;
}

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

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

.aCLMZG_homePageSideTabWithTasks {
  padding-left: var(--mantine-spacing-md);
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 48px;
  padding-right: 0;
}

.aCLMZG_homePageSideTabWithTasks[data-event-charts="false"] {
  padding-top: 10px;
}

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

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

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

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

.aCLMZG_recentItemsGrid, .aCLMZG_taskItemsList {
  gap: 12px;
}

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

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

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

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

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

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

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

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

@media (min-width: 75em) {
  .aCLMZG_eventChartGrid {
    grid-template-columns: minmax(400px, 30%) 1fr;
  }

  .aCLMZG_recentItemsGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .aCLMZG_recentItemsGrid[data-content-library="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aCLMZG_taskItemsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aCLMZG_chartGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .aCLMZG_indicatorGrid {
    grid-template-rows: repeat(2, 1fr);
  }
}

@media (min-width: 47em) and (max-width: 75em) {
  .aCLMZG_recentItemsGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .aCLMZG_recentItemsGrid[data-content-library="true"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aCLMZG_taskItemsList {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aCLMZG_taskItemsList[data-content-library="true"] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .aCLMZG_homepageGridContainer {
    grid-template-rows: minmax(300px, 30%) min-content 1fr;
  }

  .aCLMZG_chartGrid, .aCLMZG_indicatorGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 47em) {
  .aCLMZG_recentItemsGrid, .aCLMZG_taskItemsList {
    grid-template-columns: repeat(1, 1fr);
  }

  .aCLMZG_homepageGridContainer {
    grid-template-rows: minmax(400px, 40%) min-content 1fr;
  }

  .aCLMZG_chartGrid, .aCLMZG_indicatorGrid {
    grid-template-rows: repeat(2, 1fr);
  }

  .aCLMZG_suggestedUpdatesInnerContainer[data-content-library="true"] {
    display: none;
  }
}
._1VIXGG_tourOverlay {
  background: #00000080;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001 !important;
}

._1VIXGG_modal {
  font-size: small;
}

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

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

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

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

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

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

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

._1VIXGG_stepDescriptionLeft, ._1VIXGG_stepDescriptionRight, ._1VIXGG_stepDescriptionTop, ._1VIXGG_stepDescriptionBottom {
  z-index: 1002;
  border: 1px solid var(--mantine-color-gray-4);
  background: #fff;
  border-radius: 5px;
  width: max-content;
  max-width: 300px;
  padding: 10px;
  font-size: small;
  position: absolute;
  left: 50%;
}

._1VIXGG_stepDescriptionLeft:after, ._1VIXGG_stepDescriptionRight:after, ._1VIXGG_stepDescriptionTop:after, ._1VIXGG_stepDescriptionBottom:after {
  content: "";
  background: #fff;
  border: 1px solid #0000;
  width: 8px;
  height: 8px;
  position: absolute;
  rotate: 45deg;
}

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

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

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

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

._1VIXGG_modalButtons {
  justify-content: end;
  gap: 8px;
}

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

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

._1VIXGG_filledButton {
  background: var(--mantine-color-indigo-5);
  color: #fff;
}

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

._1VIXGG_highlightButton {
  animation-name: _1VIXGG_drawAttention;
  animation-duration: .75s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 3;
}

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

._1VIXGG_targetElement, ._1VIXGG_interactiveTargetElement, ._1VIXGG_fixedTargetElement {
  border-radius: 4px;
  z-index: 1002 !important;
  background: #fff !important;
}

._1VIXGG_targetElement, ._1VIXGG_interactiveTargetElement {
  position: relative !important;
}

._1VIXGG_fixedTargetElement {
  position: fixed !important;
}

._1VIXGG_targetElement {
  pointer-events: none !important;
}

._1VIXGG_targetElement :before {
  content: unset;
  pointer-events: all;
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1003 !important;
}
.LgVb7a_activeTabButtonFlexWrapper {
  border-bottom: 2px solid #0000;
}

.LgVb7a_activeTabButtonFlexWrapper button {
  line-height: 1.55;
}

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

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

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

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

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

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

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

.LgVb7a_activeTabBadge[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);
}

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

.LgVb7a_activeTabBadge[data-has-onclick-callback="true"] {
  pointer-events: all;
}
._4MnSGW_dropdownMenu {
  border: 1px solid var(--mantine-color-gray-2);
  background: #fff;
  border-radius: 4px;
  width: 400px;
  padding: 4px 4px 0;
  box-shadow: 0 .0625rem .1875rem #0000000d, 0 .625rem .9375rem -.3125rem #0000000d, 0 .4375rem .4375rem -.3125rem #0000000a;
}

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

._4MnSGW_mentionContainer {
  display: inline-block;
}

._4MnSGW_mentionListScrollArea > div {
  width: 100%;
}

._4MnSGW_mentionListScrollArea {
  width: 100%;
  overflow-x: hidden;
}

._4MnSGW_mentionListScrollArea .mantine-ScrollArea-viewport {
  padding-bottom: 4px;
}

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

._4MnSGW_chatMentionListItem, ._4MnSGW_userMentionListItem {
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
}

:is(._4MnSGW_chatMentionListItem, ._4MnSGW_userMentionListItem)[data-hovered="true"] {
  background-color: var(--mantine-color-gray-0);
}

:is(._4MnSGW_chatMentionListItem, ._4MnSGW_userMentionListItem):hover {
  background-color: var(--mantine-color-gray-0);
}

._4MnSGW_mentionPermissionAlertIcon {
  color: var(--mantine-color-gray-5);
  margin-left: auto;
}
.ZyVOGW_backButtonWrapper {
  flex: 1;
}

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

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

.ZyVOGW_documentStatusBadge {
  cursor: auto;
}

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

.ZyVOGW_documentBorder {
  border: 1px solid var(--writ-border-color);
}

.ZyVOGW_documentBorder[data-sidebar-opened="true"] {
  border-right: none;
}

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

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

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

.ZyVOGW_controlButton {
  background-color: color-mix(in srgb, var(--mantine-color-indigo-0) 25%, white);
  color: var(--mantine-color-indigo-5);
  width: 32px;
  height: 36px;
  padding: 8px 6px;
}

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

.ZyVOGW_controlButton[data-active="true"] {
  background-color: var(--mantine-color-indigo-4);
  color: #fff;
}

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

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

.ZyVOGW_floatingModal {
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
}

.ZyVOGW_toolbarControlButton {
  border-color: var(--writ-border-color);
  width: 28px;
  height: 28px;
}

.ZyVOGW_toolbarControlButton[disabled] {
  background-color: var(--mantine-color-gray-1);
  opacity: .4;
  pointer-events: none;
}

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

.ZyVOGW_toolbar {
  border: none;
  gap: 8px;
  width: 100%;
  max-width: 75rem;
  margin: auto;
  padding: 0 40px 8px;
}

.ZyVOGW_toolbar[data-show-users="true"] {
  padding: 0 0 8px 40px;
}
.Em7BFa_resizeableImageWrapper {
  border: 1px solid #0000;
  max-width: 1200px;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.Em7BFa_resizeableImageWrapper[data-hovered="true"] {
  border-color: var(--mantine-color-indigo-5);
}

.Em7BFa_resizeHandler[data-hovered="true"] {
  z-index: 1;
  background-color: var(--mantine-color-indigo-5);
  width: 8px;
  height: 8px;
  position: absolute;
}

.Em7BFa_resizeHandler[data-handler-position="top-left"] {
  cursor: nwse-resize;
  top: 0;
  left: 0;
}

.Em7BFa_resizeHandler[data-handler-position="top-right"] {
  cursor: nesw-resize;
  top: 0;
  right: 0;
}

.Em7BFa_resizeHandler[data-handler-position="bottom-left"] {
  cursor: nesw-resize;
  bottom: 0;
  left: 0;
}

.Em7BFa_resizeHandler[data-handler-position="bottom-right"] {
  cursor: nwse-resize;
  bottom: 0;
  right: 0;
}
.UE3Keq_chartTypeButton svg {
  width: 100%;
}

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

.UE3Keq_chartTopBar {
  visibility: hidden;
}

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

.UE3Keq_selectOptionsList {
  -webkit-user-select: none;
  user-select: none;
}

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

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

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

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

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

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

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

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

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

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

.UE3Keq_spreadsheetPrismQuery {
  --spreadsheet-prism-query-height: 12.5rem;
  max-height: var(--spreadsheet-prism-query-height);
}

.UE3Keq_spreadsheetPrismQuery .mantine-Prism-code {
  width: 100%;
  margin: 0;
  background: none !important;
  padding: 8px !important;
}

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

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

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

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

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

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

.T2rDTG_paginationGroup .mantine-Pagination-control:not(:-webkit-any(:first-of-type, :last-of-type)) {
  border-left: none;
  border-right: none;
}

.T2rDTG_paginationGroup .mantine-Pagination-control:not(:-moz-any(:first-of-type, :last-of-type)) {
  border-left: none;
  border-right: none;
}

.T2rDTG_paginationGroup .mantine-Pagination-control:not(:is(:first-of-type, :last-of-type)) {
  border-left: none;
  border-right: none;
}

.T2rDTG_paginationGroup .mantine-Pagination-control:first-of-type {
  border-right: none;
}

.T2rDTG_paginationGroup .mantine-Pagination-control:last-of-type {
  border-left: none;
}

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

.T2rDTG_paginationFirst {
  border-radius: 6px 0 0 6px;
}

.T2rDTG_paginationPrevious, .T2rDTG_paginationNext {
  border-radius: 0;
}

.T2rDTG_paginationLast {
  border-radius: 0 6px 6px 0;
}

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

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

.utU_Ya_cell, .utU_Ya_header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-wrap-text="true"] {
  white-space: normal;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-bold="true"] {
  font-weight: bold;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-italic="true"] {
  font-style: italic;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-align="left"] {
  text-align: left;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-align="center"] {
  text-align: center;
}

:is(.utU_Ya_cell, .utU_Ya_header)[data-align="right"] {
  text-align: right;
}
._0bePpW_commentViewCard {
  overflow: initial;
  background-color: var(--mantine-white);
  border: 2px solid #0000;
  padding: 8px 16px;
}

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

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

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

._0bePpW_replyButton {
  cursor: pointer;
}

._0bePpW_replyToggleButton {
  margin-left: -4px;
  padding: 0;
}

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

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

._0bePpW_showMoreChevronWrapper {
  height: 16px;
}

._0bePpW_showMoreChevronWrapper[data-active="true"] {
  transform: rotate(180deg);
}

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

._0bePpW_quoteText {
  cursor: pointer;
}

._0bePpW_commentsScrollArea {
  overflow: hidden;
}

._0bePpW_commentConvertIcon {
  align-self: center;
}

._0bePpW_commentText {
  overflow-wrap: anywhere;
}

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

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

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

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

._0bePpW_commentTaskBadge :hover {
  cursor: pointer;
}
.DsFpjq_chartTypeIconWrapper {
  background-color: var(--mantine-color-indigo-3);
  border-radius: var(--writ-border-radius-md);
  transition: "background-color" .2s ease-in-out;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: .125rem;
  display: flex;
}

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

.gM-emG_chartTypeSection label {
  line-height: 1;
  display: block;
}

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

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

.a1txsa_constrainAndCenterChildSvg > div {
  width: 100%;
}

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

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

.a1txsa_annotationCentering {
  max-width: var(--writ-chart-max-width);
  margin: 0 auto;
}
.Q1mxta_placeholder {
  --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);
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 400px;
  padding: 40px 0;
}

.Q1mxta_placeholderIcon {
  color: var(--mantine-color-indigo-5);
  background-color: #fff;
}
.i-E2LG_safeModeDescription {
  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);
  width: 80%;
}

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

.i-E2LG_safeModeDescription th {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.i-E2LG_safeModeDescription td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.qfhmSq_annotationPositioner {
  transform-origin: 0 0;
  z-index: var(--writ-annotation-overlay-z-index);
  position: absolute;
}

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

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

.KIcpVG_overlayHandle:active {
  cursor: grabbing;
}

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

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

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

.Cyu67G_selfExpandingTextArea {
  resize: none;
  background: none;
  height: auto;
}

.Cyu67G_selfExpandingTextAreaSizer {
  visibility: hidden;
}

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

.Mv-qmq_anchorCornerRadioGroup label {
  cursor: pointer;
}

.Mv-qmq_anchorCornerRadioGroup > div {
  display: flex;
}

.Mv-qmq_anchorCornerRadioGroup > div:nth-child(odd) {
  flex-direction: row-reverse;
}
.Z0wcJG_positionContextMenu {
  z-index: var(--writ-annotation-overlay-context-menu-z-index);
  position: absolute;
}
.gB183a_annotationCursor {
  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;
  position: relative;
}

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

.gB183a_annotationCursor > svg .writChartBackgroundRect {
  fill: #0000 !important;
}
._7PstBq_monacoWrapper {
  border-radius: var(--writ-border-radius-md);
  pointer-events: all;
  background: none;
  width: 100%;
  height: 100%;
}

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

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

._7PstBq_formatButton {
  z-index: 1;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

._7PstBq_inlineEditorLayout {
  gap: var(--mantine-spacing-xs);
  grid-template-columns: calc(100% - 3rem) min-content;
  align-items: center;
  width: 100%;
  display: grid;
}
.Tmq7YG_headerBar {
  grid-template-columns: auto min-content;
  align-items: end;
  display: grid;
}

.Tmq7YG_explanationWrapper p {
  line-height: 1.2;
}

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

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

.Tmq7YG_sectionHeader {
  align-items: center;
  gap: var(--writ-spacing-xxxs);
  color: var(--mantine-color-gray-9);
  padding: var(--writ-spacing-xxxs) 0;
  min-height: .75rem;
  line-height: 1;
  display: flex;
  position: relative;
}

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

.Tmq7YG_helpCircleIcon {
  cursor: pointer;
}

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

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

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

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

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

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

.w5Tn2a_cellText {
  -webkit-user-select: none;
  user-select: none;
}

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

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

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

.w5Tn2a_hideItem[data-selected="true"] {
  color: #fff;
}

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

.w5Tn2a_grabbable[data-selected="true"] {
  color: #fff;
}

.w5Tn2a_grabbable[data-selected="false"] {
  color: var(--mantine-color-gray-6);
}

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

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

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

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

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

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

.B2m01a_columnSelectorGrid tbody {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  display: grid;
}

.B2m01a_columnSelectorGrid thead {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  display: grid;
}

.B2m01a_columnSelectorGrid tr {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  display: grid;
}

.B2m01a_columnSelectorGrid td {
  align-items: center;
}

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

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

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

.B2m01a_columnSelectorRow {
  margin: calc(var(--writ-spacing-xxxs) * .5) 0;
  align-items: center;
}

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

.B2m01a_columnSelectorActionColumn button {
  margin-top: .35rem;
}

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

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

.B2m01a_addColumnButton:hover {
  color: var(--mantine-color-indigo-7);
  background-color: #0000;
}

.B2m01a_addColumnButton:active {
  text-decoration: underline;
}
.C3h7Ga_transformationConfigsWrapper {
  flex-direction: column;
  display: flex;
}

.C3h7Ga_transformationConfigsHeader {
  padding: var(--writ-spacing-xxs) var(--mantine-spacing-sm);
  border-bottom: 1px solid var(--mantine-color-gray-3);
  align-items: center;
  display: flex;
}

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

.C3h7Ga_transformationConfigsHeader .C3h7Ga_cancelButton {
  margin-left: auto;
  margin-right: -.25rem;
}

.C3h7Ga_transformationConfigForm {
  padding: 0 var(--mantine-spacing-sm) 0;
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

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

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

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

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

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

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

.fMM_kG_transformationSelector:disabled .mantine-Button-label {
  color: var(--mantine-color-gray-6);
}

.fMM_kG_transformationSelector:disabled .mantine-Button-icon {
  color: var(--mantine-color-gray-6);
}

.fMM_kG_transformationLabel {
  padding-bottom: .5rem;
}

.fMM_kG_transformationLabel:first-of-type {
  padding-top: .5rem;
}

.fMM_kG_transformationDivider {
  margin-top: .5rem;
  margin-bottom: .125rem;
  padding: 0;
}

.fMM_kG_transformationItem {
  width: calc(100% - .5rem);
  margin-left: .25rem;
  margin-right: .25rem;
  padding: .25rem .5rem;
}

.fMM_kG_transformationItem:last-of-type {
  margin-bottom: .5rem;
}

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

.fMM_kG_transformationItem[data-is-selected="true"] svg {
  stroke: var(--mantine-color-indigo-6);
}

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

.NdO9na_sortConfigList li {
  padding: var(--writ-spacing-xxxs) 0;
  gap: var(--writ-spacing-xxs);
  grid-template-columns: 1fr min-content;
  display: grid;
}

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

.NdO9na_sortConfigList .NdO9na_sortSelectColumn .NdO9na_sortSelectRightSection {
  gap: var(--writ-spacing-xxs);
  display: flex;
}

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

.NdO9na_sortConfigList .NdO9na_sortSelectColumn .mantine-Select-input {
  width: inherit;
  padding: var(--mantine-spacing-sm);
  background: none;
  border: none;
  grid-area: 1 / 1 / 2 / 3;
}

.NdO9na_sortConfigList .NdO9na_sortSelectColumn .mantine-Select-rightSection {
  width: inherit;
  margin-right: var(--writ-spacing-xxs);
  pointer-events: none;
  grid-area: 1 / 2 / 2 / 3;
  position: relative;
}

.NdO9na_sortConfigList .NdO9na_sortGrabIcon {
  min-width: inherit;
  width: inherit;
}

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

.NdO9na_sortConfigList .NdO9na_sortOrderItemDisplay {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

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

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

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

.AVv-RG_sortOrderItemDisplay {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

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

._11JQ5q_popoverDropdownItem {
  border-radius: 4px;
  min-width: 160px;
}

._11JQ5q_popoverDropdownItem:hover {
  background: var(--mantine-color-gray-0);
}

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

._11JQ5q_popoverTarget:hover {
  background: var(--mantine-color-gray-0);
}
.Qf2vaa_writControlRow > :last-child {
  max-width: 45%;
}
._0sou3G_drawer {
  --drawer-color: var(--mantine-color-gray-5);
}

._0sou3G_drawer ._0sou3G_drawerIcon {
  margin-right: .25rem;
  display: block;
}

._0sou3G_drawer ._0sou3G_drawerIcon ._0sou3G_drawerIconCircle {
  fill: var(--drawer-color);
}

._0sou3G_drawer ._0sou3G_button {
  text-align: left;
  cursor: pointer;
  color: var(--mantine-color-gray-6);
  background: none;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: .625rem;
  text-decoration: underline;
  transition: color .1s;
  display: flex;
}

._0sou3G_drawer ._0sou3G_button:hover {
  color: var(--mantine-color-gray-7);
}

._0sou3G_styleAccordionContent {
  margin-top: .5rem;
}

._0sou3G_styleAccordionContent section {
  align-items: center;
  min-height: 2rem;
  display: flex;
}

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

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

._0sou3G_stylingAccordion {
  background-color: #0000;
}

._0sou3G_stylingAccordion .mantine-Accordion-item {
  background-color: #0000;
  border: 0;
}

._0sou3G_stylingAccordion .mantine-Accordion-control {
  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);
  padding: 0;
}

._0sou3G_stylingAccordion .mantine-Accordion-control .mantine-Accordion-label {
  padding-left: .5rem;
}

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

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

._0sou3G_stylingAccordionHeader .mantine-Accordion-label {
  padding: var(--writ-spacing-xxs);
  font-weight: var(--writ-font-weight-semibold);
  transition: padding .2s;
}

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

._0sou3G_sectionHeader .mantine-Accordion-label {
  color: var(--mantine-color-gray-8);
}

._0sou3G_sectionHeader .mantine-Accordion-chevron {
  transition: color .2s;
}

._0sou3G_sectionHeader .mantine-Accordion-label {
  transition: color .2s;
}

._0sou3G_sectionHeader:hover {
  background-color: #0000;
}

._0sou3G_sectionHeader:hover .mantine-Accordion-label {
  color: var(--mantine-color-indigo-5);
}

._0sou3G_sectionHeader:hover .mantine-Accordion-chevron {
  color: var(--mantine-color-indigo-5);
}

._0sou3G_sectionHeader .mantine-Accordion-label {
  padding-top: var(--mantine-spacing-xs);
  padding-bottom: var(--mantine-spacing-xs);
  transition: padding .2s;
}

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

._0sou3G_sectionHeader[aria-expanded="true"]:hover .mantine-Accordion-label {
  color: var(--mantine-color-gray-8);
}

._0sou3G_sectionHeader[aria-expanded="true"]:hover .mantine-Accordion-chevron {
  color: var(--mantine-color-gray-8);
}

._0sou3G_sectionHeader[aria-expanded="true"] .mantine-Accordion-chevron {
  align-self: flex-end;
  padding-bottom: .53125rem;
}

:is(._0sou3G_sectionHeader, ._0sou3G_stylingAccordionHeader) .mantine-Accordion-chevron {
  position: relative;
}

:is(._0sou3G_sectionHeader, ._0sou3G_stylingAccordionHeader) .mantine-Accordion-chevron:before {
  text-align: right;
  content: "Expand";
  font-weight: var(--writ-font-weight-semibold);
  opacity: 0;
  width: 5rem;
  transition: opacity .2s, transform .2s;
  position: absolute;
  right: 0;
  transform: translate(-1rem);
}

:is(._0sou3G_sectionHeader, ._0sou3G_stylingAccordionHeader) .mantine-Accordion-chevron svg {
  transition: transform .2s;
}

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

:is(._0sou3G_sectionHeader, ._0sou3G_stylingAccordionHeader)[aria-expanded="true"] .mantine-Accordion-chevron:before {
  content: "Collapse";
}

:is(._0sou3G_sectionHeader, ._0sou3G_stylingAccordionHeader)[aria-expanded="true"] .mantine-Accordion-chevron svg {
  transform: rotate(45deg);
}
._6F3B5G_configSuggestionCard .mantine-Alert-body {
  padding: .15rem 0 var(--mantine-spacing-xxs);
  flex-direction: column;
  align-items: start;
  display: flex;
}
.ulmGtW_container {
  width: 100%;
  display: block !important;
}

.ulmGtW_table {
  grid-template-columns: 1fr 1fr min-content;
  width: 100%;
  display: grid;
}

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

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

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

.ulmGtW_row {
  gap: var(--mantine-spacing-xxs);
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  display: grid;
}
.Ufkamq_scrollAreaViewport:before {
  content: "";
  border-top: 1px solid var(--mantine-color-gray-3);
  opacity: 0;
  pointer-events: none;
  z-index: 1000;
  background: linear-gradient(#0000001a, #0000000d 30%, #0000);
  width: 100%;
  height: 8px;
  transition: opacity .2s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

.v61K1q_userAvatar {
  border: 1px solid #fff;
}

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

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

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

.v61K1q_activeUserModal .mantine-Modal-body {
  padding-bottom: 0;
  padding-right: 0;
}

.v61K1q_activeUserModalScrollArea .mantine-ScrollArea-viewport {
  padding-bottom: 16px;
}
._80LkNq_copyButton {
  transition: opacity .2s;
}

._80LkNq_copyButton:hover {
  background-color: #0000;
}

[data-hoverable="true"]:hover ._80LkNq_copyButton {
  opacity: 1;
}

._80LkNq_buttonRow {
  z-index: 1;
  transition: opacity .2s;
}

[data-hoverable="true"]:hover ._80LkNq_buttonRow {
  opacity: 1;
}

._80LkNq_chatMessagePaper {
  border-radius: 4px;
  width: 100%;
  margin-bottom: 8px;
  padding: 8px;
  position: relative;
}

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

._80LkNq_chatMessagePaper[data-user-message="true"] {
  border: 1px solid var(--writ-border-color);
  background-color: var(--writ-sidebar-background-color);
  width: -moz-fit-content;
  width: fit-content;
}

._80LkNq_markdownStyles h1 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles h2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles h3 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles h4 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles h5 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles h6 {
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles p {
  word-break: break-word;
  margin-top: 8px;
  margin-bottom: 8px;
}

._80LkNq_markdownStyles ul {
  margin: 0;
}

._80LkNq_aiChatMarkdownStyles {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h1 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h2 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h3 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h4 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h5 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h6 {
  font-family: SerifRegular;
}

._80LkNq_aiChatMarkdownStyles h1 {
  font-size: 28.3px;
}

._80LkNq_aiChatMarkdownStyles h2 {
  font-size: 23.3px;
}

._80LkNq_aiChatMarkdownStyles h3 {
  font-size: 20px;
}

._80LkNq_aiChatMarkdownStyles h4 {
  font-size: 18px;
}

._80LkNq_aiChatMarkdownStyles h5 {
  font-size: 16px;
}

._80LkNq_aiChatMarkdownStyles h6 {
  font-size: 14px;
}

._80LkNq_buttonRowButton {
  z-index: 1;
  background: none;
  transition: opacity .2s;
}

._80LkNq_buttonRowButton ._80LkNq_copyButtonIcon:hover {
  color: var(--writ-border-color);
}

._80LkNq_copyButtonIcon:hover {
  color: #fff;
}

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

._80LkNq_chatMentionedResourceContainer {
  vertical-align: bottom;
  display: inline-block;
}

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

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

._80LkNq_prismQueryBlock .mantine-Prism-code {
  max-width: 518px;
}

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

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

._80LkNq_prismQueryBlock .mantine-Prism-scrollArea {
  height: 100%;
}
@keyframes USQTBa_generatingIconColorFade {
  0% {
    fill: #fff;
  }

  100% {
    fill: var(--mantine-color-indigo-5);
  }
}

@keyframes USQTBa_generatingContainerColorFade {
  0% {
    background-color: #d8def780;
  }

  100% {
    background-color: var(--mantine-color-indigo-0);
  }
}

.USQTBa_sparkleIcon[data-generating="true"] {
  animation: 1s ease-in-out infinite alternate USQTBa_generatingIconColorFade;
}

.USQTBa_sparkleIcon[data-enabled="false"] {
  stroke: var(--mantine-color-gray-5);
}

.USQTBa_aiDocumentSummaryContainer {
  cursor: pointer;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 34px;
  padding: 6px 8px;
}

.USQTBa_aiDocumentSummaryContainer[data-enabled="true"] {
  background-color: var(--writ-background-hover-color);
}

.USQTBa_aiDocumentSummaryContainer[data-enabled="false"] {
  background-color: var(--mantine-color-gray-0);
}

.USQTBa_aiDocumentSummaryContainer[data-generating="true"] {
  animation: 1s ease-in-out infinite alternate USQTBa_generatingContainerColorFade;
}

.USQTBa_aiDocumentSummaryContentPaper {
  min-height: 32px;
  padding: 2px 10px;
}
._2vNQnG_buttonIconContainer {
  background-color: color-mix(in srgb, var(--mantine-color-indigo-0) 50%, transparent);
  color: var(--mantine-color-indigo-5);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

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

._2vNQnG_writSnippetGrid {
  width: 400px;
  margin: 0;
  padding: 0 8px 8px;
}

._2vNQnG_writSnippetGrid[data-slim="true"] {
  width: 200px;
}

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

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

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

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

._2vNQnG_writSnippetButtonText {
  white-space: break-spaces;
  font-size: 6px;
  font-weight: normal;
}

._2vNQnG_writSnippetButtonText[data-heading="true"] {
  white-space: nowrap;
  font-weight: bold;
}
.aAzdQa_emailAddressSelectComponent {
  font-size: var(--mantine-font-size-sm);
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
}

.aAzdQa_emailAddressSelectComponent[data-hovered="true"] {
  background-color: var(--mantine-color-gray-1);
}

.aAzdQa_emailAddressSelectComponent:hover {
  background-color: var(--mantine-color-gray-1);
}
._9C0MQa_sidebarText {
  font-weight: var(--writ-font-weight-semibold);
  font-size: var(--mantine-font-size-sm);
  margin-left: 4px;
}

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

._9C0MQa_userDetailsText {
  cursor: default;
}

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

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

._9C0MQa_sidebarTab[data-active="true"]:hover {
  background-color: var(--mantine-color-indigo-1);
}

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

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

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

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

._9C0MQa_tabsPanelHeader[data-sidebar-closed="false"] {
  outline: 1px solid var(--writ-border-color);
  border-right: 1px solid var(--writ-border-color);
}

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

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

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

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

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

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

.a7_Sgq_accessPermission {
  background-color: var(--mantine-color-gray-0);
  border-radius: 4px;
  grid-template-columns: 1fr min-content;
  padding: 8px 6px;
  display: grid;
  overflow: hidden;
}

.a7_Sgq_accessPermission[data-organization-permission="true"] {
  background-color: unset;
  padding: 0;
}

.a7_Sgq_accessPermissionInner {
  grid-template-columns: min-content 1fr;
  gap: 8px;
  display: grid;
}
._9dUBDW_datasetPermissionsContainer {
  grid-template-rows: auto 1fr;
  gap: 8px;
  display: grid;
  overflow: hidden;
}
.pg4C-W_schemaAccordion {
  --accordion-spacing: .375rem;
}

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

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

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

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

.pg4C-W_schemaAccordion .mantine-Accordion-chevron {
  margin-right: 0;
}

.pg4C-W_schemaAccordion .mantine-Accordion-chevron[data-rotate] {
  transform: rotate(90deg);
}

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

.pg4C-W_tableAccordionContent {
  margin-left: var(--mantine-spacing-sm);
  border: 2px solid #0000;
  border-radius: 4px;
  padding: 4px 10px;
}

.pg4C-W_tableAccordionContent[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);
}

.pg4C-W_tableAccordionContent[data-active="true"]:hover {
  border: 2px solid var(--mantine-color-indigo-4);
  background-color: var(--mantine-color-indigo-0);
}

.pg4C-W_tableAccordionContent:hover {
  background-color: var(--mantine-color-gray-1);
}

.pg4C-W_schemaSearchTextInput .mantine-TextInput-input {
  border: none;
}
.fZ_I0G_historyTimeline {
  margin-right: 20px;
  padding-left: 0;
}

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

.fZ_I0G_historyTimeline .mantine-Timeline-item {
  cursor: pointer;
  border-radius: 4px;
  padding: 10px 10px 10px 24px;
}

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

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

.fZ_I0G_historyTimeline .mantine-Timeline-item:first-of-type:before {
  margin-top: 25px;
}

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

.fZ_I0G_historyTimeline .mantine-Timeline-item[data-active="true"] {
  background-color: var(--mantine-color-indigo-0);
}

.fZ_I0G_historyTimeline .mantine-Timeline-item[data-active="true"]:hover {
  background-color: var(--mantine-color-indigo-1);
}

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

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

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

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

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

[data-is-active="true"].fZ_I0G_timelineAvatar .mantine-Avatar-placeholder {
  background-color: var(--mantine-color-indigo-7);
}
._8UysyG_richTextEditor {
  border: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  display: flex;
  overflow: hidden;
}

._8UysyG_skeleton {
  flex-grow: 1;
}

._8UysyG_chatEditorScrollArea .mantine-ScrollArea-viewport {
  padding-top: 8px;
  padding-bottom: 0 !important;
}

._8UysyG_chatEditorContent {
  min-height: 100%;
}
.NZOHGa_commentRichTextEditor {
  background-color: var(--mantine-white);
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: space-between;
  margin: 2px;
  display: flex;
}

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

.NZOHGa_commentRichTextEditor[data-editable="false"] {
  margin-left: -2px;
}

.NZOHGa_commentRichTextEditor[data-editable="false"] .mantine-RichTextEditor-toolbar {
  display: none;
}

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

.NZOHGa_commentRichTextEditorRoot {
  border: none;
  width: 100%;
  display: flex;
}

.NZOHGa_commentRichTextEditorContent {
  font-size: var(--mantine-font-size-sm);
  flex-grow: 1;
  display: flex;
}

.NZOHGa_commentRichTextEditorContent .mantine-RichTextEditor-typographyStylesProvider {
  flex-grow: 1;
}

.NZOHGa_commentRichTextEditorContent .ProseMirror[contenteditable="false"] {
  padding: 0 !important;
}

.NZOHGa_commentRichTextEditorContent .ProseMirror[contenteditable="true"] {
  flex-grow: 1;
  padding: 10px 12px;
}

.NZOHGa_commentRichTextEditorContent p {
  word-break: break-word;
}
.nvhbZW_iconColumn, .nvhbZW_contentColumn {
  vertical-align: top;
  border: 0;
}

.nvhbZW_contentText {
  color: var(--mantine-color-dark-3);
}

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

.nvhbZW_activityTimelineButterAvatar {
  background-color: var(--mantine-color-gray-3);
}

.nvhbZW_activityTimelineButterAvatar .mantine-Avatar-placeholder {
  font-size: var(--mantine-font-size-xxs);
  font-weight: 600;
}

.nvhbZW_activityDivider[data-last="true"] {
  display: none;
}
.YCXWbG_recentlyViewedItemCard {
  min-height: 144px;
}

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

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

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

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

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

.YCXWbG_prismQueryBlock .mantine-Prism-code {
  margin: 0;
  padding-top: 0;
  font-size: .6rem;
}

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

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

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

.YCXWbG_recentlyViewedItemCardFooter {
  justify-content: space-between;
  height: min-content;
  min-height: min-content;
}

.YCXWbG_recentlyViewedItemCardFooter[data-justify="end"] {
  justify-content: end;
}
._76phjG_jobTabContent {
  width: 100%;
  padding-inline-start: 1rem;
  padding-inline-end: 0;
  display: grid;
}

._76phjG_searchInput {
  color: var(--stroke-neutral);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-block-start: .75rem;
  padding-block-end: .75rem;
  padding-inline-start: 0;
  padding-inline-end: 1rem;
  font-size: small;
  display: block;
}

._76phjG_contentBody {
  gap: .5rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

._76phjG_contentBody .mantine-ScrollArea-viewport {
  padding-bottom: 0 !important;
}

._76phjG_footerTabs {
  align-items: center;
  gap: 1rem;
  padding-left: .5rem;
  padding-right: .25rem;
}

._76phjG_lineItem {
  background: var(--mantine-color-gray-0);
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 25rem;
  padding: 4px;
  display: flex;
}

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

._76phjG_notificationItemText {
  gap: .5rem;
  margin-left: auto;
}

._76phjG_jobTitle {
  color: var(--mantine-color-gray-8);
  font-size: small;
  font-weight: var(--writ-font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15rem;
  overflow-x: hidden;
}

._76phjG_jobStatus {
  margin-left: inherit;
  font-size: x-small;
}

._76phjG_jobTime {
  color: var(--mantine-color-gray-7);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: x-small;
  overflow-x: hidden;
}

._76phjG_clickable:hover {
  cursor: pointer;
}

._76phjG_leftJobItemContent {
  align-items: center;
  gap: .5rem;
}

._76phjG_leftJobItemContent[data-clickable="true"] {
  cursor: pointer;
}

._76phjG_rightJobItemContent {
  align-items: center;
  gap: .25rem;
}

._76phjG_popoverDropdown {
  min-width: 550px;
  max-width: 720px;
  margin-left: -.5rem;
  display: flex;
}

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

._76phjG_popoverHeader {
  justify-content: space-between;
  padding-block-start: .5rem;
  padding-block-end: .5rem;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  display: flex;
}

._76phjG_popoverTitle {
  font-weight: var(--writ-font-weight-semibold);
  color: var(--mantine-color-gray-8);
  font-size: small;
}

._76phjG_popoverCloseIcon {
  cursor: pointer;
  color: var(--mantine-color-gray-6);
  width: 16px;
  height: 16px;
  margin-left: auto;
}

._76phjG_taskList {
  z-index: 10000;
  border: 1px solid var(--writ-border-color);
  background: #fff;
  border-radius: 4px;
  width: 35vw;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 85vh;
  padding-inline-start: 0;
  padding-inline-end: 0;
  display: block;
  position: absolute;
  bottom: 3.5vh;
  right: .5vh;
  overflow: hidden;
}

._76phjG_noResultsText {
  color: var(--mantine-color-gray-6);
  text-align: center;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  font-size: small;
}

._76phjG_infiniteScrollContainer {
  width: 100%;
  padding-left: 1rem;
  padding-right: 0;
}
.u5NbhG_statusBar {
  background: var(--mantine-color-gray-0);
  max-width: unset;
  height: var(--bottom-status-bar-height);
  z-index: 1000;
  border: none;
  place-content: center space-between;
  width: 100%;
  padding-inline-start: .5rem;
  padding-inline-end: .5rem;
  display: flex;
  bottom: 0;
  left: 0;
}

.u5NbhG_statusBar[data-border="true"] {
  border-top: 1px solid var(--writ-border-color);
}

.u5NbhG_basicLabel {
  color: var(--mantine-color-gray-8);
  font-size: x-small;
}

.u5NbhG_basicLabelColor {
  color: var(--mantine-color-gray-8);
}

.u5NbhG_basicValue {
  color: var(--mantine-color-gray-6);
  background: var(--mantine-color-gray-2);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 2px 4px;
  font-size: x-small;
  display: flex;
}

.u5NbhG_footerGroup {
  align-items: center;
  gap: 4px;
  height: 100%;
  margin-top: -2px;
  padding-top: 2px;
}

.u5NbhG_footerGroup[data-active="false"]:hover {
  cursor: pointer;
  border-top: 1px solid var(--mantine-color-gray-3);
}

.u5NbhG_footerGroup[data-active="true"] {
  border-top: 1px solid var(--mantine-color-indigo-5);
  margin-inline-start: -4px;
  margin-inline-end: -4px;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}

.u5NbhG_footerGroup[data-active="true"] .u5NbhG_basicLabel {
  color: var(--mantine-color-indigo-5);
}

.u5NbhG_footerGroup[data-active="true"] .u5NbhG_basicLabelColor {
  color: var(--mantine-color-indigo-5);
}

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

.u5NbhG_footerGroup[data-active="true"]:hover {
  border-top: 1px solid var(--mantine-color-indigo-5);
  margin-inline-start: -4px;
  margin-inline-end: -4px;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}

.u5NbhG_footerGroup[data-active="true"]:hover .u5NbhG_basicLabel {
  color: var(--mantine-color-indigo-5);
}

.u5NbhG_footerGroup[data-active="true"]:hover .u5NbhG_basicLabelColor {
  color: var(--mantine-color-indigo-5);
}

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

.u5NbhG_footerGroup:hover {
  cursor: pointer;
  border-top: 1px solid var(--mantine-color-gray-3);
}

.u5NbhG_taskMenuContainer {
  padding-inline-start: 1rem;
  padding-inline-end: 0;
  width: 100%;
  height: 450px;
  max-height: 80vh;
  padding-bottom: 0;
  overflow: hidden;
}

.u5NbhG_taskMenuContainer .mantine-ScrollArea-viewport {
  padding-bottom: 4rem !important;
}

.u5NbhG_taskMenuContainer .mantine-ScrollArea-scrollbar {
  bottom: 4rem !important;
}
.n4HAcq_infiniteScroll {
  overflow-x: hidden;
}

.n4HAcq_infiniteScroll > div {
  width: 100%;
}

.n4HAcq_infiniteScroll .mantine-ScrollArea-viewport > div {
  overflow-x: hidden;
  display: flex !important;
}

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

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

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

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

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

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

.n4HAcq_chatResultDisplay {
  cursor: pointer;
  border-radius: 4px;
  gap: 4px;
  width: 100%;
  padding: 2px 4px;
  overflow: hidden;
}

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

.n4HAcq_chatMenuDropdown {
  max-width: 700px;
}

.n4HAcq_chatInnerContainer {
  background-color: var(--mantine-white);
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.n4HAcq_chatInnerContainer .ProseMirror {
  padding: 0;
}

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

.n4HAcq_chatResourceBadge {
  cursor: pointer;
  background-color: var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-8);
  white-space: nowrap;
  border-radius: 2px;
  align-items: center;
  max-width: 400px;
  padding: 2px 4px;
  line-height: 1.4;
}

.n4HAcq_chatResourceBadge:hover {
  background-color: var(--mantine-color-gray-3);
}

.n4HAcq_chatPopover {
  max-width: 480px;
}

.n4HAcq_chatPopoverLoader {
  width: 300px;
  height: 144px;
  padding-right: 0;
  overflow: hidden;
}
.mNtWnW_defaultTab {
  border: 1px solid var(--mantine-color-gray-3);
  background: #fff;
  align-items: center;
  height: 24px;
  padding: 4px;
  font-size: x-small;
  font-weight: 400;
  display: flex;
}

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

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

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

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

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

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

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

.oNMHpa_documentTemplatesTab[data-filters="true"] {
  grid-template-rows: repeat(3, min-content) 1fr;
}

.oNMHpa_documentTemplateCard {
  background-color: #fff;
  gap: 0;
  height: 304px;
  padding: 0;
}

.oNMHpa_documentTemplateCard: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);
}

.oNMHpa_documentTemplateCardOuterFooter {
  background-color: #fff;
  border-radius: 4px;
}

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

.oNMHpa_documentTemplateCardMainContent {
  gap: 0;
}

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

.oNMHpa_documentTemplateCardImage {
  height: 100%;
}

.oNMHpa_documentTemplateCardImage .mantine-Image-root {
  height: 100%;
}

.oNMHpa_documentTemplateCardImage .mantine-Image-figure {
  height: 100%;
}

.oNMHpa_documentTemplateCardImage .mantine-Image-imageWrapper {
  height: 100%;
}

.oNMHpa_documentTemplateCardImage .mantine-Image-image {
  object-position: left;
}

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

[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;
}

.oNMHpa_documentTemplateBadge {
  text-transform: unset;
}

.oNMHpa_documentTemplateBadge .mantine-Badge-inner {
  font-weight: normal;
}

.oNMHpa_documentTemplateBadge[data-identifier] {
  background-color: hsla(var(--hue), 65%, 85%, 1);
  color: hsla(var(--hue), 65%, 20%, 1);
}

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

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

.oNMHpa_iframe {
  border: none;
  width: 100%;
  max-width: 1000px;
}

.oNMHpa_iframe[data-loading="true"] {
  opacity: 0;
}

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

@media (min-width: 75em) {
  .oNMHpa_documentTemplateGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 47em) and (max-width: 75em) {
  .oNMHpa_documentTemplateGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 47em) {
  .oNMHpa_documentTemplateGrid {
    grid-template-columns: 1fr;
  }
}
.l-zDxa_authContainer {
  place-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

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

.l-zDxa_writDescriptionGrid {
  place-items: center;
  gap: 40px;
  width: 100%;
  height: 100%;
  display: grid;
}

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

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

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

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

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

.l-zDxa_authSidebar {
  flex-direction: column;
  flex: 0 200px;
  justify-content: space-between;
  height: 100%;
}

.l-zDxa_authSidearHeaderFooter {
  width: 100%;
  height: 60px;
}

.l-zDxa_authSidearHeaderFooter[data-header="true"] {
  border-bottom: 1px solid var(--writ-border-color);
}

.l-zDxa_authSidearHeaderFooter[data-footer="true"] {
  border-top: 1px solid var(--writ-border-color);
}

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

.l-zDxa_authPasswordInput .mantine-PasswordInput-input {
  height: 40px;
}

.l-zDxa_authPasswordInput .mantine-PasswordInput-innerInput {
  height: 100%;
}

.l-zDxa_authPasswordInput .mantine-PasswordInput-label {
  width: 100%;
}

.l-zDxa_authFormHeaderFooter {
  justify-content: end;
  width: 100%;
  height: 60px;
  padding: 16px 40px;
}

.l-zDxa_authFormHeaderFooter[data-header="true"] {
  border-bottom: 1px solid var(--writ-border-color);
}

.l-zDxa_authFormHeaderFooter[data-footer="true"] {
  border-top: 1px solid var(--writ-border-color);
}

.l-zDxa_authScrollArea {
  height: 100%;
}

.l-zDxa_authScrollArea .mantine-ScrollArea-viewport {
  padding: 32px 48px;
}

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

.l-zDxa_gridBackgroundWithRotate {
  align-items: start;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.l-zDxa_gridBackgroundWithRotate[data-rotate="true"] {
  bottom: 0;
  right: 0;
  transform: scaleY(-1)scaleX(-1);
}

.l-zDxa_gridBackgroundWithRotate[data-rotate="false"] {
  top: 0;
  left: 0;
}

.l-zDxa_googleSignInContainer {
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
}

.l-zDxa_googleSignInContainer[data-initialized="false"] {
  border-color: var(--writ-border-color);
}

.l-zDxa_googleSignInContainer[data-large="true"] {
  width: 400px;
}

.l-zDxa_googleSignInContainer[data-error="true"] {
  outline: 1px solid var(--mantine-color-red-6);
}

.l-zDxa_googleButton[data-hide="true"] {
  display: none;
}

.l-zDxa_googleButton[data-loading="true"] {
  pointer-events: none;
}

.l-zDxa_googleButtonContainer {
  position: relative;
}

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

.l-zDxa_loader {
  width: 1rem;
  height: 1rem;
}

@media (max-width: 37.5em) {
  .l-zDxa_authForm {
    max-width: 300px;
  }
}

@media (min-width: 75em) {
  .l-zDxa_writDescriptionGrid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    place-items: center;
  }

  .l-zDxa_writDescriptionContainer {
    order: 1;
  }

  .l-zDxa_paperContainer {
    order: 2;
  }
}

@media (min-width: 47em) and (max-width: 75em) {
  .l-zDxa_writDescriptionGrid {
    grid-template-rows: 1fr min-content;
    align-items: start;
  }
}
.dXOt-q_textAreaPaper {
  align-items: center;
  padding: 2px;
}

.dXOt-q_textAreaPaper[data-is-disabled="true"] {
  padding-left: 8px;
}

.dXOt-q_textAreaWithSubmit .mantine-Textarea-input {
  background-color: var(--mantine-white);
  border: 1px solid #0000;
  width: 100%;
  min-height: 41px;
  margin-bottom: 2px;
}

.dXOt-q_textAreaWithSubmit .mantine-Textarea-input:focus {
  border: 1px solid var(--mantine-color-indigo-4);
  box-shadow: 0 0 0 2px var(--mantine-color-indigo-1);
}

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

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

section.aIggWG_titleFormGrid > div {
  display: contents;
}

section.aIggWG_titleFormGrid .writ-config-label {
  font-size: var(--mantine-font-size-sm);
  font-weight: var(--writ-font-weight-semibold);
}
.qhLx2q_layoutContainer {
  grid-template-rows: min-content 1fr;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  padding-left: 8px;
  display: grid;
  overflow: hidden;
}

.qhLx2q_visualizationTabContainer {
  padding-top: var(--writ-spacing-xxs);
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.qhLx2q_tabBox {
  margin-top: 8px;
  overflow: hidden;
}

.qhLx2q_layoutSection {
  flex-direction: column;
  gap: .5rem;
  padding-right: .5rem;
  display: flex;
}

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

.qhLx2q_contentWrapper {
  height: calc(100% - var(--bottom-status-bar-height)  - 1rem);
  position: relative;
}
.qn1Xfq_dropzone {
  border-width: 1px;
  padding: 24px;
}

.qn1Xfq_dropzone .mantine-Dropzone-inner {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

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

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

.qn1Xfq_dropzone[data-idle="true"][data-hide-idle="true"] {
  border: none;
  padding: 0;
}

.qn1Xfq_dropzone[data-idle="true"][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;
}

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

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

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

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

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

.wRGntG_connectionTypeButton[data-disabled="true"] {
  background-color: var(--mantine-color-gray-1);
  color: var(--mantine-color-gray-9);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._1VuNyG_noRightLeftBorder th:first-of-type {
  border-left: none;
}

._1VuNyG_noRightLeftBorder td:first-of-type {
  border-left: none;
}

._1VuNyG_noRightLeftBorder th:last-child {
  border-right: none;
}

._1VuNyG_noRightLeftBorder td:last-child {
  border-right: none;
}

._1VuNyG_editableDatasetName {
  cursor: pointer;
  border-radius: 4px;
  flex-grow: 1;
  min-width: 0;
  transition: padding-left 75ms ease-in-out;
}

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

._1VuNyG_datasetQueryResultsPopoverDropdown {
  top: unset !important;
  left: unset !important;
}

._1VuNyG_datasetQueryResultsPaper {
  box-shadow: 0 4px 8px var(--mantine-color-gray-1);
}

._1VuNyG_statusMessageBox {
  overflow: hidden;
}

._1VuNyG_exceptionIndicator {
  background-color: var(--mantine-color-red-1);
  stroke-width: 2px;
}

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

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

._1VuNyG_datasetTitleWrapper {
  color: var(--mantine-color-gray-9);
}

._1VuNyG_dividerBox {
  border-right: 1.5px solid var(--mantine-color-gray-4);
}

._1VuNyG_dataAccordionLayout {
  padding: 0 var(--writ-sidebar-side-margin);
  grid-template-rows: min-content 1fr 1fr;
  gap: .5rem;
  height: calc(100% - 1px);
  display: grid;
}

._1VuNyG_dataAccordionLayout ._1VuNyG_dataAccordionHeader {
  flex-direction: column;
  gap: .25rem;
  display: flex;
  overflow: hidden;
}

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

._1VuNyG_dataAccordionLayout ._1VuNyG_dataAccordionHeader ._1VuNyG_headerToolbar {
  margin-top: var(--writ-spacing-xxs);
  grid-template-columns: 1fr;
  gap: .5rem;
  display: grid;
}

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

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

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

._1VuNyG_dataAccordionLayout ._1VuNyG_dataAccordionResults {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

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

._1VuNyG_dataAccordionLayout[data-results-display-mode="max"] ._1VuNyG_dataAccordionEditor {
  display: none;
}

._1VuNyG_dataAccordionLayout[data-rendering-context="sidebar"] {
  height: 100%;
  padding-bottom: .5rem;
  overflow: hidden;
}

._1VuNyG_editorToolbar {
  flex-direction: row;
  justify-content: space-between;
  gap: .5rem;
  display: flex;
}

._1VuNyG_editorToolbar[data-display-buttons="true"] {
  border-top: 1px solid var(--mantine-color-gray-3);
  padding-top: .5rem;
}

._1VuNyG_editorSection {
  grid-template-rows: 1fr min-content;
  height: 100%;
  display: grid;
  position: relative;
}

._1VuNyG_editorSection .monaco-editor {
  position: absolute !important;
}

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

._1VuNyG_resultsHeaderbar[data-is-minimized="false"] {
  border-bottom: 1px solid var(--mantine-color-gray-3);
}

._1VuNyG_resultsHeaderbar ._1VuNyG_resultTitlePlusHistory {
  flex-direction: row;
  flex-grow: 1;
  align-items: baseline;
  gap: .5rem;
  padding: .25rem .25rem .25rem .5rem;
  display: flex;
}

._1VuNyG_resultsHeaderbar ._1VuNyG_resultsHeaderActions {
  align-self: stretch;
  padding: .25rem;
  line-height: 100%;
  display: flex;
}

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

._1VuNyG_resultsHeaderbar ._1VuNyG_resultsHeaderActions button {
  align-self: center;
}

._1VuNyG_datasetMetadataHeader:after {
  content: "";
  border-top: 1px solid var(--mantine-color-gray-3);
  background: linear-gradient(to bottom, var(--mantine-color-gray-2) 0px, transparent 4px);
  grid-column: 1 / 3;
  height: 4px;
  margin-top: .25rem;
  display: block;
}

._1VuNyG_queryEditorHeader {
  grid-template-columns: 1fr min-content;
  gap: .5rem;
  padding: .5rem 0;
  display: grid;
}

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

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

._1VuNyG_dataConnectionsButton {
  background-color: var(--mantine-color-gray-0);
}

._1VuNyG_queryEditorContainer {
  border: 1px solid var(--writ-border-color);
  padding: 8px 0;
}

._1VuNyG_queryEditorContainer[data-sidebar-closed="false"] {
  border-right: none;
}

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

._1VuNyG_resultsIcon[data-error="true"] {
  color: var(--mantine-color-red-4);
}
.CF47eW_optionWrapper {
  --cell-size: 2.5rem;
  grid-template-columns: var(--cell-size) 1fr min-content;
  grid-gap: .5rem;
  border-radius: var(--writ-border-radius-md);
  background-color: var(--mantine-color-gray-0);
  cursor: pointer;
  padding: .25rem;
  display: grid;
}

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

.CF47eW_optionWrapper[data-has-click-handler="true"] {
  cursor: pointer;
}

.CF47eW_optionWrapper[data-has-click-handler="true"]:hover:active {
  transform: translateY(1px);
}

.CF47eW_optionWrapper .CF47eW_optionIcon {
  height: var(--cell-size);
  border-radius: var(--writ-border-radius-md);
  border: 1px solid var(--mantine-color-gray-3);
  background-color: var(--mantine-white);
}

.CF47eW_optionWrapper .CF47eW_optionDescription {
  gap: var(--writ-spacing-xxxs);
  color: var(--mantine-color-gray-9);
  overflow: hidden;
}

.CF47eW_optionWrapper .CF47eW_optionDescription .mantine-Title-root {
  color: var(--mantine-color-gray-9);
  font-size: .875rem;
}
.MlYnUG_filterConfigurationHeader {
  margin-bottom: var(--mantine-spacing-sm);
}

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

.MlYnUG_filterGroupHeader {
  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);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

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

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

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

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

.MlYnUG_filterGroupAddActions {
  gap: var(--mantine-spacing-xxs);
  padding: var(--mantine-spacing-xxs) var(--writ-spacing-xxs) var(--mantine-spacing-xxs);
  z-index: 100;
  flex-direction: row;
  display: flex;
}

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

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

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

.MlYnUG_filterGroupAddActions button:hover {
  color: var(--mantine-color-indigo-6);
  background-color: #0000;
}

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

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

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

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

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

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

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

.MlYnUG_filterControls {
  display: inherit;
}

.MlYnUG_optionalFieldAccordion {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

.eAM9ta_fieldComponentSection > div {
  flex-grow: 1;
}

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

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

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

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

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

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

.eAM9ta_collapsibleMultiSelect[data-has-focus="false"] .mantine-MultiSelect-values {
  padding: 4px 0;
}
._9AmXSW_warningSqlCode {
  background: #fff;
  border-radius: 4px;
  padding: 2px 4px;
  display: inline;
}
._2T9ONa_documentVersionTimeline {
  --document-timeline-width: .15rem;
}

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

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

._2T9ONa_documentVersionTimeline .mantine-Timeline-item {
  min-height: 28px;
}

._2T9ONa_documentVersionTimeline .mantine-Timeline-item:before {
  border-left: var(--document-timeline-width) solid var(--writ-border-color);
}

._2T9ONa_documentVersionTimeline .mantine-Timeline-itemBullet {
  background-color: #fff !important;
}

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

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

._2T9ONa_documentVersionTimeline .mantine-Timeline-item[data-hidden="true"] {
  max-height: 28px;
}

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

._2T9ONa_documentVersionTimeline .mantine-Timeline-item[data-hidden="true"] > ._2T9ONa_bulletItem {
  color: #0000;
  border-color: #0000;
  background-color: #0000 !important;
}

._2T9ONa_bulletItem {
  border: none;
}

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

._2T9ONa_currentVersionBullet {
  cursor: pointer;
  background-color: color-mix(in srgb, var(--mantine-color-indigo-0) 75%, transparent);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  min-height: 28px;
}

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

._2T9ONa_currentVersionBullet > svg {
  border-radius: 50%;
}

._2T9ONa_currentVersionBullet > svg[data-active="true"] {
  color: #fff;
}

._2T9ONa_currentVersionBullet > svg[data-active="false"] {
  color: var(--mantine-color-indigo-3);
}

._2T9ONa_timelineItemTitle {
  border-radius: 4px;
  justify-content: space-between;
  padding: 4px;
}

._2T9ONa_timelineItemTitle[data-current="false"]:hover {
  background-color: var(--background-color-neutral);
}

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

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

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

._2T9ONa_verticalHistorySliderBox {
  width: var(--document-timeline-width);
  height: 100%;
  margin-left: 12px;
}

._2T9ONa_verticalHistorySliderBox[data-current="true"] {
  width: calc(var(--document-timeline-width) * 2);
  margin-left: 11px;
}

._2T9ONa_verticalHistorySliderVersionBullet {
  background-color: var(--mantine-color-indigo-5);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  min-height: 28px;
}

._2T9ONa_verticalHistorySliderVersionLine {
  border-left: 4px solid var(--mantine-color-indigo-5);
  height: 100%;
  margin-left: 12px;
}

._2T9ONa_verticalHistorySliderVersionBulletInner {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
}

._2T9ONa_verticalHistorySliderVersionBulletInner[data-current="true"] {
  background-color: inherit;
  color: #fff;
}

._2T9ONa_verticalHistorySliderVersionBulletInner[data-initial="true"] {
  background-color: var(--mantine-color-indigo-0) !important;
}

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

._2T9ONa_timeSliderMarker {
  z-index: 10001;
  pointer-events: none;
  width: 160px;
  position: fixed;
  left: 60px;
}

._2T9ONa_timelinePaginationButton[data-disabled="true"] {
  background-color: var(--mantine-color-gray-0);
}
.VOp7wa_header {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: var(--writ-sidebar-background-color);
  border: none;
}

.VOp7wa_header[data-border="true"] {
  border-bottom: 1px solid var(--writ-border-color);
}

.VOp7wa_logo {
  cursor: pointer;
  width: 2rem;
}

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

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

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

.VOp7wa_authenticationMenu .mantine-Menu-item:hover {
  background-color: var(--mantine-color-gray-0);
  color: var(--mantine-color-indigo-5);
}

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

.VOp7wa_authenticationMenu .mantine-Menu-itemIcon {
  margin-right: 8px;
}

.VOp7wa_menuTarget {
  transition: transform .1s ease-in-out;
}

.VOp7wa_menuTarget[data-active="false"] {
  transform: rotate(0);
}

.VOp7wa_menuTarget[data-active="true"] {
  transform: rotate(45deg);
}

.VOp7wa_feedbackButton {
  background-color: var(--mantine-color-indigo-0);
  color: var(--mantine-color-indigo-6);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 8px;
  font-size: x-small;
}

.VOp7wa_feedbackButton .mantine-Button-label {
  font-weight: normal;
}

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

.VOp7wa_rightHeaderMenuGroup {
  flex: 1;
}

.VOp7wa_banner {
  background: var(--mantine-color-indigo-7);
  color: #fff;
  font-size: var(--mantine-font-size-sm);
  padding-block: var(--mantine-spacing-xs);
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.VOp7wa_banner .mantine-Anchor-root {
  color: #fff;
  font-weight: var(--writ-font-weight-semibold);
  text-decoration: underline;
}
.e3lEVa_infiniteScrollArea {
  padding-left: 16px;
}

.e3lEVa_infiniteScrollArea .mantine-ScrollArea-viewport {
  padding-top: 8px;
}

.e3lEVa_headerSearchContainer {
  max-width: 600px;
}

.e3lEVa_headerSearchContainer[data-large="true"] {
  flex: 1;
}

.e3lEVa_headerSearchInput .mantine-TextInput-icon {
  width: 36px;
}

.e3lEVa_headerSearchInput .mantine-TextInput-input {
  font-size: var(--mantine-font-size-md);
  height: 32px;
  padding-left: 36px !important;
}

.e3lEVa_headerSearchInput .mantine-TextInput-rightSection {
  padding-right: 6px;
}

.e3lEVa_headerSearchPopoverDropdown {
  padding: 0;
  min-width: 302px !important;
}

.e3lEVa_recentSearchesButton {
  border-radius: 4px;
  gap: 8px;
  padding: 2px 4px;
  display: flex;
}

.e3lEVa_recentSearchesButton:hover {
  background-color: var(--mantine-color-gray-0);
}

.e3lEVa_headerSearchBadgeContainer {
  gap: 8px;
  padding: 8px 16px;
}

.e3lEVa_recentSearchContainer {
  flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
}

.e3lEVa_skeletonBox {
  height: 500px;
  overflow: hidden;
}
.DPYmSq_basicModal .mantine-Modal-header {
  border-bottom: 1px solid var(--writ-border-color);
}

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

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

.DPYmSq_basicModal .mantine-Textarea-input {
  min-height: 12vh;
}

.DPYmSq_basicModal .mantine-Button-root {
  align-self: end;
  width: -moz-fit-content;
  width: fit-content;
}
.Qa7V8a_editButton:hover {
  color: var(--mantine-color-blue-5);
}

.Qa7V8a_editableCheckbox .mantine-Checkbox-input:checked {
  background-color: var(--mantine-color-blue-6);
  border-color: var(--mantine-color-blue-6);
}

.Qa7V8a_editableTextInput .mantine-TextInput-input {
  height: 1.75em;
  min-height: 1.75em;
}
.MAHc2a_mantineOverlayZIndex .mantine-Modal-overlay {
  z-index: 1001;
}

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

.MAHc2a_mantineOverlayZIndex .mantine-Modal-content {
  overflow-y: inherit !important;
}
.jZdZWW_settingsTabs {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.jZdZWW_settingsTabs .mantine-Tabs-tab {
  justify-content: center;
}

.jZdZWW_settingsTabs[data-is-large="true"] .mantine-Tabs-tab {
  justify-content: left;
}

.jZdZWW_settingsTabs .mantine-Tabs-panel {
  padding: 12px 16px;
}

.jZdZWW_settingsTabButton {
  background-color: inherit;
  border: none;
}

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

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

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

.jZdZWW_userDetailsTab {
  pointer-events: none;
  border-bottom: 2px solid var(--writ-border-color);
}
.JR8kBG_saveIcon:hover {
  color: var(--mantine-color-blue-5);
}

.JR8kBG_verifiedIcon {
  color: var(--mantine-color-blue-6);
}

.JR8kBG_unverifiedIcon {
  color: var(--mantine-color-yellow-6);
}

.JR8kBG_textAreaWithSubmit {
  border: 1px solid var(--mantine-color-gray-2);
  border-radius: 4px;
}
._0EygMq_userDisplayGrid {
  grid-template-rows: repeat(2, min-content) minmax(0, min-content) min-content;
  gap: 12px;
  height: 100%;
  display: grid;
  overflow: hidden;
}

._0EygMq_userDisplayInfiniteScroll .mantine-ScrollArea-viewport {
  padding-bottom: 0 !important;
}

._0EygMq_organizationUserPanel {
  gap: 8px;
  width: 100%;
  max-width: 800px;
  height: 100%;
  overflow: hidden;
}
.JLPbXq_appShell .mantine-AppShell-main {
  width: 100%;
  max-height: 100vh;
}
.jAXzbq_statusPill {
  border-radius: 10px;
  align-items: center;
  gap: 2px;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px 4px;
  font-size: x-small;
}

.jAXzbq_statusPill[data-status="SYNCING"] {
  background: var(--mantine-color-gray-2);
  color: var(--mantine-color-gray-7);
}

.jAXzbq_statusPill[data-status="SYNCED"] {
  color: var(--mantine-color-teal-9);
  background: #e6fcf5;
}

.jAXzbq_statusPill[data-status="CONNECTED"] {
  color: var(--mantine-color-teal-9);
  background: #e6fcf5;
}

.jAXzbq_statusPill[data-status="DISCONNECTED"] {
  color: var(--mantine-color-red-7);
  background: #fadddd;
}

.jAXzbq_statusPill[data-status="COMMENT_ONLY"] {
  background: var(--mantine-color-orange-0);
  color: var(--mantine-color-orange-8);
}

.jAXzbq_statusPill[data-status="READ_ONLY"] {
  background: var(--mantine-color-yellow-0);
  color: var(--mantine-color-yellow-8);
}

.jAXzbq_statusPill[data-status="PREVIOUS_VERSION"] {
  background: var(--mantine-color-yellow-0);
  color: var(--mantine-color-yellow-8);
}

.jAXzbq_statusPill[data-status="ERROR"] {
  color: var(--mantine-color-red-7);
  background: #fadddd;
}
.sCJVNa_breadcrumb {
  align-items: center;
  gap: .25rem;
}

.sCJVNa_footerLink {
  color: var(--mantine-color-indigo-5);
  font-size: x-small;
}

.sCJVNa_footerLink:hover {
  color: var(--mantine-color-indigo-7);
  cursor: pointer;
  text-decoration: underline;
}

.sCJVNa_footerChevron {
  color: var(--mantine-color-gray-5);
  align-self: center;
  width: .75rem;
  min-width: .75rem;
  height: .75rem;
}
.dwwzva_lineItem {
  background: var(--mantine-color-gray-1);
  border: 1px solid var(--writ-border-color);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 25rem;
  padding: 4px;
  display: flex;
}

.dwwzva_leftLineItemContent {
  align-items: center;
  gap: .5rem;
}

.dwwzva_leftLineItemContent[data-clickable="true"] {
  cursor: pointer;
}

.dwwzva_lineItemTitle {
  font-size: var(--mantine-font-size-sm);
  color: var(--mantine-color-gray-8);
  font-weight: var(--writ-font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 15rem;
  overflow-x: hidden;
}

.dwwzva_rightLineItemContent {
  align-items: center;
  gap: .25rem;
}

.dwwzva_lineItemTime {
  font-size: var(--mantine-font-size-xs);
  color: var(--mantine-color-gray-7);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

.dwwzva_jobStatus {
  font-size: var(--mantine-font-size-xs);
  margin-left: inherit;
}
._1f9zqq_tourButton {
  cursor: pointer;
  border-radius: 2px;
  height: -moz-fit-content;
  height: fit-content;
  font-size: x-small;
  font-weight: normal;
}

._1f9zqq_tourButton :hover {
  cursor: pointer;
}
.JmEgBG_confirmationContainer {
  gap: 2rem;
  display: grid;
}

.JmEgBG_confirmationPane {
  align-content: space-around;
  align-items: center;
  gap: .75rem;
  padding-block-start: .75rem;
  padding-block-end: 1.5rem;
  padding-inline-start: 5%;
  padding-inline-end: 5%;
  display: flex;
  overflow: hidden;
}

.JmEgBG_confirmationPane .mantine-Grid-col {
  overflow-wrap: anywhere;
}

.JmEgBG_confirmationTitle {
  text-align: center;
}

.JmEgBG_confirmationSubTitle {
  font-size: var(--mantine-font-size-sm);
  text-align: center;
}

.JmEgBG_divider {
  background-color: var(--mantine-color-gray-8);
  width: 100%;
  height: 1px;
  margin-block-start: .5rem;
  margin-block-end: .5rem;
}

.JmEgBG_meetingDetailLabel {
  font-size: var(--mantine-font-size-sm);
  text-align: left;
}

.JmEgBG_hostBadge {
  align-self: center;
  margin-top: 2px;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.JmEgBG_returnLink {
  z-index: 1;
  text-align: center;
  order: 2;
  align-items: center;
  gap: .25rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

.JmEgBG_calendarIconSection {
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.JmEgBG_calendarIcons {
  gap: .75rem;
  display: flex;
}

.JmEgBG_addToCalendarIcon {
  border: 1px solid var(--mantine-color-gray-4);
  color: var(--mantine-color-gray-9);
  fill: var(--mantine-color-gray-9);
  background: #fff;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .375rem;
  display: flex;
}

.JmEgBG_addToCalendarIcon:hover {
  background: var(--mantine-color-gray-1);
  cursor: pointer;
}