:root {
  --color-grey-25: #fcfcfc;
  --color-grey-50: #fafafa;
  --color-grey-100: #f5f5f5;
  --color-grey-150: #ededed;
  --color-grey-200: #e5e5e5;
  --color-grey-300: #d4d4d4;
  --color-grey-400: #a3a3a3;
  --color-grey-500: #737373;
  --color-grey-600: #525252;
  --color-grey-700: #404040;
  --color-grey-800: #262626;
  --color-grey-900: #171717;

  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;

  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd5;
  --color-orange-200: #fed7aa;
  --color-orange-300: #fdba74;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-orange-600: #ea580c;
  --color-orange-700: #c2410c;
  --color-orange-800: #9a3412;
  --color-orange-900: #7c2d12;

  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c3;
  --color-yellow-200: #fef08a;
  --color-yellow-300: #fde047;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-yellow-600: #ca8a04;
  --color-yellow-700: #a16207;
  --color-yellow-800: #854d0e;
  --color-yellow-900: #713f12;

  --color-green-50: #ecfdf5;
  --color-green-100: #d1fae5;
  --color-green-200: #a7f3d0;
  --color-green-300: #6ee7b7;
  --color-green-400: #34d399;
  --color-green-500: #10b981;
  --color-green-600: #059669;
  --color-green-700: #047857;
  --color-green-800: #065f46;
  --color-green-900: #064e3b;

  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;

  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-200: #99f6e4;
  --color-teal-300: #5eead4;
  --color-teal-400: #2dd4bf;
  --color-teal-500: #14b8a6;
  --color-teal-600: #0d9488;
  --color-teal-700: #0f766e;
  --color-teal-800: #115e59;
  --color-teal-900: #134e4a;

  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;

  --color-purple-50: #f5f3ff;
  --color-purple-100: #ede9fe;
  --color-purple-200: #ddd6fe;
  --color-purple-300: #c4b5fd;
  --color-purple-400: #a78bfa;
  --color-purple-500: #8b5cf6;
  --color-purple-600: #7c3aed;
  --color-purple-700: #6d28d9;
  --color-purple-800: #5b21b6;
  --color-purple-900: #4c1d95;

  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-800: #9d174d;
  --color-pink-900: #831843;

  --color-white: #fff;
  --color-black: #000;
  --color-background: var(--color-grey-25);
  --color-shadow: var(--color-grey-200);

  --font-app: neue-haas-unica, Helvetica, sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  --font-aeonik-pro: "Aeonik Pro", sans-serif;
  --font-fonospace: "Aeonik Fono", monospace;
}
.Accordion {
  font-size: 13px;
  flex-direction: column;
  margin: 24px 0;
}

.AccordionSection {
  margin-bottom: 6px;
  cursor: pointer;
}

.AccordionSection--active {
  margin-bottom: 10px;
}

.AccordionSection__Title {
  background: var(--color-background);
  height: 32px;
  border-radius: 8px;
  color: var(--color-grey-500);
  padding: 6px 12px;
  box-sizing: border-box;
  line-height: 20px;
  font-weight: 500;
}

.AccordionSection__Title--active,
.AccordionSection__Title:hover {
  color: var(--color-black);
}

.AccordionSection__Container {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.25s cubic-bezier(0, 1, 0, 1);
  cursor: default;
}

.AccordionSection__Container--active {
  max-height: 1000px;
  transition: max-height 0.5s ease-in-out;
}

.AccordionSection__Content {
  display: block;
  padding: 10px 20px;
  margin-top: 10px;
  overflow: hidden;
  box-sizing: border-box;
  border-left: 1px solid var(--color-grey-100);
  margin-left: 2px;
}
.AltModeSection {
  display: inherit;
  position: relative;
}

.AltModeSection__Overlay {
  position: absolute;
  inset: 2px 2px;
  opacity: 0.05;
  border-radius: 8px;
  pointer-events: none;
  transition: opacity 0.1s linear;
  z-index: 9000;
}

.AltModeItem {
  display: inherit;
  position: relative;
}

.AltModeCommand {
  position: absolute;
  margin: auto;
  width: fit-content;
  height: fit-content;
  font-weight: 400;
  font-size: 11px;
  font-family: var(--font-app);
  color: var(--color-white);
  padding: 1px 2px 2px;
  border-radius: 2px;
  pointer-events: none;
  transition: opacity 0.1s linear;
  z-index: 9000;
}

.AltModeCommand--top {
  top: calc(50% - 25px);
  right: 0;
  bottom: auto;
  left: 0;
}

.AltModeCommand--right {
  top: 0;
  right: -10px;
  bottom: 0;
  left: auto;
}

.AltModeCommand--bottom {
  top: auto;
  right: 0;
  left: 0;
  top: calc(50% + 7px);
}

.AltModeCommand--left {
  top: 0;
  right: auto;
  bottom: 0;
  left: -10px;
}
.AppContainer {
  height: 100%;
  width: 100%;
  background-color: var(--color-background);
  overflow: auto;
  font-family: var(--font-app);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  display: flex;
}

.AppContainer * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.AppContainer__Content {
  flex: 1;
  background-color: var(--color-white);
  border-left: 1px solid var(--color-grey-150);
  padding: 20px 40px 0px;
}
.Flashes {
  margin-top: 10px;
  padding-top: 20px;
  color: var(--color-red-600);
  display: flex;
  align-items: center;
  border-radius: 6px;
}

.Flash__Alert {
  font-family: var(--font-app);
}
.AppHeader {
  display: flex;
  align-items: center;
  padding: 50px 0px 30px 0px;
  border-bottom: 1px solid var(--color-grey-100);
}

.AppHeader__H1 {
  font-size: 32px;
  font-weight: 500;
  color: var(--color-grey-900);
}

.AppHeader__Actions {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
.AppNav {
  margin-top: 80px;
  margin-left: 50px;
  margin-right: 70px;
}

.AppNav__Logo {
  width: 99px;
}

.AppNav__Links {
  margin-top: 48px;
}

.AppNav__LinkContainer {
  margin-top: 24px;
}

.AppNav__Link {
  color: var(--color-grey-500);
  text-decoration: none;
  transition: all 100ms ease-in-out;
}

.AppNav__Link:hover,
.AppNav__Link--active {
  color: var(--color-grey-800);
}
.AppTooltip {
  position: absolute;
  z-index: 5002;
}

.AppTooltip__Contents {
  position: relative;
  width: 0;
}

.AppTooltip__Default {
  font-family: var(--font-app);
  font-size: 10px;
  line-height: 13px;
  background-color: var(--color-grey-150);
  box-sizing: border-box;
  box-shadow: 0px 2px 5px rgba(166, 166, 166, 0.08);
  border-radius: 4px;
  padding: 1px 8px 3px 8px;
  width: fit-content;
  white-space: nowrap;
}

.AppTooltip__Bubble {
  display: flex;
  position: relative;
  align-items: center;
  font-family: var(--font-app);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-white);
  background-color: var(--color-grey-900);
  padding: 8px 16px;
  border-radius: 8px;
  z-index: 2000;
  width: fit-content;
  white-space: nowrap;
}

.AppTooltip__Bubble--right {
  transform: translate(8%, -105%);
}

.AppTooltip__Bubble--above.AppTooltip__Bubble--align-left {
  transform: translate(-20%, -100%);
}

.AppTooltip__Bubble--above.AppTooltip__Bubble--align-middle {
  transform: translate(-50%, -100%);
}

.AppTooltip__Bubble--above.AppTooltip__Bubble--align-right {
  transform: translate(-80%, -100%);
}

.AppTooltip__Bubble--below.AppTooltip__Bubble--align-left {
  transform: translate(-20%, -7px);
}

.AppTooltip__Bubble--below.AppTooltip__Bubble--align-middle {
  transform: translate(-50%, -7px);
}

.AppTooltip__Bubble--below.AppTooltip__Bubble--align-right {
  transform: translate(-80%, -7px);
}

.AppTooltip__Bubble::before {
  content: "";
  display: block;
  height: 14px;
  width: 14px;
  background-color: var(--color-grey-900);
  position: absolute;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  border-radius: 0 0 0 6px;
}

.AppTooltip__Bubble--no-caret::before {
  display: none;
}

.AppTooltip__Bubble--align-left::before {
  left: calc(20% - 7px);
}

.AppTooltip__Bubble--align-middle::before {
  left: calc(50% - 7px);
}

.AppTooltip__Bubble--align-right::before {
  right: calc(20% - 7px);
}

.AppTooltip__Bubble--above::before {
  bottom: -6px;
  transform: rotate(-45deg);
}

.AppTooltip__Bubble--below::before {
  top: -6px;
  transform: rotate(135deg);
}

.Tooltipped {
  display: inherit;
}
.body--auth,
.body--password,
.body--sign_up {
  background: var(--color-white);
}

.AuthContainer {
  display: flex;
  height: 100%;
}

.AuthContainer > * {
  flex: 1 1 0;
}

.Auth {
  margin: 0 auto;
  width: 350px;
  font-family: var(--font-app);
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}

.Auth__Logo {
  margin: 70px 0 80px;
  height: 25px;
}

.Auth__Notice {
  font-family: var(--font-app);
  font-size: 13px;
  line-height: 1.3em;
  margin-bottom: 16px;
}

.Auth__Notice > strong {
  font-weight: 500;
}

.Auth__Notice > a {
  color: var(--color-blue-600);
  text-decoration: underline;
}

.Auth__Form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Auth__Label {
  font-size: 13px;
  font-family: var(--font-app);
  color: var(--color-grey-500);
  text-align: left;
  margin-top: 16px;
}

.Auth__Input {
  box-sizing: border-box;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  line-height: 20px;
  font-family: var(--font-app);
  color: var(--color-grey-800);
  background: var(--color-grey-100);
  padding: 6px 12px;
  width: 100%;
  height: 32px;
  display: inline-block;
  text-align: left;
}

.Auth__Input:disabled {
  background: var(--color-grey-50);
}

.Auth__Input:focus {
  outline: 2px solid var(--color-purple-600);
}

.Auth__Button {
  box-sizing: border-box;
  text-decoration: none;
  color: var(--color-white);
  font-family: var(--font-app);
  font-weight: 400;
  font-size: 13px;
  margin-top: 8px;
  line-height: 16px;
  border-radius: 6px;
  border: 0;
  cursor: default;
  box-sizing: border-box;
  background-color: var(--color-purple-600);
  border: 1px solid var(--color-purple-600);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.04);
  padding: 8px 16px;
  width: 100%;
  height: 32px;
  display: inline-block;
  transition: background-color 150ms ease-out;
}

.Auth__Button:hover {
  background-color: var(--color-purple-700);
}

.Auth__Button--top-margin {
  margin-top: 10px;
}

.Auth__LinkAction {
  font-size: 13px;
  color: var(--color-black);
  font-family: var(--font-app);
  font-weight: 400;
  text-decoration: none;
}

.Auth__LinkAction:hover {
  color: var(--color-grey-600);
}
.AutoComplete {
  display: flex;
  flex-direction: column;
}

.AutoComplete--selected {
  background-color: var(--color-grey-150);
}

.AutoComplete__FunctionArguments {
  font-weight: 450;
}

.AutoComplete__Description {
  margin-top: 8px;
  font-size: 12px;
  color: var(--color-grey-600);
  line-height: 1.3 !important;
  max-width: 300px;
  white-space: normal;
}
.Cell,
.CellText,
.CellLoadState {
  position: absolute;
  display: flex;
  cursor: default;
  user-select: none;
}

.CellText {
  overflow: hidden;
  pointer-events: none;
}

.CellText--overflow {
  overflow-x: visible;
  overflow-y: clip;
  white-space: nowrap;
}

.CellText__MainText {
  flex: 1;
  word-break: break-word;
}

.CellText__Sizer {
  color: rgba(0, 0, 0, 0);
  position: fixed;
}

.CellText__Accounting {
  flex: 0;
}

.Cell__DragToFill:hover {
  cursor: crosshair;
}

.CellHeader {
  position: absolute;
  display: flex;
  font-family: var(--font-app);
  font-size: 10px;
  line-height: 2.2px;
  color: var(--color-grey-600);
  cursor: default;
  user-select: none;
  background: var(--color-grey-25);
}

.Cell--inactive,
.CellHeader--inactive {
  opacity: 50%;
}

.CellHeader--column {
  justify-content: center;
  align-items: flex-end;
}

.CellHeader--row {
  justify-content: flex-end;
  align-items: center;
}

.CellHeader__TextContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.CellHeader__TextContainer--in-selection {
  background: var(--color-grey-100);
}

.CellHeader__Dragger {
  user-select: none;
}

.CellHeader__ApexGroup {
  position: absolute;
  background: var(--color-white);
  text-align: center;
  border-radius: 4px;
  color: var(--color-grey-600);
  font-size: 12px;
  user-select: none;
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
}

.CellHeader__ApexGroup:hover {
  position: absolute;
  background: var(--color-grey-100);
}

.CellHeaderBorder {
  position: absolute;
  background: var(--color-grey-150);
  pointer-events: none;
}
.CellEditor {
  position: relative;
  background: var(--color-white);
  width: 100%;
  outline: 0;
  cursor: text;
}

.CellEditor__InputContainer,
.CellEditor__MaskContainer {
  text-align: left !important;
}

.CellEditor__HiddenInput,
.CellEditor__InputContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: inherit;
  resize: none;
  word-wrap: normal;
  word-break: break-all;
  overflow-wrap: anywhere;
  overflow: hidden;
  width: 100%;
  z-index: 0;
}

.CellEditor__Input:focus {
  outline: 0;
}

.CellEditor__Input,
.CellEditor__Input * {
  color: rgba(0, 0, 0, 0) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  caret-color: var(--color-grey-800);
}

.CellEditor__MaskContainer {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: inherit;
  resize: none;
  overflow-wrap: normal;
  pointer-events: none;
  word-break: break-all;
  overflow-wrap: anywhere;
  z-index: 1;
}

.SheetCellEditor .CellEditor__Mask,
.SheetCellEditor .CellEditor__Input {
  padding: 4px 5px 2px 4px;
  height: 100%;
  box-sizing: border-box;
  word-wrap: anywhere;
}

.SheetCellEditor .CellEditor__Input {
  /* centers the input caret vertically */
  padding-top: 4.5px;
}

.SheetCellEditor--align-right .CellEditor__Mask,
.SheetCellEditor--align-right .CellEditor__Input {
  text-align: right;
}

.SheetCellEditor--align-center .CellEditor__Mask,
.SheetCellEditor--align-center .CellEditor__Input {
  text-align: center;
}

.FormulaBar .CellEditor__Mask,
.FormulaBar .CellEditor__Input {
  white-space: nowrap;
}

.CellEditor__HiddenInput {
  width: fit-content;
  visibility: hidden;
  padding: 0 5px;
  white-space: nowrap;
}

.FormulaBar .CellEditor,
.FormulaBar .CellEditor__Mask,
.FormulaBar .CellEditor__Input {
  white-space: nowrap;
}

.FormulaBar--expanded .CellEditor,
.FormulaBar--expanded .CellEditor__Mask,
.FormulaBar--expanded .CellEditor__Input {
  white-space: inherit;
  word-wrap: break-word;
  word-break: break-all;
}
.ChartConfigurationPopover {
  height: 42px;
  padding: 0px !important;
  box-sizing: border-box !important;
  font-family: var(--font-app);
  overflow: visible;
  min-width: 30px !important;
  z-index: 4000 !important;
}

.ChartConfigurationPopover__List,
.SeriesConfigPopover__List {
  list-style: none;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.ChartConfigurationPopover__List > li,
.SeriesConfigPopover__List > li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  height: 100%;
  box-sizing: border-box !important;
}

.ChartConfigurationPopover__List > li:last-child::before {
  content: "";
  border-left: 1px solid var(--color-grey-150);
  height: 14px;
  margin-right: 6px;
}

.ChartConfigurationPopover__List__Separator::before {
  content: "";
  border-left: 1px solid var(--color-grey-150);
  height: 14px;
}

.ChartConfigurationMoveOption {
  cursor: move;
}

.ChartConfigurationMoveOption::after {
  content: "";
  border-right: 1px solid var(--color-grey-150);
  height: 100%;
  margin-left: 6px;
}

