@charset "UTF-8";
/* Graph Colors */
/* Dimensions */
@font-face {
  font-family: "Akkurat";
  src: url("/fonts/akkurat-regular.woff2") format("woff2"), url("/fonts/akkurat-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Akkurat";
  src: url("/fonts/akkurat-bold.woff2") format("woff2"), url("/fonts/akkurat-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Akkurat";
  src: url("/fonts/akkurat-light.woff2") format("woff2"), url("/fonts/akkurat-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-light.woff2") format("woff2"), url("/fonts/roboto/roboto-light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-regular.woff2") format("woff2"), url("/fonts/roboto/roboto-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-medium.woff2") format("woff2"), url("/fonts/roboto/roboto-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("/fonts/roboto/roboto-bold.woff2") format("woff2"), url("/fonts/roboto/roboto-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
.thread-error, .thread-pane, .thread-feed-pane, .timeline-settings, .visualization-settings {
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
  width: 392px;
  height: calc(100vh - 80px);
}

.login {
  width: 100vw;
  min-height: 100vh;
  background: #223680;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 40px 1fr minmax(200px, 1000px) 1fr 40px;
  grid-template-rows: 40px 1fr auto 1fr 40px;
}

.login-content {
  grid-column: 3;
  grid-row: 3;
}

.login-logo {
  width: 270px;
  height: 68px;
}

.login-description {
  margin-top: 45px;
  max-width: 715px;
  font-size: 24px;
  line-height: 1.25;
  color: white;
  font-family: Roboto;
  font-weight: 300;
  font-size: 28px;
}

.login-learn-more {
  margin-top: 27px;
  font-size: 20px;
  color: white;
  display: inline-block;
  text-decoration: none;
}

.login-learn-more:hover {
  text-decoration: underline;
}

.login-button[data-style=action] {
  margin-top: 74px;
  margin-left: auto;
  margin-right: auto;
}

.error-screen {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 40px 1fr auto 1fr 40px;
  grid-template-rows: 40px 1fr auto 1fr 40px;
  flex-grow: 1;
}

.error-screen:not([data-theme]) {
  background: #002040;
  color: white;
}

.error-screen[data-theme=grey] {
  color: white;
}

.error-screen[data-theme=light] {
  color: inherit;
}

.error-screen[data-theme=light] a {
  color: inherit;
}

.error-screen-content {
  grid-column: 3;
  grid-row: 3;
  max-width: 465px;
}

.error-screen-title {
  font-weight: 300;
  font-size: 40px;
}

.error-screen-paragraphs {
  margin-top: 40px;
  padding-left: 36px;
  border-left: 4px solid white;
}

.error-screen-paragraph {
  font-size: 17px;
  line-height: 1.29;
}

.error-screen-paragraph a {
  text-decoration: none;
  color: white;
  font-weight: 700;
}

.error-screen-paragraph a:hover {
  text-decoration: underline;
}

.error-screen-paragraph:not(:first-child) {
  margin-top: 20px;
}

.loading-screen {
  --app-header-height: 0;
  width: 100vw;
  min-height: 100vh;
  background: #002040;
  display: grid;
  gap: 52px;
  padding: calc(40px + var(--app-header-height)) 40px 40px 40px;
  justify-content: center;
  align-content: center;
  justify-items: center;
  grid-template: "." 24px "logo" auto "title" auto/max-content;
}
.loading-screen[data-without-app-header] {
  --app-header-height: 48px;
}

.loading-screen-logo {
  grid-area: logo;
}

.loading-screen-title {
  grid-area: title;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: white;
}

.re-sizable {
  position: relative;
  user-select: auto;
}
.re-sizable.is-active {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.re-sizable > .resizer {
  position: absolute;
}
.re-sizable > .resizer.top, .re-sizable > .resizer.bottom {
  width: 100%;
  height: 10px;
  left: 0;
  cursor: row-resize;
}
.re-sizable > .resizer.left, .re-sizable > .resizer.right {
  width: 10px;
  height: 100%;
  top: 0;
  cursor: col-resize;
}
.re-sizable > .resizer.top {
  top: -5px;
}
.re-sizable > .resizer.right {
  right: -5px;
}
.re-sizable > .resizer.bottom {
  bottom: -5px;
}
.re-sizable > .resizer.left {
  left: -5px;
}
.re-sizable > .resizer.topRight, .re-sizable > .resizer.bottomRight, .re-sizable > .resizer.bottomLeft, .re-sizable > .resizer.topLeft {
  width: 20px;
  height: 20px;
}
.re-sizable > .resizer.topRight {
  right: -10px;
  top: -10px;
  cursor: sw-resize;
}
.re-sizable > .resizer.bottomRight {
  right: -10px;
  bottom: -10px;
  cursor: nw-resize;
}
.re-sizable > .resizer.bottomLeft {
  left: -10px;
  bottom: -10px;
  cursor: ne-resize;
}
.re-sizable > .resizer.topLeft {
  left: -10px;
  top: -10px;
  cursor: se-resize;
}

.ember-power-calendar {
  box-sizing: border-box;
  position: relative;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days, .ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  -webkit-appearance: none;
  flex: 1 1 100%;
  padding: 0;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0;
}

.ember-power-calendar-day {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  flex: 1 1 100%;
  font-size: inherit;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ember-power-calendar-nav-control {
  -webkit-appearance: none;
  background-color: transparent;
  background-color: initial;
  border: none;
  border: initial;
  outline: none;
  outline: initial;
  font-size: inherit;
}

.ember-power-calendar {
  font-size: 14px;
  line-height: 1.42857;
}

.ember-power-calendar-nav {
  line-height: 2;
}

.ember-power-calendar-nav-control {
  line-height: 1;
  font-size: 150%;
}
.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

.timeline-canvas-heading {
  height: 40px;
  background-color: #152233;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}

.timeline-canvas-heading-timeline-name {
  align-self: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #152233;
}
.timeline-canvas-heading-timeline-name:focus, .timeline-canvas-heading-timeline-name:hover {
  color: #002040;
}

.timeline-canvas-header-actions {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 16px;
  flex-shrink: 0;
}

.timeline-canvas-header-activity.a-button-hiddenbox-settings {
  margin-left: -8px;
}

/* Graph Colors */
/* Dimensions */
.a-item-card[data-style=light] {
  --primary: #ffffff;
  --button-color: #4564fd;
  --icon-color: #b5b6ba;
  --title-color: #000000;
  --data-title-color: #666666;
  --unit-color: #b5b6ba;
  --data-placeholder: #b5b6ba;
}

.a-item-card[data-style=dark] {
  --primary: #1c283c;
  --button-color: #ffffff;
  --icon-color: #7a839b;
  --title-color: #e6eafc;
  --data-title-color: #aab2c8;
  --unit-color: #7a839b;
  --data-placeholder: #5c677e;
}

.a-item-card {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  grid-gap: 12px;
  min-height: 100px;
  padding: 15px;
  transition: box-shadow 0.12s ease-in-out;
}
.a-item-card:hover {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.11);
  border-color: #9aabf5;
}

.a-item-card {
  background: var(--primary);
  color: var(--title-color);
}

.a-item-card[data-style=dark] {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.17);
}

.a-item-card-open-button-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.a-item-card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.a-item-card-name {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  max-width: 192px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  color: var(--title-color);
  flex: 1;
  flex-shrink: 0;
  flex-grow: 1;
}

.a-item-card-unit {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  max-width: 120px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  color: var(--unit-color);
  text-align: right;
}

.a-item-card-metadata {
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  grid-gap: 4px;
}

.a-item-card-data {
  display: flex;
  max-width: 252px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}

.a-item-card-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.a-item-card-data-title {
  max-width: 252px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: var(--data-title-color);
}

.a-item-card-data-title[data-placeholder] {
  color: var(--data-placeholder);
}

.a-item-card-data-icon {
  fill: var(--icon-color);
  flex-shrink: 0;
  margin-right: 8px;
}

.item-card-button[data-style=link-underline] {
  align-self: flex-end;
  color: var(--button-color);
  cursor: pointer;
  fill: var(--button-color);
  margin-top: -4px;
  margin-bottom: -4px;
}

.a-item-card-action-footer {
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  margin: 0 0 0 8px;
  opacity: 0;
}

.a-item-card:hover .a-item-card-action-footer,
.a-item-card-action-footer:focus-within {
  opacity: 1;
}

.a-privacy {
  display: flex;
  flex-direction: row;
  padding: 5px 0 3px 0;
  align-items: flex-end;
  color: #666666;
}

.a-privacy-title {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  flex-grow: 1;
}

.alert-dialog {
  width: 440px;
}

.alert-dialog--container {
  z-index: 1100;
}

.alert-footer-buttons {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  gap: 8px;
  margin-top: 16px;
}

.alert-footer-button * {
  max-width: 280px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
}

/* Graph Colors */
/* Dimensions */
.app-header {
  height: 24px;
  padding: 0 12px 0 8px;
  background-color: var(--app-header-background);
  color: var(--app-header-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.app-header[data-style=light] {
  --app-header-background: #f4f5f9;
  --app-header-color: #666666;
  --app-header-color-hover: #333333;
  --app-header-color-active: #000000;
  --app-header-separator: #b5b6ba;
  --app-header-link-color: #4564fd;
  --app-header-link-color-hover: #4564fd;
}

.app-header[data-style=dark] {
  --app-header-background: #283445;
  --app-header-color: #b1b7c7;
  --app-header-color-hover: #e6eafc;
  --app-header-color-active: #8c96b1;
  --app-header-separator: #7a839b;
  --app-header-link-color: #c7d1fe;
  --app-header-link-color-hover: #e6e9fb;
}

.app-header-buttons {
  display: flex;
}

.app-header-text-button {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  display: flex;
  align-items: center;
  color: var(--app-header-color);
  fill: var(--app-header-color);
  text-decoration: none;
}
body:not(.using-mouse) .app-header-text-button:focus::after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: 0;
  bottom: 0;
  border: 1px solid #4564fd;
  border-radius: 2px;
}
.app-header-text-button::-moz-focus-inner {
  border: 0;
}

.app-header-text-button:hover {
  text-decoration: underline;
  color: var(--app-header-color-hover);
  fill: var(--app-header-color-hover);
}

.app-header-text-button:active {
  color: var(--app-header-color-active);
  fill: var(--app-header-color-active);
}

.app-header-text-button-text {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.app-header-text--link {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  outline: none;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  font-weight: bold;
  color: var(--app-header-link-color);
  text-decoration: none;
}
body:not(.using-mouse) .app-header-text--link:focus::after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: 0;
  bottom: 0;
  border: 1px solid #4564fd;
  border-radius: 2px;
}
.app-header-text--link::-moz-focus-inner {
  border: 0;
}
.app-header-text--link:hover {
  color: var(--app-header-link-color-hover);
  text-decoration: underline;
}

.app-header-support-button:not([data-unread-count-hidden])::after {
  content: attr(data-unread-count);
  padding: 0 4px;
  position: absolute;
  min-width: 14px;
  height: 14px;
  right: -14px;
  top: 1px;
  background: #ffdb5b;
  border-radius: 22px;
  font-weight: bold;
  font-size: 9px;
  line-height: 14px;
  box-sizing: border-box;
  text-align: center;
  color: #212c3d;
  z-index: 1000;
}

.app-header-trailing-buttons-box {
  margin-left: 16px;
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}
.app-header-trailing-buttons-box:first-child {
  margin-left: 0;
}
.app-header-trailing-buttons-box:last-child {
  margin-right: 0;
}

.app-header-trailing-buttons-box:not(:last-child)::after {
  content: "";
  top: 4px;
  bottom: 4px;
  right: -8px;
  width: 1px;
  position: absolute;
  background: var(--app-header-separator);
}

/* Graph Colors */
/* Dimensions */
.app-sub-header {
  align-items: center;
  background-color: var(--app-sub-header-background);
  color: var(--app-sub-header-color);
  display: flex;
  height: 40px;
  justify-content: center;
  overflow: hidden;
}

.app-sub-header[data-style=light] {
  --app-sub-header-background: #fafbff;
  --app-sub-header-color: #666666;
  --app-sub-header-color-hover: #4564fd;
  --app-sub-header-color-active: #000000;
}

.app-sub-header[data-style=dark] {
  --app-sub-header-background: #283445;
  --app-sub-header-color: #b1b7c7;
  --app-sub-header-color-hover: #e6eafc;
  --app-sub-header-color-active: #8c96b1;
}

.app-sub-header-link-container {
  align-items: center;
  border-bottom: 1px solid #e2e4ee;
  display: flex;
  justify-content: center;
  width: 100%;
}

.app-sub-header-button {
  position: absolute;
  right: 16px;
}

.app-sub-header-button-xs {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
}

.app-sub-header-link {
  display: flex;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.15px;
  font-family: Roboto;
  font-weight: 400;
  color: var(--app-sub-header-color);
  text-decoration: none;
}
.app-sub-header-link:first-child {
  margin-right: 32px;
}
.app-sub-header-link:last-child {
  margin-left: 32px;
}

.app-sub-header-link {
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 8px 0;
}
.app-sub-header-link.active {
  border-bottom: 3px solid #4564fd;
}

.avatar {
  border-radius: 50%;
}

/* Graph Colors */
/* Dimensions */
.error-browser-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.error-browser-screen:not([data-theme]) {
  background: #002040;
  color: rgba(255, 255, 255, 0.7);
}

.error-browser-screen[data-theme=grey] {
  color: rgba(255, 255, 255, 0.7);
}

.error-browser-screen[data-theme=light] {
  color: inherit;
}

.error-browser-screen[data-theme=light] a {
  color: inherit;
}

.error-browser-screen-title {
  line-height: 24px;
  font-size: 20px;
  font-family: Akkurat;
  font-weight: 700;
  color: #ffffff;
}

.error-browser-screen-paragraphs {
  margin-top: 22px;
}

.error-browser-screen-paragraph {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
}

.error-browser-screen-paragraph span {
  font-weight: bold;
  color: #ffffff;
}

.error-browser-screen-paragraph:not(:first-child) {
  margin-top: 20px;
}

/* Graph Colors */
/* Dimensions */
.ac-button-share {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  transition: background-color 200ms ease, color 200ms ease, fill 200ms ease;
  text-decoration: none;
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
}

.ac-button-share {
  outline: none;
  position: relative;
  padding: 0 12px;
  height: 24px;
  cursor: pointer;
}
body:not(.using-mouse) .ac-button-share:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 30px;
}
.ac-button-share::-moz-focus-inner {
  border: 0;
}

.ac-button-share[data-style=light][disabled] {
  background-color: transparent;
  border: 1px solid #e2e4e6;
  color: #737a85;
  box-shadow: none;
  cursor: not-allowed;
}

.ac-button-share[data-style=dark][disabled] {
  background-color: #152233;
  border: 1px solid #737a85;
  color: #737a85;
  box-shadow: none;
  cursor: not-allowed;
}

.ac-button-share[data-style=dark]:not([disabled]) {
  border-width: 1px;
  border-style: solid;
  border-color: #4b5169;
  background-color: transparent;
  color: #ffffff;
}
.ac-button-share[data-style=dark]:not([disabled]):hover {
  border-color: #4b5169;
}
.ac-button-share[data-style=dark]:not([disabled]):active {
  border-color: #4b5169;
}
.ac-button-share[data-style=dark]:not([disabled]):hover {
  background-color: transparent;
}
.ac-button-share[data-style=dark]:not([disabled]):active {
  background-color: #4b5169;
}
.ac-button-share[data-style=dark]:not([disabled]):hover {
  color: #c7d1fe;
}
.ac-button-share[data-style=dark]:not([disabled]):active {
  color: #c7d1fe;
}
.ac-button-share[data-style=dark]:not([disabled]):hover, .ac-button-share[data-style=dark]:not([disabled]):active {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
}

.ac-button-share[data-style=light]:not([disabled]) {
  background-color: #4564fd;
  color: #e6eafc;
}
.ac-button-share[data-style=light]:not([disabled]):hover {
  background-color: #4564fd;
}
.ac-button-share[data-style=light]:not([disabled]):active {
  background-color: #ffffff;
}
.ac-button-share[data-style=light]:not([disabled]):hover {
  color: #e6eafc;
}
.ac-button-share[data-style=light]:not([disabled]):active {
  color: #e6eafc;
}
.ac-button-share[data-style=light]:not([disabled]):hover, .ac-button-share[data-style=light]:not([disabled]):active {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
}

/* Graph Colors */
/* Dimensions */
.m-card {
  margin-top: 8px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.08);
  position: relative;
  background-color: #ffffff;
  transition: box-shadow 0.25s;
  border-radius: 0;
  border: 1px solid #ebebed;
  padding: 18px 24px 16px 24px;
}
.m-card:first-child {
  margin-top: 0;
}
.m-card:last-child {
  margin-bottom: 0;
}
.m-card:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #dcdce0;
}

/* Graph Colors */
/* Dimensions */
.color-popover {
  width: 204px;
  height: 228px;
  border-radius: 6px;
  box-shadow: 0 0 6px 0 rgba(2, 4, 5, 0.45);
  background-color: #0e1e30;
  padding: 0 16px;
}

.color-popover-header {
  height: 32px;
  color: #b4b6c0;
  font-size: 14px;
  padding-top: 10px;
}

.color-popover-content {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.color-popover-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 8px;
}

.color-popover-item {
  margin-left: 8px;
  transition: transform 200ms ease;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
}
.color-popover-item:first-child {
  margin-left: 0;
}
.color-popover-item:last-child {
  margin-right: 0;
}

.color-popover-item:not([data-selected]):hover {
  transform: scale(1.05);
}
.color-popover-item:not([data-selected]):hover::after {
  display: block;
  border-color: rgba(222, 227, 255, 0.52);
}

.color-popover-item:not([data-selected]):active {
  transform: scale(0.97);
}
.color-popover-item:not([data-selected]):active::after {
  border-color: #dee3ff;
}

.color-popover-item[data-selected]::after {
  display: block;
}

.color-popover-item::after {
  content: "";
  position: absolute;
  border: 1px solid #dee3ff;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border-radius: 4px;
  display: none;
}

.color-popover-item[data-color=grey-01] {
  background-color: #d9defa;
}

.color-popover-item[data-color=grey-02] {
  background-color: #888eb8;
}

.color-popover-item[data-color=grey-03] {
  background-color: #505779;
}

.color-popover-item[data-color=blue-01] {
  background-color: #78b5f3;
}

.color-popover-item[data-color=blue-02] {
  background-color: #318fee;
}

.color-popover-item[data-color=blue-03] {
  background-color: #155fbf;
}

.color-popover-item[data-color=blue-04] {
  background-color: #083d99;
}

.color-popover-item[data-color=cyan-01] {
  background-color: #5bdfda;
}

.color-popover-item[data-color=cyan-02] {
  background-color: #b0fcff;
}

.color-popover-item[data-color=yellow-01] {
  background-color: #f79b34;
}

.color-popover-item[data-color=yellow-02] {
  background-color: #edbe32;
}

.color-popover-item[data-color=yellow-03] {
  background-color: #faef5f;
}

.color-popover-item[data-color=yellow-04] {
  background-color: #fffbcc;
}

.color-popover-item[data-color=purple-01] {
  background-color: #a620ef;
}

.color-popover-item[data-color=purple-02] {
  background-color: #b300c2;
}

.color-popover-item[data-color=purple-03] {
  background-color: #f253d3;
}

.color-popover-item[data-color=purple-04] {
  background-color: #f696e2;
}

.color-popover-item[data-color=purple-05] {
  background-color: #ffd0e3;
}

.color-popover-item[data-color=blue-ocean-01] {
  background-color: #1a3078;
}

.color-popover-item[data-color=blue-ocean-02] {
  background-color: #2542a1;
}

.color-popover-item[data-color=blue-ocean-03] {
  background-color: #318fee;
}

.color-popover-item[data-color=blue-ocean-04] {
  background-color: #5973de;
}

.color-popover-item[data-color=blue-ocean-05] {
  background-color: #8497e0;
}

.color-popover-item[data-color=blue-ocean-06] {
  background-color: #bac2e0;
}

.color-popover-item[data-color=blue-ocean-07] {
  background-color: #fefefe;
}

.color-popover-item[data-color=threshold-neutral-01] {
  background-color: #99aaff;
}

.color-popover-item[data-color=threshold-neutral-02] {
  background-color: #7c88c3;
}

.color-popover-item[data-color=threshold-neutral-03] {
  background-color: #425e82;
}

.color-popover-item[data-color=threshold-negative-01] {
  background-color: #c43e62;
}

.color-popover-item[data-color=threshold-negative-02] {
  background-color: #e75f6d;
}

.color-popover-item[data-color=threshold-negative-03] {
  background-color: #f0959e;
}

.color-popover-item[data-color=threshold-negative-04] {
  background-color: #f2c4c8;
}

.color-popover-item[data-color=threshold-positive-01] {
  background-color: #1ae39b;
}

.color-popover-item[data-color=threshold-positive-02] {
  background-color: #39bb8c;
}

.color-popover-item[data-color=threshold-medium-01] {
  background-color: #f6da60;
}

.comment-feed-date-header {
  isolation: isolate;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 19px;
  margin-bottom: 9px;
}
@supports not (isolation: isolate) {
  .comment-feed-date-header {
    transform: scale(1);
  }
}

.comment-feed-date-header-border {
  position: absolute;
  left: -56px;
  right: -16px;
  content: "";
  height: 1px;
  background: #ebedf5;
  top: 5px;
}

.comment-feed-date-header-content {
  height: 13px;
  font-size: 13px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1;
  letter-spacing: 1.3px;
  padding-left: 10px;
  padding-right: 10px;
  background: white;
  color: #b4b6c0;
  z-index: 1;
}

.comment-feed {
  padding: 0 0 20px 0;
}

.comment-comment-image {
  margin-top: 8px;
}
.comment-comment-image:first-child {
  margin-top: 8px;
}
.comment-comment-image:last-child {
  margin-bottom: 0;
}

.comment-comment-attachment {
  margin-top: 0;
}
.comment-comment-attachment:first-child {
  margin-top: 8px;
}
.comment-comment-attachment:last-child {
  margin-bottom: 0;
}

.comment ~ .comment-header {
  margin-top: 10px;
}

.comment-attachment {
  display: flex;
  flex-direction: row;
}

.comment-attachment-icon {
  width: 20px;
  margin-left: 24px;
  margin-right: 10px;
  align-self: center;
  height: 20px;
  fill: #e2e4e6;
}

.comment-attachment-content {
  height: 35px;
  font-size: 13px;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 1;
  transition: box-shadow 200ms ease;
  position: relative;
  color: #223680;
  border-radius: 5px;
  border: 1px solid #223680;
  padding-left: 6px;
  padding-right: 6px;
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  background: white;
}

.comment-attachment-content:hover {
  box-shadow: 0 0 4px 0 #b4b6c0;
}

.comment-attachment-content:hover .comment-attachment-download {
  opacity: 1;
}

.comment-attachment-content:active .comment-attachment-download {
  font-weight: bold;
}

.comment-attachment-download {
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  transition: opacity 200ms ease;
  padding-left: 5px;
  margin-right: 10px;
  position: absolute;
  top: 0;
  right: 0;
  color: #4564fd;
  opacity: 0;
  background: white;
  text-decoration: none;
}

.comment-header {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  height: 28px;
  align-items: center;
  margin-top: 1%;
  padding-left: 24px;
  padding-right: 16px;
}

.comment-feed .comment-header:first-child {
  margin-top: 10px;
}

.comment-header-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  flex-shrink: 0;
}

.comment-header-avatar img {
  border-radius: 50%;
}

.comment-header-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 6px;
  width: 68%;
}

.comment-header-name {
  font-weight: 700;
  font-size: 11px;
  color: #002040;
}

.comment-header-timestamp {
  font-size: 11px;
  color: #979797;
}

.comment-image .image {
  display: block;
  border-radius: 5px;
}

.image-placeholder {
  background: #d8dcf0;
  border-radius: 5px;
}

.comment {
  display: flex;
  flex-direction: column;
}

.comment-text-content {
  margin-left: 56px;
}

.content-text-bubble {
  padding: 8px;
  background-color: #f2f3f5;
  color: #14202d;
  font-size: 14px;
  line-height: 1.29;
  display: inline-block;
}

.comment-images {
  margin-left: 56px;
}

.comment-container {
  display: flex;
  justify-content: space-between;
  padding-right: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comment-container[data-highlight=true],
.comment-container:hover {
  background: #f2f3f5;
}

.comment-container:hover .comment-button-hiddenbox-secondary {
  opacity: 1;
}

.comment-button-hiddenbox-secondary:hover,
.comment-button-hiddenbox-secondary[aria-expanded=true] {
  background: #e2e2e4 !important;
}

.comment-button-hiddenbox-secondary[aria-expanded=false] {
  opacity: 0;
}

.dropdown-list-item-default, .dropdown-list-item-subtitle {
  list-style: none;
}

.dropdown-list-item-default:not(:last-child), .dropdown-list-item-subtitle:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.dropdown-list-item-default:hover, .dropdown-list-item-subtitle:hover {
  background: #f5f5f6;
}

[data-highlighted].dropdown-list-item-default, [data-highlighted].dropdown-list-item-subtitle {
  background: #ebebed;
}

.dropdown-list {
  padding: 0;
  margin: 0;
}

.dropdown-list-item-subtitle {
  padding: 8px 16px 10px 16px;
  display: flex;
  flex-direction: column;
}

.dropdown-list-item-labels-title {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
  margin-right: 4px;
}

.dropdown-list-item-labels-accessory {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
}

.dropdown-list-item-labels-subtitle {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.24px;
  font-family: Akkurat;
  font-weight: 300;
  margin-top: 4px;
}

.dropdown-list-item-default {
  padding: 11px 16px;
  display: flex;
  flex-direction: row;
}

.dropdown-list-item-default-title {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
  margin-top: 8px;
  margin-bottom: 8px;
}

.dropdown-list-item-default-leading {
  margin-right: 12px;
  display: flex;
}

/* Graph Colors */
/* Dimensions */
.export-modal-input-time {
  width: 58px;
}

.export-modal-input-time-container {
  height: 32px;
  background-color: #272735;
  border-bottom: 1px solid #454551;
  padding-top: 7px;
  padding-left: 6px;
  padding-right: 8px;
  display: flex;
}
.export-modal-input-time-container:focus-within {
  background-color: #31313f;
  border-bottom: 1px solid #4a66ea;
}
.export-modal-input-time-container:focus {
  border-bottom: 1px solid #4a66ea;
}

.export-modal-input-time-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.export-modal-input-time-data {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  width: 22px;
  height: 20px;
  border: 0;
  color: #ceced1;
}
.export-modal-input-time-data:hover {
  background-color: #585863;
  color: #ffffff;
}
.export-modal-input-time-data::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.export-modal-input-time-data:focus-within {
  background-color: #272735;
}
.export-modal-input-time-data:focus {
  outline: none;
  background-color: #585863;
}
.export-modal-input-time-data:active {
  color: #ffffff;
}
.export-modal-input-time-data:-moz-focusring {
  outline: none;
}

.export-modal-input-time input[type=number]::-webkit-inner-spin-button,
.export-modal-input-time input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.export-modal-input-time input[type=number] {
  -moz-appearance: textfield;
}

.export-modal-label {
  text-transform: uppercase;
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 300;
}
.export-modal-label:hover {
  color: #ffffff;
}

.export-modal-calendar-col {
  display: flex;
  flex-direction: column;
  padding: 8px 0 32px 0;
}

.export-modal-calendar-row {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .export-modal-calendar-row {
    display: block;
  }
}

.export-modal-calendar-box-label {
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 300;
}
.export-modal-calendar-box-label:hover {
  color: white;
}

.export-modal-calendar-dates-input {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 162px;
  height: 32px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  color: #ceced1;
  border-bottom: 1px solid #454551;
}
.export-modal-calendar-dates-input:hover {
  color: white;
}
.export-modal-calendar-dates-input:focus {
  outline: none;
}
.export-modal-calendar-dates-input:active {
  border-bottom: 1px solid #4a66ea !important;
}
.export-modal-calendar-dates-input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .export-modal-calendar-dates-input {
    width: 100%;
  }
}

.export-modal-calendar-dates-input-focused {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 162px;
  height: 32px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  color: #ceced1;
  border-bottom: 1px solid #4a66ea !important;
}
.export-modal-calendar-dates-input-focused:hover {
  color: white;
}
.export-modal-calendar-dates-input-focused:focus {
  outline: none;
}
.export-modal-calendar-dates-input-focused:active {
  border-bottom: 1px solid #4a66ea !important;
}
.export-modal-calendar-dates-input-focused::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .export-modal-calendar-dates-input-focused {
    width: 100%;
  }
}

