@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=IBM+Plex+Sans:wght@300;400;500;600&family=Roboto+Mono&family=Roboto:wght@300;400;500;700&display=swap');
/* These variables are deprecated. Use sizexxx variables instead */

.widget-module__content--IIxVo {
  height: 100vh;
  width: 100vw;
}

.widget-module__graph--3KvC- {
  height: 85vh;
  padding-right: 32px;
  width: 100vw;
}

.widget-module__graph--3KvC-.widget-module__small--OhuK9 {
  padding-right: 0;
}

.widget-module__content--IIxVo {
  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.widget-module__valid--0utZv {
  cursor: pointer;
}

.widget-module__detailInfo--rDCfQ {
  width: 100%;
  padding-left: 64px;

  display: flex;
}

.widget-module__gaugeDetailInfo--wfPIB {
  text-align: center;

  width: 100%;
}

.widget-module__logoContainer--beiSy {
  width: 35px;

  position: absolute;
  bottom: 0;
  left: 4px;
}

.widget-module__embraceLogo--RpLzT img {
  height: 100%;
  width: 100%;
}

.widget-module__gaugeContainer--Y4t0g {
  display: flex;

  flex-wrap: wrap;
}

.widget-module__gaugeContainer--Y4t0g .widget-module__gauge--vOl7P .widget-module__gaugeLabelSmall--AeHXv,
.widget-module__gaugeContainer--Y4t0g .widget-module__gauge--vOl7P .widget-module__gaugeLabelSmall--AeHXv div div {
  font-size: 14px;
}

.widget-module__gaugeContainer--Y4t0g .widget-module__gauge--vOl7P .widget-module__gaugeLabel--pDrIR,
.widget-module__gaugeContainer--Y4t0g .widget-module__gauge--vOl7P .widget-module__gaugeLabel--pDrIR div div {
  font-size: 24px;
}
.session_user-module__container--tLx-5 {
  width: 100%;
}

.session_user-module__row--hm1Ow {
  width: 100%;

  display: flex;

  flex-wrap: wrap;
  gap: var(--space-16px) var(--space-40px);
}

.session_user-module__row--hm1Ow label {
  max-width: var(--space-256px);
  min-width: var(--space-128px);
}
.session_status-module__icons--omg0g {
  display: flex;

  flex-wrap: wrap;
  gap: 8px;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}/* These variables are deprecated. Use sizexxx variables instead */.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}.label-module__content--WVsJ- {
  width: 100%;

  display: flex;
  vertical-align: top;
}.label-module__display--TnAJ- {
  width: 100%;

  position: relative;
}.label-module__ellipsize--G30ee {
  white-space: nowrap;

  max-width: var(--space-256px);

  overflow: hidden;
  text-overflow: ellipsis;
}.label-module__info--uN4SB {
  padding-left: 5px;
}.label-module__value--LERtZ {
  font-size: 14px;
  font-weight: 500;

  width: 100%;
}a .label-module__value--LERtZ {
  font-weight: 400;
  text-decoration: none;
}.label-module__label--qvoca {

  margin-bottom: 4px;
}.label-module__center--rIO1Q {
  align-items: center;
}.label-module__light--DMveS .label-module__label--qvoca {
  color: #9b9b9b;
}.label-module__border--neyYl {
  border: solid 1px #e2e2e2;
  border-radius: 4px;
}.label-module__icon--3d4M9 {
  margin: 6px 8px 0;
}.label-module__hoverLabel--BEv8T {
}.label-module__right--GVpl2 {
  text-align: right;
}

.session_pager-module__sessionPagerWrapper--s-gRQ {
  padding: 0;
}

.session_pager-module__pager--sB3-d {
  margin-top: 24px;

  display: grid;
}

.session_pager-module__status--PkGtH {
  grid-column-start: 1;
  grid-row-start: 1;

  margin-right: 12px;
}

.session_pager-module__pageButtonLoading--Z9BoS {
  display: inline-block;
}

.session_pager-module__pageButtonLoading--Z9BoS img {
  height: 32px;

  top: calc(32px * -1);
}

.session_pager-module__affected--oSGJS {
  padding: 32px 32px 0;

  display: flex;
  gap: 8px;
}

.session_pager-module__title--Yuf9l {
  margin-right: auto;
}

.session_pager-module__helpIcon--96Rpi {
  margin: 7px;
}

.session_pager-module__affected--oSGJS span {
  color: var(--grey-200);
  font-size: 18px;
  font-weight: 700;

  margin-top: 12px;
}

.session_pager-module__openTimelineButton--0RHwt {
  margin-right: 16px;
}

.session_pager-module__empty---l-fy {
  text-align: center;

  margin-top: 40px;
}

.session_pager-module__center--x3ThB {
  text-align: center;
}

.session_pager-module__properties--zRk7W {
  white-space: normal;

  padding-right: 48px;
}

.session_pager-module__properties--zRk7W label:not(:first-child) > div {
  margin-top: 12px;
}

.session_pager-module__propertyHeader--7E0KJ {
  color: var(--grey-100);
  font-weight: 400;
}

.session_pager-module__propertyValue--HQGcH div {
  color: var(--grey-100);
  font-size: 12px;
}

.session_pager-module__versionHelp--Y5XO- {
  margin-left: 4px;

  display: inline-block;
  transform: translateY(2px);
}

.session_pager-module__info--Zkdla {
}

.session_pager-module__tab--2UitC {
  white-space: nowrap;

  display: flex;

  align-items: center;
}

.session_pager-module__tab--2UitC:hover {
  background: transparent;
}

.session_pager-module__pagerTab--c1KkE table td {
  color: var(--grey-100);
  font-size: 16px;
  font-weight: 400;
}

.session_pager-module__tabContainer--pQIfJ {
  margin: 8px 0 0;
  padding: 0 32px;
}

.session_pager-module__appInfoSessionStatus--eePft .session_pager-module__infoRowValue--qOGsD div {
  max-width: 192px;
}

.session_pager-module__pagerTab--c1KkE tr.session_pager-module__appInfoSessionStatus--eePft td,
.session_pager-module__pagerTab--c1KkE tr.session_pager-module__embraceID--XFMYx td {
  padding-bottom: 8px;
  padding-top: 12px;
  vertical-align: middle;
}

.session_pager-module__pagerTab--c1KkE .session_pager-module__consoleTab--cdAfu td:first-child {
  min-width: 16px;
}

.session_pager-module__pagerTab--c1KkE td:first-child {
  font-size: 12px;
  font-weight: 500;

  min-width: 192px;
  padding-left: 32px;
}

.session_pager-module__pagerTab--c1KkE td {
  padding-bottom: 16px;
  padding-top: 16px;
}

.session_pager-module__infoTable--W1VU- {
  min-height: 378px;
}

.session_pager-module__infoTable--W1VU- td {
  vertical-align: top;
}

.session_pager-module__infoRowValue--qOGsD {
  width: 100%;
}

.session_pager-module__pagerTab--c1KkE tr {
  border: none;
  border-bottom: 1px solid var(--grey-700);
}

.session_pager-module__pagerTab--c1KkE tr:last-child {
  border-bottom: none;
}

.session_pager-module__noData--yJkak {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey-300);

  margin: 0 32px;

  display: flex;

  align-items: center;
}

.session_pager-module__noData--yJkak img {
  margin: 0 16px;
  opacity: 0.4;
}

.session_pager-module__noThreads--9REHS {

  margin: 32px;
}

.session_pager-module__stackTraceHeader--OjO6J,
.session_pager-module__threadListHeader--060y9 {
  color: var(--grey-100);
  font-weight: 500;
}

.session_pager-module__threadListHeader--060y9 {
  font-size: 14px;
}

.session_pager-module__stackTraceHeader--OjO6J {
  font-size: 12px;
}

@media print {
  .session_pager-module__affected--oSGJS {
    display: none;
  }
}

/* Session Info */
.session_pager-module__sessionInfo--wjQUc {
  font-size: 10px;

  margin: 8px 0;
}

.session_pager-module__sessionInfo--wjQUc .session_pager-module__dateTime--Zgzde {
  font-size: 14px;
  font-weight: 500;
}

.session_pager-module__sessionInfo--wjQUc .session_pager-module__divider--vibyp {
  font-size: 14px;
  font-weight: 400;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}

.expandable-module__button--1Q897 {
  left: calc(50% - 50px);
  position: absolute;
  top: -30px;
}

.expandable-module__badge--DEdnB {
  font-size: 14px;
  line-height: 15px;

  width: 156px;
  height: 36px;
  padding: 6px 16px;

  position: relative;
  z-index: 1;

  display: inline;

  border-radius: 4px;
}

.expandable-module__buttonContainer--T8aRh {
  text-align: center;

  margin-top: -40px;

  position: relative;
}

.expandable-module__container--E-jc6 {
  position: relative;

  display: inline-block;
}

.expandable-module__outer--e9wAl {
  max-width: 100%;

  overflow: hidden;
  word-break: break-all;
}

.expandable-module__collapsed--7mAQW {
  overflow: hidden;
}

.expandable-module__collapsed--7mAQW::after {
  width: 100%;

  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
}

.expandable-module__expanded--Mt6J6 {
  margin-top: 40px;
}

.expandable-module__expanded--Mt6J6 .expandable-module__button--1Q897 {
  color: rgb(0 0 0 / 20%);

  background-color: transparent;
  border-color: rgb(0 0 0 / 20%);

  transition: all 0.1s ease-in-out;
}

.expandable-module__expanded--Mt6J6 .expandable-module__button--1Q897:hover {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}
/* These variables are deprecated. Use sizexxx variables instead */

.insight_tray-module__container--5dtjE > div > div {
  display: block;
}

.insight_tray-module__insights--T73sQ {
  margin: 0;
  padding: 0;

  display: flex;

  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  list-style-type: none;
}

.insight_tray-module__insights--T73sQ li {
  width: calc(50% - 10px);
  min-width: 620px;
  min-height: 94px;
  padding: 24px;

  display: flex;

  align-self: stretch;
  align-items: center;
  place-content: center;

  background-color: var(--grey-800);
  border-radius: 4px;
}

.insight_tray-module__insight--v-r6K {
  margin: 5px 0;
  padding: 0 7px;

  display: flex;

  align-items: center;

  border-radius: 5px;
  word-break: break-word;
}

.insight_tray-module__insight--v-r6K > :first-child {
  flex: 1;
}

.insight_tray-module__insightTrayExpandableContainer--XUUjy {
  width: 100%;
}

.insight_tray-module__title--TaPWz {
  font-size: 20px;

  margin: 0 0 20px;
}

.insight_tray-module__detailsHeader--7m79i {
  font-size: 20px;
}

.insight_tray-module__control--m9Vxc {
  display: flex;
}

.insight_tray-module__control--m9Vxc > * {
  margin: 5px;
}

.insight_tray-module__insightBox--zoDFE {
  width: 100%;

  display: flex;

  align-items: center;
  gap: 24px;
}

.insight_tray-module__networkIcon--gH-0a {
  color: var(--grey-100);
  font-size: 30px;

  height: 30px;
  width: 30px;
}

.insight_tray-module__textContainer--OdXVd {
  color: var(--grey-100);
}