.ChartConfigurationOption {
  display: flex;
  position: relative;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: default;
}

.ChartConfigurationOption__MenuContainer > .PopoverMenu {
  left: 0;
  top: 34px;
  overflow: visible;
}

.ChartConfigurationOption__MenuContainer
  .PopoverMenu__Item
  .PopoverMenu__Action {
  text-transform: capitalize;
}

.ChartPopoverMenu__SubMenuItem > .PopoverMenu {
  left: calc(100% + 4px);
  top: -7px;
}

.ChartPopoverMenu__SubMenuItem > .PopoverMenu__Action {
  padding-left: 32px;
}

.ChartPopoverMenu__SubMenuItem {
  position: relative;
}

.ChartConfigurationOption__Text {
  height: 24px;
  margin-right: 4px;
  width: auto;
  font-size: 13px;
  font-weight: 400;
  color: var(--color-grey-800);
}

.ChartConfigurationOption:hover,
.ChartConfigurationOption:focus,
.ChartConfigurationOption__Open {
  background: var(--color-grey-150);
  outline: 0;
}

.ChartConfigurationModal {
  position: fixed;
  top: 300px;
  width: 356px;
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-app);
  background: var(--color-white);
  box-shadow: 0px 4px 10px rgba(166, 166, 166, 0.16);
  border: 1px solid var(--color-grey-150);
}

.ChartDataModal {
  width: 512px;
}

.ChartDataModal .ChartConfigurationModal__Body {
  padding: 0px;
}

.ChartDataModal__Sections > .ChartDataModal__Section:first-child {
  box-shadow: inset -1px 0px 0px var(--color-grey-150);
}

.ChartDataModal__Sections {
  display: flex;
  flex-direction: row;
}

.ChartDataModal__Section {
  flex-grow: 1;
  height: 160px;
  overflow-y: auto;
  padding: 16px 0px;
  flex-basis: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-grey-600);
}

.ChartDataModal__Section__Item--series:hover {
  background: var(--color-grey-150);
}

.ChartDataModal__Section__Item--highlighted {
  background: rgba(107, 39, 215, 0.05) !important;
}

.ChartDataModal__Section__Item:hover > .ChartDataModal__Section__Item__actions {
  display: flex;
  margin-left: auto;
}

.ChartDataModal__Section__Item:hover > label {
  max-width: calc(100% - 30px);
}

.ChartDataModal__Section__Item__actions {
  display: none;
}

.ChartDataModal__Section__Item {
  height: 28px;
  padding: 4px 20px;
  display: flex;
  line-height: 20px;
  align-items: center;
}

.ChartDataModal__Section__Item label {
  display: flex;
  align-items: center;
}

.ChartDataModal__Section__Item label > span {
  margin-left: 8px;
  font-family: var(--font-app);
  font-size: 13px;
  font-weight: 400;
  color: var(--color-grey-600);
  margin-top: -1px;
}

.ChartDataModal__Section input,
.ChartDataModal__Section span {
  vertical-align: middle;
}

.ChartDataModal .ChartConfigurationModal__Header {
  height: 146px;
}

.ChartDataModal__Title {
  height: 56px;
}

.ChartDataModal .Form__FieldGroup {
  line-height: 13px;
  padding: 0px 32px;
  display: flex;
  text-align: left;
  margin-bottom: 0px;
  margin-bottom: 16px;
  margin-top: 1px;
}

.ChartDataModal .Form__Label {
  margin-right: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  font-weight: normal;
}

.ChartDataModal .Form__Input {
  flex-grow: 1;
  width: auto;
}

.ChartDataModal__Options {
  display: flex;
  height: 40px;
}

.ChartDataModal__Option {
  flex-grow: 1;
  flex-basis: 0;
  text-align: left;
  box-sizing: border-box;
  padding: 0px 16px;
  align-items: center;
  display: flex;
  background: var(--color-background);
  color: var(--color-grey-400);
}

.ChartDataModal__Option .ChartDataModal__Option__Label {
  flex-grow: 1;
}

.ChartDataModal__Option__ReorderActions {
  margin-right: 8px;
}

.ChartDataModal__Option__Separator {
  height: 16px !important;
  width: 1px;
  background: var(--color-grey-150);
  margin-right: 8px;
}

.ChartDataModal__Option__Actions {
  height: 100%;
}

.ChartDataModal__Option__Actions div {
  height: 100%;
  display: flex;
  align-items: center;
}

.ChartConfigurationModal__Header {
  position: relative;
  height: fit-content;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: var(--color-grey-50);
  border-bottom: 1px solid var(--color-grey-150);
}

.ChartEditSeries .Form__FieldGroup:last-child {
  margin-bottom: 0px;
}

.ChartEditSeries .ChartConfigurationModal__Footer .EqualsButton {
  margin-left: 8px;
  margin-right: 0px;
}

.ChartConfigurationModal__CustomHeader {
  padding: 8px 16px 16px 16px;
}

.ChartDataModal__Options {
  font-size: 10px;
}

.ChartDataModal__Error {
  font-size: 12px;
  color: var(--light-gray);
  padding: 0px 20px;
  overflow: hidden;
  line-height: 20px;
}

.ChartConfigurationModal__CloseButton {
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 4px;
}

.ChartConfigurationModal .Form {
  padding-top: 0px;
  background: var(--color-white);
}

.ChartConfigurationModal__Body {
  padding: 16px;
}

.ChartConfigurationModal__Body .Form__FieldGroup .Form__Label {
  color: var(--color-grey-600);
  line-height: 13px;
  font-size: 13px;
  font-weight: normal;
}

.ChartConfigurationModal__Body .Form__FieldGroup .Form__Input {
  width: 100%;
}

.ChartConfigurationModal .Form,
.ChartConfigurationModal__Footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.ChartConfigurationModal__Footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: inset 0px 1px 0px var(--color-grey-150);
}

.ChartConfigurationModal__UpdateData__Footer {
  justify-content: flex-start;
}

.ChartConfigurationModal__UpdateData__Footer
  > .ChartConfigurationModal__Footer__SwitchRowsAndColumns {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ChartConfigurationModal__UpdateData__Footer > .Form__Submit {
  margin-left: auto;
}

.ChartConfigurationModal__Footer .EqualsButton {
  margin-right: 8px;
}

.SeriesStyles__Header .SeriesStyles__AddColorMenu {
  position: relative;
}

.SeriesStyles__Header .SeriesStyles__AddColorMenu .PopoverMenu {
  position: absolute;
  top: 0;
  left: 44px;
}

.SeriesStyles__Header .SeriesStyles__AddButton,
.SeriesStyles__RemoveButton {
  padding: 4px;
  border-radius: 4px;
  line-height: 0;
  border: none;
  background: none;
}

.SeriesStyles__Header .SeriesStyles__AddButton .Icon,
.SeriesStyles__RemoveButton .Icon {
  stroke: var(--color-grey-400);
}

.SeriesStyles__AddButton:hover,
.SeriesStyles__AddButton:focus,
.SeriesStyles__RemoveButton:hover,
.SeriesStyles__RemoveButton:focus {
  background: var(--color-grey-150);
  outline: 0;
}

.SeriesStyles__NoColorsAdded {
  font-style: italic;
  font-size: 12px;
  color: var(--color-grey-400);
}

.SeriesStyles__SeriesColor {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.SeriesStyles__SeriesColor .PopoverMenu {
  top: 30px;
}

.SeriesStyles__RemoveButton {
  opacity: 0;
}

.SeriesStyles__SeriesColor:hover .SeriesStyles__RemoveButton,
.SeriesStyles__RemoveButton:focus {
  opacity: 1;
}
.CodeEditor {
  flex: 1;
  position: relative;
  overflow: hidden;
  font-family: "JetBrains Mono", monospace;
}

.CodeEditor--maximized {
  border-bottom: none;
}

.CodeEditor--show-welcome:before {
  content: attr(data-welcome-text);
  position: absolute;
  top: 8px;
  left: 48px;
  font-size: 13px;
  z-index: 1;
  color: var(--color-green-700);
  pointer-events: none;
  white-space: nowrap;
}

.CodeEditor .cm-editor {
  height: 100%;
  width: 99.999%;
  border: transparent;
}

.CodeEditor .cm-scroller {
  overflow: auto;
  font-family: var(--font-mono);
  font-size: 13px;
}

.CodeEditor .cm-gutters {
  position: relative;
  background-color: transparent;
  border-right: none;
  padding-right: 4px;
  background-color: var(--color-white);
}

.CodeEditor .cm-foldGutter {
  width: 10px;
}

.CodeEditor .cm-foldGutter span {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-right: -50%;
}

.CodeEditor .cm-foldGutter span[title="Fold line"] {
  margin-top: -25%;
}

.CodeEditor .cm-gutterElement {
  color: var(--color-grey-400);
  width: 100%;
  font-family: var(--font-mono);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.CodeEditor .cm-lineNumbers .cm-gutterElement {
  padding: 0;
  min-width: 19px;
  text-align: center;
  white-space: nowrap;
}

.CodeEditor .cm-activeLine,
.CodeEditor .cm-activeLineGutter {
  background-color: transparent;
}

.CodeEditor .cm-activeLineGutter {
  color: var(--color-grey-900);
}

.CodeEditor .cm-content {
  cursor: text;
  padding-left: 1px;
  padding-bottom: 154px;
}

.CodeEditor .cm-line {
  max-width: 350px;
  font-family: var(--font-mono);
  font-variant-ligatures: none;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding-left: 0px;
}

.CodeEditor .cm-gutter-lint .cm-gutterElement {
  display: flex;
  align-items: center;
  padding: 0px;
}

.CodeEditor .cm-lint-marker {
  width: 7px;
  height: 7px;
  border-radius: 1000px;
}

.CodeEditor .cm-lint-marker::before {
  content: "";
}

.CodeEditor .cm-lint-marker-error {
  background-color: var(--color-red-500);
  border: 2px solid var(--color-red-100);
}

.CodeEditor .ͼb {
  font-family: var(--font-mono);
  color: var(--color-purple-700);
}

.CodeEditor .cm-cursor {
  border-left: 2px solid black;
}

.CodeEditor .cm-tooltip {
  background: #fff;
  border: none;
}

.CodeEditor .cm-tooltip-below {
  margin-top: 7px;
}

.CodeEditor .cm-diagnostic {
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(var(--color-grey-900), 0.05);
}

.CodeEditor .cm-diagnostic-error {
  border: 1px solid var(--color-red-200);
  background: var(--color-red-50);
}

.CodeEditor .cm-diagnosticText {
  font-size: 12px;
  font-family: var(--font-mono);
  color: var(--color-grey-800);
}

.CodeEditor .cm-tooltip-autocomplete {
  border: 1px solid var(--color-grey-200);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 4px 0;
}

.CodeEditor .cm-tooltip.cm-tooltip-autocomplete ul {
  padding: 0 4px;
}

.CodeEditor .cm-tooltip.cm-tooltip-autocomplete ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  padding: 0 8px;
  height: 20px;
  cursor: default;
}

.CodeEditor .cm-tooltip-autocomplete ul li[aria-selected] {
  background: var(--color-grey-100);
}

.CodeEditor .cm-tooltip-autocomplete ul li .cm-completionLabel {
  color: var(--color-grey-800);
}

.CodeEditor .cm-tooltip-autocomplete ul li .cm-completionDetail {
  color: var(--color-grey-600);
  font-style: normal;
  font-size: 11.5px;
}

.CodeEditor .cm-completionIcon {
  display: none;
}
.CFOptionsContainer {
  padding: 6px;
  margin-top: -6px;
}

.CFOptionsMenu {
  width: 204px;
}

.CFOptionsMenu .PopoverMenu__Items {
  padding: 0px;
}

.CFOptionsMenu .PopoverMenu__Items > .PopoverMenu__Item:first-child {
  margin: 4px;
}

.CFOptionsMenu .PopoverMenu__hr {
  margin: 0px 0px 6px 0px;
}

.CFOptionsContainer > .CFOptions__Container__Group:nth-child(even) {
  margin-right: 0px;
}

.CFOptions__Container__Group {
  display: inline-block;
  margin-right: 12px;
}

.CFOptionsContainer__Option {
  width: 36px;
  height: 36px;
  padding: 4px;
  overflow: hidden;
  border-radius: 2px;
  display: inline-block;
}

.CFOptionsContainer__Option:hover,
.CFOptionsContainer__Option:focus {
  background-color: var(--color-grey-150);
  outline: 0;
}

.CFOptionsContainer__Option:hover .CFOptionsContainer__Option__Color {
  mix-blend-mode: normal;
}

.CFOptionsContainer__Option__Inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
  background: var(--color-white);
}

.CFOptionsContainer__Option__Inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  border: 1px solid var(--color-grey-150);
}

.CFOptionsContainer__Option__Color {
  width: 100%;
  flex: 1;
  mix-blend-mode: multiply;
}
.Menubar__ConnectedUsers {
  display: flex;
  align-items: center;
  flex-grow: 0;
  padding-right: 8px;
}

.Menubar__ConnectedUser {
  position: relative;
  padding: 0 2px;
}

.Menubar__ConnectedUserColorIndicator {
  position: absolute;
  left: 7px;
  top: -12px;
  width: 14px;
}

.Menubar__HiddenUsers {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-grey-100);
  color: var(--color-grey-400);
  font-weight: 400;
  font-size: 13px;
  margin: 0 2px;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  cursor: default;
}

.Menubar__HiddenUsers > span {
  margin-bottom: 2px;
}

.PopoverMenu.ConnectedUsersPopoverMenu {
  min-width: 0;
  transform: translateX(-100%);
}

.ConnectedUsersMenu {
  padding: 6px 0;
  min-width: 134px;
  font-family: var(--font-app);
  font-size: 14px;
}

.ConnectedUsersMenu--single {
  min-width: 0;
}

.ConnectedUsersMenu__User {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
}

.ConnectedUsersMenu__User img {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  flex-grow: 0;
}

.ConnectedUsersMenu__UserInfo {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  line-height: 1.1em;
}

.ConnectedUsersMenu--single .ConnectedUsersMenu__UserInfo {
  padding-left: 0;
}

.ConnectedUsersMenu__LeftColorIndicator {
  position: absolute;
  top: 16px;
  height: 16px;
  left: 0;
}

.ConnectedUsersMenu__UserName,
.ConnectedUsersMenu__UserEmail {
  white-space: nowrap;
  font-size: 13px;
}

.ConnectedUsersMenu__UserName {
  color: var(--color-grey-800);
}

.ConnectedUsersMenu__UserEmail {
  color: var(--color-grey-400);
}

.HoveredSelection__Name {
  z-index: 1;
  white-space: nowrap;
  color: var(--color-white);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 1px 4px 2px;
  font-size: 11px;
  line-height: 13px;
  pointer-events: none;
}

.ConnectedCursor {
  position: absolute;
  pointer-events: none;
}

.HoveredSelection {
  position: fixed;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
  z-index: 1;
  pointer-events: none;
}

.HoveredSelection__Name {
  position: fixed;
}

.ConnectedCursor__Inner {
  position: relative;
}

.ConnectedCursor__Dot {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 7px;
  height: 7px;
  border-radius: 100%;
}

.ConnectedCursor__Name {
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 4px;
  padding: 2px 4px 3px;
  white-space: nowrap;
  color: var(--color-white);
  font-size: 11px;
  line-height: 13px;
}
.ConnectionsButton {
  height: 28px;
  display: flex;
  flex-direction: row;
  border: 1px solid var(--color-grey-200);
  border-radius: 20px;
  overflow: hidden;
  background: var(--color-white);
  box-shadow: 0px 2px 2px rgb(38 38 38 / 3%);
  color: var(--color-grey-600);
}

.ConnectionsButton:hover {
  border: 1px solid var(--color-purple-300);
}

.ConnectionsButton--active {
  border: 1px solid var(--color-purple-500);
  background: var(--color-purple-50);
}

.ConnectionsButton--active:hover {
  border: 1px solid var(--color-purple-500);
}

.ConnectionsButton__Zap,
.ConnectionsButton__Loader {
  margin-right: 4px;
}

.ConnectionsButton__Count {
  width: 16px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  color: var(--color-grey-500);
}

.ConnectionsButton__Loader path {
  fill: var(--color-purple-600);
}

.ConnectionsButton__Zap > path {
  fill: var(--color-purple-600);
}