.export-modal-calendar-box {
  padding-right: 7px;
  height: 53px;
}
.export-modal-calendar-box span {
  padding-top: 22px;
}

/*power calendar*/
.ember-power-calendar {
  background: #272735;
  color: #f5f5f6;
}

.export-modal-title {
  line-height: 22px;
  font-size: 17px;
  letter-spacing: 1.36px;
  font-family: Akkurat;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 auto;
}

.ember-power-calendar-year {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.ember-power-calendar-year input {
  line-height: 22px;
  font-size: 17px;
  letter-spacing: 1.36px;
  font-family: Akkurat;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  background: #272735;
  color: #ffffff;
  border: 1px solid #ffffff;
  width: 100px;
  height: 30px;
}
.ember-power-calendar-year input:focus {
  background: white;
  color: black;
  outline: 0 !important;
}

.export-modal-time-context-menu {
  max-height: 100px;
  overflow: auto;
  min-width: 100px;
  border-radius: 0;
  box-shadow: 0 0 6px 0 rgba(2, 4, 5, 0.31);
  background: #1e1e2c;
  display: inline-block;
}
.export-modal-time-context-menu::-webkit-scrollbar {
  width: 4px;
}
.export-modal-time-context-menu::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #1e1e2c;
  border-radius: 0;
}
.export-modal-time-context-menu::-webkit-scrollbar-thumb {
  background: #454551;
  border-radius: 0;
}
.export-modal-time-context-menu::-webkit-scrollbar-thumb:hover {
  background: white;
}

.export-modal-time-context-menu-group {
  color: #ceced1;
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  padding: 4px 0;
}

.export-modal-time-context-menu-item {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  height: 28px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: color 200ms ease, fill 200ms ease;
  cursor: pointer;
}

/*Validations*/
.export-modal-time-validate {
  padding-top: 3px;
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 300;
  color: #fbe16e;
}