.insight_tray-module__empty--rw7hN {
  margin: 0;

  flex-direction: column;
  align-items: flex-start;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}/* These variables are deprecated. Use sizexxx variables instead */.header-module__searchContainer--TZQCS {
  display: grid;

  align-items: center;
  gap: 16px;
  grid-auto-flow: column;
}.header-module__appName--qBtba {
  color: #fff;

  margin-right: 20px;
  padding-bottom: 3px;

  position: relative;

  display: inline-block;
  cursor: pointer;
  opacity: 0.4;
}.header-module__appName--qBtba > div {
  display: inline;
}.header-module__headerContainer--DD-Y0 {
  width: 100%;
}.header-module__header--1FuDn {
  font-size: 14px;

  width: 100%;
  min-height: var(--global-header-height);
  padding: var(--space-8px) var(--space-20px) var(--space-8px);

  /* Raise for shadow layering. */
  position: relative;

  display: flex;

  align-items: center;

  background-color: var(--grey-900);
}.header-module__header--1FuDn > :first-child {
  flex: 1;
}.header-module__toggle--p3qSk {
  cursor: pointer;

  margin-right: 19px;
  width: 20px;
}.header-module__menuOptions--MGebj {
  display: flex;

  align-items: center;
  -moz-column-gap: calc(var(--base-space) * 10);
       column-gap: calc(var(--base-space) * 10);
}.header-module__menuIcon--oDwtN {
  color: var(--grey-300);
  cursor: pointer;
}.header-module__control--KQOhy {
  display: flex;

  align-items: flex-end;
}.header-module__infoContainer--woo6H {
  display: flex;

  align-items: center;
  gap: 10px;
}@media print {
  .header-module__headerContainer--DD-Y0 {
    display: none;
  }
}.header-module__docsLink--WjAPC {
  color: var(--grey-300);
  font-size: medium;
  text-transform: uppercase;
}.header-module__updates--hI3bb {
  cursor: pointer;

  margin: 0;
}.header-module__bread--x5wQi.header-module__whiteBread--ojT3Z a {
  font-size: 16px;
}.header-module__bread--x5wQi.header-module__whiteBread--ojT3Z a:last-child {
  border-bottom: 1px solid hsla(0, 0%, 98%, 1);

  color: var(--grey-200);
  font-size: 16px;
}.header-module__accountMenuPosition--pnLbz {
  position: absolute;
  top: 51px;
  right: 20px;
  z-index: 12;

  overflow: hidden;
}

.panel-module__nav--Sl-Pn {
}

.panel-module__panelContainer--8-WVI {
  margin: 0 16px;

  overflow-x: hidden;
}

.panel-module__bread--4MXeK {

  text-transform: capitalize;
}

.panel-module__bread--4MXeK a {
  color: hsla(207, 55%, 52%, 1);
}

.panel-module__bread--4MXeK a::after {
  padding: 3px;

  /*
    exact styling to position the arrow
   */
  top: 6px;
  right: -18px;

  /*
    right arrow https://www.w3schools.com/howto/howto_css_arrows.asp
   */
  border: solid hsla(0, 0%, 60%, 1);
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.panel-module__bread--4MXeK a:last-child {
  border-bottom: none;
}
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}

.login-module__resetPasswordCopy--52Hgm {
  color: var(--grey-100);
  font-size: var(--text-14px);
  text-align: center;
}

.login-module__action--2mMBf {
  font-size: var(--text-14px);

  display: flex;

  justify-content: space-between;
  align-items: center;
}

.login-module__link--pQh9L {
  align-self: end;
}

.login-module__backToLogin--o1dkW {
  text-align: right;
}

.login-module__form--JhHpk {
}

.login-module__reset--8i7b9 {
  margin-top: 20px;
}

.login-module__field--NXOpj {
  margin: 0 0 var(--space-24px) 0;
}

.login-module__button--68pae {
  margin-bottom: var(--space-20px);
  width: 100%;
}

.login-module__signedUpLegals--zzwNR {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--space-24px);
  color: var(--grey-100);

  display: grid;

  justify-content: space-between;
  grid-template-columns: max-content max-content;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}/* These variables are deprecated. Use sizexxx variables instead */.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}.login-module__login--0Cd6a {
}.login-module__login--0Cd6a form {
  max-width: 400px;
  width: 90vw;
}.login-module__login--0Cd6a a {
  color: #fff;
}.login-module__login--0Cd6a a span {
  text-decoration: underline;
}

.login-module__login--k5-cT {
}

.login-module__loginSuccess--zDXH- {
  color: #fff;

  display: flex;

  flex-direction: column;
  align-items: center;
}
/* These variables are deprecated. Use sizexxx variables instead */

.metric-module__container--4KkkL {
  height: -moz-min-content;
  height: min-content;
  padding: 10px;

  background: var(--grey-800);
  border-radius: 6px;
}

.metric-module__title--lVtYg {
  margin: 0 0 20px;
}

.metric-module__metric--Mwrui {
  font-size: 14px;

  width: 100%;
}
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}

.version-module__change--S2AnM {
  font-size: 16px;
}

.version-module__clickable--SF1-3 {
  cursor: pointer;
}

.version-module__container--ZPnz8 {

  font-size: 14px;

  min-width: 250px;
}

.version-module__pageContainer--nDEvf {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}

.version-module__deltaCell--RFHN7 {
  display: flex;

  justify-content: flex-end;
}

.version-module__hoverDeltaContainer--pliaU {
  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
}

.version-module__version--CZvdM table tr td.version-module__noBorder--1ZHv- {
  border-left: none;
  border-right: none;
}

.version-module__version--CZvdM {
  font-size: 14px;

  padding-right: 0;
  padding-left: 0;

  flex: 1 0 33%;
}

.version-module__version--CZvdM table th {
  text-align: center;
}

.version-module__versionContainer--EpVz8 {
  margin-top: var(--section-spacing-sub);

  display: grid;

  grid-template-columns: repeat(3, 1fr);
  gap: var(--section-spacing-sub);
}

.version-module__versionFilter--Eoibk {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.version-module__hour--Ctsy0 {
  color: #9b9b9b;
  font-size: 11px;
  text-align: right;
}

.version-module__versionHeader--AVNFS {
  padding: 0 var(--space-32px) var(--space-24px);
}

.version-module__versionLabel--bpEXi {
  margin-top: var(--space-16px);
  width: 100%;
}

.version-module__info--nbfL- {
  color: #9b9b9b;
  font-size: 11px;

  margin-top: var(--space-half-base);
}

.version-module__name--2PriY {
  display: flex;

  align-items: center;
  gap: var(--base-space);
}

td.version-module__titleCell--5s8k6 a {
  font-weight: 600;
}

.version-module__pill--XDd-0 {
  display: flex;

  flex-direction: row;
  place-content: center;
  gap: var(--space-8px);
}

.version-module__versionTitle--3rqdK {
  display: flex;
  gap: var(--space-10px);

  align-items: center;
}

@media only screen and (width <= 1420px) {
  .version-module__versionContainer--EpVz8 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.version-module__infoIcon--xCHCW {
  stroke: var(--icon-default);
}

.version-module__adoptionRate--bBGGu {
  margin-bottom: var(--section-spacing-sub);
}
.no_data-module__container--Glk1V {
  position: relative;

  display: flex;

  justify-content: flex-end;
  align-items: center;
  gap: 4px;
}
/* These variables are deprecated. Use sizexxx variables instead */

.delta-module__right--KTBwF {
  margin-left: auto;
}

.delta-module__change--Z0L4K {
  font-size: 16px;
}

.delta-module__hover--QiSV7 ul {
  text-align: left;

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

.delta-module__hoverDeltaContainer--HOI2N {
  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
}


.user-module__header--ycACD {
  display: flex;

  justify-content: space-between;
}

.user-module__filtersContainer--g6vll {
  margin-bottom: 20px;

  display: flex;

  justify-content: flex-end;
}

.user-module__inputFilter--Z-iLw {
  margin: 0 0 0 16px;
}
/* These variables are deprecated. Use sizexxx variables instead */

.user_info-module__userInfo--z5mGG {
  margin-bottom: 20px;
}

.user_info-module__userInfoLabels--G-z4g {
  display: flex;

  flex-wrap: wrap;
  gap: 20px;
}

.user_info-module__userInfoLabels--G-z4g label {
  margin-top: 12px;
}

a.user_info-module__userSearchLabels--kuzJN {
  color: var(--grey-300);
}

.user_info-module__emptyState--RAiyB {
  font-size: 14px;
  font-style: italic;
}

/* These variables are deprecated. Use sizexxx variables instead */
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}
.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}
.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}
.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}
.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}
.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}
.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}
.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}
.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}
.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}
.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}
@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}
*:focus-visible {
  outline: 0;
}

.session_list-module__container--KP1OM {
}

.session_list-module__header--AMlIG {
  text-transform: capitalize;

  margin-bottom: 12px;
}

.session_list-module__header--AMlIG.session_list-module__inlineHeader--QcpXs {
  display: flex;

  justify-content: space-between;
  align-items: flex-end;
}

.session_list-module__header--AMlIG > h3 {
  font-weight: 700;

  margin: 0;
}

.session_list-module__icons--Norsf > a > div {
  margin: 0 5px;
}

.session_list-module__outcomeHelp--UIDSe {
  padding-left: 2px;
}

.session_list-module__border--FTTDr {
  width: 10px;
}

.session_list-module__startDuration--6BQiF {
  display: flex;
}

.session_list-module__duration--PgaFN {
  white-space: nowrap;

  margin-left: 8px;

  display: flex;
}

.session_list-module__duration--PgaFN > div:first-child {
  margin-right: 4px;
}

.session_list-module__startEnd--VqMsw {
  display: flex;
}

.session_list-module__startEnd--VqMsw > * {
  margin-right: 4px;
}

.session_list-module__startEnd--VqMsw > *:last-child {
  margin-right: 0;
}

.session_list-module__mediumUserCol--qob4K {
  width: 25%;
}

.session_list-module__largeUserCol--tGnbS {
  width: 20%;
}

.session_list-module__device--ZZ8gt {
  width: 10%;
}

.session_list-module__mediumIssuesCol--D42wS {
  width: 25%;
}

.session_list-module__largeIssuesCol--RrNua {
  width: 15%;
}

.session_list-module__jsPatchCol--RdORX {
  width: 10%;
}

.session_list-module__pathCol--uyRUq {
  width: 20%;
}

.session_list-module__table--vpRm- {
  min-width: 384px;
}

.session_list-module__ellipsize--0MNdv {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.session_list-module__linkCellContainer--iEQbe {
  display: inline;
}

.session_list-module__linkCellTooltipTrigger--EBiDm {
  width: 100%;

  display: inline-block;
}

.session_list-module__pathXL--KsKcH {
  word-break: break-all;
}

.session_list-module__paywall--q6r7E {
  margin-top: var(--space-24px);
}

.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}
.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}
.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}
.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}
.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}
.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}
.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}
.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}
.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}
.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}
.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}
@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}
*:focus-visible {
  outline: 0;
}

.screenshot-module__container--cdzzf {
}

.screenshot-module__controls--JEtwZ {
  padding-bottom: 10px;

  display: flex;

  justify-content: space-between;
  box-shadow: none;
}

.screenshot-module__controls--JEtwZ > div,
.screenshot-module__controlContainer--uvMI9 > i {
  margin-left: 8px;
}

.screenshot-module__details--Qep-4 {
  min-width: 100%;
  margin: 20px;
  padding: 5px;

  display: flex;

  flex-wrap: wrap;
  justify-content: space-between;

  border-radius: 4px;
}

.screenshot-module__details--Qep-4 > label {
  padding: 5px 10px;
}

.screenshot-module__largeScreenshot--qowNu {
  max-height: 600px;
  max-width: 600px;
}

.screenshot-module__processing--YuYyX {
  position: relative;
}

.screenshot-module__processing--YuYyX > div {
  position: absolute;
}

.screenshot-module__screenshots--yM-Ox {
  display: flex;

  flex-wrap: wrap;
  gap: 20px;
}

.screenshot-module__screenshot--l52hS {
  display: flex;

  flex: 0 0 calc(33% - 20px / 2);
  flex-direction: column;
  align-items: center;
}

.screenshot-module__smallScreenshot--hskr1 {
  max-width: 400px;
  max-height: 400px;
  margin: auto;

  display: block;
}

.screenshot-module__timestamp--PuX3N {
  color: #c7c7c7;

  margin: 10px;
}

.screenshot-module__disclaimer--aU-3U {
  font-size: 12px;
  line-height: 16px;
  color: var(--grey-300);
  text-align: right;

  margin: 0 0 40px;
}

.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}
.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}
.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}
.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}
.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}
.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}
.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}
.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}
.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}
.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}
.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}
@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}
*:focus-visible {
  outline: 0;
}