.Toolbar__Button.ConnectionsButton__Main {
  height: 28px;
  font-size: 13px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  border-radius: 0px;
  color: var(--color-grey-800);
}

.Toolbar__Button.ConnectionsButton__Dropdown {
  height: 28px;
  margin-left: -12px;
  padding-right: 8px;
  border-radius: 0px;
  margin-top: 2px;
  transition: margin 150ms ease-out;
}

.Toolbar__Button.ConnectionsButton__Dropdown:hover {
  margin-top: 3px;
}

.Toolbar__Button.ConnectionsButton__Main:hover,
.Toolbar__Button.ConnectionsButton__Main:focus,
.Toolbar__Button.ConnectionsButton__Dropdown:hover,
.Toolbar__Button.ConnectionsButton__Dropdown:focus {
  background: none;
}

.Connections__DropdownOptions {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 36px;
  text-align: center;
}

.ConnectionsButton__Dropdown path {
  fill: var(--color-grey-500);
  transition: all 150ms ease-out;
}

.Connections__DropdownOptions .Icon {
  stroke: var(--color-grey-500);
}

.Connections__DropdownOptions .Icon > path {
  fill: var(--color-grey-00);
}

.ConnectionsDropdownMenu .PopoverMenu__Action {
  padding: 8px 12px 8px 4px;
}

.ConnectionsDropdownMenu .PopoverMenu__ActionIcon {
  padding: 0 4px 0 8px;
}
.DatasourceList h1 {
  display: flex;
  justify-content: space-between;
}

.SavedQueryList__Datasources .UniversalList__MoreButton,
.DatasourceList .UniversalList__MoreButton {
  top: 6px;
  right: 12px;
}

.DatasourceList__DatasourceIcon {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  border: 1px solid var(--color-grey-200);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  flex-shrink: 0;
  background-color: var(--color-white);
}

.SavedQueryList__DatasourceIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  border: 1px solid var(--color-grey-200);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  flex-shrink: 0;
  background-color: var(--color-white);
}

.DatasourceList__Name {
  font-size: 14px;
  line-height: 20px;
  color: var(--color-grey-900);
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 0;
}

.UniversalList__TableRow .DatasourceList__UpdatedAt {
  font-size: 14px;
  color: var(--color-grey-500);
}

.EditDatasource {
  position: relative;
  margin: 0 16px;
}

.EditDatasource .EqualsButton {
  padding: 6px 12px;
}

.EditDatasource__BackButton {
  display: flex;
  position: absolute;
  top: 29px;
  left: -36px;
  outline: 0;
  background: none;
  border: none;
}

.EditDatasource__BackButton {
  top: 40px;
  left: -50px;
}

.EditDatasource__Header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 16px;
  color: var(--color-grey-900);
}

.EditDatasource__Header > * {
  display: flex;
  align-items: center;
}

.EditDatasource__Configuration {
  display: flex;
  flex-wrap: wrap;
}

.EditDatasource__FullSection {
  width: 800px;
}

.EditDatasource__Divider {
  width: 100%;
  border-bottom: 1px solid var(--color-grey-100);
  margin: 24px 0;
}

.EditDatasource__FooterButtons {
  margin-top: 12px;
}

.EditDatasource__Configuration p {
  color: var(--color-grey-500);
  font-size: 14px;
  line-height: 20px;
  margin: 12px 0 24px;
}

.ConnectionStatus--successful .ConnectionStatus__StatusIcon path {
  fill: var(--color-green-600);
}

.DatasourceConfiguration__InputDescription {
  font-size: 13px;
  font-weight: 400;
  color: var(--color-grey-500);
  line-height: 1.5;
  margin-bottom: 12px;
}

.DatasourceConfiguration__ToolSave {
  line-height: 20px;
}

.DatasourceConfiguration__ToolSave .EqualsButton {
  margin-top: 20px;
  display: block;
}

.DatasourceConfiguration__ExtraConfiguration {
  display: flex;
  flex-direction: column;
  margin: 15px 0px;
}

.DatasourceConfiguration__ToolItemRow {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: var(--color-grey-500);
  font-size: 14px;
}

.DatasourceConfiguration__ToolItemRow > * {
  margin-right: 5px;
}

.EnvVariables {
  padding: 12px 0px;
  margin-bottom: 20px;
}

.EnvVariables__Item {
  width: 380px;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 0px;
  border-bottom: 1px solid var(--color-grey-100);
}

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

.EnvVariables__Item--view-state {
  display: flex;
}

.EnvVariables__ItemForm {
  display: flex;
}

.EnvVariables__ItemInput,
.EnvVariables__ItemInput:focus {
  width: 180px !important;
}

.EnvVariables__ItemForm > .EnvVariables__FieldGroup:first-child {
  margin-right: 20px !important;
}

.EnvVariables__FieldGroup {
  margin-bottom: 12px !important;
}

.EnvVariables__ItemKey {
  flex: 1;
}

.EnvVariables__ItemActions {
  display: flex;
}

.EnvVariables__ItemActions--left {
  flex: 1;
}

.EnvVariables__ItemActions--right .EqualsButton:first-child {
  margin-right: 12px;
}

.EnvVariables__Title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: var(--color-grey-900);
  margin-bottom: 16px;
}

.EnvVariables__ItemSecretEditIcon {
  margin-left: 16px;
}

.EditDatasource .Form {
  padding: 0;
}

.EditDatasource .Form__Input,
.EditDatasource .Form__Textarea {
  width: 100%;
}

.EditDatasource .Form__FieldGroup {
  width: 100%;
  display: flex;
}

.EditDatasource .Form__Label {
  color: var(--color-grey-900);
  width: 170px;
  margin-top: 6px;
  margin-bottom: 0;
  flex-shrink: 0;
  align-self: flex-start;
}