/*Calendar*/
.multiple-month-power-calendar-horizontal {
  width: 327px;
  line-height: 21px;
  font-size: 16px;
  font-family: Akkurat;
  font-weight: 400;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -4%;
  overflow: auto;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: 47px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: 94px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: 141px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: 188px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: 235px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: 282px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: 47px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: 94px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: 141px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: 188px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: 235px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: 282px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day, .multiple-month-power-calendar-horizontal .ember-power-calendar-weekday {
  max-width: 45px;
  max-height: 45px;
  width: 45px;
  height: 45px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-weekdays, .multiple-month-power-calendar-horizontal .ember-power-calendar-week {
  height: 47px;
  padding-left: 0;
  padding-right: 0;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day {
  color: #bbb;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-weekdays {
  color: #333333;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-control {
  color: #0078c9;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-control:focus {
  color: #30acff;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--current-month {
  color: #656D78;
  background-color: #F5F7FA;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--today {
  background-color: #eee;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day:not([disabled]):hover {
  background-color: #eee;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--focused {
  box-shadow: inset 0px -2px 0px 0px #0078c9;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  background-color: #96d5ff;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover {
  background-color: #96d5ff;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: #96d5ff;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-color: #96d5ff;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected {
  background-color: #c9e9ff;
  color: #656D78;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: #c9e9ff;
  color: #656D78;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: #656D78;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .multiple-month-power-calendar-horizontal {
    margin-top: 27%;
    height: 500px;
  }
  .multiple-month-power-calendar-horizontal .ember-power-calendar-day,
.multiple-month-power-calendar-horizontal .ember-power-calendar-weekday {
    height: calc(2.5 * 1rem);
    max-height: initial;
    max-width: initial;
  }
  .multiple-month-power-calendar-horizontal .ember-power-calendar-weekdays,
.multiple-month-power-calendar-horizontal .ember-power-calendar-week {
    height: initial !important;
  }
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day--current-month {
  background: #31313f;
  color: #f5f5f6;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title .month-name {
  flex-grow: 1;
  width: calc(50% - 0.5rem);
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title .month-name:first-child {
  margin-right: 1rem;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title .month-name {
    width: auto;
  }
}
.multiple-month-power-calendar-horizontal .months-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.multiple-month-power-calendar-horizontal .months-container .ember-power-calendar-days {
  width: calc(50% - 0.5rem);
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-weekday {
  color: white;
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.24px;
  font-family: Akkurat;
  font-weight: 400;
  padding-top: 10px;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day:not([disabled]):hover {
  background: #4a66ea !important;
  color: whitesmoke;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-day[disabled] {
  background: #4a66ea !important;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-control {
  color: white;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week .ember-power-calendar-day--range-start,
.multiple-month-power-calendar-horizontal .ember-power-calendar-week .ember-power-calendar-day--range-end {
  background-color: #4a66ea !important;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-week .ember-power-calendar-day--selected {
  background-color: #2e397a;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title {
    flex-direction: column;
  }
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title .month-name {
  height: 300px;
  flex-grow: 1;
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
}
.multiple-month-power-calendar-horizontal .ember-power-calendar-nav-title .month-name:first-child {
  margin-right: 1rem;
}

.ember-power-calendar-flex {
  display: flex;
  flex-direction: row;
}
.ember-power-calendar-flex p {
  margin: 0 auto;
}

.ember-power-calendar-nav {
  padding-top: 10px;
}

.months-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

/*checkbox fieldset*/
.export-modal-items-box {
  padding: 4px;
  display: flex;
  align-items: center;
}

.export-modal-items-box-label {
  padding-left: 11px;
  padding-right: 11px;
}
:disabled ~ .export-modal-items-box-label {
  opacity: 0.3;
}

.export-modal-confirm-container {
  height: 324px;
  width: 508px;
  background-color: #31313f;
  padding: 18px 12px 32px 12px;
  border-radius: 0;
}

.export-modal-confirm-button-back {
  color: #bababf;
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 300;
}

.export-modal-confirm-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.export-modal-confirm-content {
  padding: 29px 0 51px 0;
  width: 244px;
  text-align: center;
  color: white;
}
.export-modal-confirm-content h1 {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
}
.export-modal-confirm-content p {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
}
.export-modal-confirm-content strong {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 700;
}

/*spinner*/
.export-modal-confirm-loader-container {
  background-color: #31313f;
  width: 300px;
  border-radius: 0;
  transform: scale(1.4);
}

.export-modal-confirm-loader-content {
  height: 180px;
  width: 300px;
  padding: 29px 0 51px 0;
  text-align: center;
  color: white;
}
.export-modal-confirm-loader-content h1 {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
}
.export-modal-confirm-loader-content p {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
}
.export-modal-confirm-loader-content strong {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 700;
}

.export-modal-spinner {
  --system-green-on-dark: #52e597;
  stroke: var(--system-green-on-dark);
  margin-top: 24px;
}

.export-modal-check-icon {
  --system-green-on-dark: #52e597;
  fill: var(--system-green-on-dark);
}

.export-modal-confirm-loader-animate {
  opacity: 1;
  animation-name: topFadeOut;
  animation-duration: 5s;
}

@keyframes topFadeOut {
  0% {
    top: 1rem;
    opacity: 0;
  }
  75% {
    top: 2%;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.ember-power-calendar-nav-control--next {
  font-size: 0;
}

.export-modal {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
  min-height: 0;
  background-color: #1e1e2c;
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
}

.export-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 17px 17px 0 0;
}

.export-modal-title {
  line-height: 22px;
  font-size: 17px;
  letter-spacing: 1.36px;
  font-family: Akkurat;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 auto;
}

.export-modal-content {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  background-color: #1e1e2c;
  min-height: 0;
}

.export-modal-content-calendar-container,
.export-modal-content-time-container {
  padding: 0 23px 0 33px;
}

.export-modal-content-time-container {
  padding-top: 14px;
  padding-bottom: 18px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.export-modal-content-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 63px;
}

.export-modal-items-flex {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .export-modal-items-flex {
    display: block;
  }
}

.export-modal-items-selected {
  color: #fbe16e;
  margin: 0;
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 400;
}

[data-selected=export-modal-items-warning] {
  color: rgba(255, 255, 255, 0.7);
}

.export-modal-items-buttons {
  padding-top: 16px;
  padding-left: 33px;
  padding-right: 23px;
}

.export-modal-items {
  background: linear-gradient(#010f22 50%, rgba(255, 255, 255, 0)), linear-gradient(rgba(0, 0, 0, 0) 10px, #010f22 50%) bottom, radial-gradient(at top, rgba(0, 0, 0, 0.2), transparent 50%), radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 50%) bottom;
  background-repeat: no-repeat;
  background-size: 0 14px, 100% 28px, 100% 10px, 100% 10px;
  background-attachment: local, local, scroll, scroll;
  overflow: auto;
}

.export-modal-items-content {
  background-color: #272735;
}

.export-modal-items-header {
  padding: 8px 0 8px 33px;
}

.export-modal-items-header-label {
  padding-left: 11px;
  padding-right: 11px;
}

.time-content-interval {
  display: flex;
  flex-direction: column;
}

.time-content-interval-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

.time-content-interval-col {
  padding-right: 7px;
}

.time-content-interval-label {
  line-height: 13px;
  font-size: 11px;
  font-family: Akkurat;
  font-weight: 300;
  padding-top: 8px;
  padding-bottom: 4px;
}

.time-content-interval-value {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 1px solid #454551;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.time-content-interval-value:focus {
  outline: none;
}
.time-content-interval-value:placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.time-content-interval-value:active {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-value:focus-within {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-value input[type=number]::-webkit-inner-spin-button,
.time-content-interval-value input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-content-interval-value input[type=number] {
  -moz-appearance: textfield;
}

.time-content-interval-unit {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 1px solid #454551;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.time-content-interval-unit:focus {
  outline: none;
}
.time-content-interval-unit:placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.time-content-interval-unit:active {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-unit:focus-within {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-unit input[type=number]::-webkit-inner-spin-button,
.time-content-interval-unit input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-content-interval-unit input[type=number] {
  -moz-appearance: textfield;
}

.time-content-interval-option {
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 1px solid #454551;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  font-family: Roboto !important;
}
.time-content-interval-option:focus {
  outline: none;
}
.time-content-interval-option:placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.time-content-interval-option:active {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-option:focus-within {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-option input[type=number]::-webkit-inner-spin-button,
.time-content-interval-option input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.time-content-interval-option input[type=number] {
  -moz-appearance: textfield;
}

.time-content-interval-unit select {
  background: #272735;
  line-height: 1.5em;
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
  background-color: #272735;
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  padding-left: 8px;
  padding-right: 8px;
  display: block;
  margin: 0;
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 1px solid #454551;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.time-content-interval-unit select:focus {
  outline: none;
}
.time-content-interval-unit select:placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.time-content-interval-unit select:active {
  border-bottom: 1px solid #4a66ea;
}
.time-content-interval-unit select:focus-within {
  border-bottom: 1px solid #4a66ea;
}

/* arrows */
.time-content-interval-unit {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + -1px), calc(100% - 15px) calc(1em + -1px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  width: 125%;
}

.time-content-interval-input {
  width: 44px;
}

.time-context-menu[data-style=light] {
  max-height: 100px;
  overflow: auto;
  min-width: 100px;
  border-radius: 0;
  box-shadow: 0 0 6px 0 rgba(2, 4, 5, 0.31);
  background: #1e1e2c;
  display: inline-block;
}
.time-context-menu[data-style=light] .context-menu-item[data-intent=primary]:not([disabled]) {
  color: white;
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 300;
}

.export-modal-items-container {
  padding: 8px 23px 8px 33px;
}
.export-modal-items-container:nth-last-child(odd) {
  border-top: 3px solid black;
}
.export-modal-items-container:nth-last-child(even) {
  border-bottom: 0;
}

.export-modal-content .export-modal-content-text {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
  color: #bababf;
  margin: 0;
}
.export-modal-content strong {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 700;
  color: #e2e2e4;
}

.export-modal-items-empty-signal {
  text-transform: uppercase;
}

.group-members-list-items {
  overflow: scroll;
  overflow-x: hidden;
  position: relative;
  height: 414px;
}

.group-members-list-items {
  margin: 0;
  border: none;
}

.group-members-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #1a293b;
  border-bottom: 1px solid #3a4554;
  padding: 7px 16px;
}

.group-members-list {
  background-color: #1a293b;
  width: 340px;
  max-height: 512px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.28);
}

.group-members-list-icon {
  fill: #aab2c8;
  cursor: pointer;
}

/* Graph Colors */
/* Dimensions */
.inline-editable {
  transition: width 0.2s ease;
  padding: 4px 4px;
  border: 2px solid transparent;
  border-radius: 6px;
  max-width: 506px;
  outline: none;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
}

.inline-editable:hover {
  border-color: #dee3ff;
  background-color: #fcfdff;
}

.inline-editable:empty:before {
  content: attr(placeholder);
  display: block;
  opacity: 0.2;
  cursor: text;
}

.inline-editable:focus {
  background-color: #ffffff;
  border-color: #4564fd;
  width: 506px !important;
}

.keyword-filter-item {
  padding: 4px 12px 4px 4px;
  margin: 0;
  list-style: none;
  display: flex;
}

.keyword-filter-empty {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 8px;
  color: #bcbfc8;
  fill: #bcbfc8;
}

.keyword-filter-empty--text {
  line-height: 24px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
}

.keyword-filter-item-title {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  word-break: break-word;
  padding-left: 8px;
}

.keyword-filter-item-title[data-checked] {
  font-weight: 700;
}

.keyword-filter-item-title[data-disabled] {
  color: #b5b6ba;
}

.keyword-filter-item-title-count {
  color: #b5b6ba;
}

.keyword-filter-category-header {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 700;
  padding: 4px 0;
  margin: 0;
  height: 24px;
}

.keyword-filter-item-children {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}

.keyword-filter-items {
  margin: 4px 0 16px 0;
  padding: 0;
}

.m-list-item-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  height: 44px;
  margin-left: 16px;
  margin-right: 19px;
}

.m-list-item-container[disabled] {
  background-color: transparent;
  cursor: not-allowed;
  opacity: 0.6;
}

.m-list-item-container[data-style=default] {
  background-color: #1a293b;
}

.stats-panel-failed {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.stats-panel-failed-icon {
  fill: #c4c4c4;
  width: 24px;
  height: 24px;
}

.stats-panel-failed-content {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
  color: #aab2c8;
  margin: 3px 0;
}

.stats-panel-failed-button-container {
  margin: 13px 0;
}

.stats-panel-failed-button {
  cursor: pointer;
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 400;
}

/*Failed blank*/
.stats-panel-content-failed-blank {
  display: flex;
  flex-direction: row;
}

.stats-panel-aside-content-failed-blank {
  background-color: #1a293b;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 280px;
}

.stats-panel-main-content-container-failed-blank {
  color: #aab2c8;
  background-color: #1a293b;
  padding-left: 28px;
  padding-right: 28px;
  width: 100%;
}

.stats-panel-main-content-failed-blank {
  display: flex;
  flex-direction: column;
}

/* Graph Colors */
/* Dimensions */
.stats-panel {
  border-radius: 0;
  padding: 0;
  width: 100%;
  margin: auto;
  height: 100%;
}
.stats-panel:focus {
  outline: none;
}

.stats-panel-content {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 100%;
}

.stats-panel-aside-content {
  background-color: #203247;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  overflow: auto;
  width: 280px;
  padding: 24px 16px;
}

.stats-panel-main-content-container {
  background-color: #1a293b;
  overflow-y: scroll;
  width: 100%;
}

.stats-panel-main-content {
  display: flex;
  flex-direction: column;
  padding-left: 28px;
  padding-right: 28px;
}

.stats-panel-links {
  display: flex;
  flex-direction: column;
}

.stats-panel-link-button {
  outline: none;
  position: relative;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  align-content: center;
  padding: 8px 17px;
  text-decoration: none;
}
body:not(.using-mouse) .stats-panel-link-button:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.stats-panel-link-button::-moz-focus-inner {
  border: 0;
}
.stats-panel-link-button:hover {
  background: #314163;
}
.stats-panel-link-button.active {
  background: #4c547e;
}

/*Header*/
.stats-panel-header {
  line-height: 20px;
  font-size: 17px;
  letter-spacing: 0.68px;
  font-family: Roboto;
  font-weight: 700;
  color: #cfd4e8;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: 100%;
  flex-grow: 1;
  align-items: baseline;
  justify-content: space-between;
  padding: 12px 28px;
  z-index: 1;
}

.stats-tab-menu-visualizations {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 0;
  color: #7a839b;
}

.stats-panel-header[data-style=dark] {
  background-color: #1a293b;
}

.stats-panel-visual-icon {
  fill: #8c96b1;
  opacity: 0.7;
  width: 16px;
  height: 16px;
}

.stats-panel-visual-title {
  color: #e6eafc;
  margin-left: 11px;
}
.stats-panel-visual-title:hover {
  color: #ffffff;
}

.stats-panel-visual-untitled {
  color: #737a85;
}

.stats-legend-item {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}

.stats-legend-item-name {
  max-width: 360px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.3px;
  font-family: Akkurat;
  font-weight: 400;
  color: #e6eafc;
}

.stats-panel-link-content {
  display: flex;
  align-items: center;
}

.stats-panel-resizable {
  max-height: calc(100vh - 210px);
}

.stats-panel-info {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
}

.m-statistics-panel-warning {
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
  text-transform: uppercase;
  color: #aab2c8;
  text-transform: lowercase;
}
.m-statistics-panel-warning::first-letter {
  text-transform: uppercase;
}

table,
th,
td {
  border: none;
}

.m-table-signal-stats-graph {
  width: 90%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}

.m-table-row-signal-stats-header-graph-tr {
  border-bottom: 1px solid #3a4554;
}

.m-table-signal-stats-graph-line {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 700;
  padding: 14px 15px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
  border-right: 1px solid #3a4554;
  color: var(--m-table-signal-stats-graph-line-color);
  max-width: 360px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 20px;
  font-size: 15px;
  font-family: Akkurat;
  font-weight: 300;
}
.m-table-signal-stats-graph-line:last-child {
  border-right: 0;
}

.m-table-signal-stats-graph-line[data-is-scrubbing] {
  opacity: 0.4;
}

.m-table-signal-stats-graph-line-item {
  color: var(--m-table-signal-stats-graph-line-color);
  opacity: var(--m-table-signal-stats-graph-line-opacity);
}

.m-table-signal-stats-graph-line-unit {
  color: var(--m-table-signal-stats-graph-line-unit-color);
  opacity: var(--m-table-signal-stats-graph-line-opacity);
}

.m-table-row-signal-stats-header-graph-tr[data-style=dimmed] {
  --m-table-signal-stats-graph-line-color: #aab2c8;
  --m-table-signal-stats-graph-line-unit-color: #aab2c8;
  --m-table-signal-stats-graph-line-opacity: 0.6;
}

.m-table-row-signal-stats-header-graph-tr[data-style=normal] {
  --m-table-signal-stats-graph-line-color: #e6eafc;
  --m-table-signal-stats-graph-line-unit-color: #aab2c8;
  --m-table-signal-stats-graph-line-opacity: 1;
}

.m-table-row-signal-stats-header-graph-th {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 700;
  padding: 14px 15px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
  border-right: 1px solid #3a4554;
  color: var(--m-table-signal-stats-graph-line-color);
  color: #aab2c8;
  text-transform: uppercase;
}
.m-table-row-signal-stats-header-graph-th:last-child {
  border-right: 0;
}

.m-table-signal-stats-graph-striped .m-table-signal-stats-graph-body > .m-table-row-signal-stats-header-graph-tr:hover {
  background-color: #22354b;
}

.m-table-signal-stats-graph-body {
  width: auto;
  position: relative;
  white-space: nowrap;
  overflow: auto;
}

.m-table-item-enum {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: #aab2c8;
  margin: 5px;
}

.m-table-item-enum-icon {
  fill: #fbe16e;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

/* Graph Colors */
/* Dimensions */
.m-user-tag-default {
  outline: none;
  position: relative;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  color: #e6eafc;
  fill: #383a3d;
  background-color: #314163;
  border-radius: 40px;
  height: 32px;
}
body:not(.using-mouse) .m-user-tag-default:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 28px;
}
.m-user-tag-default::-moz-focus-inner {
  border: 0;
}

.m-user-tag-content {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  padding: 3px 9px 3px 4px;
}

.m-user-tag-icon-p-remove-cross {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  display: flex;
  outline: none;
  fill: #ffffff;
  opacity: 0.6;
}
.m-user-tag-icon-p-remove-cross:hover {
  opacity: 1;
  cursor: pointer;
}

.m-user-tag-p-user-info {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  padding: 0 9px 0 6px;
  word-wrap: break-word;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-item-settings-card {
  max-width: 284px;
  margin: 16px auto;
}

.m-item-settings-card:hover {
  border-color: transparent;
}

.m-visualization-settings-icon {
  fill: #7a839b;
}

.m-visualization-settings[data-disabled=disabled] {
  opacity: 0.2;
}

.mobile-upsell {
  background: #223680;
  color: #eef1fb;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(272px, 320px);
  align-content: center;
  padding: 24px 0;
  justify-content: center;
  min-height: 100vh;
}

.mobile-upsell--open-web-app {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  padding: 10px 16px;
  color: #eef1fb;
}
body:not(.using-mouse) .mobile-upsell--open-web-app:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.mobile-upsell--open-web-app::-moz-focus-inner {
  border: 0;
}
.mobile-upsell--open-web-app:hover {
  color: #f7f9ff;
}
.mobile-upsell--open-web-app:active {
  color: #ffffff;
}

.mobile-upsell--header {
  display: grid;
  justify-self: stretch;
  justify-items: center;
  gap: 14px;
  padding: 24px 24px 14px 24px;
}

.mobile-upsell--details {
  display: grid;
  justify-self: stretch;
  justify-items: center;
  padding: 24px;
  gap: 12px;
}

.mobile-upsell--open-app {
  justify-self: stretch;
  width: auto;
  justify-content: center;
}

.mobile-upsell--app-logo {
  margin: 10px 0;
}

.mobile-upsell--store-link {
  outline: none;
  position: relative;
  padding: 10px;
}
body:not(.using-mouse) .mobile-upsell--store-link:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.mobile-upsell--store-link::-moz-focus-inner {
  border: 0;
}

.mobile-upsell--text {
  line-height: 24px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  text-align: center;
  margin: 0;
}

.mobile-upsell--or {
  line-height: 24px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
}

.onboarding-container {
  background: #223680;
  min-height: 100vh;
  grid-template-columns: minmax(0, 500px);
  display: grid;
  justify-content: center;
  align-items: center;
}
.onboarding-container[data-size=wide] {
  grid-template-columns: minmax(0, 566px);
}
.onboarding-container[data-size=extra-wide] {
  grid-template-columns: minmax(0, 611px);
}

.onboarding-content {
  padding: 40px;
  background: white;
  display: grid;
  grid-auto-flow: row;
  gap: 24px;
  margin: 16px;
}

.onboarding-fiedset {
  border: none;
  display: grid;
  grid-auto-flow: row;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.onboarding-fiedset--label {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  color: #2e3a5e;
}

.p-user {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  background-color: inherit;
}

.p-user-info {
  padding-left: 8px;
}

.p-user-info-content,
.p-user-info-name,
.p-user-info-group-link {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: "…";
  text-align: left;
  margin: 0;
}

.p-user-info-name {
  color: #e6eafc;
}

.p-user-info-content,
.p-user-info-group-link {
  color: #aab2c8;
}

.p-user-info-group-link {
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
.p-user-info-group-link:hover {
  text-decoration: underline;
}

.p-user-info-group-link[data-style=disabled] {
  pointer-events: none;
  cursor: default;
}

.p-user-container,
.p-group-container {
  padding: 7px 0 5px 0;
}

.p-user[aria-disabled=true] .p-user-info-name {
  color: #7a839b;
}

.p-user[aria-disabled=true] .p-user-info-content {
  color: #7a839b;
}

.p-user[aria-disabled=true] .p-user-info-group-link {
  color: #7a839b;
}

.settings-header {
  overflow: hidden;
  position: relative;
  height: 56px;
  margin: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.settings-header-icon {
  margin-left: 28px;
  display: inline-flex;
  align-self: center;
}

.settings-header-title {
  height: 56px;
  font-size: 14px;
  padding-top: 21px;
  padding-bottom: 21px;
  line-height: 1;
  font-weight: 700;
  margin-left: 12px;
  flex-grow: 1;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}

.settings-header-hide-button {
  margin-left: auto;
  letter-spacing: 0;
  width: 76px;
  height: 100%;
}

.settings-header[data-theme=light] {
  color: rgba(0, 32, 64, 0.38);
  background-color: rgba(69, 100, 253, 0.04);
}
.settings-header[data-theme=light] .settings-header-icon {
  fill: #919ead;
  opacity: 0.64;
}

.settings-header[data-theme=dark] {
  color: rgba(252, 253, 255, 0.7);
}
.settings-header[data-theme=dark] .settings-header-icon {
  fill: rgba(252, 253, 255, 0.7);
}

/* Graph Colors */
/* Dimensions */
.settings-visualization-list-item {
  background-color: #112133;
  min-height: 88px;
  width: 100%;
  color: #f2f3f5;
  display: flex;
  flex-wrap: wrap;
}

.settings-visualization-list-item-icon {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  margin-left: 28px;
  margin-top: 20px;
  width: 24px;
  height: 24px;
  padding: 2px;
  flex-grow: 0;
}

.settings-visualization-list-item-icon[disabled] {
  pointer-events: none;
}

.settings-visualization-list-item-icon:not([disabled]):hover {
  border-radius: 4px;
  background-color: #3e4d69;
}

.settings-visualization-list-item-icon:not([disabled]):active {
  background-color: #1a2739;
}

.settings-visualization-list-item-info {
  color: #f2f3f5;
  font-size: 14px;
  padding-left: 12px;
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-content: flex-start;
  width: min-content;
}

.settings-visualization-list-item-info-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settings-visualization-list-item-info-unit {
  margin-left: auto;
  color: #b4b6c0;
  width: 100px;
}

.settings-visualization-list-item-info-location {
  width: 100%;
  font-size: 13px;
  color: #999dad;
}

.settings-visualization-list-item-footer {
  width: 100%;
  display: flex;
  position: relative;
  padding-bottom: 8px;
}

.settings-visualization-list-item-footer-viztypes {
  padding-left: 60px;
  display: flex;
}

.viztype-icon {
  height: 28px;
  width: 28px;
  display: inline-block;
  position: relative;
  margin-top: auto;
}

.viztype-icon:first-child {
  margin-left: -6px;
}

.viztype-icon svg {
  fill: rgba(226, 228, 230, 0.6);
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
}

.settings-visualization-list-item-footer-actions {
  margin-left: auto;
  padding-right: 28px;
  display: flex;
}

.settings-visualization-list-item-footer-icon {
  height: 28px;
  width: 28px;
  display: inline-block;
  position: relative;
  margin-top: auto;
  border-radius: 4px;
  cursor: pointer;
}

.settings-visualization-list-item-footer-icon:hover {
  background-color: #3e4d69;
}

.settings-visualization-list-item-footer-icon:active {
  background-color: #112133;
}

.settings-visualization-list-item-footer-icon:last-child {
  margin-right: -6px;
}

.settings-visualization-list-item-footer-icon.active {
  opacity: 0.2;
  cursor: auto;
}

.settings-visualization-list-item-footer-icon svg {
  fill: #ffffff;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
}

.settings-visualization-list-item-placeholder {
  height: 0px;
  position: relative;
  background: #4564fd;
}

.settings-visualization-list-item-placeholder::after {
  content: "";
  height: 6px;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  background: #4564fd;
}

.settings-visualization-list-item-placeholder:first-child::after {
  top: 0;
}

.settings-visualization-list-item-placeholder:last-child::after {
  top: -6px;
}

.settings-visualization-legend-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 12px;
  padding-left: 51px;
}

/* Graph Colors */
/* Dimensions */
.timeline-settings-list-visualization {
  margin-top: 6px;
}

.timeline-settings-list-visualization:hover .settings-visualization-list-item:not(:hover) {
  background-color: #1f2f45;
}

.timeline-settings-list-visualization:hover .settings-visualization-list-visualization {
  background-color: #304058;
}

.settings-visualization-list-item:hover {
  background-color: #2a384d;
}

.timeline-settings-list-visualization:last-child {
  margin-bottom: 64px;
}

.settings-visualization-list-placeholder + .timeline-settings-list-visualization {
  margin-top: 0;
}

.settings-visualization-list-placeholder {
  height: 6px;
  background: #4564fd;
}

.settings-visualization-list-placeholder:not([data-main-context-provider]) {
  background: #00cf75;
}

.settings-visualization-list-visualization {
  min-height: 54px;
  background-color: #203042;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 15px;
  width: 100%;
}

.settings-visualization-list-visualization[data-expanded] {
  margin-bottom: 0px;
}

.settings-visualization-list-visualization[data-expanded] .settings-visualization-list-icon-expand {
  transform: rotateX(180deg);
}

.settings-visualization-list-icon {
  fill: #e2e4e6;
  opacity: 0.596;
  padding-right: 12px;
  cursor: pointer;
}

.settings-visualization-list-icon-expand {
  display: inline-block;
  height: 54px;
  width: 56px;
  position: relative;
}

.settings-visualization-list-icon-expand svg {
  stroke: #ffffff;
  stroke-width: 1.5;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 8px);
}

.settings-visualization-list-icon-more {
  margin-left: auto;
  display: inline-block;
  height: 54px;
  width: 56px;
  position: relative;
  cursor: default;
}

.settings-visualization-list-icon-expand:hover,
.settings-visualization-list-icon-more:hover {
  background: #3f4f6b;
  cursor: pointer;
}

.settings-visualization-list-icon-more svg {
  stroke: #ffffff;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}

.settings-visualization-list-icon-more:active {
  opacity: 0.6;
}

.settings-visualization-list-visualization-name {
  height: 100%;
  flex-grow: 1;
  margin-left: -6px;
  cursor: pointer;
}

.settings-visualization-list-visualization-name.inline-editable:hover {
  border-color: rgba(222, 227, 255, 0.35);
  background-color: rgba(69, 100, 253, 0.29);
}

.settings-visualization-list-visualization-name.inline-editable:focus {
  width: max-content !important;
  border-color: #00ff75;
  background-color: #354460;
}

.settings-visualization-list-visualization-name.missing.inline-editable:focus {
  opacity: 1;
}

.settings-visualization-list-visualization[data-dragging] {
  opacity: 0.45;
}

.settings-visualization-list-visualization[data-expanded] .settings-visualization-list-icon-expand {
  transform: rotateX(180deg);
}

.settings-visualization-list-visualization[data-over] {
  background-color: #4564fd;
}

.settings-visualization-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 0;
  max-height: 0;
  overflow: hidden;
  display: none;
}

.settings-visualization-list-items[data-expanded] {
  height: auto;
  max-height: 100%;
  display: block;
}

.settings-visualization-list-item[draggable] {
  cursor: grab;
}

.settings-visualization-list-item[data-dragging] {
  cursor: grabbing;
}

.timeline-settings-list-drag-source[draggable] {
  cursor: grab;
}

.timeline-settings-list-drag-source[data-dragging] {
  cursor: grabbing;
}

.subject-auto-complete {
  background: #1a293b;
  width: 464px;
  max-height: 344px;
  overflow: auto;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.28);
  outline: none;
}

.subject-auto-complete-header {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 700;
  padding: 8px 16px;
  margin: 0;
  color: #aab2c8;
}

.subject-auto-complete-input {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  transition: border-color 0.25s ease, background-color 0.25s ease;
  background: #22354b;
  border: 1px solid #22354b;
  color: #e6eafc;
  margin: 0;
  padding: 0 12px;
  height: 32px;
  outline: none;
}
.subject-auto-complete-input:hover {
  border-color: #7a839b;
  background: #313e50;
}
.subject-auto-complete-input:focus {
  background: #313e50;
  border-color: #364fc2;
}
.subject-auto-complete-input::placeholder {
  color: #aab2c8;
}

.subject-auto-complete-list-item:hover {
  background-color: #314163;
}
.subject-auto-complete-list-item:focus {
  background-color: #22354b;
}

.subject-auto-complete-list {
  padding: 0;
  margin: 0;
}

.subject-auto-complete-list-item {
  list-style: none;
  padding: 8px 16px;
  display: flex;
}

.subject-auto-complete-list-item[data-highlighted] {
  background: #22354b;
}

.subject-auto-complete-list-item-aux {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #7a839b;
  align-self: center;
  margin-left: auto;
}

.subject-auto-complete-list-empty-state {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.13px;
  font-family: Roboto;
  font-weight: 400;
  color: #e6eafc;
  text-align: center;
  padding: 72px 0;
}

/* Graph Colors */
/* Dimensions */
.thread-composer {
  margin-bottom: 16px;
  box-shadow: 0 -3px 6px -3px rgba(0, 0, 0, 0.2);
}

.thread-composer-spacer {
  flex-grow: 1;
}

.text-editor {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 0 32px;
  padding-top: 25px;
}

.text-editor-content {
  display: flex;
  flex-direction: row;
}

.text-editor-avatar {
  border-radius: 50%;
  margin-right: 8px;
}

.editor-container {
  border: solid 0.5px #e8f0ff;
  position: relative;
  flex-grow: 1;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
}

.ql-editor {
  transition: min-height ease 0.2s;
  min-height: 157px;
  max-height: 157px;
  overflow: auto;
  margin-bottom: 8px;
  font-size: 15px;
  color: #4d4d4d;
  font-weight: 100;
  line-height: 1.33;
  font-family: "Roboto";
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.ql-editor.ql-blank {
  min-height: 30px;
  max-height: 30px;
}

.ql-editor.ql-blank:before {
  font-style: normal;
  color: #b4b6c0;
}

.text-editor[data-active] .ql-editor.ql-blank {
  min-height: 157px;
  max-height: 157px;
}

.ql-editor.ql-blank:focus {
  min-height: 157px;
  max-height: 157px;
}

.toolbar {
  display: flex;
  align-items: center;
  height: 33px;
  border-top: 0.5px solid #e8f0ff;
  padding: 6px;
  flex-grow: 0;
  flex-shrink: 0;
}

.text-editor-comment-attachment {
  margin-bottom: 10px;
}

.text-editor-comment-attachment[data-uploading] .comment-attachment-content {
  color: #b4b6c0;
  border-color: #b4b6c0;
}

.text-editor-image-attachments {
  margin-left: 36px;
  display: flex;
  flex-wrap: wrap;
}

.text-editor-image-attachment-wrapper {
  display: inline-flex;
  height: 92px;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 10px;
  margin-bottom: 10px;
}

.text-editor-image-attachment {
  max-height: 92px;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.text-editor-image-attachment-image {
  width: auto;
  max-height: 92px;
  max-width: 200px;
  border-radius: 5px;
  align-self: flex-start;
}

.text-editor-image-attachment:hover {
  box-shadow: 0 0 4px 0 #b4b6c0;
}

.text-editor-image-attachment-remove {
  height: 25px;
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  color: #f1727f;
  transition: opacity linear 0.1s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  opacity: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 8px;
}

.text-editor-image-attachment:hover .text-editor-image-attachment-remove {
  opacity: 1;
}

.attachment-file-progress {
  transition: opacity linear 0.1s;
  color: #4564fd;
  margin-left: auto;
  margin-right: 4px;
}

.text-editor-comment-attachment:hover .attachment-file-progress {
  opacity: 0;
}

.text-editor-image-upload {
  height: 92px;
  border-left: 1px solid #d8d8d8;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #7b8093;
  font-size: 13px;
  font-weight: 300;
}

.text-editor-image-upload-text,
.text-editor-image-upload-progress {
  margin-left: 8px;
  width: 145px;
}

.text-editor-image-upload-progress[value] {
  margin-top: 8px;
  appearance: none;
  -webkit-appearance: none;
  height: 4px;
}

.text-editor-image-upload-progress[value]::-webkit-progress-bar {
  border: 1px solid #d8d8d8;
  background-color: transparent;
}

.text-editor-image-upload-progress[value]::-webkit-progress-value {
  background-color: #d8d8d8;
}

.toolbar-button.ck-button[data-style=action] {
  display: flex;
  min-width: 75px;
  height: 24px;
  background-color: #e2e4e6;
  margin-right: 20px;
  color: #7b8093;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  border: 2px solid #e2e4e6;
  border-radius: 4px;
  outline: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.toolbar-button.ck-button[data-style=action]:hover {
  background-color: #cdd9e8;
  border-color: #cdd9e8;
}

.toolbar-button.ck-button[data-style=action] .ck-button-text:last-child:not(:only-child) {
  padding: 4px 0;
  height: 24px;
  margin-left: 4px;
  margin-right: 8px;
}

.toolbar-button.ck-button[data-style=action] .ck-button-icon:first-child {
  padding: 0;
  margin-left: 4px;
}

.mention-context-menu {
  max-height: 192px;
  overflow: auto;
}

.mention-item.context-menu-item {
  height: 32px;
  padding-left: 8px;
  color: #223680;
  transition: none;
}

.mention-item.context-menu-item[data-selected] {
  background-color: #4a68f4;
  color: #ffffff;
}

.mention-item .context-menu-item-icon {
  height: 28px;
  margin-right: 16px;
}

.ql-auto-complete-token[data-type=user] {
  color: #4a68f4;
}

.ql-auto-complete-token[data-type=item] {
  color: #9121e9;
}

.text-editor .actions {
  display: flex;
  justify-content: flex-end;
}

.send-button.ck-button[data-style=action] {
  border-radius: 5px;
}

.remove.ck-button[data-style=link] {
  color: red;
  cursor: pointer;
}

.text-engine-auto-complete-dropdown-list {
  width: 280px;
  max-height: 374px;
  overflow: scroll;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}

.text-engine-auto-complete-empty-state {
  width: 280px;
  height: 374px;
}

.thread-error-header {
  overflow: hidden;
  position: relative;
  height: 56px;
  margin: 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.thread-error-header-icon {
  margin-left: 28px;
  display: inline-flex;
  align-self: center;
}

.thread-error-header-title {
  height: 56px;
  font-size: 14px;
  padding-top: 21px;
  padding-bottom: 21px;
  line-height: 1;
  font-weight: 700;
  margin-left: 12px;
  flex-grow: 1;
  text-transform: uppercase;
  letter-spacing: 1.25px;
}

.thread-error-header-hide-button {
  margin-left: auto;
  letter-spacing: 0;
  width: 76px;
  height: 100%;
}

.thread-error-header[data-theme=light] {
  color: rgba(0, 32, 64, 0.38);
  background-color: rgba(69, 100, 253, 0.04);
}
.thread-error-header[data-theme=light] .thread-error-header-icon {
  fill: #919ead;
  opacity: 0.64;
}

.thread-error-header[data-theme=dark] {
  color: rgba(252, 253, 255, 0.7);
}
.thread-error-header[data-theme=dark] .thread-error-header-icon {
  fill: rgba(252, 253, 255, 0.7);
}

/* Graph Colors */
/* Dimensions */
.thread-error {
  top: 80px;
  display: flex;
  flex-direction: column;
  padding: 0;
  z-index: 1000;
  background: #203042;
}

.thread-header {
  background-color: #223680;
  flex-shrink: 0;
  padding-left: 21px;
  display: flex;
  flex-direction: row;
  height: 44px;
}

.thread-header-title {
  height: 44px;
  font-size: 17px;
  padding-top: 13px;
  padding-bottom: 14px;
  line-height: 1;
  color: #00ff75;
  flex-grow: 1;
}

.thread-header-icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00ff75;
  margin-right: 16px;
  align-self: center;
}

.thread-header-button {
  flex-shrink: 0;
  width: 76px;
  height: 44px;
}

/* Graph Colors */
/* Dimensions */
.thread-pane {
  display: flex;
  width: 560px;
  flex-direction: column;
  padding: 0;
  z-index: 1000;
  background: #ffffff;
}

.thread-pane .empty-state-text {
  color: #dadcde;
  font-size: 27px;
  font-weight: 100;
}

.thread-content {
  flex-shrink: 1;
  overflow: auto;
}

.thread-comment-feed-header {
  font-size: 13px;
  font-weight: 700;
  color: #b4b6c0;
  border-top: 1px solid #ebedf5;
  padding-top: 4px;
  padding-left: 56px;
  padding-right: 10px;
  display: flex;
}

.thread[data-style=normal] .thread-comment-feed-header {
  justify-content: flex-start;
}

.thread[data-style=feed] .thread-comment-feed-header {
  font-weight: 300;
  color: #4564fd;
  justify-content: flex-end;
}

.thread-feed-pane {
  display: flex;
  width: 392px;
  flex-direction: column;
  z-index: 1000;
  padding: 0;
  background: #d8d8d8;
}

.thread-feed-pane-header {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  border-bottom: 1px solid #d8d8d8;
  background: #ffffff;
}

.thread-feed-pane-header .thread-feed-pane-header-title {
  align-self: center;
  font-size: 17px;
  font-weight: 100;
  color: #223680;
  margin: 0 auto;
}

.thread-feed-pane-header .thread-feed-pane-header-back-button {
  padding-right: 28px;
  flex-shrink: 1;
}

.thread-feed-pane-search-bar {
  min-height: 44px;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
  align-items: center;
  background: #ffffff;
  padding: 0 28px;
}

.thread-feed-pane-sort {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  font-size: 13px;
  font-weight: 100;
  color: #969799;
}
body:not(.using-mouse) .thread-feed-pane-sort:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.thread-feed-pane-sort::-moz-focus-inner {
  border: 0;
}

.thread-feed-pane-chevron {
  margin-left: 3px;
  stroke: #969799;
  transition: transform 0.2s;
}

.thread-feed-pane-sort[aria-expanded=true] .thread-feed-pane-chevron {
  transform: rotate(180deg);
}

.thread-feed-pane-search {
  flex-grow: 1;
}

.thread-feed {
  overflow: auto;
}

.thread-feed-pane-popover .context-menu-item {
  transition: none;
  font-size: 13px;
  font-weight: 100;
  color: #646566;
}

.thread-feed-pane-popover .context-menu-item:hover {
  background-color: #4a68f4;
  color: #ffffff;
}

.thread-feed-pane-popover .context-menu-item .context-menu-item-icon {
  width: 0;
  margin: 0;
}

.thread-feed-card {
  padding-top: 12px;
  background: #ffffff;
  margin-bottom: 8px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
}

.thread-feed-card:hover {
  background: #f3f7ff;
}

.thread-feed-thread-header {
  padding-left: 33px;
  margin-bottom: 8px;
}

.thread-feed-date-header {
  background: #4564fd;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 5px;
  color: #ffffff;
}

.thread-feed-date-header a {
  color: inherit;
  text-decoration: none;
}

.thread-feed-date-header:before {
  content: "• ";
}

.thread-feed-epilogue {
  height: 104px;
  font-size: 15px;
  padding-top: 44px;
  padding-bottom: 45px;
  line-height: 1;
  color: #4d4d4d;
  text-align: center;
}

/*Delete thread*/
.thread-delete-button {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  margin-left: 8px;
  height: 32px;
}
.thread-delete-button:hover {
  background: #ebebed;
}
.thread-delete-button:active {
  background: #e2e2e4;
}

.m-card-activity-comment-text .mentioned-user, .comment-text-content .mentioned-user, .thread-initial-comment-content .mentioned-user {
  color: #4564fd;
}

.m-card-activity-comment-text .mentioned-item, .comment-text-content .mentioned-item, .thread-initial-comment-content .mentioned-item {
  color: #9121e9;
}

.thread-initial-comment {
  padding-left: 56px;
  padding-right: 56px;
}

.thread-initial-comment-header {
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.thread-initial-comment-content {
  padding-left: 2px;
  line-height: 1.2;
  margin-bottom: 9px;
  margin-top: 8px;
  font-size: 15px;
  color: #4d4d4d;
}

.thread-initial-comment-attachments {
  padding-top: 12px;
  padding-bottom: 9px;
  position: relative;
}

.thread-initial-comment-attachments::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: -16px;
  border-top: 1px solid #ebedf5;
  height: 0;
}

.thread-content [has-attachments] .thread-initial-comment-attachments::before {
  border-top: none;
}

.thread-initial-comment-images {
  margin-bottom: 15px;
}

.thread-initial-comment-image {
  margin-top: 8px;
}
.thread-initial-comment-image:first-child {
  margin-top: 0;
}
.thread-initial-comment-image:last-child {
  margin-bottom: 0;
}

.thread-initial-comment-attachment {
  margin-top: 8px;
}
.thread-initial-comment-attachment:first-child {
  margin-top: 0;
}
.thread-initial-comment-attachment:last-child {
  margin-bottom: 0;
}

.m-thresholds {
  padding: 0 36px 41px 8px;
}

.m-thresholds-header {
  display: flex;
  padding: 16px 0 8px 0;
  width: 360px;
}

.m-thresholds-header-icon {
  fill: #6d7998;
  margin-right: 12px;
}

.m-thresholds-header-text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.36px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  margin: 0;
}

.m-thresholds-form-container {
  display: grid;
  grid-gap: 8px 0;
  grid-template: "enabled enabled" ". content" auto/27px 1fr;
  margin-top: 16px;
  margin-left: 1px;
}

.m-thresholds-align-center {
  display: flex;
  grid-area: enabled;
}

.m-thresholds-content-space {
  grid-area: content;
}

.m-thresholds-table-cell {
  padding: 2px 0;
  word-wrap: break-word;
  list-style: none;
}

.m-thresholds-table-cell:not(:last-child) {
  padding-right: 8px;
}

.m-thresholds-table-cell--head {
  line-height: 16px;
  font-size: 11px;
  letter-spacing: 0.33px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  margin: 0;
  text-align: left;
  width: 104px;
  padding: 0 0 5px 0;
}

.m-thresholds-add-button-icon {
  fill: #aab2c8;
  margin-top: 2px;
}

.m-thresholds-text-dropdown {
  height: 24px;
  width: 112px;
}

.m-thresholds-checkbox-text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.36px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  margin: 6px;
}

.m-thresholds-action-buttons {
  display: flex;
  margin-left: 44px;
}

.m-thresholds-select-container {
  width: 112px;
  position: relative;
  display: flex;
  align-items: center;
}

.m-thresholds-custom-select {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #cfd4e8;
  background-color: #485876;
  width: 100%;
  height: 24px;
  cursor: pointer;
  border-radius: 0;
  border: 1px solid #7786ae;
  appearance: none;
  padding-left: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}
.m-thresholds-custom-select:disabled {
  background-color: #485876;
  color: #8c96b1;
  border-color: #525c6b;
  cursor: no-drop;
}
.m-thresholds-custom-select:focus:not([disabled]) {
  border: 1px solid #415dea;
}
.m-thresholds-custom-select:hover:not([disabled]) {
  border-color: #b2bce9;
}

.m-thresholds-custom-select:focus:not([disabled]) + .m-thresholds-select-icon {
  border-top: 1px solid #415dea;
  border-right: 1px solid #415dea;
  border-bottom: 1px solid #415dea;
}

.m-thresholds-custom-select:hover:not([disabled]) + .m-thresholds-select-icon {
  border-color: #b2bce9;
}

.m-thresholds-custom-select::-ms-expand {
  display: none;
}

.m-thresholds-select-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  border: 1px solid #7786ae;
}

.m-thresholds-custom-select:disabled + .m-thresholds-select-icon {
  border-color: transparent;
}

.m-thresholds-icon {
  fill: #b2bce9;
}

.m-thresholds-custom-select:disabled + .m-thresholds-select-icon > .m-thresholds-icon {
  fill: #7a839b;
}

.m-thresholds-checkbox-field-text {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.36px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  margin: 0 0 16px 0;
}

.m-thresholds-checkbox-label {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 13px;
}
.m-thresholds-checkbox-label:disabled {
  cursor: not-allowed;
}

.m-thresholds-field-container {
  width: 104px;
}

.m-thresholds-table-body-container {
  margin-bottom: 6px;
  height: 30px;
}

.m-thresholds-table {
  border-collapse: separate;
  border-spacing: 0;
}

.timeline-canvas-legend-settings-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.timeline-canvas-legend-settings-header--icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.timeline-canvas-legend-settings-header--input {
  width: 152px;
}

.timeline-canvas-legend-settings-header--buttons {
  margin-left: auto;
  display: flex;
}

.timeline-canvas-legend-settings {
  display: flex;
  flex-direction: column;
  background-color: #2c3c53;
  min-height: 163px;
  min-width: 412px;
}

.timeline-canvas-legend-settings--header {
  padding: 9px 8px 8px 8px;
  border-bottom: 1px solid #485976;
}

.timeline-canvas-legend-settings--title {
  line-height: 16px;
  font-size: 11px;
  letter-spacing: 0.33px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
}

.timeline-canvas-legend-settings--actions {
  margin-top: 5px;
}

.timeline-canvas-legend-settings--content {
  max-width: 540px;
  max-height: 413px;
  overflow-y: auto;
  padding: 6px 16px 16px 16px;
}

/* Graph Colors */
/* Dimensions */
.timeline-canvas {
  display: flex;
  width: 100%;
  height: calc(100vh - 24px);
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.timeline-canvas-header {
  width: 100%;
  background: green;
  position: relative;
  z-index: 400;
}

.timeline-canvas-scrollable-shadow-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
}

.timeline-canvas-scrollable {
  overflow: scroll;
  position: relative;
  overflow-x: hidden;
  cursor: -webkit-grab;
  flex-grow: 1;
  flex-basis: 0;
  flex-shrink: 1;
}

.timeline-canvas-scrollable:active {
  cursor: -webkit-grabbing;
}

.timeline-canvas-wrapper {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  flex-shrink: 1;
  flex-grow: 1;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: #152233;
}

.timeline-canvas-actions {
  position: fixed;
  padding: 16px;
  bottom: 0;
  right: var(--env-scrollbar-width);
  left: 0;
  z-index: 400;
  display: grid;
  grid-gap: 16px;
  grid-template: "above above" "leading trailing";
  pointer-events: none;
}

.timeline-canvas-actions-toolbar {
  display: flex;
  background: #495578;
  border-radius: 0;
}

.timeline-canvas-actions-toolbar .timeline-canvas-action {
  margin-left: 4px;
}
.timeline-canvas-actions-toolbar .timeline-canvas-action:first-child {
  margin-left: 0;
}
.timeline-canvas-actions-toolbar .timeline-canvas-action:last-child {
  margin-right: 0;
}

.timeline-canvas-actions-above {
  grid-area: above;
  display: flex;
  justify-content: center;
}

.timeline-canvas-actions-trailing {
  grid-area: trailing;
  display: flex;
  justify-content: flex-end;
}

.timeline-canvas-actions-leading {
  grid-area: leading;
}

.timeline-canvas-action {
  pointer-events: auto;
  flex-direction: row-reverse;
}

.timeline-canvas-action .a-button-float-icon {
  margin-left: 0;
}

.timeline-canvas-scrollable-content {
  pointer-events: none;
  padding-bottom: 64px;
}

.visualization-comments-canvas {
  flex-shrink: 0;
  flex-grow: 0;
}

.timeline-canvas-scrollable-shadow-left {
  opacity: 0.48;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
}

.timeline-canvas-scrollable-shadow-top {
  background-image: url("/assets/shadow-normal.png");
  background-size: 1px 28px;
  position: absolute;
  top: 0px;
  left: 0;
  right: var(--env-scrollbar-width);
  height: 28px;
  background-repeat: repeat-x;
  pointer-events: none;
}
@media all and (min-device-pixel-ratio: 2) {
  .timeline-canvas-scrollable-shadow-top {
    background-image: url("/assets/shadow-normal@2x.png");
  }
}

.tick-bar {
  display: block;
}

.time-selection-bar {
  display: block;
}

.timeline-card-linkContainer {
  position: relative;
}

.timeline-card-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.m-card-timeline--wrapper {
  isolation: isolate;
  pointer-events: none;
}

.m-card-timeline {
  display: flex;
  flex-direction: column;
}

.m-card-timeline-container {
  display: flex;
  justify-content: space-between;
}

.m-card-timeline-title {
  line-height: 24px;
  font-size: 20px;
  letter-spacing: 0.6px;
  font-family: Roboto;
  font-weight: 400;
  display: block;
  margin: 0;
  width: 336px;
  overflow: hidden;
  white-space: wrap;
}

.m-card-timeline-title[data-untitled] {
  opacity: 0.2;
}

.m-card-timeline-privacy {
  margin-top: 5px;
}

.m-card-timeline-action {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  min-height: 45px;
}

.m-card:hover .m-card-timeline-action-menu-button {
  opacity: 1;
}

.m-card-timeline-action-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -6px -4px;
  padding-top: 15px;
  padding-bottom: 2px;
}

.m-card-timeline-action-tags-tag,
.m-card-timeline-action-tags-add-tags {
  margin: 6px 4px;
  pointer-events: auto;
}

.m-card-timeline-action-menu-button {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  display: flex;
  height: 32px;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}
.m-card-timeline-action-menu-button:focus {
  opacity: 1;
}
.m-card-timeline-action-menu-button:hover, .m-card-timeline-action-menu-button[aria-expanded=true] {
  opacity: 1;
  background: #f0f1f5;
}

.m-card-timeline-action-tag-search {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  border: none;
  width: 153px;
  height: 28px;
  color: #b5b6ba;
  outline: none;
}

.m-card-timeline-tag-add-button {
  opacity: 0;
}
.m-card:hover .m-card-timeline-tag-add-button, .m-card-timeline-tag-add-button:focus {
  opacity: 1;
}

.timelines-content-empty-filter {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 16px 0 0 12px;
}

.timelines-content-empty-filter-icon {
  fill: #d5d5d5;
  margin-bottom: 12px;
}

.timelines-content-empty-title {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #666666;
  margin: 0;
}

.timelines-content-header {
  color: #666666;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 12px;
}

.timelines-content-header-button {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  outline: none;
}
body:not(.using-mouse) .timelines-content-header-button:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.timelines-content-header-button::-moz-focus-inner {
  border: 0;
}

.timelines-content-header-icon {
  fill: #2e3575;
  cursor: pointer;
}

.filter {
  display: flex;
  flex-direction: row;
  position: absolute;
  isolation: isolate;
  will-change: transform;
  top: 0;
  bottom: 0;
  z-index: 800;
  background: #fafbff;
  width: calc(580px + var(--env-scrollbar-width));
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}

.timeline-filter-filte-bar:not([data-scrolled-to-top]) {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
}

.timeline-filter-content {
  margin: 0;
  overflow: auto;
  position: relative;
}

.timeline-filter-filte-bar {
  padding: 12px 16px 8px 16px;
  flex-shrink: 0;
  z-index: 100;
  background: #fafbff;
  top: 0;
  display: grid;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  position: sticky;
}

.timeline-filter-filter-bar-inner {
  border-bottom: 1px solid #e2e4ee;
  display: flex;
  flex-direction: row;
}

.timeline-filter-content-container {
  flex-basis: 0;
  flex-grow: 1;
  display: grid;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(auto, 912px);
}

.timeline-filter-content-container-inner {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
}

.timeline-filter-content-container-timelines {
  flex-grow: 1;
  padding: 0 16px 0 16px;
}

.timeline-filter-content-container-timelines[data-is-loading] {
  opacity: 0.4;
}

.timeline-filter-content-filter-item {
  width: 264px;
  padding-right: 16px;
  padding-left: 24px;
  flex-shrink: 0;
}

.timeline-filter-content-epilogue {
  height: 128px;
}

.filter-loading {
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  padding-bottom: 24px;
}

.m-item-card-container {
  margin-top: 8px;
}
.m-item-card-container:first-child {
  margin-top: 0;
}
.m-item-card-container:last-child {
  margin-bottom: 0;
}

.m-item-card-container[draggable] {
  cursor: grab;
}

.m-item-card-container[data-dragging] {
  cursor: grabbing;
}

/* Graph Colors */
/* Dimensions */
.m-timeline-sharing-header {
  overflow: hidden;
  margin: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  padding: 0 16px 8px 16px;
}

.m-timeline-sharing-header-title,
.m-timeline-sharing-header-disabled {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  flex-grow: 1;
  padding: 10px 0 10px 0;
}

.m-timeline-sharing-header .m-timeline-sharing-header-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #3a4554;
}

.m-timeline-sharing-header[data-theme=light] {
  color: #ffffff;
}

.m-timeline-sharing-header[data-theme=dark] {
  color: #aab2c8;
}

/* Graph Colors */
/* Dimensions */
.m-timeline-sharing-modal {
  display: flex;
  flex-direction: column;
  background: #1a293b;
  width: 496px;
  max-height: 512px;
  padding-bottom: 9px;
  z-index: 200;
  outline: none;
}

.m-timeline-sharing-modal[data-theme=light] {
  background-color: #ffffff;
}

.m-timeline-sharing-modal[data-theme=dark] {
  background-color: #1a293b;
}

.m-timeline-sharing-modal-list-container {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 229px;
}

.m-timeline-sharing-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}

/* Graph Colors */
/* Dimensions */
/*Content*/
.timelines-content-filter-bar-inner {
  align-items: center;
  background: #ffffff;
  border: 1px solid #d3d6df;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  margin-top: 16px;
  min-height: 44px;
}
.timelines-content-filter-bar-inner:focus-within {
  border-color: #9aabf5;
}

.timelines-content-filter-bar-label {
  display: flex;
  margin-left: 10px;
  height: 24px;
  pointer-events: none;
}

.timelines-content-filter-bar-icon {
  fill: #a4aabb;
  cursor: pointer;
}

.timelines-content-filter-bar-results {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

.timelines-content-filter-bar-item {
  flex-shrink: 0;
  flex-grow: 1;
}

.timelines-content-filter-bar-item-header {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #b5b6ba;
  padding: 6px 0;
  margin: 0;
  text-align: right;
}

.timelines-content-clear {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 700;
  color: #495578;
  outline: none;
  position: relative;
  padding: 6px 0;
  flex-shrink: 0;
  align-self: flex-start;
}
.timelines-content-clear:hover {
  color: #2e3575;
}
.timelines-content-clear:active {
  color: #2e3575;
}
body:not(.using-mouse) .timelines-content-clear:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.timelines-content-clear::-moz-focus-inner {
  border: 0;
}
.timelines-content-clear:active {
  text-decoration: underline;
}

/* Graph Colors */
/* Dimensions */
.timeline-settings {
  background: #ffffff;
  display: flex;
  flex-direction: column;
}

.right-sidebar {
  height: calc(100vh - 80px);
  position: absolute;
  right: 0;
  top: 80px;
  z-index: 800;
}

.bottom-anthor {
  z-index: 801;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.timeline-settings .timeline-settings-last-updated {
  margin-top: 5px;
}

.settings-visualization-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.settings-visualization-list-sort-interaction {
  flex-shrink: 0;
  flex-grow: 1;
}

.timeline-settings-actions + .settings-visualization-list {
  margin-top: 30px;
}

.timeline-settings-locations + .timeline-settings-actions {
  margin-top: 23px;
}

.timeline-settings-content {
  overflow: hidden;
  padding: 8px 28px;
  color: #002040;
  min-height: 48px;
  flex-shrink: 0;
}
.timeline-settings-content .timeline-name {
  font-size: 22px;
  margin-bottom: 24px;
  margin-left: -6px;
  max-width: 100%;
}
.timeline-settings-content .separator {
  min-height: 1px;
  min-width: 100%;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 14px;
}
.timeline-settings-content .timeline-update-info {
  font-size: 13px;
  color: #8b91ad;
}
.timeline-settings-content .timeline-update-info-entry {
  margin-bottom: 4px;
}

.timeline-settings-actions {
  padding-top: 24px;
  padding-bottom: 8px;
  display: flex;
}

.timeline-settings-more {
  margin-left: auto;
}

.timeline-settings-visualizations {
  overflow: auto;
  display: flex;
  background-color: black;
  color: #ffffff;
  flex-grow: 1;
}

/* Graph Colors */
/* Dimensions */
.visualization-item-line-chart-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.visualization-item-line-chart-icon::after {
  content: "";
  position: absolute;
  background-color: red;
  border-radius: 50%;
  width: var(--width);
  height: var(--height);
}

.visualization-item-line-chart-icon[data-color=grey-01]::after {
  background-color: #d9defa;
}

.visualization-item-line-chart-icon[data-color=grey-02]::after {
  background-color: #888eb8;
}

.visualization-item-line-chart-icon[data-color=grey-03]::after {
  background-color: #505779;
}

.visualization-item-line-chart-icon[data-color=blue-01]::after {
  background-color: #78b5f3;
}

.visualization-item-line-chart-icon[data-color=blue-02]::after {
  background-color: #318fee;
}

.visualization-item-line-chart-icon[data-color=blue-03]::after {
  background-color: #155fbf;
}

.visualization-item-line-chart-icon[data-color=blue-04]::after {
  background-color: #083d99;
}

.visualization-item-line-chart-icon[data-color=cyan-01]::after {
  background-color: #5bdfda;
}

.visualization-item-line-chart-icon[data-color=cyan-02]::after {
  background-color: #b0fcff;
}

.visualization-item-line-chart-icon[data-color=yellow-01]::after {
  background-color: #f79b34;
}

.visualization-item-line-chart-icon[data-color=yellow-02]::after {
  background-color: #edbe32;
}

.visualization-item-line-chart-icon[data-color=yellow-03]::after {
  background-color: #faef5f;
}

.visualization-item-line-chart-icon[data-color=yellow-04]::after {
  background-color: #fffbcc;
}

.visualization-item-line-chart-icon[data-color=purple-01]::after {
  background-color: #a620ef;
}

.visualization-item-line-chart-icon[data-color=purple-02]::after {
  background-color: #b300c2;
}

.visualization-item-line-chart-icon[data-color=purple-03]::after {
  background-color: #f253d3;
}

.visualization-item-line-chart-icon[data-color=purple-04]::after {
  background-color: #f696e2;
}

.visualization-item-line-chart-icon[data-color=purple-05]::after {
  background-color: #ffd0e3;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-01]::after {
  background-color: #1a3078;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-02]::after {
  background-color: #2542a1;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-03]::after {
  background-color: #318fee;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-04]::after {
  background-color: #5973de;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-05]::after {
  background-color: #8497e0;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-06]::after {
  background-color: #bac2e0;
}

.visualization-item-line-chart-icon[data-color=blue-ocean-07]::after {
  background-color: #fefefe;
}

.visualization-item-status-icon {
  width: 20px;
  height: 20px;
  padding: 5px 0;
}

.visualization-item-line-chart-icon[data-size=normal]::after {
  --width: 6px;
  --height: 6px;
}

.visualization-item-line-chart-icon[data-size=medium]::after {
  --width: 8px;
  --height: 8px;
}

.visualization-item-line-chart-icon[data-size=large]::after {
  --width: 10px;
  --height: 10px;
}

.visualization-settings-tab-bar {
  position: relative;
  width: max-content;
  height: 25px;
  display: grid;
  align-content: start;
  grid-auto-flow: column;
  grid-gap: 12px;
  justify-content: start;
}

.visualization-settings-tab-bar::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 1px;
  background: var(--visualization-settings-tab-bar-background);
  bottom: 0;
}

.visualization-settings-tab-bar-item {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  outline: none;
  position: relative;
  position: relative;
  padding: 4px 0 5px 0;
  color: var(--visualization-settings-tab-bar-item-color);
}
body:not(.using-mouse) .visualization-settings-tab-bar-item:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.visualization-settings-tab-bar-item::-moz-focus-inner {
  border: 0;
}

.visualization-settings-tab-bar-item[data-selected] {
  color: var(--visualization-settings-tab-bar-item-selected-color);
}

.visualization-settings-tab-bar-item[data-selected]::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 1px;
  background: var(--visualization-settings-tab-bar-item-background);
  bottom: 0;
}

.visualization-settings-tab-bar[data-style=green] {
  --visualization-settings-tab-bar-background: #6b768c;
  --visualization-settings-tab-bar-item-background: #00ff88;
  --visualization-settings-tab-bar-item-color: #00ff88;
  --visualization-settings-tab-bar-item-selected-color: #00ff88;
}

.visualization-settings-tab-bar[data-style=mild] {
  --visualization-settings-tab-bar-background: #485876;
  --visualization-settings-tab-bar-item-background: #d7dffe;
  --visualization-settings-tab-bar-item-color: #aab2c8;
  --visualization-settings-tab-bar-item-selected-color: #d7dffe;
}

.visualization-settings-fieldset {
  padding-bottom: 20px;
}

.settings-field-input {
  width: 56px;
}

.settings-field {
  width: 132px;
}

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

.settings-field-validation-error {
  color: #c43e62;
  font-size: 12px;
  margin-left: calc(100% - 56px);
  margin-top: 8px;
}

.settings-field-title {
  margin-right: 10px;
  font-size: 13px;
  color: #ffffff;
}

/* Graph Colors */
/* Dimensions */
.visualization-settings-header {
  height: 61px;
  display: flex;
}

.visualization-settings-header-title-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-right: 28px;
}

.visualization-settings-header-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0.4px;
  color: #e2e4e6;
  margin-left: -6px;
  flex-grow: 1;
}

.visualization-settings-header-actions {
  display: flex;
  align-items: center;
}

.visualization-settings-header-action {
  margin-left: 2px;
  transition: background-color 200ms ease, fill 200ms ease;
  width: 32px;
  height: 32px;
  padding: 6px;
  display: block;
  fill: #e2e4e6;
  border-radius: 4px;
}
.visualization-settings-header-action:first-child {
  margin-left: 0;
}
.visualization-settings-header-action:last-child {
  margin-right: 0;
}

.visualization-settings-header-action:hover {
  background-color: #33435e;
  fill: #ffffff;
}

.visualization-settings-header-action:active {
  background-color: #132030;
  fill: #3aa16a;
}

.visualization-settings-header-title.inline-editable:hover {
  border-color: rgba(222, 227, 255, 0.35);
  background-color: #354460;
}

.visualization-settings-header-title.inline-editable:focus {
  width: max-content !important;
  border-color: #00ff75;
  background-color: #354460;
}

.visualization-settings-header-title.missing.inline-editable:focus {
  opacity: 1;
}

/* Graph Colors */
/* Dimensions */
.visualization-settings {
  top: 80px;
  display: flex;
  flex-direction: column;
  padding: 0;
  z-index: 1000;
  background: #203042;
}

.visualization-settings-header-content {
  padding: 0 28px;
}

.visualization-settings-content {
  overflow: auto;
  flex-grow: 1;
  background: #06101f;
  display: flex;
  flex-direction: column;
}

.visualization-settings-visualization-list {
  margin: 8px 0;
  flex-grow: 1;
}

.visualization-settings-tab {
  margin-top: 20px;
}

.line-chart-range-fieldset {
  padding-bottom: 34px;
}

.visualization-settings-radio-group {
  margin-top: 4px;
  margin-left: 1px;
}

.visualization-settings-radio-button {
  height: 32px;
  gap: 13px;
}

.visualization-settings-radio-button--label {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: white;
}

.visualization-settings-fieldset-axis {
  display: flex;
  padding-left: 56px;
}

.visualization-settings-fieldset-axis:first-child {
  margin-left: 54px;
}

.visualization-settings-fieldset-paragraph {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.36px;
  font-family: Roboto;
  font-weight: 400;
  margin: 0;
  padding: 16px 0 8px 0;
  color: #aab2c8;
}

.visualization-settings-segmented-control {
  height: 72px;
  padding: 8px;
  margin-top: 17px;
  position: relative;
  display: flex;
  justify-content: center;
}

.visualization-settings-segmented-control::after,
.visualization-settings-segmented-control::before {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  right: 0;
  opacity: 0.32;
  background: linear-gradient(to right, rgba(200, 200, 200, 0), #c7c7c7 31%, #c7c7c7 66%, rgba(197, 197, 197, 0));
}

.visualization-settings-segmented-control::after {
  bottom: 0;
}

.visualization-settings-segmented-control::before {
  top: 0;
}

.visualization-settings-segmented-control-item {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  margin-left: 14px;
  padding: 10px 14px 5px 14px;
  padding-left: 14px;
  padding-right: 14px;
  width: 84px;
  height: 56px;
  color: #e2e4e6;
  display: flex;
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.visualization-settings-segmented-control-item:first-child {
  margin-left: 0;
}
.visualization-settings-segmented-control-item:last-child {
  margin-right: 0;
}

.visualization-settings-segmented-control-item-icon {
  width: 22px;
  height: 22px;
  fill: #e2e4e6;
}

.visualization-settings-segmented-control-item-title {
  color: #e6e6e6;
  font-size: 11px;
  margin-top: 3px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.visualization-settings-segmented-control-item:hover {
  background-color: #354460;
}

.visualization-settings-segmented-control-item[data-selected] {
  background-color: #00ff88;
  color: black;
}

.visualization-settings-segmented-control-item[data-selected] .visualization-settings-segmented-control-item-title {
  color: #071c31;
}

.visualization-settings-segmented-control-item[data-selected] .visualization-settings-segmented-control-item-icon {
  fill: #203042;
}

.item-profile {
  width: 340px;
  display: grid;
  height: 72px;
  padding: 16px 20px 16px 16px;
  gap: 4px 16px;
  grid-template: "avatar name button" auto "avatar email button" auto/40px minmax(0, 1fr) max-content;
  align-content: center;
  align-items: center;
}

.item-profile--user-avatar {
  grid-area: avatar;
  border-radius: 50%;
}

.item-profile-user--name {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 700;
  color: #000000;
  grid-area: name;
  align-self: end;
  text-decoration: none;
  outline: none;
}

.item-profile-user--email {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  color: #666666;
  grid-area: email;
  align-self: start;
}

.item-profile-user--name,
.item-profile-user--email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: "…";
}

.item-profile-user--button {
  grid-area: button;
}

.m-card-activity {
  border: 0;
  margin-top: 12px;
  padding: 16px;
  display: grid;
  gap: 8px;
}
.m-card-activity:hover {
  border: 0;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
}

.m-card-activity-header {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  outline: none;
  position: relative;
  justify-self: start;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: none;
  display: inline-flex;
}
body:not(.using-mouse) .m-card-activity-header:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.m-card-activity-header::-moz-focus-inner {
  border: 0;
}
.m-card-activity-header:hover {
  color: rgba(0, 0, 0, 0.84);
}

.m-card-activity-header[data-untitled] {
  color: rgba(0, 0, 0, 0.2);
}
.m-card-activity-header[data-untitled]:hover {
  color: rgba(0, 0, 0, 0.34);
}

.m-card-activity-description {
  display: grid;
  grid-template-columns: auto max-content;
  gap: 24px;
}

.m-card-activity-description--title {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.84);
  margin: 0;
}

.m-card-activity-description--timestamp {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  max-width: 200px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.4);
}

.m-card-activity--content {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.56);
}
.m-card-activity--content:hover {
  color: rgba(0, 0, 0, 0.84);
}

.m-card-activity--context-link {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  outline: none;
  position: relative;
  padding: 2px 0;
  display: inline-flex;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.56);
}
body:not(.using-mouse) .m-card-activity--context-link:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.m-card-activity--context-link::-moz-focus-inner {
  border: 0;
}
.m-card-activity--context-link:hover {
  color: rgba(0, 0, 0, 0.84);
}

.page-checkbox-icon {
  padding-right: 12px;
  width: 17px;
  height: 17px;
}

.page-checkbox-signals {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: "…";
  text-align: left;
}

.page-checkbox-signals-unit {
  display: flex;
  align-items: center;
}

.export-modal-items-signals {
  margin-top: auto;
  margin-bottom: auto;
  word-wrap: break-word;
  width: 250px;
  display: flex;
  align-items: center;
  margin-left: 11px;
}
.export-modal-items-signalsspan {
  color: #ffffff;
  line-height: 21px;
  font-size: 16px;
  letter-spacing: 0.64px;
  font-family: Akkurat;
  font-weight: 400;
}

.export-modal-items-col {
  flex: 1;
}

.export-modal-items-col {
  display: flex;
  align-items: center;
  margin-right: 7px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .export-modal-items-col {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
.export-modal-visualization-container {
  border-top: 1px solid black;
  padding-top: 19px;
  padding-bottom: 23px;
  display: flex;
  justify-content: space-between;
}

.m-visualization-settings-menu-content {
  display: flex;
  padding: 16px 0 8px 0;
}

.m-visualization-settings-menu-content-title {
  line-height: 16px;
  font-size: 12px;
  letter-spacing: 0.36px;
  font-family: Roboto;
  font-weight: 400;
  color: #aab2c8;
  margin: 0;
}

.m-visualization-settings-display-type-d-flex {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 12px;
  justify-content: start;
}

.m-visualization-settings-display-type-header-content-container {
  margin-top: 3px;
}

.m-visualization-settings-display-type-control-item {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  padding: 9px 15px 0px 15px;
  padding-left: 14px;
  padding-right: 14px;
  width: 84px;
  height: 56px;
  color: #cfd4e8;
  border-radius: 0;
  display: grid;
  align-content: start;
  justify-items: center;
  grid-gap: 4px;
  fill: #aab2c8;
}
.m-visualization-settings-display-type-control-item:not([data-selected]):hover {
  background: #c7d1fe;
  fill: #283443;
  color: #283443;
}
.m-visualization-settings-display-type-control-item:not([data-selected]):active {
  background: #c7d1fe;
  fill: #283443;
  color: #283443;
}
.m-visualization-settings-display-type-control-item[data-selected] {
  background-color: #c7d1fe;
  fill: #283443;
  color: #283443;
}

.m-visualization-settings-control-display-type-title {
  line-height: 16px;
  font-size: 11px;
  letter-spacing: 0.33px;
  font-family: Roboto;
  font-weight: 400;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.setup-header {
  display: grid;
  gap: 8px;
}

.setup-header--title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.038em;
  color: #002040;
  padding: 0;
  margin: 0;
}

.setup-header--description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.038em;
  color: #002040;
  padding: 0;
  margin: 0;
}

.setup-panel--form {
  display: grid;
  gap: 12px;
  align-items: stretch;
  justify-content: stretch;
}

.setup-panel-form--password-description {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  padding: 6px 0;
  color: #152233;
  margin: 0;
}
.setup-panel-form--password-description[data-validity=invalid] {
  color: #e75f6d;
}

.form-button.flat-button {
  width: auto;
  justify-content: center;
}

.sharing-info {
  padding: 0;
  margin: 0;
  display: flex;
}

.sharing-info-entry {
  margin-left: 16px;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  color: #aab2c8;
  fill: #afb3bf;
}
.sharing-info-entry:first-child {
  margin-left: 0;
}
.sharing-info-entry:last-child {
  margin-right: 0;
}

.sharing-info-entry-text {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 4px;
}

.visualization-legend {
  display: flex;
  align-items: flex-start;
  max-width: min(calc(100vw - 580px), 748px);
  cursor: pointer;
  pointer-events: auto;
  margin-left: 24px;
  padding-top: 10px;
  z-index: 200;
  position: relative;
}

.visualization-legend-visualization-items {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}

[data-items-menu-visible] .visualization-legend {
  transform: translateX(580px);
}

.present-ruler-popover {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  min-width: 71px;
  cursor: default;
  height: 41px;
  background: rgba(57, 70, 97, 0.9);
  position: absolute;
  left: 0;
  bottom: 14px;
  padding: 1px 12px 0 12px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  will-change: transform;
}

.present-ruler-popover::after {
  border: 8px solid;
  border-color: rgba(57, 70, 97, 0.9) transparent transparent;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
}

.present-ruler-popover-description, .present-ruler-popover-title {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  color: #aab2c8;
  letter-spacing: 0.02em;
}

.present-ruler-popover-title {
  text-transform: uppercase;
}

.present-timestamp-ruler {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  width: 1px;
  background: #111b29;
  pointer-events: none;
}

/* Graph Colors */
/* Dimensions */
.time-range-tooltip {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
  min-width: 352px;
  border-radius: 6px;
  display: inline-grid;
  grid-template-columns: max-content 10px 1fr 22px max-content;
  grid-template-rows: auto 5px auto 13px auto;
  padding: 10px 16px;
  border: solid 1px #3c4756;
  background-color: #0e1825;
}

.time-range-tooltip[data-temporarily] {
  background-color: #313e50;
}

.time-range-tooltip-start-label {
  grid-row: 1/2;
  grid-column: 1/2;
}

.time-range-tooltip-start-date {
  grid-row: 1/2;
  grid-column: 3/4;
}

.time-range-tooltip-start-time {
  grid-row: 1/2;
  grid-column: 5/6;
  text-align: right;
}

.time-range-tooltip-end-label {
  grid-row: 3/4;
  grid-column: 1/2;
}

.time-range-tooltip-end-date {
  grid-row: 3/4;
  grid-column: 3/4;
}

.time-range-tooltip-end-time {
  grid-row: 3/4;
  grid-column: 5/6;
  text-align: right;
}

.time-range-tooltip-length {
  grid-row: 5/6;
  grid-column: 1/2;
}

.time-range-tooltip-length-value {
  grid-row: 5/6;
  grid-column: 3/6;
}

.time-range-tooltip-label {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #f2f3f5;
}

.time-range-tooltip-content {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

.time-range-tooltip-content[data-selected] {
  font-weight: 700;
}

.timeline-ruler-timestamp {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  min-width: 87px;
  padding: 4px 12px 3px 12px;
  left: 0;
  position: absolute;
  bottom: 14px;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  pointer-events: none;
  font-weight: 700;
}

.timeline-ruler-timestamp[data-ruler-style=scrubbing] {
  background-color: rgba(10, 20, 34, 0.8);
  color: #cfd4e8;
}

.timeline-ruler-timestamp[data-ruler-style=highlighted],
.timeline-ruler-timestamp[data-ruler-style=pinned] {
  background-color: rgba(65, 93, 234, 0.8);
  color: #ffffff;
}

.tooltip-container {
  position: absolute;
  top: -3px;
  margin-left: 16px;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, auto);
  justify-items: start;
  left: 0;
}

/* Graph Colors */
/* Dimensions */
.tooltip-item {
  background-color: rgba(10, 20, 34, 0.85);
  display: flex;
  flex-shrink: 0;
  max-width: 195px;
  padding: 4px;
  height: 24px;
  pointer-events: auto;
}

.tooltip-item-text {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  line-height: 16px;
  color: #8c96b1;
}

.tooltip-item-name {
  margin-left: 4px;
  font-weight: normal;
}

.tooltip-item-value {
  font-weight: bold;
  color: #cfd4e8;
}

.tooltip-item-icon {
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  position: relative;
  flex-shrink: 0;
}

.tooltip-item-icon::after {
  width: 8px;
  height: 8px;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  background: green;
}

.tooltip-item[data-visualization-type=line-chart] .tooltip-item-icon::after {
  border-radius: 50%;
}

.tooltip-item[data-color=grey-01] .tooltip-item-icon::after {
  background-color: #d9defa;
}

.tooltip-item[data-color=grey-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(217, 222, 250, 0.22);
}

.tooltip-item[data-color=grey-02] .tooltip-item-icon::after {
  background-color: #888eb8;
}

.tooltip-item[data-color=grey-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(136, 142, 184, 0.22);
}

.tooltip-item[data-color=grey-03] .tooltip-item-icon::after {
  background-color: #505779;
}

.tooltip-item[data-color=grey-03][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(80, 87, 121, 0.22);
}

.tooltip-item[data-color=blue-01] .tooltip-item-icon::after {
  background-color: #78b5f3;
}

.tooltip-item[data-color=blue-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(120, 181, 243, 0.22);
}

.tooltip-item[data-color=blue-02] .tooltip-item-icon::after {
  background-color: #318fee;
}

.tooltip-item[data-color=blue-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(49, 143, 238, 0.22);
}

.tooltip-item[data-color=blue-03] .tooltip-item-icon::after {
  background-color: #155fbf;
}

.tooltip-item[data-color=blue-03][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(21, 95, 191, 0.22);
}

.tooltip-item[data-color=blue-04] .tooltip-item-icon::after {
  background-color: #083d99;
}

.tooltip-item[data-color=blue-04][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(8, 61, 153, 0.22);
}

.tooltip-item[data-color=cyan-01] .tooltip-item-icon::after {
  background-color: #5bdfda;
}

.tooltip-item[data-color=cyan-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(91, 223, 218, 0.22);
}

.tooltip-item[data-color=cyan-02] .tooltip-item-icon::after {
  background-color: #b0fcff;
}

.tooltip-item[data-color=cyan-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(176, 252, 255, 0.22);
}

.tooltip-item[data-color=yellow-01] .tooltip-item-icon::after {
  background-color: #f79b34;
}

.tooltip-item[data-color=yellow-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(247, 155, 52, 0.22);
}

.tooltip-item[data-color=yellow-02] .tooltip-item-icon::after {
  background-color: #edbe32;
}

.tooltip-item[data-color=yellow-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(237, 190, 50, 0.22);
}

.tooltip-item[data-color=yellow-03] .tooltip-item-icon::after {
  background-color: #faef5f;
}

.tooltip-item[data-color=yellow-03][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(250, 239, 95, 0.22);
}

.tooltip-item[data-color=yellow-04] .tooltip-item-icon::after {
  background-color: #fffbcc;
}

.tooltip-item[data-color=yellow-04][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(255, 251, 204, 0.22);
}

.tooltip-item[data-color=purple-01] .tooltip-item-icon::after {
  background-color: #a620ef;
}

.tooltip-item[data-color=purple-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(166, 32, 239, 0.22);
}

.tooltip-item[data-color=purple-02] .tooltip-item-icon::after {
  background-color: #b300c2;
}

.tooltip-item[data-color=purple-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(179, 0, 194, 0.22);
}

.tooltip-item[data-color=purple-03] .tooltip-item-icon::after {
  background-color: #f253d3;
}

.tooltip-item[data-color=purple-03][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(242, 83, 211, 0.22);
}

.tooltip-item[data-color=purple-04] .tooltip-item-icon::after {
  background-color: #f696e2;
}

.tooltip-item[data-color=purple-04][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(246, 150, 226, 0.22);
}

.tooltip-item[data-color=purple-05] .tooltip-item-icon::after {
  background-color: #ffd0e3;
}

.tooltip-item[data-color=purple-05][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(255, 208, 227, 0.22);
}

.tooltip-item[data-color=blue-ocean-01] .tooltip-item-icon::after {
  background-color: #1a3078;
}

.tooltip-item[data-color=blue-ocean-01][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(26, 48, 120, 0.22);
}

.tooltip-item[data-color=blue-ocean-02] .tooltip-item-icon::after {
  background-color: #2542a1;
}

.tooltip-item[data-color=blue-ocean-02][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(37, 66, 161, 0.22);
}

.tooltip-item[data-color=blue-ocean-03] .tooltip-item-icon::after {
  background-color: #318fee;
}

.tooltip-item[data-color=blue-ocean-03][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(49, 143, 238, 0.22);
}

.tooltip-item[data-color=blue-ocean-04] .tooltip-item-icon::after {
  background-color: #5973de;
}

.tooltip-item[data-color=blue-ocean-04][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(89, 115, 222, 0.22);
}

.tooltip-item[data-color=blue-ocean-05] .tooltip-item-icon::after {
  background-color: #8497e0;
}

.tooltip-item[data-color=blue-ocean-05][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(132, 151, 224, 0.22);
}

.tooltip-item[data-color=blue-ocean-06] .tooltip-item-icon::after {
  background-color: #bac2e0;
}

.tooltip-item[data-color=blue-ocean-06][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(186, 194, 224, 0.22);
}

.tooltip-item[data-color=blue-ocean-07] .tooltip-item-icon::after {
  background-color: #fefefe;
}

.tooltip-item[data-color=blue-ocean-07][data-visualization-type=line-chart] .tooltip-item-icon::after {
  box-shadow: 0 0 0 4px rgba(254, 254, 254, 0.22);
}

.timeline-card-comment {
  display: flex;
  justify-content: flex-end;
  width: 200px;
  height: 33px;
  margin-top: 5px;
}

.timeline-card-comment-content {
  margin-right: 8px;
  text-align: right;
}

.timeline-card-comment-content p {
  line-height: 16px;
  font-size: 13px;
  font-family: Akkurat;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}

.timeline-card-comment-content span {
  line-height: 16px;
  font-size: 13px;
  font-family: Akkurat;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.38);
  display: inline-block;
}

.timeline-card-comment-text-overflow {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: "…";
  text-align: right;
}

.timeline-card-comment-image {
  overflow: hidden;
  display: inline-block;
}

.timeline-comment-container {
  margin-right: 5px;
}

.timeline-comment-loading {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 200px;
  height: 33px;
}

.timeline-comment-loading .timeline-comment-loading-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f2f3fc;
  background-size: 600px;
}

.timeline-comment-loading .timeline-comment-loading-line {
  width: 137px;
  height: 14px;
  margin-top: 5px;
  border-radius: 0;
  background: linear-gradient(90deg, #f2f3fc 0px, #f2f3fc 40px, #f2f3fc 80px);
}

.permission-invite-form {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #3a4554;
}

.permission-invite-form-permission {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
}

.permission-invite-form-subject {
  margin-right: 22px;
  display: flex;
}

.permission-invite-form-subject-input {
  width: 260px;
}

.a-button.permission-invite-form-button {
  margin-right: 8px;
}

.m-card-activity-collapsed-comments {
  padding: 0;
  margin: 0;
}

.m-card-activity-collapsed-comment {
  display: flex;
  list-style: none;
  box-shadow: inset 0 -1px 0 0 #d3d6df;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.m-card-activity-collapsed-comment:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  box-shadow: none;
}

.m-card-activity-collapsed-replies {
  margin: 8px 0 0 10px;
  padding: 0 0 0 15px;
  border-left: 1px solid #d3d6df;
  list-style: none;
  display: grid;
  gap: 16px;
}

.comment-text-content .mentioned-user, .thread-initial-comment-content .mentioned-user, .m-card-activity-comment-text .mentioned-user {
  color: #4564fd;
}

.comment-text-content .mentioned-item, .thread-initial-comment-content .mentioned-item, .m-card-activity-comment-text .mentioned-item {
  color: #9121e9;
}

.m-card-activity-comment {
  outline: none;
  position: relative;
  display: flex;
  flex-grow: 1;
  align-content: center;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.56);
}
body:not(.using-mouse) .m-card-activity-comment:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.m-card-activity-comment::-moz-focus-inner {
  border: 0;
}
.m-card-activity-comment:hover {
  background: rgba(69, 100, 253, 0.16);
  color: rgba(0, 0, 0, 0.84);
}

.m-card-activity-comment-text {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  margin: 0;
  padding-left: 8px;
  text-align: left;
}

.m-card-activity-comment-text[data-preview] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
}

.m-card-activity-comment-container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
}

.m-card-activity-attachment .comment-attachment-content {
  margin-top: 8px;
  border-radius: 0;
  border-color: #a4aabb;
  color: #495578;
}

/* Graph Colors */
/* Dimensions */
.timelines-content-activities-wrapper {
  height: calc(100vh - 64px);
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
}

.timelines-content-activities-container {
  flex-basis: 0;
  flex-grow: 1;
  display: grid;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(auto, 560px);
}

.timelines-content-activities-container-inner {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
}

.timelines-content-activities {
  flex-shrink: 0;
  flex-grow: 1;
  width: 560px;
}

/* Graph Colors */
/* Dimensions */
.items-quest-container {
  margin: 0;
  height: calc(100vh - 64px);
  overflow: auto;
  position: relative;
  background: #fafbff;
  display: grid;
  justify-content: center;
  grid-template-rows: auto 1fr;
  grid-template-columns: minmax(auto, 556px);
}

.items-quest-content-filter-bar {
  z-index: 100;
  background: #fafbff;
  top: 0;
  display: grid;
  position: sticky;
}

.items-quest-filter-content-container {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
}

.items-quest-content-filter-item {
  width: 224px;
  padding-right: 16px;
  padding-left: 8px;
  flex-shrink: 0;
}

.item-quest-content-container-timelines {
  flex-grow: 1;
  margin-right: 16px;
  margin-left: 16px;
  display: grid;
  grid-gap: 16px;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
  grid-template-columns: 1fr;
}

.item-quest-content-container-timelines[data-is-loading] {
  opacity: 0.4;
}

.item-quest-filter-content-epilogue {
  height: 128px;
}

.items-quest-list-link {
  text-decoration: none;
}

.items-details-entries {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
  grid-template-rows: min-content;
  grid-auto-rows: min-content;
  gap: 32px 24px;
  padding: 32px 44px;
}

.items-details-entry {
  display: flex;
  flex-direction: column;
}

.items-details-entry-title {
  font-size: 15px;
  line-height: 20px;
  color: #aab2c8;
}

.items-details-entry-value {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #e6eafc;
}

.items-details-entry-sub-title {
  font-size: 15px;
  line-height: 20px;
  color: #7a839b;
}

.items-details-entry[data-size=large] .items-details-entry-value {
  font-size: 22px;
  line-height: 34px;
}

.items-header {
  padding: 24px;
  gap: 8px 24px;
  display: grid;
  grid-template-areas: "header actions" "metadata actions";
  grid-template-columns: 1fr max-content;
  grid-template-rows: auto auto;
}

.items-header-title {
  grid-area: header;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  color: #e6eafc;
}

.items-header-eng-unit {
  margin-left: 8px;
  color: #7a839b;
}

.items-header-metadata {
  grid-area: metadata;
  padding: 0;
  margin: 0;
}

.items-header-metadata-entry {
  list-style: none;
  font-size: 15px;
  line-height: 20px;
  padding: 2px 0;
  display: flex;
}

.items-header-metadata-entry-title {
  color: #8c96b1;
}

.items-header-metadata-entry-icon {
  display: flex;
  width: 16px;
  height: 16px;
  align-self: center;
  fill: #aab2c8;
  margin-left: 2px;
}

.items-header-metadata-entry-value {
  margin-left: 2px;
  color: #aab2c8;
}

.items-header-metadata-entry-value[data-placeholder] {
  color: #7a839b;
}

.items-header-actions {
  grid-area: actions;
}

.item-data-canvas-visualization {
  padding: 16px 0;
}

.item-data-canvas-container {
  isolation: isolate;
  display: grid;
  gap: 12px;
  grid-template-columns: 912px;
  grid-template-rows: minmax(52px, 90px) minmax(554px, 1fr) minmax(42px, 90px);
  grid-template-areas: "item-data-canvas-header" "item-data-canvas-content" ".";
  height: 100vh;
  justify-content: center;
}
@supports not (isolation: isolate) {
  .item-data-canvas-container {
    transform: scale(1);
  }
}

.item-data-canvas-header {
  grid-area: item-data-canvas-header;
  display: grid;
  justify-content: end;
  justify-items: end;
  align-content: end;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  grid-column-gap: 24px;
  grid-template-columns: max-content;
  grid-template-rows: auto;
}

.item-data-canvas {
  grid-area: item-data-canvas-content;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "header" "canvas" "details";
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}

.items-header {
  border-radius: 8px 8px 0 0;
  grid-area: header;
  background-color: #212d42;
  border-bottom: 1px solid #0a1422;
}

.items-content {
  grid-area: canvas;
  overflow: hidden;
}

.items-details {
  grid-area: details;
  overflow: auto;
  border-radius: 0 0 8px 8px;
  background-color: #212d42;
  border-top: 1px solid #0a1422;
}

.item-data-canvas .timeline-canvas-scrollable {
  overflow: initial;
}

.item-data-canvas-scrollable-content {
  pointer-events: none;
}

.index-loading-error {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index-loading-error-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-loading-error-text {
  line-height: 20px;
  font-size: 17px;
  letter-spacing: 0.68px;
  font-family: Roboto;
  font-weight: 400;
  color: #495578;
  margin-top: 24px;
  margin-bottom: 52px;
}

.index-loading-error-button {
  line-height: 20px;
  font-size: 17px;
  letter-spacing: 0.68px;
  font-family: Roboto;
  font-weight: 400;
}

/* Graph Colors */
/* Dimensions */
.timelines-content {
  margin: 0;
  height: calc(100vh - 64px);
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
}

.timelines-content-filter-bar {
  flex-shrink: 0;
  z-index: 100;
  background: #fafbff;
  top: 0;
  display: grid;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(auto, 912px);
  position: sticky;
}

.timelines-content-filter-bar-section {
  padding-bottom: 8px;
}

.timelines-content-container {
  flex-basis: 0;
  flex-grow: 1;
  display: grid;
  justify-content: center;
  grid-template-rows: 1fr;
  grid-template-columns: minmax(auto, 912px);
}

.timelines-content-container-inner {
  margin-top: 16px;
  display: flex;
  flex-direction: row;
}

.timelines-content-container-timelines {
  flex-grow: 1;
  margin-left: 24px;
}

.timelines-content-item {
  width: 240px;
  margin-right: 32px;
  flex-shrink: 0;
}

.keyword-filter-bar-input {
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-top: 0;
  margin-left: 8px;
  color: #8088a1;
  border: none;
  width: 200px;
  outline: none;
  background: transparent;
}

.keyword-filter-token-field {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.keyword-filter-token-field-token,
.a-tag-filter[data-style=filter-text] {
  margin: 8px 4px 6px 8px;
  height: 28px;
}

.timelines-content-epilogue {
  height: 128px;
}

.timelines-content-non-ideal-state {
  margin-top: 200px;
}

.timelines-content-error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timelines-content-filter-item {
  width: 224px;
  padding-right: 16px;
  padding-left: 28px;
  flex-shrink: 0;
}

.invitations-show {
  display: grid;
  gap: 20px;
  align-items: stretch;
  justify-content: stretch;
}

.invitations-show--title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.038em;
  color: #002040;
  padding: 0;
  margin: 0;
}

.invitations-show--description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0.038em;
  color: #002040;
  padding: 0;
  margin: 0;
}

.invitations-show--join-button {
  width: auto;
  justify-content: center;
}

.demo-data-card {
  display: grid;
  grid-template-rows: 134px auto;
  position: relative;
  outline: none;
}
.demo-data-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 0 0 1px #d3d6df;
}
.demo-data-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0px 4px rgba(21, 34, 51, 0.08), 0px 2px 12px rgba(21, 34, 51, 0.08);
  opacity: 0;
  transition: opacity 150ms ease-out;
}
.demo-data-card:hover::before, .demo-data-card:focus::before {
  box-shadow: 0 0 0 1px #4564fd;
}
.demo-data-card:hover::after, .demo-data-card:focus::after {
  opacity: 1;
}
.demo-data-card[aria-checked=true]::before {
  box-shadow: 0 0 0 2px #4564fd;
}
.demo-data-card[aria-checked=true]::after {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(21, 34, 51, 0.12);
  opacity: 1;
}
.demo-data-card[aria-checked=true] .demo-data-card--checkmark {
  opacity: 1;
}

.demo-data-card--checkmark {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  pointer-events: none;
}

.demo-data-card--image {
  width: 100%;
  object-fit: cover;
}

.demo-data-card--content {
  display: grid;
  padding: 12px;
  gap: 8px;
}

.demo-data-card--title {
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-weight: bold;
  font-size: 17px;
  line-height: 28px;
  color: #2e3a5e;
}

.demo-data-card--description {
  margin: 0;
  padding: 0;
  font-family: Roboto;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #2e3a5e;
}

.onboarding-step-header {
  display: grid;
  gap: 8px;
}

.onboarding-step-header--progress {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.038em;
  text-transform: uppercase;
  color: #2e3a5e;
}

.onboarding-step-header--title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.038em;
  padding: 0;
  margin: 0;
  color: #2e3a5e;
}

.organization-new-form {
  display: grid;
  gap: 12px;
}

.organization-new-form--button.flat-button {
  width: auto;
  justify-content: center;
}

.organization-new-form--description {
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #495578;
}

.demo-data--card-container {
  display: grid;
  margin: 0;
  border: none;
  padding: 0;
  position: relative;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
}

/*Accessible*/
.a-legend-signal {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  display: flex;
  padding: 4px 6px;
  color: #7a839b;
}
body:not(.using-mouse) .a-legend-signal:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.a-legend-signal::-moz-focus-inner {
  border: 0;
}
.a-legend-signal:not([disabled]):not([data-is-active]):hover {
  background-color: #222e45;
}
.a-legend-signal:not([disabled]):not([data-is-active]):active {
  background-color: #0a1422;
}
.a-legend-signal[data-is-active] {
  background-color: #2c3c53;
  color: #aab2c8;
}
.a-legend-signal[disabled] {
  color: #7786ae;
  fill: #7786ae;
}

.a-legend-signal-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  margin-right: 8px;
}

.visualization-item-line-chart-icon.a-legend-signal-icon {
  width: 6px;
}

.visualization-item-status-icon.a-legend-signal-icon {
  width: 6px;
}

.a-legend-item-name {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
}

.a-legend-signal-icon-inaccessible {
  margin-top: 1px;
}

/*Inaccessible*/
.a-legend-signal-denied {
  padding: 4px 6px;
  color: #7786ae;
  fill: rgba(119, 134, 174, 0.7);
  display: flex;
  align-items: flex-start;
}
.a-legend-signal-denied:hover {
  background-color: #1e2c43;
  color: #b2bce9;
  fill: rgba(178, 188, 233, 0.7);
}

.a-legend-signal-denied-icon {
  display: flex;
}

.a-legend-signal-denied-name {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  margin-left: 1px;
}

.a-legend-visual-active {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  outline: none;
  position: relative;
  display: flex;
  flex-shrink: 0;
  padding: 4px;
  color: #7a839b;
}
body:not(.using-mouse) .a-legend-visual-active:focus::after {
  content: "";
  position: absolute;
  left: -3px;
  right: -3px;
  top: -3px;
  bottom: -3px;
  border: 1px solid #4564fd;
  border-radius: 0;
}
.a-legend-visual-active::-moz-focus-inner {
  border: 0;
}
.a-legend-visual-active:not([disabled]):not([data-is-active]):hover {
  background-color: #222e45;
}
.a-legend-visual-active:not([disabled]):not([data-is-active]):active {
  background-color: #0a1422;
}
.a-legend-visual-active[data-is-active] {
  background-color: #2c3c53;
  color: #aab2c8;
}

.a-legend-visual-title {
  line-height: 16px;
  font-size: 13px;
  letter-spacing: 0.39px;
  font-family: Roboto;
  font-weight: 400;
  margin-left: 7px;
  margin-right: 2px;
}

.a-legend-visual-icon {
  display: flex;
  align-content: center;
  align-items: center;
  fill: #7a839b;
  opacity: 0.7;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.visualization-line-chart {
  z-index: 300;
}

.visualization-line-chart-canvas-wrapper {
  position: relative;
  display: flex;
}

.visualization-line-chart-canvas {
  margin-top: -8px;
  margin-bottom: -8px;
}

.visualization-line-chart-drop-zone {
  isolation: isolate;
  position: relative;
}
@supports not (isolation: isolate) {
  .visualization-line-chart-drop-zone {
    transform: scale(1);
  }
}

.visualization-line-chart-drop-zone[data-over]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 2px solid #4564fd;
}

.visualization-line-chart-drop-zone[data-over-document] {
  pointer-events: auto;
}

.visualization-drop-zone {
  height: 8px;
}

.visualization-drop-zone-more {
  display: none;
}

.visualization-drop-zone[data-over-document] {
  z-index: 500;
  pointer-events: auto;
  position: relative;
}

.visualization-drop-zone[data-over-document] .visualization-drop-zone-more {
  display: block;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: 0;
  right: 0;
}

.visualization-drop-zone[data-over-document]:last-child .visualization-drop-zone-more {
  bottom: -80px;
}

.visualization-drop-zone[data-over] {
  background: #00cf75;
}

.visualization-status-visualization-items {
  isolation: isolate;
  position: relative;
}
@supports not (isolation: isolate) {
  .visualization-status-visualization-items {
    transform: scale(1);
  }
}

.visualization-status-visualization-items-item {
  margin-top: 8px;
  position: relative;
  display: flex;
}
.visualization-status-visualization-items-item:first-child {
  margin-top: 0;
}
.visualization-status-visualization-items-item:last-child {
  margin-bottom: 0;
}

.visualization-status-canvas {
  margin-top: -8px;
  margin-bottom: -8px;
}

.visualization-status-visualization-tooltip {
  z-index: 100;
}

.timeline-empty-match {
  width: 319px;
  text-align: center;
}

.timeline-empty-match-icon {
  margin-bottom: 19px;
  fill: #d3d6df;
}

.timeline-empty-match-text {
  line-height: 24px;
  font-size: 17px;
  letter-spacing: 1.02px;
  font-family: Roboto;
  font-weight: 400;
  color: #8088a1;
}

.timeline-initial-state {
  margin-top: 8px;
}

.timeline-failed-text {
  line-height: 24px;
  font-size: 17px;
  letter-spacing: 1.02px;
  font-family: Roboto;
  font-weight: 400;
  color: #495578;
  margin-top: 24px;
  margin-bottom: 16px;
}

.timeline-failed[data-placement=center] {
  align-self: center;
  text-align: center;
}

.timeline-failed-button {
  display: flex;
  justify-content: center;
}

.timeline-epilogue-loading {
  padding-top: 24px;
}

.timeline-epilogue-loading-text {
  color: #495578;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 0.04em;
  text-align: center;
}

.timeline-epilogue-loading-spinner {
  --fill: #4564fd;
  stroke: var(--fill);
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.timeline-loading-text {
  line-height: 24px;
  font-size: 17px;
  letter-spacing: 1.02px;
  font-family: Roboto;
  font-weight: 400;
  color: #495578;
  text-align: center;
}

.timeline-loading-spinner {
  --light-system-action-primary: #4564fd;
  stroke: var(--light-system-action-primary);
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.timeline-searching[data-placement=center] {
  align-self: center;
}

.timeline-searching[data-placement=top] {
  align-self: flex-start;
}

.timeline-searching-text {
  line-height: 24px;
  font-size: 17px;
  letter-spacing: 1.02px;
  font-family: Roboto;
  font-weight: 400;
  color: #495578;
}

.timeline-searching-spinner {
  --light-system-action-primary: #4564fd;
  stroke: var(--light-system-action-primary);
  margin-top: 24px;
  text-align: center;
}

.organization-creating {
  width: 100vw;
  min-height: 100vh;
  grid-template-columns: minmax(0, 700px);
  display: grid;
  justify-content: center;
  align-items: center;
  background: white;
}

.organization-creating--content {
  padding: 40px 50px;
  display: grid;
  gap: 16px;
  justify-items: center;
}

.organization-creating-content--video {
  padding-bottom: calc(450 / 600 * 100%);
  position: relative;
  height: 0;
  width: 100%;
}

.organization-creating-content--video-element {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.organization-creating-content--header {
  line-height: 24px;
  font-size: 22px;
  letter-spacing: 0.7040000105px;
  font-family: Roboto;
  font-weight: 700;
  color: #223680;
  text-align: center;
  max-width: 328px;
  padding: 0;
  margin: 0;
}

.organization-creating-content--description {
  line-height: 24px;
  font-size: 15px;
  letter-spacing: 0.45px;
  font-family: Roboto;
  font-weight: 400;
  color: #223680;
  max-width: 328px;
  text-align: center;
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
}

:root {
  --env-scrollbar-width: 0;
}

body {
  background: #fafbff;
  font-family: "Roboto";
  margin: 0;
  padding: 0;
}

a:not([draggable]) {
  -webkit-user-drag: none;
  -moz-window-dragging: no-drag;
}

button,
input {
  font-family: "Roboto";
}

button,
[role=button],
[role=menuitem],
[role=menuitemcheckbox],
[role=menuitemradio] {
  cursor: pointer;
}

.popover-container {
  z-index: 200;
}

.main-application-container {
  isolation: isolate;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@supports not (isolation: isolate) {
  .main-application-container {
    transform: scale(1);
  }
}

.application {
  isolation: isolate;
}
@supports not (isolation: isolate) {
  .application {
    transform: scale(1);
  }
}

.application-error {
  flex: 1;
}

.main-modal-container {
  isolation: isolate;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@supports not (isolation: isolate) {
  .main-modal-container {
    transform: scale(1);
  }
}

.main-modal-container-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

[data-cursor=grabbing] {
  cursor: grabbing;
}

[data-cursor=grab] {
  cursor: grab;
}

[data-cursor=ew-resize] {
  cursor: ew-resize;
}

[data-cursor=col-resize] {
  cursor: col-resize;
}

[data-cursor=ew-resize] {
  cursor: ew-resize;
}

.modal-container {
  z-index: 200;
}

.resizer {
  z-index: 2;
}