.sample-module__container--D-iCv {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.sample-module__othercontainer--dMa0m {
  align-items: center;
}

.sample-module__filterBuilder--SJs68 {
  margin-bottom: 16px;
}

.sample-module__filtersContainer--wP6kh {
  padding: 0;

  display: flex;

  justify-content: flex-end;
  align-items: center;

  background: transparent;
  box-shadow: none !important;
}

.sample-module__inputFilter--bI4TG {
  margin: 0 0 0 16px;
}
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}

.form-module__password--wmkO2 {
}

.form-module__form--b4FC8 {

  max-width: 400px;
  width: 90vw;
}

.form-module__submit--AZtGt {
  margin: 20px 0 0 auto;

  display: block;
}
/* These variables are deprecated. Use sizexxx variables instead */

/* stylelint-disable declaration-property-value-no-unknown */

.monitor_status-module__button--mfzJA {
  margin-right: 24px;

  display: flex;

  justify-content: flex-end;
}

.monitor_status-module__monitorStatusContainer--x56W7 {
  display: grid;
  gap: 20px;

  grid-template-areas:
    'monitor-name monitor-name'
    'monitor-logs-and-list alert-conditions';
}

.monitor_status-module__monitorName--Abfg8 {
  color: var(--grey-100);
  grid-area: monitor-name;
}

.monitor_status-module__monitorStatusContent--ClXnm {
  display: grid;
  gap: 20px;
  grid-area: monitor-logs-and-list;
}

.monitor_status-module__monitorStatusTableContainer--rxiKP {
  color: var(--grey-100);

  display: grid;

  align-self: start;
  grid-area: alert-conditions;
  gap: var(--space-10px);
}

.monitor_status-module__metricTableContainer--AHrHy {
  display: grid;
  gap: 20px;
}

.monitor_status-module__mainContent--4o8M9 {
  display: flex;

  flex-grow: 2;
  flex-direction: column;
  align-items: stretch;
}

.monitor_status-module__filterContainer--V9wq1 {
  max-width: 512px;
  margin-top: 8px;
  padding: 8px;

  display: flex;

  flex-wrap: wrap;

  border-radius: 4px;
}

.monitor_status-module__monitorTrigger--ZeaC- {
  margin: 8px 0;
}

.monitor_status-module__monitorMetric--tBcVg {
  margin-top: 0;
}

.monitor_status-module__notifications--1CE2t {
  display: flex;

  align-items: flex-start;
}

.monitor_status-module__notificationText--pmHyi {
  margin-left: 4px;
}

.monitor_status-module__graphHeader--2MaZQ {
  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.monitor_status-module__graphHeaderElements--J3B1W {
  display: flex;

  flex-direction: row;
  gap: 24px;
}

.monitor_status-module__graphShowAllContainer--3-PD4 {
  margin-top: 8px;

  display: flex;

  flex-direction: row;
  gap: 8px;
}

.monitor_status-module__graphShowAllToggle--w9pVc {
  margin-top: 4px;
}

.monitor_status-module__toolbarContainer--riYq- {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.monitor_status-module__switcher--MV4QZ {
  margin-right: 12px;

  display: flex;
}

.monitor_status-module__graphEmpty--aXpsK {
  padding-top: 64px;

  display: flex;

  justify-content: center;
}

.monitor_status-module__history--1UFdh {
  padding: 0;

  overflow: hidden;
}

.monitor_status-module__detailButton--w8qVV {
  display: flex;

  justify-content: flex-end;
}

.monitor_status-module__conditionsHeader--52Wc5 {
  margin-bottom: 14px;

  display: flex;

  justify-content: space-between;
  align-items: baseline;
}

.monitor_status-module__conditionsHeader--52Wc5 a,
.monitor_status-module__conditionState--unbuY a {
  color: var(--primary-200);
  font-weight: 500;
}

.monitor_status-module__conditionState--unbuY {
  padding: 0 0 12px;
}

.monitor_status-module__conditionItem--AeZ89 {
  font-size: 16px;

  display: grid;

  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-16px);
}

.monitor_status-module__conditionItemLast--8aTMh {
  margin-bottom: 0;
}

.monitor_status-module__conditionText--pFXU3 {
  max-width: 192px;

  overflow: hidden;
  text-overflow: ellipsis;
}

.monitor_status-module__inputFilter--o0IYG {
  padding: 8px;

  display: flex;
}

.monitor_status-module__emptyGraphContainer--GsY-b {
  font-size: 16px;
  text-align: center;
}

.monitor_status-module__destinations--Yn-by .monitor_status-module__destinationItem--8u1c7:not(:last-child) {
  margin-bottom: var(--space-4px);
}

.monitor_status-module__destinations--Yn-by .monitor_status-module__destinationItem--8u1c7:not(:last-of-type)::after {
  content: ', ';
}
.monitor_edit-module__actions---D7m5 {
  display: flex;
  gap: 8px;

  justify-content: flex-end;
}


.monitor_type-module__typeContainer--V2nE7 {
  display: flex;
}

.monitor_type-module__statusLabel--WupWZ {
  cursor: pointer;
}
table .monitor_list-module__row--XUfRs:hover {
  background-color: var(--color-table-primary-row-hovered);
}

.monitor_list-module__monitorListCell--5PMB7 {
  padding: var(--space-18px) var(--space-16px);
  vertical-align: middle;
}

.monitor_list-module__iconsRow--gOvVk {
  display: flex;

  justify-content: flex-end;
  gap: calc(var(--base-space) * 7);
}

.monitor_list-module__justified--Uv5Jb {
  justify-content: center;
}

.monitor_list-module__statusHeader--MZjdB,
.monitor_list-module__statusCell--0Pi4D {
  padding-left: var(--space-32px);
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
  width: 5%;
}

.monitor_list-module__detailHeader--UE6RZ,
.monitor_list-module__nameHeader--HmMnz {
  width: 20%;
}

.monitor_list-module__nameCell--QeKhd a {
  color: var(--primary-200);
}

.monitor_list-module__typeHeader--VJxra {
  width: 5%;
}

.monitor_list-module__typeHeader--VJxra [role='list'] {
  min-width: initial;
}

.monitor_list-module__typeCell--nh6yb {
  white-space: nowrap;
}

.monitor_list-module__ownerHeader--Kk85o {
  width: 12%;
}

.monitor_list-module__destinationHeader--8powH {
  width: 20%;
}

.monitor_list-module__actionsHeader--A8Ijr {
  width: 1%;
}

.monitor_list-module__activeForHeader--DSBR- {
  width: 10%;
}

.monitor_list-module__triggeredHeader---TVPW {
  width: 10%;
}

.monitor_list-module__actionsCell--S9iJm {
  padding-right: var(--space-32px);
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}

.monitor_list-module__emptyHeader--DDB5g {
  width: 1%;
}
.DestinationTooltip-module__destinationTooltip--0XkUg {
  margin-bottom: var(--space-8px);

  display: flex;

  align-items: flex-start;
  flex-flow: column;
  gap: var(--space-4px);
}
.monitor_history_list-module__historyListRow--mSkmx {
  padding: var(--space-18px) var(--space-16px);
  vertical-align: middle;
}

.monitor_history_list-module__justified--vsO1t {
  justify-content: center;
}

.monitor_history_list-module__badge--BfXNU {
  padding: var(--space-8px);

  border-radius: 4px;
}

.monitor_history_list-module__valueBadge--YXXKn {
  display: flex;

  justify-content: space-between;
  align-items: baseline;
}

.monitor_history_list-module__row--EBdlJ {
  vertical-align: top;
}

.monitor_history_list-module__recoverySwitch--sfV3D {
  display: flex;

  justify-content: flex-end;
}

.monitor_history_list-module__recoveryText--pt35t {
  margin-left: var(--space-4px);
}

.monitor_history_list-module__alertIdRowCell--jAgOn a {
  color: var(--primary-200);
}

.monitor_history_list-module__emptyState--gHG-M {
  text-align: center;

  padding: var(--space-24px);
}

/* Width for cells */
.monitor_history_list-module__badgeRowHeader--catY8 {
  width: 5%;
}

.monitor_history_list-module__badgeRowHeader--catY8,
.monitor_history_list-module__badgeRowCell--EkAjA {
  padding-left: var(--space-32px);
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}

.monitor_history_list-module__alertIdRowHeader--G-8kj {
  width: 5%;
}

.monitor_history_list-module__nameRowHeader--upePS {
  width: 20%;
}

.monitor_history_list-module__detailRowHeader--6-RyZ {
  width: 20%;
}

.monitor_history_list-module__ownerRowHeader--nM7-l {
  width: 12%;
}

.monitor_history_list-module__destinationsRowHeader--fDNvO {
  width: 20%;
}

.monitor_history_list-module__lastSeenRowHeader--pbj1n {
  width: 15%;
}

/* Headers */

.monitor_history_list-module__badgeHeaderCell--PgiaT {
  padding-left: 32px;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}/* These variables are deprecated. Use sizexxx variables instead */

.monitor-module__badge--rQ9o2 {
  color: white;

  padding: 8px;

  background-color: hsla(0, 0%, 60%, 1);
  border-radius: 4px;
}

.monitor-module__cellStatus--UYI-f {
  display: flex;
}

.monitor-module__containerBordered--z1-uP {
  border: 1px hsla(0, 0%, 60%, 1) solid;
  border-radius: 4px;
}

.monitor-module__pagesRow--2iW3K {
  padding: 8px;

  display: flex;

  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.monitor-module__bold--SbbU0 {
  font-weight: 700;
}

.monitor-module__title--gJCx0 {
  margin: 32px 0;
}

.monitor-module__spaced--7GMKg {
  margin: 0 4px;
}

.monitor-module__justified--Htthg {
  justify-content: center;
}

.monitor-module__addBtn--UGV2H {
  display: flex;

  justify-content: flex-end;
}

.monitor-module__modalContainer--fK9lm {
  min-height: 192px;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
}

.monitor-module__modalHeader--14Hz- {
  font-size: 24px;
}

.monitor-module__modalContent--z0YKG {
  display: flex;

  flex-direction: row;
}

.monitor-module__modalBottom--LN99Y {
  display: flex;

  flex-direction: row;
  place-self: flex-end flex-end;
}

.monitor-module__divider--C2jM- {
  border-bottom: 1px hsla(0, 0%, 95%, 1) solid;

  margin-top: 8px;
  width: 100%;
}

.monitor-module__triggerRow--Lfa6a {
  display: flex;
}

.monitor-module__triggerIcon---sgA- {
  padding-right: 8px;
}

.monitor-module__valueBadge--TzuDV {
  display: flex;

  justify-content: space-evenly;
  align-items: baseline;
}

.monitor-module__hint--P7gQw {
  color: hsla(0, 0%, 60%, 1);

  margin-right: 4px;
}

.monitor-module__zeroStateContent--oh7kU {
  padding-right: var(--space-20px);
}
.moment_stats-module__filterBuilder--65QN3 {
  margin-bottom: calc(var(--base-space) * 4);
}
.moment_detail-module__graph--5CU5p {
  min-width: 200px;
}

.moment_detail-module__graph--5CU5p > div {
  margin-left: auto;
}

.moment_detail-module__section--vdE6v {
  display: flex;
}

.moment_detail-module__section--vdE6v > div {
  margin-right: 40px;

  flex: 1;
}

.moment_detail-module__section--vdE6v > div:last-child {
  margin-right: 0;
}

.moment_detail-module__container--RPzt8 {
  margin: calc(var(--base-space) * 5) 0;

  display: grid;
  gap: calc(var(--base-space) * 3);
}

.moment_detail-module__breadcrumb--ig3oq {
  display: flex;

  align-items: baseline;

  /* This needs to simulate a space to avoid reworking the markup */
  gap: calc(var(--base-space) * 1.5);
}

.moment_detail-module__embraceIcon--8--kR {
  /* This needs to simulate a space to avoid reworking the markup */
  margin-left: calc(var(--base-space) * 1.5);
}
/* These variables are deprecated. Use sizexxx variables instead */

.legend-module__legend--tlngj {
  font-size: 12px;
  font-weight: 500;

  width: -moz-fit-content;

  width: fit-content;

  z-index: 2;

  display: flex;

  align-items: center;

  border-radius: 4px;
  gap: 20px;
}

.legend-module__legend--tlngj.legend-module__vertical--uh6kW {
  display: block;
}

.legend-module__legend--tlngj > span:last-child {
  margin-right: 0;
}

.legend-module__legend--tlngj > span:last-child > div:last-child {
  margin: 0 0 0 auto;
}

.legend-module__container--dsAhn {
  margin-bottom: 4px;

  display: flex;

  align-items: center;
  gap: 4px;
}

.legend-module__name--LNVHi {
  /*  */
}

.legend-module__large--xGRiF {
  font-size: 14px;
}

.legend-module__label--cSYxf {
  color: grey;
  font-size: small;

  margin-bottom: 4px;
}

.legend-module__hoverIcon--fH5wL {
  margin-left: auto;
}

.moment_slow-module__controlContainer--t7O7M {
  margin: 0;
  margin-bottom: 20px;
}
.link_nav-module__nav--cAzDt {
  display: flex;

  align-items: center;
  gap: var(--space-8px);
}

.link_nav-module__disabled---GBgh h3 {
  color: var(--grey-400);
}

.link_nav-module__dot--waVpN {
  order: 3;
}

.link_nav-module__stat--uhJJ1 {
  margin: 5px 0 0;
}
.moment_failed-module__title--wAZ6e {
  margin-bottom: var(--space-20px);
}

.moment_failed-module__container--8or-c {
  margin-top: var(--space-20px);
}

/* These variables are deprecated. Use sizexxx variables instead */
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}
.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}
.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}
.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}
.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}
.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}
.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}
.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}
.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}
.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}
.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}
.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}
@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}
*:focus-visible {
  outline: 0;
}

/* stylelint-disable no-descending-specificity,declaration-property-value-no-unknown */

.moment-module__momentPerformance--t-mem th {
  color: var(--grey-100);
}

.moment-module__charts--KFUoo {
  width: 512px;
  max-width: 512px;
  padding: 12px;

  position: relative;
}

/* TODO: Would be nice if would shrink. */
.moment-module__charts--KFUoo > :first-child {
  position: relative;
  z-index: 1;
}

.moment-module__tagContainer--b3sZJ {
  margin: var(--section-spacing-min) 0;

  display: grid;
  gap: 16px;
}

.moment-module__title--24AtO {
  margin-bottom: 20px;
}

.moment-module__grow--v6l9B {
  flex: 1;
}

.moment-module__center--h1Iiz > a > div {
  margin: auto;
}

.moment-module__chart--qzOi1 {
  width: 512px;
  max-width: 512px;

  position: relative;
}

.moment-module__chart--qzOi1 > a > div {
  margin: auto;
}

.moment-module__emptyMessage--WUav0 > div {
  display: inline;
}

.moment-module__table--lhR9Y td a.moment-module__link--pLETu {
  color: var(--primary-400);
  text-decoration: underline;

  padding: 0;

  float: right;
}

.moment-module__tables--QB9U4 {
}

.moment-module__table--lhR9Y {
}

.moment-module__tutorial--qQmNc {
}

.moment-module__tutorial--qQmNc p {
  font-size: 14px;
}

.moment-module__bold--GLovJ {
  font-weight: bold;
}

.moment-module__gauges--6fwjL {
  margin-right: 16px;

  display: flex;
}

.moment-module__gaugesBody--ECa-v {
  padding-left: 8px;

  display: flex;

  flex-direction: column;
}

.moment-module__detailLink--njidf {
  color: var(--primary-200);
  text-align: right;

  width: 100%;
  margin: 12px 16px 0 0;
}

.moment-module__smallGauge--Nr1tN {
  padding-top: 12px;
  padding-left: 24px;

  display: flex;
}

.moment-module__smallGauge--Nr1tN > * {
  margin-right: 16px;
}

.moment-module__largeGauge--iK5v9 {
  min-width: 192px;

  display: flex;

  align-items: center;
}

.moment-module__momentCard--bGCzl {
  margin-bottom: 20px;
}

.moment-module__momentCard--bGCzl:hover {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}

.moment-module__momentCard--bGCzl .moment-module__momentCardHeader--7DcR5 {
  padding-bottom: 12px;
}

.moment-module__momentCard--bGCzl .moment-module__momentCardHeader--7DcR5 h3,
.moment-module__momentCard--bGCzl .moment-module__momentCardHeader--7DcR5 h3 span {
  font-size: 24px;

  margin: 12px 0 0;
}

.moment-module__momentCard--bGCzl .moment-module__total--Og7h1 {
  color: var(--grey-200);
  font-weight: 500;
}

.moment-module__momentCard--bGCzl .moment-module__body--LqDQ2 {
  padding: 12px 32px;

  display: flex;

  flex-wrap: wrap;
}

.moment-module__momentCard--bGCzl .moment-module__body--LqDQ2 > * {
  flex: 1;
}

.moment-module__incomplete--50oaE {
  border-left: 8px solid var(--border-negative);
}

.moment-module__complete--86u-U {
  border-left: 8px solid var(--primary-400);
}

.moment-module__incomplete--50oaE,
.moment-module__complete--86u-U {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;

  transition:
    background-color 0.2s,
    color 0.2s;
}

.moment-module__incomplete--50oaE:hover,
.moment-module__complete--86u-U:hover {
  background-color: var(--grey-700);
  border-radius: 4px;
}

.moment-module__number---xjoP {
  white-space: nowrap;
}

.moment-module__incomplete--50oaE:hover .moment-module__number---xjoP,
.moment-module__complete--86u-U:hover .moment-module__number---xjoP {
  color: var(--grey-100);
}

.moment-module__incomplete--50oaE:hover .moment-module__detail--q5JL4,
.moment-module__complete--86u-U:hover .moment-module__detail--q5JL4 {
  opacity: 1;
}

.moment-module__incomplete--50oaE:hover .moment-module__detailLink--njidf,
.moment-module__complete--86u-U:hover .moment-module__detailLink--njidf {
  color: var(--grey-100);
}

.moment-module__incomplete--50oaE:hover .moment-module__label--tfXAC {
  color: var(--grey-100);
}

.moment-module__complete--86u-U:hover .moment-module__label--tfXAC {
  color: var(--grey-100);
}

.moment-module__pie--hgfVB {
  display: flex;

  align-items: center;
}

.moment-module__pie--hgfVB path {
  stroke: none;
}

.moment-module__zeroStateTitle--J7Lhx {
  letter-spacing: -0.6px;
}

.moment-module__emptyContainer--EbmQE {
  margin-top: var(--space-16px);
  padding: var(--space-64px) 0;
}
.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}

.last_view_detail-module__labels--w5plB {
}

.last_view_detail-module__nameContent--5umES {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.last_view_detail-module__card--2kfqf {
  margin-bottom: var(--space-20px);
  margin-top: var(--space-20px);
}

.last_view_detail-module__nameContent--5umES h3 {
  margin-bottom: 0;
}

.last_view_detail-module__sessionFilters--iIDlY {
  display: flex;
}

.last_view_detail-module__inputFilter--0c8Ta {
  margin: 0 0 0 var(--space-16px);
}

.last_view_detail-module__group--DmDjf {
  display: flex;

  flex-wrap: wrap;
}

.last_view_detail-module__group--DmDjf > div {
  margin: 0 var(--space-32px);

  flex: 1;
}
/* These variables are deprecated. Use sizexxx variables instead */

.network_detail-module__action--9aYj- {
  font-size: 20px;

  display: flex;

  align-items: center;
}

.network_detail-module__action--9aYj- span {
  color: var(--grey-100);
}

.network_detail-module__codeCol--6eDRB > div > a {
  display: flex;
}

.network_detail-module__codeCol--6eDRB .network_detail-module__label--t6kNn {
  white-space: nowrap;

  max-width: 250px;

  overflow: hidden;
  text-overflow: ellipsis;
}

.network_detail-module__networkDetailsContent--DKMll {
  background-color: var(--grey-900);
}

tr.network_detail-module__active--rXDWj,
tr.network_detail-module__active--rXDWj:hover {
  background-color: var(--color-table-secondary-row-selected);
}

.network_detail-module__buttonContainer--ANQm9 {
  padding: 24px;
}

.network_detail-module__controls--71Tqo {
  margin-bottom: 20px;

  display: flex;

  justify-content: space-between;
  align-items: center;
}

.network_detail-module__body--g7JUe {
  width: -moz-min-content;
  width: min-content;
}

.network_detail-module__expand--NeqG5 {
  text-align: center;

  margin: auto;

  display: block;
  cursor: pointer;
}

.network_detail-module__durationRequests--H0GiY h2 {
  margin-bottom: 24px;
}

.network_detail-module__charts--e-k9G {
  display: grid;
  gap: 20px;

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

.network_detail-module__chart--kBCjR {
  display: flex;

  flex-direction: column;
  gap: 20px;
}

.network_detail-module__chart--kBCjR table:not(:first-child) {
  margin-top: 20px;
}

.network_detail-module__chart--kBCjR th:nth-child(3) {
  text-align: right;
}

.network_detail-module__chart--kBCjR td:nth-child(3) {
  text-align: right;
}

.network_detail-module__path--AgmnN {
  display: inline-block;
}

.network_detail-module__code--uFc56 {
  font-weight: var(--weight-300);
}

.network_detail-module__code--uFc56:not(:empty)::before {
  margin-right: var(--base-space);

  display: inline-block;
  content: '→';
}

.network_detail-module__sessionList--y0b4M {
  margin-top: 20px;
}

.network_detail-module__sessionFilters--OqRCB {
  margin-bottom: 20px;

  display: flex;

  align-items: center;
}

.network_detail-module__sessionFilterTitle--ByvYs {
  width: 50%;
}

.network_detail-module__sessionFiltersContent--7dVQD {
  width: 50%;

  display: flex;

  justify-content: flex-end;
}

.network_detail-module__inputFilter--m7d8j {
  margin: 0 0 0 space400;
}

.network_detail-module__performanceTab--Z-05P {
  font-weight: 700;

  display: flex;
  gap: 8px;
}

.network_detail-module__performanceTab--Z-05P > *:last-child {
  margin-left: 4px;
}

.network_detail-module__chartContainer--07mMO {
  position: relative;
}

.network_detail-module__bannerContainer--PhgL6 {
  margin-bottom: var(--space-16px);
}

.network_detail-module__banner--VgZL- {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.network_detail-module__bannerInfoIcon--oHdQX {
  margin-right: var(--space-8px);
}

.network_detail-module__icon--b3MtB {
  margin-left: var(--space-8px);
}


.network_body-module__iconContainer---76Mk {
  margin-top: 32px;
  margin-bottom: 32px;

  display: flex;

  justify-content: center;
}

.network_body-module__iconBackground--2AXpx {
  padding: 32px;

  background-color: var(--secondary-800);
  border-radius: 50%;
}

.network_body-module__networkBodyIcon--30eD0 {
  font-size: 50px;

  height: 50px;
  width: 50px;
}

.network_body-module__title--S2ATG {
  text-align: center;
}

.network_body-module__buttonContainer--J1Jqc {
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.network_body-module__copy--1eKAd {
  margin-bottom: 32px;
  max-width: 384px;
}

.network_body-module__copy--1eKAd a {
  display: inline;
}

.network_body-module__trigger--CCnNN {
  white-space: nowrap;
}
.flash-module__message--E-duu {
  color: var(--grey-1000);
  text-align: center;
  white-space: pre-line;

  width: 400px;
  margin: auto;
  padding: var(--space-24px) var(--space-32px);

  position: fixed;
  top: 70px;
  left: calc(50vw + 50px);
  z-index: var(--flash-banner-z-index);

  background-color: var(--grey-100);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  transform: translate(-200px, 0);
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}.base-module__container--KWQSl {
  margin: var(--space-12px) var(--space-64px);
  padding: var(--space-12px) var(--space-32px);

  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}.base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;

  margin: auto;
}.base-module__noBackground--6DEY3 {
  margin: var(--space-16px) var(--space-64px);
  padding: var(--space-8px) 0;

  background: none;
  box-shadow: none !important;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

  margin: 0;
}.base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl .base-module__container--KWQSl {
  box-shadow: none;
}.base-module__columnContainer--p2so3 {
  max-width: 100%;
  margin: -6px 0 6px;
  padding: 0 54px;

  display: flex;
  overflow-x: scroll;
}.base-module__columnContainer--p2so3 .base-module__container--KWQSl {
  margin: 6px;
}.base-module__layer--3QkYF {
  position: fixed;
  inset: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  justify-content: center;
  align-items: center;
}.base-module__labelContainer--ePAPY {
  /* Use flex to prevent loaders from wrapping to next line. */
  display: flex;
}.base-module__labelContainer--ePAPY > * {
  margin-left: 20px;
}.base-module__labelContainer--ePAPY > *:first-child {
  margin-left: 0;
}.base-module__label--VKGDF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-300);
  letter-spacing: 0.002em;
  text-transform: capitalize;

  margin-bottom: var(--space-12px);
}.base-module__sky--pKd2d {
  position: fixed;
  inset: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color: var(--grey-900);
}@media print {
  .base-module__container--KWQSl {
    box-shadow: none;
    color-adjust: exact;

    margin: var(--space-12px) 0;
    padding: var(--space-12px) 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .base-module__container--KWQSl.base-module__noBackground--6DEY3 .base-module__container--KWQSl {
    box-shadow: none;
  }
}*:focus-visible {
  outline: 0;
}

.debug_menu-module__api--lqd6J {
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 10000;
}

.debug_menu-module__api--lqd6J label {
  color: #fff;
  text-shadow: 0 0 2px #000;

  padding: 10px;

  display: block;
}

.debug_menu-module__env---BoX- {

  display: none;
}

.debug_menu-module__api--lqd6J:hover .debug_menu-module__env---BoX- {
  display: block;
}

/* These variables are deprecated. Use sizexxx variables instead */

/* stylelint-disable no-descending-specificity */

.comparison_table-module__negative--VlcjR {
  color: var(--text-negative);
}

.comparison_table-module__positive--Wdd7j {
  color: var(--green-400);
}

.comparison_table-module__comparisonTable--fn8-n {
  width: 100%;

  background-color: var(--grey-900);
  border-collapse: separate;
  border-left: 0;
  border-spacing: 0;
}

.comparison_table-module__comparisonHeader--982mN {
  display: table-header-group;

  background: var(--grey-800);
  border-color: inherit;
  border-collapse: separate;
  vertical-align: middle;
}

.comparison_table-module__comparisonGroupName--O51Eo form > div {
  margin: auto;
}

.comparison_table-module__comparisonGroupValue---Bc4R {
  font-size: 12px;
  text-align: left;
}

.comparison_table-module__comparisonRow--A1DGz {
  display: table-row;

  border-color: inherit;
  vertical-align: inherit;
}

.comparison_table-module__comparisonRow--A1DGz > td:first-child {
  padding-left: 12px;
}

.comparison_table-module__comparisonCell--94ZGD {
  height: 48px;
  padding: 8px 4px;
  vertical-align: top;

  width: 256px;
}

.comparison_table-module__comparisonCell--94ZGD > .comparison_table-module__metricName--5oz42 {
  height: 100%;

  display: flex;

  align-items: center;
}

td.comparison_table-module__comparisonCell--94ZGD {
  border-top: 1px solid var(--grey-800);
}

td.comparison_table-module__comparisonCell--94ZGD:first-child {
  text-align: left;
}

.comparison_table-module__comparisonCellWithTooltip--5Pnao {
  text-align: center;
}

.comparison_table-module__hidden--DAY4Z {
  display: none;
}

.comparison_table-module__hover--yx-JU {
  height: 100%;
}

.comparison_table-module__comparisonHover--pUv2B {
  text-align: left;
}

.comparison_table-module__appliedFilters--49d8x ul {
  list-style: none;

  padding-left: 0;
}

.comparison_table-module__appliedFilters--49d8x ul li {
  margin-bottom: 4px;
}

.comparison_table-module__delta--0sHm4 {
  color: var(--grey-100);
  font-size: 16px;
}

.comparison_table-module__loadingIcon---XSJ5 {
  height: 32px;

  display: block;
  overflow: hidden;
}

.comparison_table-module__metricValue--JX3n7 {
  height: 100%;
  max-height: 48px;

  display: flex;
  overflow: hidden;

  justify-content: center;
  align-items: center;
}

.comparison_table-module__comparisonMeta--PXc3y {
  margin: 24px 0;

  display: flex;
}

.comparison_table-module__comparisonMeta--PXc3y > div {
  margin-right: 8px;
}

.comparison_table-module__graph--rIU-n {
  margin-top: 20px;
}

.comparison_table-module__comparisonGraphContainer--SJqsi {
  display: grid;
  row-gap: var(--space-20px);
}

.comparison_table-module__benchmark--pxGco {
  margin-top: 8px;
}

/* These variables are deprecated. Use sizexxx variables instead */

.comparison_detail-module__header--26-Hh {
  display: flex;

  align-items: center;
}

.comparison_detail-module__controls--g8teT {
  align-items: center;
}

.comparison_detail-module__messageContainer--U96D6 {
  margin-bottom: 16px;
}

.comparison_detail-module__clickable--FBlAO {
  cursor: pointer;

  font-weight: 700;
  text-decoration: underline;
}
.preview_banner-module__content--cpY-- {
  display: flex;

  justify-content: space-between;
  align-items: center;
}

.preview_banner-module__buttons--LdEWM {
  display: flex;

  justify-content: space-between;
  gap: var(--space-10px);
}


.comparison_new-module__buttons--41Oww {
  display: flex;
}

.comparison_new-module__buttons--41Oww > *:first-child {
  margin-right: 12px;
}

.comparison_new-module__comparisonControl--2uPjW {
  align-items: flex-end;
}

.comparison_new-module__saveModal--P-N8o {
  min-width: 384px;
}

.comparison_new-module__saveModalButtons--99gSl {
  display: flex;

  justify-content: flex-end;
  align-items: baseline;
}

.comparison_new-module__saveModalButtons--99gSl > *:first-child {
  margin-right: 8px;
  margin-top: 16px;
}
/* Have to alias name because in some cases the browser chooses the "turquoise" color over ours.  *//* Primary Colors *//* Neutral *//* Supporting */.color-module__greyFont--Nfryz {
  color: #9b9b9b;
}.color-module__lightGreyBackground--5h70v {
  background-color: #ececec;
}.color-module__lightGreyFont--XZaKH {
  color: #c7c7c7;
}.color-module__redFont--ORiY3 {
  color: #ff2015;
}.color-module__softBlueBox--UiUn7 {
  color: #fff;

  background-color: hsla(207, 48%, 44%, 1);
}.color-module__softBlueBox--UiUn7 a {
  color: #fff;
}.color-module__softBlueBox--UiUn7 a:hover {
  color: #ececec;
}.color-module__turquoiseBox--SgGA- {
  color: #fff;

  background-color: #27b595;
  border-color: #27b595;
}.color-module__turquoiseFont--3LN-R {
  /* This is marked important to override `.container a` and similar. */
  color: #27b595 !important;
}.color-module__whiteBackground--Ma91U {
  background-color: #fff;
}.color-module__darkBackground--k-8Nf {
  background-color: hsla(0, 0%, 23%, 1);
}.color-module__errorFont--xdkLy {
  color: hsla(3, 100%, 27%, 1);
}

.app-module__app--0xflm {
  min-height: 100%;
}

.app-module__full--8ax81 {
  display: flex;
}

.app-module__content--FWZCV {
  min-height: 100vh;

  display: flex;

  flex-direction: column;
}

.app-module__full--8ax81 .app-module__content--FWZCV {
  flex: 1;
}

.app-module__showMenu--36iGE {
  margin-left: var(--global-menu-width);
  max-width: calc(100vw - var(--global-menu-width));
}

@keyframes app-module__fadein--GnsGt {
  from {
    opacity: 0;

    margin-top: -10px;
  }

  to {
    opacity: 1;

    margin-top: 0;
  }
}

@keyframes app-module__fadeout--FDMyY {
  from {
    opacity: 1;

    margin-top: 0;
  }

  to {
    opacity: 0;

    margin-top: 10px;
  }
}

/* watermark */
.app-module__app--0xflm::before {
  position: absolute;
  inset: 0;

  display: none;

  background: url('/assets/watermark-DF-fW_J1.svg') -50% 0/50% 20vh;
  color-adjust: exact;
  content: '';
  opacity: 0.5;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

html[data-theme-printing='dark'] body::before {
  width: 100vw;
  height: 100vh;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;

  display: block;

  background: black;
  content: '';

  opacity: 0.8;
}

@media print {
  html[data-theme-printing='dark'] body::before {
    display: none;
  }

  table {
    page-break-after: auto !important;
  }

  table tr,
  table td {
    page-break-inside: avoid !important;
    page-break-after: auto !important;
  }

  table thead {
    display: table-header-group !important;
  }

  table tfoot {
    display: table-footer-group !important;
  }

  .app-module__showMenu--36iGE {
    margin-left: 0;
    max-width: 100%;
  }

  .app-module__app--0xflm {
    position: relative;
  }

  .app-module__app--0xflm::before {
    display: block;
  }
}
/* These variables are deprecated. Use sizexxx variables instead */

._404-module__oops--YK1iD {
  font-size: 48px;

  margin: 10px;
}

._404-module__center--4cc7U {
  text-align: center;

  margin-top: var(--space-192px);
}

._404-module__logo--8Gg0D {
  height: 408px;
  margin: var(--space-104px) auto 50px auto;
  max-width: 408px;
}

._404-module__notFound--2cthN {
  display: flex;

  flex-direction: column;
}

._404-module__detail--57Huj {
  font-size: 24px;

  margin-bottom: 100px;
}
/* stylelint-disable selector-class-pattern */

.recharts-responsive-container [style*='width: 0px'][style*='height: 0px'] {
  height: auto !important;
  min-height: 1px !important;
}


html {
  height: 100%;
  box-sizing: border-box;

  background-color: var(--grey-1000);

  transition: var(--default-background-transition);
  overscroll-behavior-y: none;
}

body {
  height: 100%;
}

* {
  font-weight: 400;

  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: var(--text-product-secondary);
  cursor: pointer;

  text-decoration: none;
}

body,
h1,
h2 {
  color: var(--grey-100);

  margin: 0;
  padding: 0;
}

h3,
h3 * {
  color: var(--grey-200);
  font-weight: 500;

  margin: 0;
  padding: 0;
}

h4 {
  color: var(--grey-100);
  font-size: var(--text-16px);
}

h1 {
  font-size: var(--text-24px);
}

h2 {
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
}

h3 {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
}

p {
  line-height: 1.3;
}

body,
input,
textarea {
  font-family: Roboto, sans-serif;
}

input {
  color: var(--grey-300);

  outline: none;
}

table {
  border-collapse: collapse;
}

hr {
  border: 0;
  border-top: 1px solid var(--grey-700);
}

label {
  font-size: 14px;
}
/* @deprecated: use `styles/colors.css` instead */

:root,
[data-force-theme='dark'] {
  --theme-name: 'dark';
  --neutral-100: #d7d3d0;
  --neutral-200: #cac5c1;
  --neutral-300: #c1bbb6;
  --neutral-400: #b0a8a1;
  --neutral-500: #867e79;
  --neutral-600: #645f5b;
  --neutral-700: #433f3c;
  --neutral-800: #322f2d;
  --lead-900: #231f1f;
  --primary-100: #dbddff;
  --primary-200: #c9cbff;
  --primary-300: #8489f5;
  --primary-400: #5b56e3;
  --primary-500: #3e3ebd;
  --primary-600: #2b30a8;
  --primary-700: #151972;
  --primary-800: #131650;
  --primary-900: #0a0c32;
  --primary-1000: #020429;
  --secondary-100: #00528d;
  --secondary-200: #96d2ff;
  --secondary-300: #5eb9ff;
  --secondary-400: #65b2e9;
  --secondary-500: #1c72b0;
  --secondary-600: #0c4e7d;
  --secondary-700: #0e3959;
  --secondary-800: #09263d;
  --secondary-900: #051929;
  --secondary-1000: #02111c;
  --grey-100: #fafbff;
  --grey-200: #cccdd1;
  --grey-300: #999ba1;
  --grey-400: #7b7e85;
  --grey-500: #606266;
  --grey-600: #4b4c4f;
  --grey-700: #3b3c40;
  --grey-800: #25272b;
  --grey-900: #171a21;
  --grey-1000: #040814;
  --orange-100: #ffeade;
  --orange-200: #c64f0e;
  --orange-300: #f2a679;
  --orange-400: #f18f56;
  --orange-500: #df7436;
  --orange-600: #ad5323;
  --orange-700: #7d3d1a;
  --orange-800: #52260f;
  --orange-900: #331404;
  --orange-1000: #1c0f01;
  --teal-100: #e3fdff;
  --teal-200: #d4fcff;
  --teal-300: #b4f5fa;
  --teal-400: #8ceef5;
  --teal-500: #4ddee8;
  --teal-600: #26b3bd;
  --teal-700: #1a777d;
  --teal-800: #0f4d52;
  --teal-900: #043033;
  --teal-1000: #011a1c;
  --purple-100: #eee3ff;
  --purple-200: #e4d4ff;
  --purple-300: #9662e9;
  --purple-400: #b48cf5;
  --purple-500: #884de8;
  --purple-600: #6026bd;
  --purple-700: #401a7d;
  --purple-800: #280f52;
  --purple-900: #160433;
  --purple-1000: #0b011c;
  --pink-100: #ffe3ff;
  --pink-200: #f9cffa;
  --pink-300: #f9b4fa;
  --pink-400: #f38cf5;
  --pink-500: #e54de8;
  --pink-600: #ba26bd;
  --pink-700: #7c1a7d;
  --pink-800: #500f52;
  --pink-900: #320433;
  --pink-1000: #1c011c;
  --lime-100: #f5ffde;
  --lime-200: #daf79c;
  --lime-300: #ccf279;
  --lime-400: #c0f156;
  --lime-500: #aadf36;
  --lime-600: #81ad23;
  --lime-700: #5e7d1a;
  --lime-800: #3c520f;
  --lime-900: #243304;
  --lime-1000: #131c01;
  --red-100: #ffe0e0;
  --red-200: #f7adad;
  --red-300: #f24141;
  --red-400: #db2727;
  --red-500: #ab2020;
  --red-600: #7a1717;
  --red-700: #661313;
  --red-800: #4d1919;
  --red-900: #260404;
  --red-1000: #170101;
  --yellow-100: #f7f0da;
  --yellow-200: #907006;
  --yellow-300: #ffe89c;
  --yellow-400: #ffdd6e;
  --yellow-500: #fccc3d;
  --yellow-600: #deb63e;
  --yellow-700: #9c8128;
  --yellow-800: #614d0d;
  --yellow-900: #45380c;
  --yellow-1000: #211a01;
  --green-100: #e1fcf0;
  --green-200: #a6f5d1;
  --green-300: #067944;
  --green-400: #4ad494;
  --green-500: #30a66f;
  --green-600: #1e8555;
  --green-700: #0f5c38;
  --green-800: #06331e;
  --green-900: #031f12;
  --green-1000: #02140c;
  --color-dark-background-40-opacity: #04081466;
  --color-text-button: #fafbff; /* permanent dark/grey-100 */
  --color-text-button-opacity: rgb(
    250 251 255 / 70%
  ); /* permanent dark/grey-100 with opacity */

  /* Primary background with opacity for graph */
  --color-graph-background: rgb(91 86 227 / 20%);
  --color-menu-background: #fff;
  --color-menu-divider-line: #cccdd1;
  --color-menu-hint-text: #606266;
  --color-menu-body: #040814;
  --color-notification-background: #db2727;
  --color-android-green: #a4c639;
  --color-ios-teal: #26b3bd; /* permanent light/teal/500 */
  --color-web-blue: #add8e6; /* TODO decide color for web */
  --color-rn-purple: #884de8; /* permanent light/purple/600 */
  --color-unity-orange: #df7436; /* permanent light/orange/600 */
  --color-flutter-blue: #5eb9ff; /* permanent dark/secondary/300 */
  --color-app-name: #fff;
  --color-datepicker-background: var(--background-secondary);
  --color-datepicker-background-start: var(--background-product);
  --color-datepicker-background-middle: var(--background-product-light);
  --color-datepicker-background-end: var(--background-secondary);
  --color-datepicker-boder-hover: var(--background-product);
  --color-datepicker-text: var(--text-primary);
  --color-datepicker-text-start: #fafbff;
  --color-datepicker-hover: red;
  --color-datepicker-disabled: var(--text-disabled);
  --color-table-row-hover: #323336;
  --color-link-dismissible-tooltip: #3838eb;
  --color-tooltip-content-background: #25272b;
  --color-tooltip-content-border: #606266;
  --color-tooltip-content-text: #fafbff;
  --color-table-primary-row-hovered: #323336;
  --color-table-secondary-row-selected: var(--primary-900);
  --color-flamegraph-default: var(--grey-800);
  --color-flamegraph-highlighted: var(--primary-400);
  --color-flamegraph-obfuscated: var(--grey-900);
  --color-flamegraph-sandwich: #4e2c28;
  --color-flamegraph-tooltip: var(--grey-900);
  --loading-indicator: #d7d3d0;
  --marketing-background-color: #231f1f;
  --marketing-border-color-button: #eeff04;
  --marketing-font-color-button: #fafbff;
  --marketing-background-color-button: transparent;
  --marketing-hover-font-color-button: #181818;
  --marketing-hover-border-color-button: #eeff04;
  --marketing-hover-background-color-button: #eeff04;
  --marketing-outline-border-color-button: #6d6d6d;
  --marketing-outline-font-color-button: #fff;
  --marketing-outline-background-color-button: transparent;
  --marketing-outline-hover-font-color-button: #fff;
  --marketing-outline-hover-border-color-button: #6d6d6d;
  --marketing-outline-hover-background-color-button: transparent;
}

[data-theme='light'],
[data-force-theme='light'] {
  --theme-name: 'light';
  --primary-100: #020429;
  --primary-200: #111adc;
  --primary-300: #3c45ff;
  --primary-400: #5650fd;
  --primary-500: #3e3ebd;
  --primary-600: #3838eb;
  --primary-700: #5b56e3;
  --primary-800: #8489f5;
  --primary-900: #e9eaff;
  --primary-1000: #dbddff;
  --secondary-100: #02111c;
  --secondary-200: #007cdb;
  --secondary-300: #1691ef;
  --secondary-400: #2491e0;
  --secondary-500: #0c4e7d;
  --secondary-600: #b8e1ff;
  --secondary-700: #2491e0;
  --secondary-800: #dff1ff;
  --secondary-900: #ebf6ff;
  --secondary-1000: #e6f4ff;
  --grey-100: #181818;
  --grey-200: #303030;
  --grey-300: #6d6d6d;
  --grey-400: #999;
  --grey-500: #606166;
  --grey-600: #dbdbdb;
  --grey-700: #e8e8e8;
  --grey-800: #ebebeb;
  --grey-900: #fff;
  --grey-1000: #fafafa;
  --orange-100: #1c0f01;
  --orange-200: #331404;
  --orange-300: #52260f;
  --orange-400: #f18f56;
  --orange-500: #df7436;
  --orange-600: #df7436;
  --orange-700: #f18f56;
  --orange-800: #f2a679;
  --orange-900: #f7be9c;
  --orange-1000: #ffeade;
  --teal-100: #011a1c;
  --teal-200: #043033;
  --teal-300: #108d96;
  --teal-400: #1a777d;
  --teal-500: #26b3bd;
  --teal-600: #4ddee8;
  --teal-700: #8ceef5;
  --teal-800: #b4f5fa;
  --teal-900: #d4fcff;
  --teal-1000: #e3fdff;
  --purple-100: #0b011c;
  --purple-200: #160433;
  --purple-300: #280f52;
  --purple-400: #401a7d;
  --purple-500: #6026bd;
  --purple-600: #884de8;
  --purple-700: #b48cf5;
  --purple-800: #cfb4fa;
  --purple-900: #e4d4ff;
  --purple-1000: #eee3ff;
  --pink-100: #1c011c;
  --pink-200: #320433;
  --pink-300: #500f52;
  --pink-400: #7c1a7d;
  --pink-500: #ba26bd;
  --pink-600: #e54de8;
  --pink-700: #f38cf5;
  --pink-800: #f9b4fa;
  --pink-900: #f9cffa;
  --pink-1000: #ffe3ff;
  --lime-100: #131c01;
  --lime-200: #243304;
  --lime-300: #a0da24;
  --lime-400: #5e7d1a;
  --lime-500: #81ad23;
  --lime-600: #aadf36;
  --lime-700: #c0f156;
  --lime-800: #ccf279;
  --lime-900: #daf79c;
  --lime-1000: #f5ffde;
  --red-100: #170101;
  --red-200: #260404;
  --red-300: #ff5c5c;
  --red-400: #e20b0b;
  --red-500: #de3838;
  --red-600: #ffc3c3;
  --red-700: #d43d3d;
  --red-800: #ffe5e5;
  --red-900: #f7adad;
  --red-1000: #ffe0e0;
  --yellow-100: #211a01;
  --yellow-200: #45380c;
  --yellow-300: #614d0d;
  --yellow-400: #9c8128;
  --yellow-500: #ffc61b;
  --yellow-600: #fccc3d;
  --yellow-700: #ffdd6e;
  --yellow-800: #ffe89c;
  --yellow-900: #ffefba;
  --yellow-1000: #f7f0da;
  --green-100: #02140c;
  --green-200: #0d7547;
  --green-300: #074b2b;
  --green-400: #08874c;
  --green-500: #1e8555;
  --green-600: #30a66f;
  --green-700: #4ad494;
  --green-800: #d7fce2;
  --green-900: #a6f5d1;
  --green-1000: #e1fcf0;
  --color-dark-background-40-opacity: #fafafa66;
  --color-table-row-hover: #f7f7f7;
  --color-link-dismissible-tooltip: #9ea2ff;
  --color-tooltip-content-background: #fff;
  --color-tooltip-content-border: #606266;
  --color-tooltip-content-text: #171a21;

  /* Primary background with opacity for graph */
  --color-graph-background: rgb(86 80 253 / 20%);
  --color-table-primary-row-hovered: #f7f7f7;
  --color-table-secondary-row-selected: var(--primary-900);
  --color-flamegraph-default: #999ba1;
  --color-flamegraph-highlighted: var(--purple-700);
  --color-flamegraph-obfuscated: var(--grey-800);
  --color-flamegraph-sandwich: #fbc0b7;
  --color-flamegraph-tooltip: #171a21;
  --loading-indicator: #231f1f;
  --marketing-background-color: #cac5c1;
  --marketing-border-color-button: #040814;
  --marketing-font-color-button: #eeff04;
  --marketing-background-color-button: #040814;
  --marketing-hover-font-color-button: #eeff04;
  --marketing-hover-border-color-button: #040814;
  --marketing-hover-background-color-button: #040814;
  --marketing-outline-border-color-button: #6d6d6d;
  --marketing-outline-font-color-button: #181818;
  --marketing-outline-background-color-button: #cac5c1;
  --marketing-outline-hover-font-color-button: #181818;
  --marketing-outline-hover-border-color-button: #181818;
  --marketing-outline-hover-background-color-button: #e8e8e8;
}

:root {
  --bg-color-span-successful: var(--green-600);
  --bg-color-span-failure: var(--red-400);
  --bg-color-span-user-abandon: var(--grey-100);
  --bg-color-span-unknown: var(--secondary-500);
  --text-color-span-successful: var(--text-success);
  --text-color-span-failure: var(--text-negative);
  --text-color-span-user-abandon: var(--grey-100);
  --text-color-span-unknown: var(--secondary-500);
  --primary-brand: #eeff04;
  --primary-silver: #d7d3d0;
  --black-background: #1e1e1e;
}
:root {
  --light-background-primary: #fafafa;
  --light-background-inverted: #040814;
  --light-background-secondary: #fff;
  --light-background-tertiary: #ebebeb;
  --light-background-neutral: #ebebeb;
  --light-background-hover: #e8e8e8;
  --light-background-disabled: #d6d6d6;
  --light-background-scrim: #000;
  --light-background-negative: #ffe5e5;
  --light-background-success: #d7fce2;
  --light-background-warning: #fff0bd;
  --light-background-info: #dff1ff;
  --light-background-product: #3838eb;
  --light-background-product-secondary: #060692;
  --light-background-product-hover: #5b56e3;
  --light-background-product-secondary-hover: #3838eb;
  --light-background-product-light: #e9eaff;
  --light-background-product-tonal: #8489f5;
  --light-background-product-active: #5650fd;
  --light-text-strong: #000;
  --light-text-primary: #181818;
  --light-text-secondary: #4c4c4c;
  --light-text-tertiary: #6d6d6d;
  --light-text-disabled: #969696;
  --light-text-hover: #4c4c4c;
  --light-text-inverted: #fff;
  --light-text-negative: #d30404;
  --light-text-success: #027d42;
  --light-text-green: #027d42;
  --light-text-info: #1691ef;
  --light-text-warning: #955f1f;
  --light-text-product-primary: #3838eb;
  --light-text-product-hover: #abbfff;
  --light-text-product-active: #5650fd;
  --light-text-product-secondary: #111adc;
  --light-text-product-tertiary: #1691ef;
  --light-border-tertiary: #ebebeb;
  --light-border-secondary: #e8e8e8;
  --light-border-primary: #dbdbdb;
  --light-border-content: #6d6d6d;
  --light-border-disabled: #d6d6d6;
  --light-border-negative: #d30404;
  --light-border-success: #027d42;
  --light-border-info: #1691ef;
  --light-border-warning: #ffc61b;
  --light-border-product: #5650fd;
  --light-border-product-accent: #a0da24;
  --light-border-product-secondary: #0c4e7d;
  --light-icon-focused: #181818;
  --light-icon-disabled: #969696;
  --light-icon-inverted: #fff;
  --light-icon-default: #6d6d6d;
  --light-icon-negative: #d30404;
  --light-icon-success: #027d42;
  --light-icon-info: #1691ef;
  --light-icon-warning: #ffc61b;
  --light-icon-product-tertiary: #1691ef;
  --light-chart-success: #30a66f;
  --light-chart-warning: #deb63e;
  --light-chart-negative: #db2727;
  --light-chart-neutral: #181818;
  --light-chart-unfinished: #6d6d6d;
  --dark-background-primary: #040814;
  --dark-background-secondary: #171a21;
  --dark-background-tertiary: #25272b;
  --dark-background-neutral: #5e6064;
  --dark-background-hover: #3b3c40;
  --dark-background-disabled: #47484c;
  --dark-background-inverted: #fff;
  --dark-background-scrim: #000;
  --dark-background-success: #06331e;
  --dark-background-negative: #4d1919;
  --dark-background-warning: #58470f;
  --dark-background-info: #09263d;
  --dark-background-product: #2b30a8;
  --dark-background-product-secondary: #151972;
  --dark-background-product-hover: #151972;
  --dark-background-product-secondary-hover: #2b30a8;
  --dark-background-product-light: #0a0c32;
  --dark-background-product-tonal: #131650;
  --dark-background-product-active: #5b56e3;
  --dark-border-primary: #4b4c4f;
  --dark-border-secondary: #3b3c40;
  --dark-border-tertiary: #25272b;
  --dark-border-content: #999ba1;
  --dark-border-disabled: #29292a;
  --dark-border-negative: #ff9b9b;
  --dark-border-success: #4ad494;
  --dark-border-info: #6bc6ff;
  --dark-border-warning: #fccc3d;
  --dark-border-product: #5b56e3;
  --dark-border-product-accent: #ccf279;
  --dark-border-product-secondary: #1c72b0;
  --dark-border-product-tertiary: #1c72b0;
  --dark-text-strong: #fff;
  --dark-text-primary: #fafbff;
  --dark-text-secondary: #cdced2;
  --dark-text-tertiary: #999ba1;
  --dark-text-hover: #cccdd1;
  --dark-text-disabled: #808080;
  --dark-text-inverted: #000;
  --dark-text-negative: #ff9b9b;
  --dark-text-success: #4ad494;
  --dark-text-green: #4ad494;
  --dark-text-info: #6bc6ff;
  --dark-text-warning: #ffe89c;
  --dark-text-product-primary: #2b30a8;
  --dark-text-product-hover: #3e3ebd;
  --dark-text-product-active: #5b56e3;
  --dark-text-product-secondary: #c9cbff;
  --dark-text-product-tertiary: #6bc6ff;
  --dark-icon-tertiary: #6bc6ff;
  --dark-icon-focused: #fafbff;
  --dark-icon-disabled: #808080;
  --dark-icon-inverted: #000;
  --dark-icon-default: #999ba1;
  --dark-icon-negative: #ff9b9b;
  --dark-icon-success: #4ad494;
  --dark-icon-info: #6bc6ff;
  --dark-icon-warning: #fccc3d;
  --dark-icon-product-tertiary: #6bc6ff;
  --dark-chart-success: #30a66f;
  --dark-chart-warning: #deb63e;
  --dark-chart-negative: #db2727;
  --dark-chart-neutral: #fafbff;
  --dark-chart-unfinished: #999ba1;

  /* Note, there is no light variant of the following chart colors */
  --dark-chart-color1: #e54de8;
  --dark-chart-color2: #884de8;
  --dark-chart-color3: #5eb9ff;
  --dark-chart-color4: #c0f156;
  --dark-chart-color5: #f7be9c;
  --dark-chart-color6: #ff9800;
  --dark-chart-color7: #d81b60;
  --dark-chart-color8: #9c27b0;
  --dark-chart-color9: #8ceef5;
  --dark-chart-color10: #d8b9fb;

  /* note: brand colors do not have light and dark variants */
  --brand-primary: #eeff04;
  --brand-lead: #231f1f;
  --brand-neutral800: #322f2d;
  --brand-neutral700: #433f3c;
  --brand-neutral600: #645f5b;
  --brand-neutral500: #867e79;
  --brand-neutral400: #b0a8a1;
  --brand-neutral300: #c1bbb6;
  --brand-neutral200: #cac5c1;
  --brand-silver: #a79e97;

  /* treemap specific colors */
  --dark-treemap-background-success: var(--dark-background-success);
  --dark-treemap-background-success-hover: #0a4b2f;
  --dark-treemap-background-negative: var(--dark-background-negative);
  --dark-treemap-background-negative-hover: #942222;
  --dark-treemap-background-info: var(--dark-background-info);
  --dark-treemap-background-info-hover: #123b59;
  --dark-treemap-background-warning: var(--dark-background-warning);
  --dark-treemap-background-warning-hover: #6b570f;
  --dark-treemap-background-neutral: var(--dark-background-neutral);
  --dark-treemap-background-neutral-hover: #7a7c80;
  --light-treemap-background-success: var(--light-background-success);
  --light-treemap-background-success-hover: #b7ecd5;
  --light-treemap-background-negative: var(--light-background-negative);
  --light-treemap-background-negative-hover: #f9bfbf;
  --light-treemap-background-info: var(--light-background-info);
  --light-treemap-background-info-hover: #c3e6fb;
  --light-treemap-background-warning: var(--light-background-warning);
  --light-treemap-background-warning-hover: #ffe89c;
  --light-treemap-background-neutral: var(--light-background-neutral);
  --light-treemap-background-neutral-hover: #d6d6d6;
}

[data-theme='dark'],
[data-force-theme='dark'] {
  --theme-name: 'dark';
  --background-primary: var(--dark-background-primary);
  --background-secondary: var(--dark-background-secondary);
  --background-tertiary: var(--dark-background-tertiary);
  --background-neutral: var(--dark-background-neutral);
  --background-hover: var(--dark-background-hover);
  --background-disabled: var(--dark-background-disabled);
  --background-inverted: var(--dark-background-inverted);
  --background-scrim: var(--dark-background-scrim);
  --background-success: var(--dark-background-success);
  --background-negative: var(--dark-background-negative);
  --background-warning: var(--dark-background-warning);
  --background-info: var(--dark-background-info);
  --background-product: var(--dark-background-product);
  --background-product-secondary: var(--dark-background-product-secondary);
  --background-product-hover: var(--dark-background-product-hover);
  --background-product-secondary-hover: var(
    --dark-background-product-secondary-hover
  );
  --background-product-light: var(--dark-background-product-light);
  --background-product-tonal: var(--dark-background-product-tonal);
  --background-product-active: var(--dark-background-product-active);
  --border-primary: var(--dark-border-primary);
  --border-secondary: var(--dark-border-secondary);
  --border-tertiary: var(--dark-border-tertiary);
  --border-content: var(--dark-border-content);
  --border-disabled: var(--dark-border-disabled);
  --border-negative: var(--dark-border-negative);
  --border-success: var(--dark-border-success);
  --border-info: var(--dark-border-info);
  --border-warning: var(--dark-border-warning);
  --border-product: var(--dark-border-product);
  --border-product-accent: var(--dark-border-product-accent);
  --border-product-secondary: var(--dark-border-product-secondary);
  --border-inverted: var(--dark-background-inverted);
  --text-strong: var(--dark-text-strong);
  --text-primary: var(--dark-text-primary);
  --text-secondary: var(--dark-text-secondary);
  --text-tertiary: var(--dark-text-tertiary);
  --text-hover: var(--dark-text-hover);
  --text-disabled: var(--dark-text-disabled);
  --text-inverted: var(--dark-text-inverted);
  --text-negative: var(--dark-text-negative);
  --text-success: var(--dark-text-success);
  --text-green: var(--dark-text-green);
  --text-info: var(--dark-text-info);
  --text-warning: var(--dark-text-warning);
  --text-product-primary: var(--dark-text-product-primary);
  --text-product-hover: var(--dark-text-product-hover);
  --text-product-active: var(--dark-text-product-active);
  --text-product-secondary: var(--dark-text-product-secondary);
  --text-product-tertiary: var(--dark-text-product-tertiary);
  --icon-focused: var(--dark-icon-focused);
  --icon-disabled: var(--dark-icon-disabled);
  --icon-inverted: var(--dark-icon-inverted);
  --icon-default: var(--dark-icon-default);
  --icon-negative: var(--dark-icon-negative);
  --icon-success: var(--dark-icon-success);
  --icon-info: var(--dark-icon-info);
  --icon-warning: var(--dark-icon-warning);
  --icon-product-primary: var(--dark-background-product);
  --icon-product-tertiary: var(--dark-icon-product-tertiary);
  --icon-product-active: var(--dark-background-product-active);
  --chart-success: var(--dark-chart-success);
  --chart-warning: var(--dark-chart-warning);
  --chart-negative: var(--dark-chart-negative);
  --chart-neutral: var(--dark-chart-neutral);
  --chart-unfinished: var(--dark-chart-unfinished);
  --chart-color1: var(--dark-chart-color1);
  --chart-color2: var(--dark-chart-color2);
  --chart-color3: var(--dark-chart-color3);
  --chart-color4: var(--dark-chart-color4);
  --chart-color5: var(--dark-chart-color5);
  --chart-color6: var(--dark-chart-color6);
  --chart-color7: var(--dark-chart-color7);
  --chart-color8: var(--dark-chart-color8);
  --chart-color9: var(--dark-chart-color9);
  --chart-color10: var(--dark-chart-color10);

  /* treemap */
  --treemap-background-success: var(--dark-treemap-background-success);
  --treemap-background-success-hover: var(
    --dark-treemap-background-success-hover
  );
  --treemap-background-negative: var(--dark-treemap-background-negative);
  --treemap-background-negative-hover: var(
    --dark-treemap-background-negative-hover
  );
  --treemap-background-info: var(--dark-treemap-background-info);
  --treemap-background-info-hover: var(--dark-treemap-background-info-hover);
  --treemap-background-warning: var(--dark-treemap-background-warning);
  --treemap-background-warning-hover: var(
    --dark-treemap-background-warning-hover
  );
  --treemap-background-neutral: var(--dark-treemap-background-neutral);
  --treemap-background-neutral-hover: var(
    --dark-treemap-background-neutral-hover
  );
}

[data-theme='light'],
[data-force-theme='light'] {
  --theme-name: 'light';
  --background-primary: var(--light-background-primary);
  --background-secondary: var(--light-background-secondary);
  --background-tertiary: var(--light-background-tertiary);
  --background-neutral: var(--light-background-neutral);
  --background-hover: var(--light-background-hover);
  --background-disabled: var(--light-background-disabled);
  --background-inverted: var(--light-background-inverted);
  --background-scrim: var(--light-background-scrim);
  --background-success: var(--light-background-success);
  --background-negative: var(--light-background-negative);
  --background-warning: var(--light-background-warning);
  --background-info: var(--light-background-info);
  --background-product: var(--light-background-product);
  --background-product-secondary: var(--light-background-product-secondary);
  --background-product-hover: var(--light-background-product-hover);
  --background-product-secondary-hover: var(
    --light-background-product-secondary-hover
  );
  --background-product-light: var(--light-background-product-light);
  --background-product-tonal: var(--light-background-product-tonal);
  --background-product-active: var(--light-background-product-active);
  --border-primary: var(--light-border-primary);
  --border-secondary: var(--light-border-secondary);
  --border-tertiary: var(--light-border-tertiary);
  --border-content: var(--light-border-content);
  --border-disabled: var(--light-border-disabled);
  --border-negative: var(--light-border-negative);
  --border-success: var(--light-border-success);
  --border-info: var(--light-border-info);
  --border-warning: var(--light-border-warning);
  --border-product: var(--light-border-product);
  --border-product-accent: var(--light-border-product-accent);
  --border-product-secondary: var(--light-border-product-secondary);
  --border-inverted: var(--light-background-inverted);
  --text-strong: var(--light-text-strong);
  --text-primary: var(--light-text-primary);
  --text-secondary: var(--light-text-secondary);
  --text-tertiary: var(--light-text-tertiary);
  --text-hover: var(--light-text-hover);
  --text-disabled: var(--light-text-disabled);
  --text-inverted: var(--light-text-inverted);
  --text-negative: var(--light-text-negative);
  --text-success: var(--light-text-success);
  --text-green: var(--light-text-green);
  --text-info: var(--light-text-info);
  --text-warning: var(--light-text-warning);
  --text-product-primary: var(--light-text-product-primary);
  --text-product-hover: var(--light-text-product-hover);
  --text-product-active: var(--light-text-product-active);
  --text-product-secondary: var(--light-text-product-secondary);
  --text-product-tertiary: var(--light-text-product-tertiary);
  --icon-focused: var(--light-icon-focused);
  --icon-disabled: var(--light-icon-disabled);
  --icon-inverted: var(--light-icon-inverted);
  --icon-default: var(--light-icon-default);
  --icon-negative: var(--light-icon-negative);
  --icon-success: var(--light-icon-success);
  --icon-info: var(--light-icon-info);
  --icon-warning: var(--light-icon-warning);
  --icon-product-primary: var(--light-background-product);
  --icon-product-tertiary: var(--light-icon-product-tertiary);
  --icon-product-active: var(--light-background-product-active);
  --chart-success: var(--light-chart-success);
  --chart-warning: var(--light-chart-warning);
  --chart-negative: var(--light-chart-negative);
  --chart-neutral: var(--light-chart-neutral);
  --chart-unfinished: var(--light-chart-unfinished);

  /* Note, there is no light variant of the following chart colors */
  --chart-color1: var(--dark-chart-color1);
  --chart-color2: var(--dark-chart-color2);
  --chart-color3: var(--dark-chart-color3);
  --chart-color4: var(--dark-chart-color4);
  --chart-color5: var(--dark-chart-color5);
  --chart-color6: var(--dark-chart-color6);
  --chart-color7: var(--dark-chart-color7);
  --chart-color8: var(--dark-chart-color8);
  --chart-color9: var(--dark-chart-color9);
  --chart-color10: var(--dark-chart-color10);

  /* treemap */
  --treemap-background-success: var(--light-treemap-background-success);
  --treemap-background-success-hover: var(
    --light-treemap-background-success-hover
  );
  --treemap-background-negative: var(--light-treemap-background-negative);
  --treemap-background-negative-hover: var(
    --light-treemap-background-negative-hover
  );
  --treemap-background-info: var(--light-treemap-background-info);
  --treemap-background-info-hover: var(--light-treemap-background-info-hover);
  --treemap-background-warning: var(--light-treemap-background-warning);
  --treemap-background-warning-hover: var(
    --light-treemap-background-warning-hover
  );
  --treemap-background-neutral: var(--light-treemap-background-neutral);
  --treemap-background-neutral-hover: var(
    --light-treemap-background-neutral-hover
  );
}
:root {
  --space-half-base: calc(var(--base-space) / 2);
  --base-space: 4px;
  --space-4px: var(--base-space);
  --space-6px: calc(var(--base-space) * 1.5);
  --space-8px: calc(var(--base-space) * 2);
  --space-10px: calc(var(--base-space) * 2.5);
  --space-12px: calc(var(--base-space) * 3);
  --space-16px: calc(var(--base-space) * 4);
  --space-18px: calc(var(--base-space) * 4.5);
  --space-20px: calc(var(--base-space) * 5);
  --space-24px: calc(var(--base-space) * 6);
  --space-28px: calc(var(--base-space) * 7);
  --space-32px: calc(var(--base-space) * 8);
  --space-36px: calc(var(--base-space) * 9);
  --space-40px: calc(var(--base-space) * 10);
  --space-48px: calc(var(--base-space) * 12);
  --space-56px: calc(var(--base-space) * 14);
  --space-60px: calc(var(--base-space) * 15);
  --space-64px: calc(var(--base-space) * 16);
  --space-72px: calc(var(--base-space) * 18);
  --space-76px: calc(var(--base-space) * 19);
  --space-80px: calc(var(--base-space) * 20);
  --space-88px: calc(var(--base-space) * 22);
  --space-96px: calc(var(--base-space) * 24);
  --space-104px: calc(var(--base-space) * 26);
  --space-108px: calc(var(--base-space) * 27);
  --space-112px: calc(var(--base-space) * 28);
  --space-120px: calc(var(--base-space) * 30);
  --space-128px: calc(var(--base-space) * 32);
  --space-136px: calc(var(--base-space) * 34);
  --space-140px: calc(var(--base-space) * 35);
  --space-144px: calc(var(--base-space) * 36);
  --space-152px: calc(var(--base-space) * 38);
  --space-156px: calc(var(--base-space) * 39);
  --space-168px: calc(var(--base-space) * 42);
  --space-192px: calc(var(--base-space) * 48);
  --space-200px: calc(var(--base-space) * 50);
  --space-248px: calc(var(--base-space) * 62);
  --space-256px: calc(var(--base-space) * 64);
  --space-272px: calc(var(--base-space) * 68);
  --space-300px: calc(var(--base-space) * 75);
  --space-320px: calc(var(--base-space) * 80);
  --space-386px: calc(var(--base-space) * 96); /* 4 * 96 is not 386, is 384 */
  --space-408px: calc(var(--base-space) * 102);
  --space-512px: calc(var(--base-space) * 128);
  --space-600px: calc(var(--base-space) * 150);
  --space-640px: calc(var(--base-space) * 160);
  --space-768px: calc(var(--base-space) * 192);
  --space-840px: calc(var(--base-space) * 210);
  --space-900px: calc(var(--base-space) * 225);
  --space-1024px: calc(var(--base-space) * 256);
  --space-1440px: calc(var(--base-space) * 360);
}
:root {
  --text-8px: 8px;
  --text-10px: 10px;
  --text-12px: 12px;
  --text-14px: 14px;
  --text-15px: 15px;
  --text-16px: 16px;
  --text-18px: 18px;
  --text-20px: 20px;
  --text-22px: 22px;
  --text-24px: 24px;
  --text-28px: 28px;
  --text-30px: 30px;
  --text-32px: 32px;
  --text-36px: 36px;
  --text-40px: 40px;
  --text-44px: 44px;
  --text-48px: 48px;
  --text-52px: 52px;
  --text-64px: 64px;
  --text-72px: 72px;
  --weight-100: 300;
  --weight-200: 400;
  --weight-300: 500;
  --weight-350: 600;
  --weight-400: 700;
  --body-font: 'Roboto', sans-serif;
}
:root {
  --floating-label-z-index: 5;
  --popover-content-z-index: 6;
  --filter-builder-field-selector-z-index: 8;
  --sticky-summary-aei-correlated-z-index: 8;
  --header-z-index: 9;
  --modal-background-z-index: 11;
  --modal-z-index: 12;
  --option-z-index: 13;
  --dismiss-tooltip-z-index: 13;
  --tooltip-z-index: 14;
  --flash-banner-z-index: 15;
  --tour-steps-z-index: 108;
  --default-background-transition: background-color 360ms ease-out;
  --default-box-shadow: 0 4px 8px rgb(23 23 23 / 3%);
  --floating-card-box-shadow:
    0 2px 6px 2px rgb(16 4 43 / 15%), 0 1px 2px rgb(14 6 64 / 15%);
  --entering-animation-curve: cubic-bezier(0.4, 0, 0.3, 0.95);
  --leaving-animation-curve: cubic-bezier(0.2, 0, 1, 0.9);
  --default-timeline-transition: left 0.3s, width 0.3s;
  --sticky-header-primary-shadow: 12px 12px 32px 2px rgb(0 0 0 / 50%);
  --sticky-header-secondary-shadow: 12px 12px 32px 2px rgb(0 0 0 / 20%);
  --default-container-margin: 0px var(--space-40px);
  --red-dot-badge-size: var(--space-10px);
  --global-header-height: var(--space-56px);
  --global-menu-width-expanded: 210px;
  --global-menu-width-collapsed: 48px;
  --global-menu-width: 48px;
  --global-menu-item-height-expanded: 40px;
  --global-menu-item-height-collapsed: 48px;
  --global-menu-item-height: 48px;
  --global-menu-z-index: calc(var(--header-z-index) + 1);
  --auth-content-min-width: 600px;
  --auth-container-max-width: 1300px;
  --content-max-width: 1040px;
  --tour-active-banner-height: 66px;
  --card-main-spacing: var(--space-32px);
  --card-sub-spacing: var(--space-24px);
  --card-sub2-spacing: var(--space-16px);
  --card-min-spacing: var(--space-8px);
  --section-spacing-main: var(--space-24px);
  --section-spacing-sub: var(--space-16px);
  --section-spacing-min: var(--space-8px);
  --chart-padding: var(--space-20px);
  --card-padding: var(--space-20px);
  --row-padding: var(--space-16px);
  --banner-padding: var(--space-16px);
}

[data-theme='dark'],
[data-force-theme='dark'] {
  --floating-card-box-shadow: 0px 12px 32px 0px #0009;
}