.EditDatasource .Form__Input {
  height: 32px;
}
/*
  START OF LIBRARY STYLES
*/
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: var(--color-grey-100);
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^="bottom"]
  .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^="top"]
  .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: var(--font-app);
  font-size: 0.8rem;
  background-color: #fff;
  color: var(--color-grey-900);
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"]
  .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: var(--color-grey-900);
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input {
  width: auto;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__input
  input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container
  .react-datepicker-time__input-container
  .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item:hover {
  background-color: var(--color-grey-100);
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected {
  background-color: var(--color-purple-600);
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--selected:hover {
  background-color: var(--color-purple-600);
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: var(--color-grey-100);
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: var(--color-grey-900);
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
  cursor: default;
}

.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: var(--color-purple-600);
  color: #fff;
}
.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: var(--color-purple-700);
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: var(--color-grey-100);
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: var(--color-purple-600);
  color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: var(--color-purple-700);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: var(--color-purple-700);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range
  .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
  .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
  .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range
  .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  background-color: var(--color-grey-100);
  color: var(--color-grey-900);
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: var(--color-purple-600);
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: var(--color-grey-100);
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover
  .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
  .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: var(--color-grey-100);
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover
  .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
  .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  background-color: var(--color-purple-600);
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: var(--color-grey-100);
  border-top: 1px solid #aeaeae;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

/*
  END OF LIBRARY STYLES
*/

.react-datepicker__day--outside-month {
  color: var(--color-grey-400);
}

.react-datepicker__day-names {
  margin-bottom: -12px;
}

.react-datepicker__day-name {
  color: var(--color-grey-500);
}

.DatePicker {
  box-shadow: 0px 4px 16px 0px hsla(0, 0%, 65%, 0.3);
  border-radius: 6px;
  border: 1px solid var(--color-grey-100);
  min-width: 170px;
  box-sizing: border-box;
  font-family: var(--font-app);
}

.DatePicker__Header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.DragAndDrop__DropArea {
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
  flex: 1;
}

.DragAndDrop__DropArea--over {
  box-shadow: 0 0 20px var(--color-grey-25);
  background-color: var(--color-grey-25);
}

.DragAndDrop__DropArea--disabled {
  opacity: 0.5;
  filter: grayscale(100%);
  background-color: var(--color-grey-100);
}

.DragAndDrop__DropPosition {
  position: relative;
}

.DragAndDrop__DropPositionPlaceholder {
  opacity: 0;
  transition: opacity 0.2s, height 0.1s ease-out;
  display: flex;
  overflow: hidden;
}

.DragAndDrop__DropPositionPlaceholder--display {
  opacity: 1;
}

.DragAndDrop__Container {
  display: contents;
}
em-emoji-picker {
  --font-family: var(--font-app);
  --rgb-color: 23, 23, 23;
  --rgb-accent: 139, 92, 246;
  --font-size: 13px;
  --preview-placeholder-size: 13px;
}
.EmptyState {
  color: var(--color-grey-400);
  position: absolute;
  text-align: center;
  width: 200px;
  left: 50%;
  top: 50%;
}
.EqualsButton {
  text-decoration: none;
  background-color: var(--color-grey-100);
  color: var(--color-black);
  font-family: var(--font-app);
  font-weight: 400;
  line-height: 1em;
  border-radius: 6px;
  border: 0;
  transition: all 150ms ease-out;
  cursor: default;
}

.EqualsButton:focus-visible {
  outline: revert !important;
}

.EqualsButton:not([disabled]):hover,
.EqualsButton:not([disabled]):focus {
  background-color: var(--color-grey-150);
  outline: 0;
}

.EqualsButton--red {
  background-color: var(--color-red-500);
  color: var(--color-white);
}

.EqualsButton--red:not([disabled]):hover,
.EqualsButton--red:not([disabled]):focus {
  background-color: var(--color-red-600);
}

.EqualsButton--transparent {
  background-color: transparent;
}

.EqualsButton--transparent:not([disabled]):hover,
.EqualsButton--transparent:not([disabled]):focus,
.EqualsButton--transparent-focussed {
  background-color: var(--color-grey-100);
}

.EqualsButton--green {
  background-color: var(--color-green-50);
}

.EqualsButton--green:not([disabled]):hover,
.EqualsButton--green:not([disabled]):focus {
  background-color: var(--color-green-100);
}

.EqualsButton--yellow {
  background-color: var(--color-yellow-500);
  color: var(--color-white);
}

.EqualsButton--yellow:not([disabled]):hover,
.EqualsButton--yellow:not([disabled]):focus {
  background-color: var(--color-yellow-600);
}

.EqualsButton--light-yellow {
  background-color: var(--color-yellow-50);
}

.EqualsButton--light-yellow:not([disabled]):hover,
.EqualsButton--light-yellow:not([disabled]):focus {
  background-color: var(--color-yellow-100);
}

.EqualsButton--shadowed {
  box-sizing: border-box;
  color: var(--color-grey-800);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-200);
  box-shadow: 0px 2px 1px rgb(38 38 38 / 4%);
}

.EqualsButton--shadowed:not([disabled]):hover,
.EqualsButton--shadowed:not([disabled]):focus {
  color: var(--color-grey-800);
  background-color: var(--color-grey-50);
}

.EqualsButton--purple {
  background-color: var(--color-purple-600);
  color: var(--color-white);
}

.EqualsButton--purple:not([disabled]):hover,
.EqualsButton--purple:not([disabled]):focus {
  background-color: var(--color-purple-700);
}

.EqualsButton--purple .Icon {
  fill: var(--color-white);
}

.EqualsButton--purple-bordered {
  border: 1px solid var(--color-purple-600);
}

.EqualsButton--purple-bordered:not([disabled]):hover,
.EqualsButton--purple-bordered:not([disabled]):focus {
  border: 1px solid var(--color-purple-700);
}

.EqualsButton--large {
  padding: 10px 18px;
  font-size: 15px;
}

.EqualsButton--medium {
  font-size: 13px;
  line-height: 20px;
  padding: 6px 18px;
}

.EqualsButton--medium.EqualsButton--shadowed {
  padding: 5px 18px;
}

.EqualsButton--full-width {
  width: 100%;
}

.EqualsButton--loading {
  opacity: 0.6;
  pointer-events: none;
}

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

.EqualsButton--icon {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-family: var(--font-app);
  padding: 8px 8px;
  color: var(--color-grey-700);
}

.EqualsButton--icon:not([disabled]):hover {
  background-color: var(--color-grey-100);
  color: var(--color-grey-900);
}

.EqualsButton--icon > .Icon {
  margin-right: 6px;
}

.EqualsButton--icon > .Icon path {
  fill: var(--color-grey-500);
}

.EqualsButton--icon:not([disabled]):hover > .Icon path {
  fill: var(--color-grey-800);
}

.EqualsButton--icon-only {
  padding: 6px;
  line-height: 0;
  background-color: transparent;
}

.EqualsButton--white-bg {
  background-color: var(--color-white);
}

.EqualsButton--icon-only:not([disabled]):hover,
.EqualsButton--icon-only:not([disabled]):focus {
  background-color: var(--color-grey-100);
}

.EqualsButton--icon-only > .Icon path {
  fill: var(--color-grey-700);
}

.EqualsButton--disabled {
  opacity: 0.3;
}
.SheetFilterMenu__FilterSelector {
  margin: 0 12px 0;
  padding: 4px 10px 0px 10px;
  background: var(--color-white);
  max-height: 134px;
  border-radius: 6px;
  border: 1px solid var(--color-grey-150);
  overflow-x: hidden;
}

.SheetFilterMenu__FilterSelector--with-dates {
  padding-left: 24px;
}

.SheetFilterMenu__DateItemSubSection {
  padding-left: 18px;
}

.SheetFilterMenu__FilterSelector .Form__Label {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-top: 4px;
  white-space: nowrap;
  max-width: 400px;
  padding-right: 6px;
  color: var(--color-grey-800);
}

.SheetFilterMenu__NoMatches {
  width: 100%;
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  font-style: italic;
  font-family: var(--font-app);
  line-height: 1.5em;
  padding: 4px 0 8px;
}

.SheetFilterMenu__TooManyValues {
  width: 100%;
  text-align: left;
  font-weight: 400;
  font-size: 13px;
  font-style: italic;
  font-family: var(--font-app);
  line-height: 1.5em;
  padding: 0 0 8px;
}

.SheetFilterMenu__FilterSelector .Form__Checkbox {
  flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: -1px;
}

.SheetFilterMenu__FilterSelectorItem {
  position: relative;
}

.SheetFilterMenu__FilterSelectorItemExpander {
  position: absolute;
  left: -20px;
  top: 0;
}

.SheetFilterMenu__FilterColors {
  padding: 6px 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.SheetFilterMenu__FilterColors .ColorSwatch__Button {
  margin-bottom: 6px;
}

.FilterModal .AppModal__Body,
.FilterModal .AppModal__Footer {
  background: var(--color-white);
}

.FilterModal__ContentTitle {
  padding-bottom: 8px;
  font-size: 13px;
  line-height: 1em;
  font-weight: 400;
  color: var(--color-grey-400);
}

.FilterModal__Top10 .FilterModal__ContentTitle {
  padding-bottom: 12px;
}

.FilterModal__ColumnTitle {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 14px;
}

.FilterModal__ConditionSection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  gap: 8px;
}

.FilterModal__ConditionSection > .FilterModal__Condition {
  flex: 1;
  display: flex;
  align-items: center;
}

.FilterModal__ConditionSection > .FilterModal__Condition:first-child {
  max-width: 160px;
}

.FilterModal__ConditionSection > .FilterModal__Condition > * {
  width: 100%;
  height: 30px;
}

.FilterModal__ConditionSection .Form__Select > .Form__Input {
  padding: 4px 10px;
}

.FilterModal__ConditionSection .FilterModal__DatePickerButtonContainer {
  display: flex;
  align-items: center;
  width: fit-content;
  height: fit-content;
  margin-left: 4px;
}

.FilterModal__DatePickerButton {
  padding: 6px;
  border-radius: 6px;
  line-height: 0;
}

.FilterModal__DatePickerButton:not(.FilterModal__DatePickerButton--open):hover {
  background: var(--color-grey-100);
}

.FilterModal__DatePickerButton--open {
  background: var(--color-purple-100);
}

.FilterModal__Operator {
  display: flex;
  gap: 20px;
  margin: 12px 0;
}

.FilterModal__Operator .Form__RadioWithLabel {
  margin-bottom: 0;
}

.FilterModal__Buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.FilterModal__Tip {
  font-size: 13px;
  line-height: 18px;
  color: var(--color-grey-400);
  margin-top: 8px;
}
@font-face {
  font-family: "Aeonik Fono";
  src: url(https://assets.equals.com/assets/AeonikFono-Light-7d1f41dfa283346dbcbb7cb75c0670246b75997ba74e402218eb2ad5fe4be235.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikFono-Light-1a16e22584ea31bac5b6b75dd559b01f3f5935551111750d95164f6a51ab9e7e.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Fono";
  src: url(https://assets.equals.com/assets/AeonikFono-Regular-969d8644fd316099afd31dd74ecc9a4bdbf897434b9a638cd8c9ad079e90ab9b.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikFono-Regular-117196cdcc06c856387a220f7c81a687c550a4b6aa02427acfe7344cea8a9605.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Fono";
  src: url(https://assets.equals.com/assets/AeonikFono-Bold-a84b44ba62b53d4515cfc2a57292797db1796548e84fa19f47b7db05ec61ce1e.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikFono-Bold-1928312dbd95bb6ffde5f4732c1e1d96b560c31e3c9e0aad218d2403a8dfeac6.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-Light-063affe35f8e8fe279246ca0c85956d54da9c84d2315645f74d80d0715c6a69c.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-Light-2bfaf8151b92a744c6cd8d75d1a8ab030156931f4bfac9a8b03f2b45ad3f67bd.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-LightItalic-c17c57bb1be5a131f3e21c841e8187d1b90dd4bf989d830b52f1acd28c889aec.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-LightItalic-9df804afe8328e6037eba523b8537a53e59a909e0d920839ec6606b48d0a4b1a.woff) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-Regular-93dd33db1c3ce5bc4a4f2de52eb9528934f8e9e10ea3afcc2264d103183ddb55.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-Regular-6a18c20cf91be017d5d09d8f58832d05dffbd5e6dfcc51f6d1fb9cf55ddaf9bf.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-RegularItalic-030da018de7be494278471a0d0af4845f46e2d649011363275d6f872253a56fc.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-RegularItalic-aff9bd276fbc3491c77ff4dd2af5b08c88fd8f18bb8b42dfe0a4a1cd5664ce14.woff) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-Bold-617addcfbec49710c90315d1884a77f74379bab0b576fd317c5edaa26404d79c.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-Bold-727c8fb65a41ef79b864cd1c06fe615f9a475b65d9d76793fb07a32843bda278.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik Pro";
  src: url(https://assets.equals.com/assets/AeonikPro-BoldItalic-b4a6321b26da630b462945a4f1e19bfbba5048d7a3dc5b5cae75e30d9851b431.woff2) format("woff2"),
    url(https://assets.equals.com/assets/AeonikPro-BoldItalic-6f740947cc06e92fa3de91dedfb8f08cc4fb504148014d80a52d88bc38bd05ff.woff) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw6nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwenSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwCnSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwynSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSGjW7BDEAQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSGjW7BA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD2OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD_OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD4OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD0OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD1OwGtT0rU3BE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jetbrainsmono/v13/tDbV2o-flEEny0FZhsfKu5WU4xD7OwGtT0rU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.Form__Input::placeholder {
  color: var(--color-grey-400);
  opacity: 1;
}

.Form {
  padding-top: 10px;
}

.Form__FieldGroup {
  margin-bottom: 20px;
}

.Form__FieldGroup--horizontal {
  display: flex;
  flex-direction: row;
}

.Form__Label,
.Form__Textarea,
.Form__Input {
  display: block;
  font-family: var(--font-app);
}

.Form__Label {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-grey-700);
}

.Form__Input,
.Form__Textarea {
  padding: 8px 12px;
}

.Form__Input,
.Form__Textarea,
.Form__Select {
  box-sizing: border-box;
  border: 1px solid var(--color-grey-200);
  border-radius: 6px;
  font-size: 13px;
  line-height: 16px;
  font-family: var(--font-app);
  color: var(--color-grey-900);
  background: var(--color-white);
}

.Form__Input:hover,
.Form__Select:hover,
.Form__Textarea:hover {
  border: 1px solid var(--color-grey-300);
}

.Form__Input:focus-within,
.Form__Select:focus-within,
.Form__Textarea:focus-within {
  border: 1px solid var(--color-purple-500);
  box-shadow: 0px 0px 0px 2px rgba(151, 71, 255, 0.1);
}

.Form__Select {
  padding: 8px 8px 8px 12px;
  display: flex;
  align-items: center;
  text-align: left;
}

.Form__Select--small {
  padding: 4px 8px;
  height: 24px;
}

.Form__Select > .Form__SelectIcon {
  color: var(--color-grey-500);
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
}

.Form__Select.MenuToggleButton--active {
  border: 1px solid var(--color-purple-500);
  box-shadow: 0px 0px 0px 2px rgba(151, 71, 255, 0.1);
}

.Form__Select--with-input {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.Form__Select--full-width {
  width: 100%;
}

.Form__Select--truncate .Form__SelectText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Form__Select .Form__Input {
  width: 100%;
  padding-right: 8px;
  border: none;
}

.Form__Select .Form__Input:focus {
  box-shadow: none;
  border: none;
}

.Form__SelectText {
  flex: 1;
  cursor: default;
}

.Form__Select--disabled {
  background: var(--color-grey-50);
  pointer-events: none;
}

.Form__Select--disabled .Form__SelectText {
  color: var(--color-grey-300);
  pointer-events: none;
}

.Form__Select--disabled .Icon {
  stroke: var(--color-grey-300) !important;
}

.Form__Select--disabled .Icon path {
  fill: var(--color-grey-300) !important;
}

.Form__Select.Form__Select--disabled:focus {
  border: 1px solid var(--color-grey-300);
  box-shadow: none;
}

.Form__SelectTextPlaceholder {
  color: var(--color-grey-500);
}

.QueryBuilder .Form__SelectTextPlaceholder {
  color: var(--color-grey-900);
}

.Form__SelectSearch {
  padding: 10px 6px;
  border-bottom: 1px solid var(--color-grey-150);
  background: var(--color-white);
}

.Form__SelectSearch > .Form__Input {
  border: 1px solid var(--color-purple-500);
  padding: 0px 28px;
  width: initial;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
}

.Form__SelectSearch > .Form__Input:hover,
.Form__SelectSearch > .Form__Input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.Form__Select--small > .Form__SelectText {
  padding-top: 0;
  padding-bottom: 1px;
}

.Form__Select--small > .Icon {
  padding-top: 0;
  padding-bottom: 0;
  stroke: var(--color-grey-500);
}

.Form__Select--transparent,
.Form__Select--transparent:hover,
.Form__Select--transparent:focus {
  padding-left: 0px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.Form__Select--transparent > .Icon {
  stroke: none;
  margin-right: 7px;
}

.Form__Select--transparent > .Form__SelectText {
  margin-right: 7px;
}

.PopoverMenu.PopoverMenuSelectOptions {
  width: fit-content;
  overflow: hidden;
  display: flex;
  max-height: 0;
}

.PopoverMenu.PopoverMenuSelectOptions .PopoverMenu__Action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PopoverMenuSelectOptions .PopoverMenu__Items {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 0;
}

.PopoverMenuSelectOptions .Select__Options {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 4px;
}

.PopoverMenu__CustomItem {
  border-radius: 6px;
}

.PopoverMenu__CustomItem--highlighted {
  background: var(--color-purple-50);
}

.Form__Textarea--error,
.Form__Input--error,
.Form__InputWithIcon--error {
  border: 1px solid var(--color-red-600);
}

.Form__Textarea--expanding {
  padding: 0;
  border: none;
  width: 100%;
  overflow: hidden;
}

.Form__Input--read-only {
  background: var(--color-grey-50);
  cursor: default;
}

.Form__Input:focus,
.Form__Textarea:focus,
.Form__Select:focus {
  outline: 0;
  border: 1px solid var(--color-purple-600);
  box-shadow: 0px 0px 0px 2px var(--color-purple-100);
}

.Form__Select:focus-visible {
  outline: revert !important;
}

.Form__Input--error:hover {
  border: 1px solid var(--color-red-700);
}

.Form__Input--error:focus {
  border: 1px solid var(--color-red-600);
  box-shadow: 0px 0px 0px 2px var(--color-red-100);
}

.Form__Submi {
  font-size: 13px;
  padding: 6px 18px;
  box-sizing: border-box;
  cursor: default;
  line-height: 20px;
}

.Form__Checkbox {
  background: var(--color-white);
  border: 1px solid var(--color-grey-200);
  border-radius: 4px;
  padding: 0;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.Form__Checkbox:focus {
  outline: 0;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.Form__Checkbox:focus-visible {
  outline: revert;
}

.Form__Checkbox:active {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}

.Form__Checkbox--checked {
  background: var(--color-purple-600);
  border: none;
}

.Form__Checkbox--checked:active {
  box-shadow: 0px 0px 3px var(--color-purple-100) inset;
}

.Form__Checkbox--black.Form__Checkbox--checked {
  background: var(--color-grey-800);
}

.Form__Checkbox--black.Form__Checkbox--disabled {
  background: var(--color-grey-150);
  pointer-events: none;
}

.Form__Checkbox--black.Form__Checkbox--checked:active {
  box-shadow: 0px 0px 3px var(--color-grey-800) inset;
}

.Form__Checkbox--danger.Form__Checkbox--checked {
  background: var(--color-red-600);
}

.Form__Checkbox--danger.Form__Checkbox--checked:active {
  box-shadow: 0px 0px 3px var(--color-red-600) inset;
}

.Form__LabelTip {
  color: var(--color-grey-500);
  font-size: 12px;
}

.Form__SelectMenu {
  width: 277px;
}

.Form__CustomRadio {
  width: 16px;
  height: 16px;
  background-color: var(--color-background);
  border: 1px solid var(--color-grey-300);
  border-radius: 8px;
  padding: 0;
  margin: 0;
  margin-right: 8px;
  transition: border-color 150ms ease-out;
}

.Form__CustomRadio:hover {
  border: 1px solid var(--color-grey-400);
}

.Form__CustomRadio:hover,
.Form__CustomRadio:focus {
  outline: 0;
}

.Form__CustomRadio:focus-visible {
  outline: revert;
}

.Form__CustomRadio--checked {
  background-color: var(--color-white);
  border: 5px solid var(--color-purple-600);
}

.Form__CustomRadio--checked:hover {
  border: 5px solid var(--color-purple-600);
}

.Form__CustomRadio--default.Form__CustomRadio--checked,
.Form__CustomRadio--default.Form__CustomRadio--checked:hover {
  border: 5px solid var(--color-grey-800);
}

.Form__Radio {
  margin: 0;
  margin-right: 8px;
}

.Form__RadioLabel {
  font-size: 13px;
  font-family: var(--font-app);
  color: var(--color-grey-800);
}

.Form__RadioWithLabel {
  align-self: start;
  line-height: 1.5em;
  display: flex;
  align-items: center;
}

.Form__RadioWithLabel--disabled {
  pointer-events: none;
  color: var(--color-grey-500);
}

.Form__RadioWithLabel:last-of-type {
  margin-bottom: 0px;
}

.Form__CustomRadio--disabled {
  background-color: var(--color-grey-200);
}

.UploadImageHidden {
  display: none;
}

.FormInputWithIcon__Input {
  border: none;
  box-sizing: border-box;
  outline: 0;
  width: 100%;
  padding: 6px 10px 6px 30px;
  border-radius: 6px;
  height: 100%;
  font-family: var(--font-app);
}

.FormInputWithIcon__Input::placeholder {
  color: var(--color-grey-400);
}

.Form__InputWithIcon {
  position: relative;
  padding: 0px;
  height: 32px;
  overflow: hidden;
}

.Form__InputWithIcon > span {
  position: absolute;
  top: 7px;
  left: 8px;
}

.FileButton__Text {
  margin-left: 8px;
  color: var(--color-grey-600);
  font-size: 13px;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5;
}
.FormulaBar {
  position: relative;
  box-sizing: border-box;
  background: var(--color-white);
  height: 22px;
  display: flex;
  border-bottom: 1px solid var(--color-grey-150);
  padding: 2px 2px 0 2px;
  width: 100%;
}

.FormulaBar--expanded {
  height: 72px;
}

.FormulaBar--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.FormulaBar__FormulaIcon,
.FormulaBar__ActiveFormula {
  border-left: 1px solid var(--color-grey-150);
}

.FormulaBar--expanded .FormulaBar__ActiveCell,
.FormulaBar--expanded .FormulaBar__FormulaIcon {
  display: flex;
  flex-direction: column;
  height: inherit;
}

.FormulaBar--expanded .FormulaBar__FakeBackground {
  flex: 1;
  border-top: 1px solid var(--color-grey-150);
  background: var(--color-background);
  margin: 5px -11px;
}

.FormulaBar__ActiveCell,
.FormulaBar__FormulaIcon,
.FormulaBar__ActiveFormula {
  font-family: var(--font-app);
  font-size: 13px;
  line-height: 1em;
  height: 15px;
  padding: 1px 10px 0 10px;
}

.FormulaBar__ActiveCell {
  width: 110px;
  color: var(--color-grey-600);
}

.FormulaBar__FormulaIcon {
  height: 15px;
  color: var(--color-grey-400);
}

.FormulaBar__FormulaIcon > em {
  font-style: italic;
}

.FormulaBar__ActiveFormula {
  flex: 1;
  display: flex;
  height: unset;
  color: var(--color-grey-600);
  overflow: hidden;
  padding-right: 0;
  margin-bottom: 2px;
}

.FormulaBar--expanded .FormulaBar__ActiveFormula {
  overflow-x: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 0;
}
.spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.Icon.Icon--no-stroke * {
  stroke-width: 0;
}
.Impersonate {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: var(--color-red-600);
  z-index: 1000;
  font-family: var(--font-app);
  font-size: 12px;
  font-weight: 500;
  color: var(--color-white);
  padding: 8px 4px;
}

.Impersonate__Stop {
  margin-left: 5px;
  color: var(--color-white);
}
.ImportCSV__DropArea {
  width: 100%;
  height: 100px;
  background-color: var(--color-grey-50);
  border-radius: 8px;
  border: 1px dashed var(--color-grey-300);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease-in;
}

.ImportCSV__DropArea--drag-active,
.ImportCSV__DropArea:hover {
  border-color: var(--color-purple-300);
  background-color: var(--color-purple-50);
}

.ImportCSV__DropArea--drag-active {
  cursor: grabbing;
}

.ImportCSV__DropArea svg path {
  fill: var(--color-grey-900);
}

.ImportCSV__DropArea--drag-active svg path,
.ImportCSV__DropArea:hover svg path {
  fill: var(--color-purple-600);
}

.ImportCsvOverlay,
.ImportingCsv__Container {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2px);
  position: absolute;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ImportCsvOverlay__DropArea {
  width: 490px;
}

.ImportingCsv__Progress {
  background-color: var(--color-grey-150);
  border-radius: 1px;
  height: 4px;
  width: 200px;
  overflow: hidden;
}

.ImportingCsv__ProgressDone {
  background: var(--color-grey-800);
  height: 100%;
  width: 50%;
  opacity: 0;
  transition: 0.2s linear;
}
.LinkManager {
  background-color: var(--color-background);
  border: 1px solid var(--color-grey-150);
  box-shadow: 0px 4px 10px rgba(166, 166, 166, 0.16);
  border-radius: 8px;
  display: flex;
}

.LinkManager--editing {
  width: 274px;
  padding: 8px;
}

.LinkManager--viewing {
  padding: 8px 12px;
}

.LinkManager__Input {
  flex: 1;
  border: 2px solid var(--color-purple-600);
  outline: 0;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 13px;
  line-height: 20px;
  padding: 2px 8px;
  color: var(--color-grey-800);
  margin-right: 8px;
}

.LinkManager__Link {
  font-size: 13px;
  line-height: 20px;
  margin-right: 8px;
  color: var(--color-grey-500);
  display: flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}

.LinkManager__Link:hover,
.LinkManager__Link:focus {
  outline: 0;
  text-decoration: underline;
}
.ListsContainer {
  display: flex;
  height: 100%;
}

.ListContent {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex: 1;
}

.UniversalList {
  display: flex;
  flex-direction: column;
  padding: 12px 20px 80px;
  flex: 1;
}

.UniversalList h1 {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 12px;
  color: var(--color-grey-900);
}

.UniversalList__Table {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}

.UniversalList__TableRow {
  width: 100%;
  display: flex;
  height: 32px;
  margin: 0 -12px;
  padding: 0 12px;
}

.UniversalList__TableRow {
  text-decoration: none;
  line-height: 20px;
  cursor: default;
  border-radius: 8px;
}

.UniversalList__TableRow:hover,
.UniversalList__TableRow:focus,
.UniversalList__TableRow:focus-within {
  outline: 0;
  background: var(--color-grey-100);
}

.UniversalList__TableRow:hover .UniversalList__MoreButton,
.UniversalList__TableRow:focus .UniversalList__MoreButton,
.UniversalList__MoreButton:focus,
.UniversalList__MoreButton.Form__Select--active {
  opacity: 1;
}

.UniversalList__MoreButton {
  opacity: 0;
}

.UniversalList__MoreButton--legacy {
  position: absolute;
  top: 6px;
  right: 8px;
}

.UniversalList__TableRow .UniversalList__MoreButton:hover {
  background: var(--color-grey-150);
}

.WorkbookSearch .WorkbookSearch__ClearSearch:hover,
.WorkbookSearch .WorkbookSearch__ClearSearch:focus {
  border: none;
  background: var(--color-grey-100);
  box-shadow: none;
}

.UniversalList__TableRow > div {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--color-grey-500);
}

.UniversalList__TableRow > *:first-child {
  color: var(--color-grey-900);
  font-size: 12px;
  padding-right: 12px;
}

.UniversalList__TableRow > * {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.UniversalList__TableRow > * svg {
  flex-shrink: 0;
}

.List__EmptyState {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0 0 56px;
  overflow: hidden;
}

.List__EmptyState .Icon {
  height: 80px;
  width: 80px;
}

.List__EmptyState .NoSearchResults {
  margin-top: 60px;
  margin-bottom: 170px;
}

.List__EmptyState h1 {
  font-size: 20px;
  margin-top: 60px;
  font-weight: 500;
}

.List__EmptyState p {
  font-size: 16px;
  color: var(--color-grey-500);
  margin-top: 20px;
}

.List__EmptyState .EqualsButton {
  margin: 28px 0 112px;
}

.WorkbookSearch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid var(--color-grey-100);
  box-sizing: border-box;
}

.WorkbookSearch:hover {
  cursor: text;
}

.WorkbookSearchInput {
  display: flex;
  align-items: center;
  padding: 16px 0 16px 32px;
  width: 100%;
  height: 30px;
}

.WorkbookSearchInput input {
  margin: 2px 0px 0px 11px;
  flex: 1;
  border: none;
  outline: 0;
  color: var(--color-grey-900);
  font-family: var(--font-app);
}

.WorkbookSearchInput input:hover {
  cursor: text;
}

.WorkbookSearchInput input::placeholder {
  color: var(--color-grey-500);
}

.WorkbookSearchInput input:focus::placeholder {
  opacity: 0;
}

.WorkbookSearchInput .Icon path {
  fill: var(--color-grey-500);
  transition: all 150ms ease-out;
}

.WorkbookSearchInput:focus-within .Icon path,
.WorkbookSearchInput:hover .Icon path {
  fill: var(--color-grey-600);
}

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

.WorkbookSearchSettings .Icon path {
  fill: var(--color-grey-500);
  stroke: 0;
}

.MenuToggleButton--none.WorkbookSearch__DateFilter,
.MenuToggleButton--icon.WorkbookSearch__DateFilter {
  margin-right: 16px;
}

.WorkbookSearch .EqualsButton {
  background: none;
}

.WorkbookSearch__DateFilter .Icon path {
  fill: none;
  stroke-width: 1.5;
}

.List__EmptyState--secret-groups .Icon {
  width: fit-content;
  height: fit-content;
}

.List__EmptyState--secret-groups h1 {
  font-size: 14px;
  font-weight: 400;
  margin-top: 28px;
}

.List__EmptyState--secret-groups p {
  font-size: 14px;
  color: var(--color-grey-500);
  margin-top: 12px;
  margin-bottom: 0;
}

.List__EmptyState--secret-groups .EqualsButton {
  margin: 24px 0;
  padding: 7px 14px 7px 12px;
  color: var(--color-grey-700);
}

.List__EmptyState--secret-groups .EqualsButton > .Icon path {
  stroke: var(--color-grey-700);
  fill: none;
}

.List_Tabs {
  display: flex;
  box-shadow: inset 0 -1px 0 var(--color-grey-100);
  color: var(--color-grey-500);
  cursor: default;
  margin-bottom: 24px;
}

.ListTabs__Tab {
  font-size: 12px;
  margin-right: 16px;
  padding-bottom: 12px;
}

.ListTabs__Tab:hover {
  color: var(--color-grey-700);
  transition: all 100ms ease-out;
}

.ListTabs__Tab--selected {
  box-shadow: inset 0 -1px 0 var(--color-purple-600);
  color: var(--color-purple-600) !important;
}
.SheetMemoryUsageModal__Total {
  padding-bottom: 10px;
}
.MenuToggleButton--plain,
.MenuToggleButton--text,
.MenuToggleButton--icon {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 1em;
  text-align: left;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
}

.MenuToggleButton--text {
  padding: 4px 8px;
  border-radius: 6px;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.MenuToggleButton--icon {
  padding: 6px;
  border-radius: 6px;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.MenuToggleButton--none:hover,
.MenuToggleButton--text:hover,
.MenuToggleButton--icon:hover {
  background-color: var(--color-grey-100);
}

.MenuToggleButton--none.MenuToggleButton--active,
.MenuToggleButton--icon.MenuToggleButton--active {
  background-color: var(--color-purple-50);
  color: var(--color-purple-700);
}

.MenuToggleButton--active .Form__SelectIcon svg {
  color: var(--color-purple-700);
}
.Menubar__EqualsLogo {
  margin: 0 8px -1px 14px;
}

.Menubar__Menus,
.Menubar__WorkbookName,
.Menubar__Share {
  flex: 1;
}

.Menubar__Share {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 8px;
}

.Menubar__Button {
  display: inline-block;
  cursor: default;
  vertical-align: middle;
  border-radius: 4px;
  font-family: var(--font-app);
  font-size: 13px;
  line-height: 1em;
  color: var(--color-grey-800);
  padding: 5px 10px;
  margin: 0;
  border: none;
  background: none;
  height: 24px;
}

.Menubar__Button:hover:not([disabled]),
.Menubar__Button.MenuToggleButton--active:not([disabled]) {
  background-color: var(--color-grey-150);
}

.Menubar__Button:disabled,
.Menubar--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.Menubar__WorkbookName {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Menubar__WorkbookNameInput {
  display: inline-block;
  text-align: center;
  padding: 6px 10px 7px 10px;
  font-family: var(--font-app);
  font-size: 13px;
  font-weight: 500;
  line-height: 1em;
  background: none;
  border: 0;
  border-radius: 6px;
  color: var(--color-grey-800);
}

.Menubar__WorkbookNameInput:hover {
  background: var(--color-grey-150);
  color: var(--color-grey-800);
}

.Menubar__WorkbookNameInput:hover,
.Menubar__WorkbookNameInput:focus {
  outline: 0;
}

.Menubar__WorkbookNameInput:empty:hover,
.Menubar__WorkbookNameInput:empty {
  background: var(--color-grey-150);
  color: var(--color-grey-400);
  border-radius: 4px;
  cursor: text;
  text-align: left;
}

.Menubar__WorkbookNameInput:focus,
.Menubar__WorkbookNameInput:empty:before {
  font-weight: 500;
}

.Menubar__WorkbookNameInput:empty:before {
  content: attr(data-placeholder);
}

.Menubar__WorkbookNameInput:focus {
  background: var(--color-white);
  border: 1px solid var(--color-purple-600);
  box-shadow: 0px 0px 0px 2px var(--color-purple-100);
  color: var(--color-grey-800);
}

.Menubar__WorkbookNameInput:empty:focus {
  background: var(--color-white);
  border: 1px solid var(--color-purple-600);
  box-shadow: 0px 0px 0px 2px var(--color-purple-100);
  color: var(--color-grey-400);
}

.Menubar__WorkbookNameInput.Menubar__WorkbookNameInput--view-only {
  background: none;
}
.AppModal__Container {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5001;
  font-family: var(--font-app);
  pointer-events: none;
}

.AppModal__ChildContainer {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.AppModal__Backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}

.AppModal__Backdrop--no-click-through {
  pointer-events: all;
}

.AppModal__Backdrop.AppModal__Backdrop--grey {
  background: rgba(212, 212, 212, 0.30);
}

.AppModal__Backdrop.AppModal__Backdrop--white {
  background: rgba(255, 255, 255, 0.7);
}

.AppModal {
  position: relative;
  height: auto;
  background-color: var(--color-background);
  border-radius: 10px;
  box-shadow: 0px 0px 0px 1px rgba(38, 38, 38, 0.12), 0px 4px 24px -2px rgba(0, 0, 0, 0.16);  opacity: 1;
  z-index: 101;
  line-height: 1.5em;
  pointer-events: all;
  overflow: hidden;
}

.AppModal__Contents {
  min-width: 200px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AppModal__Contents--large {
  min-width: 620px;
  min-height: 340px;
}

.AppModal__Contents--medium {
  min-width: 487px;
  min-height: 242px;
}

.AppModal__Contents--small {
  min-width: 400px;
  min-height: 200px;
}

.AppModal__Contents--no-padding {
  padding: 0;
}

.AppModal__Header {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.AppModal__Footer {
  display: flex;
  align-self: flex-end;
  width: 100%;
  height: 100%;
}

.AppModal__Title {
  line-height: 1.5em;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  max-width: 200px;
  color: var(--color-black);
  margin-bottom: 6px;
}

.AppModal__Title--padding {
  padding: 16px 0;
  margin-bottom: 0;
}

.AppModal__Title--Border {
  width: 100%;
  max-width: unset;
  padding: 16px 0;
  border-bottom: 1px solid var(--color-grey-150);
}

.AppModal__Body {
  line-height: 1.5em;
  font-size: 12px;
  margin-bottom: 18px;
  text-align: center;
  max-width: 200px;
  color: var(--color-grey-600);
  flex: 1;
}

.AppModal__Body--radios {
  margin-bottom: 6px;
}

.AppModal__Button {
  margin-bottom: 6px;
}

.AppModal__Button:last-child {
  margin-bottom: 0;
}

.AppModal__Radio {
  margin: 0;
  margin-right: 8px;
}

.AppModal__RadioLabel {
  font-size: 13px;
  font-family: var(--font-app);
  color: var(--color-grey-600);
}

.AppModal__RadioLabel:hover {
  color: var(--color-grey-800);
}

.AppModal__RadioWithLabel {
  align-self: start;
  line-height: 1.5em;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}

.AppModal__RadioWithLabel:first-of-type {
  margin-top: 6px;
}

.AppModal__RadioWithLabel:last-of-type {
  margin-bottom: 16px;
}

.AppModal__SectionTitle {
  line-height: 1.5em;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  max-width: 200px;
  color: var(--color-black);
  margin-bottom: 4px;
}

.AppModal__ButtonsSection {
  box-sizing: border-box;
  border-top: 1px solid var(--color-grey-150);
  padding: 12px;
  width: 100%;
  display: flex;
  justify-content: end;
}

.AppModal__ButtonsSection button {
  margin-left: 10px;
}

.AppModal__Close {
  position: absolute;
  top: 19px;
  right: 16px;
  cursor: default;
}

.AppModal__Close .Icon {
  stroke: var(--color-grey-400);
}

.AppModal__Close .Icon > path {
  fill: var(--color-grey-400);
}

.AppModal__Close:hover .Icon {
  stroke: var(--color-grey-800);
}

.AppModal__Close:hover .Icon > path {
  fill: var(--color-grey-800);
}
.BaseModal {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.BaseModal__Header {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 50px;
  min-height: 50px;
  justify-content: center;
  border-bottom: 1px solid var(--color-grey-200);
}

.BaseModal__Title {
  line-height: 1.5em;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: var(--color-black);
  margin-bottom: 0px;
  cursor: default;
}

.BaseModal__Title--tabular-nums .BaseModal__Title {
  font-variant-numeric: tabular-nums;
}

.BaseModal__Close {
  position: absolute;
  right: 10px;
  cursor: default;
}

.BaseModal__Toolbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
}

.BaseModal__Content {
  background-color: var(--color-white);
  box-sizing: border-box;
  width: 100%;
  flex: 1;
}

.BaseModal--no-footer > .BaseModal__Content {
  border-radius: 0 0 10px 10px;
}

.BaseModal__Footer {
  box-sizing: border-box;
  border-top: 1px solid var(--color-grey-200);
  border-radius: 0 0 10px 10px;
  width: 100%;
  padding: 10px;
}

.BaseModal__ButtonsFooter {
  text-align: right;
}

.BaseModal__ButtonsFooter > button {
  margin-left: 8px;
  height: 30px;
}

.BaseModal__ButtonsFooter--fullWidth {
  display: flex;
  gap: 8px;
}

.BaseModal__ButtonsFooter--fullWidth > button {
  flex: 1;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.BaseModal__Text {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 18px;
  color: var(--color-grey-800);
  flex: 1;
}

.BaseModal__PaddedContainer {
  padding: 16px 16px 20px;
  overflow: auto;
  max-height: calc(100vh - 210px);
}

.BaseModal__Input {
  padding: 2px 8px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  font-family: var(--font-app);
  border: 1px solid var(--color-grey-150);
  border-radius: 4px;
  color: var(--color-grey-800);
  flex: 1;
  box-sizing: border-box;
  width: 100%;
}

.BaseModal__Input:focus-visible {
  outline: 2px solid var(--color-purple-600);
}

.BaseModal__Input[readonly]:focus-visible {
  outline: none;
}

.BaseModal__Label {
  line-height: 18px;
  font-size: 13px;
  margin-bottom: 8px;
}

.ButtonsAlert--wide .BaseModal__Footer {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  padding: 10px 16px;
}

.ButtonsAlert--wide .BaseModal__Footer .EqualsButton {
  margin-left: 12px;
}

.SavingModal {
  width: 460px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--color-white);
  padding: 42px 0;
  border-radius: 10px;
}

.SavingModal__Text {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  padding: 0 32px;
  text-align: center;
}
.DeleteDataConnection__Confirm__Modal .BaseModal__PaddedContainer {
  font-size: 14px;
}

.DeleteDataConnection__Confirm__Modal--highlighted {
  font-weight: 600;
}

.DeleteDataConnection__Confirm__Modal {
  width: 420px;
}
.FooterConfirmModal .BaseModal__Title {
  text-align: left;
}

.FooterConfirmModal .BaseModal__PaddedContainer {
  font-size: 14px;
}

.FooterConfirmModal--highlighted {
  font-weight: 600;
}
.FullPageModal {
  background-color: var(--color-white);
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow-y: scroll;
}

.FullPageModal__Close {
  position: fixed;
  top: 0;
  right: 0;
  color: var(--color-grey-900);
  background-color: transparent;
  outline: none;
  border: none;
  padding: 32px;
}
.RadioSectionAlert__Section {
  width: 300px;
  display: flex;
  flex-direction: column;
}

.RadioSectionAlert__Section:last-child {
  padding-top: 12px;
}

.RadioSectionAlert__SectionButtons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.tether-element {
  z-index: 5001;
}
.monaco-editor .view-lines,
.monaco-editor .view-overlays,
.monaco-editor .cursor {
  margin-left: 8px;
}

.margin-view-overlays {
  background: var(--color-grey-25);
  color: var(--color-grey-500);
}
.ObjectList {
  width: 100%;
  margin-bottom: 30px;
}

.ObjectList__Object {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid var(--color-grey-100);
}

.PopoverMenuActive.ObjectList__Object,
.ObjectList__Object:hover {
  background-color: var(--color-grey-50);
}

.ObjectList__ObjectSection--database,
.ObjectList__ObjectSection--notebook {
  width: 24px;
  padding: 0 12px 0 16px;
}

.ObjectList__ObjectSection--description {
  flex: 1;
  padding: 12px 0;
}

.ObjectList__ObjectSection--description:hover {
  cursor: pointer;
}

.ObjectList__ObjectSection--actions {
  width: 32px;
  padding-right: 16px;
}

.ObjectList__Icon--database,
.ObjectList__Icon--notebook {
  height: 24px;
}

.ObjectList__Name {
  font-size: 14px;
  margin-bottom: 2px;
  color: var(--color-grey-600);
  text-decoration: none;
  width: 100%;
  display: inline-block;
}

.ObjectList__Timestamp {
  display: block;
  font-size: 12px;
  color: var(--color-grey-400);
}

.ObjectList__Status {
  display: block;
  font-size: 12px;
}

.ObjectList__Status--not_verified {
  color: var(--color-yellow-600);
}

.ObjectList__Status--failed {
  color: var(--color-red-900);
}

.ObjectList__MenuAction {
  display: none !important;
}

.ObjectList__Icon--more {
  height: 24px;
}

.ObjectList__Object:hover .ObjectList__MenuAction {
  display: inline !important;
  opacity: 0.7;
}

.PopoverMenuActive.ObjectList__Object .ObjectList__MenuAction,
.ObjectList__Object:hover .ObjectList__MenuAction:hover {
  display: inline !important;
  opacity: 1;
}
.PivotTable__FilterSubMenu {
  width: auto;
}
.PopoverMenu {
  position: absolute;
  background-color: var(--color-white);
  box-shadow: 0px 0px 0px 1px rgba(38, 38, 38, 0.12), 0px 2px 8px -2px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  min-width: 170px;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.PopoverMenu--centered {
  transform: translateX(-50%);
}

.PopoverMenu--left {
  transform: translateX(-100%);
}

.PopoverMenu--with-overflow {
  overflow-x: visible;
}

.PopoverMenu--without-overflow {
  overflow: hidden;
}

.PopoverMenu--hidden {
  visibility: hidden;
}

.PopoverMenu__Items {
  padding: 4px;
  box-sizing: border-box;
  width: 100%;
}

.PopoverMenu__Item {
  display: flex;
  border-radius: 6px;
}

.PopoverMenu__Item:hover,
.PopoverMenu__Item:focus {
  background-color: var(--color-grey-100);
  outline: 0;
}

.PopoverMenu__Item--disabled:hover,
.PopoverMenu__Item--disabled:focus {
  background-color: unset;
}

.PopoverMenu__Shortcut,
.PopoverMenu__Action,
.PopoverMenu__ActionSecondaryTextRight {
  padding: 8px 12px;
  font-family: var(--font-app);
  font-size: 13px;
}

.PopoverMenu__ItemWithColor .PopoverMenu__Action {
  padding-left: 8px;
}

.PopoverMenu__Color {
  width: 2px;
  height: 10px;
  align-self: center;
}

.PopoverMenu__ActionIcon {
  display: flex;
  padding-left: 8px;
  align-self: center;
}

.PopoverMenu__Item--not-selected > .PopoverMenu__Action:first-child {
  padding-left: 36px;
}

.PopoverMenu__ActionLoading {
  padding-top: 7px;
  padding-right: 8px;
}

.PopoverMenu__Action {
  flex: 1;
  color: var(--color-grey-800);
  cursor: default !important;
}

.PopoverMenu__Action[disabled],
.PopoverMenu__Item--disabled > .PopoverMenu__Action,
.PopoverMenu__Item--disabled > .PopoverMenu__SubmenuIcon {
  color: var(--color-grey-400);
  stroke: var(--color-grey-100);
  fill: var(--color-grey-100);
  cursor: default;
}

.PopoverMenu__ActionSecondaryText {
  margin-top: 4px;
  color: var(--color-grey-400);
  max-width: 300px;
  cursor: default;
}

.PopoverMenu__ActionSecondaryTextRight {
  color: var(--color-grey-400);
  cursor: default;
}

.PopoverMenu__Shortcut {
  color: var(--color-grey-400);
}

.PopoverMenu__ButtonFooter {
  display: flex;
  justify-content: flex-end;
  padding: 10px 12px 6px;
}

.PopoverMenu__ButtonFooter > .EqualsButton {
  margin-left: 10px;
}

.PopoverMenu__Beta {
  display: inline-block;
  position: relative;
  bottom: 1px;
  text-transform: uppercase;
  margin-left: 4px;
  font-size: 10px;
  background-color: var(--color-purple-600);
  color: white;
  padding: 1px 4px 2px 4px;
  border-radius: 4px;
}

.PopoverMenu__Label {
  display: block;
  color: var(--color-grey-400);
  padding: 4px 12px 4px;
  font-size: 12px;
  text-transform: uppercase;
}

.PopoverMenu__hr {
  border: 0;
  margin: 0;
  padding: 0;
  margin: 6px 0;
  border-bottom: 1px solid var(--color-grey-150);
}

.PopoverMenu__Title {
  padding: 8px;
  font-family: var(--font-app);
  font-size: 13px;
  color: var(--color-grey-500);
  font-weight: 400;
}

.PopoverMenuFontSizer {
  width: auto;
  min-width: unset;
}

.PopoverMenu__SubmenuIcon {
  padding-right: 4px;
  color: var(--color-grey-500);
  align-items: center;
  display: flex;
}

.PopoverMenu__ActionColor {
  height: 18px;
  width: 18px;
  display: inline-block;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 8px;
  margin-top: -3px;
  box-sizing: border-box;
}

.PopoverMenu__ActionColor--none {
  border: 1px solid var(--color-grey-500);
}

.PopoverMenu.PermissionSelectMenu {
  min-width: 110px;
}

.PopoverMenu.ConfigureJoinsMenu {
  min-width: 400px;
}

.PopoverMenu.ContextualAssistantTabHint {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  height: 30px;
}

.PopoverMenu.ViewsCellOverridePopover {
  min-width: unset;
}

.PopoverMenu.CellEditorEvaluationPreview {
  border-radius: 4px;
}

.PopoverMenu.CellEditorEvaluationPreview--showLockHelp {
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  background: transparent;

  & .CellEditorEvaluationPreviewContainer, & .LockHelpTooltip {
    box-shadow: 0px 0px 0px 1px rgba(38, 38, 38, 0.12), 0px 2px 8px -2px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
  }
}

.PopoverMenu.CellEditorAutocompleteMinimized {
  min-width: fit-content;
  border-radius: 4px;
  height: 20px;
  overflow: hidden;
}

.PopoverMenu.CellEditorAutocompleteMinimizedFormulaBrowser {
  border-radius: 4px;
}
/* PrismJS 1.25.0
https://prismjs.com/download.html#themes=prism&languages=sql */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: 0.7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0, 0%, 100%, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  color: #dd4a68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}
.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}
.QueryEditor__QuerySection {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
}

.QueryEditor__QuerySection--query-running {
  opacity: 0.3;
  pointer-events: none;
}

.QueryEditor__DatasourceNotConfigured {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-grey-900);
}

.QueryEditor__DatasourceNotConfigured a {
  text-decoration: none;
  color: var(--color-purple-500);
}

.QueryEditor__Header--choose-datasource,
.QueryEditor__Header--choose-sheet {
  font-weight: 400;
  font-size: 13px;
  color: var(--color-grey-900);
  line-height: 130%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-grey-150);
}
.QueryEditor__HeaderTitle {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

.QueryEditor__Loading {
  color: var(--color-grey-400);
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.QueryEditorConfigure__Menu .PopoverMenu__ActionIcon .Icon {
  margin-bottom: -1px;
}

.QueryEditor__RunQuery {
  padding: 16px;
  font-weight: 400;
  font-size: 13px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.QueryEditor__RunQuery--maximized {
  padding: 12px 16px;
  border-top: 1px solid var(--color-grey-150);
}

.QueryEditor__Actions {
  display: flex;
  margin-top: 12px;
  justify-content: space-between;
}

.QueryEditor__RunQuery--maximized .QueryEditor__Actions {
  margin-top: 0px;
}

.QueryEditor__RunQueryActions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: end;
}

.QueryEditor__RunQueryActions--full-width {
  flex: 1;
}

.QueryEditor__RunQuery--postgres {
  padding: 16px;
  justify-content: start;
}

.QueryEditor__Footer .QueryEditorRunQuery__Progress {
  color: var(--color-grey-500);
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.QueryEditor__Footer .QueryEditorRunQuery__Progress > span {
  white-space: nowrap;
}

.QueryEditor__Footer .QueryEditorRunQuery__Progress--text-center {
  text-align: center;
}

.QueryEditorRunQuery__VersionHistoryOpener {
  white-space: nowrap;
}

.QueryEditorRunQuery__VersionHistoryOpener:hover {
  text-decoration: underline;
  color: var(--color-grey-600);
}

.QueryEditor__Footer--postgres,
.QueryEditor__Footer--mssql,
.QueryEditor__Footer--snowflake {
  margin-top: auto;
}

.QueryEditor__ContextArea {
  display: flex;
  align-items: center;
  flex: 1;
}

.QueryEditor__PopoverMenuButton {
  max-width: 100%;
  height: 32px;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: var(--color-grey-600);
  font-weight: normal;
  padding: 8px 12px;
  border: 1px solid var(--color-grey-200);
  white-space: nowrap;
}

.QueryEditor__PopoverMenuButton:hover {
  color: var(--color-grey-800);
  background-color: var(--color-gray-50);
}

.QueryEditor__PopoverMenuButton .Icon {
  margin-right: 6px;
}

.QueryEditor__PopoverMenuButton.EqualsButton--green {
  color: var(--color-green-700);
  background: var(--color-green-50);
}

.QueryEditor__PopoverMenuButton.EqualsButton--green .Icon path {
  fill: var(--color-green-700);
}

.QueryEditor__PopoverMenuButton.EqualsButton--light-yellow {
  color: var(--color-yellow-600);
}

.QueryEditor__PopoverMenuButton.EqualsButton--light-yellow .Icon path {
  fill: var(--color-yellow-600);
}

.QueryEditor__RunQueryButton {
  height: 36px;
  width: 100%;
  white-space: nowrap;
}

.Expander--collapsed.QueryEditor__ErrorStatusBar {
  border-bottom: 1px solid var(--color-grey-150);
}

.QueryEditor__ErrorStatusBar--title {
  color: var(--color-red-900);
  font-size: 13px;
  padding-top: 11px;
  padding-left: 24px;
  padding-right: 24px;
}

.Expander--collapsed .QueryEditor__ErrorStatusBar--title {
  height: 41px;
  padding-bottom: 11px;
  box-sizing: border-box;
}

.QueryEditor__ErrorLabel {
  font-weight: 500;
}

.QueryEditor__ErrorStatusBar--desc {
  padding: 4px 24px 11px 24px;
  color: var(--color-grey-600);
  font-size: 13px;
  line-height: 1.5em;
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-grey-150);
  word-break: break-word;
}

.QueryEditor__ManageDatasource .Icon {
  margin-right: 8px;
}

.QueryEditor__ManageDatasource .Icon > path {
  fill: var(--color-grey-600);
}

.QueryEditorDatasourceOption__DatasourceIcon {
  margin-right: 12px;
  margin-left: 4px;
  border: 1px solid var(--color-grey-200);
  border-radius: 8px;
  padding: 4px;
  background: var(--color-white);
}

.QueryEditorDatasourceOption,
.QueryEditorSavedQueryOption {
  position: relative;
  color: var(--color-grey-800);
  font-size: 13px;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  cursor: default;
  height: 50px;
  flex-shrink: 0;
  box-sizing: border-box;
  align-items: center;
}

.QueryEditor__DatasourceStatus {
  color: var(--color-red-900);
  font-size: 10px;
}

.QueryEditor__Toolbar {
  display: flex;
  align-items: center;
  padding: 4px;
}

.QueryEditor__Toolbar > * {
  border-radius: 4px;
  margin-left: 4px;
  height: fit-content;
  width: fit-content;
}

.QueryEditor__Toolbar > *:hover {
  background-color: var(--color-grey-100);
}

.QueryEditor__Toolbar .Toolbar__Button {
  margin-left: 5px;
  background-color: white;
}

.QueryEditor__ExecutionStatus {
  font-size: 13px;
  padding: 8px 12px;
  color: var(--color-grey-800);
}

.QueryHistoryPopover {
  width: 300px;
}

.QueryEditorHistory {
  list-style-type: none;
  max-height: 500px;
  margin: 0;
  padding: 0;
  border-radius: 6px;
}

.QueryEditorHistory li {
  padding: 10px;
}

.QueryEditorHistory li:hover {
  background-color: var(--color-grey-150);
  cursor: default;
}

.QueryEditorHistory li:last-child {
  border-bottom: 0;
}

.QueryEditorHistory__Query {
  font-size: 13px;
  line-height: 1.5em;
  font-family: var(--font-app);
  color: var(--color-grey-600);
}

.QueryEditorHistory__Query--sql {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
}

.QueryEditorHistory__Footer {
  margin-top: 8px;
  font-size: 10px;
  font-family: var(--font-app);
  color: var(--color-grey-500);
  display: flex;
}

.QueryEditorHistory__Meta {
  display: inline-block;
  margin-right: 10px;
}

.QueryEditorHistory__Status--successful {
  color: var(--color-green-600);
}

.QueryEditorHistory__Status--failed {
  color: var(--color-red-900);
}

.QueryEditor__FormQuery {
  padding: 16px 16px 0px;
}

.QueryEditor__FormQuery .Form__Input {
  width: fit-content;
}

.QueryEditor__FormQuery > div {
  margin-bottom: 18px;
}

.QueryEditor__FormQuery .Form__Select {
  width: 100%;
  background: none;
  text-align: left;
}

.QueryEditor__FormQuery .Form__Select .Icon {
  width: 16px;
  margin-left: 8px;
}

.QueryEditor__FormQueryOptions {
  width: 426px;
}

.QueryEditor__Tabs {
  display: flex;
  flex: 1;
}

.QueryEditor__RefreshAll {
  position: absolute;
  display: flex;
  right: 20px;
  padding: 6px 8px;
  top: 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 14px;
  color: var(--color-grey-600);
  border: 1px solid var(--color-grey-200);
  transition: all 150ms ease-out;
}

.QueryEditor__RefreshAll:hover {
  color: var(--color-grey-800);
  background: var(--color-grey-100);
}

.QueryEditor__RefreshAll .spin {
  margin-right: 4px;
}

.QueryEditor__Content,
.QueryEditor__Panel,
.QueryEditorSheetSelector,
.QueryEditor__ChooseDatasource {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  font-family: var(--font-app);
}

.QueryEditor__Panel {
  position: relative;
}

.QueryEditor__Panel--restricted * {
  pointer-events: none;
}

.QueryEditor__Panel--restricted:after {
  content: "";
  position: absolute;
  background: var(--color-grey-100);
  opacity: 0.4;
  height: 100%;
  width: 100%;
}

.QueryEditor__RestrictedNotice {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.QueryEditor__RestrictedNotice > span {
  padding: 8px 16px;
  border: 1px solid var(--color-grey-600);
  background: var(--color-grey-800);
  color: var(--color-white);
  border-radius: 8px;
  font-size: 13px;
}

.QueryEditor__AllConnections {
  padding: 20px 16px 24px 16px;
  margin-top: -12px;
}

.QueryEditor__AllConnectionsActions {
  padding: 8px 0px 0px 0px;
}

.QueryEditor__NoConnections {
  font-size: 13px;
  color: var(--color-grey-500);
  line-height: 130%;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.QueryEditor__NoConnections__Title {
  color: var(--color-grey-800);
  margin-bottom: 8px;
}

.QueryEditor__SheetOptionFooter {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}

.QueryEditor__Connection {
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 4px;
  margin-left: -4px;
  margin-bottom: 12px;
  cursor: default;
  border-radius: 8px;
  transition: all 150ms ease-out;
}

.QueryEditor__Connection:hover {
  background: var(--color-grey-50);
}

.QueryEditor__Connection__Details {
  display: flex;
  flex-direction: column;
  height: 40px;
  flex: 1;
  justify-content: center;
}

.QueryEditor__Connection__Details__Name {
  color: var(--color-grey-800);
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
}

.QueryEditor__Connection__Details__Metadata {
  margin-top: 3px;
  font-size: 11px;
  color: var(--color-grey-500);
  display: flex;
  font-weight: 400;
  align-items: center;
}

.QueryEditor__Connection:hover .QueryEditor__Connection__RefreshIcon,
.QueryEditor__Connection:hover .QueryEditor__Connection__ChevronIcon {
  display: block;
  visibility: visible;
}

.QueryEditor__Connection__RefreshIcon {
  padding: 4px;
  display: none;
  border-radius: 6px;
}

.QueryEditor__Connection__Loader {
  padding: 10px;
}

.QueryEditor__Connection__ChevronIcon {
  padding: 4px;
  visibility: hidden;
  border-radius: 6px;
}

.QueryEditor__Connection__RefreshIcon:hover,
.QueryEditor__Connection__ChevronIcon:hover {
  display: block;
  background: var(--color-grey-150);
}

.QueryEditor__Connection__ChevronRight {
  display: none;
}

.QueryEditor__Connection__RefreshIcon path,
.QueryEditor__Connection__ChevronIcon path {
  fill: var(--color-grey-600);
}

.QueryEditor__Connection__Details__Metadata_SheetName {
  margin-left: 4px;
}

.QueryEditorAllConnections__Square {
  margin: 0px 4px;
}

.QueryEditorAllConnections__ScheduleIcon {
  margin-top: 1px;
  margin-left: 6px;
}

.QueryEditorSheetSelector__SheetOptions {
  padding: 0 16px;
  margin: 12px 0;
  overflow: auto;
}

.QueryEditorSheetSelector__Header {
  position: relative;
  display: flex;
  justify-content: center;
  color: var(--color-grey-900);
  font-size: 14px;
}

.QueryEditorSheetSelector__SheetOption {
  margin-bottom: 8px;
}

.QueryEditorSheetSelector__SheetOption .Form__CustomRadio {
  margin-right: 12px;
}

.QueryEditorSheetSelector__BackButton {
  position: absolute;
  left: -6px;
  width: 28px;
  height: 28px;
  margin-top: -6px;
}

.QueryVersionHistory__List {
  overflow: auto;
  padding: 0px 24px;
}

.QueryVersionHistory__Option {
  padding: 10px 16px;
  margin-bottom: 5px;
  border-radius: 6px;
  height: 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  transition: background 0.1s ease-in-out;
}

.QueryVersionHistory__OptionSelected {
  color: var(--color-grey-500);
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.QueryVersionHistoryOption__Group {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

.QueryVersionHistoryOption__Title {
  color: var(--color-grey-800);
  display: flex;
  align-items: center;
  font-size: 14px;
}

.QueryVersionHistory__Option--selected .QueryVersionHistoryOption__Title {
  color: var(--color-purple-600);
  font-weight: 600;
}

.QueryVersionHistoryOption__Separator {
  background: var(--color-grey-500);
  width: 2px;
  height: 2px;
  margin: 0px 4px;
}

.QueryVersionHistoryOption__Details {
  margin-top: 6px;
  color: var(--color-grey-500);
  font-size: 12px;
  display: flex;
  align-items: center;
}

.QueryVersionHistoryOption__Details .Avatar,
.QueryVersionHistoryOption__Details .Avatar__Fallback {
  width: 16px;
  height: 16px;
}

.QueryVersionHistoryOption__Separator {
  background: var(--color-grey-500);
  width: 2px;
  height: 2px;
  margin: 0px 4px;
}

.QueryVersionHistory__Option--selected,
.QueryVersionHistory__Option:hover {
  background: var(--color-purple-50);
}

.QueryVersionHistory__Header {
  position: relative;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 0px 24px;
  color: var(--color-grey-900);
}

.QueryVersionHistory__Header .Icon {
  margin-top: 1px;
}

.QueryVersionHistory__RestoreButton {
  position: absolute;
  padding: 5px 14px;
  right: 24px;
}

.QueryEditorPlaid__Reconnect {
  padding: 16px 16px 0px;
  font-size: 12px;
  line-height: 130%;
  color: var(--color-grey-500);
}

.QueryEditorPlaid__ReconnectHeading {
  font-size: 14px;
  line-height: 130%;
  color: var(--color-grey-900);
}

.QueryEditorPlaid__ReconnectDesc {
  margin-top: 8px;
  font-size: 12px;
  line-height: 130%;
  color: var(--color-grey-500);
}

.QueryEditorPlaid__Button {
  margin-top: 16px;
}

.QueryEditorSavedQueryOption {
  justify-content: space-between;
  padding: 8px;
  border-radius: 10px;
}

.QueryEditorSavedQueryOption:hover {
  background: var(--color-grey-100);
}

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

.QueryEditorSavedQueryOption__Icon path {
  fill: var(--color-grey-500);
}

.SelectSecretGroupPopover .PopoverMenu__Title,
.SwitchEditorLanguagePopover .PopoverMenu__Title {
  color: var(--color-grey-500);
  font-weight: 400;
}

.SelectSecretGroupPopover__NoSecretsMessage {
  font-family: var(--font-app);
  font-size: 12px;
  display: flex;
  padding: 12px;
  font-style: italic;
  border-top: 1px solid var(--color-grey-150);
  margin-top: 4px;
}

.QueryEditor__ChangeLanguage.MenuToggleButton--active svg path {
  stroke: initial;
}

.QueryEditor__Popover {
  border: 1px solid var(--color-grey-300);
  padding: 20px;
  box-shadow: 0px 4px 16px 0px hsla(0, 0%, 65%, 0.3);
  border-radius: 6px;
  width: 360px;
}

.QueryEditor__PopoverContainer {
  font-family: var(--font-app);
}

.ScheduleType__SubMenu .Select__Options {
  max-height: 400px;
}

.ScheduledConnectionPopoverV2 {
  width: 300px;
}
.SavedQueryEditor {
  height: 100%;
  width: 100%;
  overflow: auto;
  font-family: var(--font-app);
  background-color: var(--color-background);
  display: flex;
  flex-direction: column;
}

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

.SavedQueryHeader__Group--title {
  justify-content: center;
}

.SavedQueryHeader__Group--title .Menubar__WorkbookName {
  margin-right: 20px;
}

.SavedQueryHeader__Group--left {
  flex: 1;
}

.SavedQueryHeader__Group--right {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: end;
}

.SavedQueryHeader__WorkBookCount {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  color: var(--color-grey-500);
  height: 32px;
  padding-right: 16px;
  border-right: 1px solid var(--color-grey-150);
}

.SavedQueryHeader__WorkBookCount b {
  color: var(--color-grey-700);
  font-weight: 400;
  margin-left: 4px;
}

.SavedQuery__EditDescription .Form__FieldGroup:last-of-type {
  margin-bottom: 0;
}

.SavedQueryForm__Toolbar {
  display: flex;
  align-items: center;
  margin-left: 13.5px;
}

.SavedQuery__PublishModal {
  width: 460px;
}

.SavedQuery__PublishModal__Body {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: var(--color-grey-900);
  padding: 19px 16px;
}

.SavedQueryList__EmptyState div {
  color: var(--color-grey-900);
}

.SavedQueryList__EmptyState p {
  margin-top: 8px;
}

.SavedQueryList__EmptyState .EqualsButton {
  margin-top: 24px;
}

.SavedQueryList__Name {
  font-size: 14px;
  line-height: 130%;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 0;
}

.SavedQuery__PreviewColumn {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.ScheduledConnections__ScheduleType {
  display: flex;
  margin-bottom: 16px;
}

.ScheduledConnections__ScheduleType .Form__RadioWithLabel {
  margin-right: 20px;
  line-height: 0px;
  margin-bottom: 0px;
}

.ScheduleType__DayOfWeek {
  max-width: 160px;
  margin-right: 12px;
  height: 33px;
  width: auto;
  flex: 1;
}

.ScheduleType__DayOfWeek .Form__SelectText {
  text-align: left;
}

.ScheduleType__Time {
  width: 85px;
  margin-right: 12px;
  height: 33px;
}

.ScheduleType__ScheduleButton {
  min-width: 85px;
  padding: 0px 10px;
}

.ScheduleType__ScheduleButton--active {
  background-color: var(--color-grey-150);
}

.PopoverMenu.ScheduleType__TimeMenu {
  width: 110px;
}
.SecretGroupModal__NameInput {
  width: 100%;
}

.SecretGroupModal__SectionHeader {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 20px 0 14px;
}

.SecretGroupModal .EqualsButton--icon-only {
  padding: 4px;
}

.SecretGroupModal__SectionHeader h2 {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-grey-500);
}

.SecretGroupModal__SectionHeader .Icon path {
  fill: none;
  stroke: var(--color-grey-500);
}

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

.SecretGroupModal__EditVariable .Form__Input {
  flex: 1;
}

.SecretGroupModal__EditVariable .Form__Input:first-child {
  margin-right: 6px;
}

.SecretGroupModal__EditVariable .Form__Input:last-child {
  margin-left: 6px;
}

.SecretGroupModal__EditVariableButtons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}

.SecretGroupModal__EditVariableButtons button:not(.EqualsButton--icon-only) {
  margin-left: 8px;
}

.SecretGroupModal__Secret {
  width: 100%;
  position: relative;
  display: flex;
  font-size: 14px;
  color: var(--color-grey-900);
  margin-bottom: 16px;
}

.SecretGroupModal__Secret > span {
  width: 50%;
}

.SecretGroupModal__SecretMasked {
  letter-spacing: 3px;
  color: var(--color-grey-500);
}

.SecretGroupModal__EditSecretButton {
  opacity: 0;
  position: absolute;
  right: 0;
  top: -2px;
  transition: opacity 150ms ease-in;
}

.SecretGroupModal__Secret:hover .SecretGroupModal__EditSecretButton {
  opacity: 1;
}

.SecretGroupModal .Form__Select {
  width: fit-content;
  border: none;
  outline: none;
  box-shadow: none;
  color: var(--color-grey-800);
}

.SecretGroupModal .Form__Select:not(.Form__Select--disabled):hover,
.SecretGroupModal .Form__Select:not(.Form__Select--disabled):focus {
  background: var(--color-grey-50);
}

.SecretGroupModal__EditSecretSection {
  margin-bottom: 12px;
}

.SecretGroupList__Description {
  color: var(--color-grey-500);
  line-height: 130%;
  margin-bottom: 32px;
  width: 500px;
  font-size: 14px;
}

.SecretGroupList__Heading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.SecretGroupList__HeadingTitle {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--color-grey-900);
}

.SecretGroupList__List {
  border-top: 1px solid var(--color-grey-100);
}

.SecretGroupList__ListItem {
  position: relative;
  padding: 12px 0px 12px 4px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-grey-900);
  display: grid;
  grid-template-columns: 35% 25% 40%;
  border-bottom: 1px solid var(--color-grey-100);
}

.SecretGroupList__ListItem > * {
  display: flex;
  align-items: center;
}

.SecretGroupList__ListItem > *:not(:first-child) {
  color: var(--color-grey-500);
}

.SecretGroupList__MoreButton {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.SecretGroupList__OverflowMenu {
  min-width: auto;
}

.SecretGroupModal__Collaborator {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 6px 0;
  color: var(--color-grey-800);
}

.SecretGroupModal__Collaborator {
  color: var(--color-grey-800);
  font-size: 13px;
}

.SecretGroupModal__CollaboratorAccess--view-only {
  margin-right: 12px;
}

.SecretGroupModal__CollaboratorGroup {
  color: var(--color-grey-900);
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}

.SecretGroupModal__CollaboratorGroupCount {
  color: var(--color-grey-500);
  margin-left: 7px;
  margin-top: 1px;
}

.SecretGroupModal__RemoveSecretButton {
  height: fit-content;
}
.SummaryStats {
  display: flex;
  line-height: 24px;
  flex-direction: row-reverse;
  padding: 0px 10px;
  color: var(--color-grey-500);
  margin-left: auto;
}

.SummaryStats__Stat {
  font-family: var(--font-app);
  font-size: 10px;
  margin-left: 8px;
  position: relative;
  top: -1px;
}
.SettingsContainer {
  padding: 20px 20px 80px 20px;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}

.Settings {
  font-family: var(--font-app);
  max-width: 800px;
}

.Settings > button {
  width: fit-content;
}

.Settings__Title {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--color-grey-900);
}

.SettingsSection__Heading {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px;
}

.SettingsSection__SubHeading {
  margin-top: 32px;
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 8px;
}

.SettingsSection__Desc {
  color: var(--color-grey-500);
  line-height: 130%;
  margin-bottom: 24px;
  width: 100%;
  font-size: 14px;
}

.Settings__UserGroupsEmptyState {
  padding-top: 80px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  flex-direction: column;
}

.Settings__UsersEmptyStateIcon path {
  stroke: var(--color-grey-500);
}

.SettingsUserGroups__EmptyStateTitle {
  font-size: 16px;
  line-height: 18px;
  margin-top: 20px;
}

.SettingsUserGroups__EmptyStateDesc {
  margin-top: 8px;
  color: var(--color-grey-500);
  line-height: 18px;
  text-align: center;
  max-width: 424px;
  font-size: 14px;
}

.SettingsUserGroups__CreateNewGroup {
  margin-top: 32px;
}

.UserGroupModal {
  width: 440px;
}

.UserGroupModal__Desc {
  color: var(--color-grey-500);
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 20px;
}

.UserGroupModal .Form__Label {
  line-height: 16px;
  margin-bottom: 4px;
}

.UserGroupModal .Form__Input {
  width: 100%;
}

.UserGroupModal__Members {
  display: flex;
  flex-direction: column;
}

.UserGroupModal__Member {
  display: flex;
  align-items: center;
  padding: 8px 0px;
  border-bottom: 1px solid var(--color-grey-100);
}

.UserGroupModal__MemberName {
  color: var(--color-grey-900);
  font-size: 13px;
  line-height: 20px;
  margin-left: 12px;
  margin-right: 6px;
}

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

.UserGroupModal__MemberEmail {
  color: var(--color-grey-500);
  font-size: 12px;
  flex: 1;
}

.UserGroupModal__Remove path {
  fill: var(--color-grey-500);
}

.UserGroupModal__Remove:hover {
  background: var(--color-grey-100);
  border-radius: 25%;
}

.Settings__UserGroupsHeading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.Settings__UserGroupsHeading > .SettingsSection__Heading {
  margin-bottom: 0;
}

.SettingsUserGroups__List {
  border-top: 1px solid var(--color-grey-100);
}

.SettingsUserGroups__ListItem {
  padding: 12px 0px 12px 4px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-grey-900);
  display: grid;
  grid-template-columns: 40% 30% 30%;
  border-bottom: 1px solid var(--color-grey-100);
}

.SettingsUserGroups__ListItemHandle {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.SettingsUserGroups__ListItemMembersCount {
  display: flex;
  align-items: center;
  color: var(--color-grey-500);
  font-size: 13px;
}

.SettingsUserGroups__ListItemMembersCount .Icon {
  margin-right: 6px;
}

.SettingsUserGroups__ListItemMembersCount .Icon > g {
  stroke: var(--color-grey-500);
}

.SettingsUserGroups__ListItemSettings {
  display: flex;
  justify-content: flex-end;
}

.SettingsUserGroups__OverflowMenu {
  min-width: auto;
}

.UserGroupModal__AddMember {
  display: flex;
}

.UserGroupModal__AddMemberInput {
  margin-right: 8px;
}

.SettingsWorkspace__UploadLogo {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  border: 1px solid var(--color-grey-200);
  margin-right: 16px;
}

.SettingsBilling--loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.SettingsBilling__Subheading {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--color-grey-900);
}

.SettingsBilling__PlanExtraInformation {
  margin-bottom: 24px;
  font-size: 13px;
  font-style: italic;
}

.SettingsBilling__PlanName,
.SettingsBilling__BillingTotal {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
  color: var(--color-grey-900);
}

.SettingsBilling__PlanCost {
  font-size: 14px;
  color: var(--color-grey-400);
  line-height: 18px;
  margin-bottom: 20px;
}

.SettingsBilling__CreditCard {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.SettingsBilling__NoCreditCard {
  margin-bottom: 24px;
  font-size: 13px;
  font-style: italic;
}

.SettingsBilling__CreditCardDigits {
  color: var(--color-grey-900);
  margin-left: 8px;
  margin-right: 98px;
}

.SettingsBilling__CreditCardExpiry {
  color: var(--color-grey-500);
  font-size: 13px;
}

.SettingsBilling__InvoiceRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
  color: var(--color-grey-500);
  font-size: 13px;
}

.SettingsBilling__InvoiceDate {
  color: var(--color-grey-900);
  width: 150px;
}

.SettingsBilling__InvoiceAmount {
  min-width: 100px;
}

.SettingsBilling__InvoiceStatus {
  width: 50px;
}

.SettingsBilling--error {
  font-size: 14px;
  color: var(--color-grey-700);
}

.SettingsBilling__BillingHistory {
  padding-bottom: 32px;
}

.SettingsBilling__PlanActions {
  display: flex;
  column-gap: 14px;
}

.SettingsBilling__BillingRow {
  max-width: 400px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  color: var(--color-grey-900);
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 14px;
}

.SettingsBilling__BillingDescription {
  display: flex;
  column-gap: 2px;
}

.SettingsBilling__BillingDescription--muted {
  color: var(--color-grey-500);
}
.Sheet {
  border-collapse: separate;
  table-layout: fixed;
}

.Sheet__ProgressOverlay {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 6px;
}

.SheeetHeaderCalculatedColumnTooltip .AppTooltip__Bubble {
  align-items: top;
  width: 250px;
  height: 42px;
  white-space: normal;
}
.SheetCellEditor {
  background: var(--color-white);
  border: 1px solid var(--color-purple-600);
  box-shadow: 0px 0px 0px 3px rgba(124, 58, 237, 0.2);
  vertical-align: middle;
  display: flex;
  align-items: top;
  box-sizing: border-box;
  border-radius: 1px;
}

.SheetCellEditor__CellRef {
  position: absolute;
  font-size: 12px;
  font-weight: 500;
  top: -18px;
  padding: 2px 4px;
  border-radius: 2px;
  line-height: 1em;
  background: var(--color-purple-600);
  color: var(--color-white);
  box-shadow: 0px 0px 2px var(--color-grey-400);
}
.SheetDOM__Container {
  position: absolute;
  top: -1px;
  left: -1px;
  overflow: hidden;
  border: 1px solid var(--color-grey-100);
}

.SheetDOM__Sheet {
  position: absolute;
}

.SheetCanvasOverlay {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.SheetScrollbar {
  position: absolute;
  z-index: 2;
  overflow: scroll;
  pointer-events: auto;
}

.SheetScrollbar__Vertical {
  right: -1px;
}

.SheetScrollbar__Horizontal {
  bottom: -1px;
}
.Sidebar {
  position: relative;
}

.Sidebar__Content {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  z-index: 1000;
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--color-grey-150);
  box-sizing: border-box;
  border-radius: 6px;
  margin-bottom: 8px;
  background: var(--color-white);
  font-family: var(--font-app);
  cursor: default;
  max-height: 100%;
}

.Sidebar:last-child .Sidebar__Content {
  margin-right: 10px;
}

.Sidebar__Resizer {
  display: flex;
  width: 18px;
  min-width: 18px;
  height: 100%;
}

.Sidebar__ResizerHandle {
  display: flex;
  height: 38px;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: ew-resize;
}

.Sidebar__ResizerDot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin: 2px 2px;
  background: var(--color-grey-300);
}
.SortCustom__Select--colors {
  min-width: unset;
  width: unset;
}

.SortCustom__Select--colors:first-child {
  margin-right: 8px;
}

.SortCustom__SelectMenu {
  width: 196px;
}
.QueryBuilder__Section {
  position: relative;
  padding: 12px 12px 8px 24px;
  color: var(--color-grey-500);
}

.QueryBuilderSection__Title {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.QueryBuilderSection__Text {
  font-size: 13px;
  font-weight: 400;
  margin-top: 12px;
}

.QueryBuilder {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.QueryBuilder .Form__Checkbox:focus {
  box-shadow: none;
}

.QueryBuilderSection__Action {
  position: absolute;
  right: 16px;
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.QueryBuilder .Form__Select,
.QueryBuilder .Form__Select:focus,
.QueryBuilder .Form__Select:hover {
  padding: 5px 6px;
}

.QueryBuilder .Form__Select {
  margin-left: -6px;
  border-radius: 6px;
}

.QueryBuilder .Form__Select:not(.Form__Select--full-width) {
  width: initial;
  max-width: 100%;
}

.QueryBuilder .Form__Select--right {
  margin-left: 0;
}

.QueryBuilder .Form__Select:not([disabled]):not(.Form__Select--disabled):not(.MenuToggleButton--active):hover {
  background: var(--color-grey-100);
}

.QueryBuilder .Form__Select .Icon:last-child {
  margin-right: 0;
}

.QueryBuilder .Form__Select .Form__SelectText {
  margin-right: 6px;
}

.QueryBuilder__SearchBarContainer {
  width: 0px;
  overflow: hidden;
  position: absolute;
  right: 46px;
}

.QueryBuilder__SearchBarContainer--visible {
  width: auto;
}

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

.QueryBuilder__SearchBar input {
  width: 125px;
  border: none;
  outline: none;
  font-size: 12px;
}

.QueryBuilder__SearchBar input::placeholder {
  color: var(--color-grey-500);
}

.QueryBuilder__SearchBar button {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  outline: 0;
  border-radius: 6px;
  padding: 4px;
}

.QueryBuilder__SearchBar button:hover {
  background: var(--color-grey-100);
}

.QueryBuilder__SearchBarExpandedArea {
  display: flex;
  max-width: 0;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.QueryBuilder__SearchBarExpandedArea--expanded {
  max-width: 225px;
  opacity: 1;
}

.QueryBuilderSection__ColumnGrid {
  display: grid;
  grid-template-columns: auto auto;
}

.QueryBuilderSection__Action--expanded > .Icon {
  transform: rotate(90deg);
}

.QueryBuilderSectionColumns__SelectAll,
.QueryBuilderSectionColumns__GridItem {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.QueryBuilderSectionColumns__GridItem--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.QueryBuilderSectionColumns__SelectAll {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-grey-100);
  margin-bottom: 20px;
  margin-top: 24px;
}

.QueryBuilderLoader {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  font-size: 13px;
  opacity: 0.5;
  margin-left: 32px;
}

.QueryBuilderFilter .Icon {
  color: var(--color-grey-500);
}

.QueryBuilderFilter__OpenIcon {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.QueryBuilderFilter__FilterRadioInput.QueryBuilderFilter__FilterRadioInput--with-suffix
  .Form__Input {
  width: 65px;
}

.QueryBuilderFilter__FilterRadio {
  padding: 6px 8px;
}

.QueryBuilderFilter__FilterRadio > .Form__CustomRadio {
  margin-right: 8px;
}

.QueryBuilderFilter__FilterInputGroup {
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

.QueryBuilderFilter__FilterInputGroup > .Form__Input {
  width: initial;
}

.QueryBuilderFilter__Popover {
  min-width: 215px;
}

.PopoverMenu.PopoverMenuSelectOptions.QueryBuilderFilter__Popover {
  overflow: visible;
}

.QueryBuilderFilter__PopoverContents {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.QueryBuilderFilter__PopoverFooter {
  padding: 4px;
  position: sticky;
  bottom: 0;
  background: var(--color-background);
}

.QueryBuilderFilter__PopoverContents .PopoverMenu__Items {
  padding: 8px;
  padding-right: 16px;
  font-family: var(--font-app);
}

.QueryBuilderFilter__FilterInputGroup > .Form__Input::-webkit-outer-spin-button,
.QueryBuilderFilter__FilterInputGroup
  > .Form__Input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.QueryBuilderFilter__FilterTypeLabel {
  color: var(--color-grey-500);
  font-size: 12px;
  padding-left: 8px;
  margin-top: 2px;
}

.QueryBuilderFilter__FilterTypeLabel--absolute {
  margin-top: 14px;
}

.QueryBuilderFilter__FilterInputSuffix {
  margin-left: 8px;
  font-size: 13px;
  color: var(--color-grey-500);
}

.QueryBuilder__DateRange {
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-left: -4px;
}

.QueryBuilder__SelectSectionPopoverMenu .PopoverMenu__Items {
  max-height: 440px;
}

.QueryBuilder__SelectSectionPopoverMenu .PopoverMenu__Item {
  max-width: 405px
}
.StartRequestAccess__Select {
    width: calc(100% - 32px);
    margin-left: 32px;
    background: var(--color-grey-100);
}
.StripeElementContainer {
  padding: 10px;
  border: 1px solid var(--color-grey-200);
  border-radius: 6px;
}

.StripeElementContainer--error {
  border: 1px solid var(--color-red-600);
}
.TableBrowser {
  display: flex;
  color: var(--color-grey-900);
  font-weight: 400;
  font-size: 14px;
}

.TableBrowser__Tables,
.TableBrowser__Columns {
  height: 472px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}

.TableBrowser__Tables {
  border-right: 1px solid var(--color-grey-200);
}

.TableBrowser__Table,
.TableBrowser__Column {
  border-radius: 4px;
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  cursor: default;
  background-color: white;
  outline: none;
  border: none;
}

.TableBrowser__Table {
  width: 240px;
}

.TableBrowser__TableInfo {
  display: flex;
  align-items: flex-end;
}

.TableBrowser__Column {
  width: 380px;
  justify-content: space-between;
}

.TableBrowser__Table:hover,
.TableBrowser__Column:hover,
.TableBrowser__Table:focus,
.TableBrowser__Column:focus {
  background-color: var(--color-grey-100);
}

.TableBrowser__Table--active {
  background-color: var(--color-grey-100);
}

.TableBrowser__TableName,
.TableBrowser__ColumnName {
  margin-left: 8px;
  line-height: 18.2px;
}

.TableBrowser__TableName,
.TableBrowser__ColumnName,
.TableBrowser__TableInfo,
.TableBrowser__ColumnInfo {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.TableBrowser__ColumnInfo {
  display: flex;
  align-items: flex-end;
  padding-right: 10px;
  width: 240px;
}

.TableBrowser__ColumnType {
  display: flex;
  width: 140px;
  justify-content: space-between;
  align-items: center;
  color: var(--color-grey-500);
  text-transform: uppercase;
  font-size: 11px;
}

.TableBrowser__Icon {
  display: block;
  flex-shrink: 0;
}

.TableBrowser__ColumnType .TableBrowser__Icon {
  display: none;
}

.TableBrowser__Column:hover .TableBrowser__Icon,
.TableBrowser__Column:focus .TableBrowser__Icon {
  display: inline-block;
}
.TemplateList h1 {
  margin-bottom: 0;
}

.TemplateList__ListItem {
  display: flex;
  align-items: center;
  padding: 32px 0;
  border-bottom: 1px solid var(--color-grey-100);
}

.TemplateList__TemplateDetails {
  flex-grow: 1;
  margin-left: 24px;
  margin-top: -6px;
}

.TemplateList__TemplateButtons {
  display: flex;
  justify-content: end;
  position: relative;
  min-width: 332px;
}

.TemplateList__TemplateName {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: var(--color-grey-900);
  margin-bottom: 12px;
}

.TemplateList__TemplateDescription {
  font-weight: 400;
  font-size: 14px;
  color: var(--color-grey-500);
}

.TemplateList__TemplateBadge {
  margin-left: 8px;
  width: fit-content;
  border: 1px solid var(--color-green-600);
  color: var(--color-green-700);
  border-radius: 26px;
  padding: 0px 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.TemplateList__TemplateExampleBadge {
  color: var(--color-grey-900);
  border: 1px solid var(--color-grey-150);
}

.TemplateList__MissingDatasources {
  position: absolute;
  width: fit-content;
  top: -28px;
  right: 0;
  padding: 4px;
  border: 1px solid var(--color-grey-200);
  font-size: 12px;
  border-radius: 4px;
}

.TemplatePreview__ImageContainer img {
  border-radius: 10px;
  margin: 20px;
  border: 1px solid var(--color-grey-300);
  max-width: calc(100% - 40px);
}
.ToolbarContainer {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
  height: 36px;
}

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

.Toolbar--hidden {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  overflow-x: hidden;
  width: 100%;
}

.Toolbar--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.Toolbar__Group {
  display: inherit;
}

.Toolbar__Group:first-child {
  padding-left: 5px;
}

.Toolbar__More {
  padding-right: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.Toolbar__ButtonGroup {
  display: flex;
  height: 26px;
  padding: 4px 2px;
  align-items: center;
}

.Toolbar__Button--with-color {
  padding-bottom: 0;
  flex-direction: column;
}

.Toolbar__SelectedColor {
  width: 16px;
  top: 22px;
  height: 2px;
  border-radius: 3px;
  position: absolute;
}

button.Toolbar__Button--dropdown {
  min-width: 140px;
  border: 1px solid var(--color-grey-150);
  margin: 0;
  margin-left: 4px;
  padding: 4px 4px 4px 6px;
  display: flex;
  align-items: center;
  flex-direction: row;
}

.Toolbar__DropdownButtonText {
  flex: 1;
  line-height: 1em;
  font-family: var(--font-app);
  font-weight: 400;
  text-align: left;
  padding-top: 1px;
}

button.Toolbar__Format {
  border: none;
  min-width: 124px;
}

.Toolbar__Format .Toolbar__DropdownButtonIcon {
  margin-left: 4px;
}

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

.ToolbarOverflowMenu .AltModeSection > .PopoverMenu__Items {
  padding: 0;
}
.ListsContainer__Avatar {
  display: flex;
  padding: 16px;
  border: none;
  border-left: 1px solid var(--color-grey-100);
  background: none;
}

.ListsContainer__Avatar > button:hover,
.ListsContainer__Avatar > button:focus {
  border-radius: 25%;
  outline: 0;
  opacity: 0.8;
}

.Avatar--32p {
  display: flex;
  width: 32px !important;
  height: 32px !important;
}

.Avatar--16p {
  display: flex;
  width: 16px !important;
  height: 16px !important;
}

.Avatar--16p .Avatar__Fallback {
  font-size: 10px;
}

.Avatar {
  display: flex;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.Avatar__Fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-app);
  color: var(--color-white);
  font-size: 13px;
  flex: 1;
  border-radius: 25%;
  cursor: default;
  height: 100%;
}

.Avatar img {
  flex: 1;
  border-radius: 25%;
  width: 100%;
  height: 100%;
}

.CurrentUserMenu {
  width: 228px;
}

.CurrentUserMenu .PopoverMenu__Items {
  padding: 0px;
}

.CurrentUserMenu .PopoverMenu__Item {
  margin: 4px;
}

.CurrentUserMenu .PopoverMenu__hr {
  margin: 6px 0px;
}

.CurrentUserMenu .PopoverMenu__Action {
  padding: 6px;
  font-size: 12px;
}

.CurrentUserMenu__CreateNewWorkspace {
  font-size: 12px;
  line-height: 130%;
  color: var(--color-grey-700);
  display: flex;
  align-items: center;
  padding: 10px 12px 10px;
  margin: 6px 4px 4px 4px;
  cursor: default;
  border-radius: 6px;
  text-decoration: none;
}

.CurrentUserMenu__CreateNewWorkspace:hover {
  background: var(--color-grey-100);
}

.CurrentUserMenu__CreateNewWorkspacePlus {
  padding-right: 16px;
}

.AvatarWithWorkspace {
  position: relative;
}

.AvatarWithWorkspace__Workspace {
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  padding: 2px;
  background: #fff;
  border-radius: 25%;
}
.WorkbookEditor__SheetEditorWrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
  border-top: 1px solid var(--color-grey-150);
  border-right: 1px solid var(--color-grey-150);
}

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

.WorkbookEditor__Sidebar {
  display: flex;
  margin-left: -1px;
}

.WorkbookEditor__Loading {
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.5em;
  font-family: var(--font-app);
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-grey-400);
}

.WorkbookEditor__SheetOverlayWrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.WorkbookEditor__SheetOverlayItem {
  display: flex;
  position: absolute;
  pointer-events: auto;
  background: var(--color-white);
  border: 1px solid var(--color-grey-150);
  box-sizing: border-box;
}

.WorkbookEditor__SheetOverlayFixedItem {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
}

.WorkbookEditor__SheetOverlayFixedItem--selected {
  border: 2px solid var(--color-purple-600);
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

html,
body,
.hundred-pc-size {
  height: 100%;
  width: 100%;
  overflow: hidden;
  overscroll-behavior-x: contain;
  cursor: default;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input {
  cursor: text;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */