@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');.version-module__imageContainer--4arOt {
  display: flex;
}

.version-module__imageContainer--4arOt img {
  height: 500px;
}
.Spinner-module__spinner--GpFZS {
  width: var(--space-48px);
  height: var(--space-48px);

  position: relative;

  border-radius: 50%;

  animation: Spinner-module__rotate--RRVpi 1s linear infinite;
}

.Spinner-module__spinner--GpFZS.Spinner-module__small--iILye {
  height: var(--space-24px);
  width: var(--space-24px);
}

.Spinner-module__spinner--GpFZS.Spinner-module__xsmall--Tc9iu {
  height: var(--space-16px);
  width: var(--space-16px);
}

.Spinner-module__spinner--GpFZS.Spinner-module__tiny--2wcXs {
  height: var(--space-12px);
  width: var(--space-12px);
}

.Spinner-module__spinner--GpFZS::before {
  box-sizing: border-box;

  position: absolute;

  border: 5px solid var(--loading-indicator);
  border-radius: 50%;

  animation: Spinner-module__prixClipFix---AaED 2s linear infinite;
  content: '';
  inset: 0;
}

.Spinner-module__spinner--GpFZS.Spinner-module__small--iILye::before,
.Spinner-module__spinner--GpFZS.Spinner-module__xsmall--Tc9iu::before,
.Spinner-module__spinner--GpFZS.Spinner-module__tiny--2wcXs::before {
  border: 2.5px solid var(--loading-indicator);
}

/* we show a different color in dev environments to make it easier to know if we are seeing prod */
.Spinner-module__spinner--GpFZS.Spinner-module__dev--QFqSI::before {
  border-color: var(--primary-500);
}

.Spinner-module__spinner--GpFZS.Spinner-module__small--iILye.Spinner-module__dev--QFqSI::before {
  border-color: var(--primary-500);
}

@keyframes Spinner-module__rotate--RRVpi {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes Spinner-module__prixClipFix---AaED {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
  }

  100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
/* stylelint-disable keyframes-name-pattern, at-rule-no-unknown */

.LoadingIndicator-module__container--j5cyg {
  width: 100%;
  height: 100%;
  padding: var(--space-20px) 0;

  display: flex;

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

.LoadingIndicator-module__small--B4HE2 {
  padding: var(--base-space);
}

.LoadingIndicator-module__container--j5cyg.LoadingIndicator-module__fullScreen--IpHTv {
  height: 100vh;
}

.LoadingIndicator-module__loadText--bsmD8 {
  margin-top: var(--space-8px);

  animation: fadeIn 0s 2s forwards;
  opacity: 0;
}

@keyframes: global(fadeIn) {
  to {
    opacity: 1;
  }
}
/* see full spec / use cases in https://www.figma.com/file/QvJDt4Suf2CRXk1B3OVYOx/%5BDS%5D-Design-system-library-V2?node-id=801%3A52803&mode=dev */

/* Body/Body 1 */
.Body-module__body1--RIxjG {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.024px;
  line-height: 24px; /* 150% */
}

/* Body/Body 2 */
.Body-module__body2--V-NQM {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.032px;
  line-height: 24px; /* 150% */
}

/* Body/Body 3 */
.Body-module__body3--ltLUN {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.014px;
  line-height: 20px; /* 142.857% */
}

/* Body/Body 4 */
.Body-module__body4--vqTlR {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.028px;
  line-height: 20px; /* 142.857% */
}
.Snackbar-module__container--gL97t {
  width: -moz-max-content;
  width: max-content;
  padding: var(--space-16px) var(--space-20px);

  position: fixed;
  top: 70px;
  right: 50%;
  left: 50%;
  z-index: var(--flash-banner-z-index);

  display: flex;

  align-items: center;

  border: none;
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--card-sub-spacing);
  transform: translate(-50%, 0);
}

.Snackbar-module__neutral--zBPU7 {
  color: var(--text-inverted);

  background-color: var(--background-inverted);
  border: none;
}

.Snackbar-module__success--JJ5wt {
  color: var(--text-primary);

  background-color: var(--background-success);
}

.Snackbar-module__error--AFw5a {
  color: var(--text-primary);

  background-color: var(--background-negative);
}
.Card-module__card--Cb1o4 {
  padding: var(--card-padding);

  background-color: var(--background-secondary);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

[data-theme='light'] .Card-module__card--Cb1o4 {
  box-shadow: var(--default-box-shadow);
}
.CopyIcon-module__copyIcon--wyOuy {
  cursor: pointer;

  color: var(--icon-default);
}

.CopyIcon-module__copyIcon--wyOuy:hover {
  color: var(--icon-focused);
}

.CopyIcon-module__copyIcon--wyOuy.CopyIcon-module__secondary--haxoz {
  color: inherit;
}

.CopyIcon-module__copyIcon--wyOuy.CopyIcon-module__small--6gcVl {
  height: 16px;
  width: 16px;
}

.CopyIcon-module__copyIcon--wyOuy.CopyIcon-module__medium--KivVJ {
  height: 20px;
  width: 20px;
}

.CopyIcon-module__copyIcon--wyOuy.CopyIcon-module__large--aPAwZ {
  height: 24px;
  width: 24px;
}
/* stylelint-disable selector-class-pattern */

/* NOTE: the following vars are used to calculate the position of each content (`useTooltipPositions` hook) */

/* For centered tooltips */

/* For tooltips that are not centered relative to the trigger */

.Tooltip-module__tooltipContent--2sP7X {
  --pointer-m: 12px;
  --pointer-s: 8px;
  --offset-m: calc(
    (var(--pointer-m) / 2 + 1px) * -1
  ); /* decreasing 1px to cover border */

  --offset-s: calc(
    (var(--pointer-s) / 2 + 1px) * -1
  ); /* decreasing 1px to cover border */

  --max-width-content: 282px;
  font-size: var(--text-10px);
  font-weight: var(--weight-200);
  line-height: 12px;
  color: var(--text-primary);

  max-width: var(--max-width-content);
  padding: var(--space-12px) var(--space-16px);

  z-index: -1;

  /* these three are particularly customized as per UX requirement */
  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  opacity: 0;
  word-break: normal;
  overflow-wrap: anywhere;
}

.Tooltip-module__tooltipContent--2sP7X:not(.Tooltip-module__pointer--cTuvA) {
  padding: var(--base-space) var(--space-8px);

  border: 0;
}

.Tooltip-module__tooltipTrigger--pnJ5G {
  --trigger-width: calc(100% + 20px);
  --trigger-height: calc(100% + 20px);
  position: relative;

  display: inline-flex;

  align-self: center;
}

.Tooltip-module__pointer--cTuvA {
  --centered-coord-portion: calc(100% / 2);
  --centered-translate-portion: calc((100% / 2) * -1);
  --start-or-end-coord-portion: calc(100% / 20);
  --start-or-end-translate-portion: calc((100% / 20) * -1);
}

.Tooltip-module__tooltipContainer--ps3cP {
  display: inline-flex;
  place-items: center;
}

.Tooltip-module__tooltipTrigger--pnJ5G::before {
  position: absolute;

  display: inline-block;
}

/*
 * Left
 */
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left-start--JT9nn::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left--UPdrG::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left-end--ADN2V::before {
  width: var(--trigger-width);
  height: 100%;

  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

/*
 * Right
 */
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right-start--CZDO1::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right--CV--T::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right-end--KLhB4::before {
  width: var(--trigger-width);
  height: 100%;

  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

/*
 * Top
 */
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top-start--lpevs::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top--m2tnn::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top-end--eh34e::before {
  width: 100%;
  height: var(--trigger-height);

  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

/*
 * Bottom
 */
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom-start--UVAls::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom--9Twz4::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom-end--fktup::before {
  width: 100%;
  height: var(--trigger-height);

  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top-start--lpevs.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top--m2tnn.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__top-end--eh34e.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom-start--UVAls.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom--9Twz4.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__bottom-end--fktup.Tooltip-module__widerHover--Rmt9t::before {
  width: calc(100% * 10);
  max-width: calc(100vw - 270px);

  left: 10px;
}

.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left-start--JT9nn.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left--UPdrG.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__left-end--ADN2V.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right-start--CZDO1.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right--CV--T.Tooltip-module__widerHover--Rmt9t::before,
.Tooltip-module__tooltipTrigger--pnJ5G.Tooltip-module__right-end--KLhB4.Tooltip-module__widerHover--Rmt9t::before {
  height: calc(100% * 10);
}

/* Only if it is opened, add the content */
.Tooltip-module__opened--TNysd:not(.Tooltip-module__withoutPointer--xLIkO)::before {
  content: '';
}

/* Avoid nesting show with .tooltipContent so z-index can be overwritten if necessary */
.Tooltip-module__show--O6ihZ {
  z-index: var(--tooltip-z-index);

  transition: opacity 0.1s ease-in;
  opacity: 1;
}

/* Light mode only */
[data-theme='light'] .Tooltip-module__tooltipContent--2sP7X {
  background: var(--background-secondary);
  border-color: var(--border-secondary);
}

.Tooltip-module__copy--leLvl {
  max-width: none;

  display: inline-flex;

  align-items: flex-start;
  gap: var(--space-10px);
}

/*
 * Pointer
 */
.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__pointer--cTuvA::before {
  content: '';
}

.Tooltip-module__pointer--cTuvA::before {
  width: var(--pointer-m);
  height: var(--pointer-m);

  position: absolute;
  z-index: -1;

  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
}

/* Light mode only: It needs to emulate the shadow's color */
[data-theme='light'] .Tooltip-module__pointer--cTuvA::before {
  background: var(--background-secondary);
  border-color: var(--border-secondary);
}

.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__left-end--ADN2V.Tooltip-module__small--017da {
  border-bottom-left-radius: 0;
}

.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__left-start--JT9nn.Tooltip-module__small--017da {
  border-top-left-radius: 0;
}

.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__right-start--CZDO1.Tooltip-module__small--017da {
  border-top-right-radius: 0;
}

.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__right-end--KLhB4.Tooltip-module__small--017da {
  border-bottom-right-radius: 0;
}

.Tooltip-module__tooltipContent--2sP7X.Tooltip-module__top-start--lpevs.Tooltip-module__small--017da {
  border-top-left-radius: 0;
}

/*
 * Regular Pointer
 */

/* left */
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-start--JT9nn::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__left--UPdrG::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-end--ADN2V::before {
  border-right: 0;
  border-top: 0;

  left: var(--offset-m);
  top: var(--centered-coord-portion);
  transform: translateY(var(--centered-translate-portion)) rotate(45deg);
}

/* left-start */
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-start--JT9nn::before {
  top: var(--start-or-end-coord-portion);
  transform: translateY(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* left-end */
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-end--ADN2V::before {
  bottom: var(--start-or-end-coord-portion);
  top: initial;
  transform: translateY(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* right */
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-start--CZDO1::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__right--CV--T::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-end--KLhB4::before {
  border-bottom: 0;
  border-left: 0;

  right: var(--offset-m);
  top: var(--centered-coord-portion);
  transform: translateY(var(--centered-translate-portion)) rotate(45deg);
}

/* right-start */
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-start--CZDO1::before {
  top: var(--start-or-end-coord-portion);
  transform: translateY(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* right-end */
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-end--KLhB4::before {
  bottom: var(--start-or-end-coord-portion);
  top: initial;
  transform: translateY(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* top */
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-start--lpevs::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__top--m2tnn::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-end--eh34e::before {
  border-bottom: 0;
  border-right: 0;

  left: var(--centered-coord-portion);
  top: var(--offset-m);
  transform: translateX(var(--centered-translate-portion)) rotate(45deg);
}

/* top-start */
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-start--lpevs::before {
  left: var(--start-or-end-coord-portion);
  transform: translateX(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* top-end */
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-end--eh34e::before {
  left: initial;
  right: var(--start-or-end-coord-portion);
  transform: translateX(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* bottom */
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-start--UVAls::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom--9Twz4::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-end--fktup::before {
  border-left: 0;
  border-top: 0;

  bottom: var(--offset-m);
  left: var(--centered-coord-portion);
  transform: translateX(var(--centered-translate-portion)) rotate(45deg);
}

/* bottom-start */
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-start--UVAls::before {
  left: var(--start-or-end-coord-portion);
  transform: translateX(var(--start-or-end-translate-portion)) rotate(45deg);
}

/* bottom-end */
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-end--fktup::before {
  left: initial;
  right: var(--start-or-end-coord-portion);
  transform: translateX(var(--start-or-end-translate-portion)) rotate(45deg);
}

/*
 * Small Pointer
 */
.Tooltip-module__pointer--cTuvA.Tooltip-module__small--017da::before {
  height: var(--pointer-s);
  width: var(--pointer-s);
}

/* left */
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-start--JT9nn.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__left--UPdrG.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__left-end--ADN2V.Tooltip-module__small--017da::before {
  left: var(--offset-s);
}

/* right */
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-start--CZDO1.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__right--CV--T.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__right-end--KLhB4.Tooltip-module__small--017da::before {
  right: var(--offset-s);
}

/* top */
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-start--lpevs.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__top--m2tnn.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__top-end--eh34e.Tooltip-module__small--017da::before {
  top: var(--offset-s);
}

/* bottom */
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-start--UVAls.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom--9Twz4.Tooltip-module__small--017da::before,
.Tooltip-module__pointer--cTuvA.Tooltip-module__bottom-end--fktup.Tooltip-module__small--017da::before {
  bottom: var(--offset-s);
}

/*
 * Copy to Clipboard icon
 */

.Tooltip-module__clipboard--F-cy5 {
  cursor: pointer;
}
/* see full spec / use cases in https://www.figma.com/file/QvJDt4Suf2CRXk1B3OVYOx/%5BDS%5D-Design-system-library-V2?node-id=801%3A52803&mode=dev */

/* Caption/Caption 1 */
.Caption-module__caption1--8fJ-e {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.06px;
  line-height: 16px; /* 133.333% */
}

/* Caption/Caption 2 */
.Caption-module__caption2--CB-6B {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.048px;
  line-height: 16px; /* 133.333% */
}

/* Caption/Caption 3 */
.Caption-module__caption3--p0DbW {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.05px;
  line-height: 14px; /* 140% */
}

/* Caption/Caption 4 */
.Caption-module__caption4--BOMO2 {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.05px;
  line-height: 14px; /* 140% */
}
.Content-module__container--V99qU {
  display: grid;
  gap: var(--section-spacing-min);
}

.Content-module__title--2NidU,
.Content-module__body--Yt1oj {
  color: var(--text-primary);
}

.Content-module__container--V99qU b {
  /* hardcoding font weight instead of using Caption1 to allow this to be a <b> tag without major effort */
  font-weight: 500;
}

.Content-module__container--V99qU ul,
.Content-module__container--V99qU ul li {
  margin: 0;
  padding: 0;
}

.Content-module__container--V99qU ul li {
  padding-left: var(--space-12px);

  position: relative;
  list-style-type: none;
}

.Content-module__container--V99qU ul li::before {
  --bullet-size: 4px;
  --text-line-height: 16px;

  width: var(--bullet-size);
  height: var(--bullet-size);

  position: absolute;

  /* centering the bullet point vertically into the first line of text only */
  top: calc((var(--text-line-height) - var(--bullet-size)) / 2);
  left: 0;

  display: inline-block;

  background: var(--text-primary);
  border-radius: 50%;
  content: '';
}

.Content-module__container--V99qU ol {
  padding-inline-start: var(--space-20px);
}

.Content-module__footer--IrJlZ {
  margin-top: var(--space-8px);
}

.Content-module__footer--IrJlZ.Content-module__divider--6mFhQ {
  padding-top: var(--space-8px);
  border-top: solid 1px var(--border-primary);

  margin-top: 0;
}

.Content-module__footer--IrJlZ a {
  /* hardcoding font weight instead of using Caption1 to allow this to be a <a> tag without major effort */
  font-weight: 500;
}
/* stylelint-disable selector-class-pattern */
@font-face {
  font-family: Icon;
  src:
    url('/assets/Icon-DFN5kg8D.ttf?acd49345fc1e5f17429d78fddee5d973') format('truetype'),
    url('/assets/Icon-PnGvBzcH.woff?acd49345fc1e5f17429d78fddee5d973') format('woff'),
    url('/assets/Icon-BQV7ZhK1.woff2?acd49345fc1e5f17429d78fddee5d973') format('woff2');
}

i[class^='ic-']::before,
i[class*=' ic-']::before {
  font-family: Icon, serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none;
}

.Icon-module__ic-add--4-YsM::before {
  content: '\f101';
}

.Icon-module__ic-airplane--eKt0S::before {
  content: '\f102';
}

.Icon-module__ic-alerts-active--o0g2f::before {
  content: '\f103';
}

.Icon-module__ic-alerts--rr9CD::before {
  content: '\f104';
}

.Icon-module__ic-android-outline--TjQLR::before {
  content: '\f105';
}

.Icon-module__ic-android-react-native--zMuDB::before {
  content: '\f106';
}

.Icon-module__ic-android--W5dLZ::before {
  content: '\f107';
}

.Icon-module__ic-announcements--Nh-oT::before {
  content: '\f108';
}

.Icon-module__ic-anrs-active--vE-Ai::before {
  content: '\f109';
}

.Icon-module__ic-anrs--8QFVR::before {
  content: '\f10a';
}

.Icon-module__ic-apple-outline--mXhDw::before {
  content: '\f10b';
}

.Icon-module__ic-apple--ekwX5::before {
  content: '\f10c';
}

.Icon-module__ic-apps--1FQPe::before {
  content: '\f10d';
}

.Icon-module__ic-arrow-down--C9VOr::before {
  content: '\f10e';
}

.Icon-module__ic-arrow-go-to-page--Hh-Xj::before {
  content: '\f10f';
}

.Icon-module__ic-arrow-left--Cwis-::before {
  content: '\f110';
}

.Icon-module__ic-arrow-right-bold--032FL::before {
  content: '\f111';
}

.Icon-module__ic-arrow-right--HKkDw::before {
  content: '\f112';
}

.Icon-module__ic-arrow-up--xhSYg::before {
  content: '\f113';
}

.Icon-module__ic-background--RhIOH::before {
  content: '\f114';
}

.Icon-module__ic-bad--Z-dL2::before {
  content: '\f115';
}

.Icon-module__ic-barcode--WrtXd::before {
  content: '\f116';
}

.Icon-module__ic-beetle--d5Sic::before {
  content: '\f117';
}

.Icon-module__ic-bell--FoZmx::before {
  content: '\f118';
}

.Icon-module__ic-better_crash_context--Hjub5::before {
  content: '\f119';
}

.Icon-module__ic-board-active--klCGC::before {
  content: '\f11a';
}

.Icon-module__ic-board--aoKJ4::before {
  content: '\f11b';
}

.Icon-module__ic-calendar-active--Qk3mk::before {
  content: '\f11c';
}

.Icon-module__ic-calendar--s7OIs::before {
  content: '\f11d';
}

.Icon-module__ic-camera--zC59q::before {
  content: '\f11e';
}

.Icon-module__ic-chat--koEXc::before {
  content: '\f11f';
}

.Icon-module__ic-check--uI71Q::before {
  content: '\f120';
}

.Icon-module__ic-checked--REr93::before {
  content: '\f121';
}

.Icon-module__ic-checkmark---ArnE::before {
  content: '\f122';
}

.Icon-module__ic-chevron_down--UMpwJ::before {
  content: '\f123';
}

.Icon-module__ic-chevron_up--mu0ig::before {
  content: '\f124';
}

.Icon-module__ic-chevron-down-thick--krKGy::before {
  content: '\f125';
}

.Icon-module__ic-chevron-up-thick--arBhy::before {
  content: '\f126';
}

.Icon-module__ic-clear-all--e-jNz::before {
  content: '\f127';
}

.Icon-module__ic-clipboard---pZ3Y::before {
  content: '\f128';
}

.Icon-module__ic-close--0b-qu::before {
  content: '\f129';
}

.Icon-module__ic-cloud--wNLqT::before {
  content: '\f12a';
}

.Icon-module__ic-column--XoT2J::before {
  content: '\f12b';
}

.Icon-module__ic-compare-active--4TGKC::before {
  content: '\f12c';
}

.Icon-module__ic-compare--bzneL::before {
  content: '\f12d';
}

.Icon-module__ic-comparison-dashboard--X96c0::before {
  content: '\f12e';
}

.Icon-module__ic-connection--PDxR8::before {
  content: '\f12f';
}

.Icon-module__ic-country--xF5W2::before {
  content: '\f130';
}

.Icon-module__ic-cpu-pegged--G-id7::before {
  content: '\f131';
}

.Icon-module__ic-crash-active--Uq8a2::before {
  content: '\f132';
}

.Icon-module__ic-crash--FnClX::before {
  content: '\f133';
}

.Icon-module__ic-darkmode-moon--FTLjs::before {
  content: '\f134';
}

.Icon-module__ic-dashboard--GiWPz::before {
  content: '\f135';
}

.Icon-module__ic-debugger-active--bdpyA::before {
  content: '\f136';
}

.Icon-module__ic-debugger--RWihu::before {
  content: '\f137';
}

.Icon-module__ic-delete-filter-tag--jXlMy::before {
  content: '\f138';
}

.Icon-module__ic-delete--lOOhC::before {
  content: '\f139';
}

.Icon-module__ic-delivery_box--V97K5::before {
  content: '\f13a';
}

.Icon-module__ic-device--IPixK::before {
  content: '\f13b';
}

.Icon-module__ic-devices--McL3w::before {
  content: '\f13c';
}

.Icon-module__ic-disk-used--oYVny::before {
  content: '\f13d';
}

.Icon-module__ic-docs--urZhj::before {
  content: '\f13e';
}

.Icon-module__ic-drag-indicator--zDgZS::before {
  content: '\f13f';
}

.Icon-module__ic-drag--1AcKO::before {
  content: '\f140';
}

.Icon-module__ic-duplicate--EyhAF::before {
  content: '\f141';
}

.Icon-module__ic-duration--biVa-::before {
  content: '\f142';
}

.Icon-module__ic-edit--MMiyo::before {
  content: '\f143';
}

.Icon-module__ic-email--VINB4::before {
  content: '\f144';
}

.Icon-module__ic-empty-state--mQZm-::before {
  content: '\f145';
}

.Icon-module__ic-error-inactive--bg3ht::before {
  content: '\f146';
}

.Icon-module__ic-error--tzqkO::before {
  content: '\f147';
}

.Icon-module__ic-exception--CL2QM::before {
  content: '\f148';
}

.Icon-module__ic-expand-double-arrow--oIgBG::before {
  content: '\f149';
}

.Icon-module__ic-expand--eZFL-::before {
  content: '\f14a';
}

.Icon-module__ic-explore-active--0ZdMM::before {
  content: '\f14b';
}

.Icon-module__ic-explore--Igmeu::before {
  content: '\f14c';
}

.Icon-module__ic-faq--gzcjX::before {
  content: '\f14d';
}

.Icon-module__ic-filter-by--9wLXp::before {
  content: '\f14e';
}

.Icon-module__ic-filter-outline--4v-TK::before {
  content: '\f14f';
}

.Icon-module__ic-filter-search--t1Vbv::before {
  content: '\f150';
}

.Icon-module__ic-filter--FsjsS::before {
  content: '\f151';
}

.Icon-module__ic-first-seen--2Gg1E::before {
  content: '\f152';
}

.Icon-module__ic-first--rsBG-::before {
  content: '\f153';
}

.Icon-module__ic-flag--kexpi::before {
  content: '\f154';
}

.Icon-module__ic-flutter-outline--zn6cw::before {
  content: '\f155';
}

.Icon-module__ic-flutter--7ETCU::before {
  content: '\f156';
}

.Icon-module__ic-foreground--ecZw-::before {
  content: '\f157';
}

.Icon-module__ic-fullscreen--0Hnu-::before {
  content: '\f158';
}

.Icon-module__ic-gear--GrGYE::before {
  content: '\f159';
}

.Icon-module__ic-go-back-arrow--Xs-oB::before {
  content: '\f15a';
}

.Icon-module__ic-good---h219::before {
  content: '\f15b';
}

.Icon-module__ic-graph--HvWkt::before {
  content: '\f15c';
}

.Icon-module__ic-green-check--AbqhA::before {
  content: '\f15d';
}

.Icon-module__ic-grey-check--wTp7X::before {
  content: '\f15e';
}

.Icon-module__ic-help-active--lFQYU::before {
  content: '\f15f';
}

.Icon-module__ic-help-outline--RKeEe::before {
  content: '\f160';
}

.Icon-module__ic-help--P5pex::before {
  content: '\f161';
}

.Icon-module__ic-home--SXOab::before {
  content: '\f162';
}

.Icon-module__ic-ignore--jYC0H::before {
  content: '\f163';
}

.Icon-module__ic-indeterminate--hgj-8::before {
  content: '\f164';
}

.Icon-module__ic-info-outline--4vbUv::before {
  content: '\f165';
}

.Icon-module__ic-info--WfWrR::before {
  content: '\f166';
}

.Icon-module__ic-invite-members--YSy3n::before {
  content: '\f167';
}

.Icon-module__ic-ios_react_native--A2QsW::before {
  content: '\f168';
}

.Icon-module__ic-ios-outline--vS-My::before {
  content: '\f169';
}

.Icon-module__ic-ios--1Q0tz::before {
  content: '\f16a';
}

.Icon-module__ic-issues-active--xwuev::before {
  content: '\f16b';
}

.Icon-module__ic-issues--eXML8::before {
  content: '\f16c';
}

.Icon-module__ic-jira-blue--F6Emh::before {
  content: '\f16d';
}

.Icon-module__ic-jira-grey--pdSF9::before {
  content: '\f16e';
}

.Icon-module__ic-jira--YY9bS::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.29102 9.57227C2.29102 10.5377 2.67451 11.4635 3.35715 12.1461C4.03978 12.8288 4.96563 13.2123 5.93102 13.2123H6.78768V14.0689C6.78768 15.0343 7.17118 15.9602 7.85381 16.6428C8.53645 17.3254 9.46229 17.7089 10.4277 17.7089V9.57227H2.29102Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.93164 5.93164C5.93164 6.89703 6.31514 7.82288 6.99777 8.50551C7.6804 9.18814 8.60625 9.57164 9.57164 9.57164H10.4283V10.4283C10.4283 11.3937 10.8118 12.3195 11.4944 13.0022C12.1771 13.6848 13.1029 14.0683 14.0683 14.0683V5.93164H5.93164Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.57227 2.29102C9.57227 3.2564 9.95576 4.18225 10.6384 4.86488C11.321 5.54752 12.2469 5.93102 13.2123 5.93102H14.0689V6.78768C14.0689 7.75307 14.4524 8.67892 15.1351 9.36155C15.8177 10.0442 16.7435 10.4277 17.7089 10.4277V2.29102H9.57227Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.Icon-module__ic-last_captured_view--RiYqA::before {
  content: '\f170';
}

.Icon-module__ic-last--kt0PP::before {
  content: '\f171';
}

.Icon-module__ic-left--7seTH::before {
  content: '\f172';
}

.Icon-module__ic-light-bulb--6oh8D::before {
  content: '\f173';
}

.Icon-module__ic-lightmode-sun--Q5cjF::before {
  content: '\f174';
}

.Icon-module__ic-line-graph-down--6dllZ::before {
  content: '\f175';
}

.Icon-module__ic-line-graph-neutral--vsxR5::before {
  content: '\f176';
}

.Icon-module__ic-line-graph-up--Yu6if::before {
  content: '\f177';
}

.Icon-module__ic-list--qsqBr::before {
  content: '\f178';
}

.Icon-module__ic-lock--HKXd0::before {
  content: '\f179';
}

.Icon-module__ic-logs-active--r2cd1::before {
  content: '\f17a';
}

.Icon-module__ic-logs--BunR5::before {
  content: '\f17b';
}

.Icon-module__ic-low_memory--AVTbn::before {
  content: '\f17c';
}

.Icon-module__ic-low-memory-error--vwLR-::before {
  content: '\f17d';
}

.Icon-module__ic-low-memory-warning--KHlqG::before {
  content: '\f17e';
}

.Icon-module__ic-low-power--stMcd::before {
  content: '\f17f';
}

.Icon-module__ic-magnifying-glass--iJfni::before {
  content: '\f180';
}

.Icon-module__ic-medal--LOdAa::before {
  content: '\f181';
}

.Icon-module__ic-members--i2NHX::before {
  content: '\f182';
}

.Icon-module__ic-menu--XDWbD::before {
  content: '\f183';
}

.Icon-module__ic-minimize---QWye::before {
  content: '\f184';
}

.Icon-module__ic-mobile_health---FEhx::before {
  content: '\f185';
}

.Icon-module__ic-mobile_logging--2WqvI::before {
  content: '\f186';
}

.Icon-module__ic-mobile_stop--yPoBm::before {
  content: '\f187';
}

.Icon-module__ic-mobile-start--L4FXj::before {
  content: '\f188';
}

.Icon-module__ic-mobile-stop--FrCa0::before {
  content: '\f189';
}

.Icon-module__ic-module_black--nIO7Q::before {
  content: '\f18a';
}

.Icon-module__ic-moment-active--e5Nuf::before {
  content: '\f18b';
}

.Icon-module__ic-moment--y6Yzs::before {
  content: '\f18c';
}

.Icon-module__ic-moon--Xji2H::before {
  content: '\f18d';
}

.Icon-module__ic-more-menu-active--6UvuF::before {
  content: '\f18e';
}

.Icon-module__ic-more-menu--Mm-x2::before {
  content: '\f18f';
}

.Icon-module__ic-muted--GZw9a::before {
  content: '\f190';
}

.Icon-module__ic-network_errors--JmHKS::before {
  content: '\f191';
}

.Icon-module__ic-network-active--lbtJ9::before {
  content: '\f192';
}

.Icon-module__ic-network-error--kIByt::before {
  content: '\f193';
}

.Icon-module__ic-network--BztSx::before {
  content: '\f194';
}

.Icon-module__ic-new-tab--PcsUM::before {
  content: '\f195';
}

.Icon-module__ic-next---M-5O::before {
  content: '\f196';
}

.Icon-module__ic-no-connectivity--WqnuC::before {
  content: '\f197';
}

.Icon-module__ic-note--iHAIv::before {
  content: '\f198';
}

.Icon-module__ic-notifications-active--KMDPb::before {
  content: '\f199';
}

.Icon-module__ic-notifications--R7I9p::before {
  content: '\f19a';
}

.Icon-module__ic-oom-active--WIYiy::before {
  content: '\f19b';
}

.Icon-module__ic-oom--EYNxm::before {
  content: '\f19c';
}

.Icon-module__ic-os--GmsmE::before {
  content: '\f19d';
}

.Icon-module__ic-overview---uxRP::before {
  content: '\f19e';
}

.Icon-module__ic-pencil--MOj7k::before {
  content: '\f19f';
}

.Icon-module__ic-performance--S-mge::before {
  content: '\f1a0';
}

.Icon-module__ic-pin--Cxks8::before {
  content: '\f1a1';
}

.Icon-module__ic-plus--TAsvX::before {
  content: '\f1a2';
}

.Icon-module__ic-present--bzqhq::before {
  content: '\f1a3';
}

.Icon-module__ic-preview--fBD3l::before {
  content: '\f1a4';
}

.Icon-module__ic-previous--oSK3q::before {
  content: '\f1a5';
}

.Icon-module__ic-profile--bIJ4U::before {
  content: '\f1a6';
}

.Icon-module__ic-purple-arrow-right--bQG9p::before {
  content: '\f1a7';
}

.Icon-module__ic-purple-question--AyFrS::before {
  content: '\f1a8';
}

.Icon-module__ic-question-box--JN8-S::before {
  content: '\f1a9';
}

.Icon-module__ic-question--uhHdR::before {
  content: '\f1aa';
}

.Icon-module__ic-radio-checked--qtenc::before {
  content: '\f1ab';
}

.Icon-module__ic-radio-unchecked--lp1Xh::before {
  content: '\f1ac';
}

.Icon-module__ic-react-native-outline--T-npU::before {
  content: '\f1ad';
}

.Icon-module__ic-react-native--zyQKE::before {
  content: '\f1ae';
}

.Icon-module__ic-recent--zTSCw::before {
  content: '\f1af';
}

.Icon-module__ic-refresh--AIMjn::before {
  content: '\f1b0';
}

.Icon-module__ic-release--hJYvH::before {
  content: '\f1b1';
}

.Icon-module__ic-reload---xuji::before {
  content: '\f1b2';
}

.Icon-module__ic-remove--3wrHS::before {
  content: '\f1b3';
}

.Icon-module__ic-resolve--zuu-d::before {
  content: '\f1b4';
}

.Icon-module__ic-right--Dr3Ti::before {
  content: '\f1b5';
}

.Icon-module__ic-screenshots-active--9i5yi::before {
  content: '\f1b6';
}

.Icon-module__ic-screenshots--ocb5r::before {
  content: '\f1b7';
}

.Icon-module__ic-search-grey---fZUX::before {
  content: '\f1b8';
}

.Icon-module__ic-search--NS-HP::before {
  content: '\f1b9';
}

.Icon-module__ic-see-impact--o2SaX::before {
  content: '\f1ba';
}

.Icon-module__ic-select-all--k-IRC::before {
  content: '\f1bb';
}

.Icon-module__ic-session_property--XOdYV::before {
  content: '\f1bc';
}

.Icon-module__ic-session_replay--WD0BM::before {
  content: '\f1bd';
}

.Icon-module__ic-sessions-active--2-gTe::before {
  content: '\f1be';
}

.Icon-module__ic-sessions--hzFlB::before {
  content: '\f1bf';
}

.Icon-module__ic-settings-active--BDqIu::before {
  content: '\f1c0';
}

.Icon-module__ic-settings-search--SO16N::before {
  content: '\f1c1';
}

.Icon-module__ic-settings---et-i::before {
  content: '\f1c2';
}

.Icon-module__ic-share--t2Tzp::before {
  content: '\f1c3';
}

.Icon-module__ic-size--MnCYz::before {
  content: '\f1c4';
}

.Icon-module__ic-small-arrow-down--qeZ8P::before {
  content: '\f1c5';
}

.Icon-module__ic-small-arrow-left--yDHF6::before {
  content: '\f1c6';
}

.Icon-module__ic-small-arrow-right--GXQUf::before {
  content: '\f1c7';
}

.Icon-module__ic-small-arrow-up--KV-Mx::before {
  content: '\f1c8';
}

.Icon-module__ic-snail--PSAIi::before {
  content: '\f1c9';
}

.Icon-module__ic-snooze_dark--CFLZh::before {
  content: '\f1ca';
}

.Icon-module__ic-snooze_white--Rrkgq::before {
  content: '\f1cb';
}

.Icon-module__ic-snooze--n68I2::before {
  content: '\f1cc';
}

.Icon-module__ic-snowflake--fCiRY::before {
  content: '\f1cd';
}

.Icon-module__ic-spans-and-traces--IvK2V::before {
  content: '\f1ce';
}

.Icon-module__ic-sparkle--xDYC8::before {
  content: '\f1cf';
}

.Icon-module__ic-spike--gSP8P::before {
  content: '\f1d0';
}

.Icon-module__ic-stability_monitoring--0tLv-::before {
  content: '\f1d1';
}

.Icon-module__ic-stars--WxW42::before {
  content: '\f1d2';
}

.Icon-module__ic-start--ju-zm::before {
  content: '\f1d3';
}

.Icon-module__ic-startup_performance--qGFYt::before {
  content: '\f1d4';
}

.Icon-module__ic-stat-down--cmh-0::before {
  content: '\f1d5';
}

.Icon-module__ic-stat-up--1MIw-::before {
  content: '\f1d6';
}

.Icon-module__ic-stop--pkGzN::before {
  content: '\f1d7';
}

.Icon-module__ic-sun--mDh89::before {
  content: '\f1d8';
}

.Icon-module__ic-support-tickets--SyxrU::before {
  content: '\f1d9';
}

.Icon-module__ic-switch_app--u07hR::before {
  content: '\f1da';
}

.Icon-module__ic-switch-app--yf0jv::before {
  content: '\f1db';
}

.Icon-module__ic-system_gear--SsBj3::before {
  content: '\f1dc';
}

.Icon-module__ic-system--4xJGO::before {
  content: '\f1dd';
}

.Icon-module__ic-table-shortcut--66wUe::before {
  content: '\f1de';
}

.Icon-module__ic-table--nfI0Y::before {
  content: '\f1df';
}

.Icon-module__ic-tag--BXOY8::before {
  content: '\f1e0';
}

.Icon-module__ic-tap--l0ec5::before {
  content: '\f1e1';
}

.Icon-module__ic-todo--4tCOE::before {
  content: '\f1e2';
}

.Icon-module__ic-toggle-off--0Hs3m::before {
  content: '\f1e3';
}

.Icon-module__ic-toggle-on--LfvpW::before {
  content: '\f1e4';
}

.Icon-module__ic-traces--jZCYz::before {
  content: '\f1e5';
}

.Icon-module__ic-transform--8JFyH::before {
  content: '\f1e6';
}

.Icon-module__ic-trash--qaQln::before {
  content: '\f1e7';
}

.Icon-module__ic-tv--SYBbA::before {
  content: '\f1e8';
}

.Icon-module__ic-uncategorized-exit-active--98Bm8::before {
  content: '\f1e9';
}

.Icon-module__ic-uncategorized-exit--aJbd4::before {
  content: '\f1ea';
}

.Icon-module__ic-unchecked--w9eSV::before {
  content: '\f1eb';
}

.Icon-module__ic-unhandled-exceptions-active--hx7qa::before {
  content: '\f1ec';
}

.Icon-module__ic-unhandled-exceptions--rT9Bg::before {
  content: '\f1ed';
}

.Icon-module__ic-unity_android--n8YfT::before {
  content: '\f1ee';
}

.Icon-module__ic-unity_ios--YLknf::before {
  content: '\f1ef';
}

.Icon-module__ic-unity--cJILe::before {
  content: '\f1f0';
}

.Icon-module__ic-unmute--zNoM1::before {
  content: '\f1f1';
}

.Icon-module__ic-unmuted--eoS0r::before {
  content: '\f1f2';
}

.Icon-module__ic-upload--OCici::before {
  content: '\f1f3';
}

.Icon-module__ic-user_lookup--s-0vb::before {
  content: '\f1f4';
}

.Icon-module__ic-user-session--GhoW0::before {
  content: '\f1f5';
}

.Icon-module__ic-user-termination-active--t0QEP::before {
  content: '\f1f6';
}

.Icon-module__ic-user-termination--gG8k2::before {
  content: '\f1f7';
}

.Icon-module__ic-v2-check-large--aKW-m::before {
  content: '\f1f8';
}

.Icon-module__ic-v2-check-small--p9v5K::before {
  content: '\f1f9';
}

.Icon-module__ic-v2-close-large--McEcm::before {
  content: '\f1fa';
}

.Icon-module__ic-v2-close-small--bmvmd::before {
  content: '\f1fb';
}

.Icon-module__ic-v2-user-plus-large--T3iLm::before {
  content: '\f1fc';
}

.Icon-module__ic-version-filter--GPYiu::before {
  opacity: 0.6;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 2 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-versions'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 5m0 2a2 2 0 0 1 2 -2h6a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-6a2 2 0 0 1 -2 -2z' /%3E%3Cpath d='M7 7l0 10' /%3E%3Cpath d='M4 8l0 8' /%3E%3C/svg%3E");
}

[data-theme='dark'] .Icon-module__ic-version-filter--GPYiu::before {
  filter: invert(1);
}

.Icon-module__ic-warning--KVVzA::before {
  content: '\f1fe';
}

.Icon-module__ic-widget-dashboard--xQj-4::before {
  content: '\f1ff';
}
/* stylelint-disable selector-class-pattern */

/*
* Icons
*/

:root {
  --v1-tiny: var(--space-8px);
  --v1-xsmall: var(--space-12px);
  --v1-small: var(--space-16px);
  --v1-medium: var(--space-20px);
  --v1-large: var(--space-24px);
  --tiny: 16px;
  --xsmall: 20px;
  --small: 24px;
  --medium: 32px;
  --large: 40px;
  --tooltip: calc(var(--base-space) * 3.5);
}

/* active or enabled */
.Icon-module__ic--4PQFQ {
  font-family: Icon, serif !important;
  font-weight: normal !important;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;

  position: relative;

  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* inactive */
.Icon-module__ic--4PQFQ.Icon-module__disabled--Ox6ak {
  color: var(--grey-200);
}

/* selected */
.Icon-module__ic--4PQFQ.Icon-module__selected--y0TpM {
  color: var(--primary-400);
}

/** FIXME: what doest it mean? */

/* no action on white */
.Icon-module__ic--4PQFQ.Icon-module__noActioWhite--ajVA3 {
  color: var(--grey-500);
}

/** FIXME: what doest it mean? */

/* action on white */
.Icon-module__ic--4PQFQ.Icon-module__actionWhite--9tRvI {
  color: var(--grey-1000);
}

.Icon-module__ic--4PQFQ::before,
.Icon-module__ic--4PQFQ::after {
  color: inherit;
  font-size: inherit;
  inset: 0;

  position: absolute;
}

/* Tiny */
.Icon-module__tiny--bB0hZ {
  font-size: var(--v1-tiny);

  height: var(--v1-tiny);
  width: var(--v1-tiny);
}

/* XSmall */
.Icon-module__xsmall--tQp11 {
  font-size: var(--v1-xsmall);

  height: var(--v1-xsmall);
  width: var(--v1-xsmall);
}

/* Small */
.Icon-module__small--mDMog {
  font-size: var(--v1-small);

  height: var(--v1-small);
  width: var(--v1-small);
}

/* Medium */
.Icon-module__medium--P78uD {
  font-size: var(--v1-medium);

  height: var(--v1-medium);
  width: var(--v1-medium);
}

/* Large */
.Icon-module__large--95dqp {
  font-size: var(--v1-large);

  height: var(--v1-large);
  width: var(--v1-large);
}

/* Tiny */
.Icon-module__v2--V78hA.Icon-module__tiny--bB0hZ {
  font-size: var(--tiny);

  height: var(--tiny);
  width: var(--tiny);
}

/* XSmall */
.Icon-module__v2--V78hA.Icon-module__xsmall--tQp11 {
  font-size: var(--xsmall);

  height: var(--xsmall);
  width: var(--xsmall);
}

/* Small */
.Icon-module__v2--V78hA.Icon-module__small--mDMog {
  font-size: var(--small);

  height: var(--small);
  width: var(--small);
}

/* Medium */
.Icon-module__v2--V78hA.Icon-module__medium--P78uD {
  font-size: var(--medium);

  height: var(--medium);
  width: var(--medium);
}

/* Large */
.Icon-module__v2--V78hA.Icon-module__large--95dqp {
  font-size: var(--large);

  height: var(--large);
  width: var(--large);
}

/* Tooltips */
.Icon-module__tooltip--kNRPS {
  font-size: var(--tooltip);

  height: var(--tooltip);
  width: var(--tooltip);
}

/*
 * Custom Icons
 */

.Icon-module__ic-custom-small-arrow-down--dcHK0 {
  transform: rotate(-90deg);
}

.Icon-module__ic-custom-small-arrow-up--by7pS {
  transform: rotate(90deg);
}

.Icon-module__ic-custom-ios---FsKK {
  transform: rotate(90deg);
}

.Icon-module__ic-custom-ios-outline--WPntz {
  transform: rotate(90deg);
}

.Icon-module__count--aAaUz {
  font-size: 8px;
  line-height: 14px;
  color: var(--grey-100);

  width: 14px;
  height: 14px;

  position: absolute;
  top: -1px;
  right: -5px;
  z-index: 1;

  background-color: var(--red-400);
  border-radius: 50%;
}

.Icon-module__icon--szG-X {
  font-size: var(--text-12px);
  text-align: center;
  text-transform: none;

  position: relative;

  display: inline-flex;

  align-items: center;
  word-break: normal;
}

.Icon-module__icon--szG-X.Icon-module__displayLabel--DZEAp {
  display: block;
}

.Icon-module__displayLabel--DZEAp .Icon-module__label--x-VII {
  margin-top: var(--base-space);
}

.Icon-module__inline--XXSzF {
  font-size: var(--text-14px);

  display: flex;

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

.Icon-module__fade--Uc-ua {
  opacity: 0.2;
}

.Icon-module__disabled--Ox6ak {
  cursor: default;
  opacity: 0.5;
}
/* stylelint-disable selector-class-pattern */

.Button-module__button--2ZuB7 {
  font-family: var(--body-font);
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  color: var(--color-text-button);
  white-space: nowrap;

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

  position: relative;
  z-index: 0;

  display: flex;

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

  border: 0;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  gap: var(--space-8px);
}

.Button-module__button--2ZuB7[disabled] {
  cursor: not-allowed;
}

.Button-module__button--2ZuB7.Button-module__filter--XeEVD[disabled] {
  cursor: unset;
}

.Button-module__button--2ZuB7.Button-module__small--l39oh {
  font-size: var(--text-12px);

  min-width: 50px;
}

.Button-module__button--2ZuB7.Button-module__small--l39oh i {
  font-size: 17px;

  height: 17px;
  width: 17px;
}

/* Technically larger than large, we have to adjust */
.Button-module__button--2ZuB7.Button-module__medium--KTxdk {
  font-size: var(--text-14px);

  padding: 12px 24px;
}

.Button-module__button--2ZuB7.Button-module__large--6bsb7 {
  font-size: var(--text-16px);

  padding: 8px 10px;
}

.Button-module__button--2ZuB7.Button-module__wide--9gaYm {
  min-width: var(--space-156px);
  width: -moz-max-content;
  width: max-content;
}

.Button-module__button--2ZuB7.Button-module__noWrap--pDezi {
  white-space: nowrap;
}

.Button-module__button--2ZuB7.Button-module__captions--Yy0i0 {
  font-size: var(--text-14px);
  line-height: var(--text-16px);
  color: var(--text-primary);

  padding: 0;

  display: inline-flex;

  align-items: center;

  background-color: transparent;
  border: none;
  box-shadow: none;
  gap: var(--space-4px);
}

.Button-module__button--2ZuB7.Button-module__captions--Yy0i0:hover {
  text-decoration: underline;

  background-color: transparent;
}

.Button-module__button--2ZuB7.Button-module__captions--Yy0i0[disabled] {
  text-decoration: none;
}

/*
 * Variants: Primary
 */

/* Default */
.Button-module__primary--s1sM6 {
  background-color: var(--primary-600);
}

/* Hovered */
.Button-module__primary--s1sM6:hover {
  background-color: var(--primary-500);
}

/* Active/Pressed */
.Button-module__primary--s1sM6:active {
  background-color: var(--primary-400);
}

/* Disabled */
.Button-module__primary--s1sM6[disabled] {
  color: var(--color-text-button-opacity);

  background-color: transparent;
}

/*
 * Variants: Primary white
 */

/* Default */
.Button-module__button--2ZuB7.Button-module__primary-white--jXT-A,
.Button-module__primary-white--jXT-A {
  color: var(--text-inverted);

  background-color: var(--background-inverted);
}

/* Hovered */
.Button-module__primary-white--jXT-A:hover {
  background-color: var(--background-inverted);
}

/* Active/Pressed */
.Button-module__primary-white--jXT-A:active {
  opacity: 0.7;
}

/* Disabled */
.Button-module__primary-white--jXT-A[disabled] {
  color: var(--text-disabled);

  background-color: var(--background-disabled);
}

/*
 * Variants: Secondary
 */

/* Default */
.Button-module__secondary--R0waJ {
  color: var(--grey-100);

  background-color: var(--grey-900);
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

/* Hovered */
.Button-module__secondary--R0waJ:hover {
  background-color: var(--grey-800);
}

/* Active/Pressed */
.Button-module__secondary--R0waJ:active {
  background-color: var(--grey-700);
}

/* Disabled */
.Button-module__secondary--R0waJ[disabled] {
  color: var(--grey-300); /* Should be --color-text-button but with opacity */

  background-color: transparent;
}

/* Disabled for both (primary and secondary)
 *
 * Hacky trick that take cares of applying background that needs to introduce some opacity without using `rgba` colors.
 * Applying `opacity` to the entire button will make the `background` & `color` of the text to looking different than what is expected.
 * We just need provide `opacity` to the `background-color`, but not to the text.
 */
.Button-module__primary--s1sM6[disabled]::before,
.Button-module__secondary--R0waJ[disabled]::before {
  width: 100%;
  height: 100%;

  position: absolute;
  z-index: -1;

  border-radius: 4px;
  content: '';
  inset: 0;
  opacity: 0.38;
}

/* Same background as 'active' (opacity coming from `:before` pseudo element) */
.Button-module__primary--s1sM6[disabled]::before {
  background-color: var(--primary-600);
}

/* Same background as 'active' (opacity coming from `:before` pseudo element) */
.Button-module__secondary--R0waJ[disabled]::before {
  background-color: var(--grey-900);
}

/*
 * Variants: Secondary white
 */

/* Default */
.Button-module__button--2ZuB7.Button-module__secondary-white--C83YQ,
.Button-module__secondary-white--C83YQ {
  color: var(--background-inverted);

  background: transparent;
  box-shadow: inset 0 0 0 1px var(--background-inverted);
}

/* Hovered */
.Button-module__secondary-white--C83YQ:hover {
  background-color: var(--background-disabled);
}

/* Active/Pressed */
.Button-module__secondary-white--C83YQ:active {
  background-color: var(--background-scrim);
}

/* Disabled */
.Button-module__secondary-white--C83YQ[disabled] {
  opacity: 0.43;
}

/*
 * Variants: Tertiary
 */

/* Default */
.Button-module__button--2ZuB7.Button-module__tertiary--xmg08,
.Button-module__button--2ZuB7.Button-module__tertiary-no-margins--W5IoY,
.Button-module__tertiary--xmg08 {
  color: var(--text-product-secondary);

  background: transparent;
  border: 1px solid transparent;
}

/* Technically is tertiary no paddings but in the design system they call it no margins */

/* tertiary-no-margin is the same as tertiary, but this is the only variant where it is allowed to not have margins */
.Button-module__button--2ZuB7.Button-module__tertiary-no-margins--W5IoY {
  padding: 0;
}

.Button-module__inline-link--Q1D3J {
  color: inherit;

  display: inline-block;

  background-color: transparent;
  border: none;
}

/* Hovered */
.Button-module__tertiary-no-margins--W5IoY:hover,
.Button-module__tertiary--xmg08:hover,
.Button-module__inline-link--Q1D3J:hover {
  text-decoration: underline;
}

/* Active/Pressed */
.Button-module__tertiary-no-margins--W5IoY:active,
.Button-module__tertiary--xmg08:active {
  background-color: transparent;
}

/* Disabled */
.Button-module__tertiary-no-margins--W5IoY[disabled],
.Button-module__tertiary--xmg08[disabled],
.Button-module__inline-link--Q1D3J[disabled] {
  opacity: 0.43;
}

/*
 * Marketing
 */

/* Default */
.Button-module__marketing--sdHhW {
  color: var(--marketing-font-color-button);

  background-color: var(--marketing-background-color-button);
  box-shadow: inset 0 0 0 1px var(--marketing-border-color-button);
}

/* Hovered */
.Button-module__marketing--sdHhW:hover {
  color: var(--marketing-hover-font-color-button);

  background-color: var(--marketing-hover-background-color-button);
  box-shadow: inset 0 0 0 1px var(--marketing-hover-border-color-button);
}

/* Hovered */
.Button-module__marketing--sdHhW[disabled] {
  opacity: 0.8;
}

/*
 * Variants: Marketing outline
 */

.Button-module__marketing-outline--o-8vN {
  color: var(--marketing-outline-font-color-button);

  background-color: var(--marketing-outline-background-color-button);
  box-shadow: inset 0 0 0 1px var(--marketing-outline-border-color-button);
}

/* Hovered */
.Button-module__marketing-outline--o-8vN:hover {
  color: var(--marketing-outline-hover-font-color-button);

  background-color: var(--marketing-outline-hover-background-color-button);
  box-shadow: inset 0 0 0 1px var(--marketing-outline-hover-border-color-button);
}

/* Hovered */
.Button-module__marketing-outline--o-8vN[disabled] {
  opacity: 0.8;
}

/*
 * Variants: Link
 */

.Button-module__link--Zt5hw {
  color: var(--primary-200);

  background-color: transparent;
  border-color: transparent;
}

.Button-module__link--Zt5hw:hover {
  background-color: var(--primary-900);
}

.Button-module__link--Zt5hw[disabled],
.Button-module__link--Zt5hw.Button-module__disabled--Tl9fh {
  color: var(--text-disabled);
  opacity: 0.5; /* Should be 0.38 as per Figma it became unreadable */
}

.Button-module__link--Zt5hw[disabled]:hover,
.Button-module__link--Zt5hw.Button-module__disabled--Tl9fh:hover {
  background-color: transparent;
}

/*
 * Variants: Filter
 */

.Button-module__filter--XeEVD {
  color: var(--text-primary);
  font-weight: 500;

  background-color: transparent;
  border: 1px solid var(--border-primary);
}

.Button-module__filter--XeEVD[disabled] {
  color: var(--text-tertiary);

  border: 1px solid var(--border-tertiary);
}

.Button-module__filter--XeEVD:not([disabled]):active,
.Button-module__filter--XeEVD:not([disabled]).Button-module__active--kv7U7 {
  background-color: var(--background-tertiary);
}

.Button-module__filter--XeEVD:not([disabled]):hover {
  background-color: var(--background-hover);
}

/*
 * Variants: Danger
 */

/* TODO: wait on Sydnie to confirm the styles of danger buttons */
.Button-module__danger--V4fX8 {
  color: var(--red-400);

  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--red-400);
}

/*
 * Loading spinner
 */
.Button-module__loader--X-9u- {
  font-size: 3px;
  text-indent: -9999em;

  width: 1.4em;
  height: 1.4em;
  margin: 0 4px 0 8px;

  position: relative;

  border-radius: 50%;

  animation: Button-module__loadingSpinner--S5FiT 1.1s infinite ease;
  transform: translateZ(0);
}

@keyframes Button-module__loadingSpinner--S5FiT {
  0%,
  100% {
    box-shadow:
      0 -2.6em 0 0 #fff,
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 50%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 70%);
  }

  12.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 70%),
      1.8em -1.8em 0 0 #fff,
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 50%);
  }

  25% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 50%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 70%),
      2.5em 0 0 0 #fff,
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  37.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 50%),
      2.5em 0 0 0 rgb(255 255 255 / 70%),
      1.75em 1.75em 0 0 #fff,
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  50% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 50%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 70%),
      0 2.5em 0 0 #fff,
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  62.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 50%),
      0 2.5em 0 0 rgb(255 255 255 / 70%),
      -1.8em 1.8em 0 0 #fff,
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  75% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 50%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 70%),
      -2.6em 0 0 0 #fff,
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  87.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 50%),
      -2.6em 0 0 0 rgb(255 255 255 / 70%),
      -1.8em -1.8em 0 0 #fff;
  }
}

@keyframes Button-module__loadingSpinner--S5FiT {
  0%,
  100% {
    box-shadow:
      0 -2.6em 0 0 #fff,
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 50%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 70%);
  }

  12.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 70%),
      1.8em -1.8em 0 0 #fff,
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 50%);
  }

  25% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 50%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 70%),
      2.5em 0 0 0 #fff,
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  37.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 50%),
      2.5em 0 0 0 rgb(255 255 255 / 70%),
      1.75em 1.75em 0 0 #fff,
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  50% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 50%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 70%),
      0 2.5em 0 0 #fff,
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  62.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 50%),
      0 2.5em 0 0 rgb(255 255 255 / 70%),
      -1.8em 1.8em 0 0 #fff,
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  75% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 50%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 70%),
      -2.6em 0 0 0 #fff,
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  87.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 50%),
      -2.6em 0 0 0 rgb(255 255 255 / 70%),
      -1.8em -1.8em 0 0 #fff;
  }
}
/* These variables are deprecated. Use sizexxx variables instead */

.error_message-module__contact--Y2alm {
  color: var(--grey-100);

  /* font-size should always be the same for error messages regardless of what the container specifies */
  font-size: 14px !important;

  margin-top: 16px;
}

.error_message-module__debug--rpu7H {
  color: var(--text-negative);

  /* font-size should always be the same for error messages regardless of what the container specifies */
  font-size: 11px !important;
}

.error_message-module__error--BGbCV {
  font-size: 18px !important;

  /* font-size should always be the same for error messages regardless of what the container specifies */
  margin-bottom: 20px;

  display: flex;

  flex-direction: column;
  align-items: flex-start;
}

.error_message-module__error--BGbCV a {
  color: var(--grey-300);
}

.error_message-module__pre--GCTh8 {
  font-size: 11px !important;

  /* font-size should always be the same for error messages regardless of what the container specifies */
  white-space: pre-wrap;
}
.LabelWithIcon-module__container--OEpzs {
  display: flex;

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

.LabelWithIcon-module__ellipsize--9GPb- {
  white-space: nowrap;

  min-width: var(--space-64px);

  overflow: hidden;
  text-overflow: ellipsis;
}

.LabelWithIcon-module__primary---K0qV {
  color: var(--primary-200);
}
.LabelDefaultIcon-module__icon--D1yrg {
  height: var(--space-12px);
  vertical-align: middle;
}

.LabelDefaultIcon-module__icon--D1yrg.LabelDefaultIcon-module__small--QNNDi {
  height: var(--space-12px);
}
.moment-module__icon--yEB3Q {
  height: var(--space-12px);
  margin-left: auto;
  vertical-align: middle;
}

.moment-module__icon--yEB3Q .moment-module__mini--1q58f {
  left: -15px;
  position: absolute;
  top: -2px;
}
/* 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 */

.empty-module__emptyContent--NnxoB {
  margin: 16px;

  display: flex;

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

.empty-module__iconContainer--rrNRA {
  display: flex;

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

.empty-module__iconContainerCenter--CTFTt {
}

.empty-module__iconBackground--NIl3H {
  padding: 32px;

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

.empty-module__iconBackgroundLarge--KNKV3 {
  padding: 55px;
}

.empty-module__inlineDocsIcon--UZ8NS,
.empty-module__emptyContentIcon--RGTW- {
  color: var(--grey-300);
  font-size: 40px;

  height: 40px;
  width: 40px;
}

.empty-module__emptyTitle--SFMxe {
  color: var(--grey-100);
  font-size: 20px;

  margin-bottom: 12px;
}

.empty-module__largeContainer--kjmUZ .empty-module__emptyTitle--SFMxe {
  font-size: 24px;
}

.empty-module__emptyText--KLq3i {
  color: var(--grey-300);
  font-size: 16px;

  margin: 0;
}

.empty-module__actionContainer--Xephm {
  margin-top: 12px;

  display: flex;
}

.empty-module__inlineDocsBodyContainer--E2y5Y {
  display: flex;
}

.empty-module__inlineDocsBodyContainer--E2y5Y > :first-child {
  margin: 96px 0;

  flex: 1;
}

.empty-module__inlineDocsBodyContainer--E2y5Y > :last-child {
  margin: 32px 0;

  flex: 3;
}

.empty-module__divider--7JIc0 {
  margin: 0 96px;

  border: 1px solid var(--grey-800);
}

.empty-module__codeContainer--5a0ej {
  margin: 32px 0;
}

.empty-module__docLinkContainer--teir2 {
  display: flex;
}

.empty-module__emptyButton--up2Xn {
  display: inline-flex;
}
.Copy-module__message--m0GBN {
  text-align: center;

  min-width: 42px;
}
.code-module__codeBlock--bB8Kh {
  overflow: hidden;

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

.code-module__codeBlock--bB8Kh pre {
  font-size: 16px;
  font-weight: 100;

  margin: 0;
  padding: 32px !important;

  background: transparent !important;
}

.code-module__codeBlock--bB8Kh pre code {
  padding-top: 1px;
  padding-bottom: 1px;
}

.code-module__copy--MtYYo {
  position: relative;

  display: block;

  transition: 0.1s;
  cursor: pointer;
}

.code-module__inlineCopy--5aoN4 {
  color: var(--grey-100);
}

.code-module__copy--MtYYo::after {
  font-family: var(--body-font);
  font-size: 11px;

  width: 80px;
  height: 10px;
  padding: var(--space-8px) var(--space-8px) var(--space-10px) var(--space-8px);

  position: absolute;
  top: -5px;
  right: 30px;
  left: unset;

  display: none;

  background: var(--grey-900);
  border-radius: 4px;

  transition: 0.1s;
  content: 'Copy';
}

.code-module__copy--MtYYo:hover::after {
  display: block;
}

.code-module__codeBlock--bB8Kh > .code-module__langSwitch--reX6c {
  padding: var(--space-12px) var(--space-24px);

  display: flex;

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

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

  /* We couldn't find any color in our color palette that would work for this case */
  border-bottom: 1px solid #ccc;
  gap: var(--space-32px);
}

/* Only hardcoded for light mode */
[data-theme='dark'] .code-module__codeBlock--bB8Kh > .code-module__langSwitch--reX6c {
  border-color: var(--grey-600);
}

.code-module__langSwitch--reX6c img {
  filter: contrast(0.5);

  margin: var(--space-8px);
}

.code-module__langSwitch--reX6c .code-module__left--UHtyo {
  margin-right: auto;
  margin-left: 0;

  display: flex;

  align-items: baseline;
}

.code-module__langSwitch--reX6c .code-module__file--gk4RA {
  margin-right: 10px;
}

.code-module__langSwitch--reX6c .code-module__additions--rCkej {
  color: var(--grey-600);
}

.code-module__lang--U3mo- {
  cursor: pointer;

  padding: var(--space-8px);

  border-radius: 4px;
}

.code-module__lang--U3mo-.code-module__selected--40Xim {
  color: var(--color-text-button);

  background-color: var(--primary-500);
}

.code-module__inline---oVzt {
  font-family: monospace;
  color: var(--lime-400);

  margin: 0;
  padding: 0 6px;

  display: inline-block;

  background: var(--lime-900);
  border-radius: 4px;
}

.code-module__lineWithCopy--81EGg {
  line-height: 20px;

  display: flex;

  align-items: center;
  gap: var(--space-8px);
}
/* 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;
}

.common-module__body--kLrFf {
  color: var(--grey-100);

  padding: 40px 20px 80px;
}

.common-module__maxWidth--U50FI {
  max-width: 723px;
}

.common-module__body--kLrFf .common-module__title--rNpWr {
  margin-bottom: 20px;
  margin-left: 70px;
}

.common-module__box--ZToiL {
  margin-bottom: 20px;
  padding: 0 20px 20px;

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

.common-module__tutorial--pNYxk {
  width: 850px;

  z-index: 2;

  display: flex;
}

.common-module__section--j-YtJ {
  display: flex;
}

.common-module__section--j-YtJ > div:first-child {
  margin-right: 20px;
  min-width: 50px;
}

.common-module__section--j-YtJ > div:last-child {
  margin-top: 5px;
  width: 100%;
}

.common-module__section--j-YtJ h2 {
  font-size: 24px;
}

.common-module__section--j-YtJ hr {
  margin: 40px 0;
}

.common-module__section--j-YtJ p {
  font-size: 14px;
}

.common-module__head--FlGd8 {
  font-size: 14px;
  font-weight: bold;

  margin: 30px 0 10px;
}

.common-module__list---gBNG {
  margin-top: 20px;
  padding-left: 20px;
}

.common-module__list---gBNG li {
  font-size: 14px;

  margin-bottom: 20px;
}

.common-module__slider--xBgw4 {
  max-width: 850px;
  height: 100%;
  padding-bottom: 24px;

  position: fixed;
  top: 96px;
  right: -850px;
  z-index: 12;

  overflow-y: scroll;

  background: var(--grey-900);

  transition: right 260ms;
  box-shadow: var(--default-box-shadow);
}

.common-module__slider--xBgw4.common-module__show--p2rmH {
  right: 0;
}

.common-module__layer--x-MSu {
  z-index: 11;

  background-color: rgb(0 0 0 / 50%);

  transition: var(--default-background-transition);
}

.common-module__tab--kG3Pe {
  padding: 30px 10px;

  position: fixed;
  top: 256px;
  right: 0;
  z-index: 11;

  background: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: 10px 0 0 10px;

  transition: right 260ms;
  border-right: 0;
  box-shadow: var(--default-box-shadow);
  cursor: pointer;
}

.common-module__tab--kG3Pe.common-module__show--p2rmH {
  right: 850px;
}

@media print {
  .common-module__tutorial--pNYxk {
    display: none;
  }
}
.bold-module__bold--LiCfI {
  font-weight: bold;
}
/*
* Sort Icon
*/

.SortIcon-module__sortIconContainer--Bog-q {
  width: 10px;

  display: inline-flex;

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

.SortIcon-module__sortIconUp--2v4Mf,
.SortIcon-module__sortIconDown--4zw4E {
  color: var(--grey-300);
}

.SortIcon-module__sortIconUp--2v4Mf.SortIcon-module__active--a3bwH,
.SortIcon-module__sortIconDown--4zw4E.SortIcon-module__active--a3bwH {
  color: var(--grey-100);
}
.TruncateWithTooltip-module__optionValue--3CxG6 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}

.TruncateWithTooltip-module__tooltipTrigger--ecmDN {
  display: block;
  place-items: normal;
}
.InputBox-module__box--OvZHh {
  width: 100%;
  min-height: var(--space-48px);
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  align-items: center;

  border: 1px solid var(--border-primary);
  border-radius: 4px;
  cursor: pointer;
}

.InputBox-module__box--OvZHh.InputBox-module__default--bd-05 {
  min-height: unset;
  height: 40px;
}

.InputBox-module__box--OvZHh.InputBox-module__small--m-obM {
  min-height: unset;
  height: 32px;
  padding: var(--space-6px) var(--space-12px);
}

.InputBox-module__inlineBox--ur6Z- {
  width: 100%;
  padding: 0;

  display: flex;

  align-items: center;
  cursor: pointer;
}

.InputBox-module__active--ldt1h {
  border-color: var(--primary-400);
}

.InputBox-module__error--Oek6T {
  border-color: var(--border-negative);
}

.InputBox-module__box--OvZHh.InputBox-module__default--bd-05.InputBox-module__active--ldt1h {
  border-color: var(--border-product);
}

.InputBox-module__box--OvZHh.InputBox-module__default--bd-05.InputBox-module__error--Oek6T {
  border-color: var(--border-negative);
}

.InputBox-module__box--OvZHh.InputBox-module__default--bd-05.InputBox-module__disabled--bWmTR,
.InputBox-module__box--OvZHh.InputBox-module__small--m-obM.InputBox-module__disabled--bWmTR {
  border-color: var(--border-disabled);
}

.InputBox-module__optional--W-T-R {
  color: var(--text-tertiary);

  margin: var(--base-space) 0 0 var(--space-8px);
}

.InputBox-module__optional--W-T-R.InputBox-module__default--bd-05 {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.InputBox-module__disabled--bWmTR,
.InputBox-module__disabled--bWmTR input {
  color: var(--text-disabled);
}
.FloatingLabel-module__label--qWO0K {
  position: relative;

  display: block;
}

.FloatingLabel-module__floatingLabel--bLJkf {
  color: var(--grey-300);
  white-space: nowrap;

  position: absolute;
  z-index: var(--floating-label-z-index);

  display: block;

  transition: transform 200ms;
  pointer-events: none;
  transform: translate(16px, calc(50% + 4px)) scale(1);
  transform-origin: top left;
}

.FloatingLabel-module__default--D4X8R {
  transform: translate(16px, 50%) scale(1);
}

.FloatingLabel-module__floating--PpryI {
  font-size: var(--text-12px);

  padding: 0 var(--base-space);

  background-color: var(--grey-900);
  transform: translate(16px, -6px) scale(0.85);
}

.FloatingLabel-module__focused--d-p-z {
  color: var(--primary-400);
}

.FloatingLabel-module__disabled--WAVQi {
  color: var(--text-disabled);

  border-color: var(--border-disabled);
}

.FloatingLabel-module__error--VERCz {
  border-color: var(--border-negative);
}

.FloatingLabel-module__floating--PpryI.FloatingLabel-module__error--VERCz {
  color: var(--text-negative);
}

.FloatingLabel-module__optional--hlrnW {
  color: var(--text-tertiary);

  margin: var(--base-space) 0 0 var(--space-8px);
}

.FloatingLabel-module__optional--hlrnW.FloatingLabel-module__default--D4X8R {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.FloatingLabel-module__optionalDisabled--EnpqO {
  color: var(--text-disabled);
}
.Collapsible-module__triggerContainer--8DgSN {
  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-half-base);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Collapsible-module__triggerIcon--Ja-EF {
  cursor: pointer;

  height: var(--space-16px);
}

.Collapsible-module__triggerIcon--Ja-EF::before {
  position: relative;
  top: -3px; /* hack to visually center the icon */
}

.Collapsible-module__content--XmUZL {
  display: block;
}

.Collapsible-module__scroll--JPhBu {
  overflow: auto;
}

.Collapsible-module__disabled--rOjn3 {
  opacity: 0.8;
}

@media print {
  .Collapsible-module__content--XmUZL {
    display: block;
  }
}
/* stylelint-disable no-descending-specificity */
.Dropdown-module__container--j0Gm2 {
  min-width: var(--space-140px);

  position: relative;
}

:not(.Dropdown-module__inline--QiG1m).Dropdown-module__leftIcon--RxVAJ {
  margin-left: auto;

  display: flex;
  gap: 8px;
}

.Dropdown-module__value--LAs-C {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;

  overflow: hidden;
}

.Dropdown-module__value--LAs-C,
.Dropdown-module__placeholder--erPfU {
  padding: 0 var(--space-32px) 0 0;
}

.Dropdown-module__default--b9qy2 .Dropdown-module__value--LAs-C,
.Dropdown-module__default--b9qy2 .Dropdown-module__placeholder--erPfU {
  /* Body 4 */
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.028px;
}

.Dropdown-module__inline--QiG1m.Dropdown-module__value--LAs-C,
.Dropdown-module__inline--QiG1m.Dropdown-module__value--LAs-C.Dropdown-module__secondary--u-vO6,
.Dropdown-module__inline--QiG1m.Dropdown-module__placeholder--erPfU,
.Dropdown-module__inline--QiG1m.Dropdown-module__placeholder--erPfU.Dropdown-module__secondary--u-vO6 {
  padding: 0 var(--space-8px) 0 0;
}

.Dropdown-module__filter--EE-G1::-moz-placeholder {
  color: var(--text-tertiary);
}

.Dropdown-module__placeholder--erPfU,
.Dropdown-module__filter--EE-G1::placeholder {
  color: var(--text-tertiary);
}

.Dropdown-module__optionsContainer--pqPZr {
  width: 100%;
  min-width: 260px;
  max-height: var(--space-386px);

  position: absolute;
  top: calc(100% + (var(--base-space) * 2));
  right: 0;
  left: auto;
  z-index: var(--option-z-index);

  overflow: auto;

  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.Dropdown-module__optionGroup--o8wcP {
  font-size: var(--text-14px);
  color: var(--text-primary);
  text-transform: capitalize;

  padding: var(--space-16px);

  justify-content: space-between;

  background-color: var(--background-tertiary);
}

.Dropdown-module__option--nAGU- {
  font-size: var(--text-14px);
  color: var(--text-primary);

  padding: var(--space-16px);

  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Dropdown-module__option--nAGU-:hover,
.Dropdown-module__option--nAGU-.Dropdown-module__focused--KWyBi {
  background-color: var(--background-hover);
}

.Dropdown-module__emptyGroup--IHlZe {
  font-style: italic;
  cursor: default;
}

.Dropdown-module__option--nAGU-.Dropdown-module__emptyGroup--IHlZe:hover {
  background-color: transparent;
}

.Dropdown-module__optionLoader--T5D3L {
  padding: var(--space-16px);
}

.Dropdown-module__filter--EE-G1 {
  font-size: var(--text-14px);
  color: var(--text-primary);

  width: 100%;
  padding: 0;

  flex: 1;

  background: none;
  border: none;
}

.Dropdown-module__searchIcon--JsyyI {
  color: var(--text-primary);

  margin-right: 5px;
}

.Dropdown-module__searchIcon--JsyyI.Dropdown-module__disabled--6YSB- {
  color: var(--text-disabled);
}

.Dropdown-module__empty--3TX-s {
  color: var(--grey-500);
  font-style: italic;

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

.Dropdown-module__floatingLabel--LldUB {
  left: var(--space-24px);
}

.Dropdown-module__input--dK4dN {
  flex: 1;
}

.Dropdown-module__errorMessage--rz4xh {
  color: var(--text-negative);
}

.Dropdown-module__errorMessage--rz4xh:not(:empty) {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.Dropdown-module__default--b9qy2.Dropdown-module__errorMessage--rz4xh:not(:empty) {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

/*
 * Flavor: secondary
 */

.Dropdown-module__container--j0Gm2.Dropdown-module__secondary--u-vO6 {
  min-width: initial;
}

.Dropdown-module__inputBox---kI9E.Dropdown-module__secondary--u-vO6 {
  min-height: initial;
  padding: 0;

  border: 0;
}

.Dropdown-module__value--LAs-C.Dropdown-module__secondary--u-vO6,
.Dropdown-module__placeholder--erPfU.Dropdown-module__secondary--u-vO6 {
  font-size: var(--text-14px);
  color: var(--grey-500);

  min-height: 36px;
  padding: 6px 10px 6px 12px;

  display: inline-flex;

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

  border: none;
  border-radius: 4px;
  gap: var(--space-12px);
}

.Dropdown-module__placeholder--erPfU.Dropdown-module__secondary--u-vO6,
.Dropdown-module__secondary--u-vO6 .Dropdown-module__valueIcon--Agf5Q {
  color: var(--grey-300);
}

.Dropdown-module__value--LAs-C.Dropdown-module__secondary--u-vO6,
.Dropdown-module__open--6IQd8.Dropdown-module__secondary--u-vO6 .Dropdown-module__valueIcon--Agf5Q {
  color: var(--text-primary);
}

.Dropdown-module__open--6IQd8.Dropdown-module__value--LAs-C.Dropdown-module__secondary--u-vO6,
.Dropdown-module__open--6IQd8.Dropdown-module__placeholder--erPfU.Dropdown-module__secondary--u-vO6,
.Dropdown-module__value--LAs-C.Dropdown-module__secondary--u-vO6:hover,
.Dropdown-module__placeholder--erPfU.Dropdown-module__secondary--u-vO6:hover {
  background-color: var(--grey-700);
}

.Dropdown-module__optional--2mTA- {
  color: var(--text-tertiary);

  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.Dropdown-module__optional--2mTA-.Dropdown-module__default--b9qy2 {
  margin-inline: var(--space-16px) var(--space-8px);
}

.Dropdown-module__optionalDisabled--v-i9W {
  color: var(--text-disabled);
}

.Dropdown-module__disabled--6YSB- {
  cursor: default;

  color: var(--text-disabled);
}

.Dropdown-module__leftIcon--RxVAJ {
  color: var(--icon-focused);
}

.Dropdown-module__disabled--6YSB- .Dropdown-module__leftIcon--RxVAJ {
  color: var(--text-disabled);
}

.Dropdown-module__tooltipContent--JeVOI {
  /*
    Hardcoding this is not ideal. But it needs to be higher than the z-index hardcoded in usePopper:128
    In the future we should refactor usePopper and this line to use a variable.
   */
  z-index: 1001;
}

.Dropdown-module__tooltipContainer--k3y7r {
  display: flex;
}

.Dropdown-module__tooltipTrigger--B9QaV {
  display: block;
  place-items: normal;

  /*
   * NOTE:
   * `overflow: clip;` prevents tooltip `:before` element from creating a scrollbar when the tooltip is open.
   * Be careful before removing, let's find an example (Advanced Filters in ANRs are good place to take a look, User Flow Name is disabled if Most Representative value is not selected as first sample)
   */
  overflow: clip;

  flex: 1;
}

.Dropdown-module__iconDefault--VvogD {
  color: var(--icon-default);
}

.Dropdown-module__ellipsis--6ZgZW {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

/* 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;
}

.header_cell-module__sorted--FPXFY {
  cursor: pointer;

  position: relative;
}

.header_cell-module__headerCell--aYfYy {
  text-align: left;
  white-space: nowrap;

  padding: var(--space-18px) var(--space-16px);

  position: relative;
}

.header_cell-module__headerCell--aYfYy .header_cell-module__cellHeading--XGzg9 {
  color: var(--text-secondary);

  display: flex;

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

/* Some tables have a span as a child. */
.header_cell-module__headerCell--aYfYy > span {
  font-size: 14px;
  font-weight: 500;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__dropdown--NjaCF {
  cursor: pointer;

  padding: var(--space-8px) var(--space-16px);

  position: relative;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__dropdown--NjaCF .header_cell-module__dropdownContent--4TRF5 {
  color: var(--text-secondary);
  text-align: left;
  white-space: nowrap;

  position: relative;

  display: flex;

  transition: background-color 0.2s;
  -moz-column-gap: calc(var(--base-space) * 3);
       column-gap: calc(var(--base-space) * 3);
}

.header_cell-module__dropdownContent--4TRF5 .header_cell-module__cellHeading--XGzg9 {
  display: grid;
  gap: var(--base-space);
}

.header_cell-module__dropdownContent--4TRF5 .header_cell-module__cellHeadingText--fjXci {
  display: flex;

  gap: var(--base-space);

  align-items: center;
}

.header_cell-module__dropdownContent--4TRF5 .header_cell-module__cellHeadingCaption--S55E- {
  color: var(--text-tertiary);
}

.header_cell-module__popover--mJ-ZK {
  color: var(--color-menu-body);

  min-width: 105%;

  position: absolute;
  top: calc(8px - 24px);
  left: calc(8px - 24px);
  z-index: var(--modal-z-index);

  background-color: var(--color-menu-background);
  border-radius: 8px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}

.header_cell-module__title--gmfFS {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;

  padding: 14px 24px 14px 20px;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__sorted--FPXFY {
  padding-right: var(--space-16px);
}

.header_cell-module__headerCell--aYfYy span {
  width: -moz-max-content;
  width: max-content;
  margin-right: 4px;

  display: flex;

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

.header_cell-module__headerCell--aYfYy.header_cell-module__centerAlign--PHzhU > h3 {
  justify-content: center;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__rightAlign--hZvqo > h3 {
  justify-content: flex-end;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__rightAlign--hZvqo > span {
  float: right;
}

.header_cell-module__headerCell--aYfYy.header_cell-module__rightAlign--hZvqo > div {
  justify-content: flex-end;
}

.header_cell-module__optionsContainer--7GQvl {
  list-style: none;

  margin: 12px 0 0;
  padding: 0;
}

.header_cell-module__option--3k-C9 {
  font-size: 12px;
  font-weight: 500;

  /* TODO: use new css variables once defined */
  padding: 14px 24px 14px 20px;

  display: flex;

  align-items: baseline;

  border-radius: 4px;

  transition: background-color 0.2s;
}

.header_cell-module__option--3k-C9:hover {
  background-color: var(--color-menu-divider-line);
}

.header_cell-module__option--3k-C9 > div:first-child {
  margin-right: 24px;
}

.header_cell-module__layer--50M2Y {
  cursor: default;
}

.header_cell-module__checkFiller--lkpzk {
  height: 16px;
  width: 16px;
}
.header-module__stickyHeader--YWxeM tr {
  position: sticky;
  top: 0;
  z-index: 1;
}
/* These variables are deprecated. Use sizexxx variables instead */

.old_table-module__table--1F67Q {
  width: 100%;

  background-color: var(--grey-900);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--grey-800);
}

[data-theme='inverted'] .old_table-module__table--1F67Q {
  box-shadow: var(--default-box-shadow);
}

.old_table-module__table--1F67Q.old_table-module__fixed--fB05U {
  table-layout: fixed;
}

.old_table-module__body--beKL6 {
  font-size: var(--text-14px);
}

.old_table-module__body--beKL6 tr {
  border-bottom: 1px solid var(--grey-800);
}

.old_table-module__table--1F67Q thead tr {
  background: var(--grey-800);
}

.old_table-module__body--beKL6 tr:hover {
  background-color: var(--color-table-row-hover);
}

.old_table-module__body--beKL6 tr:last-of-type {
  border-bottom: 0;
}

.old_table-module__table--1F67Q a {
  color: var(--grey-100);
}

.old_table-module__secondary--5rJuX {
  bottom: 10px;
  position: absolute;
  right: 0;
}

.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y {
  border: none;
}

.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y thead {
  border: 1px solid var(--grey-700);
  border-width: 1px 0;
}

.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y tr td:first-child,
.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y tr th:first-child {
  padding-left: calc(var(--base-space) * 8);
}

.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y tr td:last-child,
.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y tr th:last-child {
  padding-right: calc(var(--base-space) * 8);
}

.old_table-module__table--1F67Q.old_table-module__simplified--JRy0Y .old_table-module__body--beKL6 tr {
  border: none;
}

@media print {
  .old_table-module__body--beKL6 {
    box-shadow: none;
  }
}
/* 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%;
}
/* stylelint-disable no-descending-specificity */

.cell-module__cell--khdiH {
  line-height: 20px;

  padding: var(--space-18px) var(--space-16px);
}

.cell-module__cell--khdiH a {
  display: block;
}

.cell-module__cell--khdiH.cell-module__hideOverflow--YmLfK,
.cell-module__cell--khdiH.cell-module__hideOverflow--YmLfK > div {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.cell-module__pad--5D-6u {
  /* Override Table padding. */
  padding-left: 30px !important;
}

.cell-module__right--cxK7V {
  text-align: right;
}

.cell-module__link--IwUOX.cell-module__hideOverflow--YmLfK a {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.cell-module__link--IwUOX a div {
  /* Override inline style (e.g. recharts-wrapper). */
  cursor: pointer !important;
}

.cell-module__borderCell--OEygJ {
  position: relative;
}

.cell-module__borderContainer--LokZH {
  padding: 0;
}

.cell-module__border--6zrce {
  padding: 5px;

  position: absolute;
}

.cell-module__top--G6tAp.cell-module__corner--WfaTn {
  border-top: 2px solid;

  top: 2px;
}

.cell-module__top--G6tAp.cell-module__line--XtgyC {
  border-left: 2px solid;

  top: -1px;
}

.cell-module__mid--hPQR4 {
  border-left: 2px solid;

  bottom: 2px;
  top: 2px;
}

.cell-module__bottom--PJAoP.cell-module__corner--WfaTn {
  border-bottom: 2px solid;

  bottom: 2px;
}

.cell-module__bottom--PJAoP.cell-module__line--XtgyC {
  border-left: 2px solid;

  bottom: -1px;
}

.cell-module__hasMax--GzOuf {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.cell-module__hasMax--GzOuf > * {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}
.GroupParts-module__part--YAyvV {
  display: inline-flex;

  overflow-wrap: break-word;
}
.InsightEmpty-module__container--0tC9P {
  text-align: center;

  padding: var(--space-32px) 0;
}

.InsightEmpty-module__icon--L1c-w {
  margin-bottom: var(--space-16px);
}

.InsightEmpty-module__title--VXbwx {
  margin-bottom: var(--space-8px);
}

.InsightEmpty-module__container--0tC9P p {
  margin: 0;
}
/* 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);
}

.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;
}
.Checkbox-module__container--IBUYK {
  height: 20px;

  position: relative;

  display: flex;

  flex-direction: column;
}

/* To make sure to properly spread the "grab" cursor when the drag and drop feature is on */
.Checkbox-module__container--IBUYK,

.Checkbox-module__container--IBUYK *:not(svg, input[type='checkbox']) {
  cursor: inherit;
}

input[type='checkbox'] {
  width: 100%;
  height: 100%;
  margin: 0;

  position: absolute;
  z-index: 1;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
  opacity: 0;
}

/* Here we are forcing the cursor to be a pointer for the input checkbox type */
.Checkbox-module__container--IBUYK:not(.Checkbox-module__disabled--sVKSq) input[type='checkbox'],
.Checkbox-module__container--IBUYK:not(.Checkbox-module__disabled--sVKSq) svg {
  cursor: pointer;
}

.Checkbox-module__container--IBUYK.Checkbox-module__disabled--sVKSq {
  color: var(--icon-disabled);
}

.Checkbox-module__labelHorizontal--5aEOu {
  align-items: center;
  flex: 1;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.Checkbox-module__label--LfNsY {
  color: var(--text-primary);

  display: inline-flex;
  gap: var(--base-space);
}

.Checkbox-module__disabledLabel--D-fN5 {
  color: var(--text-disabled);
}

.Checkbox-module__content--C8Rf1 {
  position: relative;

  display: inline-flex;
}

.Checkbox-module__check--tuDJx {
  position: relative;
  z-index: 1;
}

/** Visual trick to get the tick mark as white */
.Checkbox-module__tick--BWbK3 {
  width: 12px;
  height: 12px;

  position: absolute;
  z-index: 0;

  background: white;
  inset: 4px;
}

.Checkbox-module__container--IBUYK:not(.Checkbox-module__labelHorizontal--5aEOu) {
  row-gap: var(--space-10px);
}

.Checkbox-module__container--IBUYK.Checkbox-module__labelHorizontal--5aEOu {
  -moz-column-gap: var(--space-10px);
       column-gap: var(--space-10px);
}

.Checkbox-module__info--b8Ht8 {
  padding-left: var(--space-4px);
}
.DismissibleTooltip-module__tooltip--iWLJo {
  padding: var(--card-padding);
}

.DismissibleTooltip-module__tooltip--iWLJo,
.DismissibleTooltip-module__tooltip--iWLJo::before {
  background: var(--primary-500) !important;
  border: solid 1px var(--primary-500);
}

.DismissibleTooltip-module__container--JAErz {
  max-width: 250px;

  display: flex;

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

.DismissibleTooltip-module__footer--sEqXk {
  display: flex;

  flex-direction: column;

  border: none;
  gap: var(--space-16px);
}

.DismissibleTooltip-module__content--z70tT {
  color: var(--text-primary);
}

.DismissibleTooltip-module__title--O2IDM {
  display: grid;

  align-items: center;
  gap: var(--space-16px);
  grid-auto-flow: column;
  grid-auto-columns: auto 16px;
}

.DismissibleTooltip-module__close--bhC-X {
  cursor: pointer;
}
/* These variables are deprecated. Use sizexxx variables instead */
/*
Hack to make graph resizing work:
https://github.com/recharts/recharts/issues/1767#issuecomment-598607012
*/
.graph-module__outer--hUYXZ {
  width: 100%;

  position: relative;
}

.graph-module__bar--ILaeu {
  cursor: pointer;
}

.graph-module__inner---UFQi {
  position: absolute;
  inset: 0;
}

.graph-module__label--XpY-- {
  fill: var(--grey-500);

  font-size: var(--text-12px);
}

.graph-module__titleContainer--H-D7V {
  padding-bottom: var(--space-24px);
}

.graph-module__title--PFlFj {
  margin-bottom: 0;
}

.graph-module__subTitle--TZ4Tq {
  color: var(--grey-100);
}

.graph-module__tooltip--hG2TO {
  color: var(--grey-800);

  padding: var(--space-12px);

  display: grid;

  grid-template-areas: 'title';

  border-radius: 4px;
  row-gap: var(--base-space);
}

.graph-module__tooltip--hG2TO.graph-module__columns--NlHqZ {
  grid-template-areas: 'title title';
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
}

.graph-module__tooltip--hG2TO .graph-module__title--PFlFj {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  color: var(--grey-200);

  margin-bottom: var(--space-8px);

  position: relative;
  grid-area: title;
}

.graph-module__tooltip--hG2TO .graph-module__chip--Nx4La {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-right: var(--base-space);

  position: relative;

  display: inline-block;

  align-self: center;

  border-radius: 50%;
}

.graph-module__tooltip--hG2TO .graph-module__entry--lwBWz {
  font-size: var(--text-12px);
  color: var(--grey-200);

  display: flex;
}

.graph-module__tooltip--hG2TO .graph-module__entry--lwBWz .graph-module__key--dfh-m {
  white-space: nowrap;

  max-width: var(--space-192px);
  margin-right: var(--base-space);

  overflow: hidden;
  text-overflow: ellipsis;
}

.graph-module__tooltip--hG2TO .graph-module__tooltipDetail--cmsbP {
  font-size: var(--text-10px);

  position: absolute;
  right: 0;
}

.graph-module__trailingInfo--S7B0o {
  margin-bottom: var(--space-16px);

  display: flex;

  justify-content: flex-end;
}

.graph-module__buttonOverlayContainer--6kf5j {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
}

.graph-module__applyButton--sj9IB {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

.graph-module__applyButton--sj9IB:disabled {
  background: var(--dark-background-tertiary) !important;
}

.graph-module__resetButton--x2Qhl {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

.graph-module__body--Ylydf {
  display: flex;
  gap: var(--space-8px);

  flex-direction: column;
}

.graph-module__actions--mDMLl {
  display: flex;
  gap: var(--space-8px);
}

.graph-module__trigger--UCDrc {
  height: 0;
  width: 0;
}
/* These variables are deprecated. Use sizexxx variables instead */

.blurb-module__blurb--3NePn {
  color: var(--grey-300);
  font-size: 80%;
}

.blurb-module__blurb--3NePn.blurb-module__large--hnZ7g {
  font-size: 90%;
}
.Filter-module__filterControlsContainer--v3jvA {
  margin-bottom: var(--space-16px);

  display: grid;

  grid-template-columns: 1fr 130px;
  align-items: center;
  gap: var(--space-16px);
  grid-auto-flow: column;
}

.Filter-module__row--5H0qg {
  display: flex;

  align-items: center;
}

.Filter-module__inputContainer--10DUF {
  position: relative;

  display: flex;

  flex: 1;
  align-items: center;

  border: 1px solid var(--grey-600);
  border-radius: 4px;
}

.Filter-module__inputFilter---UTOK::-moz-placeholder {
  font-size: 16px;
}

.Filter-module__inputFilter---UTOK::placeholder {
  font-size: 16px;
}

.Filter-module__inputFilter---UTOK {
  font-size: 16px;
  color: var(--grey-100);

  width: 100%;
  padding: 15px 0 14px;

  background: none;
  border: none;
  border-radius: 0;
}

.Filter-module__inputContainer--10DUF.Filter-module__simple--NrZX7 {
  border: 0;
}

.Filter-module__button--Nvycz {
  color: inherit;

  padding: 0 10px;

  background: none;
  border: none;
}

.Filter-module__searchIcon--IiBQV {
  color: var(--grey-100);
}

.Filter-module__clearButton--jdbhL {
  position: absolute;
  right: var(--space-8px);

  display: flex;

  align-items: center;
}

.Filter-module__simple--NrZX7 .Filter-module__clearButton--jdbhL {
  position: relative;
}

@media print {
  .Filter-module__inputs--8JweB {
    display: none;
  }
}
/* Container */
.VersionFilter-module__versionFilterContainer--8NUBc {
  position: relative;

  display: inline-block;
}

/* Trigger button */
.VersionFilter-module__trigger--i39hB {
  padding: var(--space-8px) var(--space-12px);

  display: flex;

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

  background-color: var(--background-primary);
  border-radius: var(--space-4px);
  cursor: pointer;

  transition: background-color 0.15s ease;
}

.VersionFilter-module__trigger--i39hB:hover {
  background-color: var(--background-hover);
}

.VersionFilter-module__triggerOpen--wvBIo {
  background-color: var(--background-hover);
}

.VersionFilter-module__triggerIcon--yOMxp {
  color: var(--icon-default);
}

.VersionFilter-module__triggerLabel--yB8ei {
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;

  color: var(--text-primary);

  min-width: 100px;
  max-width: 120px;

  overflow: hidden;
}

/* Dropdown panel */
.VersionFilter-module__dropdown--J2ofQ {
  min-width: 260px;
  margin-top: var(--space-4px);

  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;

  overflow: hidden;

  background-color: var(--background-secondary);
  border: 1px solid var(--border-primary);
  border-radius: var(--space-8px);
  box-shadow: 0 4px 16px rgb(0 0 0 / 15%);
}

/* Search container */
.VersionFilter-module__searchContainer--CEqrI {
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-tertiary);
}

.VersionFilter-module__searchFilter--HMdGJ {
  height: 40px;
  width: 100%;
}

.VersionFilter-module__searchFilter--HMdGJ input {
  height: 100%;
  width: 100%;
  padding: 11px 0 14px;
}

/* Options list */
.VersionFilter-module__optionsList--Vig65 {
  max-height: 320px;

  overflow-y: auto;
}

/* Individual option */
.VersionFilter-module__option--4UWgc {
  padding: var(--space-10px) var(--space-16px);

  display: flex;

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

  cursor: pointer;

  transition: background-color 0.1s ease;
}

.VersionFilter-module__option--4UWgc:hover {
  background-color: var(--background-hover);
}

.VersionFilter-module__optionDisabled--DzeRS {
  opacity: 0.5;
  cursor: not-allowed;
}

.VersionFilter-module__optionDisabledLink--yXVQ- {
  cursor: initial;
}

.VersionFilter-module__optionDisabled--DzeRS:hover {
  background-color: var(--background-secondary);
}

.VersionFilter-module__optionVersionSet--doD70 {
  background-color: var(--background-secondary);
  border-bottom: 1px solid var(--border-tertiary);
}

.VersionFilter-module__optionVersionSet--doD70:hover {
  background-color: var(--background-tertiary);
}

.VersionFilter-module__optionSelectVersions---fNB9 {
  font-weight: 600;
  color: var(--text-primary);

  background-color: var(--background-secondary);
  cursor: default;
}

.VersionFilter-module__optionSelectVersions---fNB9:hover {
  background-color: var(--background-secondary);
}

.VersionFilter-module__optionButton--eQj9l {
  font-weight: 500;
}

.VersionFilter-module__optionLabel--5U6zs {
  min-width: 0;

  display: flex;

  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8px);
}

.VersionFilter-module__optionLabelContainer--PembR {
  white-space: nowrap;
  text-overflow: ellipsis;

  display: flex;
  overflow: hidden;

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

.VersionFilter-module__optionLabelContainerVertical--B-Szh {
  white-space: normal;

  max-width: 220px;

  overflow: visible;

  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4px);
}

.VersionFilter-module__optionLabelContainerDisabled--Efiab {
  opacity: 0.5;
}

.VersionFilter-module__optionSubLabel--pxkBw {
  color: var(--text-tertiary);

  flex-shrink: 0;
}

.VersionFilter-module__optionSubLabelVertical--qd8RN {
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.VersionFilter-module__optionSubLabelSmall--uiYU0 {
  font-size: 10px;
  line-height: 1.4;
}

.VersionFilter-module__onlyButton--3ikJb {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-200);

  padding: var(--space-4px) var(--space-8px);

  border-radius: var(--space-4px);
  opacity: 0;
  cursor: pointer;

  transition:
    opacity 0.1s ease,
    background-color 0.1s ease;
}

.VersionFilter-module__onlyButton--3ikJb:hover {
  background-color: var(--background-hover);
}

.VersionFilter-module__option--4UWgc:hover .VersionFilter-module__onlyButton--3ikJb {
  opacity: 1;
}

.VersionFilter-module__actionLink---bceY {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--primary-200);
}

.VersionFilter-module__actionLink---bceY:hover {
  text-decoration: underline;
}

.VersionFilter-module__actionLinkDisabled--9-vGa {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: var(--text-tertiary);

  cursor: not-allowed;
}

.VersionFilter-module__noResults--netPK {
  text-align: center;
  color: var(--text-tertiary);

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

/* Button container */
.VersionFilter-module__buttonContainer--h1klx {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  gap: var(--space-8px);

  background-color: var(--background-secondary);
  border-top: 1px solid var(--border-tertiary);
}

/* Legacy styles for "newest version" message */
.VersionFilter-module__pointer--mPfWK {
  cursor: pointer;
}

.VersionFilter-module__messageContainer--PLjb4 {
  position: relative;
}

.VersionFilter-module__message--IIm5i {
  white-space: nowrap;
  color: var(--text-secondary);

  max-width: 280px;
  margin-right: auto;
  padding: var(--space-4px);

  position: absolute;
  top: var(--space-4px);
  right: 0;

  display: flex;

  background-color: var(--warning-100);
  border-radius: var(--space-4px);
}

.VersionFilter-module__message--IIm5i .VersionFilter-module__link--93G6V {
  font-weight: 500;
  white-space: nowrap;
  text-decoration: underline;
  text-overflow: ellipsis;

  color: var(--text-secondary);

  max-width: 120px;
  margin-right: var(--space-4px);
  margin-left: var(--space-4px);

  display: inline-block;
  overflow: hidden;

  cursor: pointer;
}
.Ellipsize-module__fullWidth--wNiTh {
  width: 100%;
}
/* stylelint-disable no-descending-specificity */
.Tag-module__count--qp7Cz {
  padding-left: var(--base-space);
}

.Tag-module__darkText--6tX-1 {
  color: var(--grey-1000);
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
}

.Tag-module__tag--sT15l.Tag-module__primary--JS2K3.Tag-module__selected--DQquj {
  color: var(--grey-1000);

  background-color: var(--primary-200);
}

.Tag-module__tag--sT15l.Tag-module__primary--JS2K3.Tag-module__selected--DQquj .Tag-module__iconRemove--I8gcb {
  color: var(--grey-1000);
}

.Tag-module__disabled--8vhs9 {
  cursor: not-allowed;
}

:not(.Tag-module__disabled--8vhs9).Tag-module__tag--sT15l {
  cursor: pointer;
}

.Tag-module__tag--sT15l {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  line-height: 22px;
  color: var(--grey-100);
  letter-spacing: 0.002em;
  white-space: nowrap;

  padding: var(--space-6px) var(--space-16px);

  display: inline-flex;

  align-items: center;

  border: 1px solid var(--grey-700);
  border-radius: 4px;
  gap: var(--space-12px);
}

.Tag-module__tag--sT15l.Tag-module__primary--JS2K3 {
  background-color: var(--grey-900);
}

:not(.Tag-module__disabled--8vhs9).Tag-module__tag--sT15l.Tag-module__primary--JS2K3:hover {
  color: var(--primary-100);

  background-color: var(--primary-900);
  border-color: var(--primary-200);
}

:not(.Tag-module__disabled--8vhs9).Tag-module__tag--sT15l.Tag-module__primary--JS2K3.Tag-module__selected--DQquj:hover .Tag-module__iconRemove--I8gcb {
  color: var(--grey-100);
}

:not(.Tag-module__disabled--8vhs9).Tag-module__tag--sT15l.Tag-module__primary--JS2K3.Tag-module__selected--DQquj:hover .Tag-module__darkText--6tX-1 .Tag-module__iconRemove--I8gcb {
  color: var(--grey-1000);
}

.Tag-module__tag--sT15l.Tag-module__secondary--RIQvi {
  color: var(--grey-100);

  background-color: var(--primary-900);
  border-color: var(--primary-400);
  gap: var(--base-space);
}

.Tag-module__tag--sT15l.Tag-module__secondary--RIQvi .Tag-module__iconRemove--I8gcb {
  color: var(--grey-100);
}

.Tag-module__tag--sT15l.Tag-module__secondary--RIQvi:hover {
  background-color: var(--primary-1000);
}

:not(.Tag-module__disabled--8vhs9).Tag-module__tag--sT15l.Tag-module__secondary--RIQvi:hover {
  color: var(--grey-100);

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

.Tag-module__tag--sT15l.Tag-module__small--F5vYJ {
  font-size: var(--text-12px);

  padding: var(--base-space) var(--space-8px);
}

.Tag-module__tag--sT15l.Tag-module__xsmall--pn0pu {
  font-size: var(--text-10px);
  font-weight: var(--weight-200);

  padding: 0 var(--space-8px);
}

.Tag-module__lineThroughText--bob8U {
  text-decoration: line-through;
}
/* 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;
}/* 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);
}

.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;
}
/* These variables are deprecated. Use sizexxx variables instead */

.hoverable-module__container--O0nYu {
  position: relative;
}

.hoverable-module__clipboard--XJtnk {
  cursor: pointer;
}

.hoverable-module__hoverContainer--HCa5W {
  font-size: 11px;
  pointer-events: none;

  position: absolute;
}

.hoverable-module__hoverContainer--HCa5W:not(.hoverable-module__alwaysShown--bPOxg) {
  display: none;
}

.hoverable-module__hover--cZKrX {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: var(--grey-900);
  text-align: center;
  white-space: nowrap;

  min-width: 100px;
  margin-left: 24px;
  padding: 4px 8px;

  top: 50%;
  left: -50%;
  z-index: 4; /* Must be > 3 because lines in HorizontalTimeline can be upto 3. */

  background: var(--grey-100);
  border: solid 1px var(--grey-500);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  cursor: default;
  pointer-events: auto;
}

.hoverable-module__hover--cZKrX::before {
  width: calc(100% + 25px);
  height: calc(100% + 25px);

  position: absolute;
  top: -12px;
  left: -12px;
  z-index: -1;
  content: '';
}

.hoverable-module__hover--cZKrX * {
  color: var(--grey-900);
}

.hoverable-module__right--MH8ph .hoverable-module__hover--cZKrX {
  left: 0;
  position: relative;
}

.hoverable-module__right--MH8ph .hoverable-module__hover--cZKrX::after {
  width: 8px;
  height: 8px;

  position: absolute;
  top: 50%;
  right: calc(100% - 4px);
  z-index: 0;

  background: var(--grey-100);
  border: solid 1px var(--grey-500);
  border-right: 0;
  border-top: 0;
  content: ' ';
  transform: translateY(-50%) rotate(45deg);
}

.hoverable-module__left--WnmcD .hoverable-module__hover--cZKrX {
  margin-right: 8px;

  position: relative;
  left: -100%;
}

.hoverable-module__left--WnmcD .hoverable-module__hover--cZKrX::after {
  width: 8px;
  height: 8px;

  position: absolute;
  top: 50%;
  left: calc(100% - 4px);
  z-index: 0;

  background: var(--grey-100);
  border: solid 1px var(--grey-500);
  border-right: 0;
  border-top: 0;
  content: ' ';
  transform: translateY(-50%) rotate(-135deg);
}

.hoverable-module__top--zTz8F .hoverable-module__hover--cZKrX {
  left: -20px;
  position: relative;
  top: -80px;
}

.hoverable-module__topCenter--FY83s .hoverable-module__hover--cZKrX {
  content: none;

  left: 16px !important;
  top: -92px; /* One-off value to place the hover correctly */
}

.hoverable-module__topCenter--FY83s .hoverable-module__hover--cZKrX::after {
  content: none;
}

.hoverable-module__hover--cZKrX.hoverable-module__copy--Vlw7I {
  display: flex;

  justify-content: center;
  align-items: center;
  gap: 8px;
}

.hoverable-module__hover--cZKrX.hoverable-module__copy--Vlw7I .hoverable-module__hover--cZKrX::after {
  width: 8px;
  height: 8px;

  position: absolute;
  bottom: calc(100% - 9px);
  z-index: 0;

  background: var(--grey-100);
  border: solid 1px var(--grey-500);
  border-right: 0;
  border-top: 0;
  content: ' ';
  transform: translateY(-50%) rotate(135deg);
}

.hoverable-module__enabled--O-iV7:hover > .hoverable-module__hoverContainer--HCa5W {
  display: flex;

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

.hoverable-module__inline--Vy-K9 {
  display: inline;
}

.hoverable-module__leftBlock--ob0TG:hover > .hoverable-module__hoverContainer--HCa5W {
  margin-right: 4px;

  right: 100%;
}

.hoverable-module__large--Ua0NS {
  text-align: left;
  white-space: normal;

  width: 220px;
  word-break: break-word;
}

.hoverable-module__bottom--s03Zk .hoverable-module__hover--cZKrX {
  left: -90%;
  position: relative;
  transform: translateY(110%);
}

.hoverable-module__bottom--s03Zk .hoverable-module__hover--cZKrX::after {
  width: 8px;
  height: 8px;

  position: absolute;
  right: 14px;
  bottom: 100%;
  bottom: calc(100% - 8px);
  z-index: 0;

  background: var(--grey-100);
  border: solid 1px var(--grey-500);
  border-right: 0;
  border-top: 0;
  content: ' ';
  transform: translateY(-50%) rotate(135deg);
}

.hoverable-module__center--tZN9p .hoverable-module__hover--cZKrX {
  left: -42%;
}

.hoverable-module__centerBottom--u-ZTO {
  margin-top: 10%;
}

.hoverable-module__centerBottom--u-ZTO .hoverable-module__hover--cZKrX::after {
  bottom: calc(100% - 8px);
  content: ' ';

  left: 50%;
  position: absolute;
}

.hoverable-module__centerContainer---rB6S {
  left: 0;
  right: 0;
  top: 0;
}

.hoverable-module__wrap--XShFC {
  text-align: left;
  white-space: initial;

  min-width: 384px;
}

.hoverable-module__narrow--Fc18y {
  text-align: left;
  white-space: normal;

  width: -moz-max-content;

  width: max-content;
  max-width: 300px;
}

.hoverable-module__truncate--kZnmh {
  max-width: 100%;
}
/*
 * Wrapper for `.selected` (or `.placeholder`) and `.options`
 */
.dropdown-module__dropdown--DE9b7 {
  min-width: calc(var(--base-space) * 25);

  position: relative;
}

/*
 * Box | List Options (same for all cases)
 */

.dropdown-module__options--OXPeZ {
  width: 100%;
  min-width: 260px;
  max-height: var(--space-386px);

  position: absolute;
  top: calc(100% + (var(--base-space) * 2));
  right: 0;
  left: auto;
  z-index: var(--option-z-index);

  display: none;
  overflow: auto scroll;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-700);
  border-radius: var(--space-4px);
  box-shadow: var(--floating-card-box-shadow);
}

.dropdown-module__open--p4dl9 .dropdown-module__options--OXPeZ {
  display: block;
}

.dropdown-module__dropdown--DE9b7.dropdown-module__rightAlignOptions--OXcES .dropdown-module__options--OXPeZ {
  left: 0;
  right: auto;
}

/*
 * Placeholder
 */

.dropdown-module__placeholder--NBtki {
  color: var(--grey-500);
}

/*
 * Open state (same for all cases)
 */

/*
 * Option Item (same for all cases)
 */
.dropdown-module__option--b2ZbD {
  font-size: 16px;
  color: var(--text-primary);

  min-height: 48px;
  padding: var(--space-12px) var(--space-16px);

  display: flex;
  -moz-column-gap: calc(var(--base-space) * 5);
       column-gap: calc(var(--base-space) * 5);
  cursor: pointer;

  align-items: center;
}

.dropdown-module__option--b2ZbD .dropdown-module__subLabel--zaCL5 {
  color: var(--text-tertiary);
  font-size: 12px;
}

.dropdown-module__option--b2ZbD:not(.dropdown-module__selected--XdgAf):hover {
  background-color: var(--grey-800);
}

.dropdown-module__option--b2ZbD:not(.dropdown-module__selected--XdgAf).dropdown-module__disabled--fwjS5,
.dropdown-module__option--b2ZbD:not(.dropdown-module__selected--XdgAf).dropdown-module__disabled--fwjS5:hover {
  color: var(--text-disabled);
  cursor: default;
}

.dropdown-module__label--DR3PH {
  white-space: nowrap;

  width: 100%;

  display: flex;
  overflow: hidden;

  justify-content: space-between;
  align-items: center;
  text-overflow: ellipsis;
}

input[type='checkbox'] + .dropdown-module__label--DR3PH {
  padding-top: 3px;
}

/*
 * Filter (if it shows up)
 */

.dropdown-module__options--OXPeZ > form {
  border-bottom: solid 1px var(--grey-700);

  padding: var(--space-8px) var(--space-16px);
}

/*
 * Arrow Icon (same for all cases)
 */

.dropdown-module__selectedContainer--OtgNP {
  color: var(--grey-100);
  white-space: nowrap;
}

.dropdown-module__arrowIcon--4Dtgg {
  /* Initial state. Already using the right color */
  color: var(--grey-100);
}

.dropdown-module__emptyValue--IPs2w .dropdown-module__arrowIcon--4Dtgg {
  color: var(--grey-300);
}

.dropdown-module__outlineError--JNHfT .dropdown-module__arrowIcon--4Dtgg {
  color: var(--icon-negative);
}

.dropdown-module__open--p4dl9 .dropdown-module__arrowIcon--4Dtgg {
  color: var(--text-product-secondary);
}

.dropdown-module__disabled--fwjS5.dropdown-module__emptyValue--IPs2w .dropdown-module__arrowIcon--4Dtgg {
  color: var(--grey-600);
}

/*
 * Label
 */

.dropdown-module__labelDropdown--txgMR {
  font-size: 12px;
  font-weight: 400;
  color: var(--grey-300);

  padding: 0 var(--space-4px);

  position: absolute;
  top: calc(var(--space-6px) * -1);
  left: var(--space-8px);
  z-index: 1;

  display: inline-block;

  background-color: var(--grey-900);
}

.dropdown-module__disabledDropdown--NN7Ps .dropdown-module__labelDropdown--txgMR {
  color: var(--grey-600);
}

.dropdown-module__open--p4dl9 .dropdown-module__labelDropdown--txgMR {
  color: var(--text-product-secondary);
}

.dropdown-module__errorDropdown--mBx63 .dropdown-module__labelDropdown--txgMR {
  color: var(--text-negative);
}

/* ----------------------------------- */

/*
 * Without label (`.selected`: wrapper of `.icon` and `.placeholder` (if it is displayed)
 */
.dropdown-module__selected--XdgAf,
.dropdown-module__filterAsSelected--jU4Oz {
  color: var(--grey-300);

  width: 100%;
  min-height: 48px;
  padding: var(--space-12px) var(--space-16px);

  position: relative;

  display: flex;

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

  background-color: transparent;
  border: 1px solid var(--grey-600);
  border-radius: 4px;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  cursor: pointer;
}

.dropdown-module__filterAsSelected--jU4Oz {
  padding: 0;
  width: 100%;
}

.dropdown-module__selected--XdgAf:hover,
.dropdown-module__filterAsSelected--jU4Oz:hover {
  border-color: var(--grey-300);
}

.dropdown-module__selected--XdgAf.dropdown-module__disabled--fwjS5 {
  color: var(--grey-600);

  border: 1px solid var(--grey-600);
  cursor: default;
}

.dropdown-module__selected--XdgAf.dropdown-module__disabled--fwjS5 .dropdown-module__selectedContainer--OtgNP {
  color: var(--text-disabled);
}

/* Error State */
.dropdown-module__outlineError--JNHfT .dropdown-module__selected--XdgAf {
  border: 1px solid var(--border-negative);
}

/*
 * Open | Without label
 */
.dropdown-module__open--p4dl9 .dropdown-module__selected--XdgAf,
.dropdown-module__active--vqa9W .dropdown-module__selected--XdgAf {
  border: 1px solid var(--text-product-secondary);
}

/* -------------------------------- */

/*
 * Without label
 */
.dropdown-module__iconDropdown--ZdJXc .dropdown-module__selected--XdgAf {
  font-size: 14px;
  font-weight: 500;
  color: var(--grey-300);

  min-height: 36px;
  padding: 6px 10px 6px 12px;

  justify-content: normal;

  border: none;
}

.dropdown-module__iconTypeColor--bmyTT .dropdown-module__selected--XdgAf {
  justify-content: normal;
}

.dropdown-module__iconDropdown--ZdJXc .dropdown-module__selected--XdgAf:hover {
  background-color: var(--grey-700);
}

.dropdown-module__iconDropdown--ZdJXc .dropdown-module__placeholder--NBtki {
  color: var(--grey-300);
  font-size: 14px;
  font-weight: 500;
}

.dropdown-module__arrowContainer--Z07sv {
  display: flex;

  flex: 1;
  justify-content: flex-end;
}

/*
 * Open | Without label
 */
.dropdown-module__iconDropdown--ZdJXc.dropdown-module__open--p4dl9 .dropdown-module__selected--XdgAf,
.dropdown-module__iconDropdown--ZdJXc.dropdown-module__open--p4dl9 .dropdown-module__placeholder--NBtki {
  color: var(--grey-100);

  background-color: var(--grey-700);
}

.dropdown-module__labelContainer--1Cip6 {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

/*
 * Specific styling for custom options
 */

.dropdown-module__option--b2ZbD.dropdown-module__selectVersions--1O8Uw {
  cursor: default;
}

.dropdown-module__option--b2ZbD.dropdown-module__selectVersions--1O8Uw:hover {
  background-color: transparent;
}

.dropdown-module__option--b2ZbD.dropdown-module__versionSetOptionWithLabel--LDPY8 {
  line-height: 48px;

  padding-top: 0;
  padding-bottom: 0;

  align-items: center;
}

.dropdown-module__versionSet--wAeQm {
  align-items: center;
  border-bottom: solid 1px var(--grey-700);
}

.dropdown-module__versionSet--wAeQm .dropdown-module__labelContainer--1Cip6 {
  white-space: initial;

  width: -moz-max-content;

  width: max-content;
}

.dropdown-module__selectVersions--1O8Uw {
  align-items: center;
}

/*
 * Inherit
 */

.dropdown-module__labelContainer--1Cip6 .dropdown-module__subLabel--zaCL5 {
  margin-top: var(--base-space);

  display: block;
}

.dropdown-module__crossedOut--RAdHv {
  text-decoration: line-through;
}

.dropdown-module__unset--oHZ2- > div:first-child {
  font-style: italic;
}

.dropdown-module__fieldWithOther--sDqFS {
  margin: var(--space-8px) 0;
}

.dropdown-module__fieldWithOther--sDqFS .dropdown-module__categoryLabel--YTTay {
  color: var(--grey-800);

  margin: var(--space-8px) var(--space-12px);

  display: flex;

  align-items: center;
}

.dropdown-module__categoryIcon--iFGfr {
  cursor: pointer;

  position: relative;
  top: var(--space-half-base);
}

.dropdown-module__fieldWithOther--sDqFS .dropdown-module__categoryLabel--YTTay.dropdown-module__disabled--fwjS5 {
  color: var(--grey-300);
}

.dropdown-module__fieldWithOther--sDqFS .dropdown-module__categoryBorder--4V-mG {
  border-bottom: 1px solid var(--grey-300);

  margin: 0 var(--space-16px);
  padding: var(--space-8px);
}

.dropdown-module__withPlaceholder--l-Crl {
  display: flex;
}

.dropdown-module__noOptions---dCnQ {
  color: var(--grey-500);
  font-size: 16px;
  font-style: italic;

  min-height: 48px;
  padding: var(--space-12px) var(--space-16px);
}

a.dropdown-module__actionButton--4BKPO {
  font-size: 14px;
  font-weight: 600;

  margin-left: auto;
}

.dropdown-module__actionText--i2AF4 {
  color: var(--text-product-secondary);
  font-weight: 600;

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

.dropdown-module__onlyButton--wEc01 {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-product-secondary);

  margin-left: auto;

  display: none;
  cursor: pointer;
}

.dropdown-module__option--b2ZbD:hover .dropdown-module__onlyButton--wEc01 {
  display: inline-block;
}

.dropdown-module__description---qNZA {
  font-size: 11px;
  color: var(--grey-500);

  padding: 8px 16px 4px;

  position: sticky;
  top: 0;
  z-index: var(--option-z-index);

  background-color: var(--grey-900);
}

/* Filter (as first) */

.dropdown-module__filterAsSelected--jU4Oz form {
  width: 100%;
}
/* These variables are deprecated. Use sizexxx variables instead */

.collapsible-module__container--vfYGp {
  display: flex;

  flex-direction: column;
}

.collapsible-module__header--ht4aM {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--grey-100);
  text-transform: capitalize;

  padding: 14px 16px;

  display: flex;

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

  background-color: var(--grey-600);
  cursor: pointer;
}

.collapsible-module__content--Y3PS2 {
  position: relative;

  display: flex;
  overflow: hidden;

  flex-direction: column;
}

.collapsible-module__collapsed--m-8qo {
  height: 0;
}
/* Modal animations */
@keyframes Modal-module__enteringModalOverlay--Vof8- {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Modal-module__enteringModalContent--oWmhX {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Modal-module__leavingModalOverlay--8Rmyt {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes Modal-module__leavingModalContent--Vi3DT {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0.9);
  }
}

/* Modal */

.Modal-module__trigger--DDRH8 > * {
  cursor: pointer;
}

.Modal-module__hideOverflow--BEzIy {
  overflow: hidden;
}

.Modal-module__close---ER1C {
  color: var(--grey-200);

  position: absolute;
  right: 30px;
  top: 40px;
  z-index: 1;
}

.Modal-module__closeIcon---OQZh {
  padding: 13px;

  background-color: transparent;
  border-radius: 4px;

  transition: background-color 0.1s ease-out;
  cursor: pointer;
}

.Modal-module__closeIcon---OQZh:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.Modal-module__modal--aD7aP {
  position: fixed;
  z-index: var(--modal-background-z-index);

  display: flex;

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

  background-color: rgb(4 8 20 / 85%);

  animation: Modal-module__enteringModalOverlay--Vof8- 150ms cubic-bezier(0, 0, 0.3, 1);
  inset: 0;
}

.Modal-module__modal--aD7aP.Modal-module__leaving--BTDsE {
  animation: Modal-module__leavingModalOverlay--8Rmyt 200ms cubic-bezier(0.4, 0.14, 1, 1);
}

.Modal-module__content--dWO-B {
  position: absolute;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: 4px;

  animation: Modal-module__enteringModalContent--oWmhX 200ms var(--entering-animation-curve);
  box-shadow: var(--floating-card-box-shadow);
}

.Modal-module__modal--aD7aP.Modal-module__leaving--BTDsE .Modal-module__content--dWO-B {
  animation: Modal-module__leavingModalContent--Vi3DT 201ms var(--leaving-animation-curve);
}

.Modal-module__body--lVhql {
  max-width: 80vw;
  max-height: 80vh;
  padding: var(--space-36px);

  overflow: auto;
  cursor: default;
}

.Modal-module__body--lVhql.Modal-module__large--p-8Oq {
  max-height: 95vh;
  max-width: 95vw;
}
.InputBox-module__box--FH8Tb {
  width: 100%;
  min-height: var(--space-48px);
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  align-items: center;

  border: 1px solid var(--grey-600);
  border-radius: 4px;
  cursor: pointer;
}

.InputBox-module__inlineBox--Pm1Mz {
  width: 100%;
  padding: 0;

  display: flex;

  align-items: center;
  cursor: pointer;
}

.InputBox-module__active--DfmVn {
  border-color: var(--lead-900);
}

.InputBox-module__error--iaqoQ {
  border-color: var(--border-negative);
}
.FloatingLabel-module__label--xIZPf {
  position: relative;
}

.FloatingLabel-module__floatingLabel--w9azu {
  color: var(--grey-300);
  white-space: nowrap;

  position: absolute;
  z-index: var(--floating-label-z-index);

  display: block;

  transition: transform 200ms;
  pointer-events: none;
  transform: translate(16px, calc(50% + 4px)) scale(1);
  transform-origin: top left;
}

.FloatingLabel-module__floatingLabel--w9azu.FloatingLabel-module__floating--3mFRp {
  font-size: var(--text-12px);

  padding: 0 var(--base-space);

  background-color: var(--grey-900);
  transform: translate(16px, -6px) scale(0.85);
}

.FloatingLabel-module__floatingLabel--w9azu.FloatingLabel-module__focused---aGG3 {
  color: var(--lead-900);
}

.FloatingLabel-module__error--nrvmT {
  border-color: var(--border-negative);
}

.FloatingLabel-module__floatingLabel--w9azu.FloatingLabel-module__floating--3mFRp.FloatingLabel-module__error--nrvmT {
  color: var(--text-negative);
}
.Input-module__input--nyuJ1 {
  font-size: var(--text-16px);
  color: var(--grey-100);

  width: 100%;
  padding: 0;

  background: none;
  border: none;
}

.Input-module__errorMessage--g-B-C {
  color: var(--text-negative);
  font-size: var(--text-12px);

  margin: var(--base-space) 0 0 var(--space-16px);
}
.Input-module__input--WjT81 {
  font-size: var(--text-16px);
  color: var(--text-primary);

  width: 100%;
  padding: 0;

  background: none;
  border: none;
}

.Input-module__input--WjT81.Input-module__default--a43-B,
input.Input-module__small--64a4F {
  /* Body 4 */
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  color: var(--text-primary);
  letter-spacing: 0.028px;
}

.Input-module__disabled--nzcnQ .Input-module__input--WjT81.Input-module__default--a43-B,
.Input-module__disabled--nzcnQ input.Input-module__small--64a4F {
  color: var(--text-disabled);
}

.Input-module__input--WjT81.Input-module__withRightIcon--tRMCa {
  padding-right: var(--space-8px);
}

.Input-module__input--WjT81.Input-module__withLeftIcon--nIKjO {
  padding-left: var(--space-8px);
}

.Input-module__input--WjT81.Input-module__default--a43-B::-moz-placeholder, input.Input-module__small--64a4F::-moz-placeholder {
  color: var(--text-tertiary);
}

.Input-module__input--WjT81.Input-module__default--a43-B::placeholder,
input.Input-module__small--64a4F::placeholder {
  color: var(--text-tertiary);
}

.Input-module__errorMessage--rP4NL {
  color: var(--text-negative);

  margin: var(--base-space) 0 0 var(--space-16px);
}

.Input-module__default--a43-B.Input-module__errorMessage--rP4NL {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.Input-module__clear--Y9bUX {
  cursor: pointer;

  color: var(--text-primary);
}

.Input-module__disabled--nzcnQ {
  color: var(--text-disabled);
}

.Input-module__input--WjT81.Input-module__default--a43-B.Input-module__disabled--nzcnQ::-moz-placeholder, .Input-module__input--WjT81.Input-module__small--64a4F.Input-module__disabled--nzcnQ::-moz-placeholder {
  color: var(--text-disabled);
}

.Input-module__input--WjT81.Input-module__default--a43-B.Input-module__disabled--nzcnQ::placeholder,
.Input-module__input--WjT81.Input-module__small--64a4F.Input-module__disabled--nzcnQ::placeholder {
  color: var(--text-disabled);
}
/* see full spec / use cases in https://www.figma.com/file/QvJDt4Suf2CRXk1B3OVYOx/%5BDS%5D-Design-system-library-V2?node-id=801%3A52803&mode=dev */

/* Title/Title 1 */
.Title-module__title1--ykIgU {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
}

/* Title/Title 2 */
.Title-module__title2--1yC0x {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 130% */
}

/* Title/Title 3 */
.Title-module__title3--ZC3PF {
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.03px;
  line-height: 26px; /* 130% */
}
.DemoRequestForm-module__container--pD3or {
  display: flex;

  gap: var(--space-20px);
  flex-flow: column;
}

.DemoRequestForm-module__content--lahJH {
  display: flex;

  gap: var(--space-24px);
  flex-flow: column;
}

.DemoRequestForm-module__back--QGEgA {
  display: flex;

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

.DemoRequestForm-module__subtitle--95fmH {
  color: var(--text-secondary);
  text-align: center;
}

.DemoRequestForm-module__form--hqA6R {
  display: grid;

  grid-template-rows: repeat(3, max-content);
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-12px);
}

.DemoRequestForm-module__submit--RFgJf {
  margin-top: var(--space-16px);
}
.PricingTable-module__table--XTwQx {
  margin-top: var(--space-56px);
}

.PricingTable-module__row--Lurhg {
  display: grid;

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

.PricingTable-module__row--Lurhg.PricingTable-module__odd--aIBKf {
  background: var(--background-primary);
}

[data-theme='dark'] .PricingTable-module__row--Lurhg.PricingTable-module__odd--aIBKf {
  background: var(--background-tertiary);
}

.PricingTable-module__cell--b8im7 {
  text-align: center;

  padding: var(--space-12px) 0;

  position: relative;

  display: flex;

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

.PricingTable-module__row--Lurhg.PricingTable-module__header--b1C2o {
  color: var(--text-strong);
}

.PricingTable-module__header--b1C2o .PricingTable-module__cell--b8im7 {
  padding-top: var(--space-28px);
}

.PricingTable-module__cell--b8im7:first-child {
  margin-left: var(--space-36px);
}

.PricingTable-module__cell--b8im7:last-child {
  margin-right: var(--space-36px);
}

.PricingTable-module__header--b1C2o .PricingTable-module__cell--b8im7.PricingTable-module__active--2XwU- {
  border: 2px solid var(--border-product);
  border-color: var(--border-product);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;

  border-width: 2px 2px 0;
}

.PricingTable-module__cell--b8im7.PricingTable-module__features--NmuaK {
  grid-column: 1 / 3;
  justify-content: flex-start;
}

.PricingTable-module__header--b1C2o .PricingTable-module__cell--b8im7.PricingTable-module__features--NmuaK {
  display: flex;

  align-items: baseline;
  gap: var(--space-6px);
}

.PricingTable-module__body--SEh5Q {
  border-top: 1px solid var(--border-primary);
}

.PricingTable-module__body--SEh5Q .PricingTable-module__cell--b8im7.PricingTable-module__features--NmuaK {
  color: var(--text-primary);
}

.PricingTable-module__body--SEh5Q .PricingTable-module__cell--b8im7 {
  color: var(--text-secondary);
}

.PricingTable-module__body--SEh5Q .PricingTable-module__cell--b8im7.PricingTable-module__requestDemo---WKKX {
  flex-direction: column;
}

.PricingTable-module__body--SEh5Q .PricingTable-module__cell--b8im7.PricingTable-module__active--2XwU- {
  border: 2px solid var(--border-product);
  border-width: 0 2px;
}

.PricingTable-module__body--SEh5Q .PricingTable-module__cell--b8im7.PricingTable-module__active--2XwU-.PricingTable-module__lastRow--fp7d- {
  border: 2px solid var(--border-product);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;

  border-width: 0 2px 2px;
}

.PricingTable-module__missingFeature--rNCf2 {
  color: var(--icon-negative);
}

.PricingTable-module__includedFeature--sca0C {
  color: var(--icon-success);
}

.PricingTable-module__current--Z-Hr- {
  color: var(--text-strong);

  padding: var(--base-space) var(--space-16px);

  position: absolute;
  top: 0;

  background: var(--background-product-light);
  border: 2px solid var(--border-product);
  border-radius: 4px;
  transform: translateY(-50%);
}

.PricingTable-module__pricingLink--7MoQ7 {
  font-size: var(--space-16px);
  font-weight: var(--weight-300);
  justify-self: center;

  margin-top: var(--space-16px);
}
/* see full spec / use cases in https://www.figma.com/file/QvJDt4Suf2CRXk1B3OVYOx/%5BDS%5D-Design-system-library-V2?node-id=801%3A52803&mode=dev */

/* Display/Display 1 */
.Display-module__display1--MQ718 {
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px; /* 120% */
}

/* Display/Display 2 */
.Display-module__display2--joA-X {
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 44px; /* 122.222% */
}

/* Display/Display 3 */
.Display-module__display3--kPGGn {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 128.571% */
}
.Content-module__container--m-1MY {
  display: grid;
}

.Content-module__daysReminder--3JXAZ {
  text-align: center;

  margin: 0 0 var(--space-12px);
  place-self: center center;
}

.Content-module__title--r8oXn {
  color: var(--grey-100);
  text-align: center;

  margin: 0 0 var(--space-12px);
  justify-self: center;
}

.Content-module__content--yb0NN {
  color: var(--grey-200);
  justify-self: center;

  margin-top: 0;
}

.Content-module__buttons--UWFUU {
  margin: var(--space-6px) 0;

  display: flex;
  gap: var(--space-12px);
  justify-self: center;
}

.Content-module__plans--3Rl1e {
  margin-top: var(--space-18px);

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-20px);
}

.Content-module__pricingLink--m7qVW {
  font-size: var(--space-16px);
  font-weight: var(--weight-300);
  justify-self: center;

  margin-top: var(--space-16px);
}
.UpgradeOptionsModal-module__modal--Gqdu2 {
  max-width: var(--space-1024px);
  width: 100%;
}

.UpgradeOptionsModal-module__trigger--o-eoA {
  display: inline-flex;
}

.UpgradeOptionsModal-module__widerModal--GcnH0 {
  max-width: var(--space-640px);
}
.TimeFilterPlans-module__container--n8APg {
  border-top: solid 1px var(--grey-600);
}

.TimeFilterPlans-module__item--s0vhH {
  min-height: var(--space-48px);
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  justify-content: space-between;
  align-items: center;
  -moz-column-gap: var(--space-20px);
       column-gap: var(--space-20px);
}

.TimeFilterPlans-module__label---utoZ {
  color: var(--grey-200);
  font-size: var(--text-16px);
}

.TimeFilterPlans-module__icon--tRseu {
  color: var(--grey-200);
}

.TimeFilterPlans-module__label---utoZ.TimeFilterPlans-module__disabled--k7MCY {
  opacity: 0.33;
}

.TimeFilterPlans-module__title--HZrmm {
  white-space: nowrap;

  padding: var(--space-16px);
  padding-bottom: var(--space-8px);
}

.TimeFilterPlans-module__cta--sJCLC {
  padding: var(--space-16px);
}

.TimeFilterPlans-module__title--HZrmm h2 {
  font-size: var(--text-16px);
  font-weight: var(--weight-300);
  line-height: 22px;
}

.TimeFilterPlans-module__title--HZrmm .TimeFilterPlans-module__subtitle--hL18x {
  color: var(--grey-200);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);

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

.TimeFilterPlans-module__link--jJwkO {
  color: var(--primary-600);
  cursor: pointer;
}

.TimeFilterPlans-module__button--GcH66 {
  width: 100%;
}

.TimeFilterPlans-module__trigger--s0-PX {
  z-index: 10;
}
/* stylelint-disable no-descending-specificity */
.Message-module__flex--tffsW {
  display: flex;
  gap: var(--space-12px);
}

.Message-module__flex--tffsW.Message-module__withoutTitle--Qf2UL {
  align-items: center;
}

.Message-module__messageIcon--ZZkWq {
  line-height: 0px;
}

.Message-module__messageContent--8dHoU {
  width: 100%;
}

.Message-module__message--mYPjX {
  padding: var(--space-16px);
}

.Message-module__message--mYPjX a,
.Message-module__message--mYPjX h3,
.Message-module__message--mYPjX .Message-module__dismiss--t-M8K {
  color: var(--text-primary);
}

.Message-module__message--mYPjX a {
  text-decoration: underline;
}

/* Type: Info */
.Message-module__info--JTJyF {
  color: var(--text-primary);

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

.Message-module__info--JTJyF .Message-module__messageIcon--ZZkWq path {
  fill: var(--icon-info);
}

/* Type: Warning */
.Message-module__warning---ytt5 {
  color: var(--text-primary);

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

.Message-module__warning---ytt5 .Message-module__messageIcon--ZZkWq path {
  fill: var(--icon-warning);
}

/* Type: Error */
.Message-module__error--BmggB {
  color: var(--text-primary);

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

.Message-module__error--BmggB .Message-module__messageIcon--ZZkWq path {
  fill: var(--icon-negative);
}

/* Type: Success */
.Message-module__success--JjCIC {
  color: var(--text-primary);

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

.Message-module__success--JjCIC .Message-module__messageIcon--ZZkWq path {
  fill: var(--icon-success);
}

/* Type: Base */
.Message-module__banner--VN1f- {
  color: var(--text-primary);

  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.Message-module__message--mYPjX.Message-module__banner--VN1f- {
  padding: var(--space-16px);
}

/* Dismiss Button */
.Message-module__dismissMessageContainer--j2eIO {
  min-width: -moz-max-content;
  min-width: max-content;

  display: flex;

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

.Message-module__dismiss--t-M8K {
  color: var(--text-secondary);
  cursor: pointer;

  margin: 0;

  position: relative;
}

.Message-module__closeIcon--JGwtZ {
  display: flex;

  align-items: center;
  cursor: pointer;
}

.Message-module__message--mYPjX.Message-module__pencil--DNWUK {
  padding: var(--space-6px) var(--space-10px);
}

.Message-module__flex--tffsW.Message-module__pencil--DNWUK {
  gap: var(--space-4px);
}

.Message-module__messageIcon--ZZkWq.Message-module__pencil--DNWUK svg {
  height: 16px;
}
/* stylelint-disable selector-class-pattern */

/* Reset */

.CalendarDay__default {
  color: var(--color-datepicker-text);

  border: 0;
}

.DayPicker__horizontal,
.CalendarMonthGrid,
.CalendarMonth,
.DateInput,
.DayPickerNavigation_button__default,
.CalendarDay__default,
.CalendarDay__default:hover {
  background-color: transparent;
}

.DateRangePicker,
.DateRangePicker input {
  cursor: pointer;

  text-align: center;
}

.DateInput {
  width: auto;
  max-width: var(--space-140px);
  margin: 0 var(--space-10px);

  position: relative;

  display: inline-block;

  background: transparent;
  vertical-align: middle;
}

.DateInput_input {
  font-family: Roboto, sans-serif;
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  line-height: var(--text-36px);
  color: var(--grey-300);

  margin: 0;
  padding: 0 var(--space-8px);

  background: transparent;
  border-bottom: none;
}

.DateInput_input::-moz-placeholder {
  color: var(--grey-300);
}

.DateInput_input::placeholder {
  color: var(--grey-300);
}

.DateRangePickerInput_arrow {
  color: var(--grey-300);
  line-height: var(--text-36px);
}

.DateInput_fang {
  transform: translateY(-4px);

  z-index: 4;
}

.DateInput_input__focused {
  border-bottom: none;
}

.DateRangePickerInput {
  color: var(--grey-100);

  padding-right: 0;

  position: relative;

  display: flex;

  background: transparent;
  border-radius: 4px;
}

.openDatePicker .DateRangePickerInput,
.DateRangePickerInput:hover {
  background: var(--grey-700);
}

.openDatePicker .DateInput_input {
  color: var(--grey-100);
}

.DateRangePickerInput_calendarIcon {
  outline: none;
}

.DateRangePicker_picker {
  z-index: 3;

  display: flex;

  background-color: var(--color-datepicker-background);
  border-radius: 4px;
  transform: translateY(-6px);
}

.DayPicker__withBorder {
  box-shadow: var(--floating-card-box-shadow);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.CalendarMonth_caption {
  color: var(--color-datepicker-text);
  font-size: var(--text-18px);
}

.CalendarMonth_table {
  margin-top: var(--space-12px);
}

.CalendarDay {
  font-size: var(--text-14px);
}

.CalendarDay__blocked_out_of_range {
  color: var(--color-datepicker-disabled);
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover,
.DayPickerNavigation_button,
.DayPickerNavigation_button:hover {
  border: 0;
}

.CalendarDay__default:hover:not(
    .CalendarDay__selected_span,
    .CalendarDay__selected_start,
    .CalendarDay__selected_end,
    .CalendarDay__blocked_out_of_range
  ) {
  color: var(--color-datepicker-text);

  border-radius: 100%;
  border: 0;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  color: var(--color-datepicker-text);

  border: 0;
  outline: none;
}

.CalendarDay__selected_start {
  color: var(--color-datepicker-text-start);

  background-color: var(--color-datepicker-background-start);
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--color-datepicker-boder-hover) inset;
  transform-style: preserve-3d;
}

.CalendarDay__selected_start:hover {
  background-color: var(--color-datepicker-background-middle);
}

.CalendarDay__selected_span:not(.CalendarDay__blocked_out_of_range) {
  color: var(--color-datepicker-text);

  background-color: var(--color-datepicker-background-middle);
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  border: 0;
  box-shadow: 0 0 0 2px var(--color-datepicker-boder-hover) inset;
}

.CalendarDay__selected_start::after,
.CalendarDay__selected_end::before {
  width: 19px;
  height: 38px;

  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;

  display: inline-block;

  background-color: var(--color-datepicker-background-middle);
  content: ' ';
  transform: translateZ(-1px);
}

.CalendarDay__selected_start::after {
  right: 0;
}

.CalendarDay__selected_end::before {
  left: 0;
}

.CalendarDay__selected_end {
  color: var(--color-datepicker-text);

  background-color: var(--color-datepicker-background-end);
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--color-datepicker-boder-hover) inset;
  transform-style: preserve-3d;
}

.CalendarDay__selected_end:hover {
  background-color: var(--color-datepicker-background-middle);
}

.CalendarDay__blocked_out_of_range:hover {
  color: var(--color-datepicker-disabled);
}

.DayPicker_weekHeader_li {
  font-size: 0;
  color: var(--color-datepicker-text);

  visibility: hidden;
}

.DayPicker_weekHeader_li::first-letter {
  font-size: var(--text-14px);

  visibility: visible;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:active,
.CalendarDay__hovered_span:hover {
  color: var(--color-datepicker-text);

  background: var(--color-datepicker-background-middle);
}

.CalendarDay__hovered_span:active,
.CalendarDay__hovered_span:hover {
  color: var(--color-datepicker-text);

  background-color: var(--color-datepicker-background-end);
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--color-datepicker-boder-hover) inset;
  transform-style: preserve-3d;
}

.CalendarDay__hovered_span:hover::before {
  width: 19px;
  height: 38px;

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

  display: inline-block;

  background-color: var(--color-datepicker-background-middle);
  content: '';
  transform: translateZ(-1px);
}

.DateInput_fangShape {
  fill: var(--background-secondary);
}

.DateInput_fangStroke {
  stroke: var(--border-secondary);
}
.time_filter-module__disabled--e-ZK5 {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.time_filter-module__timeFilter--VPLi8 {
  z-index: 8;

  display: flex;

  align-items: flex-end;
  gap: 2px;
}

.time_filter-module__hourContainer--3TW4- {
  padding: var(--space-12px) 0 0;

  display: grid;

  justify-content: center;
  grid-template-columns: 1fr 1fr;
  cursor: pointer;
  gap: 8px;
}

.time_filter-module__withMsgContainer--IjRll {
  padding: 0 24px;

  display: flex;

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

.time_filter-module__fullWidth--WG-nn {
  width: 100%;

  display: block;
}

.time_filter-module__buttonContainer--pbX1z {
  margin: var(--space-24px);

  display: flex;

  gap: var(--space-16px);
}

.time_filter-module__options--ewPgW {
  max-height: 540px;
}
.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;
}

.control-module__container--UK2ps {
}

.control-module__controls--ghZfH {
  display: flex;

  justify-content: space-between;
}

.control-module__filtersContainer--yYRuT {
  z-index: 6;

  display: grid;

  align-items: center;
  grid-auto-flow: column;
  grid-gap: var(--space-8px);
}

.control-module__otherControlsContainer--Thb7I {
  margin-right: var(--space-16px);
}

span.control-module__inText--S6mlX {
  color: var(--grey-300);
}
.access_control-module__modal--39zF3 {
  width: 100%;
  height: 100%;

  position: fixed;
  z-index: 7;

  display: flex;
  overflow: hidden;

  align-items: center;

  background-color: #0009;
  backdrop-filter: blur(5px);
}

.access_control-module__blurryComponent--L-91K {
  box-shadow: 0 2px 2px 0 #0001;
  filter: blur(0.2rem);

  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.access_control-module__warning--gJuOK {
  color: var(--grey-100);
  text-align: center;

  width: 100%;
  padding: 32px;

  display: flex;

  flex-direction: column;

  background: var(--grey-1000);
  gap: 20px;
}

.access_control-module__warning--gJuOK h3 {
  color: var(--grey-100);

}

.access_control-module__warning--gJuOK p {
  margin: 0;
}

.access_control-module__marginTop--GrMek {
  margin-top: 24px;
}

.access_control-module__marginBottom--YQd2A {
  margin-bottom: 24px;
}

.access_control-module__alertContainer--HQs3f {
  max-width: 900px;
}

.access_control-module__tooltip--4K-Zx {
  text-align: left;
  text-transform: initial;

  display: block;
}

.access_control-module__warningIcon--RATEK {
  margin: 0 4px;

  display: flex;
}

/* 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;
}

.container-module__bordered--FDx9- {
  border: 1px solid hsla(0, 0%, 86%, 1);
  border-radius: 4px;
}

.container-module__container--jCNvw {
  margin: 12px 20px;
}

.container-module__noBackground--OhevB {
}

.container-module__noMargin--1FWax {
  margin-bottom: 0;
  margin-top: 0;
}
.Label-module__label--RaRvM {
  /* a label should never take more than one line */
  white-space: nowrap;

  width: -moz-fit-content;

  width: fit-content;

  border: 0.5px solid;
  border-radius: 4px;
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__product--Yv2O7 {
  background-color: var(--background-hover);
}

/* light mode */
[data-theme='light'] .Label-module__label--RaRvM.Label-module__product--Yv2O7,
[data-force-theme='light'] .Label-module__label--RaRvM.Label-module__product--Yv2O7 {
  color: var(--brand-lead);

  border-color: var(--brand-lead);
}

/* dark mode */
[data-theme='dark'] .Label-module__label--RaRvM.Label-module__product--Yv2O7,
[data-force-theme='dark'] .Label-module__label--RaRvM.Label-module__product--Yv2O7 {
  color: var(--border-product-accent);

  border-color: var(--border-product-accent);
}

/* light mode */
[data-theme='light'] .Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__product--Yv2O7,
[data-force-theme='light'] .Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__product--Yv2O7 {
  background-color: var(--dark-border-product-accent);
}

.Label-module__label--RaRvM.Label-module__normal--VJL6V {
  color: var(--text-product-tertiary);

  border-color: var(--text-product-tertiary);
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__normal--VJL6V {
  background-color: var(--background-info);
}

/* light mode */
[data-theme='light'] .Label-module__label--RaRvM.Label-module__normal--VJL6V,
[data-force-theme='light'] .Label-module__label--RaRvM.Label-module__normal--VJL6V {
  color: var(--light-text-info);

  border-color: var(--light-text-info);
}

.Label-module__label--RaRvM.Label-module__warning--u2yh2 {
  color: var(--text-warning);

  border-color: var(--text-warning);
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__warning--u2yh2 {
  background-color: var(--background-warning);
}

.Label-module__label--RaRvM.Label-module__good--JGl1C {
  color: var(--text-success);

  border-color: var(--text-success);
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__good--JGl1C {
  background-color: var(--background-success);
}

.Label-module__label--RaRvM.Label-module__error--2DIRK {
  color: var(--text-negative);

  border-color: var(--text-negative);
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__error--2DIRK {
  background-color: var(--background-negative);
}

.Label-module__label--RaRvM.Label-module__inactive--N5k0W {
  color: var(--text-secondary);

  border-color: var(--text-secondary);
}

.Label-module__label--RaRvM.Label-module__fill--6qCgY.Label-module__inactive--N5k0W {
  background-color: var(--background-hover);
}

/* different sizes styles */

/* main */
.Label-module__label--RaRvM.Label-module__main--ruTuT {
  padding: 4px 10px;
}

/* medium */
.Label-module__label--RaRvM.Label-module__medium--PlDv5 {
  padding: 4px 10px;
}

/* small */
.Label-module__label--RaRvM.Label-module__small--F-XJq {
  padding: 1px 6px;
}
.MenuItemWithNewLabel-module__container--U-n3e {
  display: flex;

  align-items: center;

  gap: var(--space-8px);
}
.MenuItemWithCallout-module__body--yf4rv {
  display: flex;
  gap: var(--space-8px);

  flex-direction: column;
}

.MenuItemWithCallout-module__actions--B2YOd,
.MenuItemWithCallout-module__trigger--6ueCO {
  display: flex;
  gap: var(--space-8px);
}
.Switcher-module__input---aw21 {
  margin: 0;
  opacity: 0;

  width: 0;
}

.Switcher-module__switcherContainer--Dh6L4 {
  min-height: 34px;
  max-height: 48px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: var(--base-space);

  position: relative;

  display: inline-flex;

  align-items: stretch;
  flex-direction: row;

  background: var(--grey-900);
  border: 1px solid var(--grey-600);
  border-radius: 4px;
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__small--tn-Zk {
  height: 40px;
  min-height: 40px;
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__product--hOxql {
  background: none;
  border-color: var(--icon-default);
}

.Switcher-module__switcherChip--PulMp {
  font-size: var(--text-12px);
  color: var(--text-tertiary);
  text-align: center;

  height: calc(100% - var(--space-8px));
  padding: 0 var(--space-16px);

  z-index: 1;

  display: flex;

  align-self: center;
  align-items: center;

  transition: color 300ms var(--entering-animation-curve);
  cursor: pointer;
}

.Switcher-module__switcherChip--PulMp.Switcher-module__selected--9TP5P {
  color: var(--text-primary);
}

.Switcher-module__switcherChip--PulMp.Switcher-module__disabled--a6jw- {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__product--hOxql .Switcher-module__switcherChip--PulMp.Switcher-module__selected--9TP5P {
  /* We want to keep it light for dark mode as well */
  color: var(--light-text-inverted);
}

.Switcher-module__optionsContainer--uI0Rn {
  position: relative;
}

.Switcher-module__checker--HM6XY {
  height: calc(100% - var(--space-8px));
  padding: 0 var(--space-16px);

  position: absolute;

  background: var(--background-neutral);
  border-radius: 2px;

  transform: none;
}

.Switcher-module__checker--HM6XY.Switcher-module__animated--labvz {
  transition: left 300ms var(--entering-animation-curve);
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__product--hOxql .Switcher-module__checker--HM6XY {
  background: var(--background-product-active);
}

.Switcher-module__checkerContent--qustG {
  font-size: var(--text-12px);
  font-weight: 500;
  opacity: 0;
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- * {
  cursor: not-allowed;
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- {
  border-color: var(--border-disabled);
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- .Switcher-module__switcherChip--PulMp,
.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- .Switcher-module__switcherChip--PulMp.Switcher-module__selected--9TP5P {
  color: var(--text-disabled);
}

.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- .Switcher-module__checker--HM6XY,
.Switcher-module__switcherContainer--Dh6L4.Switcher-module__disabled--a6jw- .Switcher-module__checker--HM6XY.Switcher-module__selected--9TP5P {
  background-color: var(--background-disabled);
}
.ThemeSwitcher-module__appearanceSwitcher--OmQ-U {
  margin: 0 auto var(--space-18px);

  display: flex;
}

.ThemeSwitcher-module__appearanceSwitcher--OmQ-U > span,
.ThemeSwitcher-module__appearanceSwitcher--OmQ-U > label {
  text-transform: capitalize;

  padding: var(--base-space) var(--space-12px);
}
.MenuItem-module__menuItem--ctiup {
  color: var(--text-secondary);
}

.MenuItem-module__menuItem--ctiup > .MenuItem-module__menuItemContainer--x3cXr {
  text-transform: capitalize;

  width: var(--global-menu-width);
  height: var(--global-menu-item-height, 48px);
  padding: 0 calc(var(--space-16px) - 2px);

  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: var(--space-16px);
  cursor: pointer;
}

.MenuItem-module__menuItem--ctiup > .MenuItem-module__menuItemContainer--x3cXr.MenuItem-module__expandedMenu--xtf2v {
  padding: 0 var(--space-16px);
}

.MenuItem-module__subMenuContainer--7VgHB {
  margin-left: var(--base-space);

  overflow: scroll;

  background: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.MenuItem-module__subMenuContainer--7VgHB::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;

  width: 0;
  height: 0;
}

.MenuItem-module__menuItemSubMenuExpanded--ukgUH .MenuItem-module__menuItemContainer--x3cXr {
  color: var(--text-primary);
}

.MenuItem-module__subMenuContainer--7VgHB .MenuItem-module__menuItemContainer--x3cXr {
  width: var(--global-menu-width-expanded);
}

.MenuItem-module__menuItem--ctiup:hover,
.MenuItem-module__menuItemSubMenuExpanded--ukgUH,
.MenuItem-module__subMenuContainer--7VgHB .MenuItem-module__menuItemContainer--x3cXr:hover {
  color: var(--text-primary);

  background-color: var(--background-hover);
  cursor: pointer;
}

.MenuItem-module__menuItemContent--gqbiN {
  display: flex;
  overflow: hidden;

  align-items: center;
  gap: var(--space-16px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.MenuItem-module__menuItemContent--gqbiN > svg {
  min-width: 20px;
}

.MenuItem-module__menuItemLabel--ME9HX {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.MenuItem-module__active--S9R-M,
.MenuItem-module__subMenuContainer--7VgHB .MenuItem-module__active--S9R-M .MenuItem-module__menuItemContainer--x3cXr {
  box-shadow:
    -1px 0 0 transparent,
    1px 0 0 transparent,
    0 1px 0 transparent,
    2px 0 0 var(--primary-brand) inset;
}

.MenuItem-module__active--S9R-M {
  color: var(--text-primary);
}

.MenuItem-module__iconContainer--S-csK {
  text-transform: none;
}

.MenuItem-module__itemButton--KiG-2 {
  background: transparent;
  border: none;
}

.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ {
  background-color: transparent;
}

.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ .MenuItem-module__menuItemContainer--x3cXr.MenuItem-module__menuItemNoContent--8IZhz {
  height: 0;
}

.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ .MenuItem-module__menuItemContainer--x3cXr,
.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ .MenuItem-module__menuItemContainer--x3cXr:hover {
  color: var(--text-tertiary);

  background-color: transparent;
  cursor: initial;
  border-top: 1px solid var(--border-secondary);
}

.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ:first-child .MenuItem-module__menuItemContainer--x3cXr,
.MenuItem-module__menuItem--ctiup.MenuItem-module__itemDivider--ah6cQ .MenuItem-module__menuItemContainer--x3cXr.MenuItem-module__itemDividerWithoutBorder--4vO0y {
  border-top: 0;
}

.MenuItem-module__itemDivider--ah6cQ .MenuItem-module__menuItemContainer--x3cXr .MenuItem-module__menuItemContent--gqbiN {
  transform: translateY(var(--base-space));
}
.Logo-module__container--Tg6eS {
  height: var(--global-header-height);

  position: relative;

  display: flex;
  overflow: hidden;
}

.Logo-module__logo--fbr1- {
  height: 18px;

  position: absolute;
  top: 50%;
  left: calc(var(--space-16px) - 2px);

  display: block;
  transform: translateY(-50%);
}

.Logo-module__shortLogo--ADIAz {
  width: 40px;
}

.Logo-module__shortLogo--ADIAz .Logo-module__logo--fbr1- {
  left: var(--space-12px);
}
.Menu-module__menuContainer--1LRRV {
  min-height: 100%;

  position: fixed;
  transform: translateX(calc(var(--global-menu-width) * -1));

  z-index: var(--global-menu-z-index);
}

.Menu-module__menuContent--z1kkA {
  width: var(--global-menu-width);
  height: 100vh;

  position: absolute;
  bottom: 0;
  left: 0;

  display: flex;

  flex-direction: column;

  background-color: var(--background-secondary);
}

.Menu-module__menuNav--SpzC- {
  height: 100%;
  padding-bottom: var(--space-24px);

  display: flex;
  overflow-y: scroll;

  flex-direction: column;

  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.Menu-module__menuNav--SpzC-::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;

  width: 0;
  height: 0;
}

.Menu-module__menuNav--SpzC- > div:last-of-type {
  margin-top: auto;
}

.Menu-module__menuNav--SpzC-[data-hide-settings='true'] > div:last-of-type {
  margin-top: 0;
}

.Menu-module__menuMainContent--Ymrb8 {
  display: flex;

  flex: 1;
  flex-direction: column;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.Menu-module__menu--mgPY8::-webkit-scrollbar {
  display: none;
}

@media print {
  .Menu-module__menuContainer--1LRRV {
    display: none;
  }
}

.Menu-module__toggleButton--2SnEo {
  color: var(--icon-default);

  padding: var(--space-8px);

  position: absolute;
  top: 56px;
  left: var(--global-menu-width);
  z-index: 1;

  display: flex;

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

  background: transparent;
  border: 0;

  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

.Menu-module__toggleIcon--tr0nX {
  border-radius: 4px;
  background: var(--background-tertiary);

  transition: color 0.2s ease-in-out;
}

.Menu-module__toggleButton--2SnEo:hover .Menu-module__toggleIcon--tr0nX {
  color: var(--text-primary);
}

.Menu-module__toggleButton--2SnEo span[data-tooltip] {
  position: absolute;
  pointer-events: none;
}

.Menu-module__toggleButton--2SnEo span[data-tooltip]::after {
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Menu-module__toggleButton--2SnEo:hover span[data-tooltip]::after {
  font-size: var(--text-12px);
  color: var(--text-primary);
  white-space: nowrap;

  width: auto;
  min-width: 50px;
  max-width: 300px;
  padding: var(--base-space) var(--space-8px);

  position: absolute;
  top: -11px;
  left: 24px;
  z-index: 1000;

  background-color: var(--background-tertiary);
  border-radius: 4px;

  animation: Menu-module__toggleTooltipAnimation--z6ADt 0.3s ease-in-out;
  opacity: 1;
  box-shadow: var(--default-box-shadow);
  content: attr(data-tooltip);
}

@keyframes Menu-module__toggleTooltipAnimation--z6ADt {
  0% {
    opacity: 0;
    transform: translateX(var(--space-16px));
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.TourBanner-module__container--x6dXW {
  --nav-menu-item-width: 72px;
  width: 100%;
  padding: var(--space-16px) var(--space-40px);

  position: absolute;
  top: var(--global-header-height);
  left: 0;

  display: flex;

  flex-direction: row;
  justify-content: space-between;

  background-color: var(--secondary-800);
}

.TourBanner-module__exitButton--NnOl2 {
  color: var(--primary-200);

  display: inline-flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-8px);
}
.TrialIndicator-module__button--FxRbl {
  padding: 7px var(--space-16px);
}
.SignUpIndicator-module__button--mkJJ5 {
  padding: var(--space-6px) var(--space-16px);
}
.OnboardingGamificationCardItem-module__container--453Y8 {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  align-items: center;
  border-bottom: 1px solid var(--grey-600);
}

.OnboardingGamificationCardItem-module__container--453Y8:last-child {
  border-bottom: none;
}

.OnboardingGamificationCardItem-module__counter--mDcYR {
  color: var(--grey-1000);

  width: 24px;
  height: 24px;
  margin-right: var(--space-12px);

  display: flex;

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

  background-color: var(--primary-400);
  border-radius: 50%;
}

.OnboardingGamificationCardItem-module__counter--mDcYR.OnboardingGamificationCardItem-module__inactive--nFohI {
  background-color: var(--grey-300);
}

.OnboardingGamificationCardItem-module__counter--mDcYR.OnboardingGamificationCardItem-module__complete--6DPnE {
  background-color: var(--green-600);
}

.OnboardingGamificationCardItem-module__title--I4cCf {
  color: var(--grey-100);
  line-height: var(--space-24px);
}

.OnboardingGamificationCardItem-module__subtitle--O-09I {
  color: var(--grey-500);
  font-size: var(--text-12px);

  margin: 0;
}
/*
 * Popover
 */

.Popover-module__popoverContainer--dMFeJ {
  position: relative;
}

.Popover-module__popoverContainer--dMFeJ .Popover-module__popoverContent--yr-if {
  max-height: var(--space-408px);

  position: absolute;
  top: calc(100% + var(--space-8px));
  z-index: var(--popover-content-z-index);

  display: inline-block;
  overflow: auto;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-700);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.Popover-module__popoverContent--yr-if.Popover-module__noScroll--MP9H5 {
  max-height: initial;

  overflow: initial;
}

.Popover-module__popoverContent--yr-if.Popover-module__left--h7fCr {
  left: 0;
  right: auto;
}

.Popover-module__popoverContent--yr-if.Popover-module__right----bJW {
  left: auto;
  right: 0;
}

.Popover-module__popoverContent--yr-if.Popover-module__fullWidth--4-Ucx {
  width: 100%;
}
.OnboardingGamificationCard-module__popover--UMC1m {
  padding-bottom: var(--space-6px);
  width: 440px;
}

.OnboardingGamificationCard-module__trigger--Gx5xk {
  color: var(--icon-default);
  cursor: pointer;

  display: flex;
}

.OnboardingGamificationCard-module__trigger--Gx5xk:hover,
.OnboardingGamificationCard-module__trigger--Gx5xk.OnboardingGamificationCard-module__open--tFl-F {
  color: var(--text-primary);
}

.OnboardingGamificationCard-module__title--Xx88j {
  color: var(--grey-100);
  font-size: var(--text-20px);

  padding: var(--space-18px) var(--space-16px) var(--base-space);
}

.OnboardingGamificationCard-module__redDot--BdCAU {
  width: var(--space-8px);
  height: var(--space-8px);

  position: absolute;
  top: -3px;
  right: -3px;

  background-color: var(--chart-negative);
  border-radius: 50%;
}
.InlineMenu-module__container--L4aLw {
  position: relative;

  display: inline-block;
}

.InlineMenu-module__trigger--072Ro {
  cursor: pointer;
}

.InlineMenu-module__content--u9bJI {
  width: -moz-max-content;
  width: max-content;
  max-width: 256px;
  max-height: 400px;

  overflow-y: auto;

  background-color: var(--background-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.InlineMenu-module__menuItem--JUFVM {
  color: var(--text-primary);
  white-space: nowrap;

  padding: var(--space-12px) var(--space-16px);

  display: flex;

  /* 
   * NOTE:
   * `overflow: clip;` prevents tooltip `:before` from creating a scrollbar when the tooltip is open.
   * Be careful before removing, let's find an example (InlineMenu.tsx -> options implementing tooltips are good candidate)
   */
  overflow: clip;

  flex-wrap: wrap;
  -moz-column-gap: var(--space-18px);
       column-gap: var(--space-18px);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.InlineMenu-module__menuItem--JUFVM:hover {
  background-color: var(--background-hover);
}

.InlineMenu-module__disabled--j1JQQ {
  color: var(--text-disabled);
  cursor: default;
}

.InlineMenu-module__loading--m1ZIk {
  justify-content: center;
}
.FAQMenu-module__popover--Ndinq {
  --popover-content-z-index: var(--header-z-index);

  width: 250px;
}

.FAQMenu-module__helpLink--n-8FB {
  color: var(--text-primary);

  display: flex;

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

.FAQMenu-module__underlined--DEnNW {
  border-bottom: 1px solid var(--border-primary);
}

.FAQMenu-module__trigger--2NSSG {
  color: var(--icon-default);
  cursor: pointer;

  display: flex;
}

.FAQMenu-module__trigger--2NSSG:hover,
.FAQMenu-module__trigger--2NSSG.FAQMenu-module__open--Giz4g {
  color: var(--text-primary);
}
/* stylelint-disable no-descending-specificity */
.SettingsAccordionOption-module__accordionOptions--QwIch .SettingsAccordionOption-module__themeButtonContainer--a9XcP {
  padding: var(--space-16px);
  padding-left: var(--space-48px);
}

.SettingsAccordionOption-module__accordionOptions--QwIch .SettingsAccordionOption-module__themeButtonContainer--a9XcP:hover {
  background-color: var(--grey-700);
}

.SettingsAccordionOption-module__accordionOptions--QwIch .SettingsAccordionOption-module__themeButtonContainer--a9XcP .SettingsAccordionOption-module__checkmarkIcon--Dpy7n {
  color: var(--grey-500);

  align-self: center;
}

.SettingsAccordionOption-module__accordionOptions--QwIch .SettingsAccordionOption-module__themeButtonContainer--a9XcP .SettingsAccordionOption-module__checkmarkIcon--Dpy7n::before {
  color: transparent;
}

.SettingsAccordionOption-module__accordionOptions--QwIch .SettingsAccordionOption-module__themeButtonContainer--a9XcP .SettingsAccordionOption-module__checkmarkIcon--Dpy7n.SettingsAccordionOption-module__selectedTheme--ERilO::before {
  color: var(--grey-500);
}

.SettingsAccordionOption-module__themeButtonContainer--a9XcP {
  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-16px);
}

.SettingsAccordionOption-module__themeButtonContainer--a9XcP p {
  font-size: var(--text-16px);
  line-height: initial;

  margin: 0;
}

.SettingsAccordionOption-module__label--HL6zj {
  color: var(--grey-100);
}
.SettingsAccordion-module__subtitle--75GTB {
  color: var(--text-tertiary);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);

  margin: -16px 0 var(--space-12px) 60px;
}

.SettingsAccordion-module__themeButtonContainer--JQ9Tt {
  cursor: pointer;

  display: flex;
  gap: 18px;
}

.SettingsAccordion-module__themeButtonContainer--JQ9Tt p {
  color: var(--text-primary);
  font-size: var(--text-16px);
  line-height: initial;

  margin: 0;
}

.SettingsAccordion-module__accordionButton--dG-rh {
  display: flex;

  flex: 1;
  justify-content: space-between;
}

.SettingsAccordion-module__accordionIcon--atQHV::before {
  transform: rotate(90deg);

  transition: transform 240ms ease-out;
}

.SettingsAccordion-module__accordionIcon--atQHV.SettingsAccordion-module__open--BLKSQ::before {
  transform: rotate(0deg);
}

.SettingsAccordion-module__menuItem--2XTik {
  color: var(--text-primary);
  cursor: pointer;

  padding: 18px 22px;
}

.SettingsAccordion-module__menuItem--2XTik i.SettingsAccordion-module__menuIcon--Xak0i {
  color: var(--icon-default);

  margin-top: -4px;
}

.SettingsAccordion-module__accordionContainer--c5FWk {
  height: 260px;

  overflow: scroll;
}
/*
 * Settings Menu
 */

.AccountMenu-module__container--YCzYw .AccountMenu-module__content--w2nFr {
  max-height: initial;
}

.AccountMenu-module__accountMenu--U4zJe {
  font-size: 16px;
  line-height: 20px;
  color: var(--text-primary);

  min-width: 250px;
  max-width: 254px;

  background-color: var(--background-secondary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.AccountMenu-module__accountMenuItem--F75dN {
  color: var(--text-primary);

  padding: 18px 22px;

  display: flex;

  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 18px;
       column-gap: 18px;
  cursor: pointer;
}

.AccountMenu-module__accountMenuItem--F75dN p {
  color: var(--text-primary);
}

.AccountMenu-module__accountMenuItem--F75dN:hover {
  background-color: var(--background-hover);
}

.AccountMenu-module__triggerIcon--QadoN {
  color: var(--dark-icon-default);
  cursor: pointer;
}

.AccountMenu-module__triggerIcon--QadoN:hover,
.AccountMenu-module__triggerIcon--QadoN.AccountMenu-module__open--CXkin {
  color: var(--dark-icon-focused);
}

.AccountMenu-module__accountMenuItem--F75dN .AccountMenu-module__accountMenuIcon--otE-Y {
  color: var(--icon-default);

  align-self: center;
}

.AccountMenu-module__accountMenuItem--F75dN a {
  color: var(--grey-100);
  cursor: pointer;

  display: block;
}

.AccountMenu-module__accountMenu--U4zJe ul {
  list-style: none;

  padding: 0;
}

.AccountMenu-module__accountMenu--U4zJe hr {
  margin: 0;

  border: 0;
  border-top: 1px solid var(--border-secondary);
}

.AccountMenu-module__accountMenu--U4zJe .AccountMenu-module__buttonContainer--wX4ZC {
  padding: 10px 30px;
}

.AccountMenu-module__userInfoContainer--7Y4OP {
  cursor: auto;
  text-overflow: ellipsis;

  white-space: nowrap;
}

.AccountMenu-module__userInfoContainer--7Y4OP:hover {
  background-color: var(--background-secondary);
}

.AccountMenu-module__userInfo--PYd-U {
  margin-bottom: var(--space-12px);
  width: 100%;
}

.AccountMenu-module__userInfo--PYd-U .AccountMenu-module__email--L7AI2 {
  color: var(--text-tertiary);
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  word-break: break-all;
}

.AccountMenu-module__disabledMenuItem--s1rXA {
  cursor: not-allowed;
  opacity: 0.6;

  width: 100%;
}

.AccountMenu-module__tooltipContainer--0Ed5m {
  display: flex;
}

.AccountMenu-module__disabledMenuItemTooltipTrigger--IkO9Y {
  width: 100%;
}
.HeaderMenu-module__menuOptions--FbdAy {
  display: flex;

  align-items: center;
  -moz-column-gap: var(--space-40px);
       column-gap: var(--space-40px);
}

.HeaderMenu-module__iconsContainer--cxyiL {
  display: flex;
  gap: var(--space-24px);
}

.HeaderMenu-module__inviteUsersLink--MuCae .HeaderMenu-module__menuIcon--TuE98 {
  color: var(--icon-default);
  cursor: pointer;
}

.HeaderMenu-module__inviteUsersLink--MuCae .HeaderMenu-module__menuIcon--TuE98:hover,
.HeaderMenu-module__inviteUsersLink--MuCae.HeaderMenu-module__active--tfY-h .HeaderMenu-module__menuIcon--TuE98 {
  color: var(--text-primary);
}
.GoBackButton-module__container--uWlOO {
  color: var(--text-product-secondary);

  display: inline-flex;

  align-self: flex-start;
  gap: var(--space-8px);
}

.GoBackButton-module__primary--8u14- {
  color: var(--text-product-secondary);
}

.GoBackButton-module__secondary--2HeSP {
  color: var(--text-primary);
}

.GoBackButton-module__label--Fvojp {
  line-height: var(--space-20px);
}

.GoBackButton-module__backButton--OBuzK {
  cursor: pointer;
}
/* stylelint-disable keyframes-name-pattern */
.SkeletonLoader-module__skeleton--mwoW2 {
  background: linear-gradient(
    90deg,
    var(--background-tertiary) 25%,
    var(--background-hover) 50%,
    var(--background-tertiary) 75%
  );
  background-size: 200% 100%;
  border-radius: 4px;

  animation: SkeletonLoader-module__skeleton-shimmer--qa6m5 1.5s ease-in-out infinite;
}

.SkeletonLoader-module__skeleton--mwoW2.SkeletonLoader-module__noAnimation--eFoRH {
  background: var(--background-tertiary);

  animation: none;
}

/* Circular variant for avatars */
.SkeletonLoader-module__circular--G0NB9 {
  border-radius: 50%;
}

/* Header cells have slightly different styling */
.SkeletonLoader-module__headerCell--3BaRZ {
  opacity: 0.7;
}

@keyframes SkeletonLoader-module__skeleton-shimmer--qa6m5 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .SkeletonLoader-module__skeleton--mwoW2 {
    background: var(--background-tertiary);

    animation: none;
  }
}

.SkeletonLoader-module__paragraph--4DImY {
  display: flex;

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

.SkeletonLoader-module__statistic--PlnWU {
  padding: var(--space-16px);

  display: flex;

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

/* =============================================================================
   Preset: Card
   ============================================================================= */

.SkeletonLoader-module__card---RV6F {
  overflow: hidden;

  border-radius: 4px;
}

/* =============================================================================
   Preset: Graph
   ============================================================================= */

.SkeletonLoader-module__graph--ONZfl {
  overflow: hidden;

  border-radius: 4px;
}

.SkeletonLoader-module__table--OWpnY {
  width: 100%;

  display: flex;

  flex-direction: column;

  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

.SkeletonLoader-module__tableHeader--3dq7w {
  padding: var(--space-16px) var(--space-16px);

  display: flex;

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

  border-bottom: 1px solid var(--border-tertiary);
}

.SkeletonLoader-module__tableBody--2JL7n {
  display: flex;

  flex-direction: column;
}

.SkeletonLoader-module__tableRow--HIiVa {
  padding: var(--space-20px) var(--space-16px);

  display: flex;

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

  border-bottom: 1px solid var(--border-tertiary);
}

.SkeletonLoader-module__tableRow--HIiVa:last-child {
  border-bottom: none;
}

.SkeletonLoader-module__sessionList--736yO {
  display: flex;

  flex-direction: column;
}

.SkeletonLoader-module__sessionRow--BRvXB {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

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

  border-bottom: 1px solid var(--border-tertiary);
}

.SkeletonLoader-module__sessionRow--BRvXB:last-child {
  border-bottom: none;
}

.SkeletonLoader-module__sessionAvatar--7H07m {
  flex-shrink: 0;
}

.SkeletonLoader-module__sessionContent--3CdMu {
  min-width: 0;

  display: flex;

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

.SkeletonLoader-module__sessionMeta--TRFC1 {
  flex-shrink: 0;
}
/* stylelint-disable keyframes-name-pattern */

.WidgetLoadingPlaceholder-module__container--xMp6O {
  width: 100%;
  height: 100%;
  min-height: 60px;

  display: flex;

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

  background: linear-gradient(
    90deg,
    var(--background-secondary) 25%,
    color-mix(
        in srgb,
        var(--background-secondary) 50%,
        var(--background-tertiary) 50%
      )
      50%,
    var(--background-secondary) 75%
  );
  background-size: 200% 100%;
  border-radius: 4px;

  animation: WidgetLoadingPlaceholder-module__placeholder-shimmer--cM38h 1.5s ease-in-out infinite;
}

.WidgetLoadingPlaceholder-module__placeholderIcon--m8kOp {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;

  flex-shrink: 1;

  opacity: 1;
}

@keyframes WidgetLoadingPlaceholder-module__placeholder-shimmer--cM38h {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .WidgetLoadingPlaceholder-module__container--xMp6O {
    background: var(--background-tertiary);

    animation: none;
  }
}
.PlatformIcon-module__appIcon--JKR01 {
  font-size: 16px;

  height: 16px;
  width: 16px;
}

.PlatformIcon-module__appIconLarge--ILUt0 {
  font-size: 24px;

  height: 24px;
  width: 24px;
}

.PlatformIcon-module__android--BSf8d {
  color: var(--color-android-green);
}

.PlatformIcon-module__ios--nwYny {
  color: var(--color-ios-teal);
}

.PlatformIcon-module__web--RC9gT {
  color: var(--color-web-blue);
}

.PlatformIcon-module__outline--Trgpe {
  color: var(--grey-300);
}
.AppItem-module__appItem--S6kRJ {
  padding: var(--space-8px) var(--space-16px);

  display: flex;

  align-items: center;
}

.AppItem-module__platformIcon--2icw2 {
  display: flex;

  align-items: center;
}

.AppItem-module__appItem--S6kRJ > .AppItem-module__platformIcon--2icw2 {
  margin-right: var(--space-16px);
}

.AppItem-module__appItemText--f-ZcD {
  display: grid;

  justify-content: center;

  gap: 2px;
}

.AppItem-module__envAndOS--5p1S6 {
  font-size: var(--text-12px);
  line-height: 16px;
  color: var(--text-tertiary);
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

.AppItem-module__name--mMWll {
  font-size: var(--text-16px);
  line-height: 20px;
  color: var(--text-primary);

  display: flex;

  align-items: center;
  gap: var(--space-8px);
  word-break: normal;
  overflow-wrap: anywhere;
}

.AppItem-module__separator--ZTjmP {
  margin: var(--base-space);
}

.AppItem-module__trigger--MyGgf {
  flex: 1;
}
.AppList-module__menuContent--z-tTB {
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: 28px;
  color: var(--text-tertiary);

  width: 100%;
  min-width: 305px;

  position: absolute;
  top: 0;
  z-index: var(--modal-z-index);

  display: flex;
  overflow: hidden;

  flex-direction: column;
  align-items: flex-start;

  background-color: var(--background-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.AppList-module__currentApp--V80Bp {
  padding-bottom: var(--space-8px);
  padding-top: var(--space-12px);
}

.AppList-module__appSelection--k8wBE {
  min-width: 100%;

  display: flex;

  flex-direction: column;
}

.AppList-module__appSelection--k8wBE :hover {
  background-color: var(--background-hover);
  cursor: pointer;
}

.AppList-module__recentApps--ADz0P {
  cursor: default;

  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--space-24px);

  padding-bottom: var(--space-8px);
  padding-left: var(--space-16px);
  padding-top: var(--space-8px);
  pointer-events: none;
}

.AppList-module__noRecentApps--i87Ha {
  cursor: default;

  margin: 0;
  padding-left: var(--space-16px);
  pointer-events: none;
}

.AppList-module__button--rpEj2 {
  height: var(--space-36px);
  margin-bottom: var(--space-8px);
  margin-left: var(--space-16px);
  margin-top: var(--space-16px);
  width: var(--space-128px);
}

.AppList-module__button--rpEj2:hover {
  background-color: var(--primary-700);
  border-radius: 4px;
}

.AppList-module__seeAll--BlN0- {
  width: 100%;
  padding: var(--space-12px) var(--space-20px);
}

.AppList-module__pipe--bWZd4 {
  color: var(--grey-400);

  margin-left: var(--space-8px);
}
.AppSelector-module__container--9Zupv {
  max-width: 512px;
}

.AppSelector-module__content--pPOY3 {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 255px;
  margin: 0;

  position: relative;
}

.AppSelector-module__appNameContainer--e8YV2 {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--dark-text-tertiary);

  height: 30px;
  padding: 0 var(--space-16px);

  display: flex;

  align-items: center;

  background-color: var(--dark-background-primary);
  border: 1px solid var(--dark-border-primary);
  border-radius: 30px;
  cursor: pointer;
  gap: var(--base-space);
}

.AppSelector-module__appNameContainer--e8YV2.AppSelector-module__right--847w4 {
  right: 0;
}

.AppSelector-module__appNameContainer--e8YV2:hover {
  background-color: var(--dark-background-tertiary);
}

.AppSelector-module__platformIcon--Wd2mY {
  margin-right: var(--base-space);

  display: flex;

  align-items: center;
}

.AppSelector-module__projectName--lC0Jy {
  color: var(--dark-text-primary);

  display: flex;

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

.AppSelector-module__ellipsis--QHcoI {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.AppSelector-module__small--cXmMM {
  min-width: 80px;
}

.AppSelector-module__nameSmall--Lzkbw {
  white-space: nowrap;
}
/*
 * Search
 */

.Search-module__search--tBWCG {
  position: relative;

  display: flex;

  align-items: center;
}

.Search-module__searchIconContainer--hlwXh {
  position: absolute;
  top: calc(50%);
  transform: translateY(-50%);

  left: var(--space-12px);
}

.Search-module__searchIcon--NZLl3 {
  font-size: var(--space-24px);
  color: var(--grey-300);

  width: var(--space-24px);
  height: var(--space-24px);
}

.Search-module__user--L---h {
  width: 272px;

  position: relative;
}

.Search-module__user--L---h input {
  font-size: var(--text-14px);
  color: var(--grey-300);

  min-height: var(--space-40px);
  padding: 0 15px 0 45px;
  width: 100%;

  background-color: var(--grey-1000);
  border-radius: 4px;
  border: 1px solid var(--grey-700);
}

.Search-module__user--L---h input:focus {
  border-color: var(--primary-300);
}

.Search-module__clear--vNZ0C {
  position: absolute;
  top: 6px;
  right: 5px;
}

.Search-module__disabled--tMmjT input::-moz-placeholder {
  color: var(--grey-600);
}

.Search-module__disabled--tMmjT input::placeholder,
.Search-module__disabled--tMmjT .Search-module__searchIcon--NZLl3 {
  color: var(--grey-600);
}

.Search-module__disabled--tMmjT :disabled {
  border: 1px solid var(--grey-600);
}

.Search-module__disabled--tMmjT :disabled,
.Search-module__disabled--tMmjT .Search-module__searchIconContainer--hlwXh {
  cursor: not-allowed;
}

.Search-module__container--okSeA {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: auto;
  gap: var(--space-10px);
}
.HeaderContent-module__goBackButtonContainer--NJxg9 {
  display: flex;

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

.HeaderContent-module__goBackButton--oCWmh {
  color: var(--dark-text-product-secondary) !important;
}

.HeaderContent-module__searchContainer--nxlDv {
  display: grid;

  align-items: center;
  gap: var(--space-16px);
  grid-auto-flow: column;
}
/* Duplicated from src/widgets/Header/Header.css, keeping both until the old Header is deprecated */
.PageHeader-module__headerContainer--M7bWz {
  width: 100%;
}

.PageHeader-module__tourActive--kGknE {
  position: relative;
}

.PageHeader-module__tourActive--kGknE .PageHeader-module__header--1vqtU::before {
  width: 100%;
  height: var(--global-header-height);

  position: absolute;
  z-index: calc(var(--tour-steps-z-index) - 1);
  content: '';
  inset: 0;
}

.PageHeader-module__header--1vqtU {
  font-size: var(--text-14px);

  width: calc(100% - var(--global-menu-width));
  min-width: var(--min-app-width);
  min-height: var(--global-header-height);
  padding: var(--space-8px) var(--space-40px) var(--space-8px) var(--space-28px);

  /* Raise for shadow layering. */
  position: fixed;
  top: 0;
  z-index: var(--header-z-index);

  display: flex;

  align-items: center;

  background-color: var(--dark-background-secondary);

  gap: var(--space-32px);
}

.PageHeader-module__tourActive--kGknE .PageHeader-module__header--1vqtU {
  z-index: var(--tour-steps-z-index);
}

.PageHeader-module__header--1vqtU > :first-child {
  flex: 1;
}

.PageHeader-module__welcomeTourPointer--0MGWn {
  width: 1px;
  height: 1px;

  position: absolute;
  top: 50px;
  left: 58px;

  display: inline-block;
}

@media print {
  .PageHeader-module__headerContainer--M7bWz {
    display: none;
  }
}
.Slide-module__slide--VPRgd {
  opacity: 0;

  transition: opacity 0.6s linear 0.1s;
}

.Slide-module__slide--VPRgd.Slide-module__active--bLtvq {
  opacity: 1;
}

.Slide-module__slide--VPRgd.Slide-module__scroll--MG4SN {
  overflow: auto;
}
/*
 * Carrousel container
 */
.Carousel-module__container--h12KP {
  width: 100%;
  height: 100%;

  position: relative;

  display: flex;
}

.Carousel-module__container--h12KP.Carousel-module__vertical--cnzMA {
  flex-direction: row;
  gap: var(--space-48px);
}

.Carousel-module__container--h12KP.Carousel-module__horizontal--q8wOv {
  flex-direction: column;
  gap: var(--space-18px);
}

.Carousel-module__content--gDh3f {
  color: var(--grey-200);

  position: relative;

  display: grid;

  grid-template-columns: 1fr;
}

.Carousel-module__content--gDh3f .Carousel-module__slide--fhfjg {
  grid-column-start: 1;
  grid-row-start: 1;
}

/*
 * Controls/handlers
 */
.Carousel-module__controls--hrRvl {
  display: flex;
  gap: var(--space-10px);
}

.Carousel-module__vertical--cnzMA .Carousel-module__controls--hrRvl {
  flex-direction: column;
}

.Carousel-module__horizontal--q8wOv .Carousel-module__controls--hrRvl {
  flex-direction: row;
}

.Carousel-module__handler--6pqXY {
  background-color: var(--grey-700);
  cursor: pointer;
}

.Carousel-module__handler--6pqXY.Carousel-module__scroll--vLtWJ {
  flex: 1;
}

.Carousel-module__handler--6pqXY.Carousel-module__active--Yv15J {
  background-color: var(--grey-200);
}

.Carousel-module__primary--58-8v {
  --handler-size: 86px;
}

/* handler */
.Carousel-module__primary--58-8v.Carousel-module__vertical--cnzMA .Carousel-module__handler--6pqXY {
  height: var(--handler-size);
  width: var(--space-8px);
}

/* handler */
.Carousel-module__primary--58-8v.Carousel-module__horizontal--q8wOv .Carousel-module__handler--6pqXY {
  height: var(--space-8px);
  width: var(--handler-size);
}
.CrashVideo-module__videoContainer--yNqVa {
  max-width: 100%;
}
.CrashResources-module__title--Dxhk6 {
  margin: var(--space-32px) 0 var(--space-24px);
}

.CrashResources-module__list---N0f- {
  -moz-column-gap: var(--space-24px);
       column-gap: var(--space-24px);

  display: grid;

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

.CrashResources-module__card--UzK6n {
  padding: var(--space-40px);

  display: flex;

  flex-direction: column;
  align-items: flex-start;

  background: var(--marketing-background-color);
  gap: var(--space-24px);
}

.CrashResources-module__img--EkAVf {
  width: 332px;
  max-width: 100%;

  align-self: center;
}
.TourTooltip-module__tooltip--SNNwd {
  border-radius: 4px;
}

.TourTooltip-module__tooltip--SNNwd.TourTooltip-module__step--cn55K {
  width: 314px;
  padding: var(--space-24px);
  padding-bottom: var(--space-28px);

  background-color: var(--primary-500);
}

.TourTooltip-module__tooltip--SNNwd.TourTooltip-module__integration--lhvH1 {
  width: 600px;
  padding: var(--space-32px);
  padding-bottom: var(--space-36px);

  background-color: var(--grey-800);
}

.TourTooltip-module__container--5FhlO {
  display: grid;
}

.TourTooltip-module__content--EAnTg {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.TourTooltip-module__cta--zbQWU {
  display: inline-flex;
  gap: var(--space-8px);
}

.TourTooltip-module__step--cn55K .TourTooltip-module__container--5FhlO {
  gap: var(--space-16px);

  margin-bottom: var(--space-20px);
}

.TourTooltip-module__integration--lhvH1 .TourTooltip-module__container--5FhlO {
  gap: var(--space-24px);

  margin-bottom: var(--space-36px);
}

.TourTooltip-module__step--cn55K .TourTooltip-module__title--kp3k7 {
  color: var(--grey-1000);
  font-size: var(--text-20px);
  font-weight: var(--weight-300);
  line-height: var(--text-24px);
}

.TourTooltip-module__step--cn55K .TourTooltip-module__content--EAnTg {
  color: var(--grey-1000);
}

.TourTooltip-module__integration--lhvH1 .TourTooltip-module__title--kp3k7 {
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
  color: var(--grey-100);

  /* With Icon (smile) */
  display: grid;

  grid-template-columns: 36px auto;
  align-items: center;
  gap: var(--space-16px);
}

.TourTooltip-module__integration--lhvH1 .TourTooltip-module__icon--skitL {
  width: 100%;
}

.TourTooltip-module__integration--lhvH1 .TourTooltip-module__content--EAnTg {
  color: var(--grey-300);
}
.Tour-module__overlay--3HA4q {
  width: 100%;
  height: 100%;

  position: absolute;
  z-index: 1;

  display: inline-block;
  inset: 0;
}
.ZeroState-module__wrapper---pYGD {
  max-width: 1357px;
}

.ZeroState-module__card--38v3L {
  width: 100%;
  padding: var(--space-60px) var(--space-56px);

  position: relative;

  background: var(--marketing-background-color);
}

.ZeroState-module__card--38v3L.ZeroState-module__carousel--EzcSV {
  padding: var(--space-104px) var(--space-60px);
}

.ZeroState-module__container--fIBaY {
  --image-max-width: 640px;
  --image-min-width: 300px;
  --copy-min-width: 300px;
  position: relative;

  display: grid;
  gap: var(--space-20px);
  grid-auto-flow: row;
}

.ZeroState-module__slide--b6CJ8 {
  display: grid;
  gap: var(--space-32px);

  grid-template-columns:
    minmax(var(--copy-min-width), 2fr)
    minmax(auto, clamp(var(--image-min-width), 100%, var(--image-max-width)));
}

.ZeroState-module__title--LHCag {
  font-size: var(--text-36px);
  font-weight: var(--weight-100);
  line-height: var(--text-36px);

  margin-bottom: var(--space-48px);
}

.ZeroState-module__subtitle--RuK9n {
  font-size: var(--text-20px);
  font-weight: var(--weight-200);

  margin-bottom: var(--space-18px);
}

.ZeroState-module__paragraph--L41QV {
  margin: 0;
  padding: 0;

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

.ZeroState-module__line--0szcB {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
  color: var(--grey-200);
  white-space: pre-line;

  margin: 0;
  padding-left: 20px;

  position: relative;
  list-style-type: none;
}

.ZeroState-module__line--0szcB::before {
  width: 3px;
  height: 3px;

  position: absolute;
  top: 10px;
  left: 5px;

  display: inline-block;

  background-color: var(--grey-100);
  border-radius: 50%;
  content: '';
}

.ZeroState-module__cta--kWzGk {
  margin-top: var(--space-60px);

  display: inline-flex;
  gap: var(--space-8px);
}

.ZeroState-module__carousel--EzcSV .ZeroState-module__cta--kWzGk {
  margin: 0;
  padding: 0 var(--space-48px);
}

.ZeroState-module__image--3Sg3Y {
  margin: 0;
}

.ZeroState-module__image--3Sg3Y img {
  width: 100%;
}

@media (width <= 700px) {
  .ZeroState-module__card--38v3L {
    padding: var(--space-32px);
    width: 100%;
  }

  .ZeroState-module__slide--b6CJ8 {
    grid-template-columns: 1fr;
  }

  .ZeroState-module__cta--kWzGk {
    margin-top: var(--space-20px);
  }
}
.ShareLinkModal-module__modalContainer--yyd-H {
  color: var(--grey-200);

  width: 600px;
}

.ShareLinkModal-module__title--SzfRC {
  font-size: var(--text-24px);
  line-height: var(--space-28px);

  margin-bottom: var(--space-16px);
}

.ShareLinkModal-module__linkContainer--VL6E8 {
  margin: var(--space-24px) 0 var(--space-28px);
  padding: var(--base-space) var(--base-space) var(--base-space)
    var(--space-16px);

  display: flex;

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

  border: 1px solid var(--grey-600);
  border-radius: 4px;
}

.ShareLinkModal-module__switch--lyEf- {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  color: var(--primary-200);

  display: flex;

  align-items: center;
  cursor: pointer;
}

.ShareLinkModal-module__copyButton--EmwxK {
  min-width: 141px;
}
.ShareLink-module__container--T8Fpb {
  color: var(--grey-200);
}

.ShareLink-module__iconContainer--g0JGi {
  padding: var(--space-8px) var(--space-12px);

  border-radius: 4px;
  cursor: pointer;
}

.ShareLink-module__iconContainer--g0JGi:hover {
  background-color: var(--grey-700);
}
.Controls-module__controlContainer---7g1D {
  display: grid;

  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}

.Controls-module__disabledControlBar--kvpjw {
  opacity: 0.4;
  pointer-events: none;
}

.Controls-module__exportButton--eHFR- {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}

.Controls-module__exportButton--eHFR-:hover {
  color: var(--primary-300);
}

.Controls-module__toolbarControlContainer--8amnx {
  justify-content: flex-end;
}

.Controls-module__shareLinkContainer--faOcK {
  display: flex;

  align-items: center;
}

.Controls-module__shareLinkContainerSeparator--jp4HD {
  border-left: 1px solid var(--grey-300);

  margin-left: var(--space-8px);
  padding-left: var(--space-8px);
}
.MarketingCallout-module__tooltip--dFUqS {
  padding: var(--card-padding);
}

.MarketingCallout-module__tooltip--dFUqS,
.MarketingCallout-module__tooltip--dFUqS::before {
  background: var(--primary-500) !important;
  border: solid 1px var(--primary-500);
}

.MarketingCallout-module__container--2P4ff {
  max-width: 250px;

  display: flex;

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

.MarketingCallout-module__footer---iC1O {
  display: flex;

  flex-direction: column;

  border: none;
  gap: var(--space-16px);
}

.MarketingCallout-module__content---IFEE {
  color: var(--text-primary);

  margin: 0;
}

.MarketingCallout-module__title--2EJr0 {
  display: grid;

  align-items: center;
  gap: var(--space-16px);
  grid-auto-flow: column;
  grid-auto-columns: auto 16px;
}

.MarketingCallout-module__close--OWVnS {
  cursor: pointer;
}

.MarketingCallout-module__actions--hBT2k {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
/*
 * Container
*/
.Container-module__container--JMoiT {
  margin: var(--default-container-margin);
  min-width: calc(var(--min-app-width) - var(--default-container-margin));
}
.ScrollToTop-module__container--KUXNv {
  position: fixed;
  bottom: var(--space-32px);
  right: var(--space-32px);
  z-index: 100000;

  background: var(--background-product);
  cursor: pointer;

  border-radius: 8px;
  box-shadow: 0 12px 32px 0 #0009;
  opacity: 0;
  pointer-events: none;

  transition: opacity 150ms ease;
}

.ScrollToTop-module__container--KUXNv.ScrollToTop-module__visible--imZ1M {
  opacity: 1;
  pointer-events: auto;
}

.ScrollToTop-module__container--KUXNv:hover {
  background: var(--background-product-hover);
}

.ScrollToTop-module__button--lWQ7W {
  width: var(--space-40px);
  height: var(--space-40px);

  display: grid;

  place-content: center;
}

.ScrollToTop-module__icon--etoKG {
  color: var(--icon-focused);
}
.EmptyState-module__container--8RK1X {
  text-align: center;

  padding: var(--space-64px) 0;
}

.EmptyState-module__icon--1Ovvj {
  margin-bottom: var(--space-16px);
}

/* light mode */
[data-theme='light'] .EmptyState-module__icon--1Ovvj,
[data-force-theme='light'] .EmptyState-module__icon--1Ovvj {
  color: var(--brand-lead);
}

/* dark mode */
[data-theme='dark'] .EmptyState-module__icon--1Ovvj,
[data-force-theme='dark'] .EmptyState-module__icon--1Ovvj {
  color: var(--brand-primary);
}

.EmptyState-module__title--Sanew {
  margin-bottom: var(--space-8px);
}

.EmptyState-module__body--Pkpht {
  margin: 0;
}
.Page-module__container--ekefd {
  min-width: var(--min-app-width);
  height: 100vh;
  padding-top: var(--global-header-and-back-button-height);
  padding-bottom: var(--space-32px);

  position: relative;

  overflow: auto;
  scrollbar-gutter: stable;
}

.Page-module__container--ekefd.Page-module__tourActive--VNcgQ {
  padding-top: calc(
    var(--global-header-and-back-button-height) +
      var(--tour-active-banner-height)
  );
  height: inherit;
}

.Page-module__container--ekefd.Page-module__stickyHeader--jNXlH {
  padding-top: var(--global-header-height);
}

.Page-module__container--ekefd.Page-module__noScroll--UVUCr {
  padding-bottom: 0;

  overflow: hidden;
  scrollbar-gutter: initial;
}

.Page-module__container--ekefd.Page-module__tourActive--VNcgQ.Page-module__stickyHeader--jNXlH {
  padding-top: calc(
    var(--global-header-height) + var(--tour-active-banner-height)
  );
}

.Page-module__backToButton--mh9lg {
  margin: var(--default-container-margin);
  margin-bottom: var(--space-20px);
  width: calc(100% - var(--space-40px) - var(--space-40px));
}

.Page-module__toolbarContainer--NGmGW {
  min-height: var(--space-32px);
  margin: var(--default-container-margin);
  padding-bottom: var(--section-spacing-main);

  display: flex;

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

.Page-module__title--6ZyUT {
  display: inline-flex;

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

.Page-module__titleTooltipIcon--qntEv {
  color: var(--text-tertiary);
}

.Page-module__adBlockerAlert--eDMPJ {
  margin: var(--default-container-margin);
  margin-bottom: var(--space-20px);
}

.Page-module__summaryTitleIcon--qgh2y {
  color: var(--icon-default);
}

@media print {
  .Page-module__container--ekefd {
    height: inherit;
    max-width: 100%;
    padding-top: var(--space-40px);
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
/* stylelint-disable number-max-precision */
.Pill-module__pill--8q-5A {
  /* a pill should never take more than one line */
  white-space: nowrap;

  width: -moz-fit-content;

  width: fit-content;

  border: 0.5px solid;
  border-radius: 100px;
}

.Pill-module__pill--8q-5A.Pill-module__normal--oYnDL {
  color: var(--text-info);

  background: var(--background-info);
  border-color: var(--border-info);
}

.Pill-module__pill--8q-5A.Pill-module__warning---ag1- {
  color: var(--text-warning);

  background: var(--background-warning);
  border-color: var(--border-warning);
}

.Pill-module__pill--8q-5A.Pill-module__good--Z01xz {
  color: var(--text-success);

  background: var(--background-success);
  border-color: var(--border-success);
}

.Pill-module__pill--8q-5A.Pill-module__error--DDtVu {
  color: var(--text-negative);

  background: var(--background-negative);
  border-color: var(--border-negative);
}

.Pill-module__pill--8q-5A.Pill-module__inactive--thsOB {
  color: var(--text-secondary);

  background: var(--background-hover);
  border-color: var(--border-content);
}

/* different sizes styles */

/* main */
.Pill-module__pill--8q-5A.Pill-module__main--BVocj {
  /* Body/Body 3 */
  font-family: Roboto, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00088rem;
  line-height: 20px;

  padding: 6px 12px;
}

/* medium */
.Pill-module__pill--8q-5A.Pill-module__medium--gc3WZ {
  /* Body/Body 3 */
  font-family: Roboto, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00088rem;
  line-height: 20px;

  padding: 3px 12px;
}

/* small */
.Pill-module__pill--8q-5A.Pill-module__small--nSiIq {
  /* Captions/Captions 3 */
  font-family: Roboto, serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.00313rem;
  line-height: 14px; /* 140% */

  padding: 3px 10px;
}
.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);
}
.ExcludeBackgroundMessage-module__excludeBackgroundMessage--fveKG {
  font-size: var(--text-12px);

  padding: var(--base-space) var(--space-8px);

  background-color: var(--grey-800);
  border-radius: 4px;
}
.Toolbar-module__toolbarContainer--58o-e {
  min-height: var(--space-32px);
  margin: var(--default-container-margin);
  padding: var(--space-32px) 0 var(--space-16px);

  display: flex;

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

.Toolbar-module__toolbarContent--FVQTe {
  position: relative;

  display: flex;

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

.Toolbar-module__toolbarContainerWithHeaderSpacing--EnsHw {
  padding-top: var(--global-header-and-back-button-height);
}

.Toolbar-module__tourActive--BPh8g {
  padding-top: calc(var(--space-32px) + var(--tour-active-banner-height));
}

.Toolbar-module__toolbarContainerWithHeaderSpacing--EnsHw.Toolbar-module__tourActive--BPh8g {
  padding-top: calc(
    var(--space-32px) + var(--global-header-height) +
      var(--tour-active-banner-height)
  );
}

.Toolbar-module__breadcrumContainer--YWwPH {
  min-height: var(--space-36px);

  display: grid;

  align-items: center;
  gap: var(--space-8px);
  grid-auto-flow: column;
}

.Toolbar-module__navigation--3owt2 {
  min-height: 36px;

  display: flex;

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

.Toolbar-module__navigation--3owt2 > :first-child {
  margin-left: 0;
}

.Toolbar-module__navigation--3owt2 > :last-child:not(h1) {
  color: var(--grey-200);
  font-size: var(--text-16px);
  font-weight: var(--weight-300);

  margin-right: 0;
}

.Toolbar-module__navigation--3owt2 > :last-child::after {
  content: none;
}

.Toolbar-module__navigation--3owt2 a {
  color: var(--grey-400);
  font-size: var(--text-16px);
  font-weight: var(--weight-300);
  letter-spacing: 0.002em;

  margin-left: var(--space-16px);
  margin-right: var(--space-24px);

  position: relative;
}

.Toolbar-module__navigation--3owt2 a::after {
  width: 6px;
  height: 6px;

  position: absolute;
  top: 50%;
  right: -24px;

  display: inline-block;
  border-right: 3px solid var(--grey-400);
  border-top: 3px solid var(--grey-400);
  content: '';
  transform: rotate(45deg) translate(-50%);
}

.Toolbar-module__navigation--3owt2 .Toolbar-module__nameform--gD1BC {
  margin-right: var(--space-32px);
}

.Toolbar-module__toolbarControlContainer--evkW0 {
  justify-content: flex-end;
}

.Toolbar-module__controlContainer--3bTHN {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}

.Toolbar-module__tooltipIcon--upxO4 {
  color: var(--icon-default);
}

.Toolbar-module__exportButton--YtF82 {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}

.Toolbar-module__exportButton--YtF82:hover {
  color: var(--primary-300);
}

.Toolbar-module__disabledControlBar--WoXOB {
  opacity: 0.4;
  pointer-events: none;
}

.Toolbar-module__shareLinkContainer--RS-gz {
  display: flex;

  align-items: center;
}

.Toolbar-module__shareLinkContainerSeparator--DoE-Y {
  border-left: 1px solid var(--grey-300);

  margin-left: var(--space-8px);
  padding-left: var(--space-8px);
}

.Toolbar-module__adBlockerAlert--XITjW {
  margin: var(--default-container-margin);
  margin-bottom: var(--space-20px);
}

.Toolbar-module__goBackButtonWrapper--72ZA8 {
  display: inline-block;
}
.Header-module__headerContainer--NN98W {
  width: 100%;
}

.Header-module__tourActive--ei1g8 {
  position: relative;
}

.Header-module__tourActive--ei1g8 .Header-module__header--Qvoxy::before {
  width: 100%;
  height: var(--global-header-height);

  position: absolute;
  z-index: calc(var(--tour-steps-z-index) - 1);
  content: '';
  inset: 0;
}

.Header-module__header--Qvoxy {
  font-size: var(--text-14px);

  width: calc(100% - var(--global-menu-width));
  min-height: var(--global-header-height);
  padding: var(--space-8px) var(--space-40px) var(--space-8px) var(--space-28px);

  /* Raise for shadow layering. */
  position: fixed;
  top: 0;
  z-index: var(--header-z-index);

  display: flex;

  align-items: center;

  background-color: var(--dark-background-secondary);
  gap: var(--space-32px);
}

.Header-module__tourActive--ei1g8 .Header-module__header--Qvoxy {
  z-index: var(--tour-steps-z-index);
}

.Header-module__header--Qvoxy.Header-module__fullWidth--Iw1Fm {
  gap: var(--space-20px);

  width: 100%;
}

.Header-module__header--Qvoxy > :first-child {
  flex: 1;
}

@media print {
  .Header-module__headerContainer--NN98W {
    display: none;
  }
}

@media (width <= 700px) {
  .Header-module__header--Qvoxy.Header-module__fullWidth--Iw1Fm {
    gap: var(--space-10px);
  }
}


.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;
}
/* Small */
@media (width <= 1033px) {
  .index-module__small-hidden--967jk {
    display: none;
  }
}

/* Medium */
@media (width >= 1034px) and (width <= 1359px) {
  .index-module__medium-hidden--8zf2C {
    display: none;
  }
}

/* Large */
@media (width >= largemin) {
  .index-module__large-hidden--NS-lM {
    display: none;
  }
}
.session_status-module__icons--omg0g {
  display: flex;

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

/* 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);
}
/* These variables are deprecated. Use sizexxx variables instead *//* 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);
}

.index-module__detail--jVfkL {
  font-size: 11px;
}

.index-module__model--m6ho2 {
  color: #9b9b9b;
  font-size: 11px;
}

.index-module__paywall---4qKV {
  margin-top: var(--space-24px);
}
.Placeholder-module__container--sFHhS {
  display: flex;

  justify-content: space-between;

  border-radius: 4px;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  cursor: pointer;
  place-items: center;
}

.Placeholder-module__container--sFHhS.Placeholder-module__disabled--VDBAq {
  cursor: not-allowed;
  opacity: 0.7;
}

.Placeholder-module__iconContainer--0J9gG {
  display: flex;
  gap: var(--base-space);
}

.Placeholder-module__label--ASQcr {
  color: var(--grey-100);

  display: flex;

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

.Placeholder-module__iconContent--9OdcP {
  color: var(--grey-100);
}

.Placeholder-module__selectedQty--2z3ET {
  font-size: var(--text-12px);
  line-height: var(--space-20px);
  color: var(--grey-1000);
  text-align: center;

  width: var(--space-18px);
  height: var(--space-18px);

  background: var(--grey-100);
  border-radius: 50%;
}

.Placeholder-module__placeholder--Ol-OG {
  margin: 0;
}

.Placeholder-module__content--YgB-Z.Placeholder-module__clickable--iREWa:hover {
  background-color: var(--grey-800);
}

/*
 * Flavors
 */

.Placeholder-module__container--sFHhS.Placeholder-module__primary--CyKfD {
  box-shadow: inset 0 0 0 1px var(--primary-400);

  padding: var(--base-space);
  padding-right: var(--space-half-base);
}

.Placeholder-module__container--sFHhS.Placeholder-module__secondary--BhelX {
  -moz-column-gap: var(--base-space);
       column-gap: var(--base-space);

  padding: var(--space-half-base) var(--space-8px);
  padding-right: var(--space-half-base);
}

.Placeholder-module__container--sFHhS.Placeholder-module__tertiary--1Xjy1 {
  padding: var(--space-6px) var(--space-8px);
}

.Placeholder-module__container--sFHhS:not(.Placeholder-module__disabled--VDBAq).Placeholder-module__secondary--BhelX:hover,
.Placeholder-module__container--sFHhS:not(.Placeholder-module__disabled--VDBAq).Placeholder-module__tertiary--1Xjy1:hover {
  color: var(--grey-100);

  background-color: var(--grey-700);
}

.Placeholder-module__container--sFHhS.Placeholder-module__secondary--BhelX.Placeholder-module__open--BDcSr,
.Placeholder-module__container--sFHhS.Placeholder-module__tertiary--1Xjy1.Placeholder-module__open--BDcSr {
  color: var(--grey-100);

  background-color: var(--grey-700);
}

.Placeholder-module__primary--CyKfD .Placeholder-module__placeholder--Ol-OG {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
}

.Placeholder-module__secondary--BhelX .Placeholder-module__placeholder--Ol-OG {
  color: var(--grey-100);
  font-size: var(--text-10px);
  font-weight: var(--weight-200);
}

.Placeholder-module__tertiary--1Xjy1 .Placeholder-module__placeholder--Ol-OG {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}
.Option-module__container---iyty {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--space-16px);

  padding: var(--space-8px) var(--space-16px);

  display: flex;

  justify-content: space-between;
}

.Option-module__container---iyty.Option-module__secondary--uq8Xf,
.Option-module__container---iyty.Option-module__tertiary--C7JIF {
  min-height: var(--space-48px);
}

.Option-module__container---iyty:hover {
  cursor: pointer;
}

.Option-module__content--vBFST {
  width: 100%;

  display: block;
}

.Option-module__label--fxdiI {
  color: var(--grey-300);

  width: 100%;

  display: block;
}

.Option-module__clear--0rN2o {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  color: var(--primary-200);

  display: none;

  align-self: center;
  cursor: pointer;
}

.Option-module__container---iyty.Option-module__allowClear--XFJR9:hover .Option-module__clear--0rN2o {
  display: inline-block;
}

.Option-module__checkbox--13fqO {
  color: var(--grey-100);
}
.Category-module__container--rAC-6 {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);

  display: grid;
  border-bottom: solid 1px var(--grey-600);
  gap: var(--space-8px);
}

.Category-module__container--rAC-6:last-of-type {
  border-bottom: 0;
}

.Category-module__content--OfJ-X {
  padding: 0 var(--space-16px);

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

.Category-module__category--8-gw0 {
  color: var(--text-primary);
  font-size: var(--text-14px);
  font-weight: var(--weight-300);

  margin: 0;
}

.Category-module__title---A2jx {
  margin: 0;
}

.Category-module__label--gEB23 {
  color: var(--text-tertiary);
  font-size: var(--text-14px);

  margin: 0;
}

.Category-module__clickable--IOl0j {
  cursor: pointer;
}

.Category-module__clickable--IOl0j:hover,
.Category-module__selected--4qUif {
  background-color: var(--grey-800);
}

.Category-module__options--BY9SM {
  background-color: var(--grey-900);
}
.DropdownPicker-module__container--CRAnU {
  display: inline-flex;
  gap: var(--space-8px);
}

.DropdownPicker-module__picker--fWFMK {
  position: relative;

  display: inline-block;
}

.DropdownPicker-module__tags--cgpEa {
  position: relative;

  display: inline-flex;

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

.DropdownPicker-module__options--8CuW- {
  width: var(--space-256px);
  max-height: var(--space-386px);

  position: absolute;
  top: calc(100% + var(--space-8px));
  z-index: 6;

  display: inline-block;
  overflow: scroll;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-700);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.DropdownPicker-module__options--8CuW-.DropdownPicker-module__right--H1X-c {
  left: auto;
  right: 0;
}

.DropdownPicker-module__options--8CuW-.DropdownPicker-module__left--AgHHF {
  left: 0;
  right: auto;
}

.DropdownPicker-module__clearButton--qxDB2 {
  font-weight: var(--weight-300);
  color: var(--primary-200);

  position: absolute;
  top: var(--space-10px);
  right: var(--space-16px);

  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}

.DropdownPicker-module__clearButton--qxDB2:hover {
  color: var(--primary-400);
}
.Empty-module__container--hRSrB {
  text-align: center;
}

.Empty-module__icon--RRwgh {
  color: var(--brand-primary);

  margin-bottom: var(--space-16px);
}

[data-theme='light'] .Empty-module__icon--RRwgh {
  color: var(--brand-lead);
}

.Empty-module__title--yXkfZ {
  margin-bottom: var(--space-8px);
}

.Empty-module__container--hRSrB p {
  margin: 0;
}

.Empty-module__caption--62103 {
  color: var(--text-secondary);
}
.References-module__container--AwzPQ,
.References-module__references--YRnw6 {
  display: flex;

  justify-content: flex-end;
}

.References-module__references--YRnw6 {
  color: var(--text-primary);
  gap: var(--space-16px);
}

.References-module__reference--laCOH {
  font-weight: var(--weight-200);

  display: inline-flex;

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

.References-module__chip--a6Bn6 {
  height: var(--space-8px);
  width: var(--space-8px);

  border-radius: 50%;
}

.References-module__content--3Czb8 {
  max-width: 315px;
}
.CustomTooltip-module__tooltip--ANwEx {
  color: var(--text-primary);

  padding: var(--space-12px);

  display: flex;

  flex-direction: column;

  background-color: var(--dark-background-tertiary);
  border: 1px solid var(--dark-background-hover);
  border-radius: 4px;
  gap: var(--space-12px);
}

.CustomTooltip-module__title---Sau0 {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}

.CustomTooltip-module__entry--KyxTt {
  font-size: var(--text-12px);

  display: flex;

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

.CustomTooltip-module__entries--aXRPa {
  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.CustomTooltip-module__entryKey--CL7HT {
  white-space: nowrap;

  width: 100%;
  min-width: var(--space-120px);

  display: flex;
  overflow: hidden;

  justify-content: space-between;

  text-overflow: ellipsis;
}

.CustomTooltip-module__entryKeyDiff--1krKZ {
  border-top: 1px solid var(--dark-border-primary);

  white-space: nowrap;

  width: 100%;
  min-width: var(--space-120px);
  padding-top: var(--space-12px);

  display: flex;
  overflow: hidden;

  justify-content: space-between;

  text-overflow: ellipsis;
}

.CustomTooltip-module__dot--RU7gr {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}

.CustomTooltip-module__negativeText--806jt {
  color: var(--text-negative);
}
.BarGraph-module__container--M-SFT {
  position: relative;
}

.BarGraph-module__empty--vNrW7,
.BarGraph-module__loading--VrqEv {
  margin: 0;
  padding: var(--space-6px);

  display: flex;

  align-items: center;
  place-content: center;
}
.DiffTooltip-module__text--AU-RO.DiffTooltip-module__alert--UaBao {
  color: var(--text-negative);
}

.DiffTooltip-module__text--AU-RO.DiffTooltip-module__highDifference--KTLqk {
  color: var(--text-negative);
}

.DiffTooltip-module__dot--EuS8J {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}

.DiffTooltip-module__stats--lhIut {
  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.DiffTooltip-module__entry--sCKbs {
  display: flex;

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

.DiffTooltip-module__entries--eLoU- {
  display: flex;

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

.DiffTooltip-module__tooltipContent--gEor8 {
  min-width: 250px;

  display: inline-flex;

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

.DiffTooltip-module__message--WQcCd,
.DiffTooltip-module__entryKey--ldqCc {
  width: 100%;

  display: flex;

  justify-content: space-between;
}
.DiffAxisWithTooltip-module__content--p4oUc {
  display: inline-flex;
  gap: var(--space-6px);
}
.Statistic-module__graphContainer--tmnc7 {
  width: 100%;
}

.Statistic-module__dropdownContainer--30BHA {
  margin-bottom: var(--space-28px);
}

.Statistic-module__loading--haLpU {
  min-height: 332px;

  display: flex;

  align-items: center;
}

.Statistic-module__showAllContainer--1-cSx {
  margin-top: var(--section-spacing-sub);

  display: flex;

  justify-content: center;
}

.Statistic-module__modalContent--E6PFN {
  padding: var(--card-padding);
}

.Statistic-module__modal--Uq2fU {
  text-align: center;
}

.Statistic-module__button--UPtrh {
  margin-top: var(--section-spacing-sub);
}

.Statistic-module__distributionModal--aW-Xu {
  min-width: 512px;
  max-height: 600px;

  overflow-y: auto;
}

@media print {
  .Statistic-module__modal--Uq2fU {
    display: none;
  }
}
.References-module__references--C4dSw {
  color: var(--grey-100);

  display: flex;
  gap: var(--section-spacing-sub);

  justify-content: flex-end;
}

.References-module__container--hNWfQ,
.References-module__reference--viLwQ {
  display: flex;

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

.References-module__container--hNWfQ {
  gap: var(--space-6px);
}

.References-module__chip--zJ3hG {
  width: var(--space-10px);
  height: var(--space-10px);

  display: inline-block;

  border-radius: 50%;
}

.References-module__content--1-aZ0 {
  max-width: 315px;
}

.References-module__title--KRrXx {
  display: inline-flex;

  align-items: center;
  gap: var(--base-space);
}
.ZoomInTimeButton-module__buttonOverlayContainer--h80Gp {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
}

.ZoomInTimeButton-module__applyButton--2WrlM {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

.ZoomInTimeButton-module__applyButton--2WrlM:disabled {
  background: var(--dark-background-tertiary) !important;
}

.ZoomInTimeButton-module__resetButton--7xOJE {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}
.LineXTick-module__tick--cjM-v {
  fill: var(--text-tertiary);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.LineTooltip-module__tooltip--PqORx {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  flex-direction: column;

  /* these three are particularly customized as per UX requirement */
  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--space-12px);
}

.LineTooltip-module__entries--7n6QI {
  display: grid;

  grid-template-areas: 'title';

  gap: var(--space-half-base);
}

.LineTooltip-module__entries--7n6QI.LineTooltip-module__entriesWithTwoColumns--ng97I {
  grid-template-areas: 'title title';
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
}

.LineTooltip-module__entry--wxz0k {
  display: flex;

  flex-direction: row;
  align-items: center;
  gap: var(--space-6px);
}

.LineTooltip-module__entryKey--uqnRH {
  white-space: nowrap;

  max-width: 150px;
  margin-right: var(--space-half-base);

  overflow: hidden;
  text-overflow: ellipsis;
}

.LineTooltip-module__entryLine--JAI5x {
  display: flex;
}

.LineTooltip-module__dot--J2sDj {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}
/* stylelint-disable-next-line selector-class-pattern */
.recharts-surface:focus {
  outline: none;
}

.LineGraph-module__maxWidth--Uibkt {
  width: 100%;
}

.LineGraph-module__legendCaption--HYwZD {
  color: var(--text-secondary);
}

.LineGraph-module__graphContainer--ZxZI- {
  height: 100%;
  width: 100%;

  position: relative;

  display: grid;

  -webkit-user-select: none;

     -moz-user-select: none;

          user-select: none;
}

.LineGraph-module__graphContainer--ZxZI-.LineGraph-module__disabledZoom--jY9XO {
  outline: none;
  pointer-events: auto;
}

.LineGraph-module__graphContainer--ZxZI-.LineGraph-module__disabledZoom--jY9XO:focus {
  outline: none;
  box-shadow: none;
}

.LineGraph-module__body--wXS3c {
  display: flex;
  gap: var(--space-8px);

  flex-direction: column;
}

.LineGraph-module__actions--HfBMp,
.LineGraph-module__trigger--BeR5D {
  display: flex;
  gap: var(--space-8px);
}
.OtherLegendTooltip-module__trigger--VJJsP {
  color: var(--text-secondary);
  cursor: pointer;
}

.OtherLegendTooltip-module__tooltipContainer--VaKQS {
  max-width: 300px;
  padding-right: 0;
  padding-bottom: 0;
}

.OtherLegendTooltip-module__dot--I7g17 {
  --size: 8px;
  min-width: var(--size);
  max-width: var(--size);
  min-height: var(--size);
  max-height: var(--size);
  margin: 0 var(--base-space);

  display: inline-block;

  border-radius: var(--size);
}

.OtherLegendTooltip-module__list---mew- {
  max-height: 250px;
  padding-bottom: var(--space-12px);
  padding-right: var(--space-16px);

  display: flex;
  overflow: auto;

  flex-flow: column nowrap;
  gap: var(--space-12px);
}

.OtherLegendTooltip-module__listItem--QJzGf {
  display: flex;

  align-items: center;
}
.ErrorWithIcon-module__container--cEP4x {
  text-align: center;

  max-width: 332px;
  margin: 0 var(--space-16px);

  display: flex;

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

.ErrorWithIcon-module__icon--VFOXs {
  color: var(--icon-negative);
}

.ErrorWithIcon-module__title--OSnmu {
  color: var(--text-primary);

  margin: var(--space-16px) 0 var(--space-8px);
}

.ErrorWithIcon-module__message--1Wgwa {
  color: var(--text-tertiary);
}
.TimeSeriesLineGraph-module__empty--tAW0F {
  color: var(--text-primary);
  text-align: center;

  padding: var(--space-48px) 0;
}

.TimeSeriesLineGraph-module__errorcontainer--E6jHF {
  max-width: 70%;
  margin: 0 auto;
  padding: var(--space-16px) var(--space-20px);

  display: inline-block;

  border: 1px solid;
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--card-sub-spacing);
}

.TimeSeriesLineGraph-module__error--zuCVw {
  color: var(--text-primary);

  background-color: var(--background-negative);
  border-color: var(--border-negative);
}
/* 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 */

.index-module__label--C3bOj {
  margin-right: 8px;
}

.index-module__subLabel--k19jI {
  color: hsla(0, 0%, 60%, 1);
  font-size: 12px;
}
.Toggle-module__label--Fo-Tu {
  position: relative;

  display: flex;

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

.Toggle-module__label--Fo-Tu.Toggle-module__horizontalLabel--4n--9 {
  flex-direction: column;
}

.Toggle-module__toggleContainer--Hceq- {
  width: 20px;
  height: 10px;

  position: relative;

  display: inline-block;

  background-color: var(--icon-default);
  border-radius: 100px;

  transition: background-color 100ms;
  cursor: pointer;
}

.Toggle-module__medium--Btmzb .Toggle-module__toggleContainer--Hceq- {
  width: 32px;
  height: 16px;
}

.Toggle-module__large--AEaLA .Toggle-module__toggleContainer--Hceq- {
  height: var(--space-24px);
  width: var(--space-48px);
}

.Toggle-module__toggleContainerToggled--hPLo2 {
  background-color: var(--background-product-active);
}

.Toggle-module__checkbox--AGnrE {
  width: 0;
  height: 0;

  position: absolute;
  z-index: 1;
  opacity: 0;
}

.Toggle-module__toggle--s5yAj {
  width: 6px;
  height: 6px;

  position: absolute;
  top: 2px;
  left: 2px;

  background-color: var(--background-primary);
  border-radius: 100%;

  transition: 0.1s ease-in;
  transform: translateX(0%);
}

.Toggle-module__medium--Btmzb .Toggle-module__toggle--s5yAj {
  width: 12px;
  height: 12px;

  top: 2px;
  left: 2px;
}

.Toggle-module__large--AEaLA .Toggle-module__toggle--s5yAj {
  width: 14px;
  height: 14px;

  top: 5px;
  left: 5px;
}

.Toggle-module__toggleContainerToggled--hPLo2 .Toggle-module__toggle--s5yAj {
  transform: translateX(167%);
}

.Toggle-module__medium--Btmzb .Toggle-module__toggleContainerToggled--hPLo2 .Toggle-module__toggle--s5yAj {
  transform: translateX(133%);
}

.Toggle-module__large--AEaLA .Toggle-module__toggleContainerToggled--hPLo2 .Toggle-module__toggle--s5yAj {
  transform: translateX(170%);
}

.Toggle-module__icon--zRZE0 {
  color: var(--icon-default);
}

.Toggle-module__labelContainer---Mqej {
  display: flex;

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

input[type='checkbox'] {
  cursor: pointer;
}

input[type='checkbox']:disabled {
  cursor: not-allowed;
}
.RadioButton-module__radioItem--LjdqY {
  position: relative;
}

.RadioButton-module__radioItem--LjdqY input[type='radio'] {
  display: none;
}

.RadioButton-module__label--xcqT8 {
  display: flex;

  align-items: center;
}

.RadioButton-module__icon--H2Qx0 {
  margin-right: 12px;
}

.RadioButton-module__iconChecked--R7yKk {
  color: var(--primary-400);
}

.RadioButton-module__iconDisabled--gq-Bu,
.RadioButton-module__iconChecked--R7yKk.RadioButton-module__iconDisabled--gq-Bu {
  color: var(--grey-300);
}

.RadioButton-module__radioItem--LjdqY input[type='radio']:disabled + .RadioButton-module__label--xcqT8 {
  color: var(--grey-300);
}

.RadioButton-module__radioItem--LjdqY input[type='radio']:checked + .RadioButton-module__label--xcqT8 .RadioButton-module__circle--Xdc4H {
  border: 2px solid var(--primary-400);
}

.RadioButton-module__radioItem--LjdqY input[type='radio']:checked + .RadioButton-module__label--xcqT8 .RadioButton-module__innerCircle--tETwq {
  width: 8px;
  height: 8px;

  position: absolute;
  top: 3px;
  left: 3px;

  display: inline-block;

  background: var(--primary-400);
  border-radius: 100%;
}
/* 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 */

.radio-module__radio--hQrIX {
  color: black;

  background-color: #ececec;
  border-color: #ececec;
}

.radio-module__container--CPSik {
  font-size: 22px;

  margin-bottom: 12px;

  position: relative;

  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.radio-module__container--CPSik input {
  width: 100%;
  height: 100%;

  position: absolute;
  cursor: pointer;
  opacity: 0;
}

.radio-module__disabled--oem7q {
  background-color: #ececec;
  border-color: grey;
  cursor: default;
}

.radio-module__container--CPSik input:checked + .radio-module__radio--hQrIX {
  color: white;

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

.field-module__explanation--J1OOp {
  color: var(--grey-300);

  margin-bottom: 12px;
}

.field-module__basic--XdVQo {
  font-size: 16px;
  color: var(--grey-100);
  text-align: left;

  width: 100%;
  padding: 15px 13px 12px 16px;

  background: none;
  border: 1px solid var(--grey-600);
  border-radius: 4px;
}

.field-module__basic--XdVQo:focus {
  border-color: var(--primary-300);
}

.field-module__basic--XdVQo:hover:not(.field-module__basic--XdVQo[disabled], .field-module__error--E7f-w, .field-module__basic--XdVQo:focus) {
  border-color: var(--grey-400);
}

.field-module__basic--XdVQo[disabled] {
  color: var(--grey-500);

  border-color: var(--grey-800);
  cursor: not-allowed;
  -webkit-text-fill-color: var(--grey-500);
}

input[disabled]::-moz-placeholder {
  color: var(--grey-500);
}

input[disabled]::placeholder {
  color: var(--grey-500);
}

.field-module__basic--XdVQo::-moz-placeholder {
  color: var(--grey-300);
  font-size: 16px;
}

.field-module__basic--XdVQo::placeholder {
  color: var(--grey-300);
  font-size: 16px;
}

.field-module__error--E7f-w {
  border-color: var(--border-negative);
}

.field-module__errorList--bVIMU {
  color: var(--text-negative);
  font-size: 14px;

  padding-left: 1em;
}

.field-module__subLabel--VtTES.field-module__errorList--bVIMU,
.field-module__errorList--bVIMU {
  color: var(--text-negative);

  padding-left: var(--space-half-base);
}

.field-module__errorMessage--VfjGY {
  color: var(--text-negative);

  display: block;
}

.field-module__subLabel--VtTES.field-module__errorMessage--VfjGY {
  color: var(--text-negative);
}

.field-module__radioItemContainer--jYjSI + .field-module__subLabel--VtTES.field-module__errorMessage--VfjGY {
  margin-left: 0;
}

.field-module__input--4GESm {
  width: 100%;
  margin-left: 16px;
  padding: 8px;

  border: none;
}

.field-module__label--IaTgR {
  color: var(--grey-300);
  white-space: nowrap;

  position: absolute;
  z-index: var(--modal-background-z-index);

  display: block;

  transition: transform 200ms;
  pointer-events: none;
  transform-origin: top left;
}

/* Using one-off pixel values instead of variables to align floating labels. */
.field-module__label--IaTgR.field-module__active--DtUAt {
  font-size: 12px;

  padding: 0 4px;

  background-color: var(--grey-900);
  transform: translate(16px, -6px) scale(0.85);
}

.field-module__label--IaTgR.field-module__inactive--MCZx8 {
  transform: translate(16px, calc(50% + 6px)) scale(1);
}

.field-module__labeledInput--xJcr1 {
  height: 100%;

  position: relative;

  display: block;
}

.field-module__label--IaTgR.field-module__active--DtUAt.field-module__floatingLabelError--JoGVg:not(.field-module__focused--A4Mlc) {
  color: var(--text-negative);
}

.field-module__focused--A4Mlc.field-module__floatingLabelError--JoGVg {
  color: var(--primary-300);
}

.field-module__focused--A4Mlc {
  color: var(--primary-300);
}

.field-module__labeledInput--xJcr1 input::-moz-placeholder {
  opacity: 0;
}

.field-module__labeledInput--xJcr1 input::placeholder {
  opacity: 0;
}

.field-module__label--IaTgR.field-module__withSublabel--BQ-w7 {
  display: inline-block;
}

input.field-module__numberInput--xIxHm::-webkit-outer-spin-button,
input.field-module__numberInput--xIxHm::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;

  margin: 0;
}

/* Firefox */
input.field-module__numberInput--xIxHm[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.field-module__subLabel--VtTES {
  color: var(--grey-300);
  font-size: 10px;

  margin: 4px 0 0 16px;
}

.field-module__subLabel--VtTES.field-module__focused--A4Mlc {
  color: var(--primary-300);
}

.field-module__subLabel--VtTES.field-module__disabled--E9lxH {
  color: var(--grey-500);
}

.field-module__textarea--MiI6T {
  font-size: 14px;

  width: 100%;
  padding: 8px;

  border: 1px solid var(--grey-600);
  border-radius: 3px;
}

.field-module__staticLabelContainer--gC-R1 {
  margin-top: 24px;
  margin-bottom: 16px;

  display: flex;
}

.field-module__staticLabel--dKF-q {
  color: var(--grey-300);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.field-module__floatingLabelDisabled--0W45G {
  color: var(--grey-500);
}

.field-module__meta--rOJTb {
  margin-top: var(--space-4px);

  display: flex;

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

.field-module__maxLengthPrompt--VOtyJ {
  font-size: var(--text-10px);
  color: var(--text-secondary);

  margin-right: var(--space-16px);
  margin-left: auto;
}
/* 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);
}

label.index-module__textFieldLabel--Th0uW div span,
label.index-module__textFieldLabel--Th0uW {
  z-index: 0;
}

label.index-module__number--HcUKI {
  color: hsla(0, 0%, 35%, 1);
  font-size: size100;
  font-weight: weight200;
  text-transform: uppercase;
}

.index-module__error--h3VLD {
  color: var(--text-negative);
}

.index-module__errorList--EElyt {
  color: var(--text-negative);
  font-size: size200;
}

.index-module__explanation--HxFAu {
  color: hsla(0, 0%, 78%, 1);

  margin-bottom: 12px;
}

.index-module__basic--Hulzx {
  font-size: size300;
  color: hsla(0, 0%, 23%, 1);
  text-align: left;

  width: 100%;
  padding: 8px;
  padding-left: 0;

  border: 0;
  border-bottom: 1px solid hsla(0, 0%, 78%, 1);
}

.index-module__basic--Hulzx::-moz-placeholder {
  color: hsla(0, 0%, 91%, 1);

  margin-left: 8px;
}

.index-module__basic--Hulzx::placeholder {
  color: hsla(0, 0%, 91%, 1);

  margin-left: 8px;
}

.index-module__input--0iYT1 {
  width: 100%;
  margin-left: 16px;
  padding: 8px;

  border: none;
}

.index-module__label--XjN-A {
  font-size: size300;
  font-weight: weight200;

  margin: 16px 0 8px;

  display: block;
}

.index-module__label--XjN-A.index-module__withSublabel---SxEy {
  display: inline-block;
}

.index-module__subLabel--Fye26 {
  color: hsla(0, 0%, 78%, 1);
  font-size: size100;

  margin-left: 8px;
}

.index-module__textarea--uZ0Tz {
  font-size: size200;

  width: 100%;
  padding: 8px;

  border: solid 1px hsla(0, 0%, 91%, 1);
  border-radius: 3px;
}
/* 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 */

.common-module__outlinedErrorText--9kvPC:last-child {
  color: var(--text-negative);
}

.common-module__subText--I5O4M {
  color: var(--grey-300);
  font-size: 10px;

  margin: 4px 0 0 16px;
}

.common-module__error--55-OH {
  color: var(--grey-100);
}

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

.number-module__percent--qqArP {
  position: relative;
}

.number-module__percent--qqArP::after {
  color: var(--grey-100);
  content: '%';

  font-size: 14px;

  position: absolute;
  right: 12px;
  top: calc(50% - calc(20px / 2));
}

.number-module__percent--qqArP input {
  padding-right: 12px;
}

label.number-module__textFieldLabel--zT6fX div span,
label.number-module__textFieldLabel--zT6fX {
  z-index: 0;
}

label.number-module__number--mqn79 {
  color: var(--grey-200);
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
/* 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;
}/* 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);
}.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;
}

.index-module__headerCellContent--ecbjK {
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-module__listCellContent--J7ezO div {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.index-module__numberContent--JR-8Z {
}

.index-module__zeroMargin--p2yxy {
  margin-bottom: 0;
  margin-top: 0;
}

.index-module__tagsLabel--Yp0ce {
}

.index-module__contentTooltip--yvxCc {
  width: 100%;

  display: block;
}

.index-module__tagList--rIaz1 {
  margin: 0;
  padding-left: 0;

  display: flex;

  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
}

.index-module__pathTooltipContent---1R4N {
  max-width: 95vw;
}

.index-module__empty--jdsJj {
  text-align: center;

  padding: var(--space-48px) 0;
}

.index-module__graphContainer--paG-y {
  height: 100%;
}

.index-module__graphErrorContainer--ebhzp {
  height: 100%;

  display: flex;

  justify-content: center;
  align-items: center;
}
.DataStartTooltipFooter-module__footer--WE297 {
  color: var(--text-hover);

  display: flex;

  align-items: center;
  gap: var(--base-space);
}
.dot-module__dot--ZepDL {
  width: 10px;
  height: 10px;

  display: inline-block;

  border-radius: 5px;
}

.dot-module__dot--ZepDL.dot-module__outline--qdMxv {
  border: 1px solid;
}

.dot-module__large--SDIWs {
  width: 14px;
  height: 14px;

  /* One-off values to match designs. */
  border-radius: 10px;
}

.dot-module__small--2paGV {
  width: 8px;
  height: 8px;
}

.dot-module__large--SDIWs.dot-module__dot--ZepDL.dot-module__outline--qdMxv {
  border-width: var(--space-half-base);
}

.dot-module__line---W-Os.dot-module__dot--ZepDL {
  width: 1px;
  margin: 0 var(--space-4px);

  border-radius: 0;
}

.dot-module__square--LTL6b {
  border-radius: 0;
}
.GraphReferences-module__graphReferenceContainer--NRxQL {
  min-height: var(--space-36px);

  display: grid;

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

.GraphReferences-module__versionListContent--tGb1j {
  display: flex;

  align-items: flex-start;
  gap: calc(var(--base-space) * 4);
}

.GraphReferences-module__referenceItemContainer--6ztWj {
  font-size: 10px;
  color: var(--grey-100);
  letter-spacing: 0.2px;

  display: grid;

  grid-template-columns: var(--space-10px) 1fr;
  align-items: baseline;
  gap: var(--space-8px);
  grid-auto-flow: column;
}

.GraphReferences-module__referencesTooltipContent--ao1eu {
  display: flex;

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

.GraphReferences-module__versionItemTooltip--n1WeH {
  display: flex;
  gap: var(--space-8px);

  justify-content: space-between;
}

.GraphReferences-module__versionTooltip--fyNiT,
.GraphReferences-module__percentTooltip--ieFDz {
  font-weight: 300;
}
.GraphContent-module__graphContainer--iqfvX {
  display: flex;

  flex-direction: column;
  gap: calc(var(--base-space) * 5);
}

.GraphContent-module__dataStart--pjamB line {
  stroke-dasharray: 2 4 6 8;
  stroke-width: 1;

  color: var(--border-content);
}
.Statistics-module__content--KuQaC {
  display: grid;
  gap: var(--space-20px);
}

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

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

@media only screen and (width <= 1420px) {
  .Statistics-module__content--KuQaC {
    grid-template-columns: repeat(2, 1fr);
  }
}
.property_distribution-module__sessionPropertyDropdown--85qZg {
  margin: space400 0;
  width: 50%;
}.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;
}
/* Dropdown */
.filter_options-module__optionsContainer--AD4RX {
  min-width: var(--space-256px);
  max-width: var(--space-386px);
  max-height: var(--space-386px);
  margin-top: 36px;
  box-sizing: border-box;

  position: relative;
  z-index: var(--filter-builder-field-selector-z-index);

  overflow: hidden;

  background-color: var(--background-secondary);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.filter_options-module__fieldSelector--2rypR {
  overflow: auto;
}

.filter_options-module__operatorSelector--7BeNl {
  padding: var(--space-8px) 0;
}

.filter_options-module__operatorSelector--7BeNl.filter_options-module__hasDisabledOperators--CIXMw {
  overflow: visible;
}

.filter_options-module__valueSelector--ClAa7 {
  height: var(--space-386px);

  display: flex;

  flex-direction: column;
}

.filter_options-module__content--k9qGU {
  height: var(--space-386px);
  padding: var(--space-4px) 0;

  position: relative;

  overflow: hidden auto;
}

.filter_options-module__header--Da0cY {
  padding: var(--space-8px) var(--space-16px);

  display: flex;

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

.filter_options-module__header--Da0cY .filter_options-module__label--5asQC {
  color: var(--text-primary);
  font-family: Roboto, sans-serif;
  font-size: var(--text-16px);
  font-weight: var(--weight-300);
  line-height: var(--text-24px);
}

.filter_options-module__header--Da0cY .filter_options-module__btnClose--3mvqc {
  font-family: Roboto, sans-serif;
  font-size: var(--text-14px);
  font-weight: normal;
  line-height: var(--text-14px);
  color: var(--text-product-primary);
  text-transform: none;

  min-width: auto;
  height: auto;
  padding: 0;
}

.filter_options-module__header--Da0cY .filter_options-module__btnClose--3mvqc:hover {
  background-color: transparent;
}

.filter_options-module__header--Da0cY:not(:first-child) {
  margin-top: var(--space-8px);
  padding: calc(var(--space-12px) + var(--space-8px)) var(--space-16px) var(--space-12px) var(--space-16px);
  border-top: 1px solid var(--border-primary);
}

.filter_options-module__option--pmXS6 {
  color: var(--text-primary);
  cursor: pointer;
}

.filter_options-module__option--pmXS6.filter_options-module__text--bkx7d {
  color: var(--text-primary);
  font-family: Roboto, sans-serif;
  font-size: var(--text-16px);
  line-height: var(--text-20px);

  padding: 14px var(--space-16px);
}

.filter_options-module__option--pmXS6:hover,
.filter_options-module__option--pmXS6.filter_options-module__text--bkx7d:hover {
  background-color: var(--background-hover);
}

.filter_options-module__capitalize--TDimH {
  text-transform: capitalize;
}

.filter_options-module__checkBoxContainer--3Xu7Y {
  max-width: var(--space-386px);

  display: flex;

  align-items: center;
}

.filter_options-module__checkBoxContainer--3Xu7Y > div {
  flex: 1;
}

.filter_options-module__checkBoxContainer--3Xu7Y label {
  font-size: var(--text-16px);
  line-height: var(--text-20px);
  color: var(--text-primary);

  padding: 14px var(--space-16px);

  overflow: hidden;
}

.filter_options-module__checkBoxContainer--3Xu7Y label > div:first-child {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.filter_options-module__checkBoxContainer--3Xu7Y label > span {
  border: 2px solid var(--text-tertiary);
}

.filter_options-module__freeform--MOfg1 {
  color: var(--text-tertiary);
  font-size: var(--text-14px);

  margin: 14px var(--space-16px);
}

.filter_options-module__noMatchContent--Wm8WQ {
  text-align: center;
}

.filter_options-module__noMatch--Gf2yj {
  color: var(--border-primary);
  font-family: Roboto, sans-serif;

  padding: 14px var(--space-8px);
}

.filter_options-module__noOptionsContainer--MoWLw {
  box-shadow: none;
}

.filter_options-module__disabled--bi-Wi {
  opacity: 0.43;
  pointer-events: none;
}

.filter_options-module__filterTypeSelector--1-uzT {
  color: var(--text-primary);

  padding: var(--space-16px);

  display: flex;

  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16px);
}


.filter_options_footer-module__footer--IqT-p {
  padding: 16px;

  display: flex;

  justify-content: space-between;
  border-top: 1px solid var(--grey-500);
}

.filter_options_footer-module__btn--F0rTN {
  line-height: normal;

  padding: 8px 32px;
}
.filter_editor-module__container--agqiz {
  width: -moz-fit-content;
  width: fit-content;

  position: relative;

  display: flex;

  flex: 1;
  align-items: center;
  gap: var(--space-6px);
  cursor: text;
}

.filter_editor-module__relativeWrapper--AS02H {
  min-width: var(--space-386px);
  height: var(--space-24px);

  position: relative;

  flex: 1;
}

.filter_editor-module__editorGroup--L1RJX {
  min-width: var(--space-128px);

  position: absolute;
  top: 0;
  left: 0;

  display: flex;
}

.filter_editor-module__inputGroup--Cshgn {
  height: var(--space-24px);

  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.filter_editor-module__input--D-yeR {
  font-size: var(--text-16px);

  min-width: -moz-fit-content;

  min-width: fit-content;

  flex: 1;

  background-color: transparent;
}

.filter_editor-module__input--D-yeR,
.filter_editor-module__input--D-yeR:hover,
.filter_editor-module__input--D-yeR:focus,
.filter_editor-module__input--D-yeR:active {
  outline: none;
  border: none;
}

.filter_editor-module__input--D-yeR::-moz-placeholder {
  text-transform: capitalize;
}

.filter_editor-module__input--D-yeR::placeholder {
  text-transform: capitalize;
}

.filter_editor-module__label--deOnT {
  text-wrap: nowrap;

  font-family: Roboto, sans-serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: var(--text-24px);
  color: var(--primary-200);

  max-width: 100%;
  height: 100%;
  padding: var(--space-6px) var(--space-16px);

  position: relative;

  display: flex;

  align-items: center;

  background-color: var(--grey-1000);
  border: 2px solid transparent;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-6px);
}

.filter_editor-module__op--WtKRQ {
  font-size: var(--text-14px);
  line-height: var(--text-24px);
  font-weight: var(--weight-300);
}

.filter_editor-module__iconSearch--BeH-Y {
  padding: 0 var(--base-space) 0 var(--space-8px);
  width: var(--space-18px);
  box-sizing: content-box;
}

.filter_editor-module__iconSearch--BeH-Y img {
  width: var(--space-18px);
  height: var(--space-18px);
}

.filter_editor-module__btnClear--60hW2 {
  margin: 0 var(--base-space);
}

.filter_editor-module__intRangeInput--L-jnL {
  max-width: var(--space-32px);
  margin-left: var(--space-half-base);
}

.filter_editor-module__intRangeSeparator--q3v9w {
  font-size: var(--text-14px);
}

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

.filter_builder-module__container--7T1r1 {
  padding: calc(6px - 1px);
  box-sizing: border-box;

  display: flex;

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

  background: var(--grey-900);
  border: 1px solid var(--grey-600);
  border-radius: 4px;
  gap: 6px;
}

.filter_builder-module__noContainer--FZl6r input {
  background: transparent;
}

.filter_builder-module__grow--BNPBD {
  flex-grow: 1;
}

.filter_builder-module__filters--BveH4 {
  display: flex;

  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.filter_builder-module__row--GsD28 {
  width: 100%;

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

.filter_builder-module__filters--BveH4:empty {
  display: none;
}

.filter_builder-module__filterIconOutline--HCcl5 {
  color: var(--icon-default);

  margin-left: var(--space-8px);
}

.filter_builder-module__clearFilters--HOKS- {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-200);

  padding: 2px calc(var(--base-space) * 2.5) 2px var(--base-space);

  display: flex;

  align-self: stretch;
  align-items: center;
  border-right: 1px solid var(--grey-600);
  cursor: pointer;
}

/* quick filters */
.filter_builder-module__quickFilterContainer---UpCQ {
  height: 100%;

  display: flex;

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

.filter_builder-module__quickFilterButton--bmdBq {
  white-space: nowrap;

  height: var(--space-48px);
  padding: 6px var(--space-16px) 6px;

  display: flex;

  align-items: center;

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

  /* not using variables because it does not align with the 8 px grid */
  border: 1px solid var(--grey-700);
  border-radius: 4px;
  gap: var(--base-space);
}

.filter_builder-module__quickFilterIcon--6Zho5 {
  color: var(--primary-400);

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

.filter_builder-module__quickFilterText--xJy7Q {
  font-family: Roboto, sans-serif;
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  letter-spacing: 0.014px;
  line-height: var(--text-20px);
}

[data-theme='light'] .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='light'] .filter_builder-module__quickFilterText--xJy7Q {
  /* not using a variable as light and dark mode are not consistent in its variable use */
  color: #000;
}

[data-theme='dark'] .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='dark'] .filter_builder-module__quickFilterText--xJy7Q {
  color: var(--grey-300);
}

/* hover state */
[data-theme='light'] .filter_builder-module__quickFilterButton--bmdBq:hover,
[data-force-theme='light'] .filter_builder-module__quickFilterButton--bmdBq:hover {
  border-color: var(--primary-400);
}

[data-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq:hover,
[data-force-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq:hover {
  background-color: var(--primary-900);
  border-color: var(--primary-400);
}

[data-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq:hover .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq:hover .filter_builder-module__quickFilterText--xJy7Q {
  /* not using a variable as light and dark mode are not consistent in its variables use */
  color: #fff;
}

[data-theme='light'] .filter_builder-module__quickFilterButton--bmdBq:hover .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='light'] .filter_builder-module__quickFilterButton--bmdBq:hover .filter_builder-module__quickFilterText--xJy7Q {
  /* not using a variable as light and dark mode are not consistent in its variables use */
  color: #040814;
}

/* selected state */
[data-theme='light'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl,
[data-force-theme='light'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl {
  border-color: var(--primary-400);
}

[data-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl,
[data-force-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl {
  background-color: var(--primary-900);
  border-color: var(--primary-400);
}

[data-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='dark'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl .filter_builder-module__quickFilterText--xJy7Q {
  /* not using a variable as light and dark mode are not consistent in its variables use */
  color: #fff;
}

[data-theme='light'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl .filter_builder-module__quickFilterText--xJy7Q,
[data-force-theme='light'] .filter_builder-module__quickFilterButton--bmdBq.filter_builder-module__selected--c-Arl .filter_builder-module__quickFilterText--xJy7Q {
  /* not using a variable as light and dark mode are not consistent in its variables use */
  color: var(--grey-200);
}

.filter_builder-module__advancedFiltersCalloutActions--M12Oy {
  display: flex;
  gap: var(--space-8px);
}
.filter-module__container--xqN5M {
  max-width: 100%;
  margin: 0;
  padding: var(--base-space) 14px;

  position: relative;

  display: flex;

  align-items: center;

  background-color: var(--grey-1000);
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.filter-module__container--xqN5M.filter-module__selected--2kI3b,
.filter-module__container--xqN5M:hover,
.filter-module__container--xqN5M:active,
.filter-module__container--xqN5M:focus {
  border-color: var(--primary-400);
}

.filter-module__label--GZ7fo,
.filter-module__divider--smQyN,
.filter-module__values--OdSRZ {
  color: var(--primary-200);
}

.filter-module__label--GZ7fo {
  font-family: bodyfont, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;

  height: 100%;
  padding: 0;

  display: flex;

  align-items: center;
}

.filter-module__propertyLabel--Eejlu {
  font-style: italic;
}

.filter-module__divider--smQyN {
  font-size: 14px;
  font-weight: 500;

  padding: 0 14px;
}

.filter-module__values--OdSRZ {
  font-family: bodyfont, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;

  padding: 0;

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

.filter-module__btnClose---j97m {
  width: 12px;
  height: 12px;
  padding: 0;
  box-sizing: border-box;

  position: absolute;
  top: -4px;
  left: -4px;

  display: none;

  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.filter-module__closeIcon--4NF6n {
  font-size: 10px;

  width: 13px;
  height: 13px;

  background-color: var(--grey-1000);
  border: 1px solid var(--primary-400);
  border-radius: 50%;
}

.filter-module__closeIcon--4NF6n::before {
  color: var(--primary-400);
  transform: translate(0, -1px);
}

.filter-module__container--xqN5M.filter-module__selected--2kI3b .filter-module__btnClose---j97m,
.filter-module__container--xqN5M:hover .filter-module__btnClose---j97m,
.filter-module__container--xqN5M:active .filter-module__btnClose---j97m,
.filter-module__container--xqN5M:focus .filter-module__btnClose---j97m {
  display: flex;

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

.filter-module__container--xqN5M.filter-module__disabled--iri-U {
  opacity: 0.43;
}

.filter-module__container--xqN5M.filter-module__disabled--iri-U,
.filter-module__container--xqN5M.filter-module__readonly--b8rP7 {
  pointer-events: none;
}

.filter-module__container--xqN5M.filter-module__withContrast--n8GwE {
  background-color: var(--grey-800);
}

.filter-module__container--xqN5M.filter-module__disabled--iri-U .filter-module__btnClose---j97m,
.filter-module__container--xqN5M.filter-module__readonly--b8rP7 .filter-module__btnClose---j97m {
  display: none;
}

.filter-module__container--xqN5M.filter-module__readonly--b8rP7 .filter-module__values--OdSRZ,
.filter-module__container--xqN5M.filter-module__readonly--b8rP7 .filter-module__label--GZ7fo,
.filter-module__container--xqN5M.filter-module__readonly--b8rP7 .filter-module__divider--smQyN {
  color: var(--grey-200);
}

.filter-module__container--xqN5M.filter-module__invalid--TD1my {
  border: 1px solid var(--border-negative);
}

.filter-module__container--xqN5M.filter-module__truncate--LcXDm {
  white-space: nowrap;
}
.AppError-module__container--LI3iW {
  text-align: center;

  height: 100vh;

  display: flex;

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

.AppError-module__icon--EYGs- {
  color: var(--icon-negative);
}

.AppError-module__title--2V29D {
  color: var(--text-primary);

  margin: var(--space-16px) 0 var(--space-8px);
}

.AppError-module__message--05fQv {
  color: var(--text-tertiary);
}
.OptionsMenuTrigger-module__optionsMenuTrigger--EmULf {
  color: var(--icon-default);
  line-height: 0;

  width: 32px;
  height: 32px;

  display: flex;

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

.OptionsMenuTrigger-module__optionsMenuTrigger--EmULf:hover {
  color: var(--icon-focused);

  background-color: var(--background-hover);
  border-radius: 100%;
  cursor: pointer;
}
.Shortcuts-module__buttonContainer--oqtKm {
  display: flex;
  gap: var(--space-8px);
}

.Shortcuts-module__buttonContent--NHqpW {
  min-width: -moz-fit-content;
  min-width: fit-content;

  display: flex;

  align-items: center;
}

.Shortcuts-module__tooltipContent--34N1x {
  max-width: 180px;
}
/* stylelint-disable no-descending-specificity */
.DropdownCheckbox-module__container--uU7-r {
  min-width: var(--space-140px);

  position: relative;
}

.DropdownCheckbox-module__leftIcon--dbiCQ {
  color: var(--icon-focused);

  margin-left: auto;

  display: flex;
  gap: 8px;
}

.DropdownCheckbox-module__placeholder--Hi0Do {
  color: var(--text-tertiary);

  padding: 0 var(--space-32px) 0 var(--space-8px);
}

.DropdownCheckbox-module__default--zy7EP .DropdownCheckbox-module__placeholder--Hi0Do {
  /* Body 4 */
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.028px;

  padding: 0;
}

.DropdownCheckbox-module__disabled--nrNdX .DropdownCheckbox-module__placeholder--Hi0Do {
  color: var(--text-disabled);
}

.DropdownCheckbox-module__disabled--nrNdX {
  cursor: not-allowed;
}

.DropdownCheckbox-module__disabled--nrNdX .DropdownCheckbox-module__leftIcon--dbiCQ {
  color: var(--text-disabled);
}

.DropdownCheckbox-module__filter--RPmvB::-moz-placeholder {
  color: var(--grey-300);
}

.DropdownCheckbox-module__placeholder--Hi0Do,
.DropdownCheckbox-module__filter--RPmvB::placeholder {
  color: var(--grey-300);
}

.DropdownCheckbox-module__selectedOptionsLabel--B72cY {
  margin-left: var(--space-8px);
}

.DropdownCheckbox-module__optionsContainer--dv-F- {
  width: 100%;
  min-width: var(--space-256px);
  max-height: var(--space-386px);

  position: absolute;
  top: calc(100% + (var(--base-space) * 2));
  right: 0;
  left: auto;
  z-index: var(--option-z-index);

  overflow: auto scroll;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-700);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.DropdownCheckbox-module__optionsContainer--dv-F-.DropdownCheckbox-module__left--hcGx6 {
  right: auto;
  left: 0;
}

.DropdownCheckbox-module__optionContainer--m86VC:not(.DropdownCheckbox-module__optionContainerDisabled--Fy67z):hover,
.DropdownCheckbox-module__optionContainer--m86VC.DropdownCheckbox-module__focused--VKHux {
  background-color: var(--grey-800);
}

.DropdownCheckbox-module__optionContainer--m86VC {
  padding: 0 var(--space-18px);

  display: flex;

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

.DropdownCheckbox-module__tags--ZmHyN.DropdownCheckbox-module__disabled--nrNdX {
  color: var(--text-disabled);
}

.DropdownCheckbox-module__option--xmR5Y {
  color: var(--text-primary);
  font-size: var(--text-14px);

  padding-top: var(--space-16px);
  padding-bottom: var(--space-16px);

  display: flex;
  cursor: pointer;
}

.DropdownCheckbox-module__optionHint--D96zR {
  display: flex;
}

.DropdownCheckbox-module__optionDisabled--L9KWE {
  color: var(--text-disabled);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.DropdownCheckbox-module__optionContainerDisabled--Fy67z .DropdownCheckbox-module__option--xmR5Y {
  color: var(--text-disabled);
  cursor: default;
}

.DropdownCheckbox-module__filter--RPmvB {
  font-size: var(--text-16px);
  color: var(--grey-100);

  padding: 0;

  flex: 1;

  background: none;
  border: none;
}

.DropdownCheckbox-module__searchIcon--X-9zC {
  color: var(--grey-100);

  margin-right: 5px;
}

.DropdownCheckbox-module__empty--8kzir {
  color: var(--grey-500);
  font-style: italic;

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

.DropdownCheckbox-module__searchContainer--KC5PQ {
  height: var(--space-48px);

  border-width: 0;
  border-color: var(--grey-800);
  border-radius: 0;
  border-bottom-width: 1px;
  gap: var(--space-12px);
}

.DropdownCheckbox-module__errorMessage--dyUQL {
  color: var(--text-negative);
  font-size: var(--text-12px);

  margin: var(--base-space) 0 0 var(--space-16px);
}

.DropdownCheckbox-module__inputBox--0gmXS {
  padding: var(--space-6px) var(--space-16px);
}

.DropdownCheckbox-module__tagsContainer--q4-El {
  display: flex;

  flex-wrap: wrap;
  gap: var(--base-space);
}

.DropdownCheckbox-module__freeform--9qfv1 {
  color: var(--grey-200);

  margin-left: auto;
}

.DropdownCheckbox-module__groupContainer--8pUlg {
  border-bottom: 1px solid var(--border-secondary);
  cursor: pointer;
}

.DropdownCheckbox-module__ungroupedOptionsContainer--o--dX {
  border-bottom: 1px solid var(--border-secondary);
}

.DropdownCheckbox-module__optionGroupTitle--HixEd {
  font-size: var(--text-14px);
  color: var(--text-primary);
  text-transform: capitalize;

  padding: var(--space-16px) var(--space-16px) 0;

  display: flex;

  justify-content: space-between;
}

.DropdownCheckbox-module__optionGroupTitleNoSelection--U-wgb {
  padding-bottom: var(--space-16px);
}

.DropdownCheckbox-module__optionGroupSelectedOptions--CGVPs {
  color: var(--text-secondary);

  padding: 0 var(--space-16px) var(--space-16px);
}

.DropdownCheckbox-module__triggerIcon---EBbV {
  cursor: pointer;

  height: var(--space-16px);
}

.DropdownCheckbox-module__hintIcon--CIDyf {
  color: var(--icon-default);

  margin-left: var(--base-space);
}

.DropdownCheckbox-module__group--Xv0Sc {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: calc(var(--space-16px) * 2) auto;
}

.DropdownCheckbox-module__groupCheckbox--7TTn9 {
  margin: var(--space-16px) 0;
  justify-self: flex-end;

  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.DropdownCheckbox-module__group--Xv0Sc .DropdownCheckbox-module__groupContainer--8pUlg {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.DropdownCheckbox-module__group--Xv0Sc .DropdownCheckbox-module__optionGroupTitle--HixEd,
.DropdownCheckbox-module__group--Xv0Sc .DropdownCheckbox-module__optionContainer--m86VC,
.DropdownCheckbox-module__group--Xv0Sc .DropdownCheckbox-module__optionGroupSelectedOptions--CGVPs {
  padding-left: calc(var(--space-16px) * 3);
}

.DropdownCheckbox-module__loadingIndicator--LNVD6 {
  padding: var(--space-16px) 0;
}

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;

  display: none;
}
.SnackbarFeedback-module__container--hmhdY {
  display: flex;

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

.SnackbarFeedback-module__actions--5dRJS {
  display: flex;

  align-items: center;
}

.SnackbarFeedback-module__icon--8HKxM {
  color: var(--text-primary);

  /* matching design */
  width: 30px;
  height: 30px;
  margin: -5px auto;

  /* visual effect */
  padding: 5px;

  border-radius: 50%;
  cursor: pointer;
}

.SnackbarFeedback-module__icon--8HKxM:hover {
  background: var(--treemap-background-success-hover);
}

.SnackbarFeedback-module__undo--q1eM3 {
  margin-left: var(--space-8px);
}
.TextArea-module__textarea---R2n0 {
  font-size: 14px;
  color: var(--text-primary);

  width: 100%;
  padding: 0;

  background: none;
  border: none;
  resize: none;
}

.TextArea-module__textarea---R2n0::-moz-placeholder {
  color: var(--text-tertiary);
}

.TextArea-module__textarea---R2n0::placeholder {
  color: var(--text-tertiary);
}

.TextArea-module__errorMessage--swG7A {
  color: var(--text-negative);

  margin: var(--base-space) 0 0 var(--space-16px);
}

.TextArea-module__default--gXHS4.TextArea-module__errorMessage--swG7A {
  margin-top: var(--space-4px);
  margin-inline: var(--space-16px) var(--space-8px);
}

.TextArea-module__default--gXHS4.TextArea-module__boxTextarea--gN167 {
  height: 48px;
}
.FilterBuilderPromptForm-module__container--U0OuZ {
  color: var(--text-primary);

  width: 100%;

  display: flex;

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

.FilterBuilderPromptForm-module__header--LRsNW {
  height: var(--space-24px);
  min-height: var(--space-48px);

  display: flex;

  justify-content: space-between;
}

.FilterBuilderPromptForm-module__actions--LrCO- {
  display: grid;
  grid-auto-flow: column;

  justify-content: space-between;
}
.AppliedFilters-module__container--e6Uuh {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.AppliedFilters-module__queryLanguage---1HM0 {
  min-height: 36px;
  padding: var(--space-8px) var(--space-12px);

  display: flex;

  align-items: center;

  background: var(--background-product-light);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--border-product);
  gap: var(--space-8px);
  cursor: pointer;
  overflow-wrap: anywhere;
}

.AppliedFilters-module__lockedFilter--baPKG {
  cursor: default;
  opacity: 0.8;

  background: var(--background-product-lighter);
}
.IconSparklesAnimated-module__sparklesIcon--07UKV {
  display: block;
  overflow: visible;
}

.IconSparklesAnimated-module__sparkle--Quos- {
  fill: currentColor;
  stroke: currentColor;
  transform-origin: center;
  transform-box: fill-box;

  animation: IconSparklesAnimated-module__twinkle--pR0ws 3.1s ease-in infinite;
}

.IconSparklesAnimated-module__sparkleDelayed--gOXha {
  animation-delay: 0.3s;
}

@keyframes IconSparklesAnimated-module__twinkle--pR0ws {
  0% {
    transform: scale(1);
    fill-opacity: 1;
    stroke-width: 0;
  }

  35% {
    transform: scale(1.4);
    fill-opacity: 0;
    stroke-width: 1.5;
  }

  55% {
    transform: scale(1.4);
    fill-opacity: 0;
    stroke-width: 1.5;
  }

  90%,
  100% {
    transform: scale(1);
    fill-opacity: 1;
    stroke-width: 0;
  }
}
.FetchedContent-module__error--j7Qci {
  height: 100%;
  min-height: 200px;

  display: grid;

  place-content: center;
}
.SavedFiltersMenu-module__scrollable--m6WS- {
  max-height: 350px;

  overflow-y: auto;
}

.SavedFiltersMenu-module__section--GM5kQ {
  padding-top: var(--space-16px);

  display: flex;

  flex-direction: column;
  align-items: flex-start;
}

.SavedFiltersMenu-module__section--GM5kQ.SavedFiltersMenu-module__empty--Caw41 {
  padding-bottom: var(--space-10px);
}

.SavedFiltersMenu-module__dividedSection--GZ1z9 {
  border-bottom: 1px solid var(--border-primary);
}

.SavedFiltersMenu-module__header--VcevI {
  color: var(--text-tertiary);

  padding: 0 var(--space-24px);
  place-self: stretch;

  display: flex;

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

.SavedFiltersMenu-module__empty--Caw41 {
  color: var(--text-primary);
}

.SavedFiltersMenu-module__list---EsI4 {
  width: 100%;
  margin: 0;
  padding: 0;

  display: flex;

  flex-direction: column;
  list-style: none;
}

.SavedFiltersMenu-module__saveButton--Uxq-Q {
  margin-left: var(--space-8px);
}

.SavedFiltersMenu-module__modal--ols93 {
  width: 535px;
}
.SavedFilterMenuItem-module__item--3d3j0 {
  padding: var(--space-10px);
  padding-left: var(--space-24px);

  display: grid;

  justify-content: space-between;
  grid-template-columns: repeat(2, auto);

  gap: var(--card-sub2-spacing);
  cursor: pointer;
  list-style-type: none;
  place-self: stretch;
  grid-auto-flow: column;

  align-items: center;
}

.SavedFilterMenuItem-module__tooltipTrigger--Dq30D {
  display: grid;
}

.SavedFilterMenuItem-module__item--3d3j0:hover {
  background-color: var(--background-hover);
}

.SavedFilterMenuItem-module__contextualMenuContent--piddM {
  overflow: hidden;
}

.SavedFilterMenuItem-module__contextualMenuItem--iitGy {
  white-space: nowrap;

  display: flex;

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

.SavedFilterMenuItem-module__noWrap--eYkCS {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.DropdownButton-module__dropdownButton--DJdVz {
  min-width: var(--space-140px);
  height: 40px;
  margin: 0;
  padding: var(--space-10px) var(--space-16px) var(--space-10px)
    var(--space-24px);

  display: flex;

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

  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-8px);
}

.DropdownButton-module__caretIcon--CTtrw {
  flex-shrink: 0;
}

.DropdownButton-module__dropdownButton--DJdVz.DropdownButton-module__secondary---rVZh,
.DropdownButton-module__dropdownButton--DJdVz.DropdownButton-module__filter--WwMcj {
  height: 36px;
}

.DropdownButton-module__dropdownButton--DJdVz.DropdownButton-module__filter--WwMcj {
  min-width: auto;
}

.DropdownButton-module__secondary---rVZh,
.DropdownButton-module__filter--WwMcj {
  color: var(--text-primary);

  padding: var(--space-6px) var(--space-12px) var(--space-6px) var(--space-12px);

  border: 1px solid var(--border-primary);
}

.DropdownButton-module__secondary---rVZh.DropdownButton-module__caret--bWBlK,
.DropdownButton-module__filter--WwMcj.DropdownButton-module__caret--bWBlK {
  padding: var(--space-6px) var(--space-12px) var(--space-6px) var(--space-20px);
}

.DropdownButton-module__secondary---rVZh:not(.DropdownButton-module__disabled--dZxgn):active,
.DropdownButton-module__secondary---rVZh:not(.DropdownButton-module__disabled--dZxgn).DropdownButton-module__open--gicdq,
.DropdownButton-module__filter--WwMcj:not(.DropdownButton-module__disabled--dZxgn):active,
.DropdownButton-module__filter--WwMcj:not(.DropdownButton-module__disabled--dZxgn).DropdownButton-module__open--gicdq {
  background: var(--background-tertiary);
  border-color: var(--border-secondary);
}

.DropdownButton-module__secondary---rVZh:not(.DropdownButton-module__disabled--dZxgn):hover,
.DropdownButton-module__filter--WwMcj:not(.DropdownButton-module__disabled--dZxgn):hover {
  background: var(--background-hover);
  border-color: var(--border-secondary);
}

.DropdownButton-module__secondary---rVZh.DropdownButton-module__error--XIl4S,
.DropdownButton-module__filter--WwMcj.DropdownButton-module__error--XIl4S {
  border-color: var(--border-negative);
}

.DropdownButton-module__secondary---rVZh.DropdownButton-module__disabled--dZxgn,
.DropdownButton-module__filter--WwMcj.DropdownButton-module__disabled--dZxgn {
  color: var(--text-disabled);

  border-color: var(--border-disabled);
}

.DropdownButton-module__empty--v2PsF {
  color: var(--text-tertiary);
}

.DropdownButton-module__iconDisabled--BS4OJ {
  color: var(--icon-disabled);
}

.DropdownButton-module__value--wCAN- {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.SavedFilters-module__content--xz1tS {
  width: 306px;
}
.SavedFilterForm-module__inputLabel--sLpln {
  color: var(--text-secondary);
}

.SavedFilterForm-module__container--nJIea {
  display: flex;

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

.SavedFilterForm-module__section--dte2h {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.SavedFilterForm-module__inputGroup--FXVjq {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.SavedFilterForm-module__inputCaption--lHxME {
  color: var(--text-tertiary);

  padding-left: var(--space-16px);
}

.SavedFilterForm-module__row--GyfSU {
  display: flex;

  flex-direction: row;
  gap: var(--card-min-spacing);
}

.SavedFilterForm-module__callout--LRS0l {
  color: var(--text-primary);

  padding: var(--space-20px);

  border: 1px solid;
  border-radius: 4px;
}

.SavedFilterForm-module__calloutError--gC6X- {
  background-color: var(--background-negative);
  border-color: var(--border-negative);
}
.AppliedSavedFilterModal-module__modal--hPCxk {
  width: 535px;
}
.SaveAndApplySavedFilterModal-module__modal--xGStN {
  width: 535px;
}
.AdvancedFilterForm-module__container--ySuWO,
.AdvancedFilterForm-module__buttonsContainer--X71Lg,
.AdvancedFilterForm-module__addButtons--2eChZ {
  display: flex;

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

.AdvancedFilterForm-module__buttonsContainer--X71Lg {
  justify-content: space-between;
  align-self: stretch;
}

.AdvancedFilterForm-module__buttonsContainer--X71Lg,
.AdvancedFilterForm-module__addButtons--2eChZ {
  flex-direction: row;
}

.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__large---4Vi-,
.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__large---4Vi- .AdvancedFilterForm-module__buttonsContainer--X71Lg,
.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__large---4Vi- .AdvancedFilterForm-module__addButtons--2eChZ {
  max-width: 1196px;
}

.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__small--CuASw,
.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__small--CuASw .AdvancedFilterForm-module__buttonsContainer--X71Lg,
.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__small--CuASw .AdvancedFilterForm-module__addButtons--2eChZ {
  max-width: 934px;
}

.AdvancedFilterForm-module__filterRow--CpNud {
  display: grid;

  grid-template: 1fr / minmax(45px, 115px) auto;
  gap: 16px;
}

.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__small--CuASw .AdvancedFilterForm-module__filterRow--CpNud {
  grid-template: 1fr / 115px auto;
}

.AdvancedFilterForm-module__where--GIy4H,
.AdvancedFilterForm-module__switch--vC9SQ {
  height: 40px;

  display: flex;

  justify-content: center;
  align-items: center;
  gap: 16px;
}

.AdvancedFilterForm-module__switch--vC9SQ {
  align-items: stretch;
}

.AdvancedFilterForm-module__nestedFilter--4fm1O,
.AdvancedFilterForm-module__nestedFilterRow--nt76w {
  display: flex;

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

  align-items: stretch;
}

.AdvancedFilterForm-module__nestedFilter--4fm1O {
  padding: var(--space-12px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.AdvancedFilterForm-module__header--c1qyr {
  display: flex;

  justify-content: space-between;
  transform: translateY(calc(var(--space-8px) * -1));
}

.AdvancedFilterForm-module__applyButton--MkWTl {
  margin-top: var(--space-8px);

  align-self: flex-start;
}

.AdvancedFilterForm-module__emptyState--VDReC {
  color: var(--text-tertiary);
}

.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__large---4Vi- .AdvancedFilterForm-module__emptyState--VDReC {
  width: 1196px;
}

.AdvancedFilterForm-module__container--ySuWO.AdvancedFilterForm-module__small--CuASw .AdvancedFilterForm-module__emptyState--VDReC {
  width: 777px;
}

.AdvancedFilterForm-module__actions--xDsEQ {
  display: flex;

  gap: var(--space-16px);
}
.FilterRow-module__container--9PAbA {
  display: grid;

  grid-template: 1fr / 340px 200px minmax(400px, auto) 40px;
  gap: var(--space-8px);
}

.FilterRow-module__container--9PAbA.FilterRow-module__small---yunl {
  grid-template: 1fr / 160px 190px 240px 32px;
}

.FilterRow-module__nested--U-wA- {
  grid-template: 1fr / 325px 200px minmax(280px, auto) 40px;
}

.FilterRow-module__nested--U-wA-.FilterRow-module__small---yunl {
  grid-template: 1fr / 160px 190px 240px 32px;
}

.FilterRow-module__remove---yUbH {
  color: var(--icon-default);

  max-height: 40px;
  padding: var(--space-8px);

  background: transparent;
  border: none;
  cursor: pointer;
}

.FilterRow-module__remove---yUbH.FilterRow-module__disabled--X9Gkg {
  color: var(--icon-disabled);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.FilterRow-module__error--vy5HO {
  color: var(--text-negative);
}

.FilterRow-module__field--zhcl0 {
  font-size: var(--text-14px);
}
.AdvancedFilter-module__container--lOoNo {
  display: flex;

  justify-content: flex-start;
  gap: var(--space-8px);

  flex-wrap: wrap;
  align-items: center;
}

.AdvancedFilter-module__popOverContainer--Xo2Eu {
  margin: var(--space-24px);

  display: flex;
  gap: var(--section-spacing-sub);

  flex-direction: column;
}

.AdvancedFilter-module__header--OogTd {
  display: flex;

  justify-content: space-between;
}

.AdvancedFilter-module__actions--62COP {
  display: flex;

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

.AdvancedFilter-module__addFilter--ATCP1 {
  color: var(--text-tertiary);
  cursor: pointer;
}

.AdvancedFilter-module__trigger--yA9HI {
  display: flex;
  gap: var(--space-16px);
}

.AdvancedFilter-module__separator--G1Xgh {
  width: 1px;
  height: 36px;
  margin: 0 var(--base-space);

  display: block;

  background-color: var(--grey-700);
}

.AdvancedFilter-module__switcher--5zHRg {
  display: flex;
  gap: var(--space-8px);
}

.AdvancedFilter-module__assistanceTabSwitcher--TbR4C {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-4px);

  align-items: center;
}
.AppOption-module__row--VQxbK {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.AppOption-module__checkboxOption--ZC8Na {
  padding: var(--space-12px) 0;
}
.CustomMetricFormQueryStep-module__submitRow--MSO52 {
  margin-top: var(--space-8px);
}

.CustomMetricFormQueryStep-module__section--TVV0n {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.CustomMetricFormQueryStep-module__sectionDescription--qEIAA {
  margin-top: var(--space-4px);
}

.CustomMetricFormQueryStep-module__formLabel--jZP3- {
  color: var(--text-secondary);

  display: flex;

  flex-direction: row;
  gap: var(--base-space);
}

.CustomMetricFormQueryStep-module__row--ob7Qu {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.CustomMetricFormQueryStep-module__optionalDropdown--5aXlP {
  display: flex;

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

.CustomMetricFormQueryStep-module__optionalLabel--V80ay {
  color: var(--text-disabled);

  margin-left: var(--space-16px);
}

.CustomMetricFormQueryStep-module__filterBuilderContainer--ofX5t:hover {
  border-color: var(--grey-300);
}

.CustomMetricFormQueryStep-module__filterBuilderContainer--ofX5t:focus-within {
  border-color: var(--primary-400);
}

.CustomMetricFormQueryStep-module__filterBuilderContainerDisabled--x5QiF {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.CustomMetricFormQueryStep-module__filterValues--1HRFp {
  white-space: nowrap;

  max-width: 256px;
  word-break: initial;
}

.CustomMetricFormQueryStep-module__callout---H8-7 {
  color: var(--text-primary);

  padding: var(--space-20px);

  border: 1px solid;
  border-radius: 4px;
}

.CustomMetricFormQueryStep-module__calloutWarning--83WeZ {
  background-color: var(--background-warning);
  border-color: var(--border-warning);
}

.CustomMetricFormQueryStep-module__tagsContainer--HjLe0 {
  display: flex;

  flex-wrap: wrap;
  gap: var(--base-space);
}

.CustomMetricFormQueryStep-module__disabledTag--5Fywz {
  color: var(--text-secondary);

  padding: var(--space-8px) var(--space-12px);

  background-color: var(--background-primary);
}

.CustomMetricFormQueryStep-module__tertiary--ufFkn {
  color: var(--text-tertiary);
}

.CustomMetricFormQueryStep-module__dropdownOption--YiT8j {
  padding: var(--space-12px) 0;
}

.CustomMetricFormQueryStep-module__dropdownDisabled--mhJjf {
  opacity: 1; /* avoids reduced opacity being applied twice */
}

.CustomMetricFormQueryStep-module__infoIcon--2b5bI {
  color: var(--icon-default);
}

.CustomMetricFormQueryStep-module__tooltipTrigger--YCEK8 {
  display: block;
  place-items: normal;
}

.CustomMetricFormQueryStep-module__errorGraphContainer--Sz1ac {
  display: flex;

  flex-wrap: wrap;
  place-content: center;
}
.CustomMetricFormOutputStep-module__submitRow--puxn1 {
  margin-top: var(--space-8px);
}

.CustomMetricFormOutputStep-module__section--Imfxz {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.CustomMetricFormOutputStep-module__formLabel--DAhE- {
  color: var(--text-secondary);

  display: flex;

  flex-direction: row;
  gap: var(--base-space);
}

.CustomMetricFormOutputStep-module__row--5PqQw {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.CustomMetricFormOutputStep-module__checkboxRow--0i-8I {
  display: flex;
  gap: var(--space-96px);
}

.CustomMetricFormOutputStep-module__column--fY20j {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.CustomMetricFormOutputStep-module__noGap--Z6g3Z {
  gap: 0;
}

.CustomMetricFormOutputStep-module__errorMessage--0JHcZ {
  color: var(--text-negative);
}

.CustomMetricFormOutputStep-module__infoIcon--Dczyu {
  color: var(--icon-default);
}

.CustomMetricFormOutputStep-module__granularityTooltipContainer--7Wifq {
  display: flex;

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

.CustomMetricFormOutputStep-module__granularityInfoIcon--4hkby {
  color: var(--color-text-secondary);
}
.CustomMetricForm-module__titleContainer--CYi2g {
  display: grid;
  gap: var(--card-sub2-spacing);

  justify-content: space-between;
  grid-auto-flow: column;
}

.CustomMetricForm-module__formTitle--zXlZO {
  white-space: nowrap;

  max-width: 100%;

  overflow: hidden;

  align-self: center;
  word-break: break-all;
  text-overflow: ellipsis;
}

.CustomMetricForm-module__shortcuts--kQm-X {
  padding-right: var(--space-20px);
}

.CustomMetricForm-module__formStep---S2So {
  border-top: 1px solid var(--border-secondary);

  color: var(--text-secondary);

  padding-top: var(--space-10px);
  width: 50%;
}

.CustomMetricForm-module__formStep---S2So.CustomMetricForm-module__formStepActive--wPoEG {
  border-top: 2px solid var(--border-product);

  color: var(--text-primary);
}

.CustomMetricForm-module__formStepText--wg7rc {
  display: flex;
  gap: var(--space-8px);
}

.CustomMetricForm-module__formStepNumber--pWDfS {
  text-align: center;

  width: 24px;
  height: 24px;

  display: inline-block;

  border: 1px solid var(--border-product);
  border-radius: 50%;
}

.CustomMetricForm-module__formStepActive--wPoEG .CustomMetricForm-module__formStepNumber--pWDfS {
  color: var(--dark-text-primary);

  background: var(--background-product-active);
  border: none;
}

.CustomMetricForm-module__stepRow--ruE7j {
  display: flex;
  gap: 0;

  justify-content: space-between;
}

.CustomMetricForm-module__container--Qx7lq {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);

  justify-content: space-between;
}

.CustomMetricForm-module__row--3TEQP {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.CustomMetricForm-module__callout--GPeMh {
  color: var(--text-primary);

  padding: var(--space-20px);

  border: 1px solid;
  border-radius: 4px;
}

.CustomMetricForm-module__calloutError--ta24r {
  background-color: var(--background-negative);
  border-color: var(--border-negative);
}

.CustomMetricForm-module__calloutInfo--1zEnV {
  background-color: var(--background-info);
  border-color: var(--border-info);
}

.CustomMetricForm-module__primary--eik-y {
  color: var(--text-primary);
}

.CustomMetricForm-module__underline--gYLxz {
  text-decoration: underline;
}
.CustomMetricFromWidget-module__modal--TgYfT {
  max-height: 95vh;
  width: 768px;
}
.DetailButton-module__detailButton--n57Im {
  display: flex;

  justify-content: flex-end;
}
.Separator-module__separator--ZnhVv {
  width: 1px;
  height: 36px;

  align-self: center;

  background-color: var(--border-secondary);
}
.FilterRow-module__container--Qh5PL {
  display: flex;
  gap: var(--space-8px);

  flex-wrap: wrap;
  align-items: center;
}
.PickerList-module__pickerListContainer--Xspeh {
  width: 100%;

  position: relative;

  display: flex;

  flex-direction: column;
  row-gap: var(--base-space);
}

.PickerList-module__pickerTitle--2uhdq {
  position: relative;
}

.PickerList-module__pickerOptions--0QkQt {
  margin: 0;
  padding: 0;

  display: flex;

  flex-direction: column;
  list-style-type: none;
}

.PickerList-module__showMoreButton--qxQUG {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: var(--space-16px);
}

.PickerList-module__showMoreButton--qxQUG > span {
  padding-left: var(--space-6px);
  padding-right: var(--space-6px);
}

.PickerList-module__showMoreButton--qxQUG:hover {
  color: var(--primary-300);
}

/*
 * Scroll
 */

.PickerList-module__expanded--qqmBI::-webkit-scrollbar {
  width: var(--space-10px);
}

.PickerList-module__expanded--qqmBI::-webkit-scrollbar-track {
  border: solid 5px transparent;
  box-shadow: inset 0 0 5px 5px transparent;
}

.PickerList-module__expanded--qqmBI::-webkit-scrollbar-thumb {
  border-bottom: solid 4px transparent;
  border-top: solid 4px transparent;
  box-shadow: inset 0 0 5px 5px var(--grey-600);
  cursor: pointer;
}

.PickerList-module__expanded--qqmBI::-webkit-scrollbar-button {
  display: none;
}

.PickerList-module__totalContainer--nl8nd {
  padding: 0 var(--space-6px);

  display: flex;

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

.PickerList-module__totalLabel--NxSa2 {
  color: var(--grey-200);
  font-size: var(--text-12px);
}

.PickerList-module__totalNumber---iDwj {
  color: var(--grey-100);
  font-size: var(--text-12px);
}
.PickerItem-module__pickerOption--zIRi- {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--space-16px);
  color: var(--grey-100);

  padding: var(--base-space) var(--space-6px);

  display: flex;

  justify-content: space-between;

  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-10px);
}

.PickerItem-module__pickerOption--zIRi-.PickerItem-module__disabled--WQf1u {
  cursor: not-allowed;
  opacity: 0.8;
}

.PickerItem-module__pickerOption--zIRi-:hover {
  background: var(--grey-800);
}

.PickerItem-module__pickerOption--zIRi-.PickerItem-module__disabled--WQf1u:hover {
  background: none;
}

.PickerItem-module__pickerOption--zIRi-.PickerItem-module__selected--ASdA7 {
  background: var(--grey-700);
}

.PickerItem-module__pickerOptionLabel--7ap-B {
  display: flex;

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

.PickerItem-module__colorReference--y-CLJ {
  width: var(--space-8px);
  height: var(--space-8px);

  position: relative;

  display: inline-block;

  border-radius: 50%;
}
.VersionPickerHeader-module__versionPickerHeader--C5jKl {
  line-height: var(--text-16px);

  width: 100%;

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

.VersionPickerHeader-module__clearOrSelectButton---eBg8 {
  cursor: pointer;
}

.VersionPickerHeader-module__clearOrSelectIcon--yHlLB {
  color: var(--primary-200);
}

.VersionPickerHeader-module__label--q-bhF {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  color: var(--grey-100);

  display: flex;

  flex: 1;
  justify-content: space-between;
}

.VersionPickerHeader-module__applyGloballyButton--VkMl1 {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: var(--space-16px);
}

.VersionPickerHeader-module__applyGloballyButton--VkMl1:hover {
  color: var(--primary-300);
}
.AreaXTick-module__tick--ELXk2 {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.AreaTooltip-module__tooltip---NsEe {
  color: var(--grey-200);

  padding: var(--space-12px);

  display: flex;

  flex-direction: column;

  /* these three are particularly customized as per UX requirement */
  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--space-12px);
}

.AreaTooltip-module__title--OwS7y {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}

.AreaTooltip-module__entry--OOV4e {
  font-size: var(--text-12px);

  display: flex;

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

.AreaTooltip-module__entries--R48Wj {
  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.AreaTooltip-module__entryKey--TRFX6 {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.AreaTooltip-module__dot--BpHG4 {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}
/* stylelint-disable-next-line selector-class-pattern */
.recharts-wrapper *:focus {
  outline: none;
}

.AreaGraph-module__graphContainer--qh2QB {
  width: 100%;

  position: relative;

  display: grid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.StackedMetricGraph-module__errorContainer--Y9fWE {
  width: 100%;
  margin: var(--space-40px) 0;

  display: flex;

  justify-content: center;
}
.QuickFilters-module__container--gW1Dj {
  margin-bottom: var(--space-16px);

  display: flex;

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

.QuickFilters-module__pillContainer--XMTN- {
  display: flex;
  gap: var(--space-8px);
}

.QuickFilters-module__pill--W7Xrj {
  padding: var(--space-4px) var(--space-8px);

  border: 1px solid var(--border-product);
  background-color: var(--background-product-light);
  border-radius: 4px;
}
.OverviewGraph-module__metricGraphContainer--pXmpu {
  width: 100%;

  display: flex;
  gap: var(--space-32px);
}

.OverviewGraph-module__graphContent--qsOqh {
  width: 100%;
  max-width: calc(100% - var(--space-248px) - var(--space-32px));

  position: relative;

  display: inline-block;
}

.OverviewGraph-module__appVersionPicker--yQiT6 {
  max-width: var(--space-248px);
  width: 100%;
}

.OverviewGraph-module__references--DGfO- {
  max-width: var(--space-248px);
}

.OverviewGraph-module__small--gFwo9 .OverviewGraph-module__graphContent--qsOqh {
  width: 100%;
  max-width: 100%;

  display: inline-block;
}

.OverviewGraph-module__small--gFwo9 .OverviewGraph-module__appVersionPicker--yQiT6 {
  width: 100%;
  max-width: 100%;

  float: none;
}

.OverviewGraph-module__small--gFwo9 .OverviewGraph-module__references--DGfO- {
  margin-top: var(--space-20px);
  max-width: 100%;
}

.OverviewGraph-module__empty--GpjfU {
  width: 100%;
  padding: var(--space-80px) 0;

  display: flex;

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

.OverviewGraph-module__emptyQuickFilters--wkkvc {
  text-align: center;
}

.OverviewGraph-module__loading--B4bLy {
  min-height: 200px;
}
.MetricLineGraph-module__errorContainer--jxI9O {
  width: 100%;
  margin: var(--space-40px) 0;

  display: flex;

  justify-content: center;
}
.Tab-module__tab--si-fy {
  font-weight: var(--weight-400);
  color: var(--text-tertiary);
  text-transform: capitalize;
  white-space: nowrap;

  margin: 0;
  padding: var(--space-12px) var(--space-16px);

  border-radius: 0;

  transition: background-color 0.2s;
  cursor: pointer;
}

.Tab-module__tab--si-fy:hover {
  background-color: var(--background-hover);
}

.Tab-module__tab--si-fy.Tab-module__active--rnXhv {
  color: var(--text-primary);
}

.Tab-module__tab--si-fy.Tab-module__active--rnXhv.Tab-module__bottom---Hg6A {
  border-bottom: var(--space-half-base) solid var(--border-product);

  margin-bottom: calc(var(--space-half-base) * -1);
}

.Tab-module__tab--si-fy.Tab-module__active--rnXhv.Tab-module__top--kam-i {
  border-top: var(--space-half-base) solid var(--border-product);

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

.Tab-module__tab--si-fy.Tab-module__disabled--0YizB {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.Tab-module__tab--si-fy.Tab-module__disabled--0YizB:hover {
  background-color: transparent;
}
/* Container */
.Gauge-module__gauge--9kklh {
  max-height: calc(var(--base-space) * 24);

  position: relative;

  display: flex;

  flex-direction: column;

  border-radius: 4px;
  gap: calc(var(--base-space) * 2);
}

.Gauge-module__gauge--9kklh .Gauge-module__labelContainer--wPA-R {
  display: flex;
}

.Gauge-module__gauge--9kklh .Gauge-module__labelContainerWithTooltip--i1OCt {
  gap: calc(var(--base-space) * 2);
}

.Gauge-module__gauge--9kklh .Gauge-module__label--HsFTL {
  color: var(--text-secondary);
}

.Gauge-module__gauge--9kklh .Gauge-module__tooltipIcon--cn1c- {
  color: var(--icon-default);
}

.Gauge-module__gauge--9kklh .Gauge-module__number--qFheN {
  font-size: 40px;
}

.Gauge-module__gauge--9kklh.Gauge-module__mini--26ajH .Gauge-module__number--qFheN {
  font-size: 18px;
  font-weight: normal;
}
.MetricTab-module__tabLabel--yed3b {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  color: var(--grey-200);

  display: flex;

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

.MetricTab-module__statContainer--gvF3L {
  color: var(--grey-100);

  display: flex;

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

.MetricTab-module__small--3OIOU .MetricTab-module__tabLabel--yed3b {
  overflow: hidden;
}

.MetricTab-module__stat--AoVva {
  font-size: var(--text-16px);
}

.MetricTab-module__small--3OIOU .MetricTab-module__stat--AoVva {
  overflow: hidden;
}

.MetricTab-module__small--3OIOU .MetricTab-module__statContainer--gvF3L {
  align-items: normal;
  flex-direction: column;
}

.MetricTab-module__gaugeContainer---kJtt {
  flex-direction: row;
}

.MetricTab-module__loadingIndicator--u1zDM {
  height: var(--space-48px);
  padding: 0;
}

.MetricTab-module__errorContainer--9aB-q {
  display: flex;

  align-items: center;

  gap: var(--space-8px);
}

.MetricTab-module__errorPlaceholder--Zmk2g {
  color: var(--text-tertiary);
}
.TabContainer-module__tabs--O8zJr {
  font-size: var(--text-14px);

  display: flex;

  flex-wrap: wrap;
}

.TabContainer-module__tabs--O8zJr a {
  color: var(--grey-300);
  white-space: nowrap;
}

.TabContainer-module__tabsContainer--dxXjN {
  border-bottom: var(--space-half-base) solid var(--grey-600);

  margin-bottom: var(--section-spacing-sub);
  width: 100%;
}

@media print {
  .TabContainer-module__tabsContainer--dxXjN {
    display: none;
  }
}
.DisabledMetricTab-module__disabledMetricTab--97y0z {
  max-height: var(--space-96px);

  display: flex;

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

.DisabledMetricTab-module__tabLabel--Gmj2s {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  color: var(--grey-200);

  display: flex;

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

.DisabledMetricTab-module__message--tv1Z2 {
  font-size: var(--text-16px);
  font-weight: var(--weight-400);
  line-height: var(--space-48px);
  text-transform: none;
}

.DisabledMetricTab-module__infoIcon--F4VYV {
  color: var(--icon-default);
}
.OverviewMetricsTab-module__overviewContainer--7Z0FN {
  display: inline-flex;
  gap: var(--space-8px);
}

.OverviewMetricsTab-module__loadingIndicator--S7fND {
  height: var(--space-48px);
  padding: 0;
}

.OverviewMetricsTab-module__loadingIndicatorContent--FCJmE {
  min-height: 200px;
  padding: 0;
}

.OverviewMetricsTab-module__tabContainer--Tn8QJ {
  height: var(--space-48px);
  padding: var(--space-12px) var(--space-18px);

  position: relative;

  display: flex;

  align-items: center;

  background-color: var(--grey-1000);
  border: solid 1px transparent;
  border-radius: var(--base-space) var(--base-space) 0 0;
  border-bottom: 0;
  gap: var(--space-20px);
}

.OverviewMetricsTab-module__tabContainer--Tn8QJ:hover {
  border-color: var(--grey-800);
}

.OverviewMetricsTab-module__tabContainer--Tn8QJ.OverviewMetricsTab-module__active--c25A5::after {
  width: 100%;
  height: var(--space-10px);

  position: absolute;
  bottom: calc(var(--space-10px) * -1);
  left: 0;
  z-index: 1;

  display: inline-block;

  background: var(--grey-900);
  content: '';
}

.OverviewMetricsTab-module__tabContainer--Tn8QJ.OverviewMetricsTab-module__active--c25A5,
.OverviewMetricsTab-module__tabContainer--Tn8QJ.OverviewMetricsTab-module__active--c25A5:hover {
  background-color: var(--grey-900);
  border-color: var(--grey-800);
  border-radius: 0;
}

.OverviewMetricsTab-module__metric--znjeg {
  padding: 0;
}

.OverviewMetricsTab-module__metric--znjeg:hover {
  background: none;
}

.OverviewMetricsTab-module__clickDisabled--sAGqG {
  cursor: not-allowed;
}

.OverviewMetricsTab-module__graphContainer--4eyZD {
  border-top-left-radius: 0;
  border-top-right-radius: 0;

  display: flex;

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

.OverviewMetricsTab-module__empty--PlKdh {
  padding: var(--space-80px) 0;
}

.OverviewMetricsTab-module__subTabsCard--M6uQo {
  padding: var(--chart-padding);
}
.PaywallMessage-module__container--WfTWN {
  max-width: 150px;

  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
}
.ColumnHandler-module__floatingCard--KfJu2 {
  text-align: left;

  padding: 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 240px;
}

.ColumnHandler-module__icon--nitwN {
  margin-right: var(--space-4px);
}

.ColumnHandler-module__icon--nitwN.ColumnHandler-module__active--rmbOL {
  color: var(--icon-focused);
}

.ColumnHandler-module__list--8Beg- {
  list-style: none;

  margin: 0;
  padding: 0;
}

.ColumnHandler-module__title--5MDfO {
  color: var(--text-primary);

  margin: var(--space-12px) var(--space-16px) var(--base-space);
}

.ColumnHandler-module__list--8Beg- > li {
  padding: var(--space-10px) var(--space-20px);

  display: flex;
  gap: var(--space-20px);
}

.ColumnHandler-module__list--8Beg- > li:hover {
  background-color: var(--background-tertiary);
}

.ColumnHandler-module__iconDrag--fH38y {
  color: var(--icon-default);
}

.ColumnHandler-module__label--uNiQP {
  color: var(--text-primary);
}

label.ColumnHandler-module__disabled--F-PWF div {
  color: var(--text-disabled);
}

.ColumnHandler-module__tooltipContainer--4qt3Y,
.ColumnHandler-module__triggerClassName--aRprp {
  flex: 1;
}

.ColumnHandler-module__triggerClassName--aRprp {
  gap: var(--space-20px);
}
/* stylelint-disable no-descending-specificity */

.Table-module__scroll--unrJp {
  height: 100%;
}

.Table-module__thead---Y6gf {
  position: relative;
}

.Table-module__scroll--unrJp .Table-module__thead---Y6gf {
  position: sticky;

  outline: 1px solid var(--border-secondary);
  outline-offset: 0;
}

.Table-module__scroll--unrJp:not(.Table-module__infinite--RnKYd) .Table-module__thead---Y6gf {
  top: 0;
  z-index: var(--table-sticky-header-z-index);
}

.Table-module__scroll--unrJp.Table-module__infinite--RnKYd .Table-module__thead---Y6gf {
  z-index: var(--table-sticky-header-z-index);
  box-shadow: var(--default-box-shadow);
}

.Table-module__container--Kb-5q {
  --row-background-color: var(--grey-900);
  position: relative;

  border-radius: 4px;
  outline: 1px solid var(--grey-800);
}

.Table-module__container--Kb-5q:not(.Table-module__infinite--RnKYd) {
  overflow: auto;
}

.Table-module__container--Kb-5q.Table-module__hideBorders--EQdm3 {
  border-radius: 0;
  outline: none;
}

.Table-module__table--Dkosn {
  width: 100%;

  position: relative;
}

.Table-module__table--Dkosn,
.Table-module__scroll--unrJp {
  background-color: var(--row-background-color);
}

.Table-module__table--Dkosn.Table-module__fixed--p2mdU {
  table-layout: fixed;
}

.Table-module__table--Dkosn th {
  white-space: nowrap;

  min-height: 52px;

  background-color: var(--grey-800);
}

.Table-module__table--Dkosn tr:not(:last-child, .Table-module__expanded--aEIci) {
  border-bottom: 1px solid var(--grey-800);
}

.Table-module__table--Dkosn thead tr:not(:last-child, .Table-module__expanded--aEIci) {
  border-bottom: 0;
}

.Table-module__table--Dkosn th > span {
  display: grid;
  gap: var(--space-8px);
  grid-auto-flow: column;

  justify-content: flex-start;
  place-items: center;
}

.Table-module__table--Dkosn tr th {
  font-size: var(--text-14px);
  line-height: var(--text-20px);

  padding: var(--row-y-padding) var(--row-x-padding);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Table-module__table--Dkosn tr td {
  font-size: var(--text-14px);
  line-height: var(--text-20px);

  padding: var(--row-y-padding) var(--row-x-padding);

  position: relative;
}

.Table-module__table--Dkosn tr td.Table-module__extraColumnIndicator--Gj8SP,
.Table-module__table--Dkosn tr th.Table-module__extraColumnIndicator--Gj8SP {
  width: 58px;

  position: sticky;
  right: -1px;
  z-index: 1;

  background-color: var(--row-background-color);
}

.Table-module__table--Dkosn tr th.Table-module__extraColumnIndicator--Gj8SP {
  background-color: var(--grey-800);
}

.Table-module__sortAllowed--uM7fi {
  cursor: pointer;
}

.Table-module__sorting--o05LB {
  color: var(--grey-400);
  cursor: pointer;

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

.Table-module__sorting--o05LB ul {
  list-style: none;

  margin: 0;
  padding: 0;
}

.Table-module__sorting--o05LB li {
  border-bottom: 1px solid var(--grey-800);
  border-top: 1px solid var(--grey-800);

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

.Table-module__loadingIndicator--yzGRU {
  border-top: 1px solid var(--grey-800);
}

.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__expandable--SIxaA,
.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ tr.Table-module__expandable--SIxaA,
.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ tr.Table-module__expandable--SIxaA,
.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__selectable--UcvUO,
.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ tr.Table-module__selectable--UcvUO,
.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ tr.Table-module__selectable--UcvUO {
  cursor: pointer;
}

.Table-module__tooltipIcon--sY80- {
  color: var(--text-tertiary);
}

.Table-module__column--Yc-e3 {
  position: relative;
}

th > span.Table-module__headerAlignRight--NU5Sa {
  justify-content: right;
}

.Table-module__actions--Bh7IJ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

  right: 20px;
  z-index: var(--table-sticky-header-z-index);
}

.Table-module__actions--Bh7IJ.Table-module__safari--ffN5J {
  /*
    * hacky way to place this button in a centered place.
    * combo top: 50%; / transform: translateY(-50%); doesn't work in Safari
    */
  margin-top: 10px;
  transform: none;

  top: 0;
}

/* Placeholder for columns handler that is outside of the table (performance purposes) */
.Table-module__columnActions--lfW71 {
  width: 100px;
}

/*
 * Primary only
 */
.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ > tr:hover:not(.Table-module__expanded--aEIci, .Table-module__expandedRow--9ZqFq) {
  --row-background-color: var(--color-table-primary-row-hovered);

  background-color: var(--row-background-color);
  border-bottom: solid 1px var(--color-table-primary-row-hovered);

  outline: 0;
}

.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__expanded--aEIci,
.Table-module__expandedRow--9ZqFq {
  --row-background-color: var(--background-tertiary);
  background-color: var(--row-background-color);
}

.Table-module__table--Dkosn.Table-module__primary--yKl6R.Table-module__empty--O1nyD .Table-module__tbody--6VfcQ tr:hover {
  background: transparent;
  border-bottom: solid 1px transparent;

  outline: 0;
}

.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs,
.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs:hover {
  --row-background-color: var(--color-table-secondary-row-selected);

  background-color: var(--row-background-color);
  outline: 0;
}

/* related to .tableContainer:not(.showAllCheckboxes) table tr:hover td.actionsColumn::before|::after */
.Table-module__table--Dkosn .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs:hover td::before,
.Table-module__table--Dkosn .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs:hover td::after {
  border: 0 !important;
}

.Table-module__table--Dkosn.Table-module__primary--yKl6R .Table-module__tbody--6VfcQ tr.Table-module__disabled--V3UIS {
  color: var(--text-disabled);
}

/*
 * Secondary only
 */
.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__thead---Y6gf th {
  background-color: var(--grey-900);
}

.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ {
  position: relative;

  /* top: 1px; */
}

.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ tr:hover {
  background-color: transparent;
  outline: 1px solid var(--primary-400);
  outline-offset: -1px;
}

.Table-module__table--Dkosn.Table-module__secondary--kUpjE.Table-module__empty--O1nyD .Table-module__tbody--6VfcQ tr:hover {
  background: transparent;
  border-bottom: solid 1px transparent;

  outline: 0;
}

.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs,
.Table-module__table--Dkosn.Table-module__secondary--kUpjE .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs:hover {
  --row-background-color: var(--color-table-secondary-row-selected);

  background-color: var(--row-background-color);
  outline: 0;
}

/*
 * Tertiary only
 */
.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__thead---Y6gf th {
  background-color: var(--grey-900);
}

.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ {
  position: relative;
}

.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ tr:hover {
  --row-background-color: var(--color-table-primary-row-hovered);

  background-color: var(--row-background-color);
  border-bottom: solid 1px var(--color-table-primary-row-hovered);

  outline: 0;
}

.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs,
.Table-module__table--Dkosn.Table-module__tertiary--QOAoo .Table-module__tbody--6VfcQ tr.Table-module__selected--DTjQs:hover {
  --row-background-color: var(--grey-700);

  background-color: var(--row-background-color);
  border-bottom: solid 1px var(--grey-700);
}

.Table-module__table--Dkosn.Table-module__empty--O1nyD tr td {
  text-align: center;

  padding: var(--space-76px) 0;
}

.Table-module__table--Dkosn .Table-module__expandedIndicatorCell--PTQNi {
  width: 40px;
  vertical-align: baseline;

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

.Table-module__expandedIndicatorCell--PTQNi > svg {
  position: relative;
  top: 6px;
}

.Table-module__hidden--3k90- {
  visibility: hidden;
}

.Table-module__errorContainer--91uG1 {
  width: 100%;

  display: flex;

  justify-content: center;
}

.Table-module__table--Dkosn tr td.Table-module__skeletonCell--wUl-h {
  padding: 0;
}

.Table-module__skeletonCell--wUl-h > div {
  border: none;
  border-radius: 0;
}

.Table-module__cellLink--O46-1 {
  text-decoration: none;
  color: var(--text-primary);

  height: 100%;
  margin: calc(var(--space-16px) * -1);
  padding: var(--space-16px);

  position: relative;

  display: inline-flex;

  align-items: center;
}

.Table-module__cellLink--O46-1:hover {
  text-decoration: none;
}

.Table-module__pinCell--xhim9,
.Table-module__pinHeader--aj-J6 {
  width: 50px;
}

.Table-module__pinCell--xhim9 {
  display: flex;

  place-content: center center;
}

.Table-module__table--Dkosn tr:hover .Table-module__pinIconUnpinned--OWPKQ {
  opacity: 1;
}

.Table-module__pinIcon--6PNgj,
.Table-module__pinIconUnpinned--OWPKQ {
  color: var(--icon-default);
  cursor: pointer;
}

.Table-module__pinIconUnpinned--OWPKQ {
  opacity: 0;
}

.Table-module__iconDisabled--yTeDI {
  color: var(--icon-disabled);
}
.NetworkEndpointsList-module__container--3Wlgp {
  display: flex;

  flex-direction: column;
}

.NetworkEndpointsList-module__container--3Wlgp > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.NetworkEndpointsList-module__container--3Wlgp > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}

.NetworkEndpointsList-module__ellipsis--9oxYw {
  word-break: break-all;
}

.NetworkEndpointsList-module__headerWithInfo---GyFU {
  display: flex;

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

.NetworkEndpointsList-module__column--lzh43 {
  /*
      TODO: we want to apply this to the base table but some it will break tables
      using custom cell renderers with 16px as font-size -- applying here for now
    */
  font-size: 14px;
}

.NetworkEndpointsList-module__widerColumn--cfuiC {
  min-width: var(--space-256px);
}

.NetworkEndpointsList-module__ellipsisTooltip--il1i0 {
  max-width: 600px;
}

.NetworkEndpointsList-module__infoIcon--pnSeB {
  color: var(--icon-default);
}
.HighlightText-module__highlight--nFW4p {
  /* NOTE: specifically requested by UX team to harcode the value always to light mode */
  color: var(--light-text-primary);

  border-radius: 2px;
  background: var(--chart-color6);
}
.RecentSearchesPopover-module__popoverContent--hc98G {
  width: 100%;
}

.RecentSearchesPopover-module__recentTitle---6yap {
  color: var(--text-tertiary);

  margin: var(--space-10px) var(--space-16px);
}

.RecentSearchesPopover-module__recentSearchItem--N-iCc {
  padding: var(--space-10px) var(--space-16px);

  display: flex;

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

.RecentSearchesPopover-module__recentSearchItem--N-iCc:hover {
  background: var(--background-hover);
}
.SearchBar-module__searchBox--N4n5w {
  background: var(--background-secondary);
}

.SearchBar-module__popoverContent--5kHew {
  width: 100%;
}

.SearchBar-module__recentTitle--39zCv {
  color: var(--text-tertiary);

  margin: var(--space-10px) var(--space-16px);
}

.SearchBar-module__recentSearchItem--4hx-f {
  padding: var(--space-10px) var(--space-16px);

  display: flex;

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

.SearchBar-module__recentSearchItem--4hx-f:hover {
  background: var(--background-hover);
}
.DomainTypeFilter-module__dropdown--ZjNG4 {
  min-width: auto;
}
.NetworkSummary-module__container--4bome,
.NetworkSummary-module__section--fQ3Wd {
  display: flex;

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

.NetworkSummary-module__section--fQ3Wd {
  gap: var(--section-spacing-sub);
}
.SummaryNav-module__container--KojxF {
  margin-bottom: 0;
}

.SummaryNav-module__disabled--iRlUR {
  color: var(--text-disabled);
  cursor: not-allowed;
}

.SummaryNav-module__navContainer--YoE-J {
  display: grid;

  grid-template-columns: 1fr 200px;
  gap: var(--space-20px);
}

.SummaryNav-module__navContent--P9pPK {
  display: grid;

  gap: var(--space-20px);
}

.SummaryNav-module__nav--Xbeb0 {
  display: flex;

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

.SummaryNav-module__goToSearchButton--9849s {
  align-self: center;
}

.SummaryNav-module__tab--8-K2- {
  position: relative;

  display: flex;

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

.SummaryNav-module__infoIcon--6VDMD {
  color: var(--icon-default);
}
.PropertyList-module__container--PasQZ {
  border-radius: 4px;
  border: solid 1px var(--border-primary);
}

.PropertyList-module__propertiesContainer--SjNp5 {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.PropertyList-module__propertiesContainerExpanded--qC9ca {
  grid-template-rows: 1fr;
}

.PropertyList-module__properties--uZR9C {
  --show-more-padding: var(--space-10px);

  padding: 0 var(--space-16px);

  overflow: hidden;

  border-top: solid 0 var(--border-primary);

  transition:
    padding-bottom 300ms var(--entering-animation-curve),
    border-top-width 300ms var(--entering-animation-curve);
}

.PropertyList-module__propertiesContainerExpanded--qC9ca .PropertyList-module__properties--uZR9C {
  padding-bottom: var(--show-more-padding);

  border-top-width: 1px;
}

.PropertyList-module__property--DR-Yk {
  padding: var(--space-8px) 0;
  border-bottom: solid 1px var(--border-primary);
}

.PropertyList-module__property--DR-Yk:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}

.PropertyList-module__title---qiKV {
  color: var(--text-primary);

  padding: var(--space-10px) var(--space-16px);

  display: flex;

  justify-content: space-between;
  gap: var(--space-40px);
  cursor: pointer;

  align-items: center;
}

.PropertyList-module__handlers--PQvyD {
  display: inline-flex;
  gap: var(--space-8px);

  align-items: center;
}

.PropertyList-module__extraItemsContainer--9zOuD {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.PropertyList-module__extraItemsVisible--AjJij {
  grid-template-rows: 1fr;
}

.PropertyList-module__extraItemsInner--90ZS- {
  overflow: hidden;
}

.PropertyList-module__showMoreContainer--At33J {
  border-top: solid 1px var(--border-primary);

  padding-top: var(--show-more-padding);
  margin-top: var(--space-10px);
}

.PropertyList-module__showMore--Wihts {
  color: var(--text-product-secondary);

  cursor: pointer;

  display: inline-block;
}

.PropertyList-module__showMore--Wihts:hover {
  opacity: 0.7;
}

.PropertyList-module__chevron--C1yMR {
  transition: transform 240ms ease-out;
}

.PropertyList-module__chevronExpanded--K5yrx {
  transform: rotate(90deg);
}

.PropertyList-module__labelsContainer--FfTiI {
  color: var(--text-tertiary);

  padding: var(--space-8px) 0;

  display: grid;

  grid-template-columns: minmax(100px, 200px) 1fr;
  gap: var(--space-10px);

  border-bottom: solid 1px var(--border-primary);
}

@media (prefers-reduced-motion: reduce) {
  .PropertyList-module__propertiesContainer--SjNp5,
  .PropertyList-module__extraItemsContainer--9zOuD,
  .PropertyList-module__chevron--C1yMR,
  .PropertyList-module__properties--uZR9C {
    transition: none;
  }
}
.PropertyItem-module__container--VjLDz {
  position: relative;

  display: grid;

  grid-template-columns: minmax(100px, 200px) 1fr;
  gap: var(--space-10px);
}

.PropertyItem-module__title--qcflV {
  color: var(--text-tertiary);
}

.PropertyItem-module__content--AGcpq {
  color: var(--text-primary);
  word-break: break-all;
}

.PropertyItem-module__key--ZmJim,
.PropertyItem-module__value--UcQfo {
  display: grid;
  gap: var(--space-8px);
  align-content: baseline;
}

.PropertyItem-module__showMore--kSh-8 {
  color: var(--text-product-secondary);

  align-self: start;
  cursor: pointer;
}

.PropertyItem-module__showMore--kSh-8:hover {
  opacity: 0.7;
}

.PropertyItem-module__ellipsis--0VI3K {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}

.PropertyItem-module__ellipsis--0VI3K.PropertyItem-module__small--ivIrf {
  -webkit-line-clamp: 3;
}

.PropertyItem-module__ellipsis--0VI3K.PropertyItem-module__large--q1VcK {
  -webkit-line-clamp: 7;
}
.ThreadHeader-module__thread--VE2BE {
  border: 1px solid var(--border-primary);
  border-radius: 4px;
}

.ThreadHeader-module__expanded--ZkkBq .ThreadHeader-module__header--4rm5a {
  justify-content: space-between;
}

.ThreadHeader-module__threadHeader--Iqe4T {
  padding: var(--space-20px);

  display: grid;

  grid-template-columns: auto var(--space-36px);
  align-items: center;

  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-20px);

  transition:
    border-bottom-width 300ms var(--entering-animation-curve),
    border-radius 300ms var(--entering-animation-curve);
}

.ThreadHeader-module__threadHeader--Iqe4T.ThreadHeader-module__withCopy--8f7ke {
  grid-template-columns: auto 80px;
}

.ThreadHeader-module__threadHeader--Iqe4T.ThreadHeader-module__expanded--ZkkBq {
  border-bottom-width: 0;

  border-radius: var(--base-space) var(--base-space) 0 0;
}

.ThreadHeader-module__threadInfo--eAdcJ {
  display: flex;

  flex-direction: column;
  justify-content: center;
  gap: var(--base-space);
}

.ThreadHeader-module__threadName--lGdF9 {
  color: var(--text-primary);
  word-break: normal;
  overflow-wrap: anywhere;
}

.ThreadHeader-module__threadMessage--pq69K {
  color: var(--text-secondary);
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);

  margin: 0;
}

.ThreadHeader-module__threadDetails--MgUCF {
  color: var(--text-secondary);
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
}

.ThreadHeader-module__icons--h2bQf {
  position: relative;

  display: flex;

  transition: 0.5s;
  gap: var(--space-16px);
  place-self: start end;
}

.ThreadHeader-module__chevron--3Ape0 {
  cursor: pointer;

  transition: transform 240ms ease-out;
}

.ThreadHeader-module__chevronExpanded--179xh {
  transform: rotate(90deg);
}

.ThreadHeader-module__copyIcon--d5Oza {
  color: var(--text-primary);
  cursor: pointer;
}

.ThreadHeader-module__tooltipContent--o0O-E {
  color: inherit;

  max-width: 300px;
  max-height: 192px;
  margin: 0;
  padding: 0;

  overflow-y: auto;
}

@media (prefers-reduced-motion: reduce) {
  .ThreadHeader-module__threadHeader--Iqe4T,
  .ThreadHeader-module__chevron--3Ape0 {
    transition: none;
  }
}
.SimpleCodeLine-module__container--Ht9bp {
  display: flex;

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

.SimpleCodeLine-module__highlight--TQrXR {
  background-color: var(--background-product-light);
}

.SimpleCodeLine-module__noMargin--RlfbK {
  margin: 0;
}
.SourceCodeContext-module__container--LDMky {
  width: -moz-fit-content;
  width: fit-content;

  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}
.LineMessage-module__lineMessage--Xjrny {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
  color: var(--grey-100);

  padding: var(--space-8px);

  display: inline-flex;

  align-items: center;

  background: var(--red-800);
  border: solid 1px var(--red-600);
  border-radius: var(--space-half-base);
  gap: var(--space-8px);
}

.LineMessage-module__icon--gl-si {
  color: var(--red-500);
}
.SimpleTags-module__container--pBD7u {
  width: 100%;

  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SimpleTags-module__tags--2CWnD {
  color: var(--grey-300);

  display: inline-block;
}

.SimpleTags-module__tooltipContainer--Dxrvq,
.SimpleTags-module__tooltipTrigger--8bHzV {
  width: 100%;
}
/*
 * Row (stack trace line)
 */

.StackTraceLine-module__list--1JhLX {
  list-style-type: none;

  position: relative;
}

.StackTraceLine-module__list--1JhLX:not(:last-child) {
  border-bottom: 1px solid var(--grey-600);
}

.StackTraceLine-module__list--1JhLX.StackTraceLine-module__expandable--zbP67:not(:last-child) {
  border-bottom: 1px dashed var(--grey-600);
}

.StackTraceLine-module__list--1JhLX.StackTraceLine-module__collapsable--Xi-93.StackTraceLine-module__expanded--09ZDR::before {
  width: 100%;
  height: 100%;

  position: absolute;
  z-index: 0;

  display: inline-block;

  background: var(--grey-1000);
  content: '';
  inset: 0;
  opacity: 0.2;
}

.StackTraceLine-module__line--JH3S5 {
  min-height: var(--space-56px);
  padding-top: var(--space-10px);
  padding-bottom: var(--space-10px);

  display: grid;

  grid-template-columns: var(--space-28px) var(
      --header-code-owner-column-space,
      auto
    );
  align-items: center;
  gap: var(--space-10px);
}

.StackTraceLine-module__indexContainer--3hwNR {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
  text-align: center;
}

.StackTraceLine-module__lineContent---27Cj {
  position: relative;
}

.StackTraceLine-module__missing--RVIY7 {
  color: var(--grey-400);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);

  min-height: var(--text-24px);
}

.StackTraceLine-module__fileContainer--KjH6O {
  min-height: var(--text-24px);

  display: inline-flex;

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

.StackTraceLine-module__symbolAndOffset--q0gvw {
  word-break: break-all;
}

.StackTraceLine-module__messageContainer--OmJEq {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);

  min-height: var(--text-16px);
}

.StackTraceLine-module__symbolContainer--vSHHO {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);

  min-height: var(--text-16px);
}

/*
 * Group message
 */

.StackTraceLine-module__groupMessage--rwoJ4 {
  margin-top: var(--space-10px);
}

/*
 * Expand/Collapse Icon (both and individual)
 */

.StackTraceLine-module__expandStackTraceIconContainer--nT071 {
  padding: var(--base-space) 0;

  position: absolute;
  left: -12px;
  z-index: 1;

  background: var(--grey-800);
  cursor: pointer;
  place-self: end;
}

.StackTraceLine-module__expandStackTraceIconContainer--nT071.StackTraceLine-module__top--QkJ1A {
  bottom: -16px;
}

.StackTraceLine-module__expandStackTraceIconContainer--nT071.StackTraceLine-module__bottom--i-LBy {
  bottom: initial;
  top: -16px;
}

.StackTraceLine-module__expandStackTraceIconContainer--nT071.StackTraceLine-module__expanded--09ZDR {
  padding: var(--space-half-base) 0;
}

.StackTraceLine-module__expandStackTraceIcon--uay8a {
  color: var(--grey-300);
  cursor: pointer;
}

.StackTraceLine-module__expandStackTraceIcon--uay8a:hover {
  color: var(--grey-100);
}

.StackTraceLine-module__expanded--09ZDR .StackTraceLine-module__expandStackTraceIcon--uay8a {
  color: var(--primary-200);
}

/* inherited */

.StackTraceLine-module__codeOwners--E5TVT {
  display: var(--display-code-owners, none);
}

.StackTraceLine-module__row--FBjml {
  display: flex;

  flex-direction: row;
  gap: var(--card-min-spacing);
}

.StackTraceLine-module__flexStart--3XuwY {
  align-items: flex-start;
}

.StackTraceLine-module__clickable--txwMd {
  color: var(--icon-default);
  cursor: pointer;
}

.StackTraceLine-module__clickable--txwMd:hover {
  color: var(--icon-focused);
}

.StackTraceLine-module__onHover--wSvXb {
  display: none;
}

.StackTraceLine-module__hoverable--ZGLUH:hover .StackTraceLine-module__onHover--wSvXb {
  display: inline-block;
}

.StackTraceLine-module__disabled--vi7CA {
  color: var(--text-disabled);
}

.StackTraceLine-module__negativeIcon--bo9GS {
  color: var(--icon-negative);
}

.StackTraceLine-module__horizontalScroll--neB3H {
  overflow: auto hidden;
}

.StackTraceLine-module__indent--wjmXa {
  margin-left: var(--space-64px);
  padding-right: var(--space-24px);
}
.StackTraceLineGroup-module__container---Twao {
  position: relative;
}
.StackTraceRaw-module__rawContainer--Tw8-E {
  font-family: 'Roboto Mono', monospace;
  white-space: nowrap;

  max-width: 70vw;
  margin: 0;
  padding: var(--space-24px) 0;

  display: flex;
  overflow-x: auto;

  flex-direction: column;
  gap: var(--space-8px);
}
.StackTrace-module__container--d1W6q {
  position: relative;
}

.StackTrace-module__table--xSdTP {
  width: 100%;
  margin: 0;

  position: relative;

  border: solid 1px var(--border-primary);
  border-radius: 4px;
  border-top: 0;
}

.StackTrace-module__visualization--pxvlO {
  padding: 0 var(--space-28px);

  opacity: 0;
  pointer-events: none;

  transition: opacity 150ms var(--entering-animation-curve);
}

.StackTrace-module__visualizationActive--HB-xQ {
  opacity: 1;
  pointer-events: auto;
}

.StackTrace-module__rawVisualization--WzObQ {
  position: absolute;
  inset: 0;

  overflow: hidden;
}

.StackTrace-module__rawVisualizationActive--msY5H {
  overflow: auto;
}

.StackTrace-module__rawContent--6hhLn {
  max-width: none;

  overflow-x: visible;
}

@media (prefers-reduced-motion: reduce) {
  .StackTrace-module__visualization--pxvlO {
    transition: none;
  }
}

.StackTrace-module__empty--TIF-p {
  white-space: pre-line;

  width: 100%;
  margin: 0;
  padding: var(--space-16px);
  padding-top: var(--space-12px);

  border: solid 1px var(--border-primary);
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.stack_trace-module__beta--eODzm {
  color: var(--secondary-300);

  margin-left: 8px;
  padding: 4px 12px;

  background-color: var(--secondary-800);
  border-radius: 30px;
}

.stack_trace-module__callout--WpcOZ {
  margin: 20px;
}

.stack_trace-module__callout--WpcOZ h3 {
  margin: 4px 0;
}

.stack_trace-module__callout--WpcOZ h4 {
  font-weight: weight300;

  margin: 12px 0 4px;
}

.stack_trace-module__tab--8bHp- {
  white-space: nowrap;

  display: flex;

  align-items: center;
}

.stack_trace-module__tab--8bHp-:hover {
  background: transparent;
}

.stack_trace-module__title--zI0WI {
  display: flex;

  align-items: center;
}

.stack_trace-module__flex--PLvEC {
  display: flex;
  gap: var(--space-32px);

  justify-content: space-between;
}

.stack_trace-module__more--R5EFk {
  color: var(--yellow-300);
  cursor: pointer;

  white-space: nowrap;
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapsable--1e61P td {
  color: var(--grey-400);
}

td.stack_trace-module__hasAnchor--3seuO {
  position: relative;
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapsed--PyGHj,
.stack_trace-module__line--8oVtL.stack_trace-module__collapsable--1e61P {
  border-bottom: 1px solid var(--grey-600);
}

.stack_trace-module__line--8oVtL.stack_trace-module__group--Tkc03 {
  box-shadow: inset 10px 0 var(--secondary-600);
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapsed--PyGHj:last-child {
  border-bottom: none;
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapseTop--3w4BP.stack_trace-module__collapsed--PyGHj {
  border-bottom: 1px dashed var(--grey-700);
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapseBottom--OoK4I.stack_trace-module__collapsed--PyGHj {
  border-top: 1px dashed var(--grey-700);
}

.stack_trace-module__line--8oVtL.stack_trace-module__collapseTop--3w4BP.stack_trace-module__collapsable--1e61P {
  border-bottom: none;
}

.stack_trace-module__line--8oVtL td {
  min-width: var(--space-60px);
  padding: 10px;
}

.stack_trace-module__line--8oVtL .stack_trace-module__grow--yWnaN {
  font-size: 12px;

  max-height: 0;
  opacity: 0;

  transition:
    opacity 0.3s,
    max-height 0.3s;
}

.stack_trace-module__line--8oVtL:hover .stack_trace-module__grow--yWnaN {
  max-height: var(--space-386px);
  opacity: 1;
}

.stack_trace-module__line--8oVtL:hover .stack_trace-module__grow--yWnaN.stack_trace-module__growLarge--IgWAz {
  height: 48px;
}

.stack_trace-module__line--8oVtL.stack_trace-module__group--Tkc03:hover .stack_trace-module__grow--yWnaN {
  height: 25px;
  opacity: 1;
}

.stack_trace-module__fullFile--6MWpR {
  font-size: small;

  padding-top: 2px;
}

.stack_trace-module__symbolContainer--Mgf38 {
  white-space: normal;

  display: block;
  word-break: break-word;
}

.stack_trace-module__symbol--KhfJg {
  font-size: 12px;

  margin-top: 3px;
}

.stack_trace-module__unityFileName--bI4O5 {
  font-size: var(--text-12px);

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

.stack_trace-module__symbolTitle--dTuMo {
  font-size: 16px;
}

.stack_trace-module__indexContainer--AZedY {
  text-align: center;

  position: relative;
}

.stack_trace-module__fullSize--KbOGi td:first-child.stack_trace-module__indexContainer--AZedY {
  text-align: left;

  width: 96px;
  min-width: 96px;
}

.stack_trace-module__fullSize--KbOGi td:first-child.stack_trace-module__rawIndexContainer--Il0ss {
  min-width: 16px;
  width: 96px;
}

.stack_trace-module__fullSize--KbOGi .stack_trace-module__moduleContainer--UKAA-,
.stack_trace-module__fullSize--KbOGi .stack_trace-module__textContainer--aeFY2 {
  width: 128px;
}

.stack_trace-module__collapseIcon--M6Y2n {
  color: var(--grey-100);
  cursor: pointer;

  padding: 0 12px;

  position: absolute;
  right: 40px;
  z-index: 1;
}

.stack_trace-module__collapseIcon--M6Y2n.stack_trace-module__top--SU6YV,
.stack_trace-module__collapseIcon--M6Y2n.stack_trace-module__bottom--gF4QH.stack_trace-module__collapsed--PyGHj {
  bottom: unset;
  top: calc(8px * -1);
}

.stack_trace-module__collapseIcon--M6Y2n.stack_trace-module__top--SU6YV.stack_trace-module__collapsed--PyGHj,
.stack_trace-module__collapseIcon--M6Y2n.stack_trace-module__bottom--gF4QH {
  bottom: calc(12px * -1);
  top: unset;
}

.stack_trace-module__collapseIcon--M6Y2n:empty {
  display: none;
}

.stack_trace-module__subheader--dwBKW {
  padding: 16px 32px;

  display: flex;

  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--grey-700);
}

.stack_trace-module__subheader--dwBKW.stack_trace-module__collapsed--PyGHj {
  border-bottom: none;
}

.stack_trace-module__subheader--dwBKW h4 {
  margin: 10px 0;
}

.stack_trace-module__fullSize--KbOGi .stack_trace-module__subheader--dwBKW {
  padding: 24px 32px;
}

.stack_trace-module__stack--YSPVF {
  border-radius: 4px;
}

.stack_trace-module__stack--YSPVF table {
  border-collapse: collapse;

  width: 100%;
}

.stack_trace-module__stackContainer--6u9k9.stack_trace-module__fullSize--KbOGi {
  box-shadow: none;
}

.stack_trace-module__stack--YSPVF table tr.stack_trace-module__grouped--MQ0fV {
  color: white;

  background-color: lightBlue;
  border-radius: 6px;
}

.stack_trace-module__missing--tnrB7 {
  color: var(--grey-400);
}

.stack_trace-module__raw--RuFIj {
  font-family: codeFont;
  white-space: nowrap;

  padding: 16px 32px;
  border-top: 1px solid var(--grey-700);
}

.stack_trace-module__fullSize--KbOGi .stack_trace-module__raw--RuFIj tr {
  border: none;
}

.stack_trace-module__fullSize--KbOGi .stack_trace-module__raw--RuFIj td.stack_trace-module__spacer--GKxEA {
  min-width: 24px;
}

.stack_trace-module__fullSize--KbOGi .stack_trace-module__raw--RuFIj tr td {
  padding-bottom: 0;
  padding-top: 0;
}

.stack_trace-module__expandIcon--wOCuA img {
  height: 32px;
  width: 32px;
}

.stack_trace-module__expandIcon--wOCuA.stack_trace-module__expanded--YIxF8 img {
  position: relative;
  top: 4px;
}

.stack_trace-module__spacer--GKxEA {
  min-width: 50px;
}

.stack_trace-module__swizzleMessage--oBuIg {
  white-space: pre-wrap;
}

.stack_trace-module__controls--DjkHe {
  display: flex;

  align-items: center;
}

.stack_trace-module__controls--DjkHe > * {
  margin-left: 32px;
}

.stack_trace-module__printRaw--7Ew6d {
  z-index: var(--modal-z-index);

  display: none;
}

.stack_trace-module__timestamp--m6VId {
  min-width: 128px;
}

.stack_trace-module__fuzzyMatchIcon--N79M3 {
  position: relative;
  top: 2px;
}

.stack_trace-module__details--hnCB9 {
  margin-top: 8px;
}

@media print {
  .stack_trace-module__subheader--dwBKW {
    display: none;
  }

  .stack_trace-module__raw--RuFIj {
    white-space: normal;
  }

  .stack_trace-module__stackContainer--6u9k9 {
    box-shadow: none;
  }

  .stack_trace-module__printRaw--7Ew6d {
    display: block;
  }

  .stack_trace-module__stack--YSPVF {
    display: none;
  }

  .stack_trace-module__callout--WpcOZ {
    display: none;
  }
}

.stack_trace-module__inlineCodeOnWarning--KLRjw {
  font-size: 15px;
  color: var(--yellow-100);

  background: var(--grey-700);
}

.stack_trace-module__codeMaxWidth---YaPg {
  max-width: 100%;
}
.LogStackTrace-module__content--KPXXa {
  position: relative;
}

.LogStackTrace-module__missingMessage---dPvK {
  margin: 0;
}

.LogStackTrace-module__stackTraceTabContainer--DaWJJ {
  margin-bottom: var(--space-20px);

  position: relative;

  overflow-x: auto;
}

.LogStackTrace-module__watchDogKilled--xbDUH {
  display: flex;
  gap: var(--space-10px);
}

.LogStackTrace-module__stackTraceContainer--7TNzk {
  border-radius: 0 0 var(--base-space) var(--base-space);

  transition: border-color 300ms var(--entering-animation-curve);
}

.LogStackTrace-module__collapseContainer---nrmc .LogStackTrace-module__stackTraceContainer--7TNzk {
  border-color: transparent;
}

.LogStackTrace-module__collapseContainerExpanded--reJQn .LogStackTrace-module__stackTraceContainer--7TNzk {
  border-color: var(--border-primary);
}

.LogStackTrace-module__handlers--8VqeA {
  display: flex;

  justify-content: flex-end;
}

.LogStackTrace-module__collapseContainer---nrmc {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.LogStackTrace-module__collapseContainerExpanded--reJQn {
  grid-template-rows: 1fr;
}

.LogStackTrace-module__collapseContent--y2LBA {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .LogStackTrace-module__collapseContainer---nrmc,
  .LogStackTrace-module__stackTraceContainer--7TNzk {
    transition: none;
  }
}

.LogStackTrace-module__empty--m3ncm {
  width: 100%;
  margin: 0;
  padding: var(--space-10px) var(--space-16px);

  border: solid 1px var(--border-primary);
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.LogRawDetails-module__container--3Oj6c {
  display: grid;
  gap: var(--space-10px);
}

.LogRawDetails-module__containerWithWidth--DLZYc {
  width: calc(var(--container-width) - var(--space-248px));
}

.LogRawDetails-module__content--LI94t {
  overflow: hidden;
}

.LogRawDetails-module__missingMessageCode--mJzw6 {
  max-width: initial;

  overflow-x: auto;
}

.LogRawDetails-module__stackTrace--eSMfd {
  border-top: solid 1px var(--border-primary);
}

.LogRawDetails-module__header--8X7-U {
  padding: var(--space-10px) var(--space-16px);
}
.LogRawList-module__container--m4j3s {
  position: relative;
}

.LogRawList-module__empty--wJned {
  height: 500px;
}

.LogRawList-module__message--rDxne,
.LogRawList-module__link--8UEkH,
.LogRawList-module__model--9aejQ {
  color: var(--text-primary);
}

.LogRawList-module__message--rDxne,
.LogRawList-module__model--9aejQ {
  word-break: break-all;
}

.LogRawList-module__model--9aejQ {
  text-transform: capitalize;
}

.LogRawList-module__subtype--dIaX3 {
  color: var(--text-secondary);

  display: inline-flex;

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

.LogRawList-module__table--vvoYt tr td.LogRawList-module__column--k1NAr {
  vertical-align: baseline;
}

tr:hover td.LogRawList-module__handlerContainer--sjWlR {
  background-color: var(--row-background-color);
}

tr.LogRawList-module__rowExpanded--gBjdW td.LogRawList-module__handlerContainer--sjWlR {
  background-color: var(--background-tertiary);
}

.LogRawList-module__handlerContent--2R9jr {
  color: var(--text-product-secondary);

  display: flex;

  justify-content: flex-end;
  align-items: center;
  gap: var(--base-space);
}

.LogRawList-module__table--vvoYt tr .LogRawList-module__handlerContainer--sjWlR {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: -1px;
  z-index: 1;
}

.LogRawList-module__table--vvoYt tr .LogRawList-module__handlerContainer--sjWlR .LogRawList-module__handlerContent--2R9jr {
  top: 5px;
  position: relative;
}

.LogRawList-module__table--vvoYt tr .LogRawList-module__handlerContainer--sjWlR .LogRawList-module__handlerContent--2R9jr .LogRawList-module__copyControl--g9BDj {
  opacity: 0;
}

.LogRawList-module__table--vvoYt tr:hover .LogRawList-module__handlerContainer--sjWlR .LogRawList-module__handlerContent--2R9jr .LogRawList-module__copyControl--g9BDj,
.LogRawList-module__table--vvoYt tr .LogRawList-module__handlerContainer--sjWlR .LogRawList-module__handlerContent--2R9jr.LogRawList-module__expanded--G-qSQ .LogRawList-module__copyControl--g9BDj {
  opacity: 1;
}

.LogRawList-module__table--vvoYt
  tr:hover
  .LogRawList-module__handlerContainer--sjWlR
  .LogRawList-module__handlerContent--2R9jr:not(.LogRawList-module__expanded--G-qSQ)
  .LogRawList-module__timelineControl--ARaYc
  svg {
  color: var(--text-primary);
}

.LogRawList-module__arrow--rYeFS {
  width: 18px;
  height: 18px;
  margin-left: var(--base-space);

  display: grid;

  place-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.LogRawList-module__arrow--rYeFS.LogRawList-module__expanded--G-qSQ {
  transform: rotate(90deg);
}

.LogRawList-module__contentColumn--RyTko {
  display: grid;
  gap: var(--space-4px);
}

.LogRawList-module__ellipsis---18WJ {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}

.LogRawList-module__ellipsis---18WJ.LogRawList-module__small--8Ft1k {
  -webkit-line-clamp: 1;
}

.LogRawList-module__ellipsis---18WJ.LogRawList-module__large--Zp1J- {
  -webkit-line-clamp: 7;
}

.LogRawList-module__severityContainer--z3UVh {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.LogRawList-module__severityDot--et8ft {
  width: 8px;
  height: 8px;

  flex-shrink: 0;

  border-radius: 50%;
}
.DownloadIcon-module__downloadIcon--z0SSk {
  cursor: pointer;

  color: var(--icon-default);
}

.DownloadIcon-module__downloadIcon--z0SSk:hover {
  color: var(--icon-focused);
}

.DownloadIcon-module__downloadIcon--z0SSk.DownloadIcon-module__secondary--0vewP {
  color: inherit;
}

.DownloadIcon-module__downloadIcon--z0SSk.DownloadIcon-module__small--cNVVX {
  height: 16px;
  width: 16px;
}

.DownloadIcon-module__downloadIcon--z0SSk.DownloadIcon-module__medium--EZrCE {
  height: 20px;
  width: 20px;
}

.DownloadIcon-module__downloadIcon--z0SSk.DownloadIcon-module__large--0L89W {
  height: 24px;
  width: 24px;
}
.Download-module__message--aMGAI {
  text-align: center;

  min-width: 42px;
}
/* stylelint-disable no-descending-specificity */

.RowButtons-module__container--4tAiW {
  position: relative;

  display: flex;
}

.RowButtons-module__content--qyyWq,
.RowButtons-module__hidden--ywHlX {
  line-height: 1;
}

.RowButtons-module__hidden--ywHlX,
.RowButtons-module__icon--cEvWB {
  width: var(--space-40px);
  height: var(--space-40px);
  padding: var(--space-10px);
}

.RowButtons-module__icon--cEvWB {
  position: relative;
  cursor: pointer;

  z-index: 1;

  display: inline-block;
}

.RowButtons-module__disable--PoVKt {
  cursor: not-allowed;
}

.RowButtons-module__disable--PoVKt svg {
  stroke: var(--icon-disabled);
}

/* Flavor: primary */
.RowButtons-module__primary--zPHwW .RowButtons-module__icon--cEvWB {
  color: var(--icon-default);
}

/* Flavor: secondary */
tr .RowButtons-module__secondary--M9Nqq .RowButtons-module__icon--cEvWB {
  color: var(--icon-default);
}

tr:hover .RowButtons-module__secondary--M9Nqq .RowButtons-module__icon--cEvWB {
  color: var(--icon-focused);
}

.RowButtons-module__content--qyyWq:hover .RowButtons-module__icon--cEvWB {
  color: var(--icon-focused);

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

.RowButtons-module__primary--zPHwW.RowButtons-module__content--qyyWq:hover .RowButtons-module__icon--cEvWB {
  color: var(--icon-focused);

  background-color: var(--background-hover);
}

.RowButtons-module__active--g5yG4 .RowButtons-module__primary--zPHwW.RowButtons-module__content--qyyWq:hover .RowButtons-module__icon--cEvWB {
  background-color: var(--background-product-tonal);
}

tr:hover .RowButtons-module__active--g5yG4 .RowButtons-module__secondary--M9Nqq.RowButtons-module__content--qyyWq:hover .RowButtons-module__icon--cEvWB {
  background-color: var(--background-product-tonal);
}

.RowButtons-module__content--qyyWq svg {
  height: var(--space-20px);
  width: var(--space-20px);
}

.RowButtons-module__loading--QKKvi {
  color: var(--text-tertiary);
  opacity: 0.6;

  animation: RowButtons-module__spinning--e1T6f 1s linear infinite;
}

@keyframes RowButtons-module__spinning--e1T6f {
  100% {
    transform: rotate(360deg);
  }
}
/*
   We exclude the downloadIcon because we do not want it to be active while the row is expanded. This 
   is a hack and ideally we compute the active state and pass it to the relevant children. 
   The reason we use this hack is that the downloadIcon seems to inherit the value from the isActive class 
   but the timeline link icon does not.
*/
.RawLogRowHandlers-module__isActive--XqkiT svg .RawLogRowHandlers-module__isActive--XqkiT:not(.RawLogRowHandlers-module__downloadIcon--jnCg-) {
  stroke: var(--icon-focused);
}
.LogMessage-module__logMessage--1K-Pw {
  color: var(--text-primary);
  word-break: break-all;
}

.LogMessage-module__expandMessageButton--HLBNc {
  color: var(--text-product-secondary);
}

.LogMessage-module__expandMessageButton--HLBNc:hover {
  opacity: 0.8;
}

.LogMessage-module__logMessage--1K-Pw.LogMessage-module__ellipsis--06Yx2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
}

.LogMessage-module__logMessage--1K-Pw.LogMessage-module__ellipsis--06Yx2.LogMessage-module__small--nRUX3 {
  -webkit-line-clamp: 1;
}

.LogMessage-module__logMessage--1K-Pw.LogMessage-module__ellipsis--06Yx2.LogMessage-module__large--pf5Qg {
  -webkit-line-clamp: 7;
}
.WebViewSubtype-module__tooltipContainer--iRLTC {
  max-width: 350px;
}
.RefreshButton-module__container--SV4Go {
  display: inline-flex;
  gap: var(--space-10px);

  align-items: center;
}

.RefreshButton-module__refetch--qDSR- {
  transform: scaleX(-1);
}

.RefreshButton-module__refetching--3p5Om {
  animation: RefreshButton-module__rotating--bA0Kf 1s linear infinite;
}

.RefreshButton-module__button--r4pgs {
  padding: var(--space-10px) var(--space-20px) var(--space-10px)
    var(--space-12px);
  gap: var(--space-8px);
}

.RefreshButton-module__tooltipTrigger--5RXAE {
  color: var(--icon-default);
}

@keyframes RefreshButton-module__rotating--bA0Kf {
  from {
    transform: scaleX(-1) rotate(0deg);
  }

  to {
    transform: scaleX(-1) rotate(-360deg);
  }
}
.FilterChip-module__loadingIndicator--yZN4Q {
  padding: 0;
}
.ButtonsMultiSelector-module__container--Is-xb {
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  color: var(--grey-100);
  letter-spacing: 0.002em;

  display: flex;

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

.ButtonsMultiSelector-module__expandedLayout--AKRWX {
  gap: var(--space-8px);

  flex-wrap: wrap;
}

.ButtonsMultiSelector-module__button--uempM {
  /* Matching with Button component */
  padding: 9px var(--space-16px);

  display: flex;

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

  border: 1px solid var(--border-primary);
  cursor: pointer;
  gap: var(--space-8px);
}

.ButtonsMultiSelector-module__expandedLayout--AKRWX .ButtonsMultiSelector-module__button--uempM {
  border-radius: 4px;
}

.ButtonsMultiSelector-module__button--uempM:not(.ButtonsMultiSelector-module__disabled--yAfIU):hover {
  border: 1px solid var(--primary-400);
}

.ButtonsMultiSelector-module__button--uempM.ButtonsMultiSelector-module__selected--AFddD:not(.ButtonsMultiSelector-module__disabled--yAfIU) {
  background-color: var(--primary-900);
  border: 1px solid var(--primary-400);
}

.ButtonsMultiSelector-module__button--uempM.ButtonsMultiSelector-module__disabled--yAfIU {
  opacity: 0.6;
  cursor: not-allowed;
}

.ButtonsMultiSelector-module__container--Is-xb:not(.ButtonsMultiSelector-module__expandedLayout--AKRWX) .ButtonsMultiSelector-module__button--uempM:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ButtonsMultiSelector-module__container--Is-xb:not(.ButtonsMultiSelector-module__expandedLayout--AKRWX) .ButtonsMultiSelector-module__button--uempM:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ButtonsMultiSelector-module__button--uempM.ButtonsMultiSelector-module__selected--AFddD:not(.ButtonsMultiSelector-module__disabled--yAfIU) .ButtonsMultiSelector-module__icon--Nm-Ei {
  color: var(--dark-text-product-active);
}
.LogQuickFilters-module__container--NGeSp {
  display: flex;

  flex-flow: wrap;
}

.LogQuickFilters-module__content--nG0JV {
  min-width: 300px;

  position: relative;

  display: inline-flex;

  align-self: flex-start;
  align-items: center;
  gap: var(--space-10px);
  flex-flow: wrap;
}

.LogQuickFilters-module__tooltipContent--GPIZX {
  gap: var(--space-8px);

  display: grid;
}

.LogQuickFilters-module__tooltipTrigger--M8fl1 {
  color: var(--icon-default);
}
.GroupParts-module__content--wRct7 {
  display: flex;

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

.GroupParts-module__tooltipContainer--Ic2jf {
  min-width: 0;
}

.GroupParts-module__samples--YhYFI {
  display: flex;

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

.GroupParts-module__sampleRow--HfSaM {
  display: flex;

  justify-content: space-between;
  gap: 24px;
}

.GroupParts-module__sampleString--jCgv9 {
  color: var(--text-secondary);
  white-space: nowrap;

  overflow: hidden;

  flex: 1;
  text-overflow: ellipsis;
}

.GroupParts-module__samplePct---lsKZ {
  color: var(--text-primary);

  flex-shrink: 0;
}

.GroupParts-module__title--XH9Mg {
  color: var(--text-primary);
}

.GroupParts-module__samplesCount--e0qyK {
  color: var(--text-primary);
}

.GroupParts-module__token--m2xIT {
  white-space: pre-wrap;
}
.LogList-module__container--sCTmG {
  position: relative;
}

.LogList-module__callout--HWYtk {
  flex-wrap: wrap;
}

.LogList-module__subtype--RyiYA {
  color: var(--text-tertiary);

  display: inline-flex;

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

.LogList-module__issueName--5CNVa {
  position: relative;
}

.LogList-module__messageContainer--Kty-1 {
  display: grid;
  gap: 0;
}

.LogList-module__table--KbTR9 tr td {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);
}

.LogList-module__table--KbTR9 th.LogList-module__trendColumn--lcoEa {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);
}

th > span.LogList-module__trendHeader--WkD3Z {
  display: block;
}

.LogList-module__trendHeading--Q1-2j {
  display: grid;

  grid-template-columns: auto auto;
  align-items: center;
  gap: 0 var(--space-4px);
}

.LogList-module__trendTitle--dEIh6 {
  text-align: right;
}

.LogList-module__trendResolution--XI6OZ {
  color: var(--text-secondary);

  grid-column: 1 / 3;
  grid-row: 2 / 2;
}

.LogList-module__trendContainer--5gFEF {
  width: 100%;

  display: flex;

  place-content: center;
}

.LogList-module__trend--r45t1 {
  justify-content: end;
}

tr td.LogList-module__handlerContainer--0Y7CE {
  overflow: hidden;

  background-color: transparent;
}

tr:not(:hover) td.LogList-module__handlerContainer--0Y7CE a {
  background-color: var(--background-secondary);
}

tr:not(:hover) td.LogList-module__handlerContainer--0Y7CE a::after {
  width: 70px;
  height: 300%;

  position: absolute;
  top: -100%;
  right: 0;
  z-index: -1;

  background-color: var(--background-secondary);
  content: '';
  transform: translateX(20px);
}

tr:hover td.LogList-module__handlerContainer--0Y7CE {
  background-color: var(--row-background-color);
}

.LogList-module__handlerContent--262r- {
  color: var(--text-product-secondary);

  display: flex;

  justify-content: flex-end;
  align-items: center;
  gap: var(--base-space);
}

.LogList-module__table--KbTR9 tr .LogList-module__handlerContainer--0Y7CE {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: -1px;
  z-index: 1;
}

.LogList-module__table--KbTR9 tr .LogList-module__handlerContainer--0Y7CE .LogList-module__handlerContent--262r- .LogList-module__copyControl--49VAB {
  opacity: 0;
}

.LogList-module__table--KbTR9 tr:hover .LogList-module__handlerContainer--0Y7CE .LogList-module__handlerContent--262r- .LogList-module__copyControl--49VAB {
  opacity: 1;
}

.LogList-module__table--KbTR9
  tr:hover
  .LogList-module__handlerContainer--0Y7CE
  .LogList-module__handlerContent--262r-:not(.LogList-module__expanded--U7gZR)
  .LogList-module__timelineControl--BlEIb
  svg {
  color: var(--text-primary);
}

.LogList-module__table--KbTR9 tr .LogList-module__handlerContainer--0Y7CE .LogList-module__handlerContent--262r- .LogList-module__hoverControl--8a8FS {
  opacity: 0;
}

.LogList-module__table--KbTR9 tr:hover .LogList-module__handlerContainer--0Y7CE .LogList-module__handlerContent--262r- .LogList-module__hoverControl--8a8FS {
  opacity: 1;
}

.LogList-module__infoIcon--FOxIs {
  color: var(--icon-default);
}

.LogList-module__severityContainer--pFW3F {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.LogList-module__severityDot--XqUvW {
  width: 8px;
  height: 8px;

  flex-shrink: 0;

  border-radius: 50%;
}
.TrendMetric-module__container--tr6hL {
  display: flex;

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

.TrendMetric-module__icon--If8R6 {
  --icon-padding: var(--space-6px);

  /* align the icon with the text, accounting for icon padding */
  margin-left: calc(var(--icon-padding) * -1);
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__value--zh29p,
.TrendMetric-module__container--tr6hL .TrendMetric-module__icon--If8R6 {
  color: var(--text-primary);
  text-wrap: nowrap;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__icon--If8R6.TrendMetric-module__small--JcJsu {
  width: 18px;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__icon--If8R6.TrendMetric-module__mini--953Ja {
  width: 14px;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__value--zh29p.TrendMetric-module__positive--8phWJ,
.TrendMetric-module__container--tr6hL .TrendMetric-module__icon--If8R6.TrendMetric-module__positive--8phWJ {
  color: var(--text-success);
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__value--zh29p.TrendMetric-module__negative--onjvL,
.TrendMetric-module__container--tr6hL .TrendMetric-module__icon--If8R6.TrendMetric-module__negative--onjvL {
  color: var(--text-negative);
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19 {
  display: grid;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19:not(.TrendMetric-module__lines--ABPHX) {
  grid-auto-flow: column;
  gap: var(--space-6px);
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19.TrendMetric-module__lines--ABPHX {
  grid-template-columns: auto auto;
  place-items: end;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19.TrendMetric-module__lines--ABPHX .TrendMetric-module__icon--If8R6 {
  grid-column: 1 / 2;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19.TrendMetric-module__lines--ABPHX .TrendMetric-module__integer--9h08C {
  grid-column: 2 / 3;
}

.TrendMetric-module__container--tr6hL .TrendMetric-module__both--0Hf19.TrendMetric-module__lines--ABPHX .TrendMetric-module__percentage--jMesh {
  grid-row: 2 / 2;
  grid-column: 1 / 3;
}

.TrendMetric-module__tooltipContainer--1LcZn {
  max-width: 300px;
}
.RawWithSessionFilter-module__container--jvCLI {
  display: inline-flex;
  gap: var(--space-8px);

  align-items: center;
}

.RawWithSessionFilter-module__triggerTooltip--FPX5C {
  color: var(--icon-default);
}
.LogFilters-module__container--iXuJ1 {
  position: relative;

  gap: var(--space-20px);

  display: grid;
}

.LogFilters-module__container--iXuJ1.LogFilters-module__twoColumns--wS0T5 {
  grid-template-columns: 1fr auto;
}

.LogFilters-module__search--hnbtB {
  background: var(--background-secondary);
}

.LogFilters-module__callOutPointer--ItwWg {
  position: absolute;
}
.LogSummary-module__container--BgZxT {
  display: flex;

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

.LogSummary-module__content--1GLoI {
  display: flex;
  gap: var(--section-spacing-min);

  flex-direction: column;
}

.LogSummary-module__search--8X-DA {
  background: var(--background-secondary);
}
.CrashList-module__tableContainer--FyxNn {
  border-radius: 4px;
}

.CrashList-module__appState--3VFRJ {
  width: 100px;

  display: flex;
}

.CrashList-module__appStateChildren--Gf9-V {
  width: 100%;
}

.CrashList-module__detailsState--3j5gc {
  display: block;
}

.CrashList-module__detailsNotes--5FvTN {
  width: 16px;
  height: 20px;

  position: relative;

  display: block;
}

.CrashList-module__badgeNotes--LnFvB {
  font-size: var(--text-8px);
  color: white;

  width: 14px;
  height: 14px;

  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;

  display: grid;

  background-color: var(--primary-600);
  border-radius: 14px;
  outline: 2px solid var(--grey-900);
  place-items: center;
}

.CrashList-module__wordBreak--JYiLc {
  word-break: normal;
  overflow-wrap: anywhere;
}

.CrashList-module__description--YKjjj a {
  color: var(--text-tertiary);
}

.CrashList-module__crashName--q-C7t,
.CrashList-module__crashName--q-C7t span {
  display: flex;
}

.CrashList-module__crashDetail--6-iLs {
  color: var(--text-primary);
}

table tr td.CrashList-module__columnActions--sYnRo {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}

th.CrashList-module__columnActions--sYnRo {
  position: sticky;
  right: 0;
  z-index: 1;
}

.CrashList-module__actions--YAb56 {
  height: 42px; /* hack to align with the row height because of the jira icon */

  display: flex;

  justify-content: flex-end;

  gap: var(--space-8px);
}

.CrashList-module__trendTooltipContainer--g9Wwg {
  position: relative;
  top: 2px;
}

.CrashList-module__descriptionTooltipContent--DFemo,
.CrashList-module__descriptionTooltipContent--DFemo * {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;
}

.CrashList-module__columnDisabled--cD1bO {
  color: var(--text-tertiary);
}

table tr th.CrashList-module__trendColumn--m8Qb8 {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);
}

th > span.CrashList-module__trendHeader--BVHPS {
  display: block;
}

.CrashList-module__table--snjNN {
  /* Random number choosen by the height of the `Customize` menu */
  min-height: 450px;
}
.LogDescription-module__issueName--7mTjg {
  font-size: var(--text-12px);

  position: relative;
}

.LogDescription-module__issueDetail--FSPlf {
  overflow: hidden;
  text-overflow: ellipsis;
}

.LogDescription-module__issueSeen--OLN0- {
  color: var(--text-tertiary);
}

.LogDescription-module__issueLastMessage--yn-YT {
  color: var(--text-secondary);

  display: flex;
}
.ProgressBar-module__container--Mucrb {
  width: 100%;
  height: var(--space-8px);

  display: flex;

  background-color: var(--secondary-600);
  border-radius: 4px;
}

.ProgressBar-module__filled--gFj3u {
  height: var(--space-8px);

  background-color: var(--green-600);
  border-radius: 4px;
}
.AppStateLineGraph-module__container--wuEx6 {
  display: flex;
}

.AppStateLineGraph-module__tooltipTrigger--fIEWl {
  display: flex;

  flex: 1;
}

.AppStateLineGraph-module__tooltipContainer--0bTqx {
  flex: 1;
}

.AppStateLineGraph-module__tooltipContent--gGfJK {
  width: var(--space-128px);

  display: flex;

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

.AppStateLineGraph-module__tooltipDetails--hzXIa {
  display: flex;

  flex-direction: column;
}

.AppStateLineGraph-module__tooltipTitle--COvrs {
  font-size: var(--text-12px);
  line-height: var(--space-16px);
}

.AppStateLineGraph-module__tooltipDetailRow--TE-Do {
  display: flex;

  justify-content: space-between;
}
.TrendCellHeader-module__trendHeading--HHqbT {
  display: grid;

  grid-template-columns: auto auto;
  align-items: center;
  gap: 0 var(--space-4px);
}

.TrendCellHeader-module__trendTooltipContent--u1lZb {
  min-width: 250px;
}

.TrendCellHeader-module__infoIcon--eVleM {
  color: var(--icon-default);
}

.TrendCellHeader-module__trendResolution--D3e2J {
  color: var(--text-secondary);

  grid-column: 1 / 3;
  grid-row: 2 / 2;
}
.TrendCell-module__container--4Y7ip {
  width: 100%;

  display: flex;

  place-content: center;
}

/*
  These two classes are passed down to the <Table /> component when the column is defined
  in src/hooks/useCommonCrashesAndExceptionsColumns.tsx:94. The styles file is imported directly in the hook
*/
table tr th.TrendCell-module__trendColumn--iFyFw {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);
}

th > span.TrendCell-module__trendHeader--z6WHN {
  display: block;
}
.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;
}

.JiraOverlay-module__container--oqJ41 {
  margin: 0;
  padding: 0;

  position: absolute;
  top: var(--space-36px);
  right: calc(var(--space-8px) * -1);
  z-index: 100;

  border: 1px solid var(--grey-300);
  box-shadow: 0 2px 2px 1px rgb(0 0 0 / 10%);
}

.JiraOverlay-module__content--bojiz {
  padding: var(--space-20px);

  display: grid;
  border-top: solid 1px var(--grey-700);
  gap: var(--space-16px);
}

.JiraOverlay-module__title--jQAiq {
  font-weight: var(--weight-400);
  text-align: center;

  margin: 0;
  padding: var(--space-12px) var(--space-20px);
}

.JiraOverlay-module__close--nkA69 {
  color: var(--grey-100);
  cursor: pointer;

  position: absolute;
  right: var(--space-8px);
}

.JiraOverlay-module__form--RbhIr {
  color: var(--grey-500);
  font-weight: var(--weight-300);
}

.JiraOverlay-module__form--RbhIr input {
  font-size: var(--text-14px);

  width: 100%;
  padding-top: var(--space-12px);

  border: 0;
  border-radius: 0;
  border-bottom: solid 1px var(--grey-300);
}

.JiraOverlay-module__buttonContainer--eWXls {
  display: flex;
  gap: var(--space-20px);

  justify-content: space-between;
}
/* stylelint-disable no-descending-specificity */

.JiraButton-module__container--6M-Fc {
  position: relative;
}

.JiraButton-module__icon--E67Do {
  cursor: pointer;

  width: var(--space-40px);
  height: var(--space-40px);
}

.JiraButton-module__icon--E67Do::before {
  padding: var(--space-10px);

  display: flex;

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

[data-theme='light'] .JiraButton-module__icon--E67Do {
  filter: invert(0.47);
}

[data-theme='light'] .JiraButton-module__icon--E67Do:hover {
  filter: invert(0.8);

  border-radius: 50%;
  background-color: #0000006e; /* hack related to jira icon */
}

[data-theme='dark'] .JiraButton-module__icon--E67Do {
  filter: brightness(0.5);
}

[data-theme='dark'] .JiraButton-module__icon--E67Do:hover {
  filter: brightness(0.8);

  border-radius: 50%;
  background-color: #4e4f54; /* hack related to jira icon */
}

[data-theme='light'] .JiraButton-module__icon--E67Do.JiraButton-module__active--lBcQm,
[data-theme='light'] .JiraButton-module__icon--E67Do.JiraButton-module__created--BlHHs {
  filter: invert(1);
}

[data-theme='dark'] .JiraButton-module__icon--E67Do.JiraButton-module__active--lBcQm,
[data-theme='dark'] .JiraButton-module__icon--E67Do.JiraButton-module__created--BlHHs {
  filter: invert(0);
}

.JiraButton-module__disabled--SuFd3 {
  cursor: default;
}
.NoteItem-module__note--jgcdX {
  margin-bottom: var(--space-18px);
}

.NoteItem-module__last--BjYeC {
  margin-bottom: 0;
}

.NoteItem-module__noteUser--kGO3I {
  color: var(--grey-200);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-12px);
}

.NoteItem-module__noteDate--DU25K {
  color: var(--grey-300);
  font-size: var(--text-10px);
}

.NoteItem-module__noteText--wuu3S {
  color: var(--grey-100);
  font-size: var(--text-12px);
  font-weight: var(--weight-100);

  margin: 0;
  margin-top: var(--space-8px);
  overflow-wrap: break-word;
}

.NoteItem-module__noteText--wuu3S a {
  color: var(--secondary-300);
}

.NoteItem-module__noteInput--FlsmH {
  height: var(--space-48px);

  border: 0;
  resize: none;
}

.NoteItem-module__noteInput--FlsmH:focus {
  outline: 0;
}

.NoteItem-module__counter--QRDzh {
  font-size: var(--text-12px);
  color: var(--grey-600);
  text-align: right;

  padding: 0 var(--base-space) var(--base-space) 0;

  right: var(--space-8px);
  bottom: var(--space-16px);
}

.NoteItem-module__activeMenu--9iqBZ {
  display: flex;
}
.AddNoteForm-module__formContent--drDKN {
  display: grid;
  gap: var(--space-10px);
}

.AddNoteForm-module__noteInputContainer--Ngyrw {
  position: relative;
}

.AddNoteForm-module__noteInput--UrI3W {
  font-size: var(--text-16px);
  color: var(--grey-100);

  height: var(--space-48px);
  padding: var(--space-12px) var(--space-10px);

  background: var(--grey-900);
  border: solid 1px var(--grey-600);
  resize: none;
}

.AddNoteForm-module__noteInput--UrI3W:focus {
  outline: 0;
}

.AddNoteForm-module__counter--ynHay {
  font-size: var(--text-10px);
  color: var(--grey-300);
  text-align: right;

  margin: var(--space-8px) 0;

  position: absolute;
  right: 0;
}

.AddNoteForm-module__submitButton--jLCrR {
  place-self: start;
}

.AddNoteForm-module__noteDemoAppWarning--fXLRP {
  font-size: var(--text-10px);

  margin: 0;
}
/* stylelint-disable no-descending-specificity */

.AddNoteButton-module__container--bcFbN {
  position: relative;
}

.AddNoteButton-module__content--Gb2aG {
  width: var(--space-300px);

  position: absolute;
  top: calc(100% + var(--space-8px));
  right: 0;
  z-index: 2;
}

.AddNoteButton-module__enabled--sqwAU {
  cursor: pointer;
}

.AddNoteButton-module__noteBadge--i9e4- {
  font-size: var(--text-8px);
  font-weight: var(--weight-300);
  line-height: var(--space-16px);
  color: var(--text-primary);
  text-align: center;

  width: var(--space-16px);
  height: var(--space-16px);

  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;

  background-color: var(--background-product-active);
  border-radius: 50%;
}

.AddNoteButton-module__notesIcon--2bk2z,
.AddNoteButton-module__notesIcon--2bk2z.AddNoteButton-module__disabled--m2k4v {
  color: var(--icon-default);

  padding: var(--space-10px);
  width: var(--space-40px);
  height: var(--space-40px);
}

tr:hover .AddNoteButton-module__enabled--sqwAU .AddNoteButton-module__notesIcon--2bk2z {
  color: var(--icon-focused);
}

.AddNoteButton-module__enabled--sqwAU:hover .AddNoteButton-module__notesIcon--2bk2z,
.AddNoteButton-module__notesIconOpen--yX6bD {
  color: var(--icon-focused);

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

.AddNoteButton-module__addNoteFormContainer--Er5uI {
  padding: var(--space-20px);

  background: var(--background-secondary);
  border-radius: 0 0 var(--base-space) var(--base-space);
  border: 1px solid var(--border-secondary);
  box-shadow: var(--floating-card-box-shadow);
}

.AddNoteButton-module__addNoteFormContainer--Er5uI.AddNoteButton-module__emptyNotes--fuMvd {
  border-radius: 4px;
}

.AddNoteButton-module__noteListContainer--vNkdo {
  max-height: var(--space-300px);
  padding: var(--space-20px);

  overflow: auto;

  background: var(--grey-900);
  border-radius: var(--base-space) var(--base-space) 0 0;
  box-shadow: inset 0 0 0 1px var(--grey-600);
}

.AddNoteButton-module__noteListContainer--vNkdo.AddNoteButton-module__readOnly--m5h6o {
  border-radius: 4px;
}
.ExceptionsAndCrashesActionsCell-module__container--mT-ET {
  height: 42px;

  display: flex;

  justify-content: flex-end;
  gap: var(--space-8px);
}
.HashLink-module__trigger--pBxWl {
  display: grid;
  grid-template: auto / auto auto;

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

.HashLink-module__trigger--pBxWl > a {
  white-space: nowrap;

  display: inherit;

  gap: var(--base-space);
}

.HashLink-module__trigger--pBxWl > a > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.CrashSummary-module__container--cnHzm,
.CrashSummary-module__section--HncB5 {
  display: flex;

  flex-direction: column;
}

.CrashSummary-module__section--HncB5 > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.CrashSummary-module__section--HncB5 > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}

.CrashSummary-module__list--Ehd1k {
  display: grid;
  gap: var(--space-10px);
}

.CrashSummary-module__overviewContainer--Q7cyM {
  margin-bottom: var(--section-spacing-main);

  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}
.SeverityGradient-module__tooltipContainer--PFfgw {
  width: 100%;

  display: block;
}

.SeverityGradient-module__tooltipTrigger--xmoV8 {
  width: 100%;

  display: block;
}

.SeverityGradient-module__container--FLvGd {
  width: 100%;
  height: 24px;
  padding: 0 var(--space-4px);

  position: relative;

  display: flex;

  align-items: center;
}

.SeverityGradient-module__gradientLine---5-Lv {
  width: 100%;
  height: 4px;

  background: transparent;
  border: 1px solid var(--border-primary);
  border-radius: 3px;
}

.SeverityGradient-module__gradientLineFilled--jFb5R {
  height: 4px;

  position: absolute;
  left: var(--space-4px);

  border-radius: 3px;
}

.SeverityGradient-module__dot--URAeb {
  width: 10px;
  height: 10px;

  position: absolute;
  z-index: 2;

  border-radius: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}

.SeverityGradient-module__tooltipContent--PGEtp {
  min-width: 200px;
}

.SeverityGradient-module__tooltipRow--Yj4le {
  margin-bottom: var(--space-4px);

  display: flex;

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

.SeverityGradient-module__tooltipLabel--iKoia {
  color: var(--text-secondary);
}

.SeverityGradient-module__tooltipValue--IFrAA {
  color: var(--text-primary);

  display: flex;

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

.SeverityGradient-module__tooltipDot--bazzU {
  width: 8px;
  height: 8px;

  display: inline-block;

  border-radius: 50%;
}

.SeverityGradient-module__tooltipDescription--jQCuJ {
  color: var(--text-secondary);

  max-width: 280px;
  margin-top: var(--space-8px);
  padding-top: var(--space-8px);
  border-top: 1px solid var(--border-primary);
}
.NetworkDescription-module__issueSeen--Xm98x {
  color: var(--text-tertiary);
}
/* 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 */

.webview_subtype-module__pillContainer--ryDNn {
  display: flex;

  justify-content: center;
}

.webview_subtype-module__pill--japUu {
  font-size: 12px;
  color: #fff;
  text-align: center;

  width: 96px;
  margin-top: 4px;
  padding: 4px;

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

.webview_subtype-module__title--IZ2LS {
  font-weight: 700;
  text-align: left;
}

.webview_subtype-module__clickable--6Q23x:hover {
  cursor: pointer;
}

.webview_subtype-module__divider--ipDw3 {
  margin-top: 16px;
}

.webview_subtype-module__description--ppALh {
  font-size: 14px;
  line-height: 1.5rem;
  color: hsla(0, 0%, 60%, 1);
  text-align: left;

  max-width: 512px;
  padding: 12px 0;
}

.webview_subtype-module__description--ppALh span {
  font-size: 12px;
}
/* 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;
}

.issue_list-module__chart--kQTbi {
  width: 192px;
}

.issue_list-module__filter--9N1ll {
  margin-bottom: 20px;
}

.issue_list-module__description--M0cOS {
  min-width: 512px;
  word-break: break-word;
}

.issue_list-module__detail--UGN6K {
  font-size: 11px;
}

.issue_list-module__detailStatus--XSmtG {
  font-size: 14px;
}

.issue_list-module__detailNotes--jJ4g5 {
  font-size: 12px;
}

.issue_list-module__container--LK0g5 {
}

.issue_list-module__headerContainer--m5OHq {
  margin: 12px 20px;
}

.issue_list-module__subtitle--cDH8- {
  margin-bottom: 24px;
}

.issue_list-module__listContainer--dJMGu {
  margin: 0 20px;
}

.issue_list-module__container--LK0g5 th:nth-last-child(4),
td.issue_list-module__type--7bmA9 {
  text-align: center;
}

.issue_list-module__headerContainer--m5OHq {
  display: flex;

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

.issue_list-module__inputFilter--IO2DI {
  margin-bottom: 12px;

  flex: 1;
}

.issue_list-module__cell--ygZSJ,
.issue_list-module__cell--ygZSJ a {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.issue_list-module__numberHeaderCell---Ir7l {
  width: 96px;
}

.issue_list-module__versionsHeaderCell--MZt5s {
  padding-left: var(--space-20px);
  width: var(--space-192px);
}

.issue_list-module__detailsHeaderCell--YjVDV {
  width: 96px;
}

.issue_list-module__actionHeaderCell--UIpvr {
  width: 48px;
}

.issue_list-module__trendHeaderCell--Vgiqs {
  width: 256px;
}

.issue_list-module__appStateHeaderCell--8Jk35 {
  width: var(--space-136px);
}

.issue_list-module__appState--lkTlp {
  width: var(--space-136px);
}

/* FiXME: this css selector impacts the internal styles of the Cell component,
    breaking the single responsibility principle, but it is required until the Cell
    component stops adding an empty div between its td wrapper and its children */
.issue_list-module__appState--lkTlp div {
  display: flex;
}

.issue_list-module__typeHeaderCell--Uxw3v {
  width: 96px;
}

.issue_list-module__descriptionHeaderCell--10R-V {
  min-width: 512px;
}

.issue_list-module__versionsCell--C6Veg {
  padding-left: var(--space-20px);
}

.issue_list-module__appStateLineGraph--jRhjl {
  flex: 1;
}

.issue_list-module__emptyStateCell--HdKxG {
  text-align: center;

  padding: var(--space-76px) 0;
}

.issue_list-module__severityHeaderCell--LGxaF {
  width: 128px;
}

.issue_list-module__severityCell--sgrBc {
  width: 128px;
  padding-left: var(--space-8px);
  padding-right: var(--space-8px);
}

.issue_list-module__severityCell--sgrBc .issue_list-module__noData--9m151 {
  color: var(--text-tertiary);
  text-align: center;

  display: block;
}
.crash_list-module__crashFilterContainer--Pgnx6 {
  display: block;
}
.StatusTooltip-module__glossaryTooltipWrapper--yFmkj {
  display: flex;
  gap: var(--space-4px);

  flex-direction: column;
}

.StatusTooltip-module__glossaryTooltipWrapper--yFmkj ul {
  margin: 0 0 var(--space-12px) var(--space-24px);

  display: flex;

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

.StatusTooltip-module__glossaryTooltipWrapper--yFmkj ul li {
  display: list-item;
  list-style-type: initial;
}

.StatusTooltip-module__glossaryTooltipWrapper--yFmkj ul li::before {
  display: none;
}
.AlertActions-module__container--UHqom {
  display: grid;
  grid-auto-flow: column;

  align-items: center;
  gap: var(--space-10px);
}
.monitor_status-module__button--mfzJA {
  margin-right: var(--space-24px);

  display: flex;

  justify-content: flex-end;
}

.monitor_status-module__monitorStatusContainer--x56W7 {
  display: grid;
  gap: var(--space-20px);

  grid-template-areas:
    'monitor-name monitor-name'
    'monitor-logs-and-list alert-conditions';
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}

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

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

.monitor_status-module__monitorStatusTableContainer--rxiKP {
  color: var(--text-primary);

  display: grid;

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

.monitor_status-module__metricTableContainer--AHrHy {
  display: grid;
  gap: var(--space-20px);
}

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

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

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

  display: flex;

  flex-wrap: wrap;

  border-radius: var(--space-4px);
}

.monitor_status-module__monitorTrigger--ZeaC- {
  margin: var(--space-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: var(--space-4px);
}

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

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

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

  flex-direction: row;
  gap: var(--space-24px);
}

.monitor_status-module__graphShowAllContainer--3-PD4 {
  margin-top: var(--space-8px);

  display: flex;

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

.monitor_status-module__graphShowAllToggle--w9pVc {
  margin-top: var(--space-4px);
}

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

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

.monitor_status-module__switcher--MV4QZ {
  margin-right: var(--space-12px);

  display: flex;
}

.monitor_status-module__graphEmpty--aXpsK {
  padding-top: var(--space-64px);

  display: flex;

  justify-content: center;
}

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

  overflow: hidden;
}

.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(--text-product-secondary);
  font-weight: var(--weight-300);
}

.monitor_status-module__conditionState--unbuY {
  padding: 0 0 var(--space-12px);
}

.monitor_status-module__conditionItem--AeZ89 {
  font-size: var(--text-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: var(--space-192px);

  overflow: hidden;
  text-overflow: ellipsis;
}

.monitor_status-module__inputFilter--o0IYG {
  padding: var(--space-8px);

  display: flex;
}

.monitor_status-module__emptyGraphContainer--GsY-b {
  font-size: var(--text-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: ', ';
}

/* 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_metric_graph-module__errorThreshold--8qFvX line {
  stroke: var(--chart-negative);
}

.monitor_metric_graph-module__errorThreshold--8qFvX text {
  fill: var(--text-negative);
}

.monitor_metric_graph-module__warningThreshold--NSi6F line {
  stroke: var(--chart-warning);
}

.monitor_metric_graph-module__warningThreshold--NSi6F text {
  fill: var(--text-warning);
}

.monitor_metric_graph-module__thresholdLine--CsRUC line {
  stroke-dasharray: 4 2;
  stroke-width: 2;
}

.monitor_metric_graph-module__thresholdLine--CsRUC text {
  font-size: 10px;
  font-weight: 500;
  text-anchor: end;

  text-transform: uppercase;
}
.LimitationBanner-module__link--Jbnp5 {
  cursor: pointer;

  text-decoration: underline;
}

.LimitationBanner-module__trigger--CrQTI {
  display: inline-flex;
}

.LimitationBanner-module__headerSpacing--bPjt3 {
  margin: var(--default-container-margin);
  padding-top: 90px;
}
.PageButton-module__spinner--e1qtZ {
  display: flex;

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

.PageButton-module__container--6Lxhv {
  color: inherit;

  padding: 0;

  display: flex;

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

  background: none;
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.PageButton-module__container--6Lxhv.PageButton-module__primary--pwXE5 {
  width: var(--space-36px);
  height: var(--space-36px);

  border: 1px solid var(--grey-200);
  border-radius: 4px;
}

.PageButton-module__container--6Lxhv.PageButton-module__secondary--2xIBP {
  height: var(--space-20px);
  width: var(--space-20px);
}

.PageButton-module__container--6Lxhv.PageButton-module__disabled--F15k3 {
  cursor: not-allowed;
  opacity: 0.3;
}
.CodeOwners-module__container--Odsk9 {
  max-width: 480px;

  display: flex;
}

.CodeOwners-module__container--Odsk9 > div:not(:first-child) {
  margin-left: var(--space-4px);
}

.CodeOwners-module__plus--w-pre {
  color: var(--text-tertiary);
}

.CodeOwners-module__codeOwner--Ycwnr {
  white-space: nowrap;
}


.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;
}
.monitor-module__badge--rQ9o2 {
  color: white;

  padding: var(--space-8px);

  background-color: var(--background-neutral);
  border-radius: var(--space-4px);
}

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

.monitor-module__pagesRow--2iW3K {
  padding: var(--space-8px);

  display: flex;

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

.monitor-module__bold--SbbU0 {
  font-weight: var(--weight-400);
}

.monitor-module__title--gJCx0 {
  margin: var(--space-32px) 0;
}

.monitor-module__spaced--7GMKg {
  margin: 0 var(--space-4px);
}

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

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

  justify-content: flex-end;
}

.monitor-module__modalContainer--fK9lm {
  min-height: var(--space-192px);

  display: flex;

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

.monitor-module__modalHeader--14Hz- {
  font-size: var(--text-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 var(--border-content) solid;

  margin-top: var(--space-8px);
  width: 100%;
}

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

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

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

.monitor-module__zeroStateContent--oh7kU {
  padding-right: var(--space-20px);
}

.monitor-module__limitationBanner--NPqNG {
  padding-top: 0;
  margin-bottom: var(--space-10px);
}
.moment_stats-module__filterBuilder--65QN3 {
  margin-bottom: calc(var(--base-space) * 4);
}


.stats_banner-module__statsContainer--wwJ8x {
  padding: 32px 0 0;

  display: flex;

  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--grey-800);
}

.stats_banner-module__spanContainer--5FbkR {
  display: flex;

  align-items: center;
}

.stats_banner-module__icon--71oA- {
  color: var(--secondary-300);
}

.stats_banner-module__intro--r3gp4 {
  margin-left: 12px;
}

.stats_banner-module__button--Kg4Bg {
  white-space: nowrap;

  min-width: initial;
  margin-left: auto;
}
.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;
}
.Graph-module__graphContainer--O89TA {
  display: grid;
  gap: calc(var(--base-space) * 4);

  grid-template-rows: auto 1fr;
}

.Graph-module__graphContent--jvR1O {
  position: relative;
}

.Graph-module__controlsContainer--XE58R {
  display: flex;
  gap: calc(var(--base-space) * 4);

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

.Graph-module__fullGraphModalContent--hhX9h {
  width: 80%;
  max-height: 82vh;

  overflow-y: auto;
}

.Graph-module__graphTitleModal--fhine {
  margin-bottom: calc(var(--base-space) * 6);
}
.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;
}
.view-module__container--CUT9S {
  display: flex;

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

.view-module__namespace--lve-X span {
  color: var(--grey-300);
}
.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;
}
.NameInputWithHover-module__hoverInput--8gdVl {
  width: 100%;
  padding: var(--space-10px) var(--space-16px);

  position: relative;

  display: flex;

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

  border: none;
  border-radius: 4px;

  box-shadow: inset 0 0 0 1px transparent;

  cursor: text;
}

.NameInputWithHover-module__hoverInput--8gdVl.NameInputWithHover-module__active--KM-9g:hover {
  box-shadow: inset 0 0 0 1px var(--border-secondary);
}

.NameInputWithHover-module__hoverInput--8gdVl.NameInputWithHover-module__active--KM-9g.NameInputWithHover-module__editing--ojmbM {
  box-shadow: inset 0 0 0 1px var(--border-product);
}

.NameInputWithHover-module__nameStatic--tjSRr,
.NameInputWithHover-module__nameInput--s3GWP {
  font-size: var(--text-16px);
  font-weight: 400;
  font-style: normal;
  line-height: 24px;

  padding: 0;
}

.NameInputWithHover-module__nameStaticTitle--afu8b,
.NameInputWithHover-module__nameInputTitle--8R2i0 {
  font-size: var(--text-24px);
  line-height: 26px;
}

.NameInputWithHover-module__nameStatic--tjSRr {
  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;
  overflow-wrap: anywhere;
}

.NameInputWithHover-module__nameInput--s3GWP {
  color: inherit;

  width: inherit;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0;

  background: transparent;
  border: none;
}

.NameInputWithHover-module__editInputIcon---16gi {
  position: absolute;
  right: 0;
  top: 1px;
}

.NameInputWithHover-module__maxLengthPrompt--rU2Md {
  font-size: var(--text-10px);
  color: var(--text-secondary);

  margin-right: var(--space-16px);
  margin-left: auto;

  position: absolute;
  right: -8px;
  bottom: 4px;
}

.NameInputWithHover-module__fullWidth--75lhv {
  width: 100%;
}
.NameForm-module__nameform--apuT7 {
  max-width: 100%;
  width: 100%;
}

.NameForm-module__error--xo9FU {
  color: var(--text-negative);
  white-space: nowrap;

  padding-left: var(--space-18px);
  margin-top: var(--space-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 */

.tag-module__hover--D0b5K {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

.tag-module__tag--N-eUf {
  color: var(--primary-200);

  width: -moz-fit-content;

  width: fit-content;
  padding: space250 space350;

  display: flex;

  background-color: var(--grey-1000);
  border: 1px solid transparent;
  border-radius: space100;

  transition: border 0.2s;
  cursor: pointer;
}

.tag-module__tag--N-eUf.tag-module__unselectable--PodSc {
  font-size: 14px;
  color: hsla(0, 0%, 78%, 1);

  padding: space100 space200;

  background-color: transparent;
  border-color: transparent;
}

.tag-module__tag--N-eUf.tag-module__secondary--Iy3aM {
  background: none;
}

.tag-module__tag--N-eUf.tag-module__disabled--IUsuc {
  color: hsla(0, 0%, 35%, 1);

  background-color: hsla(0, 0%, 98%, 1);
  border: 1px solid hsla(0, 0%, 98%, 1);
  cursor: default;
}

.tag-module__tag--N-eUf .tag-module__clearIcon--LBm2C {
  margin-left: space200;
}

.tag-module__tag--N-eUf .tag-module__tagInner--73ene {
  display: flex;
}

.tag-module__tag--N-eUf .tag-module__tagContent--YJoZh {
  white-space: nowrap;

  max-width: from '../../space.module.css';

  overflow: hidden;
  text-overflow: ellipsis;
}

.tag-module__tag--N-eUf:hover {
  border: 1px solid var(--primary-200);
}

.tag-module__tag--N-eUf.tag-module__unselectable--PodSc:hover {
  border: 1px solid transparent;
}

.tag-module__tag--N-eUf.tag-module__secondary--Iy3aM:hover {
  border: 1px solid var(--primary-200);
}

.tag-module__tag--N-eUf.tag-module__disabled--IUsuc:hover {
  border: 1px solid hsla(0, 0%, 95%, 1);
}

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

.index-module__action--NMtCH {
  color: var(--primary-200);

  margin-right: 8px;
  padding: 4px 8px;

  display: flex;

  align-items: center;

  border-radius: 4px;
  cursor: pointer;
}

.index-module__action--NMtCH:hover {
  background-color: var(--green-100);
}

.index-module__row---OEOj {
  margin: var(--space-4px) 0;
  padding: var(--space-6px) var(--space-8px);

  display: flex;

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

  border: 1px solid transparent;
  border-radius: 4px;

  transition: all 0.2s;
}

.index-module__row---OEOj.index-module__highlight--o0LQC:hover,
.index-module__row---OEOj.index-module__highlight--o0LQC:focus-within {
  border-color: var(--border-tertiary);
}

.index-module__row---OEOj .index-module__action--NMtCH {
  white-space: nowrap;

  visibility: hidden;

  transition:
    visibility 0.2s,
    opacity 0.2s,
    background-color 0.2s;
  opacity: 0;
}

.index-module__row---OEOj:hover .index-module__action--NMtCH {
  opacity: 1;

  visibility: visible;
}

.index-module__rowContent--r84fQ {
  display: flex;

  flex: 1;
  align-items: center;
}

.index-module__rowPrefix--ogo6E {
  font-size: 20px;
  text-align: center;

  min-width: 32px;
  margin-right: 10px;
  padding: 4px 8px;

  background-color: var(--grey-1000);
  border-radius: 50%;
}

.index-module__rowPrefix--ogo6E.index-module__disabled--Dn39N {
  opacity: 0.5;
}

.index-module__actionContainer--TCN5t {
  display: flex;

  align-items: baseline;
}

.index-module__action--NMtCH .index-module__actionIcon--iKGoZ {
  margin-right: 4px;
}

.index-module__action--NMtCH.index-module__disabled--Dn39N {
  color: var(--grey-600);
  cursor: default;
}

.index-module__action--NMtCH.index-module__disabled--Dn39N:hover {
  background-color: var(--green-200);
}

.index-module__clear--fp6ZG {
  color: var(--primary-200);

  margin-left: 16px;

  display: flex;
  cursor: pointer;
}

.index-module__dropdownContainer--9Js0S {
  border: none;
  border-radius: 4px;
}

.index-module__metricsDropdown--P81sI {
  width: -moz-fit-content;
  width: fit-content;
}

.index-module__dropdownTrigger--QfPa2 {
  font-size: var(--text-14px);
}

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

.comparison_edit-module__comparisonControl--VMCRF {
  align-items: flex-end;
}

.comparison_edit-module__overview--uOLDN {
  display: flex;

  align-items: center;
}

.comparison_edit-module__overview--uOLDN .comparison_edit-module__text---MK-R:first-child {
  margin-left: 0;
}

.comparison_edit-module__section--U9PII {
  font-size: 14px;
}

.comparison_edit-module__section--U9PII h3 {
  margin: 0;
}

.comparison_edit-module__section--U9PII > hr {
  margin: 24px 0;
}

.comparison_edit-module__section--U9PII .comparison_edit-module__description--RTYbr {
  margin-left: 8px;
}

.comparison_edit-module__text---MK-R {
  margin: 0 8px;
}

.comparison_edit-module__text---MK-R.comparison_edit-module__period--UYyPQ {
  margin-left: 4px;
}

.comparison_edit-module__header--ZO7jp {
  display: flex;

  align-items: center;
}

.comparison_edit-module__header--ZO7jp > * {
  margin-right: 8px;
}

.comparison_edit-module__showNotes--Dexky {
  margin-left: 4px;
}

.comparison_edit-module__globalFilter--6sD7X {
  padding: 24px 0;
}

.comparison_edit-module__control---euUC {
  margin-left: 12px;
}

.comparison_edit-module__formFooter--Ax3qe {
  display: flex;
  gap: 12px;
}

/* 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;
}
.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: var(--space-16px);
}

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

  font-weight: 700;
  text-decoration: underline;
}

.comparison_detail-module__container--3vvBB {
  font-size: 16px;
}
.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;
}
.SelectBoardField-module__label--9RmXD {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.VisualizationTypeField-module__container--hT7I7 {
  display: flex;

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

.VisualizationTypeField-module__row--WsO8s {
  display: flex;
  gap: var(--space-8px);
}

.VisualizationTypeField-module__input--xve-f {
  display: none;
}

.VisualizationTypeField-module__label--AWEwZ {
  color: var(--text-tertiary);

  padding: var(--space-8px) var(--space-12px);

  display: flex;

  align-items: center;

  border: 1px solid var(--border-primary);
  border-radius: 4px;

  cursor: pointer;
  gap: var(--space-8px);
}

.VisualizationTypeField-module__label--AWEwZ:hover {
  background-color: var(--background-hover);
}

.VisualizationTypeField-module__label--AWEwZ.VisualizationTypeField-module__selected--cjHt3 {
  color: var(--text-primary);

  border-color: var(--border-product);
}

.VisualizationTypeField-module__error--yJHfO {
  color: var(--text-negative);
}
.EmptyState-module__container--qz2MY {
  text-align: center;

  padding: var(--space-64px) 0;

  display: flex;

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

  background-color: var(--background-tertiary);
  border-radius: 4px;
  gap: var(--space-16px);
}

.EmptyState-module__icon--qVCyh {
  color: var(--brand-primary);
}

[data-theme='light'] .EmptyState-module__icon--qVCyh {
  color: var(--brand-lead);
}

.EmptyState-module__content--d9ECI {
  display: flex;

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

.EmptyState-module__title--xPfUf {
  color: var(--text-primary);
}

.EmptyState-module__message--zR2kD {
  color: var(--text-tertiary);
}
.TimeSeriesTable-module__empty--GyQUR {
  text-align: center;

  padding: var(--space-48px) 0;
}

.TimeSeriesTable-module__errorContainer--bgn9I {
  display: grid;

  align-items: center;
  justify-content: center;
}
.WidgetTablePreview-module__table--s4phP {
  max-height: var(--space-320px);
}

.WidgetTablePreview-module__error--6oXeB {
  height: 100%;
}
.ChartTooltip-module__tooltip--FJXXs {
  --max-entry-width: 150px;
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  flex-direction: column;

  /* these three are particularly customized as per UX requirement */
  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--space-12px);
}

.ChartTooltip-module__entries--wLEq- {
  display: grid;

  grid-template-areas: 'title';

  gap: var(--space-half-base);
}

.ChartTooltip-module__entries--wLEq-.ChartTooltip-module__entriesWithTwoColumns--wc8zP {
  grid-template-areas: 'title title';
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
}

.ChartTooltip-module__entry--QK-kG {
  display: flex;

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

.ChartTooltip-module__dot--Pr4jD {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-top: var(--space-4px);

  display: inline-block;

  border-radius: 50%;
}

.ChartTooltip-module__entryLine--iJ0Xg {
  color: var(--text-primary);

  width: 100%;

  display: flex;

  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-8px);
}

.ChartTooltip-module__entryKey--o4OOc {
  white-space: nowrap;

  max-width: var(--max-entry-width);
  margin-right: var(--space-half-base);

  overflow: hidden;
  text-overflow: ellipsis;
}

.ChartTooltip-module__title--wJMc- {
  max-width: calc((var(--max-entry-width) * 2) + var(--space-32px));
  word-break: normal;
  overflow-wrap: anywhere;
}

.ChartTooltip-module__ellipsis--7gen- {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.PieChart-module__pieChart--IHDtx {
  width: var(--pie-chart-size, 200px);
  height: var(--pie-chart-size, 200px);
  min-width: 100px;
}

.PieChart-module__pieChart--IHDtx g {
  outline: none;
}

.PieChart-module__labelPrimary--ficMu tspan {
  fill: var(--text-strong);

  font-size: var(--text-32px);
}

.PieChart-module__labelSecondary--RMyYJ tspan {
  fill: var(--text-tertiary);

  font-size: var(--text-14px);

  dominant-baseline: text-before-edge;
}

.PieChart-module__labelPrimary--ficMu.PieChart-module__offsetLabel--bPZT0 tspan {
  dominant-baseline: text-after-edge;
}
.ChartLegends-module__container--bshF3 {
  margin: 0;
  padding: 0;

  display: flex;

  flex-direction: column;
  justify-content: center;
  gap: var(--space-8px);
  list-style: none;
}

.ChartLegends-module__head--tVI8x,
.ChartLegends-module__item--yyJ2m {
  display: flex;

  justify-content: space-between;

  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-8px);
}

.ChartLegends-module__head--tVI8x {
  color: var(--text-tertiary);
  gap: var(--space-64px);
}

.ChartLegends-module__item--yyJ2m.ChartLegends-module__active--4bOfq {
  background-color: var(--background-hover);
}

.ChartLegends-module__label--JjLel {
  color: var(--text-secondary);

  margin-right: var(--space-28px);
  margin-left: var(--space-4px);

  display: flex;

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

.ChartLegends-module__circle--iCJJi {
  width: 8px;
  height: 8px;

  display: inline-block;

  border-radius: 50%;
}

.ChartLegends-module__hideValues--IMbmA {
  flex-flow: row wrap;

  align-items: start;
  justify-content: start;
  gap: var(--space-16px);
}

.ChartLegends-module__hideValues--IMbmA .ChartLegends-module__label--JjLel {
  margin: 0;
}
.TimeSeriesPieChart-module__container--LfYOR {
  display: flex;

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

  gap: clamp(var(--space-24px), var(--space-32px), var(--space-120px));
}

.TimeSeriesPieChart-module__empty--Kdrdz {
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}

.TimeSeriesPieChart-module__error--yPQuW {
  height: 100%;

  display: flex;

  align-items: center;
  justify-content: center;
}
.TimeSeriesMathLineGraph-module__preview--XsC-L {
  margin: var(--space-16px) 0;

  overflow: scroll;

  border-radius: var(--space-4px);
  background-color: var(--background-hover);
}

.TimeSeriesMathLineGraph-module__placeholder--t09-C .TimeSeriesMathLineGraph-module__placeholderMessage--Al2l7 {
  width: 100%;
  height: 100%;

  display: flex;

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

.TimeSeriesMathLineGraph-module__loading--oGYQz {
  display: grid;

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

.TimeSeriesMathLineGraph-module__empty--JKuO6 {
  text-align: center;

  padding: var(--space-48px) 0;
}

.TimeSeriesMathLineGraph-module__error--VXr7C {
  grid-area: error-message;
}
.LineChartPreview-module__container--zFv2w {
  min-height: 0;

  flex: 1;
}

.LineChartPreview-module__timeSeriesMath--pLxJt {
  height: 100%;

  display: flex;

  align-items: center;
  justify-content: center;
}
.TimeSeriesKPI-module__container--NcRUq {
  height: 100%;
  padding: var(--space-20px);

  display: flex;

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

.TimeSeriesKPI-module__empty--UGUWU {
  min-height: 200px;
}

.TimeSeriesKPI-module__kpiContent--4n6Dd {
  text-align: center;

  display: flex;

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

.TimeSeriesKPI-module__value--2sIqj {
  line-height: 1.2;
  font-size: 56px;
}

.TimeSeriesKPI-module__value--2sIqj.TimeSeriesKPI-module__neutral--NNqex {
  color: var(--text-primary);
}

.TimeSeriesKPI-module__value--2sIqj.TimeSeriesKPI-module__success--NXuD- {
  color: var(--text-success);
}

.TimeSeriesKPI-module__value--2sIqj.TimeSeriesKPI-module__warning--6-o1F {
  color: var(--text-warning);
}

.TimeSeriesKPI-module__value--2sIqj.TimeSeriesKPI-module__negative---bSZj {
  color: var(--text-negative);
}
.IssuesWidgetTable-module__secondaryText--A-vz5 {
  color: var(--text-secondary);
}

.IssuesWidgetTable-module__issueDescriptionContainer--DFBmx {
  max-width: 250px;
}

.IssuesWidgetTable-module__issueName--P03fo {
  font-weight: var(--weight-300);
}

.IssuesWidgetTable-module__issueDescription--CXUGv {
  word-break: break-all;
}
.IssuesWidget-module__empty--TeBiI {
  width: 100%;
  height: 100%;

  display: flex;

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

.IssuesWidget-module__error--wVaIk {
  height: calc(280px - 42px);

  display: grid;
  place-items: center;
}
.BarChartVerticalXTick-module__tick--mcp1b {
  color: var(--text-tertiary);
  text-align: center;
  white-space: nowrap;
}

.BarChartVerticalXTick-module__lastTick--UXfYw {
  text-align: right;
}
.LineXTick-module__tick--wB90C {
  color: var(--text-tertiary);
  text-align: center;
}

.LineXTick-module__ellipsis--K8gNd {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.BarChart-module__barChart--WOaed {
  position: relative;
}

.BarChart-module__legendCaption--MzxuN {
  color: var(--text-secondary);
}
.TimeSeriesBarChart-module__container--iySfB {
  min-height: 220px;

  display: flex;

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

.TimeSeriesBarChart-module__chartContainer--96-lO {
  width: 100%;
  height: 100%;

  display: flex;

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

.TimeSeriesBarChart-module__empty--Zl9aV {
  flex: 1;
}

.TimeSeriesBarChart-module__error--eBAXH {
  height: 100%;

  display: flex;

  align-items: center;
  justify-content: center;
}
.BarChartPreview-module__barChartContainer--Gk5my {
  height: 248px;

  display: flex;

  align-items: center;
  justify-content: center;
}
.WidgetPreview-module__container--QqYuU {
  height: 280px;

  display: flex;

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

.WidgetPreview-module__header--cuzwb {
  display: flex;

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

.WidgetPreview-module__visualizationButtons--caf09 {
  flex-shrink: 0;
}

.WidgetPreview-module__emptyStateContainer--QyDg9 {
  display: flex;

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

  background-color: var(--background-tertiary);
}
.WidgetNameField-module__container--bDF07 {
  color: var(--text-tertiary);

  display: grid;
  gap: var(--space-16px);
  grid-auto-flow: column;

  align-items: baseline;
  grid-template-columns: auto minmax(200px, 400px);
}

.WidgetNameField-module__container--bDF07 .WidgetNameField-module__widgetTitle--B4ned {
  color: var(--text-tertiary);
}

.WidgetNameField-module__floatingLabel--TGPG4 {
  background-color: var(--background-primary);
}
.WidgetMetricField-module__trigger--gig-h {
  display: flex;

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

  align-items: center;
}

.WidgetMetricField-module__value--mqlPU {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.WidgetGroupByField-module__trigger--Vw6qS {
  display: flex;

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

  align-items: center;
}

.WidgetGroupByField-module__value--Lw1LH {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.QueryFields-module__container--eAc0c {
  --query-field-row-height: 40px;
  display: flex;

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

.QueryFields-module__rowContainer--vQvbr {
  display: flex;
  gap: var(--space-16px);
}

.QueryFields-module__row--1r0jU {
  display: grid;

  gap: var(--space-4px) var(--space-8px);

  align-items: flex-start;
}

.QueryFields-module__label--YaPc9 {
  color: var(--text-tertiary);

  height: var(--query-field-row-height);

  display: flex;

  align-items: center;
}

.QueryFields-module__rowActions--2OHTF {
  color: var(--text-product-secondary);

  height: var(--query-field-row-height);
  margin-left: auto;

  display: flex;

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

.QueryFields-module__rowActions--2OHTF svg {
  cursor: pointer;
}

.QueryFields-module__separator--L4bzp {
  width: 1px;
  height: var(--query-field-row-height);

  background-color: var(--border-secondary);
}

.QueryFields-module__rowSeparator--rhSXf {
  height: 1px;
  margin-left: var(--space-24px);

  background-color: var(--border-tertiary);
}

.QueryFields-module__addQuery--LMuNl {
  align-self: start;
}

.QueryFields-module__advancedFilters--2jfBk {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
  flex-wrap: wrap;
}
.TableWidgetFields-module__row--qJ3Co {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) 1px minmax(auto, 400px)
    1px minmax(auto, 200px);
}

.TableWidgetFields-module__filters--ouHJo {
  grid-column: span 6;
}

.TableWidgetFields-module__issueRow--7dbS7 {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) minmax(auto, 327px)
    1px minmax(auto, 200px);
}
.LimitValuesFields-module__checkboxCell--n6MGm {
  min-height: var(--query-field-row-height);

  display: flex;

  align-items: center;
}
.PieGraphWidgetFields-module__row--Ry6Bt {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) 1px minmax(auto, 400px)
    minmax(auto, 124px) minmax(auto, 140px) minmax(auto, 200px);
  grid-template-rows: 60px;
}

.PieGraphWidgetFields-module__filters--T-QnM {
  grid-column: span 6;
}
.LineChartWidgetFields-module__row--7SHgq {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) 1px minmax(auto, 400px)
    minmax(auto, 124px) minmax(auto, 140px) minmax(auto, 200px);
}

.LineChartWidgetFields-module__filters--hYZfi {
  grid-column: span 6;
}

.LineChartWidgetFields-module__formulaContainer--F62aj {
  display: grid;

  grid-template-columns: 424px 27px;
  gap: var(--space-8px);
}

.LineChartWidgetFields-module__formulaTooltipContainer--IvT2- {
  display: inline;
  margin-block: var(--space-12px);
}

.LineChartWidgetFields-module__question--a5Z6y {
  color: var(--icon-default);
}
.WidgetThresholdField-module__valueField--yRnmx {
  width: 100%;
}

.WidgetThresholdField-module__valueField--yRnmx input[type='number']::-webkit-outer-spin-button,
.WidgetThresholdField-module__valueField--yRnmx input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;

  margin: 0;
}

.WidgetThresholdField-module__valueField--yRnmx input[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.WidgetThresholdField-module__percentAdornment--x7yKV {
  position: relative;
}

.WidgetThresholdField-module__percentAdornment--x7yKV input {
  padding-right: var(--space-24px);
}

.WidgetThresholdField-module__percentAdornment--x7yKV::after {
  content: '%';

  color: var(--text-tertiary);

  position: absolute;
  right: var(--space-12px);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.WidgetThresholdField-module__infoIcon--5Sqso {
  height: 40px;

  display: flex;

  align-items: center;
}

.WidgetThresholdField-module__checkboxField--tfi7j {
  height: 40px;
  margin-left: var(--space-8px);

  display: flex;

  align-items: center;
}
.KPIWidgetFields-module__row--sLPbp {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) 1px minmax(auto, 200px)
    minmax(auto, 160px) auto minmax(auto, 150px);
  grid-template-rows: 60px;
}

.KPIWidgetFields-module__filters--X2nVz {
  grid-column: span 7;
}
.WidgetHistoricalPromQL-module__container--3OcdI {
  max-width: 544px;

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

.WidgetHistoricalPromQL-module__input--VWbvh {
  flex: 1;
}
.BarChartWidgetFields-module__row---pX7q {
  grid-template-columns:
    minmax(auto, 160px) minmax(auto, 256px) minmax(auto, 160px)
    1px minmax(auto, 200px) minmax(auto, 200px) 1px minmax(auto, 200px);
}

.BarChartWidgetFields-module__filters--sMFQY {
  grid-column: span 8;
}
.WidgetForm-module__container--oSuv- {
  display: flex;

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

.WidgetForm-module__toolbarContainer--T9E7G {
  align-items: baseline;
}

.WidgetForm-module__actions--sAmcj {
  display: flex;
  gap: var(--space-12px);
}

.WidgetForm-module__dashboardSelector--tlk-F {
  max-width: 424px;
}
.ColorReference-module__reference--PHnQz {
  color: var(--text-primary);

  position: relative;

  display: inline-flex;

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

.ColorReference-module__chip--U7IqT {
  position: relative;

  display: inline-block;
}

.ColorReference-module__chip--U7IqT.ColorReference-module__circle--KBhr2 {
  width: 8px;
  height: 8px;

  border-radius: 50%;
}

.ColorReference-module__chip--U7IqT.ColorReference-module__square--IVvag {
  height: 8px;
  width: 10px;
}
.WebVitalsReferences-module__container--w2xRu {
  display: flex;

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

  place-content: flex-end;
}
.WebVitalsQuickFilters-module__container--7JVyo {
  display: flex;
  gap: var(--space-8px);
}

.WebVitalsQuickFilters-module__quickFilterButtonActive--U6YEm {
  background-color: var(--background-tertiary);
}

.WebVitalsQuickFilters-module__dropdown--WXQfJ {
  min-width: -moz-min-content;
  min-width: min-content;
}
.WebVitalsDistributionPieChart-module__pieChart--LKxDh {
  --pie-chart-size: 146px;
}
.WebVitalsDistributionSummary-module__container--aajAl {
  display: flex;

  gap: var(--section-spacing-main);
}

.WebVitalsDistributionSummary-module__values--UIRuh {
  display: flex;

  gap: var(--space-8px);

  flex-direction: column;
}

.WebVitalsDistributionSummary-module__legends--vS5NL {
  margin-top: auto;

  display: grid;

  grid-template-columns: 8px 100px 40px;
  align-items: center;
  gap: var(--space-12px) var(--space-half-base);
}

.WebVitalsDistributionSummary-module__reference---Xo5V {
  width: 8px;
  height: 8px;

  border-radius: 50%;
}

.WebVitalsDistributionSummary-module__reference---Xo5V.WebVitalsDistributionSummary-module__good--2-bup {
  background-color: var(--chart-success);
}

.WebVitalsDistributionSummary-module__reference---Xo5V.WebVitalsDistributionSummary-module__neutral--lYIL2 {
  background-color: var(--chart-warning);
}

.WebVitalsDistributionSummary-module__reference---Xo5V.WebVitalsDistributionSummary-module__poor--f7yjX {
  background-color: var(--chart-negative);
}

.WebVitalsDistributionSummary-module__empty--G5tEJ {
  min-width: 350px;

  align-self: center;
}
.TimeSeriesAreaChart-module__empty--vLwiS {
  text-align: center;

  width: 100%;
  padding: var(--space-48px) 0;

  display: grid;

  align-items: center;
  justify-content: center;
}
.WebVitalsDistribution-module__container--JEpXS {
  min-height: 192px;

  display: flex;
  gap: var(--space-20px);

  align-items: center;
}
.WebVitalsRatingCell-module__dot--6ZAJb::before {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-bottom: 1px;

  display: inline-block;

  border-radius: var(--space-8px);
  content: '';
}

.WebVitalsRatingCell-module__green--3r8BF::before {
  background-color: var(--chart-success);
}

.WebVitalsRatingCell-module__yellow--9j5dG::before {
  background-color: var(--chart-warning);
}

.WebVitalsRatingCell-module__red--jdawz::before {
  background-color: var(--chart-negative);
}

.WebVitalsRatingCell-module__row--tAB21 {
  display: flex;
  gap: var(--space-4px);

  align-items: center;
}

.WebVitalsRatingCell-module__icon--APtmM {
  padding: 0;
  width: var(--space-20px);
  height: var(--space-20px);
}
.WebVitalsAttributionCell-module__row--XyQJw {
  white-space: nowrap;

  display: flex;

  align-items: center;
  gap: var(--space-4px);
}
.WebVitalsDetails-module__container--TT2LW,
.WebVitalsDetails-module__section--yymht {
  display: flex;

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

.WebVitalsDetails-module__section--yymht {
  gap: var(--section-spacing-sub);
}

.WebVitalsDetails-module__filtersContainer--w86Wc {
  display: flex;

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

.WebVitalsDetails-module__references--LD4lK {
  margin-left: auto;
}

.WebVitalsDetails-module__subtitle--lpdk- {
  color: var(--text-tertiary);
}

.WebVitalsDetails-module__row--IZLH7 {
  white-space: nowrap;

  display: flex;
  gap: var(--space-8px);
}
.WebVitalsTable-module__tooltip--EVJdc {
  max-width: 500px;
}
.WebVitalsMetricsGraph-module__row--Zk87e {
  display: flex;

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

.WebVitalsMetricsGraph-module__mainRow--m1F6u {
  justify-content: space-between;
}

.WebVitalsMetricsGraph-module__center--vCyRP {
  align-items: center;
}

.WebVitalsMetricsGraph-module__column--P35qZ {
  display: flex;

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

.WebVitalsMetricsGraph-module__empty--e8Dhr {
  /* Matches non-empty state */
  min-height: 192px;

  display: flex;

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

.WebVitalsMetricsGraph-module__title--LR2Us {
  display: flex;
  gap: var(--space-8px);
}

.WebVitalsMetricsGraph-module__secondary--5Uc0j {
  color: var(--text-secondary);
}

.WebVitalsMetricsGraph-module__infoIcon--L6JNc {
  color: var(--icon-default);
}

.WebVitalsMetricsGraph-module__pieChart--E9pnR {
  width: 120px;
  height: 120px;
}
.WebVitalsMetrics-module__container--JogGt {
  display: flex;

  gap: var(--space-16px);
}
.WebVitals-module__container--wBWa0,
.WebVitals-module__section--TYEdV {
  display: flex;

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

.WebVitals-module__section--TYEdV {
  gap: var(--section-spacing-sub);
}

.WebVitals-module__references--l6yC5 {
  margin-left: auto;
}
.CollapsibleCard-module__trigger--WVzHA {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: 350px auto;
  cursor: pointer;
  gap: var(--space-20px);
}

.CollapsibleCard-module__triggerHeader---2pq1 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.CollapsibleCard-module__triggerContent---Wd-u {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.CollapsibleCard-module__container---JzxK {
  margin-top: var(--space-8px);

  display: flex;

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

.CollapsibleCard-module__subtitle--w48sA {
  color: var(--text-tertiary);
}
.LinearPercentageGauge-module__row--8IZWT {
  display: flex;

  flex-direction: row;
  align-items: center;
}

.LinearPercentageGauge-module__column--ry2zX {
  display: flex;

  flex-direction: column;

  gap: var(--card-min-spacing);
}

.LinearPercentageGauge-module__relative--blGdL {
  position: relative;
}

.LinearPercentageGauge-module__fullWidth---0tLi {
  width: 100%;

  display: flex;
}

.LinearPercentageGauge-module__bar--F8h9T {
  height: var(--space-6px);
}

.LinearPercentageGauge-module__bar--F8h9T:first-child {
  border-top-left-radius: var(--base-space);
  border-bottom-left-radius: var(--base-space);
}

.LinearPercentageGauge-module__bar--F8h9T:last-child {
  border-top-right-radius: var(--base-space);
  border-bottom-right-radius: var(--base-space);
}

.LinearPercentageGauge-module__pointerContainer--hd-vx {
  width: -moz-fit-content;
  width: fit-content;

  position: relative;

  display: flex;

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

.LinearPercentageGauge-module__pointerContainer--hd-vx.LinearPercentageGauge-module__above--z2hDh {
  top: 3px; /* half of bar height of --space-6px */
}

.LinearPercentageGauge-module__pointerContainer--hd-vx.LinearPercentageGauge-module__below--xq1G1 {
  top: -3px; /* half of bar height of --space-6px */
}

.LinearPercentageGauge-module__pointer---CJAz {
  width: var(--space-16px);
  height: var(--space-16px);
}

.LinearPercentageGauge-module__pointer---CJAz.LinearPercentageGauge-module__above--z2hDh {
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
}

.LinearPercentageGauge-module__pointer---CJAz.LinearPercentageGauge-module__below--xq1G1 {
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
}

.LinearPercentageGauge-module__label--GAdzI {
  color: var(--text-tertiary);

  position: relative;

  transform: translateX(-50%);
}

.LinearPercentageGauge-module__secondary--r-bUb {
  color: var(--text-secondary);
}

.LinearPercentageGauge-module__noGap--c4hom {
  gap: 0;
}

.LinearPercentageGauge-module__smallGap--K7IFl {
  gap: var(--space-4px);
}

.LinearPercentageGauge-module__extraGap--hwbUp {
  gap: var(--card-sub2-spacing);
}

.LinearPercentageGauge-module__spaceBetween--W1K67 {
  justify-content: space-between;
}
.WebVitalsLinearGauge-module__container--SB2OJ {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.WebVitalsLinearGauge-module__row--MpBYD {
  display: flex;

  flex-direction: row;

  gap: var(--card-min-spacing);

  align-items: center;
}

.WebVitalsLinearGauge-module__spaceBetween--JgfAO {
  justify-content: space-between;
}

.WebVitalsLinearGauge-module__secondary--yzbjg {
  color: var(--text-secondary);
}

.WebVitalsLinearGauge-module__avgValue--wCXKc {
  white-space: nowrap;
}

.WebVitalsLinearGauge-module__avgValue--wCXKc.WebVitalsLinearGauge-module__normal--KQNTB,
.WebVitalsLinearGauge-module__avgValue--wCXKc.WebVitalsLinearGauge-module__inactive---89W9 {
  color: var(--text-primary);
}

.WebVitalsLinearGauge-module__avgValue--wCXKc.WebVitalsLinearGauge-module__good---IwQ4 {
  color: var(--text-success);
}

.WebVitalsLinearGauge-module__avgValue--wCXKc.WebVitalsLinearGauge-module__warning--njpbm {
  color: var(--text-warning);
}

.WebVitalsLinearGauge-module__avgValue--wCXKc.WebVitalsLinearGauge-module__error--uO5mL {
  color: var(--text-negative);
}
.HorizontalList-module__container--LUyzM {
  position: relative;

  display: flex;
  gap: var(--space-32px);

  align-items: center;
}

.HorizontalList-module__entry--8YjB3 {
  position: relative;

  display: flex;

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

.HorizontalList-module__entry--8YjB3::after {
  width: 1px;
  height: 100%;

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + var(--space-16px));
  content: '';

  z-index: 1;

  background-color: var(--border-primary);
}

.HorizontalList-module__entry--8YjB3:last-of-type::after {
  content: none;
}
.VitalsOverviewCardHeading-module__tertiary--XkO9F {
  color: var(--text-tertiary);

  width: -moz-max-content;

  width: max-content;
}

.VitalsOverviewCardHeading-module__primary--hYhiz {
  color: var(--text-primary);

  width: -moz-max-content;

  width: max-content;
}
.VitalsOverviewCard-module__grid--lHHhH {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--card-main-spacing);
}
.VitalsOverviewTab-module__container--xU7Dl {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.VitalsV2-module__container--gQiUj {
  display: flex;

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

.VitalsV2-module__tabContainer--zMcvO {
  margin-bottom: 0;
}
.BoxColorReferencesList-module__container--ybgzU {
  display: flex;

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

  place-content: flex-end;
}

.BoxColorReferencesList-module__referenceItem--vtsjt {
  color: var(--text-primary);

  display: grid;

  align-items: center;
  gap: var(--space-8px);
  grid-auto-flow: column;
}

.BoxColorReferencesList-module__referenceItem--vtsjt::before {
  width: 8px;
  height: 8px;

  display: inline-block;
  content: '';

  border-radius: 8px;
}
/* Foreground */
.StitchedSessionReferences-module__foreground--ldOWP::before {
  background: var(--background-product-active);
}

/* Background */
.StitchedSessionReferences-module__background--SMV3u::before {
  background: var(--background-product-secondary);
}

/* Selected */
.StitchedSessionReferences-module__selected--AGJeN::before {
  width: 6px;
  height: 6px;

  background: transparent;
  border: 1px solid var(--border-inverted);
}

/* Filtered */
[data-theme='light'] .StitchedSessionReferences-module__filtered---PEME::before {
  background: var(--lime-700);
}

[data-theme='dark'] .StitchedSessionReferences-module__filtered---PEME::before {
  background: var(--lime-400);
}

/* Issues */
.StitchedSessionReferences-module__issues--bcdgW::before {
  background: var(--chart-negative);
}

/* Inactivity */
.StitchedSessionReferences-module__inactivity--R5QHO::before {
  background: var(--icon-disabled);
}

/* Locked Stitched Session */
.StitchedSessionReferences-module__lockedStitchedSession--bnU0Z {
  opacity: 0.5;
}

.StitchedSessionReferences-module__lockedStitchedSession--bnU0Z::before {
  background: var(--brand-neutral800);
}
.FirstSessionModal-module__text--OwzJa {
  margin: var(--space-24px) 0;
}

.FirstSessionModal-module__modalBody--7tD0E {
  max-width: 600px;
}

.FirstSessionModal-module__title--bG66- {
  display: flex;

  align-items: center;
  gap: var(--space-16px);
}
.SessionIssuesBadges-module__sessionStatusCount---khaF {
  display: flex;

  align-items: center;

  border-radius: 4px;
  gap: var(--space-8px);
}

.SessionIssuesBadges-module__sessionStatusCount---khaF.SessionIssuesBadges-module__vertical--5U-z3 {
  margin-top: 0;

  flex-direction: column;
  justify-content: flex-start;
  gap: var(--space-24px);
}

.SessionIssuesBadges-module__statusItem--0EyiP {
  position: relative;

  display: flex;
}

.SessionIssuesBadges-module__issueIcon--owDZb {
  color: var(--icon-disabled);
}

.SessionIssuesBadges-module__issueIcon--owDZb.SessionIssuesBadges-module__issueError--RsXP4,
.SessionIssuesBadges-module__active--Ra4uE {
  color: var(--icon-focused);
}
.SessionTimeAndCount-module__trigger--P9OAr {
  display: flex;

  flex: 1;
  flex-direction: column;
  justify-content: center;

  /* required to disable the style by default in the tooltip component */
  align-self: unset;
  align-items: center;
}

.SessionTimeAndCount-module__line---13aR {
  display: inline-block;
}

.SessionTimeAndCount-module__container--qerWB {
  display: flex;

  justify-content: stretch;
  align-items: stretch;

  background: var(--color-dark-background-40-opacity);
  cursor: pointer;
}

.SessionTimeAndCount-module__time--MdCWv {
  font-size: var(--text-18px);
}

.SessionTimeAndCount-module__timeLabel--vYzb9,
.SessionTimeAndCount-module__segmentsCountMsg--ortwe {
  font-size: var(--text-12px);
  white-space: nowrap;
}

.SessionTimeAndCount-module__boxContainer--QuEcB {
  display: grid;
}
.SessionDetails-module__sessionDetails--M1jKx {
  display: flex;

  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-6px) var(--space-16px);
}

.SessionDetails-module__detailItem--PamZK {
  display: flex;

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

.SessionDetails-module__separator---qOMm {
  width: 1px;
  height: 12px;

  display: flex;

  align-items: center;

  background: var(--border-primary);
}
/* stylelint-disable no-descending-specificity */
.Segment-module__segmentContainer--qCdxA {
  --selected-segment-box-shadow: inset 0 0 0 2px var(--border-inverted);
  --inactivity-segment-color: var(--background-disabled);
  --empty-segment-color: var(--background-primary);

  min-height: var(--space-24px);

  display: flex;

  align-items: flex-start;
}

.Segment-module__segment--dmzF7 {
  color: var(--light-text-inverted);

  height: var(--space-18px);

  display: flex;

  justify-content: center;
  align-items: center;
  cursor: pointer;

  border-radius: 2px;
  background: var(--segment-background-color);
}

.Segment-module__segment--dmzF7.Segment-module__truncateSegment--fhLkm {
  background: linear-gradient(
    to right,
    var(--segment-background-color) 60%,
    var(--light-background-primary)
  );
}

.Segment-module__segment--dmzF7:hover {
  background: var(--background-product-secondary-hover);
}

.Segment-module__segment--dmzF7.Segment-module__truncateSegment--fhLkm:hover {
  background: linear-gradient(
    to right,
    var(--background-product-secondary-hover) 60%,
    var(--light-background-primary)
  );
}

.Segment-module__segment--dmzF7.Segment-module__inactivity--OKOg0 {
  background-color: var(--inactivity-segment-color);
  cursor: default;
}

.Segment-module__segment--dmzF7.Segment-module__empty--F4R5N {
  background-color: var(--empty-segment-color);
  cursor: default;
}

.Segment-module__innerSegmentContainer--A3wY5 {
  position: relative;
  top: calc(var(--red-dot-badge-size) / 2);
}

.Segment-module__segmentTooltipContainer--1EzOs,
.Segment-module__segmentTooltipTrigger--ujEAz {
  width: 100%;
}

.Segment-module__segmentTooltipTrigger--ujEAz {
  display: grid;

  align-items: center;
}

.Segment-module__segmentTooltipContent--vSZVN {
  max-width: var(--space-386px);

  display: flex;
}

.Segment-module__segmentTooltipContent--vSZVN > *:not(:first-child) {
  border-left: 1px solid var(--color-tooltip-content-border);

  padding-left: var(--space-12px);
}

.Segment-module__segmentTooltipContent--vSZVN > *:not(:last-child) {
  padding-right: var(--space-12px);
}

.Segment-module__segmentTooltipColumn--0KO6- {
  display: flex;

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

.Segment-module__emptySegmentContainer--V1c71 {
  flex-grow: 1;
}

.Segment-module__hasFilters--ob4FG {
  opacity: 0.4;
}

.Segment-module__hasFilters--ob4FG:hover {
  opacity: 1;
}

[data-theme='light'] .Segment-module__meetsFilter--uca5R {
  box-shadow: 0 3px var(--lime-700);
  opacity: 1;
}

[data-theme='dark'] .Segment-module__meetsFilter--uca5R {
  box-shadow: 0 3px var(--lime-400);
  opacity: 1;
}

.Segment-module__segment--dmzF7.Segment-module__selected--pDKJs {
  height: 22px;

  position: relative;
  z-index: 1;

  border-radius: 4px;
  box-shadow: var(--selected-segment-box-shadow);
  transform: translateY(-2px);
}

.Segment-module__importantIssuesBadge--gycBF {
  color: var(--grey-100);

  width: var(--red-dot-badge-size);
  height: var(--red-dot-badge-size);

  position: absolute;
  top: 0;
  left: 15%;
  z-index: 1;

  background-color: var(--chart-negative);
  border: 1px solid var(--grey-900);
  border-radius: 50%;
  transform: translate(-50%, -65%);

  transition: border-color 0.2s ease-in-out;
}

.Segment-module__segment--dmzF7:hover .Segment-module__importantIssuesBadge--gycBF {
  border-color: var(--chart-negative);
}

.Segment-module__tooltipHeading--cx10b {
  font-size: var(--text-14px);
  font-weight: var(--weight-400);
  line-height: var(--text-18px);
}

.Segment-module__tooltipDescription--YQ-Mh {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
}

.Segment-module__truncateDescription--WSJ6M {
  color: var(--grey-300);
  font-size: var(--text-12px);
  line-height: var(--text-16px);
}
.Segments-module__segments--uermF {
  display: flex;

  flex-direction: row;
  gap: var(--space-half-base);
}
/* stylelint-disable no-descending-specificity */
.StitchedSession-module__container--OZKzv {
  min-height: var(--space-80px);

  display: grid;
  overflow: auto hidden;

  grid-template-columns: minmax(auto, 120px) auto;

  background: var(--grey-900);
  border: solid 1px var(--grey-700);
  grid-auto-flow: column;

  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
}

.StitchedSession-module__container--OZKzv::-webkit-scrollbar {
  height: var(--space-20px);
}

.StitchedSession-module__container--OZKzv::-webkit-scrollbar-track {
  border: solid 10px transparent;
  box-shadow: inset 0 0 10px 10px transparent;
}

.StitchedSession-module__container--OZKzv::-webkit-scrollbar-thumb {
  border-bottom: solid 8px transparent;
  border-top: solid 8px transparent;
  box-shadow: inset 0 0 10px 10px var(--grey-600);
  cursor: pointer;
}

.StitchedSession-module__container--OZKzv::-webkit-scrollbar-button {
  display: none;
}

.StitchedSession-module__detailsContainer--1wTCm {
  display: flex;
  overflow: auto hidden;
}

.StitchedSession-module__details--QzEKb {
  display: flex;

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

.StitchedSession-module__legend--KaLjH {
  display: flex;

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

.StitchedSession-module__container--OZKzv > *:not(:first-child) {
  border-left: 1px solid var(--grey-700);
}

.StitchedSession-module__container--OZKzv > * {
  padding: var(--space-10px);
}

.StitchedSession-module__sessionSummary--UG2Cm {
  background: var(--grey-1000);
}

.StitchedSession-module__separator--2aEvy {
  width: 1px;
  height: 12px;

  display: flex;

  align-self: center;
  align-items: center;

  background: var(--border-primary);
}

.StitchedSession-module__separator--2aEvy:last-child {
  display: none;
}
.StitchedSessionList-module__container--Gu-VA {
  display: flex;

  flex-direction: column;
}

.StitchedSessionList-module__list--lOvd- {
  display: flex;

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

.StitchedSessionList-module__skeletonContainer--R6F7d {
  margin-top: var(--section-spacing-sub);

  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.UserSessions-module__content--1mynI {
  display: flex;

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

.UserSessions-module__emptyContainer--9DCSp {
  padding: var(--space-64px) 0;
}

.UserSessions-module__references--XQsT0 {
  margin-left: auto;
}

.UserSessions-module__skeletonContainer--LFkQL {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.SegmentSummaryIssues-module__loading--83dMY {
  padding-block: var(--space-10px) var(--space-4px);
}

.SegmentSummaryIssues-module__container--diKYH {
  display: grid;
  row-gap: var(--space-4px);
}

.SegmentSummaryIssues-module__content--4qXYp {
  display: grid;
  grid-auto-flow: column;

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

.SegmentSummaryIssues-module__value--j18wY {
  text-align: right;
}

.SegmentSummaryIssues-module__error--gIWGi {
  color: var(--text-tertiary);
}
.SegmentList-module__loading--WXzno {
  height: 69vh;
}

.SegmentList-module__actionsContainer--zXkIj {
  position: relative;

  display: grid;
}

.SegmentList-module__actionsContent--NVhxX {
  justify-self: end;
}

.SegmentList-module__trendHeading--AMsbr {
  text-align: left;

  display: grid;

  grid-template-columns: auto auto;
  align-items: center;
  gap: 0 var(--space-4px);
}

.SegmentList-module__trendTitle--A1tQI {
  text-align: right;
}

.SegmentList-module__trendResolution--j-JTn {
  color: var(--text-secondary);
  text-align: left;

  grid-row: 2 / 2;
  grid-column: 1 / 3;
}

.SegmentList-module__trendContainer--Jdmfd {
  width: 100%;

  display: flex;

  place-content: center;
}

.SegmentList-module__ellipsis--62ey8 {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

.SegmentList-module__column---jKbw {
  display: inline-block;
}

.SegmentList-module__description--tW0X0 {
  color: var(--text-secondary);
}

/* Heading */
table tr th.SegmentList-module__trendColumn--Hd2J2 {
  padding-block: var(--space-12px);
}

/* Row value */
table tr td.SegmentList-module__trendColumn--Hd2J2 {
  padding-block: 0;
}

.SegmentList-module__trendWrapper--PgRNr {
  padding-top: var(--space-8px);
}

.SegmentList-module__segmentTrendMetric--4stv8 {
  position: relative;

  /* hacky way of aligning the component given the icon is having some white space in the left side regarding the svg used as icon */
  left: -3px;

  display: inline-flex;
  gap: 0;
}

.SegmentList-module__segmentTrendMetricNoData--ejTtN {
  left: 0;
}

.SegmentList-module__infoIcon--K5o8f {
  color: var(--text-tertiary);
}

.SegmentList-module__segmentIssueTooltip--Hw1lL {
  --max-width-content: 295px;
}
.DeleteConfirmationModal-module__modalContent--JZehX {
  max-width: 600px;
}

.DeleteConfirmationModal-module__footer--lNPge {
  display: flex;

  flex-direction: row;
  gap: var(--space-12px);
}

.DeleteConfirmationModal-module__body--8h1Nv {
  margin-top: var(--space-32px);
  margin-bottom: var(--space-32px);
}
.SegmentActions-module__popoverContent--qSocl {
  padding: 0;
}
.TooltipError-module__container--Tasid {
  color: var(--color-status-negative);
  text-align: center;

  display: flex;

  flex-direction: column;

  gap: var(--space-4px);
}
.AbandonReason-module__container--ZWtjp {
  min-width: 200px;

  display: flex;

  flex-direction: column;

  gap: var(--space-4px);
}

.AbandonReason-module__loading--k-B9D {
  padding: var(--space-16px);

  display: flex;

  justify-content: center;
}

.AbandonReason-module__emptyState--SIIAi {
  color: var(--color-content-tertiary);
  text-align: center;

  padding: var(--space-8px) 0;
}

.AbandonReason-module__reasonItem--rhbIR {
  display: flex;

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

  gap: var(--space-16px);
}

.AbandonReason-module__reasonLabel--dKK65 {
  color: var(--color-content-secondary);

  flex: 1;
}

.AbandonReason-module__reasonValue--p5tpk {
  color: var(--color-content-primary);
  font-weight: var(--font-weight-semibold);
}
.UserJourneySummary-module__container--6bnp8 {
  position: relative;

  display: grid;
  row-gap: var(--section-spacing-min);
}

.UserJourneySummary-module__loadingDefaultFilters--UypdQ {
  width: var(--space-108px);
}

.UserJourneySummary-module__filters--PIEhc {
  --create-button-width: 180px;
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: auto var(--create-button-width);
  -moz-column-gap: var(--space-20px);
       column-gap: var(--space-20px);
}

.UserJourneySummary-module__createButton--FUpbm {
  place-self: flex-start end;
}
.NoMatchingValuesConfirmation-module__modalContent--1mKAF {
  width: 600px;
}

.NoMatchingValuesConfirmation-module__header--FgIVq {
  display: flex;

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

.NoMatchingValuesConfirmation-module__warningIcon--O4a2t {
  color: var(--icon-default);

  flex-shrink: 0;
}

.NoMatchingValuesConfirmation-module__body--aWPFj {
  margin-bottom: var(--space-24px);
  margin-top: var(--space-24px);
}

.NoMatchingValuesConfirmation-module__footer--35rFR {
  display: flex;
  gap: var(--space-8px);
}
.PatternReference-module__container--t6Vhe > div {
  --max-width-column: 176px;

  padding-inline: 0;
  padding-block: var(--space-4px);

  display: grid;

  grid-template-columns: var(--max-width-column) auto;
  align-items: baseline;
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
  list-style: none;

  border-bottom: 1px solid var(--border-secondary);
}

.PatternReference-module__container--t6Vhe > div:first-child {
  padding-top: 0;
}

.PatternReference-module__container--t6Vhe > div:last-child {
  border-bottom: none;

  padding-bottom: 0;
}

.PatternReference-module__patternCode--MikXl {
  color: var(--text-product-secondary);

  width: -moz-max-content;

  width: max-content;

  display: flex;

  align-items: center;
  gap: var(--space-8px);
}
.EventValueField-module__inputTextContainer--5Ve-L {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-8px);

  align-items: start;
  grid-template-columns: 100% auto 16px;
}

.EventValueField-module__matchButton--pYTaJ {
  height: 40px;
}

/* Keep the help text on a single line under the input */
.EventValueField-module__inputField--NWTZl [class*='optional'] {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

/* This is meant for when the input is pre-filled with the value coming from BE (Edition mode, but disabled now since it's not supported) */
.EventValueField-module__inputField--NWTZl.EventValueField-module__disabled--i8rd8 [type='text'] {
  overflow: hidden;
  text-overflow: ellipsis;
}

.EventValueField-module__inputField--NWTZl .EventValueField-module__placeholder--Dcexp {
  width: calc(100% - 16px * 2);

  overflow: hidden;
  text-overflow: ellipsis;
}

/* This targets only when the element has both placeholder class AND the specific floating state class */
.EventValueField-module__hideWhenFloating--LDypa[class*='floating--'] {
  visibility: hidden;
  opacity: 0;
}

.EventValueField-module__matchValueError--iNFqe {
  color: var(--text-negative);
}

.EventValueField-module__patternTooltipContainer--wUz8y {
  display: inline;

  flex-wrap: wrap;
}

.EventValueField-module__patternTooltipTrigger--w8mAT {
  color: var(--text-secondary);
  margin-block: var(--space-12px);
}

.EventValueField-module__patternTooltipTriggerDisabled--XLcaT {
  color: var(--text-disabled);
}

.EventValueField-module__patternTooltipTitle--dmoVa {
  padding-bottom: var(--space-8px);
}

.EventValueField-module__patternTooltip--eTiKc {
  --max-width-content: 350px;
  max-width: var(--max-width-content);
}

/* When the Network method dropdown is shown, use a 2-column layout */
.EventValueField-module__withMethod--XzFpi {
  grid-template-columns: var(--space-140px) 1fr;
}

/* Ensure the method dropdown does not stretch */
.EventValueField-module__methodField--UW094 {
  width: var(--space-140px);
}

.EventValueField-module__inputTooltipContainer--q1D3y > div {
  width: 100%;
}

.EventValueField-module__inputField--NWTZl {
  width: 100%;
}
fieldset {
  padding: 0;
  margin: 0;

  border: none;
}

.UserJourneyForm-module__container--syRiX {
  --first-column-width: calc(90% - var(--space-10px) / 2);
  --second-column-width: calc(10% - var(--space-10px) / 2);
  display: grid;

  /* NOTE: controlling the scroll (x-axis) of the entire form when the container gets resized */
  overflow-x: auto;

  grid-template-columns: var(--first-column-width) var(--second-column-width);
  gap: var(--space-10px);
}

.UserJourneyForm-module__form--aQbs7 {
  display: grid;

  gap: var(--space-8px);
}

.UserJourneyForm-module__nameFields--Ss5qV,
.UserJourneyForm-module__timeoutFields--MKMrd {
  display: grid;
  -moz-column-gap: var(--space-8px);
       column-gap: var(--space-8px);

  grid-template-columns: minmax(max-content, 216px) minmax(max-content, 560px);
}

.UserJourneyForm-module__timeoutFields--MKMrd {
  grid-template-columns: minmax(max-content, 360px) minmax(max-content, 560px);
}

.UserJourneyForm-module__eventLabel--qinwZ,
.UserJourneyForm-module__eventLegend--Th4SD {
  color: var(--text-tertiary);
}

.UserJourneyForm-module__eventsDescription--3EOBB {
  color: var(--text-tertiary);

  margin-top: calc(-1 * var(--space-8px));
  margin-bottom: var(--space-8px);
}

.UserJourneyForm-module__formSection--H00sF {
  display: grid;
  row-gap: var(--space-16px);
}

.UserJourneyForm-module__fieldSection--gcEyJ,
.UserJourneyForm-module__fieldSubSection--4G2ES {
  display: grid;
}

.UserJourneyForm-module__fieldSubSection--4G2ES {
  row-gap: var(--space-12px);
}

.UserJourneyForm-module__eventFields--adPSq {
  position: relative;

  display: grid;
  -moz-column-gap: var(--space-8px);
       column-gap: var(--space-8px);
  grid-auto-flow: column;

  grid-template-columns: 48px 160px minmax(420px, 0.99fr);
  align-items: start;
}

.UserJourneyForm-module__eventLabel--qinwZ {
  --input-height: 40px;
  --label-line-height: 24px;

  position: relative;

  /* calculating manually the vertical center to avoid issues when the input throws an error (and shows a red message) */
  top: calc((var(--input-height) / 2) - (var(--label-line-height) / 2));
}

.UserJourneyForm-module__actions--39CF9 {
  margin-top: var(--space-20px);
  max-width: 400px;

  display: grid;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);

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

.UserJourneyForm-module__timeoutLegend--UktV1 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.NewUserJourney-module__container--Yb9nW {
  position: relative;

  display: grid;
  row-gap: var(--space-16px);
}
.EditUserJourney-module__container--gPHdQ,
.EditUserJourney-module__content--YMAM7 {
  position: relative;

  display: grid;
  row-gap: var(--space-16px);
}
.StickyHeader-module__container--AEUfj {
  width: 100%;
  min-width: var(--min-app-width);
  margin-bottom: var(--space-32px);
  padding: var(--space-16px) var(--space-40px);

  position: sticky;
  top: 0;
  z-index: var(--sticky-header-z-index);

  display: grid;

  grid-template-areas:
    'back back'
    'title content';
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--card-sub-spacing);
}

.StickyHeader-module__container--AEUfj.StickyHeader-module__scroll--qhmjV {
  width: calc(
    100% - var(--scrollbar-size) - 1px
  ); /* adjusting width depending on scrollbar */
  min-width: calc(
    var(--min-app-width) - var(--scrollbar-size) - 1px
  ); /* adjusting width depending on scrollbar */
}

.StickyHeader-module__container--AEUfj.StickyHeader-module__primary--Z5uWe {
  background-color: var(--background-product-tonal);
  box-shadow: var(--sticky-header-primary-shadow);
}

.StickyHeader-module__container--AEUfj.StickyHeader-module__secondary--qHhsL {
  background-color: var(--background-tertiary);
  box-shadow: var(--sticky-header-secondary-shadow);
}

.StickyHeader-module__container--AEUfj.StickyHeader-module__primary--Z5uWe::before {
  background-color: var(--background-product-tonal);
}

.StickyHeader-module__container--AEUfj.StickyHeader-module__secondary--qHhsL::before {
  background-color: var(--background-tertiary);
}

.StickyHeader-module__goBackContainer--B9UTM {
  grid-area: back;

  display: inline-flex;

  justify-content: space-between;
}

.StickyHeader-module__goBackButton--qokUo {
  position: relative;

  display: inline-flex;
}

.StickyHeader-module__title--dLZZv {
  display: inline-flex;

  flex-direction: column;
  gap: var(--space-10px);
  grid-area: title;
}

.StickyHeader-module__content--kM2rL {
  display: inline-flex;
  gap: var(--space-40px);
  grid-area: content;
  place-self: end;
}
.DetailsStickyHeader-module__container--BT4RW {
  padding-top: var(--space-56px);
}

.DetailsStickyHeader-module__emptyContainer--tD55x {
  min-height: 300px;

  display: flex;

  flex-direction: column;
  place-content: center;
}

.DetailsStickyHeader-module__loading--4AToO {
  height: 100vh;
}

.DetailsStickyHeader-module__summaryTitle--lr6tG {
  display: flex;
  gap: var(--space-10px);
}

.DetailsStickyHeader-module__summaryDetail--2Vhys {
  color: var(--text-secondary);

  position: relative;

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

.DetailsStickyHeader-module__summaryDetail--2Vhys span {
  width: -moz-max-content;
  width: max-content;
}

.DetailsStickyHeader-module__summaryDetail--2Vhys::after {
  width: 1px;
  height: 100%;
  min-height: 20px;

  position: absolute;
  top: 50%;

  /* --space-24px is half of `.summaryContent` gap */
  left: calc(100% + var(--space-24px));

  display: inline-block;

  background: var(--text-secondary);
  content: '';
  opacity: 0.2;
  transform: translateY(-50%);
}

.DetailsStickyHeader-module__summaryDetail--2Vhys:last-of-type::after {
  content: none;
}

.DetailsStickyHeader-module__summaryDetailValue---arL9 {
  color: var(--text-primary);
  text-align: right;
}

.DetailsStickyHeader-module__columns--HqOrM {
  width: -moz-max-content;
  width: max-content;
}

.DetailsStickyHeader-module__summaryDetailValue---arL9.DetailsStickyHeader-module__columns--HqOrM {
  display: inline-flex;
  gap: var(--space-8px);
}

.DetailsStickyHeader-module__trend--XRjw3 {
  gap: 0;

  align-items: flex-start;
}

.DetailsStickyHeader-module__stickyHeader--imru5 {
  row-gap: var(--space-8px);
}

.DetailsStickyHeader-module__stickyHeaderTitle--Ln4iR {
  min-width: -moz-min-content;
  min-width: min-content;
}

.DetailsStickyHeader-module__ellipsis--vv-7o {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.DetailsStickyHeader-module__hidden--H8Zv2 {
  width: 100px;
  height: 0;
  margin-bottom: var(--space-32px);

  display: block;
}
.StackedIssuesMetricGraph-module__errorContainer--Ee1kq {
  width: 100%;
  margin: var(--space-40px) 0;

  display: flex;

  justify-content: center;
}
.IssuesOverviewGraph-module__metricGraphContainer--fa3B8 {
  width: 100%;

  display: flex;
  gap: var(--space-32px);
}

.IssuesOverviewGraph-module__graphContent--0WOVI {
  width: 100%;
  max-width: calc(100% - var(--space-248px) - var(--space-32px));

  position: relative;

  display: inline-block;
}

.IssuesOverviewGraph-module__issuesList--0BXa6 {
  max-width: var(--space-248px);
  width: 100%;
}

.IssuesOverviewGraph-module__references--u6g2i {
  max-width: var(--space-248px);
}

.IssuesOverviewGraph-module__small--c2NbM .IssuesOverviewGraph-module__graphContent--0WOVI {
  width: 100%;
  max-width: 100%;

  display: inline-block;
}

.IssuesOverviewGraph-module__small--c2NbM .IssuesOverviewGraph-module__references--u6g2i {
  margin-top: var(--space-20px);
  max-width: 100%;
}

.IssuesOverviewGraph-module__empty--v8w52 {
  width: 100%;
  padding: var(--space-80px) 0;

  display: flex;

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

.IssuesOverviewGraph-module__emptyQuickFilters--u432k {
  text-align: center;
}

.IssuesOverviewGraph-module__titleContainer--O313w {
  margin-top: var(--space-8px);
  padding: 0 var(--space-6px);

  display: flex;

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

.IssuesOverviewGraph-module__titleLabel--U1bnC {
  color: var(--text-secondary);
}

.IssuesOverviewGraph-module__headerPicker--o0W5i {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.IssuesOverviewGraph-module__headerPicker--o0W5i .IssuesOverviewGraph-module__icon--XFnS0 {
  color: var(--text-product-secondary);
  cursor: pointer;
}
.SegmentsReferences-module__container--e1nn3 {
  display: flex;

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

  place-content: flex-end;
}
.SegmentInstanceFilter-module__outcomeDropdownContainer--hw3Ce {
  min-width: -moz-max-content;
  min-width: max-content;
}

.SegmentInstanceFilter-module__outcomeFilter--A7dbW {
  justify-content: space-between;
}

.SegmentInstanceFilter-module__outcomeFilter--A7dbW > * {
  white-space: nowrap;
  text-overflow: ellipsis;

  min-width: 0;

  overflow: hidden;
}
.PropertyInstanceFilter-module__propertyDropdown--LzLPz,
.PropertyInstanceFilter-module__loading---Nan5 {
  min-width: 200px;
}

.PropertyInstanceFilter-module__propertyDropdownContainer--T4TiO {
  width: 220px;
  max-height: 400px;

  overflow-y: auto;
}

.PropertyInstanceFilter-module__propertyFilter--nuwiq {
  width: 200px;

  justify-content: space-between;
}

.PropertyInstanceFilter-module__propertyFilter--nuwiq > * {
  white-space: nowrap;
  text-overflow: ellipsis;

  min-width: 0;

  overflow: hidden;
}

.PropertyInstanceFilter-module__unselect--mlwIj {
  padding-block: var(--space-8px);

  display: grid;

  align-items: center;
  grid-auto-flow: column;

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

.PropertyInstanceFilter-module__limitText--vcy8u {
  color: var(--text-secondary);
}
.TreeMapLabel-module__ellipsis--Vm9Pi {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.TreeMapContent-module__content--YRI5h {
  text-align: center;

  width: 100%;
  height: 100%;

  display: flex;

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

.TreeMapContent-module__content--YRI5h.TreeMapContent-module__clickable--ceTlm {
  cursor: pointer;
}

.TreeMapContent-module__trigger--rfHYb {
  display: flex;

  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.TreemapGraph-module__treemapContainer--9VklS {
  width: 100%;
  height: 100%;
}

.TreemapGraph-module__treemap--v-LoN.TreemapGraph-module__clickable--PjFou {
  cursor: pointer;
}
.AttributeTreeMap-module__container--owE7K,
.AttributeTreeMap-module__empty--jE2n7,
.AttributeTreeMap-module__error--XRd7F {
  width: 100%;

  position: relative;

  display: grid;
  place-items: center;

  background-color: var(--background-tertiary);
}

.AttributeTreeMap-module__error--XRd7F,
.AttributeTreeMap-module__empty--jE2n7 {
  text-align: center;

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

.AttributeTreeMap-module__content--OhQ-P {
  display: grid;
  gap: var(--space-12px);
}

.AttributeTreeMap-module__tooltip--9ETWK {
  min-width: 260px;
}

.AttributeTreeMap-module__instances--8Kxpm {
  color: var(--text-tertiary);
}

.AttributeTreeMap-module__valueGroup--Z76pN {
  display: grid;

  grid-template-columns: max-content 1fr;
  -moz-column-gap: var(--space-8px);
       column-gap: var(--space-8px);

  align-items: center;
}

.AttributeTreeMap-module__value--BHi5r {
  display: contents;
}

.AttributeTreeMap-module__label--xfDnv {
  text-align: right;
  color: var(--text-secondary);
}

.AttributeTreeMap-module__barContainer--9J1RF {
  height: 8px;

  overflow: hidden;

  border-radius: 4px;
}

.AttributeTreeMap-module__barContent--jpgPV {
  height: 100%;

  border-radius: 4px;
}

.AttributeTreeMap-module__title--0-iVS {
  word-break: break-all;
}

.AttributeTreeMap-module__ellipsis--3y1M- {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.AttributeTreeMap-module__emptyContent--q1hGb {
  padding: 0;
}
.AttributesCorrelationList-module__container--z-aRL {
  display: grid;
  gap: var(--space-20px);

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

.AttributesCorrelationList-module__label--WI6Tw {
  color: var(--text-primary);

  margin-bottom: var(--space-6px);
}
.SegmentPropertiesCorrelationTab-module__filterContainer--Lj4uE {
  display: flex;
  gap: var(--space-8px);

  justify-content: space-between;
}

.SegmentPropertiesCorrelationTab-module__filters--NYQnS,
.SegmentPropertiesCorrelationTab-module__references--Wu-uA {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.SegmentPropertiesCorrelationTab-module__references--Wu-uA {
  gap: var(--space-20px);
}

.SegmentPropertiesCorrelationTab-module__tabContent---Vp2r {
  display: grid;
  row-gap: var(--space-20px);
}
/* stylelint-disable no-descending-specificity */
.SegmentMetricsTabs-module__overviewContainer--Uxg-d {
  display: inline-flex;
  gap: var(--space-8px);
}

.SegmentMetricsTabs-module__loadingIndicator--AedFR {
  height: var(--space-48px);
  padding: 0;
}

.SegmentMetricsTabs-module__tabContainer--X9Oz4 {
  height: var(--space-48px);
  padding: var(--space-12px) var(--space-18px);

  position: relative;

  display: flex;

  align-items: center;

  background-color: var(--background-primary);
  border: solid 1px transparent;
  border-radius: var(--base-space) var(--base-space) 0 0;
  border-bottom: 0;
  gap: var(--space-20px);
}

.SegmentMetricsTabs-module__tabContainer--X9Oz4:hover {
  border-color: var(--background-tertiary);
}

.SegmentMetricsTabs-module__tabContainer--X9Oz4.SegmentMetricsTabs-module__active--Z6I3R::after {
  width: 100%;
  height: var(--space-10px);

  position: absolute;
  bottom: calc(var(--space-10px) * -1);
  left: 0;
  z-index: 1;

  display: inline-block;

  background: var(--background-secondary);
  content: '';
}

.SegmentMetricsTabs-module__tabContainer--X9Oz4.SegmentMetricsTabs-module__active--Z6I3R:hover,
.SegmentMetricsTabs-module__tabContainer--X9Oz4.SegmentMetricsTabs-module__active--Z6I3R {
  background-color: var(--background-secondary);
  border-color: var(--background-tertiary);
}

.SegmentMetricsTabs-module__metric--hCVMu {
  padding: 0;
}

.SegmentMetricsTabs-module__metric--hCVMu:hover {
  background: none;
}

.SegmentMetricsTabs-module__clickDisabled--1XiXn {
  cursor: not-allowed;
}

.SegmentMetricsTabs-module__graphContainer--T0sCH {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.SegmentMetricsTabs-module__empty--42LOy {
  padding: var(--space-80px) 0;
}

.SegmentMetricsTabs-module__subTabsCard--ooEoG {
  padding: var(--space-20px);
}
.AbandonReasonsAreaChart-module__metricGraphContainer--4QTy2 {
  width: 100%;

  display: flex;
  gap: var(--space-32px);
}

.AbandonReasonsAreaChart-module__graphContent--tYxXI {
  width: 100%;
  max-width: calc(100% - var(--space-248px) - var(--space-32px));

  position: relative;

  display: inline-block;
}

.AbandonReasonsAreaChart-module__legendList--ySQim {
  max-width: var(--space-248px);
  width: 100%;
}

.AbandonReasonsAreaChart-module__pickerList--Y57Ir {
  width: 100%;
}

.AbandonReasonsAreaChart-module__headerPicker--A-sJ2 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.AbandonReasonsAreaChart-module__headerPicker--A-sJ2 .AbandonReasonsAreaChart-module__icon--4MTPH {
  color: var(--text-product-secondary);
  cursor: pointer;
}

.AbandonReasonsAreaChart-module__titleContainer--htgKv {
  margin-top: var(--space-16px);
  padding: 0 var(--space-6px);

  display: flex;

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

.AbandonReasonsAreaChart-module__titleLabel--4socM {
  color: var(--text-secondary);
}

.AbandonReasonsAreaChart-module__empty--W0RMe {
  width: 100%;
  padding: var(--space-80px) 0;

  display: flex;

  flex-direction: column;
  align-items: center;
}
.SegmentIssueBadges-module__segmentStatusCount--5rdTV {
  display: flex;

  align-items: center;

  border-radius: 4px;
  gap: var(--space-8px);
}

.SegmentIssueBadges-module__statusItem--jQLv4 {
  position: relative;

  display: flex;
}

.SegmentIssueBadges-module__issueIcon--5gbVA {
  color: var(--icon-disabled);
}

.SegmentIssueBadges-module__issueIcon--5gbVA.SegmentIssueBadges-module__issueError--K2Nap,
.SegmentIssueBadges-module__active--2XFDz {
  color: var(--icon-focused);
}
.SegmentInstanceTable-module__badges--Nbw7L {
  display: flex;
}

.SegmentInstanceTable-module__linkIcon--iMT7a {
  color: var(--grey-100);

  display: grid;

  place-content: center;
}

.SegmentInstanceTable-module__linkIcon--iMT7a .SegmentInstanceTable-module__timelineIcon--uSOov {
  background: var(--grey-900);
}

.SegmentInstanceTable-module__linkIcon--iMT7a .SegmentInstanceTable-module__detailsIcon--PrKVB {
  visibility: hidden;

  background: var(--grey-900);
}

.SegmentInstanceTable-module__linkIcon--iMT7a.SegmentInstanceTable-module__linkIconExpanded--4uBdk .SegmentInstanceTable-module__detailsIcon--PrKVB,
.SegmentInstanceTable-module__linkIcon--iMT7a.SegmentInstanceTable-module__linkIconExpanded--4uBdk .SegmentInstanceTable-module__timelineIcon--uSOov {
  visibility: visible;

  background: var(--background-tertiary);
}

.SegmentInstanceTable-module__table--4Hlm- tr:hover .SegmentInstanceTable-module__linkIcon--iMT7a .SegmentInstanceTable-module__timelineIcon--uSOov,
.SegmentInstanceTable-module__table--4Hlm- tr:hover .SegmentInstanceTable-module__linkIcon--iMT7a .SegmentInstanceTable-module__detailsIcon--PrKVB {
  background: var(--color-table-primary-row-hovered);
}

.SegmentInstanceTable-module__table--4Hlm- tr:hover .SegmentInstanceTable-module__linkIcon--iMT7a .SegmentInstanceTable-module__detailsIcon--PrKVB {
  visibility: visible;
}

.SegmentInstanceTable-module__table--4Hlm- tr:hover .SegmentInstanceTable-module__linkIcon--iMT7a.SegmentInstanceTable-module__linkIconExpanded--4uBdk .SegmentInstanceTable-module__timelineIcon--uSOov,
.SegmentInstanceTable-module__table--4Hlm- tr:hover .SegmentInstanceTable-module__linkIcon--iMT7a.SegmentInstanceTable-module__linkIconExpanded--4uBdk .SegmentInstanceTable-module__detailsIcon--PrKVB {
  visibility: visible;

  background: var(--background-tertiary);
}

.SegmentInstanceTable-module__table--4Hlm- tr td {
  white-space: nowrap;
}

.SegmentInstanceTable-module__segmentIdCell--TMJcX {
  min-width: 100px;
}

.SegmentInstanceTable-module__status--XehH7 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.SegmentInstanceTable-module__dot--YWE71 {
  width: 8px;
  height: 8px;
  margin-right: var(--space-8px);

  position: relative;

  border-radius: 50%;
}

.SegmentInstanceTable-module__statusHeaderContainer--nMDjG {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);

  align-items: flex-start;

  cursor: pointer;
}

.SegmentInstanceTable-module__statusHeader--TMc8W {
  display: flex;
  gap: var(--base-space);

  align-items: center;
}

.SegmentInstanceTable-module__statusHeaderOrder--4T6jF {
  color: var(--text-tertiary);
}

.SegmentInstanceTable-module__statusSorting--wCX8r {
  display: flex;
}

.SegmentInstanceTable-module__statusSortingList--VKoxM {
  display: grid;
}

table tr .SegmentInstanceTable-module__handlerContainer--3I0-X {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: 0;
  z-index: 1;
}

table tr th.SegmentInstanceTable-module__handlerContainer--3I0-X {
  right: -120px;
}

table tr td.SegmentInstanceTable-module__handlerContainer--3I0-X::after {
  width: 20px;

  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  content: '';

  background: var(--row-background-color);
}
.SegmentInstanceQuickFilters-module__container--jNqf- {
  display: flex;
  gap: var(--space-8px);
}

.SegmentInstanceQuickFilters-module__infoIcon--wLJBz {
  color: var(--icon-default);
}

.SegmentInstanceQuickFilters-module__quickFilterButtonActive--VVEti {
  background-color: var(--background-tertiary);
}

.SegmentInstanceQuickFilters-module__dropdown--Jfgeh {
  min-width: -moz-min-content;
  min-width: min-content;
}

.SegmentInstanceQuickFilters-module__tooltipList--iArY3 {
  margin: 0;
  padding-left: var(--space-16px);
}

.SegmentInstanceQuickFilters-module__tooltipSubList--p22eK {
  margin: var(--space-4px) 0 0 0;
  padding-left: var(--space-16px);
}
.SegmentDetails-module__container--YLXIY,
.SegmentDetails-module__section--cQY3C {
  display: flex;

  flex-direction: column;
}

.SegmentDetails-module__section--cQY3C > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.SegmentDetails-module__section--cQY3C > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}

.SegmentDetails-module__subtitle--4wtA9 {
  color: var(--text-tertiary);
}

.SegmentDetails-module__toolbar--isGT4 {
  display: grid;

  align-items: center;
  grid-auto-flow: column;
  gap: var(--space-8px);
}

.SegmentDetails-module__segmentReferences--AIDhx {
  margin-left: auto;
}
.UserJourneyDetails-module__container--GioCF {
  position: relative;

  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-main);
}
.AttributesCorrelation-module__content--VImLj {
  display: grid;
  gap: var(--space-20px);
}

.AttributesCorrelation-module__filtersContainer--8-ViY {
  display: flex;

  justify-content: space-between;
}

.AttributesCorrelation-module__filters--cDa26 {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-10px);
}

.AttributesCorrelation-module__references--YnRnk {
  align-self: end;
}

.AttributesCorrelation-module__graphs--ZZ7Sl {
  display: grid;
  gap: var(--space-20px);

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

.AttributesCorrelation-module__label--DKU9Z {
  color: var(--text-primary);

  margin-bottom: var(--space-6px);
}
.AttributeCorrelationName-module__flowName--kkPsn {
  color: var(--text-tertiary);
}
.StatsBanner-module__statsContainer--sp0Pb {
  display: flex;

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

.StatsBanner-module__spanContainer---VLK3 {
  display: flex;

  align-items: center;
}

.StatsBanner-module__icon--7ccrs {
  color: var(--secondary-300);
}

.StatsBanner-module__intro--nDQR0 {
  margin-left: var(--space-12px);
}

.StatsBanner-module__button--6kyT8 {
  white-space: nowrap;

  min-width: initial;
  margin-left: auto;
}
.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_list-module__chart--Xj80h {
  width: 350px;
}

.last_view_list-module__cell--zEIRG,
.last_view_list-module__cell--zEIRG a {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

td.last_view_list-module__chart--Xj80h a {
  padding: 0 10px;
}

.last_view_list-module__container--IAKjg {
}

.last_view_list-module__container--IAKjg tr {
  height: 60px;
}

.last_view_list-module__outcomeTitle--HQrRh {
  margin-bottom: var(--space-20px);
}

.last_view_list-module__help--8sg1s {
  padding-left: 2px;
}

.last_view_list-module__high--JW8KY {
  color: var(--text-negative);
}

.last_view_list-module__low--AneC- {
  color: var(--text-success);
}

.last_view_list-module__numberHeaderCell--IoOk7 {
  text-align: right;

  width: var(--space-96px);
}

.last_view_list-module__trendHeaderCell--YTVOJ {
  width: var(--space-256px);
}

.last_view_list-module__lastViewHeaderCell--fnHjy {
  width: var(--space-96px);
}

.last_view_list-module__headerContainer--fguDt {
  display: flex;

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

.last_view_list-module__filterBuilder--GoiIM {
  flex: 1;
}

.last_view_list-module__table--44JFv {
  margin-top: var(--space-20px);
}

.last_view_list-module__emptyStateCell--q3eu4 {
  text-align: center;

  padding: var(--space-76px) 0;
}
.session-module__gauges--gHl03 {
  display: flex;
}

.session-module__gauges--gHl03 > div {
  margin-right: var(--space-48px);
}

.session-module__graph--BHJrJ {
  min-width: var(--space-256px);
}

.session-module__lastViewContainer--vlfLx {
  margin-top: var(--space-40px);
}

.session-module__controls--T0QWt {
  padding-bottom: var(--space-8px);

  display: flex;

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

.session-module__controls--T0QWt > div,
.session-module__controlContainer--qH1D1 > i {
  margin-left: var(--space-8px);
}

.session-module__controls--T0QWt > label {
  margin-left: var(--space-12px);
}

.session-module__group--YjIKx {
  display: flex;

  flex-wrap: wrap;
}

.session-module__group--YjIKx > div {
  margin: 0 var(--space-12px);

  flex: 1;
}

.session-module__filterContainer--2LLkO {
  margin-bottom: 0;
}

.session-module__container--pyzhd {
  margin: var(--space-12px) 0;

  display: flex;
}

.session-module__cell--S88qg {
  font-size: 12px;

  padding: var(--space-8px) var(--space-12px);
}

.session-module__cell--S88qg > div {
  font-weight: 500;
}

.session-module__cell--S88qg.session-module__noWrap--8GPcl {
  white-space: nowrap;
}

.session-module__dot--QOojy {
  margin-right: var(--space-4px);
}

.session-module__gauge--dz0ic {
  padding-top: 0;
}

.session-module__gaugesContainer--h3WoF {
  display: flex;

  flex: 1;
}

.session-module__gaugesContainer--h3WoF > div {
  flex: 1;
}

.session-module__graphContainer---Mz9u {
  display: flex;

  flex: 2;
}

.session-module__graphContainer---Mz9u .session-module__graph--BHJrJ {
  flex: 2;
}

.session-module__graphContainer---Mz9u .session-module__table--HABuR {
  padding-left: var(--space-12px);

  flex: 1;
}

.session-module__headerCell--w-q5g {
  font-size: 12px;
  font-weight: 500;

  padding: var(--space-8px) var(--space-12px);
}

.session-module__summarizedTable--hKwOk {
  box-shadow: none;
}

.session-module__summarizedTable--hKwOk tr {
  border-bottom: none;
}

.session-module__divider--aI2Et {
  margin: var(--space-24px) 0;

  border-color: var(--grey-800);
}

.session-module__crashOverviewContainer--8-5SN {
  margin-bottom: 40px;
}

/* small screens and smaller */
@media (width <= 1033px) {
  .session-module__graphContainer---Mz9u {
    display: block;
  }

  .session-module__graphContainer---Mz9u .session-module__table--HABuR {
    padding-left: 0;
  }
}

/* medium screens and smaller */
@media (width <= 1359px) {
  .session-module__gauge--dz0ic {
    margin-left: 0;
    padding-left: 0;
  }

  .session-module__graph--BHJrJ {
    margin-left: calc(0px - var(--space-32px));
  }

  .session-module__container--pyzhd {
    display: block;
  }
}
.UTSummary-module__tabContainer--c5ioy {
  padding: var(--space-24px);

  position: relative;
}

.UTSummary-module__overviewContainer--xDONi {
  width: 100%;

  display: block;
  overflow: hidden;
}

.UTSummary-module__tabsContainer--AECDm {
  border-bottom: 0;
  gap: var(--section-spacing-sub);
}

.UTSummary-module__active--Ckmvi {
  padding-bottom: calc(var(--space-24px) + var(--space-20px));

  position: relative;

  border-radius: 0;
  border-bottom: 0;
}

/* the :not(.clickDisabled) is there just to add specificity to the selector and beat the internal styles for the tab */
.UTSummary-module__metric--qq6Mi.UTSummary-module__activeMetric--3Ie1F:not(.UTSummary-module__clickDisabled--p8mYG) {
  margin-top: 1px;

  border-radius: 3px;
  border-top: 3px solid var(--lime-300);
}

.UTSummary-module__active--Ckmvi::after {
  width: 100%;
  height: var(--space-10px);

  position: absolute;
  bottom: calc(var(--space-10px) * -1);
  left: 0;
  z-index: 1;

  display: inline-block;

  background: var(--grey-900);
  content: '';
}

.UTSummary-module__metric--qq6Mi {
  width: calc(25% - var(--space-20px));
  margin-right: calc((var(--space-20px) * 4) / 3);
  padding: 0;

  /*
     * Gap calculated manually
     * Removing 20px to each card and using that space
     * to make the gap between them (except for the last column)
     */
  float: left;
}

.UTSummary-module__metric--qq6Mi:last-of-type {
  margin-right: auto;
}

.UTSummary-module__metric--qq6Mi:hover {
  background: none;
}

.UTSummary-module__clickDisabled--p8mYG {
  cursor: not-allowed;
}

.UTSummary-module__graphContainer--eSF2G {
  margin-top: -1px; /* hack to visually hide a portion of a border-top */
}

.UTSummary-module__card--6V-i- {
  margin-top: var(--space-12px);
  padding: var(--banner-padding);
}

.UTSummary-module__zeroStateContent--5aWgE {
  padding-right: var(--space-8px);
}
.OverallMetricsHeader-module__subHeaderContainer---0NpO {
  margin: 0 var(--space-40px);
  padding: 0 0 var(--section-spacing-sub);

  display: flex;

  flex-direction: row;
  gap: var(--space-16px);
}
.TimelineFilters-module__dropdown--9ybXP {
  min-width: auto;
}

.TimelineFilters-module__dropdownOptions--UpZ1Y {
  min-width: 280px;
}

.TimelineFilters-module__trigger--KSy9w {
  color: var(--text-primary);

  border: 1px solid var(--border-secondary);
  background: transparent;
}

.TimelineFilters-module__trigger--KSy9w:hover {
  background-color: var(--background-hover);
}

.TimelineFilters-module__triggerActive--wXeY- {
  border-color: var(--background-tertiary);
  background-color: var(--background-tertiary);
}
.TimelineSearchBar-module__searchBarInput--VFIOg {
  margin-bottom: var(--space-6px);
  width: 420px;

  background: var(--background-secondary);
}

.TimelineSearchBar-module__controls--dal3y {
  display: flex;

  align-items: center;
}

.TimelineSearchBar-module__counter--YNw-Z {
  padding-right: var(--space-8px);
  margin-right: var(--space-8px);
  border-right: 1px solid var(--border-content);

  height: 16px;
}

.TimelineSearchBar-module__controlArrows--4qZdl {
  margin-right: var(--space-16px);

  display: flex;

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

.TimelineSearchBar-module__fullWidth--qRePW {
  width: 100%;
}

.TimelineSearchBar-module__recentTitle--MuErV {
  color: var(--text-tertiary);

  margin: var(--space-10px) var(--space-16px);
}

.TimelineSearchBar-module__calloutTooltip--nHmLk {
  min-width: 320px;
}

.TimelineSearchBar-module__calloutContainer--MiNXo {
  max-width: 320px;
}

.TimelineSearchBar-module__calloutActions--W49Lr {
  display: flex;
  gap: var(--space-8px);
}

.TimelineSearchBar-module__calloutBody--14jsD {
  margin-left: var(--space-4px);

  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.TypeRow-module__typeContainer--3hhAF {
  display: flex;
}

.TypeRow-module__typeContainer--3hhAF > div {
  margin-left: var(--base-space);
}

.TypeRow-module__typeContainer--3hhAF img {
  height: var(--space-16px);
}

.TypeRow-module__pillContainer--CWRZn {
  padding-top: var(--base-space);

  justify-content: flex-start !important;
}
.CLSAttribution-module__code--6KCpE {
  font-weight: var(--weight-400);

  width: -moz-fit-content;

  width: fit-content;
  padding: var(--space-4px);

  background-color: var(--background-hover);
  border-radius: var(--space-4px);
}

.CLSAttribution-module__column--agX9G {
  display: flex;

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

.CLSAttribution-module__secondary--hnqYN {
  color: var(--text-secondary);
}
.WebVitalDetails-module__container--MsjzB {
  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}

.WebVitalDetails-module__container--MsjzB hr {
  margin: var(--space-16px) 0;

  border-color: var(--border-primary);
}

.WebVitalDetails-module__main--WcmbB {
  display: grid;
  gap: var(--space-8px);
}

.WebVitalDetails-module__header--ixwYI,
.WebVitalDetails-module__row--rgk7j {
  display: grid;

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

.WebVitalDetails-module__header--ixwYI {
  color: var(--text-secondary);
}

.WebVitalDetails-module__row--rgk7j {
  color: var(--text-primary);
}

.WebVitalDetails-module__column---uUuQ {
  display: flex;
}

.WebVitalDetails-module__tooltipTriggerContainer--C9HNg {
  align-self: baseline;
}

.WebVitalDetails-module__subtext--FoHiR {
  color: var(--grey-400);
  word-break: break-all;

  padding-right: var(--space-20px);
}

.WebVitalDetails-module__tooltipTrigger--Sf-8g {
  color: var(--icon-default);
}

.WebVitalDetails-module__tooltipContent--tvB0d {
  gap: var(--space-8px);

  display: grid;
}

.WebVitalDetails-module__tooltipContentContainer--GGLd- {
  display: flex;

  flex-direction: column;
  gap: var(--space-4px);
}
.TimelineRowDetails-module__detailList--ybjDB {
  padding: 0;
  margin: 0;

  display: flex;

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

.TimelineRowDetails-module__container--H-lyA {
  display: grid;
  gap: var(--space-4px);
}

.TimelineRowDetails-module__detailList--ybjDB > * {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.TimelineRowDetails-module__title--JGHBe {
  color: var(--text-tertiary);
}

.TimelineRowDetails-module__value--lKcLx {
  color: var(--text-primary);
}
.SpansAndTracesDetailsWeb-module__container--WeW04 {
  margin-top: var(--space-8px);

  overflow: auto;
  display: flex;

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

.SpansAndTracesDetailsWeb-module__main--k-1iR {
  display: grid;
  gap: var(--space-8px);
}

.SpansAndTracesDetailsWeb-module__header--PjXVW,
.SpansAndTracesDetailsWeb-module__row--ELG5w {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: repeat(5, minmax(78px, 120px));
}

.SpansAndTracesDetailsWeb-module__header--PjXVW {
  color: var(--text-secondary);
}

.SpansAndTracesDetailsWeb-module__row--ELG5w {
  color: var(--text-primary);
}

.SpansAndTracesDetailsWeb-module__withInfo--IvffE {
  display: flex;

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

.SpansAndTracesDetailsWeb-module__infoIcon--XBC2I {
  color: var(--text-tertiary);
}
.SpansAndTracesDetails-module__container--jVTEA {
  margin-top: var(--space-8px);

  overflow: auto;
}

.SpansAndTracesDetails-module__container--jVTEA hr {
  margin: var(--space-16px) 0;

  border-color: var(--border-primary);
}

.SpansAndTracesDetails-module__main--nful0,
.SpansAndTracesDetails-module__children---O-BE {
  display: grid;
  gap: var(--space-8px);
}

.SpansAndTracesDetails-module__header--iWerN,
.SpansAndTracesDetails-module__row--Q0msY {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: repeat(5, minmax(78px, 120px));
}

.SpansAndTracesDetails-module__header--iWerN {
  color: var(--text-secondary);
}

.SpansAndTracesDetails-module__row--Q0msY {
  color: var(--text-primary);
}

/**
 * Related Spans
 */
.SpansAndTracesDetails-module__children---O-BE .SpansAndTracesDetails-module__relevantSpans--ohbxZ {
  grid-area: relevantSpans;
}

.SpansAndTracesDetails-module__children---O-BE .SpansAndTracesDetails-module__header--iWerN,
.SpansAndTracesDetails-module__children---O-BE .SpansAndTracesDetails-module__row--Q0msY {
  grid-template-areas: 'relevantSpans relevantSpans';
}

/*
 * Ellipsize tooltip
 */

.SpansAndTracesDetails-module__relevantSpansTooltipContent--HT3T6 {
  max-width: 150px;
  word-break: normal;
  overflow-wrap: anywhere;
}

/*
 * Show More
 */

.SpansAndTracesDetails-module__showMore--DjNEG {
  color: var(--text-product-secondary);
  cursor: pointer;
}

/*
 * Trace events
 */

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__header--iWerN {
  color: var(--text-secondary);
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__header--iWerN,
.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__row--Q0msY {
  display: grid;
  gap: var(--space-32px);
  row-gap: var(--space-8px);

  grid-template-columns: repeat(3, minmax(78px, 120px));
  grid-template-areas: 'eventName attributeKey attributeValue';
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributes---r-A1 {
  /* fits 4 rows  */
  max-height: 104px;
  margin-top: var(--space-8px);

  display: grid;
  overflow: hidden;
  row-gap: var(--space-8px);
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributes---r-A1.SpansAndTracesDetails-module__expanded--OJh4j {
  max-height: none;
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__row--Q0msY {
  color: var(--text-primary);
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__eventName--RpQfD,
.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributeKey--VijUC,
.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributeValue--C01zL {
  overflow-wrap: anywhere;
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__eventName--RpQfD {
  grid-area: eventName;
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributeKey--VijUC {
  grid-area: attributeKey;
}

.SpansAndTracesDetails-module__traceEvents--D8bpw .SpansAndTracesDetails-module__attributeValue--C01zL {
  grid-area: attributeValue;
}
.SnapshotDetails-module__container--9BNwc {
  margin-top: var(--space-8px);
}

.SnapshotDetails-module__main--gwQeL {
  display: grid;
  gap: var(--space-8px);
}

.SnapshotDetails-module__header---gxMG,
.SnapshotDetails-module__row--vAJaZ {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: repeat(5, minmax(78px, 120px));
}
.SegmentDetails-module__container--yrcJF {
  margin-top: var(--space-8px);
}

.SegmentDetails-module__main--0S35C {
  display: grid;
  gap: var(--space-8px);
}

.SegmentDetails-module__header--Brocl,
.SegmentDetails-module__row--Ql5H6 {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: repeat(5, minmax(78px, 120px));
}
.NSFNativeSetupModal-module__content--chVlU {
  max-width: 600px;

  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NSFNativeSetupModal-module__body--ASavf {
  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}

.NSFNativeSetupModal-module__body--ASavf ul {
  margin: 0;
  list-style: none;

  padding: 0;
}

.NSFNativeSetupModal-module__body--ASavf ul li {
  margin-bottom: var(--space-4px);

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

.NSFNativeSetupModal-module__body--ASavf a {
  font-weight: 500;
  color: var(--text-product-secondary);
  text-decoration: none;
}
.NSFHostedSDKSetupModal-module__content--Nwma6 {
  max-width: 600px;

  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NSFHostedSDKSetupModal-module__body--bwRd6 {
  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}

.NSFHostedSDKSetupModal-module__body--bwRd6 a {
  font-weight: 500;
}

.NSFHostedSDKSetupModal-module__actions--Rm-vH {
  display: flex;
  gap: var(--space-8px);
}

.NSFHostedSDKSetupModal-module__actions--Rm-vH a {
  text-decoration: none;
}
.EnableNSFButtonTrigger-module__link--oQSQo {
  cursor: pointer;

  font-weight: bold;
}
.NetworkDetails-module__enableNSFRequestTrigger--akdR9 {
  margin-top: var(--space-6px);
}

.NetworkDetails-module__networkContainer--bQNOl {
  display: flex;
  gap: var(--space-10px);

  flex-direction: row;
}

.NetworkDetails-module__timelineRowDetailsContainer--46atu {
  margin-right: var(--space-48px);
}

.NetworkDetails-module__description--vlEEC {
  font-style: italic;
  color: var(--text-tertiary);

  margin-bottom: var(--space-16px);
}
.WebVitalHeader-module__row--oUSbo {
  display: flex;
  gap: var(--space-8px);
}

.WebVitalHeader-module__noGap--AmrJj {
  display: flex;
}
.WebResourceTable-module__table--L-cBE {
  width: 100%;

  display: table;

  border: 1px solid var(--border-primary);
  border-radius: var(--base-space);
  table-layout: fixed;

  border-spacing: var(--space-16px);
  border-collapse: separate;
}

.WebResourceTable-module__header--FBeOZ {
  color: var(--text-tertiary);

  display: table-row;
}

.WebResourceTable-module__row--9KoP1 {
  color: var(--text-primary);

  display: table-row;
}

.WebResourceTable-module__cell--dm0My {
  display: table-cell;
  vertical-align: middle;
}

.WebResourceTable-module__wideCell--dZCAL {
  width: 360px;
}
.GroupedPageLoadDetails-module__container--5I0A1 {
  display: flex;

  gap: var(--space-24px);

  flex-direction: column;
}

.GroupedPageLoadDetails-module__code--opRCZ {
  font-weight: var(--weight-400);

  padding: var(--space-4px);

  background-color: var(--background-hover);
  border-radius: var(--space-4px);
}

.GroupedPageLoadDetails-module__row--o-kh8 {
  display: flex;
  gap: var(--space-8px);
}

.GroupedPageLoadDetails-module__column--KRF34 {
  display: flex;

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

.GroupedPageLoadDetails-module__secondary---vTIp {
  color: var(--text-secondary);
}
.GroupedNetworkRequestDetails-module__table--9JB8M {
  width: 100%;

  display: table;

  border: 1px solid var(--border-primary);
  border-radius: var(--base-space);
  table-layout: fixed;

  border-spacing: var(--space-16px);
  border-collapse: separate;
}

.GroupedNetworkRequestDetails-module__header--IaImY {
  color: var(--text-tertiary);

  display: table-row;
}

.GroupedNetworkRequestDetails-module__column--0eawC {
  display: flex;

  flex-direction: column;
}

.GroupedNetworkRequestDetails-module__flexRow--e8rX5 {
  padding-bottom: var(--space-6px);

  display: flex;

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

.GroupedNetworkRequestDetails-module__row--ruUQa {
  color: var(--text-primary);

  display: table-row;
}

.GroupedNetworkRequestDetails-module__cell--yeSVV {
  display: table-cell;
  vertical-align: middle;
}

.GroupedNetworkRequestDetails-module__partialWidth--qYZ-S {
  width: 90%;
}

.GroupedNetworkRequestDetails-module__fullWidth--JYAnP {
  width: 100%;
}

.GroupedNetworkRequestDetails-module__wrap--0AUvp {
  overflow-wrap: break-word;
}

.GroupedNetworkRequestDetails-module__secondary--7TyxF {
  color: var(--text-tertiary);
}

.GroupedNetworkRequestDetails-module__highlight--3BZYq {
  background: var(--chart-color4);
}

.GroupedNetworkRequestDetails-module__selected--nEka2 {
  background: var(--chart-color6);
}

.GroupedNetworkRequestDetails-module__list--yIJhl {
  padding: 0;
  margin: 0;
}

.GroupedNetworkRequestDetails-module__container--lShNI {
  display: flex;

  gap: var(--space-8px);
}

.GroupedNetworkRequestDetails-module__center--vW6-c {
  display: flex;

  justify-content: center;
}
.GroupedInteractionDetails-module__container--b2rG9 {
  display: flex;

  gap: var(--space-36px);

  flex-direction: column;
}

.GroupedInteractionDetails-module__column--5DxaL {
  display: flex;

  flex-direction: column;

  gap: var(--space-8px);
}

.GroupedInteractionDetails-module__secondary---FBTh {
  color: var(--text-secondary);
}
.AnrRelevantMethods-module__container--A8KCw {
  color: var(--text-primary);

  display: grid;

  justify-content: flex-start;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  gap: var(--space-8px) var(--space-32px);
  word-break: break-all;
}

.AnrRelevantMethods-module__header--dVSii {
  color: var(--text-secondary);
}

.AnrRelevantMethods-module__separator--GzJLa {
  width: 100%;
  height: 1px;

  background-color: var(--border-secondary);
}
.TimelineStackTrace-module__subtext--oy-A3 {
  color: var(--grey-300);

  margin: 0;
}

.TimelineStackTrace-module__stackTraceContainer--XytvE {
  display: grid;
  gap: var(--space-20px);
}

.TimelineStackTrace-module__stackTrace--O1PI8 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;

  background: var(--background-secondary);

  transition: border-color 300ms var(--entering-animation-curve);
}

.TimelineStackTrace-module__collapseContainer--hxNCs .TimelineStackTrace-module__stackTrace--O1PI8 {
  border-color: transparent;
}

.TimelineStackTrace-module__collapseContainerExpanded--GEIjb .TimelineStackTrace-module__stackTrace--O1PI8 {
  border-color: var(--border-primary);
}

.TimelineStackTrace-module__collapseContainer--hxNCs {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.TimelineStackTrace-module__collapseContainerExpanded--GEIjb {
  grid-template-rows: 1fr;
}

.TimelineStackTrace-module__collapseContent---KQ9I {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .TimelineStackTrace-module__collapseContainer--hxNCs,
  .TimelineStackTrace-module__stackTrace--O1PI8 {
    transition: none;
  }
}
.image_modal-module__screenshot--pQhx5 {
  max-width: 100px;
  max-height: 100px;
  margin-right: 10px;

  border: 1px solid grey;
  vertical-align: middle;
}

.image_modal-module__largeScreenshot--ntrNl {
  max-width: 80vw;
  max-height: 80vh;

  border: 1px solid grey;
}
.TimelineRowContent-module__rowDetail--kxEKt {
  position: relative;
}

.TimelineRowContent-module__label--yejPT {
  position: relative;
}

.TimelineRowContent-module__tags--7EPvd,
.TimelineRowContent-module__networkContainer--Yf3Mi {
  display: flex;
  gap: var(--space-10px);

  flex-direction: column;
}

.TimelineRowContent-module__tags--7EPvd {
  gap: var(--space-16px);
}

.TimelineRowContent-module__tagsContainer--m8OGd {
  display: flex;

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

.TimelineRowContent-module__tagsContainer--m8OGd > * {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.TimelineRowContent-module__tags--7EPvd .TimelineRowContent-module__tagsContainer--m8OGd:empty {
  display: none;
}

.TimelineRowContent-module__networkContainer--Yf3Mi {
  padding-right: var(--space-20px);

  display: flex;
  gap: var(--space-10px);

  flex-direction: row;
}

.TimelineRowContent-module__timelineRowDetailsContainer--qcpBK {
  margin-right: var(--space-48px);
}

.TimelineRowContent-module__networkButtonContainer--IUTgR {
  margin-top: var(--space-6px);
}

.TimelineRowContent-module__anrColumn--zLVBC {
  display: flex;

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

.TimelineRowContent-module__separator--A02KY {
  max-width: 482px;
  width: 100%;
  height: 1px;

  background-color: var(--grey-700);
}

.TimelineRowContent-module__tagName--KqwV6 {
  color: var(--text-tertiary);
}

.TimelineRowContent-module__tagContent--Zamlh {
  color: var(--text-primary);
}
.ArrowRow-module__icon--1Os-0 {
  cursor: pointer;

  transition: 0.5s;
}

.ArrowRow-module__icon--1Os-0.ArrowRow-module__collapsed--xgPc9 {
  transform: rotate(0deg);
}

.ArrowRow-module__icon--1Os-0.ArrowRow-module__expanded--7CzAe {
  transform: rotate(90deg);
}
.TimelineRowHandlers-module__detailsViewable--bb64z {
  --details-link-width: 90px;
  --copy-handler-width: 40px;
  position: relative;

  display: grid;
  gap: var(--space-12px);

  align-items: center;
}

.TimelineRowHandlers-module__detailsViewable--bb64z.TimelineRowHandlers-module__copy--lOFVx {
  grid-template-columns: 1fr var(--copy-handler-width);
}

.TimelineRowHandlers-module__detailsViewable--bb64z.TimelineRowHandlers-module__details--c-HYR {
  grid-template-columns: 1fr var(--details-link-width);
}

.TimelineRowHandlers-module__detailsViewable--bb64z.TimelineRowHandlers-module__both--vEV4N {
  grid-template-columns: 1fr calc(
      var(--details-link-width) + var(--copy-handler-width)
    );
}

.TimelineRowHandlers-module__detailsText--g7JPv {
  word-break: normal;
  overflow-wrap: anywhere;
}

.TimelineRowHandlers-module__detailsLink--lG-NA {
  place-self: start end;

  align-items: center;

  background-color: var(--border-tertiary);

  opacity: 0;
  gap: var(--space-8px);
}

.TimelineRowHandlers-module__detailsText--g7JPv,
.TimelineRowHandlers-module__detailsLink--lG-NA {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.TimelineRowHandlers-module__detailsLink--lG-NA .TimelineRowHandlers-module__disable--i7Pcs {
  color: var(--grey-400);

  display: flex;
  gap: var(--space-8px);
  cursor: not-allowed;
}

.TimelineRowHandlers-module__detailsLink--lG-NA .TimelineRowHandlers-module__enable--BMY69 {
  color: var(--secondary-300);

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

.TimelineRowHandlers-module__detailsIcon--Fb7NR {
  align-self: center;
}

.TimelineRowHandlers-module__unlockInsights--axdvN {
  color: var(--text-product-secondary);

  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-6px);
}
.SlowSpanDifference-module__alert--urphb {
  color: var(--text-negative);
}

.SlowSpanDifference-module__footer--r0bty {
  display: flex;

  flex-direction: column;

  gap: var(--space-8px);
}

.SlowSpanDifference-module__entry--MBAVT {
  display: flex;
  gap: var(--space-8px);

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

.SlowSpanDifference-module__entry--MBAVT > span:nth-child(2) {
  text-align: right;

  flex-shrink: 0;
}
.SlowSpanDetails-module__alert--qasa4 {
  color: var(--text-negative);
}

.SlowSpanDetails-module__entries--GXOu4 {
  display: flex;

  flex-direction: column;

  gap: var(--space-4px);
}

.SlowSpanDetails-module__entry--6OIAb {
  display: flex;
  gap: var(--space-8px);

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

.SlowSpanDetails-module__entry--6OIAb > span:nth-child(2) {
  text-align: right;

  flex-shrink: 0;
}
.SlowSpanIndicator-module__tooltipContent--7fLo2 {
  min-width: 240px;

  display: inline-flex;

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

.SlowSpanIndicator-module__trigger--6aZh1 {
  color: var(--icon-default);
}
.SpansAndTracesRow-module__container--KoXbG {
  display: grid;

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

  grid-template-columns: auto minmax(var(--space-112px), auto);
}

.SpansAndTracesRow-module__nameTooltipContent--zdF0- {
  max-width: 150px;
  word-break: normal;
  overflow-wrap: anywhere;
}

.SpansAndTracesRow-module__iconWrapper--1EwJu {
  display: inline-flex;

  align-items: center;
  vertical-align: middle;
}

.SpansAndTracesRow-module__defaultIcon--UJd1z {
  color: var(--text-primary);
}
.SnapshotRow-module__container--HXsOn {
  display: flex;

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

.SnapshotRow-module__nameTooltipContent--0Sh-m {
  max-width: 150px;
  word-break: normal;
  overflow-wrap: anywhere;
}
.SegmentRow-module__container--dIQwM {
  display: flex;
  gap: 8px;

  align-items: center;
}

.SegmentRow-module__nameTooltipContent--g3ykh {
  max-width: 150px;
  word-break: normal;
  overflow-wrap: anywhere;
}
.LinkToDetails-module__detailsLink--UKZAC {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);

  min-width: var(--space-96px);

  position: absolute;
  top: 2px;
  right: 0;

  transition: 0.3s;
  opacity: 0;
  justify-self: end;
}

.LinkToDetails-module__detailsLink--UKZAC .LinkToDetails-module__disable--QiB-b {
  color: var(--grey-400);

  display: flex;
  gap: var(--space-8px);
  cursor: not-allowed;
}

.LinkToDetails-module__detailsLink--UKZAC .LinkToDetails-module__enable--1rws6 {
  color: var(--text-product-secondary);

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

.LinkToDetails-module__detailsIcon--KHWHq {
  align-self: center;
}

.LinkToDetails-module__detailsViewable--C9uD8 {
  position: relative;

  display: flex;

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

.LinkToDetails-module__detailsText--mdFSD {
  max-width: calc(100% - var(--space-112px));
  word-break: normal;
  overflow-wrap: anywhere;
}

.LinkToDetails-module__unlockInsights--iweeV {
  color: var(--text-product-secondary);

  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-6px);
}
.IntervalSessionActivity-module__loading--Iay-c {
  padding: 0;
}
.TimelineRowDot-module__dot--pWbNu::before {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-right: var(--base-space);
  margin-bottom: 1px;

  display: inline-block;

  border-radius: var(--space-8px);
  content: '';
}

.TimelineRowDot-module__green--5zj3-::before {
  background-color: var(--chart-success);
}

.TimelineRowDot-module__yellow--BGrEa::before {
  background-color: var(--chart-warning);
}

.TimelineRowDot-module__red--mC5dR::before {
  background-color: var(--chart-negative);
}
.GroupedPageLoadRow-module__container---zB0n {
  margin: 0;

  display: flex;

  align-items: center;
  gap: var(--space-8px);
}
.GroupedNetworkRequestRow-module__container--3Ec6e {
  margin: 0;

  display: flex;

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

.GroupedNetworkRequestRow-module__secondary--qGo8C {
  color: var(--text-tertiary);
}

.GroupedNetworkRequestRow-module__highlight--NPiQs {
  background: var(--chart-color4);
}

.GroupedNetworkRequestRow-module__selected--aeJ3W {
  background: var(--chart-color6);
}

.GroupedNetworkRequestRow-module__nowrap--Mxb7D {
  white-space: nowrap;
}
.GroupedInteractionRow-module__container--mn96H {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
  word-break: break-all;
}

.GroupedInteractionRow-module__row--igjoQ {
  display: flex;

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

.GroupedInteractionRow-module__column--OX3Nt {
  display: flex;

  flex-direction: column;
}

.GroupedInteractionRow-module__subtext--q2q2z {
  color: var(--text-tertiary);
}
.ClickDetails-module__container--jT8ua {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
  word-break: break-all;
}

.ClickDetails-module__subtext--EmN5e {
  color: var(--text-tertiary);
}
.NetworkBodyCaptureModalBody-module__body--oFKWf {
  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NetworkBodyCaptureModalBody-module__body--oFKWf a {
  font-weight: 500;
}
.Activity-module__attention--lbXor {
  padding-left: var(--space-10px);
}

.Activity-module__row--UXkaG {
  vertical-align: top;

  min-height: var(--space-80px);
}

tr.Activity-module__row--UXkaG.Activity-module__active--a1Uec {
  /* Need to override background color set for being an error, slow, etc. */
  background: var(--grey-700) !important;
}

.Activity-module__activity--9Ct-E {
  word-break: normal;
  overflow-wrap: anywhere;
}

.Activity-module__arrow--se5Ry {
  width: var(--space-20px);

  display: inline-block;
}

.Activity-module__clickable--vCGy7 {
  cursor: pointer;
}

.Activity-module__drawerCell--r8Tsx {
  max-width: 300px;
}

.Activity-module__pre--1BI5C {
  white-space: nowrap;

  width: 50px;
}

.Activity-module__pillContainer--Gh-qO {
  padding-top: var(--base-space);

  justify-content: flex-start !important;
}

.Activity-module__typeContainer--g0KvP {
  display: flex;
}

.Activity-module__typeContainer--g0KvP > div {
  margin-left: var(--base-space);
}

.Activity-module__typeContainer--g0KvP img {
  height: var(--space-16px);
}

.Activity-module__subtext--IPaMI {
  color: var(--grey-400);
  word-break: break-all;

  padding-right: var(--space-20px);
}

.Activity-module__tags--rcpGP {
  display: flex;

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

.Activity-module__tags--rcpGP > * {
  padding: var(--space-10px) 0;
}

.Activity-module__labels--20bRv {
  padding: var(--space-8px) 0;

  display: flex;
}

.Activity-module__reactNativeAction--8nrwZ {
  margin-bottom: var(--base-space);

  display: flex;

  align-items: center;

  border: 1px solid transparent;
  gap: var(--base-space);
}

.Activity-module__pill--iB79z {
  display: flex;
  gap: var(--space-6px);
}

.Activity-module__info--v-8cL {
  color: var(--icon-default);

  top: -0.5px;
}

.Activity-module__network--gKAH6,
.Activity-module__webVital--XvXAF {
  margin: 0;

  display: flex;

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

.Activity-module__networkButtonContainer--Yvoi5 {
  width: -moz-min-content;
  width: min-content;
}

.Activity-module__embraceIdColorIcon--WRzbz {
  margin: 0;
}

.Activity-module__timelineRowTooltipContent--ZxT6T {
  word-break: break-all;
}

.Activity-module__withSubtext--EVpns {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
  word-break: break-all;
}

.Activity-module__logMessageContainer--p1gLe {
  display: grid;
  gap: var(--space-8px);
  grid-auto-flow: column;

  place-content: start;
}

.Activity-module__logMessageContainer--p1gLe .Activity-module__pill--iB79z {
  align-self: center;
}

.Activity-module__logMessageContainer--p1gLe.Activity-module__expanded--KjmQs {
  padding-top: var(--space-6px);
}

.Activity-module__logMessageContainer--p1gLe.Activity-module__expanded--KjmQs .Activity-module__pill--iB79z {
  align-self: start;
}

.Activity-module__logMessageContainer--p1gLe .Activity-module__subtype--Icheu {
  color: var(--text-secondary);

  display: inline-flex;

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

.Activity-module__logDetailsLink--R420s {
  top: auto;

  display: flex;

  justify-content: end;
}

.Activity-module__expandedRowHandlers--Vvets {
  opacity: 1;
}

.Activity-module__highlight--ijqTY {
  background: var(--chart-color4);
}

.Activity-module__currentEventHighlighted--SlQU9 {
  background: var(--chart-color6);
}

@media print {
  .Activity-module__arrow--se5Ry {
    display: none;
  }

  .Activity-module__pre--1BI5C {
    width: 0;
  }

  .Activity-module__ellipsis--XI4Ww {
    overflow: unset;
    text-overflow: unset;
  }
}

.Activity-module__anrRow--zFUyJ {
  display: flex;
  gap: 8px;

  align-items: center;
}

.Activity-module__networkModal--EC6kU {
  width: 605px;
  word-break: initial;
}
.TimelineEventsTable-module__container--A7Cxj {
  overflow-y: auto;
}

.TimelineEventsTable-module__table--Kl0LY {
  font-size: var(--text-14px);

  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.TimelineEventsTable-module__thead--RsZPV {
  margin: 0;

  position: sticky;
  top: 0;
  z-index: 2;

  background-color: var(--background-tertiary);
}

.TimelineEventsTable-module__th---Z5Fj {
  text-align: left;
  white-space: nowrap;

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

.TimelineEventsTable-module__td--HJQTj {
  text-align: left;

  margin: 0;
  padding: var(--space-12px) var(--space-16px);

  position: relative;

  border: 0;
  vertical-align: baseline;
  overflow-wrap: break-word;
}

.TimelineEventsTable-module__td--HJQTj.TimelineEventsTable-module__tdDecoupled--n3YpH {
  vertical-align: top;

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

.TimelineEventsTable-module__tbody--lrIxB tr {
  cursor: pointer;
}

.TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__dividerSessionRow--YvC6R {
  cursor: default;
}

.TimelineEventsTable-module__tbody--lrIxB tr.TimelineEventsTable-module__expandedRow--a713e,
.TimelineEventsTable-module__tbody--lrIxB tr.TimelineEventsTable-module__expandedRow--a713e + .TimelineEventsTable-module__subRow--sTVcR {
  background-color: var(--border-tertiary);
}

.TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__dividerSessionRow--YvC6R,
.TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__row--nt-SS:hover,
.TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__row--nt-SS:hover + .TimelineEventsTable-module__subRow--sTVcR {
  background-color: var(--border-tertiary);
}

.TimelineEventsTable-module__printHeader--gvnmk,
.TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__dividerSessionRow--YvC6R.TimelineEventsTable-module__hiddenDivider--M7bZb,
.TimelineEventsTable-module__tfoot--TUO5U {
  display: none;
}

.TimelineEventsTable-module__tbody--lrIxB tr.TimelineEventsTable-module__expandableRow--Bwiec.TimelineEventsTable-module__expandedRow--a713e {
  border-bottom: 1px solid var(--border-tertiary);
}

.TimelineEventsTable-module__tbody--lrIxB tr:not(:last-child) {
  border-bottom: 1px solid var(--border-tertiary);
}

.TimelineEventsTable-module__tbody--lrIxB tr.TimelineEventsTable-module__expandableRow--Bwiec,
.TimelineEventsTable-module__tbody--lrIxB tr.TimelineEventsTable-module__subRow--sTVcR {
  cursor: pointer;
}

.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm {
  color: #fff;
  text-align: center;

  height: 57px;
}

.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm .TimelineEventsTable-module__content--1wfwA {
  display: grid;
  grid-template: '. . .' 1fr / 25% 50% 25%;
  gap: 0;
  place-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm .TimelineEventsTable-module__state--n1OKr {
  text-transform: capitalize;
}

.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm .TimelineEventsTable-module__navigation--cU9tI {
  display: flex;

  place-content: center;
  place-items: center;
  gap: var(--space-16px);
}

.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm .TimelineEventsTable-module__content--1wfwA .TimelineEventsTable-module__chevronLeft--kTl18,
.TimelineEventsTable-module__th---Z5Fj.TimelineEventsTable-module__currentSessionRow--XbYZm .TimelineEventsTable-module__content--1wfwA .TimelineEventsTable-module__chevronRight--OJWE6 {
  cursor: pointer;
  stroke-width: 2;
}

.TimelineEventsTable-module__row--nt-SS:hover .TimelineEventsTable-module__impactLink--S-tDE,
.TimelineEventsTable-module__row--nt-SS.TimelineEventsTable-module__demoTimelineRow--E5LtP .TimelineEventsTable-module__impactLink--S-tDE {
  opacity: 1 !important;
}

.TimelineEventsTable-module__hiddenElement--uVmP1 {
  visibility: hidden;
}

.TimelineEventsTable-module__exportExceedMessage--nZrRR {
  display: none;
}

.TimelineEventsTable-module__arrow--qQIh7 {
  position: relative;
  top: var(--space-4px);

  display: flex;

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

.TimelineEventsTable-module__tdDecoupled--n3YpH .TimelineEventsTable-module__arrow--qQIh7 {
  top: 0;
}

@media print and (color) {
  .TimelineEventsTable-module__container--A7Cxj {
    overflow-y: visible;
  }

  .TimelineEventsTable-module__container--A7Cxj,
  .TimelineEventsTable-module__table--Kl0LY {
    height: auto !important;
    margin: 0;

    background: transparent !important;
    border: 0 !important;
  }

  .TimelineEventsTable-module__thead--RsZPV {
    position: initial !important;

    background: transparent !important;
    border-top: 1cm solid white;
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj {
    padding: 0.2cm 0;

    background: var(--background-tertiary);
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj * {
    font-size: 7.5pt;
    line-height: 1.1;
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj:first-child {
    width: 22pt !important;
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj:nth-child(2) {
    width: 15pt !important;
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj:nth-child(3) {
    width: 45pt !important;
  }

  .TimelineEventsTable-module__thead--RsZPV .TimelineEventsTable-module__th---Z5Fj:nth-child(4) {
    width: 55pt !important;
  }

  .TimelineEventsTable-module__tbody--lrIxB {
    background: transparent !important;
    border: 0;
  }

  .TimelineEventsTable-module__tbody--lrIxB .TimelineEventsTable-module__row--nt-SS[data-session-app-state]:last-child {
    display: none;
  }

  .TimelineEventsTable-module__row--nt-SS {
    border: 1px solid var(--border-tertiary);
  }

  .TimelineEventsTable-module__row--nt-SS .TimelineEventsTable-module__td--HJQTj {
    padding: 1pt 0;
  }

  .TimelineEventsTable-module__row--nt-SS .TimelineEventsTable-module__td--HJQTj * {
    font-size: 7.5pt;
    line-height: 1.1;
  }

  .TimelineEventsTable-module__tfoot--TUO5U td {
    padding: 0.5cm 0;
  }

  .TimelineEventsTable-module__exportExceedMessage--nZrRR {
    font-size: 9pt;
    text-align: left;

    margin-top: 1cm;
    margin-bottom: -0.5cm;
    padding: 0.25cm;

    position: relative;
    z-index: 1;

    display: block;

    background: var(--background-warning);
    border: 1px solid var(--border-warning);
    border-radius: 2pt;
  }

  .TimelineEventsTable-module__printHeader--gvnmk {
    display: table-row;
  }

  .TimelineEventsTable-module__sessionHandler--LSLQd {
    display: none;
  }

  .TimelineEventsTable-module__dividerSessionRow--YvC6R {
    color: var(--light-text-inverted) !important;

    height: 32px;
  }

  .TimelineEventsTable-module__dividerSessionRow--YvC6R[data-session-app-state='foreground'] {
    background-color: var(--background-product-active);
  }

  .TimelineEventsTable-module__dividerSessionRow--YvC6R[data-session-app-state='background'] {
    background-color: var(--background-product-secondary);
  }

  @page {
    margin: 0;
  }
}
.TimelineRowActions-module__container--Vntmy {
  position: relative;

  display: flex;

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

.TimelineRowActions-module__content--x8S-e {
  min-width: 0;

  flex: 1;
}

.TimelineRowActions-module__actions--tSyeE {
  position: absolute;
  top: -10px;
  right: 0;

  opacity: 0;

  background-color: var(--border-tertiary);
}

/*
 * We scope the hover to [data-index] (set on the <tr> in TimelineEventsTableRow)
 * instead of a bare `tr:hover` because in Affected Sessions the timeline table is
 * nested inside another table's <tr>. A bare `tr:hover` would match that outer <tr>,
 * making actions visible on ALL rows at once. The data-index attribute is only present
 * on timeline event rows, so the hover correctly targets individual rows.
 */
[data-index]:hover .TimelineRowActions-module__actions--tSyeE {
  opacity: 1;
}
.TextWithSubtext-module__container--livKQ {
  display: flex;

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

.TextWithSubtext-module__header--mJ6ky {
  display: flex;

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

.TextWithSubtext-module__primary--WQ1rr {
  color: var(--text-primary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}

.TextWithSubtext-module__secondary--xMo1O {
  color: var(--text-tertiary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}
.SimpleTextDuration-module__container--a5xij {
  display: flex;

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

.SimpleTextDuration-module__text--KFtx- {
  color: var(--text-primary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}
.GenericEventFallback-module__text--ttpWd {
  color: var(--text-primary);
}
.UserTapEntry-module__container--tSB2I {
  display: flex;

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

.UserTapEntry-module__primary--EOYE5 {
  color: var(--text-primary);
}

.UserTapEntry-module__secondary--t2A1K {
  color: var(--text-tertiary);
}
.SpanEntry-module__container--w58qr {
  display: flex;

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

.SpanEntry-module__iconWrapper--5soOe {
  display: inline-flex;

  align-items: center;
  vertical-align: middle;
}

.SpanEntry-module__icon--AvmVY {
  color: var(--text-primary);
}

.SpanEntry-module__name--926zO {
  word-break: break-all;
}
.NetworkRequestEntry-module__container--dng2p {
  display: flex;

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

.NetworkRequestEntry-module__header--SDXsn {
  display: flex;

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

.NetworkRequestEntry-module__text--JA0-c {
  color: var(--text-primary);
}

.NetworkRequestEntry-module__subtext--m44QY {
  color: var(--text-tertiary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}
.MomentEntry-module__container---4Ml0 {
  display: flex;

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

.MomentEntry-module__header--zjAqV {
  display: flex;

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

.MomentEntry-module__impact--8ly4Y {
  color: var(--text-primary);
}

.MomentEntry-module__subtext--TV1lJ {
  color: var(--text-tertiary);
}
.GroupedRequestEntry-module__container--iryg5 {
  display: flex;

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

.GroupedRequestEntry-module__count--WAFhR {
  color: var(--text-tertiary);
  white-space: nowrap;
}

.GroupedRequestEntry-module__domain--fotU2 {
  color: var(--text-primary);
}
.GroupedPageLoadEntry-module__container--WWEAG {
  display: flex;

  align-items: center;
  gap: var(--space-8px);
}
.GroupedInteractionEntry-module__container--jc9-B {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
  word-break: break-all;
}

.GroupedInteractionEntry-module__row--Hr7ch {
  display: flex;

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

.GroupedInteractionEntry-module__column--v5qPO {
  display: flex;

  flex-direction: column;
}

.GroupedInteractionEntry-module__subtext---6C4V {
  color: var(--text-tertiary);
}
.ExceptionEntry-module__text--bnMSa {
  color: var(--text-primary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}
.BreadcrumbEntry-module__noMessage--Vh8TD {
  color: var(--text-tertiary);
}
.CustomEventEntry-module__text--GcPcV {
  color: var(--text-primary);
}
.BadgeTextDuration-module__container--67CCP {
  display: flex;

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

.BadgeTextDuration-module__text--2p3HY {
  color: var(--text-primary);

  /* Break long unspaced strings to prevent the row from growing beyond its container */
  overflow-wrap: anywhere;
}
.ExceptionExpand-module__container--uAd2m {
  display: flex;

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

.ExceptionExpand-module__fields--vIyne {
  display: flex;

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

.ExceptionExpand-module__item--PF7HV {
  display: flex;

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

.ExceptionExpand-module__label--PCqGI {
  color: var(--text-tertiary);
}

.ExceptionExpand-module__value--oyG8S {
  color: var(--text-primary);
}
.CrashExpand-module__container--Bcjq1 {
  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.ANRExpand-module__container--WTgjB {
  display: flex;

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

.ANRExpand-module__fields--g7yxJ {
  display: flex;

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

.ANRExpand-module__item--nrDMu {
  display: flex;

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

.ANRExpand-module__label--K2eAY {
  color: var(--text-tertiary);
}

.ANRExpand-module__value--AQ1w5 {
  color: var(--text-primary);
}

.ANRExpand-module__stackTraces--ii4GP {
  display: flex;

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

.ANRExpand-module__noSamples--7aVfZ {
  color: var(--text-tertiary);
}
.TimelineEventPatternExpand-module__container--jA6DA {
  display: grid;

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

.TimelineEventPatternExpand-module__item----Tu9 {
  display: flex;

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

.TimelineEventPatternExpand-module__label--tT8JQ {
  color: var(--text-secondary);
}

.TimelineEventPatternExpand-module__value--yy9Us {
  color: var(--text-primary);

  word-break: break-all;
}
.InformationItem-module__label--pQXqi {
  color: var(--text-tertiary);

  margin: 0;
}

.InformationItem-module__value--KYBlx {
  color: var(--text-primary);

  margin: 0;
}

.InformationItem-module__container--G-GOE {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: 30% auto;
}

.InformationItem-module__containerWithIcon--P6J4m {
  display: flex;

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

.InformationItem-module__tooltip--kZWUA {
  word-break: break-all;
}

.InformationItem-module__trigger--KCEvX {
  word-break: break-all;
}
.SessionDetails-module__container--M1CBi {
  padding: var(--space-20px);

  display: flex;
  overflow: auto;

  flex-direction: column;
}

.SessionDetails-module__content--N-Id- {
  display: flex;

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

.SessionDetails-module__collapsibleContainer--G8WRL {
  border-top: 1px solid var(--border-secondary);

  padding: var(--space-20px) 0;

  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}

.SessionDetails-module__collapsibleContainer--G8WRL:first-child {
  border: 0;
}

.SessionDetails-module__collapsibleTitle--rzZiZ {
  color: var(--text-primary);

  justify-content: space-between;
}

.SessionDetails-module__sideBarTitle--26y9E {
  color: var(--text-primary);
}

.SessionDetails-module__embraceLabel--csay6 {
  color: var(--text-secondary);
}

.SessionDetails-module__embraceContainer--9aiJ2 {
  margin-bottom: -4px;
}

.SessionDetails-module__emptyProperties--EgIKt {
  color: var(--grey-300);
  font-size: var(--text-12px);
}

.SessionDetails-module__lockedIssues--OCRN1 {
  color: var(--text-product-secondary);

  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--space-6px);
}
.DeviceInFutureMessage-module__futureMessage--PHX2X {
  margin-top: var(--space-8px);
}
.TimeBoxMomentLabel-module__embraceMomentLabel--uZI6d {
  flex: 1;
}
.TimelineReferences-module__referencesContainer--m0ru- {
  display: flex;

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

  border-radius: 4px;
  gap: var(--space-6px) var(--space-20px);
}

.TimelineReferences-module__reference--EMnZO {
  z-index: 2;

  display: flex;

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

.TimelineReferences-module__name--N8OB- {
  font-size: var(--text-12px);
}
.SegmentContentTooltip-module__container--QDvrH {
  margin-bottom: var(--base-space);

  display: flex;
  gap: var(--space-8px);
}
.RootSpanContentTooltip-module__container--M3TTe {
  margin-bottom: var(--base-space);

  display: flex;
  gap: var(--space-8px);
}
.LogTooltipContent-module__name--Bm2UU {
  display: flex;
  gap: var(--space-8px);
}
.TimeBoxTooltip-module__partBody--CcUwA,
.TimeBoxTooltip-module__timeLabel--bFELv {
  color: var(--text-primary);
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;

  display: flex;

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

.TimeBoxTooltip-module__block--eRd-I {
  width: 100%;

  display: block;
}

.TimeBoxTooltip-module__tooltip--H7WZt {
  text-align: left;

  width: 300px;
  max-height: 250px;
  padding: var(--space-8px);

  position: absolute;
  z-index: 1;

  overflow-y: scroll;
  overflow-y: auto;

  background: var(--background-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
  word-break: normal;
  overflow-wrap: anywhere;
}

.TimeBoxTooltip-module__eventType--OWNb0 {
  margin-bottom: var(--space-8px);

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

.TimeBoxTooltip-module__eventType--OWNb0:last-child {
  margin-bottom: 0;
}

.TimeBoxTooltip-module__detailsStatus--VNF2b {
  color: var(--primary-200);
}

/*
 * Custom events
 */

.TimeBoxTooltip-module__eventType--OWNb0.TimeBoxTooltip-module__network--5M14k {
  gap: var(--space-6px);
}

.TimeBoxTooltip-module__eventType--OWNb0.TimeBoxTooltip-module__network--5M14k .TimeBoxTooltip-module__eventList--UyqDQ,
.TimeBoxTooltip-module__eventType--OWNb0.TimeBoxTooltip-module__logs--VCztm .TimeBoxTooltip-module__eventList--UyqDQ {
  display: grid;
  gap: var(--space-6px);
}

.TimeBoxTooltip-module__networkContent--y9OEc {
  display: flex;
  gap: var(--space-8px);
}

.TimeBoxTooltip-module__networkContent--y9OEc .TimeBoxTooltip-module__detailsStatus--VNF2b {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.TimeBoxTooltip-module__infoIcon---YAm- {
  color: var(--icon-default);
}
.TimeBox-module__box--y6zB- {
  min-width: var(--space-8px);
  height: var(--space-8px);

  position: absolute;

  /* TimeBoxStyles.BORDER_WITH */
  border-width: 1px;
  border-style: solid;
  border-radius: var(--space-32px);

  transition: var(--default-timeline-transition);
}

.TimeBox-module__prebox--tt700 .TimeBox-module__box--y6zB-,
.TimeBox-module__postbox--BB0od .TimeBox-module__box--y6zB- {
  border-radius: var(--space-32px);
}

.TimeBox-module__box--y6zB-.TimeBox-module__end--Qk41H {
  border-radius: var(--space-32px) 0 0 var(--space-32px);
  border-right-width: 0;
}

.TimeBox-module__box--y6zB-.TimeBox-module__start--WpbCr {
  border-radius: 0 var(--space-32px) var(--space-32px) 0;
  border-left-width: 0;
}

.TimeBox-module__boxen--Rgsxh .TimeBox-module__both--LsyP7 {
  border-radius: 0;
}

/**
 * Pre & Post boxes
 * (boxes where the events before/after the start/end time of a session are placed)
 */
.TimeBox-module__prebox--tt700,
.TimeBox-module__postbox--BB0od {
  /* TimeBoxStyles.PRE_OR_POST_BOX_WIDTH */
  width: 50px;

  background: var(--grey-700);
}

.TimeBox-module__prebox--tt700,
.TimeBox-module__boxen--Rgsxh,
.TimeBox-module__postbox--BB0od {
  height: var(--space-20px);

  position: relative;

  display: inline-flex;

  align-items: center;
}

.TimeBox-module__timeBoxContainer--7q4ab {
  position: relative;

  display: grid;

  grid-template-columns: var(--space-96px) 10fr;
  align-items: center;
  grid-auto-flow: column;
}

.TimeBox-module__boxesContainer--g6Thy {
  position: relative;

  display: grid;

  align-items: center;
  grid-auto-flow: column;

  grid-template-areas: 'boxen';
  grid-template-columns: auto;
}

.TimeBox-module__prebox--tt700 {
  grid-area: prebox;
}

.TimeBox-module__boxen--Rgsxh {
  grid-area: boxen;
}

.TimeBox-module__postbox--BB0od {
  grid-area: postbox;
}

.TimeBox-module__boxen--Rgsxh:hover {
  background-color: var(--grey-600);
}

.TimeBox-module__boxesContainer--g6Thy.TimeBox-module__pre---fe7E {
  grid-template-areas: 'prebox boxen';

  /* TimeBoxStyles.PRE_OR_POST_BOX_WIDTH */
  grid-template-columns: 50px auto;
}

.TimeBox-module__boxesContainer--g6Thy.TimeBox-module__post--RNd-L {
  grid-template-areas: 'boxen postbox';

  /* TimeBoxStyles.PRE_OR_POST_BOX_WIDTH */
  grid-template-columns: auto 50px;
}

.TimeBox-module__boxesContainer--g6Thy.TimeBox-module__both--LsyP7 {
  grid-template-areas: 'prebox boxen postbox';

  /* TimeBoxStyles.PRE_OR_POST_BOX_WIDTH */
  grid-template-columns: 50px auto 50px;
}

.TimeBox-module__opened--C9nB3 {
  background-color: var(--grey-800);
}

.TimeBox-module__closed--p4ItI {
  background-color: var(--grey-900);
}

.TimeBox-module__labelTrigger---8rAL {
  font-size: var(--text-12px);
  white-space: nowrap;

  overflow: hidden;

  flex: 1;

  text-overflow: ellipsis;
}

.TimeBox-module__subcategory--GQQL7,
.TimeBox-module__subcategory--GQQL7 .TimeBox-module__labelTrigger---8rAL {
  color: var(--text-secondary);
}

.TimeBox-module__clickable--JsOFt {
  cursor: pointer;
}

.TimeBox-module__disabled--8T4cM {
  cursor: not-allowed;

  color: var(--text-tertiary);
  opacity: 0.5;
}

.TimeBox-module__labelTooltipTrigger--7CSSm {
  overflow: hidden;

  flex: 1;
}

.TimeBox-module__label--DJO47 {
  position: relative;

  display: inline-flex;
  gap: var(--space-half-base);
  text-wrap: pretty;
}

.TimeBox-module__labelContent--XHX50 {
  max-width: var(--space-386px);
}

.TimeBox-module__labelTooltipContainer--CSsIY {
  max-width: calc(100% - var(--space-20px));
}

.TimeBox-module__label--DJO47.TimeBox-module__withHover--dEee2 {
  gap: var(--base-space);
}

.TimeBox-module__timeBoxLabel--iXosB {
  color: var(--text-primary);
  text-align: right;

  /* min-width is set to prevent grey background seeping in. */
  min-width: var(--space-96px);
  height: var(--space-20px);
  padding-right: var(--base-space);

  position: relative;

  display: flex;
  overflow: visible;

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

  background: var(--grey-900);
}

.TimeBox-module__timeBoxLabel--iXosB.TimeBox-module__subcategory--GQQL7 {
  justify-content: flex-end;
}
.TimeReferences-module__container--S--4i {
  width: 100%;
  padding-top: var(--space-4px);

  display: flex;

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

.TimeReferences-module__timeLabel--I3idA {
  color: var(--text-secondary);

  padding: var(--space-4px) var(--space-12px) 0;
}
.HorizontalTimeline-module__timeline--hYu-W {
  position: relative;
  z-index: 4;

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

.HorizontalTimeline-module__line--mv5b3 {
  width: 100%;

  position: relative;

  display: inline-block;
}

/** Vertical line that follows the user's cursor */
.HorizontalTimeline-module__cursor--8PtUL {
  height: 100%;

  position: absolute;
  top: 0;

  display: none;

  border: 0.5px solid var(--background-scrim);
  pointer-events: none;
}

.HorizontalTimeline-module__tick--zpbOZ {
  height: 100%;

  position: absolute;
  top: 0;

  display: none;

  border: 0.5px solid var(--grey-900);

  transition: var(--default-timeline-transition);
}

.HorizontalTimeline-module__resizeHandler---bYjY {
  width: 2px;
  height: 100%;

  position: absolute;
  top: 0;
  z-index: 9999;

  display: block;
}

.HorizontalTimeline-module__resizeHandler---bYjY:hover {
  cursor: col-resize;
}

.HorizontalTimeline-module__eventsContainer--y-uP- {
  height: 100%;

  position: absolute;
  top: 0;
  right: 0;

  display: flex;
}

.HorizontalTimeline-module__preOrPostEventsContainer--STFUK {
  height: 100%;

  position: relative;
}

.HorizontalTimeline-module__duringEventsContainer---uMNI {
  height: 100%;

  position: relative;

  flex: 1;
}

.HorizontalTimeline-module__indicator--DWnaC {
  /* This exact value is needed to cover the entire horizontal timeline */
  height: calc(100% + var(--space-4px) * 2);

  position: absolute;
  top: calc(var(--space-4px) * -1);

  border: 0.5px solid var(--chart-neutral);
  pointer-events: none;
}

.HorizontalTimeline-module__indicator--DWnaC::before {
  width: 0;
  height: 0;

  position: absolute;
  top: -1px;
  left: 0;
  content: '';
  transform: translateX(-50%);

  border-left: 8px solid transparent;
  border-right: 8px solid transparent;

  border-top: 8px solid var(--icon-focused);
}

.HorizontalTimeline-module__indicator--DWnaC::after {
  width: 0;
  height: 0;

  position: absolute;
  right: 0;
  bottom: -1px;
  content: '';
  transform: translateX(50%);

  border-left: 8px solid transparent;
  border-right: 8px solid transparent;

  border-bottom: 8px solid var(--icon-focused);
}
.SideBarTrigger-module__container--HQ6uw {
  padding: 14px var(--space-16px);

  display: flex;

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

  border-bottom: solid 1px var(--border-secondary);
  cursor: pointer;
}

.SideBarTrigger-module__container--HQ6uw.SideBarTrigger-module__expanded--Wlc7O {
  gap: var(--space-8px);
}

.SideBarTrigger-module__sideBarToggleContainer--CD-MJ {
  position: relative;
  left: -6px;

  display: flex;

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

.SideBarTrigger-module__disabled--uoigz .SideBarTrigger-module__sideBarToggleIcon--opK4F {
  cursor: not-allowed;
  opacity: 0.5;
}

.SideBarTrigger-module__name--rjDTO {
  font-weight: var(--weight-200);
  line-height: var(--text-20px);
  color: var(--grey-100);
  text-align: left;
}

.SideBarTrigger-module__container--HQ6uw.SideBarTrigger-module__primary--JJ3bF.SideBarTrigger-module__sticky--V6Y0l {
  /* NOTE: hardcoded value to visually align header with table */
  padding-bottom: 14px;

  outline: 1px solid var(--border-secondary);
  border-bottom: 0;
}

.SideBarTrigger-module__container--HQ6uw.SideBarTrigger-module__secondary--Kmsty.SideBarTrigger-module__sticky--V6Y0l {
  outline: none;
}

/** Primary styling */
.SideBarTrigger-module__primary--JJ3bF .SideBarTrigger-module__name--rjDTO {
  font-size: var(--text-14px);
}

/** Secondary styling */
.SideBarTrigger-module__secondary--Kmsty .SideBarTrigger-module__name--rjDTO {
  font-size: var(--text-20px);
}

.SideBarTrigger-module__container--HQ6uw.SideBarTrigger-module__secondary--Kmsty {
  border-color: transparent;
}
.ListWithDetails-module__container--rxMmo {
  --side-bar-content-width: var(--space-408px);
  display: flex;
}

.ListWithDetails-module__sidebar--bsiby {
  display: grid;

  grid-template-rows: auto 1fr;
}

.ListWithDetails-module__sticky--97HxY .ListWithDetails-module__sidebar--bsiby {
  position: sticky;
  z-index: var(--table-sticky-header-z-index);
}

.ListWithDetails-module__content--ByFC2 {
  position: relative;

  flex: 1;
  border-right: 1px solid var(--border-secondary);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ListWithDetails-module__collapseIcon--EuBLn {
  padding: var(--base-space) 0;
}

.ListWithDetails-module__detailsContainer---mAw5 {
  height: 100%;
  width: var(--side-bar-content-width);
  opacity: 0;

  transition: opacity 150ms ease-in 250ms;
}

.ListWithDetails-module__details--D7nML {
  width: var(--side-bar-content-width);

  /* Animate only on subsequent changes */
  transition: width 300ms var(--entering-animation-curve);
}

.ListWithDetails-module__container--rxMmo:not(.ListWithDetails-module__sticky--97HxY) .ListWithDetails-module__details--D7nML {
  overflow: hidden;
}

.ListWithDetails-module__container--rxMmo:not(.ListWithDetails-module__sticky--97HxY) .ListWithDetails-module__details--D7nML .ListWithDetails-module__sidebar--bsiby {
  height: 100%;
}

.ListWithDetails-module__details--D7nML.ListWithDetails-module__collapsed--I6pk1 {
  width: var(--space-64px);
}

.ListWithDetails-module__details--D7nML.ListWithDetails-module__uncollapsed--xvOYP {
  width: var(--side-bar-content-width);
}

/* When sidebar is open, fade content in */
.ListWithDetails-module__details--D7nML.ListWithDetails-module__uncollapsed--xvOYP .ListWithDetails-module__detailsContainer---mAw5 {
  opacity: 1;
}

/* When collapsing, hide immediately (no delay) */
.ListWithDetails-module__details--D7nML.ListWithDetails-module__collapsed--I6pk1 .ListWithDetails-module__detailsContainer---mAw5 {
  opacity: 0;

  transition-delay: 0ms; /* so it disappears right away when collapsing */
}

/* Accessibility: honor reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ListWithDetails-module__details--D7nML {
    transition: none;
  }
}

.ListWithDetails-module__details--D7nML.ListWithDetails-module__collapsed--I6pk1 .ListWithDetails-module__trigger--VUS32 {
  padding: var(--space-12px) 0;

  justify-content: center;
}

/** Primary styling */
.ListWithDetails-module__container--rxMmo.ListWithDetails-module__primary--1cqSZ {
  background: var(--grey-900);
  border: 1px solid var(--border-secondary);
  border-right: 1px solid var(--border-secondary);
}

.ListWithDetails-module__container--rxMmo.ListWithDetails-module__primary--1cqSZ:not(.ListWithDetails-module__sticky--97HxY) {
  border-top: none;
}

.ListWithDetails-module__container--rxMmo.ListWithDetails-module__primary--1cqSZ .ListWithDetails-module__content--ByFC2.ListWithDetails-module__left--sEoJ0 {
  border-left: 1px solid var(--border-secondary);
  border-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ListWithDetails-module__container--rxMmo.ListWithDetails-module__primary--1cqSZ:not(.ListWithDetails-module__sticky--97HxY) .ListWithDetails-module__content--ByFC2.ListWithDetails-module__left--sEoJ0 {
  overflow: hidden;
}

/** Secondary styles */
.ListWithDetails-module__container--rxMmo.ListWithDetails-module__secondary--awSxI .ListWithDetails-module__details--D7nML {
  background: var(--grey-900);
}

.ListWithDetails-module__container--rxMmo.ListWithDetails-module__secondary--awSxI .ListWithDetails-module__content--ByFC2 {
  border-right: 1px solid var(--border-secondary);
}

@media print {
  .ListWithDetails-module__container--rxMmo {
    padding: var(--space-10px);

    display: block;

    background: var(--grey-1000);
    border-radius: 0;
  }

  .ListWithDetails-module__container--rxMmo.ListWithDetails-module__primary--1cqSZ .ListWithDetails-module__content--ByFC2,
  .ListWithDetails-module__container--rxMmo.ListWithDetails-module__secondary--awSxI .ListWithDetails-module__content--ByFC2 {
    border-right: 0;
  }

  .ListWithDetails-module__details--D7nML,
  .ListWithDetails-module__details--D7nML.ListWithDetails-module__collapsed--I6pk1 {
    width: 100%;

    overflow: auto;
  }

  .ListWithDetails-module__sidebar--bsiby {
    position: relative;
  }

  .ListWithDetails-module__detailsContainer---mAw5 {
    width: 100%;
  }
}
/*
 * Components into Main part of Timeline page
 */

.TimelineContent-module__infoIcon--TuOLe {
  color: var(--text-tertiary);
}

/*
 * 1) Stitched Sessions
 */
.TimelineContent-module__stitchedSessions--LXCxk {
  display: grid;

  grid-template-areas:
    'title references'
    'stitched-session stitched-session';
  gap: var(--space-10px) var(--space-20px);
}

.TimelineContent-module__stitchedSessions--LXCxk .TimelineContent-module__title--FJJ3v {
  display: flex;

  align-items: center;
  grid-area: title;
  gap: var(--space-10px);
}

.TimelineContent-module__stitchedSessions--LXCxk .TimelineContent-module__references--HqBmO {
  grid-area: references;

  align-self: center;
}

.TimelineContent-module__stitchedSessions--LXCxk .TimelineContent-module__stitchedSessionsContent--qyicY {
  grid-area: stitched-session;
}

/*
 * 2) Horizontal Timeline + Filters
 */
.TimelineContent-module__horizontalTimeline--16LoH {
  display: grid;
  gap: var(--section-spacing-min);
}

.TimelineContent-module__horizontalTimeline--16LoH .TimelineContent-module__title--FJJ3v {
  display: flex;

  align-items: center;

  gap: var(--space-20px);
}

.TimelineContent-module__overview--w4JFI {
  display: grid;

  align-items: center;
  gap: var(--space-20px);
  grid-auto-flow: column;
}

.TimelineContent-module__sessionCounter--86iiB {
  color: var(--text-secondary);
}

.TimelineContent-module__filters--uu1sb {
  place-self: end;

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

/*
 * 3) Timeline Table and Details
 */
.TimelineContent-module__timelineTableAndDetails--Dd0Wh {
  display: flex;
  flex-flow: column;
  gap: var(--section-spacing-min);
}

.TimelineContent-module__timelineEventsTable--kkk2d {
  border-right: 0;
}

.TimelineContent-module__timelineEventsTable--kkk2d::after {
  width: 1px;
  height: calc(100% - 56px);

  position: absolute;
  top: 56px;
  right: 0;
  z-index: 3;

  display: block;

  background: var(--border-secondary);
  content: '';
}

.TimelineContent-module__timelineSidebar--8601w {
  border-top: 56px solid var(--background-tertiary);

  overflow: auto;
  display: flex;

  flex-direction: column;
}

.TimelineContent-module__timelineHeader--jPnt- {
  display: flex;

  justify-content: space-between;
}

.TimelineContent-module__currentSession--AlnFc {
  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: var(--space-4px);
  cursor: pointer;
}

.TimelineContent-module__horizontalTimelineContainer--0jw1I {
  padding: var(--space-12px) var(--space-18px);

  display: flex;

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

.TimelineContent-module__horizontalTimelineContainer--0jw1I .TimelineContent-module__title--FJJ3v {
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.TimelineContent-module__timelineDetailsContainer--HOVru {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: minmax(800px, 1fr) auto;
}

.TimelineContent-module__errorContainer--BfUIX {
  padding: var(--card-padding);

  background-color: var(--background-secondary);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

[data-theme='light'] .TimelineContent-module__errorContainer--BfUIX {
  box-shadow: var(--default-box-shadow);
}

.TimelineContent-module__emptyContainer--p3eku {
  min-height: 200px;

  display: grid;

  align-items: center;
}

@media print {
  html {
    background: transparent !important;
  }

  body * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  main {
    height: auto !important;

    overflow: visible !important;
  }

  .TimelineContent-module__horizontalTimeline--16LoH,
  .TimelineContent-module__searchbar--hFR7d {
    display: none;
  }

  .TimelineContent-module__timelineDetailsTitle--0RHe- {
    margin-bottom: -1cm;

    position: relative;
    z-index: 1;
  }

  .TimelineContent-module__timelineDetailsContainer--HOVru {
    height: 100% !important;
    padding: 0;

    background: transparent !important;
    border: 0 !important;
  }

  .TimelineContent-module__timelineSidebar--8601w {
    padding-top: 1cm;

    position: relative;

    display: flex;

    flex-direction: column;
    border-top-width: 2px;
    -moz-column-break-before: always;
         break-before: always;
  }

  .TimelineContent-module__timelineSidebar--8601w::before {
    font-size: 80%;

    position: absolute;
    top: calc(1cm + 19px);
    left: 170px;
    content: '(Last Viewed)';
  }

  .TimelineContent-module__timelineSidebar--8601w * {
    gap: 2pt;
  }

  .TimelineContent-module__timelineEventsTable--kkk2d {
    height: auto;
  }

  .TimelineContent-module__timelineEventsTable--kkk2d::after {
    display: none;
  }
}
/*
 * Main structure
 */
.TimelineContainer-module__container--IZ-WG {
  --title-height: 45px;
  height: calc(
    100vh - var(--global-header-and-back-button-height) - var(--title-height)
  );
  margin-right: 0;
  padding-right: var(--space-40px);
  padding-bottom: var(--space-40px);

  position: relative;

  /* removing the ability of scrolling outside the content */
  overflow: auto;
}

.TimelineContainer-module__container--IZ-WG.TimelineContainer-module__tourActive--QffEo {
  height: auto;

  overflow: initial;
}

/*
 * Timeline content
 * (direct child of .container)
 */
.TimelineContainer-module__content--zmjYZ {
  display: grid;
  gap: var(--space-20px);
  align-content: start;
}

.TimelineContainer-module__errorContainer--JgkQ2 {
  padding: var(--card-padding);

  background-color: var(--background-secondary);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

[data-theme='light'] .TimelineContainer-module__errorContainer--JgkQ2 {
  box-shadow: var(--default-box-shadow);
}

.TimelineContainer-module__emptyContainer--Rxmnm {
  min-height: 200px;

  display: grid;

  align-items: center;
}
.WaterfallCard-module__container--Pk6tX {
  display: flex;

  flex-direction: column;

  gap: var(--space-20px);
}

.WaterfallCard-module__trigger--NE4Wx {
  cursor: pointer;
}

.WaterfallCard-module__triggerHeader--vdIKY {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.Waterfall-module__iframe---BSyu {
  height: 1100px;
  width: 100%;

  border: none;
}

.Waterfall-module__isHidden--QX9D7 {
  display: none;
}

.Waterfall-module__errorContainer--vrvnp {
  padding: var(--space-16px);

  display: flex;

  justify-content: center;
}

.Waterfall-module__column--9IG0l {
  display: flex;

  flex-direction: column;

  gap: var(--space-8px);

  align-items: center;
}
.SyntheticCollapsibleHeading-module__label--q62wx {
  color: var(--text-tertiary);

  width: -moz-max-content;

  width: max-content;
}

.SyntheticCollapsibleHeading-module__value--4y0Jd {
  color: var(--text-primary);

  width: -moz-max-content;

  width: max-content;
}
.ThirdPartyResultsCard-module__empty--4l4qY {
  color: var(--text-primary);
  text-align: center;

  padding: var(--space-64px) 0;
}

.ThirdPartyResultsCard-module__errorContainer--ws1mE {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.ThirdPartyJSCPUCard-module__errorContainer--ouSrh {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}

.ThirdPartyJSCPUCard-module__empty--n7Eg- {
  color: var(--text-primary);
  text-align: center;

  padding: var(--space-64px) 0;
}
.RenderTimeImage-module__image--sU50s {
  display: flex;

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

.RenderTimeImage-module__image--sU50s img {
  cursor: pointer;
}

.RenderTimeImage-module__header--OCTlm {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
}
.RenderTimesCard-module__container--6eP1n {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--space-8px);
}

.RenderTimesCard-module__errorContainer---Hqqd {
  padding: var(--space-16px);

  display: flex;

  justify-content: center;
}

.RenderTimesCard-module__empty--0jyOK {
  background: var(--background-secondary);
}
.TestVitalsOverviewCard-module__container--DOdiw {
  display: flex;

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

.TestVitalsOverviewCard-module__grid--Gojku {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--card-main-spacing);
}

.TestVitalsOverviewCard-module__empty--dp7Ky {
  text-align: center;

  padding: var(--space-48px) 0;
}

.TestVitalsOverviewCard-module__errorContainer--v-3X2 {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.OverviewCard-module__overviewContainer--zMiGE {
  padding: 0;

  display: flex;

  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
}
.SeverityDot-module__dot--KHZs2::before {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-bottom: 1px;

  display: inline-block;

  border-radius: var(--space-4px);
  content: '';
}

.SeverityDot-module__dot--KHZs2.SeverityDot-module__good--ELgZG::before {
  background-color: var(--chart-success);
}

.SeverityDot-module__dot--KHZs2.SeverityDot-module__warning--EOmV4::before {
  background-color: var(--chart-warning);
}

.SeverityDot-module__dot--KHZs2.SeverityDot-module__bad--uTFgg::before {
  background-color: var(--chart-negative);
}
.LighthouseAuditTable-module__name--C2Qkw {
  display: flex;
  gap: var(--space-6px);

  align-items: center;
}

.LighthouseAuditTable-module__name--C2Qkw.LighthouseAuditTable-module__collapsingRow--fYxuA {
  cursor: pointer;
}

.LighthouseAuditTable-module__description--nTrJX {
  color: var(--text-secondary);
}
.LighthouseCard-module__tabContainer--KfCPv {
  display: flex;
}

.LighthouseCard-module__tab--RMH-q {
  display: flex;
  gap: var(--space-8px);
}

.LighthouseCard-module__errorContainer--yiNcg {
  padding: var(--space-16px);

  display: flex;

  justify-content: center;
}
.ScatterChartTooltip-module__tooltip--WsgbH {
  --max-entry-width: 150px;
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  flex-direction: column;

  /* these three are particularly customized as per UX requirement */
  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
  gap: var(--space-12px);
}
.LayoutShiftsChart-module__legendCaption--jv80- {
  color: var(--text-secondary);
}
.LayoutShifts-module__container--0Kwsu {
  display: flex;

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

.LayoutShifts-module__layoutShift--zH4je {
  color: var(--text-tertiary);

  display: flex;

  flex-direction: column;

  gap: var(--space-8px);
}

.LayoutShifts-module__layoutShiftHeader--9MY3B {
  display: flex;
}

.LayoutShifts-module__layoutShiftHeader--9MY3B > div {
  min-width: 160px;
}

.LayoutShifts-module__layoutShiftImages--HXJfq {
  display: flex;
  gap: var(--base-space);
}
.LayoutShiftsCard-module__container--gZ4vg {
  display: flex;

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

.LayoutShiftsCard-module__header--dUgrx {
  display: grid;

  grid-template-columns: 280px 280px;

  gap: var(--space-16px);
}

.LayoutShiftsCard-module__headerTitle--ZXyLN {
  color: var(--text-tertiary);
}

.LayoutShiftsCard-module__errorContainer--Pk0dK {
  padding: var(--space-16px);

  display: flex;

  justify-content: center;
}
.LatestScriptTimeCard-module__goodTime--Br-z0 {
  color: var(--text-success);
}

.LatestScriptTimeCard-module__badTime--38GAf {
  color: var(--text-negative);
}

.LatestScriptTimeCard-module__table---3m6T {
  margin-top: 16px;
}
.ContentBreakdown-module__container--mLzlP {
  display: grid;

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

.ContentBreakdown-module__chartContainer--AxP-o {
  display: flex;
  gap: var(--space-16px);

  flex-direction: column;
}

.ContentBreakdown-module__tableContainer--NILVE {
  max-width: 210px;
  padding-left: var(--space-16px);

  display: flex;

  flex-direction: column;
  border-left: 1px solid var(--border-primary);
  gap: var(--space-8px);
}

.ContentBreakdown-module__tableHeader--2s034 {
  color: var(--text-secondary);

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-8px);
}

.ContentBreakdown-module__tableRow--zLOUI {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.ContentBreakdown-module__contentCell--lnxNO {
  display: flex;

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

.ContentBreakdown-module__colorDot--PQnxK {
  width: 8px;
  height: 8px;

  border-radius: 50%;
}

.ContentBreakdown-module__numberCell--XwpL2 {
  text-align: right;
}
.TestDetails-module__container--JrsZw {
  display: flex;

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

.TestDetails-module__errorContainer--wNaUx {
  padding: var(--space-128px);

  display: flex;

  justify-content: center;
}
.SyntheticQuickFilters-module__row--nAcJi {
  display: flex;

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

.SyntheticQuickFilters-module__inputBox--Y-rKz {
  min-height: var(--space-36px);
  padding-top: var(--space-6px);
  padding-bottom: var(--space-6px);
}
.TestActions-module__actions--EwYM4 {
  float: right;

  display: grid;
  grid-auto-flow: column;

  align-items: center;
  gap: var(--space-20px);
}
.TestTable-module__column--R9Gkf {
  display: flex;

  flex-direction: column;
}

.TestTable-module__ellipsis--qR8Br {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.TestTable-module__fullWidth--uBRwR {
  width: 100%;
}
.SiteActions-module__actions--TB5Pq {
  display: grid;
  grid-auto-flow: column;

  align-items: center;
  gap: var(--space-20px);
}
.MetricWithThresholdCell-module__cell--DOspM {
  border: 1px solid var(--border-tertiary);
}

.MetricWithThresholdCell-module__cellLink--lPuyv {
  color: inherit;

  width: 100%;
}

.MetricWithThresholdCell-module__good--cGf8A {
  background-color: var(--chart-success);
}

.MetricWithThresholdCell-module__warning--3lJ4E {
  background-color: var(--chart-warning);
}

.MetricWithThresholdCell-module__bad--JlC-n {
  background-color: var(--chart-negative);
}

.MetricWithThresholdCell-module__high--Ji-i7 {
  background-color: var(--chart-negative);
}

.MetricWithThresholdCell-module__med--4zKji {
  background-color: var(--chart-warning);
}

.MetricWithThresholdCell-module__low--xAkgx {
  background-color: var(--chart-success);
}

[data-theme='dark'] .MetricWithThresholdCell-module__good--cGf8A,
[data-theme='dark'] .MetricWithThresholdCell-module__bad--JlC-n,
[data-theme='dark'] .MetricWithThresholdCell-module__high--Ji-i7,
[data-theme='dark'] .MetricWithThresholdCell-module__low--xAkgx {
  color: var(--text-primary);
}

[data-theme='light'] .MetricWithThresholdCell-module__good--cGf8A,
[data-theme='light'] .MetricWithThresholdCell-module__bad--JlC-n,
[data-theme='light'] .MetricWithThresholdCell-module__high--Ji-i7,
[data-theme='light'] .MetricWithThresholdCell-module__low--xAkgx {
  color: var(--text-inverted);
}

[data-theme='dark'] .MetricWithThresholdCell-module__warning--3lJ4E,
[data-theme='dark'] .MetricWithThresholdCell-module__med--4zKji {
  color: var(--text-inverted);
}
.SiteTable-module__container--pFRvK {
  display: flex;

  flex-direction: column;

  gap: var(--section-spacing-sub);
}

.SiteTable-module__name--zHpWS {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.SiteTable-module__actions--4x9vS {
  float: right;
}

.SiteTable-module__siteName--uVxcZ {
  display: flex;
  gap: var(--space-8px);
}
.SiteOverviewControl-module__container--kmWG6 {
  display: flex;

  align-items: center;
  gap: var(--space-20px);
}
.SiteOverview-module__container--EJPmi {
  display: flex;

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

.SiteOverview-module__row--ckDoQ {
  display: flex;
  gap: var(--space-20px);

  justify-content: space-between;
}

.SiteOverview-module__createButton--iXGN6 {
  align-self: end;
}

.SiteOverview-module__errorContainer--rS7L8 {
  min-height: 200px;

  display: flex;

  justify-content: center;
}

.SiteOverview-module__tabContainer--hZih- {
  margin-bottom: 0;
}

.SiteOverview-module__toolbar--2iTcy {
  padding-bottom: var(--space-8px);
}
.SyntheticQueryHeading-module__error--E7cQs {
  display: flex;
  gap: var(--space-16px);
}

.SyntheticQueryHeading-module__errorIcon--KepKX {
  color: var(--text-negative);
}

.SyntheticQueryHeading-module__loading--JEeGh {
  padding: 0;
}
.TableEmptyState-module__container--85AB- {
  display: flex;

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

.TableEmptyState-module__subtitle--RePDF {
  color: var(--text-tertiary);
}
.VitalsByRegionCard-module__table--IHIAm {
  max-height: 320px;
}
.VitalsByPageLabelCard-module__table--8FKxP {
  max-height: 320px;
}
.VitalsByBrowserCard-module__table--r5deN {
  max-height: 320px;
}
.SiteVitalsOverviewCard-module__container--VQfb- {
  display: flex;

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

.SiteVitalsOverviewCard-module__grid--Qee5h {
  display: grid;

  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--card-main-spacing);
}

.SiteVitalsOverviewCard-module__empty--WSC6C {
  text-align: center;

  padding: var(--space-48px) 0;
}

.SiteVitalsOverviewCard-module__errorContainer--lEtnQ {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.SyntheticQueryBarChart-module__empty--oAI9z {
  color: var(--text-primary);
  text-align: center;

  padding: var(--space-64px) 0;
}

.SyntheticQueryBarChart-module__errorContainer--8Xu7A {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.ButtonsSelector-module__container--C5CiI {
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  color: var(--grey-100);
  letter-spacing: 0.002em;

  display: flex;

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

.ButtonsSelector-module__button--kTnf- {
  padding: var(--space-10px) var(--space-16px);

  display: flex;

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

  border: 1px solid var(--grey-700);
  cursor: pointer;
  gap: var(--space-8px);
}

.ButtonsSelector-module__button--kTnf-:hover {
  border: 1px solid var(--primary-400);
}

.ButtonsSelector-module__button--kTnf-.ButtonsSelector-module__selected---QVrM {
  background-color: var(--primary-900);
  border: 1px solid var(--primary-400);
}

.ButtonsSelector-module__button--kTnf-:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ButtonsSelector-module__button--kTnf-:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ButtonsSelector-module__icon--MHLru {
  color: var(--grey-300);
}

.ButtonsSelector-module__button--kTnf-.ButtonsSelector-module__selected---QVrM .ButtonsSelector-module__icon--MHLru {
  color: var(--grey-100);
}
.Filmstrip-module__container--wXy-t {
  flex-shrink: 0;
}

.Filmstrip-module__image--grBWf {
  width: 100%;
}
.FilmstripImagesTimeline-module__content--ta6fk {
  display: flex;
  overflow-x: scroll;

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

.FilmstripImagesTimeline-module__filmstrips--sHXwG {
  display: flex;

  gap: var(--base-space);
}

.FilmstripImagesTimeline-module__pageLabel--6TCfa {
  line-height: 25px;

  padding: 0 var(--space-8px);

  position: absolute;

  background-color: black;
}

.FilmstripImagesTimeline-module__intervals--xgnUM {
  display: flex;
  gap: var(--base-space);
}

.FilmstripImagesTimeline-module__interval--Fdh7L {
  color: var(--text-tertiary);

  flex-shrink: 0;
}
.Filmstrips-module__container--Kbikh {
  display: flex;

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

.Filmstrips-module__filters--Gx9Hb {
  display: flex;
  gap: var(--space-16px);

  align-items: center;
}

.Filmstrips-module__filter--B80UL {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.Filmstrips-module__errorContainer--Q-PqW {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}

.Filmstrips-module__empty--Un3bB {
  background: var(--background-secondary);
}

.Filmstrips-module__inputBox--bS8fn {
  min-height: var(--space-36px);
  padding-top: var(--space-6px);
  padding-bottom: var(--space-6px);
}
.SyntheticImprovementsHeading-module__container--i2bs9 {
  position: relative;

  display: flex;
  gap: var(--space-32px);

  align-items: center;
}

.SyntheticImprovementsHeading-module__entry--gaVx- {
  position: relative;

  display: flex;

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

.SyntheticImprovementsHeading-module__entry--gaVx-::after {
  width: 1px;
  height: 100%;

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% + var(--space-16px));
  content: '';

  z-index: 1;

  background-color: var(--border-primary);
}

.SyntheticImprovementsHeading-module__entry--gaVx-:last-of-type::after {
  content: none;
}

.SyntheticImprovementsHeading-module__label--pnbpl {
  color: var(--text-tertiary);
}

.SyntheticImprovementsHeading-module__value--uCl-u {
  color: var(--text-primary);
}

.SyntheticImprovementsHeading-module__dot--Of5XF {
  width: 8px;
  height: 8px;

  position: relative;
  z-index: 1;

  display: inline-block;

  border-radius: 50%;
}

.SyntheticImprovementsHeading-module__warning--zV-DG {
  background-color: var(--chart-warning);
}

.SyntheticImprovementsHeading-module__bad--2A4TX {
  background-color: var(--chart-negative);
}

.SyntheticImprovementsHeading-module__error--i-Kzq {
  display: flex;
  gap: var(--space-16px);
}

.SyntheticImprovementsHeading-module__errorIcon--LgUAU {
  color: var(--text-negative);
}

.SyntheticImprovementsHeading-module__loading--eahdi {
  padding: 0;
}
.SyntheticImprovementsTable-module__row--picA3 {
  display: flex;

  flex-direction: row;
  align-items: center;

  gap: var(--space-8px);
}

.SyntheticImprovementsTable-module__column--4WQCo {
  display: flex;

  flex-direction: column;

  gap: var(--space-8px);
}

.SyntheticImprovementsTable-module__gaugeEmpty--8xJIt {
  width: 80px;
  height: var(--space-4px);

  border-radius: var(--space-half-base);
  border: 1px solid var(--border-content);
}

.SyntheticImprovementsTable-module__gaugeFull--Br1DS {
  height: 2px;

  background-color: var(--border-content);
}
.SyntheticImprovements-module__container--fk56R {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.SyntheticImprovements-module__empty--7Xaai {
  text-align: center;

  background: var(--background-secondary);
}

.SyntheticImprovements-module__errorContainer--Y3Ptm {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.SiteDetails-module__container--DAJ8a {
  position: relative;

  display: flex;

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

.SiteDetails-module__errorContainer--5sOi1 {
  height: 100%;
  min-height: 200px;

  display: grid;

  place-content: center;
}

.SiteDetails-module__name--DkZSB {
  display: flex;
  gap: var(--space-8px);
}

.SiteDetails-module__filters--2fUoO {
  display: flex;
  gap: var(--space-20px);

  justify-content: space-between;
}
.ClickableChartInfoTooltip-module__container--XKdJ- {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

  flex-direction: column;

  background: var(--background-tertiary);
  border: solid 1px var(--border-primary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);
}
.SyntheticQueryAreaChart-module__empty--fAoKr {
  color: var(--text-primary);
  text-align: center;

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

  background-color: var(--background-secondary);
}

.SyntheticQueryAreaChart-module__errorContainer--vibBp,
.SyntheticQueryAreaChart-module__loadingContainer--G8t3K {
  padding: var(--space-24px) 0;

  display: flex;

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

.SyntheticQueryAreaChart-module__loadingContainer--G8t3K {
  min-height: 200px;
}
.WebVitalSyntheticQueryAreaChart-module__column--yL9ZM {
  display: flex;

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

.WebVitalSyntheticQueryAreaChart-module__row--5JdEG {
  display: flex;

  flex-direction: row;
  align-items: center;

  gap: var(--space-8px);
}

.WebVitalSyntheticQueryAreaChart-module__spaceBetween--Yzrn- {
  justify-content: space-between;
}

.WebVitalSyntheticQueryAreaChart-module__secondary--3yZaf {
  color: var(--text-secondary);
}

.WebVitalSyntheticQueryAreaChart-module__chevron--0YTY- {
  cursor: pointer;
}
.VitalsCard-module__column--iikkM {
  display: flex;

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

.VitalsCard-module__tertiary--vDhu4 {
  color: var(--text-tertiary);
}

.VitalsCard-module__chart--hQNQe {
  border-bottom: 1px solid var(--border-secondary);

  padding-bottom: var(--space-16px);
}

.VitalsCard-module__chart--hQNQe:last-child {
  border-bottom: none;
}
.RenderTimeImages-module__container--8SLF7 {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--space-8px);
}

.RenderTimeImages-module__column--aggJg {
  display: flex;

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

.RenderTimeImages-module__errorContainer--jEn-c {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}

.RenderTimeImages-module__empty--lkmkv {
  background: var(--background-secondary);
}
.RenderingHeading-module__error--IZGar {
  display: flex;
  gap: var(--space-16px);
}

.RenderingHeading-module__errorIcon--9eJlj {
  color: var(--text-negative);
}
.SyntheticQueryLineChart-module__empty--qOoMD {
  text-align: center;

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

  background-color: var(--background-secondary);
}

.SyntheticQueryLineChart-module__errorContainer--b7MHS {
  padding: var(--space-24px) 0;

  display: flex;

  justify-content: center;
}
.SyntheticQueryLegendLineChart-module__column--ix947 {
  display: flex;

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

.SyntheticQueryLegendLineChart-module__row--CB0FP {
  display: flex;

  flex-direction: row;
  align-items: center;

  gap: var(--space-8px);
}

.SyntheticQueryLegendLineChart-module__spaceBetween--Uiv3B {
  justify-content: space-between;
}

.SyntheticQueryLegendLineChart-module__secondary--L7Mfs {
  color: var(--text-secondary);
}

.SyntheticQueryLegendLineChart-module__dot--X-u0n {
  height: var(--space-8px);
  width: var(--space-8px);

  border-radius: var(--space-8px);
}
.LighthouseSyntheticAreaChart-module__column--3LMbg {
  display: flex;

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

.LighthouseSyntheticAreaChart-module__row--3D07y {
  display: flex;

  flex-direction: row;
  align-items: center;

  gap: var(--space-8px);
}

.LighthouseSyntheticAreaChart-module__spaceBetween--izrDP {
  justify-content: space-between;
}

.LighthouseSyntheticAreaChart-module__secondary--ofWCI {
  color: var(--text-secondary);
}
.LighthouseCard-module__column--Ma4pu {
  display: flex;

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

.LighthouseCard-module__chart---kxpo {
  border-bottom: 1px solid var(--border-secondary);

  padding-bottom: var(--space-16px);
}

.LighthouseCard-module__chart---kxpo:last-child {
  border-bottom: none;
}
.PageDetails-module__container--ZgxOm {
  position: relative;

  display: flex;

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

.PageDetails-module__createButton--trdkC {
  align-self: end;
}

.PageDetails-module__filters--QNBtQ {
  display: flex;
  gap: var(--space-20px);

  justify-content: space-between;
}
.UrlActions-module__container--E3y0- {
  display: flex;
  gap: var(--space-10px);
}

.UrlActions-module__icon--K0OYo.UrlActions-module__active--AMWEi {
  color: var(--text-product-secondary);
}

.UrlActions-module__icon--K0OYo.UrlActions-module__disabled--d040m {
  color: var(--icon-disabled);
  cursor: not-allowed;
}

.UrlActions-module__icon--K0OYo:not(.UrlActions-module__disabled--d040m) {
  cursor: pointer;
}
.UrlRow-module__urls--AW1W2 {
  display: contents;
}

.UrlRow-module__url--h4SUP {
  grid-column: 1 / 7;
}

.UrlRow-module__label--L9-HN {
  grid-column: 7 / 8;
}

.UrlRow-module__urlActions--NfihL {
  padding: var(--space-12px) 0;

  grid-column: 8 / span 1;
}

.UrlRow-module__username--elpWI,
.UrlRow-module__template--ecsAc {
  display: grid;

  grid-template-columns: 24px 1fr;
  grid-column: 1 / 4;
  gap: var(--space-8px);
}

.UrlRow-module__script--5yQAj {
  display: grid;

  grid-template-columns: repeat(8, 1fr);
  grid-column: 1 / -1;
  gap: var(--space-8px);
}

.UrlRow-module__scriptTextarea--yMZkh {
  /*
    Required to match left padding on scripts template
    24px column size + 8px gap
  */
  padding-left: var(--space-32px);

  grid-column: 1 / 8;
}

.UrlRow-module__scriptTextareaField---TGR- {
  min-height: 120px;
}

.UrlRow-module__password--aPRDB {
  grid-column: 4 / 8;
}

.UrlRow-module__lockIcon--zBZ82,
.UrlRow-module__scriptIcon--FTPdx {
  color: var(--icon-default);

  padding: var(--space-10px) 0;

  display: flex;

  justify-content: center;
}

.UrlRow-module__scriptLink--81gSu {
  grid-column: 6;
}

.UrlRow-module__tipsLink--H-4bm {
  grid-column: 7;
}

.UrlRow-module__authDelete--i5CtA,
.UrlRow-module__scriptDelete---XBj0 {
  color: var(--text-product-secondary);

  padding: var(--space-10px) 0;

  grid-column: 8;
  cursor: pointer;
}

.UrlRow-module__scriptDelete---XBj0 {
  align-self: center;
}
.SiteTitle-module__container--EcHpT {
  display: grid;
  gap: var(--space-8px);
}

.SiteTitle-module__title--KplTC {
  color: var(--text-primary);
}

.SiteTitle-module__message--uQQ-Z {
  color: var(--text-tertiary);
}
.SiteSection-module__container--yJKKB {
  display: grid;
  gap: var(--space-10px);
}

.SiteSection-module__title--5If-1 {
  color: var(--text-secondary);
}

.SiteSection-module__row--DSBBU {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-10px);

  grid-template-columns: repeat(8, 1fr);
  align-items: flex-start;
}
.SiteForm-module__container--7nYEC {
  position: relative;
}

.SiteForm-module__card--FOC1O {
  display: flex;

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

.SiteForm-module__sectionContainer--k3Bkt {
  display: grid;
  gap: var(--space-20px);
}

/*
 * Fields and rows
 */

.SiteForm-module__name--1Fovf {
  grid-column: 1 / 3;
}

.SiteForm-module__type--70gCK {
  grid-column: 1 / 3;
}

.SiteForm-module__category--tXnuv {
  grid-column: 3 / 6;
}

.SiteForm-module__addUrl--4FoQc,
.SiteForm-module__addUrlTooltipContainer--v2iUD {
  grid-column: 1 / 2;
  justify-content: flex-start;
}

.SiteForm-module__browsers--YsjHP,
.SiteForm-module__regions---cE7o {
  grid-column: 1 / 4;
}

.SiteForm-module__recurrence--KlAF- {
  color: var(--text-tertiary);

  grid-column: 1 / -1;
}

.SiteForm-module__frequency--CWSKC {
  grid-column: 1 / 3;
}

.SiteForm-module__days--RUWuD {
  grid-column: 3 / 5;
}

.SiteForm-module__time--Fwy8Z {
  grid-column: 3 / 5;
}

.SiteForm-module__paused--gu-ms {
  padding: var(--space-8px) 0;

  grid-column: 3 / span 1;
}

.SiteForm-module__paused--gu-ms.SiteForm-module__frequencyDay--a1WiA {
  grid-column: 5 / span 1;
}

.SiteForm-module__paused--gu-ms.SiteForm-module__frequencyDay--a1WiA.SiteForm-module__frequencyDisabled--Qq2kB {
  grid-column: 3 / span 1;
}

.SiteForm-module__days--RUWuD,
.SiteForm-module__time--Fwy8Z {
  display: grid;
  gap: var(--space-8px);
  grid-auto-flow: column;

  grid-template-columns: 20px auto;
}

.SiteForm-module__separator--yaU8h {
  text-align: center;

  padding: var(--space-8px) 0;
}

.SiteForm-module__separator--yaU8h.SiteForm-module__disabled--QnsMD {
  color: var(--text-disabled);
}

.SiteForm-module__create--n1udr {
  grid-column: 1;
}

.SiteForm-module__submit--R3NKk {
  grid-column: 2;
}
.EditSite-module__errorContainer--e3AJF {
  height: 100%;
  min-height: 200px;

  display: grid;

  place-content: center;
}

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

.pager-module__pageButtons--Xh9hk {
  width: -moz-fit-content;
  width: fit-content;

  display: flex;
}

.pager-module__pageButtonsReg--FiJWa > * {
  margin: 0 4px;
}

.pager-module__pageButtonsAlt--Vore9 {
  margin: 16px 16px 16px auto;
}

.pager-module__pageButtonsAlt--Vore9 > * {
  margin: 0 16px;
}

.pager-module__page--LQqFw {
  width: var(--space-36px);
  height: var(--space-36px);
  margin: 0 4px;

  display: flex;

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

  border: 1px solid var(--grey-800);
  border-radius: 4px;
}

.pager-module__clickable--j-2X8 {
  cursor: pointer;
}

.pager-module__active--9YuC3 {
  background-color: var(--grey-900);
  border-color: var(--grey-800);
}

.pager-module__alt--QdJVm {
  font-family: 'Roboto', sans-serif, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}
.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;
}

.Labeled-module__container--xtkOA {
  text-align: left;
}

.Labeled-module__label--Yd0gJ {
}

.Labeled-module__right--qt3uK {
  text-align: right;
}
.App-module__container--aKp2x {
  display: flex;

  align-items: center;
  cursor: pointer;
}

.App-module__iconContainer--KqxJy {
  position: relative;
}

.App-module__appIcon--1MJVQ {
  font-size: 32px;

  height: 32px;
  margin-right: var(--space-24px);
  width: 32px;
}

.App-module__appIconFramework--8WL9O {
  bottom: -8px;
  left: -8px;
  position: absolute;
}

.App-module__android--fBhUD {
  color: var(--color-android-green);
}

.App-module__ios--vI0Pf {
  color: var(--color-ios-teal);
}

.App-module__web--YGk47 {
  color: var(--color-web-blue);
}

.App-module__rn--ly2VU {
  color: var(--color-rn-purple);
}

.App-module__unity--ZFpgc {
  color: var(--color-unity-orange);
}

.App-module__flutter--3Qs2d {
  color: var(--color-flutter-blue);
}

.App-module__appInfo--5Uew8 {
  color: var(--text-primary);

  display: grid;

  flex: 1;
  justify-content: start;
  grid-auto-flow: column;
  gap: var(--space-20px);
}

.App-module__appInfoItem--YUAsP {
  font-size: 16px;
}

.App-module__tooltipContainer--Fez9B {
  display: flex;
}

.App-module__tooltipTrigger--MnLWD {
  display: flex;

  align-self: flex-start;
}

.App-module__tooltipCallOut--CYKG0 {
  max-width: initial;

  display: flex;
}

.App-module__tooltipCallOutButtons--8zHZk {
  display: flex;
  gap: var(--space-8px);
}

@media (width <= 700px) {
  .App-module__container--aKp2x {
    padding: 0;

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

  .App-module__appIcon--1MJVQ {
    margin: 0;
  }

  .App-module__iconContainer--KqxJy {
    margin-bottom: var(--space-8px);

    align-self: flex-start;
  }

  .App-module__appInfo--5Uew8 {
    width: 100%;

    display: grid;

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

  .App-module__link--Eg2Cp {
    padding: var(--space-20px) 0;

    align-self: flex-start;
  }
}

.App-module__regionTooltipWrapper---K-MT {
  display: flex;
  gap: var(--space-4px);

  flex-direction: column;
}

.App-module__regionTooltipTrigger--2bpK4 {
  align-self: baseline;
}

.App-module__regionTooltipContent--n3Kmg {
  display: ruby;
}
.Project-module__header---lEXk {
  margin-bottom: 30px;

  display: flex;

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

.Project-module__appsList--FESsL {
  position: relative;
}

.Project-module__app--5y8rO {
  border-bottom: 1px solid var(--grey-700);

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

.Project-module__app--5y8rO:last-child {
  border-bottom: none;

  margin-bottom: 0;
  padding-bottom: 0;
}

.Project-module__settingsIcon--3oapr {
  color: var(--icon-default);
  cursor: pointer;
}

.Project-module__settingsIcon--3oapr:hover {
  color: var(--icon-focused);
}

.Project-module__settingsContextualMenuContent--LC2Y8 {
  min-width: var(--space-192px);
}

@media (width <= 700px) {
  .Project-module__app--5y8rO {
    margin-bottom: var(--space-20px);
    padding: 0;
  }
}
.ProjectsList-module__container--WcE7M {
  margin-bottom: var(--section-spacing-sub);
}

.ProjectsList-module__project--S4SZi {
  margin-bottom: var(--section-spacing-sub);
  padding: var(--space-24px);
}

.ProjectsList-module__project--S4SZi:last-child {
  margin-bottom: 0;
}

.ProjectsList-module__loading--dnn-j {
  min-height: 500px;
  height: 100%;

  display: grid;

  place-content: center;
}
.Switcher-module__main--QK-66 {
  margin: 0;
  height: 100vh;

  overflow-y: auto;
}

.Switcher-module__container--Kayr3 {
  max-width: 840px;
  margin: 0 auto;
  padding: var(--space-20px);
  padding-top: var(--global-header-height);

  overflow: hidden;
}

.Switcher-module__title--BWSqa {
  margin: var(--space-24px) 0 var(--space-24px);

  display: flex;

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

.Switcher-module__searchContainer--B3WO6 {
  margin: var(--space-24px) 0 var(--space-24px) 0;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-600);
  border-radius: 4px;
}

.Switcher-module__footer--WrDX8 {
  margin-bottom: var(--space-64px);

  display: flex;

  flex-direction: row-reverse;
  justify-content: space-between;
}

.Switcher-module__errorContainer--8YobB {
  padding: var(--space-72px) 0;

  display: flex;

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

.Switcher-module__error--pifSI {
  max-width: 500px;
}
.WebhookErrorMessage-module__column--VA61c {
  margin-top: var(--space-36px);
  width: 100%;
}

.WebhookErrorMessage-module__column--VA61c > :first-child {
  flex: 1;
}

.WebhookErrorMessage-module__errorMsg--Na93u {
  padding: initial !important;
}
.SettingsFormButton-module__buttonsContainer--iW98q {
  margin-top: var(--space-28px);

  display: flex;
  gap: var(--space-12px);
}
.WebhooksForm-module__inputContainer--XfKti {
  max-width: 80%;

  display: flex;

  flex-direction: column;
  gap: var(--space-24px);
}
.Webhooks-module__channels--uAEEh {
  display: flex;

  align-items: flex-start;
  flex-flow: column wrap;
  gap: var(--card-min-spacing);
}

.Webhooks-module__container--N9EAi {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);
}

.Webhooks-module__main--nMQAr {
  display: flex;

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

.Webhooks-module__sub--FfO2E {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.Webhooks-module__header--moCiH {
  color: var(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Webhooks-module__description--gdBq- {
  color: var(--text-tertiary);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Webhooks-module__error--qpi7n {
  min-height: 200px;

  display: grid;

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

.Webhooks-module__attachedAlerts--iLkXD {
  margin: 0;
  margin-top: var(--space-10px);
  padding: 0;
  padding-left: var(--space-20px);
}
.HiddenVersionsField-module__unhideIcon--0FsIG {
  color: var(--grey-300);
  cursor: pointer;
}

.HiddenVersionsField-module__container--OkmLZ {
  display: flex;

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

.HiddenVersionsField-module__table--KgniI {
  max-width: var(--space-640px);
}
.VersionPickerForm-module__form--2kh4y {
  display: grid;
  gap: var(--space-20px);
}

.VersionPickerForm-module__field--u6HyJ {
  max-width: var(--space-512px);
}

.VersionPickerForm-module__submitButton--72603 {
  justify-self: left;
}

.VersionPickerForm-module__row--Trosj {
  display: grid;
  gap: var(--space-4px);
}

.VersionPickerForm-module__title--Mo2Qe {
  display: flex;

  flex-direction: row;
  gap: var(--space-6px);

  align-items: center;
}

.VersionPickerForm-module__infoIcon--SmJ2y {
  color: var(--icon-default);
}

.VersionPickerForm-module__error---TTeM {
  height: 100%;

  display: grid;

  place-content: center;
}

.VersionPickerForm-module__description--VBTAs {
  color: var(--text-tertiary);
}
.Content-module__title--IZN-7 {
  margin-bottom: var(--space-28px);
}

.Content-module__container--4AP0j {
  max-width: var(--content-max-width);

  flex: 1;
}

.Content-module__row--U7Tyb {
  display: flex;
  gap: var(--base-space);
}

.Content-module__adBlockerAlert--HdhaS {
  margin-bottom: var(--space-28px);
}

.Content-module__infoIcon--o-KtH {
  color: var(--icon-default);
}
.UsersAndTeams-module__container--UgD5f {
  width: 100%;

  display: flex;

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

.UsersAndTeams-module__content--yqYMY {
  flex: 1;
}
.EditUserTeamInfo-module__subtitle--BPeeY {
  color: var(--text-tertiary);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}
.EditUserProjectInfo-module__subtitle--6XosA {
  color: var(--text-tertiary);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.EditUserProjectInfo-module__permissionTableContainer--A1TRx {
  max-height: var(--space-192px);

  overflow-y: auto;
}
.EditUser-module__title--JCu4k {
  color: var(--grey-100);
  font-size: var(--space-24px);
  font-weight: var(--weight-200);
}

.EditUser-module__subtitle--U0lKd {
  color: var(--grey-100);
  font-size: var(--space-16px);
  font-weight: var(--weight-200);
  line-height: var(--space-24px);
}

.EditUser-module__formRow--1fkG6 {
  display: flex;
  gap: var(--space-8px);
}

.EditUser-module__saveOptions--isAMz {
  display: flex;

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

.EditUser-module__container--mpK-K {
  min-height: 0;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-32px);
}

.EditUser-module__row--edk9t {
  display: flex;

  justify-content: space-between;
}

.EditUser-module__generalInformation--IIC6z {
  min-height: 0;

  display: flex;

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

.EditUser-module__section--wn9bi {
  display: flex;

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

.EditUser-module__deleteUserButton--XwjPE {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  letter-spacing: 0.002em;
  line-height: var(--text-24px);
}

.EditUser-module__closeButton--hsMZm {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;

  transition: background-color 0.1s ease-out;
}

.EditUser-module__closeButton--hsMZm:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.EditUser-module__teamHeader--tzRRM {
  margin-bottom: var(--space-8px);
}

.EditUser-module__projectHeader--lthbg {
  margin-bottom: var(--space-8px);
}
.AddUser-module__title--Y9Dej {
  color: var(--grey-100);
  font-size: var(--space-24px);
  font-weight: var(--weight-200);
}

.AddUser-module__subtitle--o0rPv {
  color: var(--grey-300);
  font-size: var(--space-16px);
  font-weight: var(--weight-200);
}

.AddUser-module__add--OAAvd {
  display: flex;
  gap: var(--base-space);
}

.AddUser-module__headerRow--JkJ2e {
  display: flex;

  justify-content: space-between;
}

.AddUser-module__row--yZyxH {
  display: flex;

  justify-content: flex-start;
  align-items: center;
  gap: var(--space-12px);
}

.AddUser-module__emailInput--83t95 {
  min-width: 300px;
}

.AddUser-module__teamInput--w2C0p {
  min-width: 320px;
}

.AddUser-module__addMore--rUGAm {
  padding: 0;
}

.AddUser-module__addMore--rUGAm:hover {
  background-color: transparent;
}

.AddUser-module__list--vRdxh {
  display: grid;
  row-gap: var(--space-16px);
}

.AddUser-module__closeButton--a6hf0 {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;

  transition: background-color 0.1s ease-out;
}

.AddUser-module__closeButton--a6hf0:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.AddUser-module__container--ZVt-O {
  min-height: 0;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-32px);
}

.AddUser-module__content--YAHcs {
  min-height: 0;

  display: flex;

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

.AddUser-module__form--YRaTl {
  display: flex;

  flex-direction: column;
  gap: var(--space-12px);
}
.Users-module__heading--uqGG5 {
  color: var(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Users-module__topRow--60Tq0 {
  display: flex;

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

.Users-module__italic--6T84u {
  color: var(--grey-300);
  font-style: italic;
}

.Users-module__container--qX27l {
  display: flex;

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

.Users-module__modal--ahqKs {
  width: var(--space-900px);
  min-height: var(--space-386px);
  max-height: var(--space-640px);
  padding: var(--space-32px);

  display: flex;
  overflow: initial;

  flex-direction: column;
}

.Users-module__modalContent--u9mNR {
  flex: 1;
}

.Users-module__userTableList--GXNeL {
  list-style: none;

  padding: 0;
  margin: 0;
}

.Users-module__moreTeams--tmYbP {
  color: var(--grey-300);
}

.Users-module__projectAccessCount--B3102 {
  color: var(--grey-300);
  font-size: var(--text-12px);
  white-space: nowrap;
}

.Users-module__allTeams---2-bC {
  white-space: nowrap;
}

.Users-module__userRole--qk2Z5 {
  white-space: nowrap;
}

.Users-module__teamName--alIQ- {
  white-space: nowrap;

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

  overflow: hidden;
  text-overflow: ellipsis;
}

.Users-module__projectPermissions--DdDEc {
  white-space: nowrap;

  display: flex;

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

.Users-module__tableHeader--o-D9g {
  display: flex;

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

.Users-module__infoIcon--LwRIE {
  color: var(--icon-default);
}

table tr td.Users-module__actionsColumn--Py8Kr {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}
.CustomMetrics-module__modal--LS799 {
  max-height: 95vh;
  width: 860px;
}

.CustomMetrics-module__emptyMsg--9gpIw {
  text-align: center;
}

.CustomMetrics-module__topRow--pWCwa {
  display: flex;

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

.CustomMetrics-module__container--pFdDY {
  display: flex;

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

.CustomMetrics-module__error--rGtYj {
  min-height: 200px;

  display: flex;

  align-self: center;
  align-items: center;
}
.UsageTable-module__noWrap--ONIev {
  white-space: nowrap;
}
.Usage-module__container--7DUvm {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.Usage-module__row--mGJJz {
  display: flex;

  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--card-min-spacing);
}

.Usage-module__tertiary--h6SNZ {
  color: var(--text-tertiary);
}

.Usage-module__controlRow--y0WYq {
  display: flex;

  flex-direction: row;
  align-items: center;

  gap: var(--card-min-spacing);
}

.Usage-module__controlGroup--YwH4x {
  white-space: nowrap;

  display: flex;

  flex-direction: row;
  align-items: center;
  gap: var(--card-sub2-spacing);
}

.Usage-module__buttonContainer--El4D0 {
  padding: 0 24px;
  margin: var(--space-24px) 0;

  display: flex;

  flex-direction: row;
  align-items: center;
  gap: var(--card-sub2-spacing);
}
table tr td.TeamsMembersTable-module__actionsColumn--JEQJ7 {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}
.UsersDropdownLabel-module__container--oHc1w {
  padding: var(--base-space);

  display: flex;

  flex-direction: column;
}

.UsersDropdownLabel-module__name--WzHik {
  font-family: Roboto, serif;
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
  color: var(--grey-100);

  display: flex;

  align-items: center;
}

.UsersDropdownLabel-module__email--Gb9LJ {
  font-family: Roboto, serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
  color: var(--grey-300);
  letter-spacing: 0.002em;

  display: flex;

  align-items: center;
}
.TeamFormModalContent-module__container--LTgWy {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);

  justify-content: space-between;
}

.TeamFormModalContent-module__row--lXtcU {
  display: flex;
  gap: var(--card-sub2-spacing);

  justify-content: space-between;
}

.TeamFormModalContent-module__title--9I7Zb {
  color: var(--grey-100);
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
}

.TeamFormModalContent-module__closeButton--gje4b {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;

  transition: background-color 0.1s ease-out;
}

.TeamFormModalContent-module__closeButton--gje4b:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.TeamFormModalContent-module__scrollableContent--6hi3H {
  min-height: 0;

  display: flex;
  overflow-y: auto;

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

.TeamFormModalContent-module__section--kGLHI {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.TeamFormModalContent-module__addMore--DhVFM {
  padding: 0;

  align-self: flex-start;
}

.TeamFormModalContent-module__addMore--DhVFM:hover {
  background-color: transparent;
}

.TeamFormModalContent-module__dropdown--syWY1 {
  flex: 1;
}

.TeamFormModalContent-module__trashButton--FlbT0 {
  color: var(--grey-300);

  background-color: transparent;
  border-radius: 4px;

  transition: background-color 0.1s ease-out;
  cursor: pointer;
}

.TeamFormModalContent-module__trashButton--FlbT0:hover {
  color: var(--grey-400);

  background-color: var(--grey-700);
}

.TeamFormModalContent-module__deleteTeamButton--b4Kat {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  letter-spacing: 0.002em;
  line-height: var(--text-24px);
}

.TeamFormModalContent-module__optionsContainer--l0Hk1 {
  max-height: 240px;
}
.EditTeamButton-module__modal--F-A0j {
  width: var(--space-640px);
  min-height: var(--space-640px);
  max-height: var(--space-640px);
  padding: var(--space-32px);

  display: flex;

  flex-direction: column;
}

.EditTeamButton-module__modalContent--hTh-r {
  flex: 1;
}

.EditTeamButton-module__contextualMenuContent--HSqrc {
  min-width: var(--space-192px);
}

.EditTeamButton-module__contextualMenuTrigger---cA8U {
  height: 100%;

  display: flex;
}

.EditTeamButton-module__moreIcon--IxCQp {
  color: var(--grey-300);
  cursor: pointer;
}

.EditTeamButton-module__disabled--jbuKp {
  cursor: not-allowed;
}
.AddTeamButton-module__modal--MTYld {
  width: var(--space-640px);
  min-height: var(--space-640px);
  max-height: var(--space-640px);
  padding: var(--space-32px);

  display: flex;

  flex-direction: column;
}

.AddTeamButton-module__modalContent--hwRqg {
  flex: 1;
}

.AddTeamButton-module__button--dIIAS {
  color: var(--grey-100);

  height: var(--space-36px);

  background: none;
  border: 1px solid var(--grey-400);
}

.AddTeamButton-module__button--dIIAS:hover {
  background-color: var(--grey-700);
}
.Teams-module__heading--roydw {
  color: var(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Teams-module__teamTitle--2ro1X {
  color: var(--grey-100);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Teams-module__emptyMsg--VM3Rc {
  color: var(--grey-100);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Teams-module__emptyTeamMsg--jY0n0 {
  color: var(--text-tertiary);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Teams-module__topRow--dMcea {
  display: flex;

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

.Teams-module__container--cSeTa {
  display: flex;

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

.Teams-module__teamTopRow--kzX9f {
  display: flex;
  gap: var(--card-min-spacing);
}

.Teams-module__teamContainer--IL9rX {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}
.SourceMap-module__container--uuFXQ {
  display: flex;

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

.SourceMap-module__container--uuFXQ p {
  margin: 0;
}

.SourceMap-module__description--Kqb8n {
  color: var(--text-tertiary);
}
.SlackNotifications-module__container--L4x1H,
.SlackNotifications-module__form--lsZcs {
  display: grid;
  gap: var(--space-20px);
}

.SlackNotifications-module__row--Krne- {
  display: grid;
  gap: var(--space-4px);
}

.SlackNotifications-module__button--OTbIy {
  justify-self: left;
}

.SlackNotifications-module__field--Qonqz {
  max-width: var(--space-512px);
}

.SlackNotifications-module__description--QNwd5 {
  color: var(--text-tertiary);
}
.Slack-module__channels--Ty3jl {
  display: flex;

  align-items: flex-start;
  flex-flow: column wrap;
  gap: var(--card-min-spacing);
}

.Slack-module__container--ljO9V {
  display: flex;
  flex-flow: column wrap;
  gap: var(--card-main-spacing);
}

.Slack-module__header--yapB7 {
  color: var(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Slack-module__description--kaC7S {
  color: var(--text-tertiary);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.Slack-module__attachedAlerts--h-fyn {
  margin: 0;
  margin-top: var(--space-10px);
  padding: 0;
  padding-left: var(--space-20px);
}
.SSOMetadataField-module__explanation--xR8-M {
  color: var(--text-tertiary);
}

.SSOMetadataField-module__input--9dCDm {
  max-width: 512px;
}

.SSOMetadataField-module__row--ZLuX- {
  display: flex;

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

.SSOMetadataField-module__error--6fDeY {
  color: var(--text-negative);
}
.AdminMessageWarning-module__warningMessage--TEbP5 {
  margin-bottom: var(--space-28px);
}
.SSOConfigurationForm-module__explanation--LU6-2 {
  color: var(--text-tertiary);
}

.SSOConfigurationForm-module__form--U8Xbe {
  display: grid;

  gap: var(--space-20px);
}

.SSOConfigurationForm-module__field--asxir {
  display: grid;

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

.SSOConfigurationForm-module__label--gbdGc {
  color: var(--grey-300);
  font-size: var(--text-12px);
}

.SSOConfigurationForm-module__toggleLabel--udptl {
  color: var(--grey-200);
  font-size: var(--text-16px);

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

.SSOConfigurationForm-module__input--i8wps {
  max-width: 512px;
}
.SSO-module__content--W3-P5 {
  flex: 1;
}
.Copyable-module__copyable--v3WeY i {
  color: var(--grey-100);
}

.Copyable-module__copyable--v3WeY .Copyable-module__value--OAnDQ {
  color: var(--grey-300);
  white-space: pre-wrap;

  display: flex;

  border: 1px solid var(--grey-600);
  border-radius: 4px;
  word-break: break-all;
}

.Copyable-module__copyable--v3WeY .Copyable-module__value--OAnDQ > div {
  padding: var(--space-8px) var(--space-12px);
}

.Copyable-module__copyable--v3WeY .Copyable-module__value--OAnDQ > div:first-child {
  flex: 1;
}

.Copyable-module__clipboard--3RphF {
  cursor: pointer;
}

.Copyable-module__clipboardContainer--xMIrP {
  align-self: baseline;
}

.Copyable-module__explanation--IUiRZ {
  color: var(--text-tertiary);
}
.ProviderInformation-module__field--38QuB {
  max-width: var(--space-512px);

  display: grid;

  gap: var(--space-8px);
}

.ProviderInformation-module__fullWidthField--sTSeu {
  max-width: 100%;

  display: grid;

  gap: var(--space-8px);
}

.ProviderInformation-module__container--lfwM- {
  display: grid;
  gap: var(--space-20px);
}
.GrantFormModalContent-module__container--POlop {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);

  justify-content: space-between;
}

.GrantFormModalContent-module__row--pxhq7 {
  display: flex;
  gap: var(--card-sub2-spacing);

  justify-content: space-between;
}

.GrantFormModalContent-module__title--jJXid {
  color: var(--grey-100);
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
}

.GrantFormModalContent-module__subtitle--sPT6s {
  color: var(--grey-100);
  font-family: Roboto, serif;
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.GrantFormModalContent-module__closeButton--29d8N {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;

  transition: background-color 0.1s ease-out;
}

.GrantFormModalContent-module__closeButton--29d8N:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.GrantFormModalContent-module__scrollableContent--eW3Va {
  min-height: 0;

  display: flex;
  overflow-y: auto;

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

.GrantFormModalContent-module__section--V-c21 {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.GrantFormModalContent-module__addMore--WZApH {
  padding: 0;

  align-self: flex-start;
}

.GrantFormModalContent-module__addMore--WZApH:hover {
  background-color: transparent;
}

.GrantFormModalContent-module__multiSelectDropdown--Ezzqq {
  flex: 1;
}

.GrantFormModalContent-module__dropdown--g07wC {
  width: var(--space-192px);
}

.GrantFormModalContent-module__trashButton--yEoJW {
  color: var(--grey-300);

  background-color: transparent;
  border-radius: 4px;

  transition: background-color 0.1s ease-out;
  cursor: pointer;
}

.GrantFormModalContent-module__trashButton--yEoJW:hover {
  color: var(--grey-400);

  background-color: var(--grey-700);
}

.GrantFormModalContent-module__optionsContainer--FKr2F {
  max-height: 240px;
}
.AddGrantButton-module__modal--Sk8My {
  width: var(--space-640px);
  min-height: var(--space-640px);
  max-height: var(--space-640px);
  padding: var(--space-32px);

  display: flex;

  flex-direction: column;
}

.AddGrantButton-module__modalContent--nvEwd {
  flex: 1;
}

.AddGrantButton-module__button--Est7I {
  color: var(--grey-100);

  height: var(--space-36px);

  background: none;
  border: 1px solid var(--grey-400);
}

.AddGrantButton-module__button--Est7I:hover {
  background-color: var(--grey-700);
}
.ProjectPermissionsUsersAndTeams-module__container--61r2p {
  display: flex;

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

.ProjectPermissionsUsersAndTeams-module__heading---ulRT {
  color: var(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.ProjectPermissionsUsersAndTeams-module__emptyMsg--oCb1S {
  color: var(--grey-100);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.ProjectPermissionsUsersAndTeams-module__invisible--e95Qs {
  visibility: hidden;
}

.ProjectPermissionsUsersAndTeams-module__trashButton--M4f6G {
  color: var(--grey-300);

  background-color: transparent;
  border-radius: 4px;

  transition: background-color 0.1s ease-out;
  cursor: pointer;
}

.ProjectPermissionsUsersAndTeams-module__trashButton--M4f6G:hover {
  color: var(--grey-400);

  background-color: var(--grey-700);
}

.ProjectPermissionsUsersAndTeams-module__trashContainer--VlDnE {
  width: 100%;

  display: flex;

  justify-content: flex-end;
}

.ProjectPermissionsUsersAndTeams-module__topRow--6qBFr {
  display: flex;

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

.ProjectPermissionsUsersAndTeams-module__tableHeader--sRmSm {
  display: flex;

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

.ProjectPermissionsUsersAndTeams-module__infoIcon--z8mRo {
  color: var(--icon-default);
}
.ProjectPermissionsDefaultAccessForm-module__container--NIJVd {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.ProjectPermissionsDefaultAccessForm-module__dropdown--igaRt {
  max-width: var(--space-640px);
}
.ProjectPermissionsDefaultAccess-module__container--FVa0L {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.ProjectPermissionsDefaultAccess-module__titleContainer--D4ves {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.ProjectPermissionsDefaultAccess-module__heading--AQg3T {
  color: var(--text-primary);
}

.ProjectPermissionsDefaultAccess-module__subTitle--ckQfl {
  color: var(--text-tertiary);
}
.ProjectPermissions-module__container--fUreu {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);
}
.ProjectForm-module__form--qXo72 {
  margin-top: var(--space-20px);

  display: flex;

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

.ProjectForm-module__submit--PjsoF {
  margin: 0 auto 0 0;
  padding: var(--space-12px) var(--space-36px);

  display: block;
}

.ProjectForm-module__input--KsHxb {
  max-width: var(--space-512px);
}

.ProjectForm-module__description---j6VN {
  color: var(--text-tertiary);
}
.AppCard-module__cardAppContainer--QZT5n {
  cursor: pointer;

  display: flex;
  gap: var(--card-sub-spacing);
}

.AppCard-module__cardAppOpen--oDkRv {
  height: var(--space-768px);

  display: flex;

  flex-direction: column;
}

.AppCard-module__cardAppTitleContainer--7mBuc {
  display: flex;

  align-items: center;
  cursor: pointer;
  gap: var(--card-sub2-spacing);
}

.AppCard-module__appsTitle--kOvyr {
  color: var(--grey-100);
  font-size: var(--text-20px);

  margin-top: var(--space-32px);
}
.ProjectsAndAppsContent-module__content--N8yh2 {
  max-width: var(--content-max-width);
  padding-bottom: var(--space-140px);

  display: flex;

  flex: 1;
  flex-direction: column;
}

.ProjectsAndAppsContent-module__contentChild--ksuPu {
  max-width: var(--content-max-width);

  display: flex;

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

.ProjectsAndAppsContent-module__appsSections--jeqXl {
  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.Proguard-module__container--J6P6d {
  display: flex;

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

.Proguard-module__container--J6P6d p {
  margin: 0;
}
.PreferencesForm-module__form--AaJ8W {
  display: flex;

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

.PreferencesForm-module__sections---eWhL {
  display: flex;

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

.PreferencesForm-module__section--fIat6 {
  display: flex;

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

.PreferencesForm-module__title--RK2H1 {
  display: flex;

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

.PreferencesForm-module__fieldsRow--6Z5Rg {
  max-width: var(--space-512px);

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

.PreferencesForm-module__fieldsColumn--zQkyp {
  display: flex;

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

.PreferencesForm-module__halfField--bU6ba {
  max-width: var(--space-248px);

  flex: 1;
}

.PreferencesForm-module__field--aPS6A {
  max-width: var(--space-512px);

  flex: 1;
}

.PreferencesForm-module__button--8BzFk {
  max-width: var(--space-156px);
}

.PreferencesForm-module__input--0Baii {
  max-width: var(--space-512px);
}
.Preferences-module__content--6AXvM {
  flex: 1;
}
.PaymentForm-module__container--ZkXgc {
  padding: var(--space-24px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.PaymentForm-module__title--mvUDN {
  margin-bottom: var(--space-8px);
}

.PaymentForm-module__submitButton--deBHe {
  width: 100%;
  margin-top: var(--space-24px);
}

.PaymentForm-module__errorMessage--Lr8d8 {
  margin-bottom: var(--space-24px);
}
.PlanCard-module__container--SKhtO {
  display: grid;

  background: var(--background-tertiary);
  row-gap: var(--space-16px);

  border: 2px solid transparent;
}

.PlanCard-module__container--SKhtO.PlanCard-module__active--gwSdb {
  border-color: var(--border-product);
}

.PlanCard-module__header--3c6wT {
  display: flex;

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

.PlanCard-module__title--7pSx7 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.PlanCard-module__pricing--pZEwC {
  color: var(--text-secondary);
  text-align: right;
}

.PlanCard-module__listContainer--3PAj2 {
  display: grid;
}

.PlanCard-module__listContainer--3PAj2.PlanCard-module__twoColumns--LXlON {
  grid-template-columns: 1fr 1fr;
}

.PlanCard-module__list--0PIXA {
  padding-left: 0;
  margin: 0;
}

.PlanCard-module__listItem--UbkJT {
  padding-left: 0;

  display: grid;

  grid-template-columns: 20px 1fr;
  list-style: none;
  gap: var(--space-4px);
}

.PlanCard-module__dot--RdUr8 {
  width: 20px;
  height: 20px;

  display: flex;

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

.PlanCard-module__dot--RdUr8::before {
  width: 2px;
  height: 2px;

  display: block;

  background-color: var(--text-primary);
  border-radius: 50%;
  content: '';
}
.Plans-module__container--i49DH {
  display: flex;

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

.Plans-module__plans--clYOS {
  display: grid;
  row-gap: var(--space-16px);
}

.Plans-module__plans--clYOS.Plans-module__twoColumns--Ny-nq {
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
}

.Plans-module__footer---kl6Q {
  display: flex;

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

.Plans-module__footer---kl6Q a {
  font-weight: bold;
}

.Plans-module__contact--MlB0C {
  color: var(--text-secondary);
}

.Plans-module__contact--MlB0C.Plans-module__withSeparator--GQKEl {
  padding-top: var(--space-16px);
  border-top: 1px solid var(--border-secondary);
}
.Plan-module__body--X2JJW {
  display: grid;

  grid-template-columns: 1fr 1fr;
  -moz-column-gap: var(--space-16px);
       column-gap: var(--space-16px);
}

.Plan-module__body--X2JJW.Plan-module__fullWidth--3eFHD {
  grid-template-columns: 1fr;
}

.Plan-module__header--p27V3 {
  margin-bottom: var(--space-24px);

  display: flex;

  justify-content: space-between;
}

.Plan-module__title--sR07l {
  display: flex;

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

.Plan-module__subtitle--leOFo {
  color: var(--text-tertiary);
}

.Plan-module__actions---WaN9 {
  display: flex;
  gap: var(--space-16px);

  align-items: center;
}
.Integrations-module__content--kOF-N {
  flex: 1;
}
.OwnersRuleModal-module__callout--mDnPm {
  color: var(--text-primary);

  padding: var(--space-20px);

  border: 1px solid;
  border-radius: 4px;
}

.OwnersRuleModal-module__calloutError--ZQ1R7 {
  border-color: var(--border-negative);
  background-color: var(--background-negative);
}

.OwnersRuleModal-module__container--jbX6z {
  display: flex;
  gap: var(--card-min-spacing);

  flex-direction: column;
}

.OwnersRuleModal-module__container--jbX6z p {
  margin: 0;
}

.OwnersRuleModal-module__readonly--IWWem {
  color: var(--text-secondary);

  padding: var(--space-12px) var(--space-8px);

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

.OwnersRuleModal-module__primary--jPeRv {
  color: var(--text-primary);
}

.OwnersRuleModal-module__secondary--GKhha {
  color: var(--text-secondary);
}

.OwnersRuleModal-module__tertiary--sEB-k {
  color: var(--text-tertiary);

  align-self: center;
}

.OwnersRuleModal-module__title--GaWa- {
  display: flex;

  flex-direction: row;
  align-items: center;
  gap: var(--space-10px);
}

.OwnersRuleModal-module__row--wZ7nG {
  display: flex;

  flex-direction: row;
  align-items: start;
  gap: var(--card-sub2-spacing);
}

.OwnersRuleModal-module__buttonRow--O1Yxz {
  padding-top: var(--space-16px);
}

.OwnersRuleModal-module__fillRow--N2vL6 {
  flex-grow: 1;
}

.OwnersRuleModal-module__divider--JdgMO {
  width: 100%;

  border-top: solid 1px var(--border-secondary);
}

.OwnersRuleModal-module__section--Nqp5j {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.OwnersRuleModal-module__underline--F4oco {
  text-decoration: underline;
}
.OwnersRuleTable-module__modal--CBdHo {
  max-height: 95vh;
  width: 640px;

  overflow: visible;
}

.OwnersRuleTable-module__hoverIcon--VVYii {
  color: var(--icon-default);
}

.OwnersRuleTable-module__hoverIcon--VVYii:hover {
  color: var(--icon-focused);
}

/* We want the arrow icon to only be present if the user hovers over the row where
it is located. */
.OwnersRuleTable-module__arrowIcon--xkozI {
  visibility: hidden;
}

.OwnersRuleTable-module__ownersTable--dEMti {
  max-height: 450px;
}

.OwnersRuleTable-module__ownersTable--dEMti tr:hover .OwnersRuleTable-module__arrowIcon--xkozI {
  visibility: visible;
}

.OwnersRuleTable-module__arrows--fTCQE {
  display: flex;

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

.OwnersRuleTable-module__rowIcons--XLx0X {
  display: flex;

  flex-wrap: nowrap;
  align-items: center;
}

table tr td.OwnersRuleTable-module__cellIcons--rQU4E {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}
.OwnersRules-module__container--NQ-ys {
  display: grid;
  gap: var(--space-20px);
}

.OwnersRules-module__row--4lSli {
  display: grid;
  gap: var(--space-4px);
}

.OwnersRules-module__modal---V93Z {
  max-height: 95vh;
  width: 640px;

  overflow: visible;
}

.OwnersRules-module__rulesDescription--gOt90 {
  display: flex;

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

.OwnersRules-module__rulesDescription--gOt90 p {
  color: var(--text-tertiary);
}

.OwnersRules-module__rulesHeader--4VQs9 {
  display: grid;
  gap: var(--space-20px);
}

.OwnersRules-module__rulesHeaderSection--HIZvm {
  display: flex;

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

.OwnersRules-module__infoIcon---Bkb0 {
  color: var(--icon-default);
}
.NotificationsEditModal-module__appsList--kSPju {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);
  list-style: none;
}

.NotificationsEditModal-module__apps--fUFyp {
  margin: 0;
  padding: 0;

  display: flex;
  overflow-y: auto;

  flex-shrink: 1;
  flex-direction: column;
  gap: var(--base-space);
  list-style: none;
}

.NotificationsEditModal-module__app--b32lB {
  color: var(--grey-300);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.NotificationsEditModal-module__title--spFKN {
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
  line-height: var(--text-28px);
}

.NotificationsEditModal-module__closeIcon--gCKBe {
  background-color: transparent;
  border-radius: 4px;
  cursor: pointer;

  transition: background-color 0.1s ease-out;
}

.NotificationsEditModal-module__closeIcon--gCKBe:hover {
  color: var(--grey-300);

  background-color: var(--grey-700);
}

.NotificationsEditModal-module__row--MPP5z {
  display: flex;

  justify-content: space-between;
}

.NotificationsEditModal-module__container--jwKN0 {
  min-height: 0;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-24px);
}

.NotificationsEditModal-module__alignTop--tErWZ {
  min-height: 0;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-24px);
}

.NotificationsEditModal-module__content--E-PS3 {
  min-height: 0;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-32px);
}

.NotificationsEditModal-module__button--r2pBT {
  align-self: flex-start;
}

.NotificationsEditModal-module__tableHeader--mNrX7 {
  color: var(--grey-200);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  letter-spacing: 0.002em;
  line-height: var(--text-16px);
  text-align: left;
}

.NotificationsEditModal-module__grid--KZ1fH {
  display: grid;
  gap: var(--space-24px) var(--space-64px);

  grid-template-columns: max-content max-content;
}
/* stylelint-disable no-descending-specificity */
.NotificationsTable-module__projectCheckbox--5TK6v {
  padding: var(--space-12px) var(--space-32px);
}

.NotificationsTable-module__projectCheckboxLabel--BKV6g {
  color: var(--grey-200);
  font-size: var(--text-16px);
  font-weight: var(--weight-350);
  line-height: var(--text-24px);
}

.NotificationsTable-module__appCheckbox--CWqTv {
  padding: var(--space-12px) var(--space-64px);
}

.NotificationsTable-module__notificationsList--pteD2 {
  list-style: none;

  margin: 0;
  padding: var(--space-12px) var(--space-32px);
}

.NotificationsTable-module__tableHeader--2b9r- {
  display: flex;

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

.NotificationsTable-module__container--cFh-N {
  display: flex;

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

.NotificationsTable-module__bulkButtonContainer--qaEMm {
  display: flex;

  border-radius: 4px;
  box-shadow: inset 0 0 0 1px var(--grey-400);
}

.NotificationsTable-module__bulkButton--QoeAb {
  margin: 0;

  background: none;
  border: 1px solid transparent;
  box-shadow: none;
}

.NotificationsTable-module__bulkButton--QoeAb:hover {
  background: none;
  border-color: var(--secondary-100);
}

.NotificationsTable-module__bulkButton--QoeAb[disabled]:hover {
  border-color: transparent;
}

button.NotificationsTable-module__closeSelection--96LEC {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;

  padding: 0 0 0 var(--space-6px);
}

.NotificationsTable-module__selectAll--RXdAN {
  padding-left: var(--space-8px);

  border-radius: 0;
}

.NotificationsTable-module__selectAll--RXdAN:hover::before {
  display: none;
}

.NotificationsTable-module__selectAll--RXdAN::before {
  width: 0;
  height: 70%;
  margin: 0 auto;

  position: absolute;
  right: 0;
  border-right: 1px solid var(--grey-400);
  content: '';
}

.NotificationsTable-module__editSelected--sp-b3 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;

  margin-left: -2px; /* need exact spacing here to overlap with the separator */
}

.NotificationsTable-module__modal--Pc4k8 {
  width: var(--space-640px);
  height: var(--space-512px);
  padding: var(--space-32px);

  display: flex;

  flex-direction: column;
}

.NotificationsTable-module__modalContent--Sz269 {
  flex: 1;
}

table.NotificationsTable-module__table--ilAw6 thead tr th {
  padding: var(--space-8px) var(--space-32px);
}

table.NotificationsTable-module__table--ilAw6 tbody tr:first-child td {
  padding-top: var(--space-24px);
}

table.NotificationsTable-module__table--ilAw6 tbody tr:last-child td {
  padding-bottom: var(--space-24px);
}

table.NotificationsTable-module__table--ilAw6 tbody tr td {
  padding: 0;

  border: hidden;
  vertical-align: top;
}

table.NotificationsTable-module__table--ilAw6 tbody tr td ul li {
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);

  padding: 0;
}
.Notifications-module__pageTitle--7JodU {
  display: flex;

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

.Notifications-module__pill--BMvCr {
  display: flex;
  gap: var(--base-space);
}

.Notifications-module__pillText--GP8Ry {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
}

.Notifications-module__content--OtSZ7 {
  flex: 1;
}

.Notifications-module__infoIcon--JV9aa {
  color: var(--icon-default);
}
.SpansPercentage-module__description--266ur {
  color: var(--text-tertiary);
}

.SpansPercentage-module__header--TAwKU {
  display: flex;

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

.SpansPercentage-module__container--A3uxW {
  display: flex;

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

.SpansPercentage-module__quarterColumn--KaZNb {
  width: 25%;
}

.SpansPercentage-module__spansPercentageContainer--zQGE- {
  display: flex;

  flex-direction: row;
  gap: var(--space-16px);
}

.SpansPercentage-module__labelCaption2--IsVyR {
  font-size: var(--text-12px);
  font-weight: 400;
  line-height: var(--space-16px);
}
.NSFUnity-module__content--pxWLl {
  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NSFUnity-module__description--EVai- {
  color: var(--text-secondary);

  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.NSFOnboarding-module__content--v4BcT {
  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NSFOnboarding-module__body--nTxbq {
  color: var(--text-secondary);

  display: flex;

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

.NSFOnboarding-module__intro--MfwO8 {
  color: var(--text-tertiary);
}

.NSFOnboarding-module__body--nTxbq ul {
  margin: 0;
  list-style: none;

  padding: 0;
}

.NSFOnboarding-module__body--nTxbq ul li {
  margin-bottom: var(--space-4px);

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

a {
  font-weight: 500;
}
.NSFEnterpriseDemo-module__container--TFWro {
  display: flex;

  flex-direction: column;
  align-items: start;
  gap: var(--space-24px);
}

.NSFEnterpriseDemo-module__textContainer--8qY36 {
  display: flex;

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

.NSFEnterpriseDemo-module__description--l6RmJ {
  color: var(--text-secondary);
}
.CreateEditDomain-module__description--IPIpF {
  color: var(--text-tertiary);

  margin: var(--space-8px) 0 var(--space-12px);
}

.CreateEditDomain-module__form--nCfgm {
  display: flex;

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

.CreateEditDomain-module__modal---qvnD {
  width: var(--space-840px);
}

.CreateEditDomain-module__formGroup--hoAoa {
  display: flex;

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

.CreateEditDomain-module__test--0Tiw0 {
  color: var(--text-product-secondary);

  cursor: pointer;
}

.CreateEditDomain-module__test--0Tiw0.CreateEditDomain-module__disabled--NnL9O {
  color: var(--text-disabled);

  cursor: not-allowed;
}

.CreateEditDomain-module__submit--UNnp2 {
  margin-top: var(--space-16px);

  align-self: start;
}
.Domains-module__description--qm-MF {
  color: var(--text-tertiary);
}

.Domains-module__container--0JAEL {
  display: flex;

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

.Domains-module__header--E882u {
  display: flex;

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

.Domains-module__title--wARcj {
  margin-bottom: var(--space-8px);
}

.Domains-module__error--JNi7g {
  color: var(--text-negative);
  font-size: var(--text-12px);
}
.NetworkSpansDataDestinationCard-module__card--6bd7V {
  min-width: var(--space-200px);
  height: 64px;
  padding: var(--space-12px) var(--space-8px);

  display: flex;

  align-items: center;

  background-color: var(--background-tertiary);
  border: 1px solid var(--background-tertiary);
  border-radius: 4px;
  gap: 0;
}

[data-theme='light'] .NetworkSpansDataDestinationCard-module__card--6bd7V {
  background-color: var(--background-primary);
  border-color: var(--border-primary);
}

.NetworkSpansDataDestinationCard-module__logo--VCDYe {
  width: 40px;
  height: 40px;
  margin-right: 4px;

  display: flex;

  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}

.NetworkSpansDataDestinationCard-module__logo--VCDYe svg {
  width: 20px;
  height: 21px;
}

.NetworkSpansDataDestinationCard-module__label--LV8cg {
  color: var(--text-primary);
  white-space: nowrap;

  margin-right: 8px;

  flex: 1;
}

.NetworkSpansDataDestinationCard-module__checkmark--qKnaI {
  color: var(--border-success);

  padding-right: 8px;

  display: flex;

  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}

.NetworkSpansDataDestinationCard-module__hazard--LU6uE {
  color: var(--border-warning);

  padding-right: 8px;

  display: flex;

  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.EnableDataDestinationsModal-module__container--6B7GJ {
  display: flex;

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

.EnableDataDestinationsModal-module__description--ilFHF {
  color: var(--text-secondary);
}

.EnableDataDestinationsModal-module__dropdownContainer--Tn4f- {
  position: relative;
  z-index: 10;

  display: flex;

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

.EnableDataDestinationsModal-module__actions--N9sGO {
  margin-top: var(--space-8px);

  display: flex;

  gap: var(--space-12px);
}
.DataDestination-module__container--otF-z {
  display: flex;

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

.DataDestination-module__header--UJTar {
  display: flex;

  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-16px);
}

.DataDestination-module__textContainer--eeUcV {
  display: flex;

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

.DataDestination-module__description--NhGAI {
  color: var(--text-tertiary);
}

.DataDestination-module__enableButton--B8lvg {
  color: var(--text-tertiary);

  width: 240px;
  height: 64px;
  padding: var(--space-20px);

  border-radius: 4px;
  gap: var(--space-16px);
}

.DataDestination-module__cardRow--Ai-Sr {
  display: flex;

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

.DataDestination-module__modal--Ad3Bc {
  width: 720px;
  max-height: 80vh;

  overflow: visible;
}

.DataDestination-module__error--Pv3ZS {
  color: var(--text-negative);
  font-size: var(--text-12px);
}
.AppsListSelector-module__description--6hXS7 {
  color: var(--text-tertiary);
}

.AppsListSelector-module__header--9yyQ1 {
  display: flex;

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

.AppsListSelector-module__container--4-ecE {
  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.NetworkSpansForwarding-module__container--HMLDt {
  padding: var(--space-32px);

  display: flex;

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

.NetworkSpansForwarding-module__form--ilem- {
  padding-bottom: var(--space-48px);
}

.NetworkSpansForwarding-module__textContainer--JLJS- {
  display: flex;

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

.NetworkSpansForwarding-module__description--LDkfi {
  color: var(--text-tertiary);
}

.NetworkSpansForwarding-module__container--HMLDt button {
  width: auto;

  align-self: flex-start;
}

.NetworkSpansForwarding-module__errorMessage--x1xv9 {
  margin-bottom: var(--space-24px);
}

.NetworkSpansForwarding-module__errorMessage--x1xv9 p {
  margin: 0 0 var(--space-8px) 0;
}

.NetworkSpansForwarding-module__errorMessage--x1xv9 ul {
  margin: 0;
  padding-left: var(--space-24px);
}
.ProjectAccessWarning-module__warningMessage--qxyDO {
  margin-bottom: var(--space-28px);
}
.GroupingRulesTable-module__header--ci77O {
  display: flex;

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

.GroupingRulesTable-module__modal--Kopt5 {
  max-height: 95vh;
  width: 640px;

  overflow: visible;
}

.GroupingRulesTable-module__hoverIcon--ozZV4 {
  color: var(--icon-default);
}

.GroupingRulesTable-module__hoverIcon--ozZV4:hover {
  color: var(--icon-focused);
}

/* We want the arrow icon to only be present if the user hovers over the row where
it is located. */
.GroupingRulesTable-module__arrowIcon--hGdEW {
  visibility: hidden;
}

.GroupingRulesTable-module__networkRulesTable--9TNso {
  max-height: 450px;

  outline: none;
  border: 1px solid var(--border-tertiary);
}

.GroupingRulesTable-module__networkRulesTable--9TNso tr:hover .GroupingRulesTable-module__arrowIcon--hGdEW {
  visibility: visible;
}

.GroupingRulesTable-module__arrows--ff1qU {
  display: flex;
  gap: var(--space-8px);
}

.GroupingRulesTable-module__arrowContainer--hShYw {
  width: 32px;
  height: 32px;

  display: flex;

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

  border-radius: 50%;
}

.GroupingRulesTable-module__arrowContainer--hShYw:hover {
  background-color: var(--background-hover);
}

.GroupingRulesTable-module__rowIcons--ZYTw5 {
  display: flex;

  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.GroupingRulesTable-module__actions--v--kh {
  display: flex;

  justify-content: end;

  gap: var(--space-16px);
}

.GroupingRulesTable-module__clickable--mnt-g {
  color: var(--icon-default);
  cursor: pointer;
}

.GroupingRulesTable-module__clickable--mnt-g:hover {
  color: var(--icon-focused);
}

.GroupingRulesTable-module__onHover--uoy6k {
  display: none;
}

.GroupingRulesTable-module__hoverable--8kIa7:hover .GroupingRulesTable-module__onHover--uoy6k {
  display: inline-block;
}

.GroupingRulesTable-module__disabled--7-TjC {
  color: var(--text-disabled);
}

table tr td.GroupingRulesTable-module__cellIcons--CJBRf {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}
.DataDestinationModal-module__container--6gCD0 {
  display: flex;

  flex-direction: column;
  gap: var(--card-main-spacing);

  justify-content: space-between;
}

.DataDestinationModal-module__mainSection--doVcU {
  display: flex;

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

.DataDestinationModal-module__section--FJXQM {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.DataDestinationModal-module__row--mexPE {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.DataDestinationModal-module__row--mexPE > div {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.DataDestinationModal-module__smallColumn--usqk6 {
  width: 30%;
}

.DataDestinationModal-module__fillColumn--dR-8S {
  flex-grow: 1;
}

.DataDestinationModal-module__description--D65oF {
  color: var(--text-tertiary);

  display: flex;
  gap: var(--card-min-spacing);
}

.DataDestinationModal-module__submitRow--CNbCB {
  margin-top: var(--space-8px);
}

.DataDestinationModal-module__disabled--8KUP- {
  color: var(--text-disabled);
}

.DataDestinationModal-module__infoIcon--uYrhh {
  color: var(--icon-default);
}
.MatchPatternField-module__content--qh0Qu {
  width: 100%;
  padding-top: var(--space-12px);

  display: flex;

  flex-direction: column;
}

.MatchPatternField-module__input--34pC1 {
  font-size: 14px;
  color: var(--text-primary);

  width: 100%;
  padding: var(--space-12px);

  background: none;
  border: none;
  resize: none;
}

.MatchPatternField-module__inputBox--RxMe9 {
  padding: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.MatchPatternField-module__references--Uzz90 {
  padding: var(--space-12px) var(--space-16px) var(--space-12px)
    var(--space-12px);
  margin-bottom: var(--space-12px);

  background-color: var(--background-tertiary);
  border: 1px solid var(--border-primary);
  border-top: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.MatchPatternField-module__error--TgUUt {
  border-color: var(--border-negative);
  border-top-color: var(--border-primary);
}

.MatchPatternField-module__referencesCollapsibleTrigger--T7kiw {
  color: var(--text-primary);

  display: flex;

  justify-content: space-between;
  cursor: pointer;
}

.MatchPatternField-module__patterns--uKBlE {
  margin-top: var(--space-8px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.MatchPatternField-module__pattern--lzI38 {
  padding: var(--space-12px) var(--space-16px);

  display: grid;

  grid-template-columns: 1fr 90px;
  cursor: pointer;
}

.MatchPatternField-module__patternCode--GGz-A {
  color: var(--text-product-secondary);

  display: flex;

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

.MatchPatternField-module__errorText---jEAB {
  color: var(--text-negative);

  padding: var(--space-4px) 0 0 var(--space-8px);
}

.MatchPatternField-module__tooltipContainer--t0xx1 {
  border-bottom: 1px solid var(--border-secondary);
}

.MatchPatternField-module__tooltipContainer--t0xx1,
.MatchPatternField-module__tooltipTrigger--q9IHv {
  display: block;
}

.MatchPatternField-module__tooltipContainer--t0xx1:last-child {
  border-bottom: none;
}
.GroupingRulesForm-module__header--QvW25 {
  display: flex;

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

.GroupingRulesForm-module__description--J6u-p {
  color: var(--text-tertiary);

  margin: var(--space-16px) 0 var(--space-24px);
}

.GroupingRulesForm-module__matchPatternField--N-1bj {
  margin-top: var(--space-12px);
}

.GroupingRulesForm-module__form--Lmh2H {
  display: flex;

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

.GroupingRulesForm-module__testEndpointField--qbJ-b {
  margin-top: var(--space-8px);
}

.GroupingRulesForm-module__test--DpnvT {
  color: var(--text-product-secondary);
}

.GroupingRulesForm-module__test--DpnvT.GroupingRulesForm-module__disabled--3F-Rt {
  color: var(--text-disabled);
}

.GroupingRulesForm-module__submit--m7rrp {
  align-self: start;
}

.GroupingRulesForm-module__infoIcon--P4Zn9 {
  color: var(--icon-default);
}
.ExportRules-module__header--HZ3sn {
  display: flex;
  gap: var(--space-8px);
}

.ExportRules-module__body--u-CBo {
  margin-top: var(--space-16px);

  display: flex;

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

.ExportRules-module__description--P2HyV {
  color: var(--text-tertiary);
}

.ExportRules-module__actions--eqyza {
  display: flex;
  gap: var(--space-16px);
}

.ExportRules-module__infoIcon--hSFTG {
  color: var(--icon-default);
}
.GroupingRules-module__header--10VrT {
  display: flex;

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

.GroupingRules-module__headerActions--8Gi0X {
  display: flex;
  gap: var(--space-16px);

  align-items: center;
}

.GroupingRules-module__subheader--UqohS {
  display: flex;

  gap: var(--space-8px);
}

.GroupingRules-module__modal--q3L3y {
  width: 640px;
}

.GroupingRules-module__exportRulesModalBody--4BdE1 {
  overflow: initial;
}

.GroupingRules-module__table--x8t6- {
  margin-top: var(--space-24px);
}

.GroupingRules-module__infoIcon--YJYAp {
  color: var(--icon-default);
}
.DomainBox-module__row--7yEkw {
  font-size: var(--text-16px);
  color: var(--grey-700);

  width: 50%;
  margin-bottom: var(--space-12px);
  padding-left: 0;

  display: flex;

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

.DomainBox-module__controls---r2jY > * {
  margin-left: var(--space-20px);
}

.DomainBox-module__controls---r2jY i {
  color: var(--grey-100);
}

.DomainBox-module__form--8ClP3 {
  display: flex;

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

.DomainBox-module__buttons---dS8U {
  display: flex;
}

.DomainBox-module__buttons---dS8U > *:last-child {
  margin-left: var(--space-8px);
}
.Domains-module__warningMessage--EgUTR {
  margin-bottom: var(--space-12px);
}

.Domains-module__addButton--L0UWp {
  display: flex;

  align-self: flex-start;
}
.Network-module__container--5rDys {
  display: grid;
  gap: var(--space-20px);
}

.Network-module__row--A1rk8 {
  display: grid;
  gap: var(--space-4px);
}

.Network-module__content--EkILi {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-main);
}
.NDK-module__container--J-c9O {
  display: flex;

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

.NDK-module__container--J-c9O p {
  margin: 0;
}
.JiraFormField-module__explanation--HNI9y {
  color: var(--text-tertiary);
}

.JiraFormField-module__field--1Iw0n {
  display: grid;
  gap: var(--space-4px);
}
.JiraForm-module__container--S11oA,
.JiraForm-module__form--lexdJ {
  display: grid;
  gap: var(--space-20px);
}

.JiraForm-module__field--xNcaX {
  max-width: var(--space-512px);
}

.JiraForm-module__button--aphRG {
  justify-self: left;
}

.JiraForm-module__row--UQDX8 {
  display: grid;
  gap: var(--space-4px);
}

.JiraForm-module__subRow--eZQpi {
  display: grid;
  gap: var(--space-10px);
}

.JiraForm-module__generateDisabled--BYiFV {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.MetronomeEmbedded-module__embedded--lvC3O {
  width: 100%;
  height: 550px;

  border: none;
}
.Invoices-module__content--dvqOZ {
  min-width: 1000px;
  max-width: initial;
}
.DataUsageVersionTable-module__deleteIcon--RXdvO {
  color: var(--text-tertiary);
  cursor: pointer;
}

.DataUsageVersionTable-module__deleteIcon--RXdvO:hover {
  color: var(--text-secondary);
}

.DataUsageVersionTable-module__dataUsageVersionTable--W9LaO tr:not(:last-child, .DataUsageVersionTable-module__expanded--C17X4) {
  border-bottom: none;
}
.DataUsageBackground-module__backgroundSectionHeader--Zq0kF {
  display: flex;

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

.DataUsageBackground-module__backgroundSectionBody--Lp0Js {
  display: grid;
  gap: var(--space-10px);
}

.DataUsageBackground-module__backgroundSectionBody--Lp0Js p {
  color: var(--text-tertiary);
}

.DataUsageBackground-module__infoIcon--0EK6a {
  color: var(--icon-default);
}

.DataUsageBackground-module__button--ndl5v {
  justify-self: left;
}
.DataUsage-module__dropdownContainer--TV0AY {
  max-width: var(--space-512px);

  display: flex;

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

.DataUsage-module__dropdown--hYOv9 {
  flex: 1;
}

.DataUsage-module__container--xSKUu,
.DataUsage-module__form--NSOfp {
  display: grid;
  gap: var(--space-20px);
}

.DataUsage-module__row--KVBjt,
.DataUsage-module__subRow--y-zWI,
.DataUsage-module__toggle--ipO6A {
  display: grid;
  gap: var(--space-4px);
}

.DataUsage-module__toggleRow--vnsIF {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.DataUsage-module__row--KVBjt.DataUsage-module__buttonContainer--I2F6k {
  display: flex;
  grid-auto-flow: column;
}

.DataUsage-module__row--KVBjt.DataUsage-module__webviewContainer--SwvpN,
.DataUsage-module__row--KVBjt.DataUsage-module__buttonContainer--I2F6k {
  gap: var(--space-16px);
}

.DataUsage-module__button--LRKZh {
  justify-self: left;
}

.DataUsage-module__input--SXtAQ {
  max-width: var(--space-512px);
}

.DataUsage-module__error--KVRDa {
  height: 100%;

  display: grid;

  place-content: center;
}

.DataUsage-module__description--HGMoo {
  color: var(--text-tertiary);
}
.DataDestinationOtherForm-module__optionalInput--ZN1l1 {
  display: flex;

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

.DataDestinationOtherForm-module__optionalLabel--I00vB {
  color: var(--text-disabled);

  margin-left: var(--space-16px);
}
.DataDestinationGrafanaCloudForm-module__row--tWV6q {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.DataDestinationGrafanaCloudForm-module__halfColumn--uWYE4 {
  width: 50%;
}
.DataDestinationCard-module__row--nMT6H {
  display: flex;
  gap: var(--card-min-spacing);
}

.DataDestinationCard-module__card--JNW5F {
  width: 292px;
  padding: var(--space-24px);

  display: flex;

  flex-direction: column;
  align-items: flex-start;

  background-color: var(--background-tertiary);
  border: 1px solid var(--background-tertiary);
  border-radius: 4px;
  gap: var(--card-sub-spacing);
}

[data-theme='light'] .DataDestinationCard-module__card--JNW5F {
  background-color: var(--background-primary);
  border-color: var(--border-primary);
}

.DataDestinationCard-module__card--JNW5F.DataDestinationCard-module__editable--GM6xK:hover {
  border: 1px solid var(--border-primary);
  cursor: pointer;
}

[data-theme='light'] .DataDestinationCard-module__card--JNW5F.DataDestinationCard-module__editable--GM6xK:hover {
  border-color: var(--border-content);
}

.DataDestinationCard-module__info--xly7n {
  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.DataDestinationCard-module__editButton--SUQyI {
  padding: 0;
}
.DataDestinations-module__modal--ebGAo {
  width: 840px;
  max-height: 95vh;

  overflow: visible;
}

.DataDestinations-module__container--G1V3i {
  display: flex;

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

.DataDestinations-module__emptyMsg--orz7Y {
  color: var(--text-tertiary);
}

.DataDestinations-module__description--w-9iq {
  color: var(--text-tertiary);
}

.DataDestinations-module__topRow--eeYG1 {
  display: flex;

  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-8px);
}

.DataDestinations-module__cardRow---EM5B {
  display: flex;
  gap: var(--card-sub2-spacing);

  flex-wrap: wrap;
}
.DSYMFileUpload-module__file--c4dN- {
  display: flex;

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

.DSYMFileUpload-module__icon--PGOGM {
  cursor: pointer;
}

.DSYMFileUpload-module__messageContainer--DvdPK {
  display: flex;

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

.DSYMFileUpload-module__messageContent--f4lqf {
  display: flex;

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

.DSYMFileUpload-module__retry--kk-Ax {
  align-self: flex-start;
}

.DSYMFileUpload-module__progressBar--4aV6X {
  width: 100%;
  height: var(--space-10px);

  background-color: var(--grey-800);
  border-radius: var(--space-10px);

  transition: opacity 0.3s;
}

.DSYMFileUpload-module__bar--ml4YX {
  width: 0;
  height: 100%;

  background-color: var(--primary-400);
  border-radius: var(--space-10px);

  transition: width 0.5s;
}
.DSYM-module__icon--4qqID {
  color: var(--icon-default);
  cursor: pointer;
  justify-self: center;

  padding-left: 30px;
}

.DSYM-module__row--HRWld {
  display: flex;

  justify-content: space-between;
}

.DSYM-module__card--9wsvP {
  display: flex;

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

.DSYM-module__draggingBody--sHlfp {
  border: var(--base-space) solid var(--primary-500);
  border-radius: 4px;
}
.CustomMetricsTable-module__table--cRxRR,
.CustomMetricsTable-module__table--cRxRR:not(.CustomMetricsTable-module__infinite--YyfU2) {
  min-height: 300px;

  overflow: initial;
}

.CustomMetricsTable-module__copyRow--tSHHt {
  display: flex;
  gap: var(--base-space);
}

.CustomMetricsTable-module__noWrap--ucHkE {
  white-space: nowrap;
}

.CustomMetricsTable-module__clipboard--M-GFD {
  cursor: pointer;

  color: var(--icon-default);

  margin-left: var(--space-4px);
}
.AppInfoFormDropdown-module__input--4SWv4 {
  max-width: var(--space-512px);

  display: grid;
  gap: var(--space-4px);
}

.AppInfoFormDropdown-module__row--S1d5s {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.AppInfoFormDropdown-module__description--DyG98 {
  color: var(--text-tertiary);
}
.AppInfoForm-module__form--ZuQIq {
  display: grid;
  gap: var(--space-20px);
}

.AppInfoForm-module__submitButton--Q7UOp {
  justify-self: left;
}

.AppInfoForm-module__regionTooltipWrapper--soZBL {
  display: flex;
  gap: var(--space-4px);

  flex-direction: column;
}

.AppInfoForm-module__regionTooltipContent--FtK-f {
  display: ruby;
}
.AppInfo-module__field--ZoXpM {
  max-width: var(--space-512px);

  /* Zero out because Copyable defines a margin-bottom that we want to ignore. */
  margin-bottom: 0;

  display: grid;
  gap: var(--space-4px);
}

.AppInfo-module__container--sX3qS {
  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.App-module__content--OJ64W {
  max-width: var(--content-max-width);

  display: flex;
  overflow-y: auto;

  flex-direction: column;
}

.App-module__tabContent--COjVf {
  overflow-y: auto;

  flex: 1;
}

.App-module__appError--hdknS {
  height: 100%;

  display: grid;

  place-content: center;
}
.APITokens-module__iconContainer--Wprbk {
  display: flex;
  gap: var(--space-4px);

  align-items: center;
}

.APITokens-module__icon--3hlfc {
  color: var(--icon-default);
}

.APITokens-module__container--LBFma {
  display: flex;

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

.APITokens-module__adminWarning--XihzT {
  margin: 0;
}
.API-module__container--euDIo {
  width: 100%;

  display: flex;

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

.API-module__content--rhdR8 {
  flex: 1;
}
/* stylelint-disable no-descending-specificity */
.AppsSubmenu-module__appsSubmenu--9WBIE {
  list-style: none;

  margin: var(--space-12px) 0 var(--space-12px) 0;
  padding-left: var(--space-16px);
}

.AppsSubmenu-module__appsSubmenu--9WBIE .AppsSubmenu-module__menuItem--77Wda {
  padding: var(--space-8px) 0;
}

.AppsSubmenu-module__appsSubmenu--9WBIE .AppsSubmenu-module__active--hw35G {
  background-color: var(--grey-900);
  border-radius: 0 5px 5px 0;
}

.AppsSubmenu-module__appsSubmenu--9WBIE .AppsSubmenu-module__active--hw35G .AppsSubmenu-module__activeBorder--DLCU0 {
  background-color: var(--border-product);
}

.AppsSubmenu-module__appsSubmenu--9WBIE .AppsSubmenu-module__activeBorder--DLCU0 {
  width: 2px;
  margin: 0 var(--space-12px) 0 0;

  display: flex;

  background-color: var(--grey-500);
}

.AppsSubmenu-module__appsSubmenu--9WBIE li:first-child .AppsSubmenu-module__activeBorder--DLCU0 {
  border-top-left-radius: 3px;
}

.AppsSubmenu-module__appsSubmenu--9WBIE li:last-child .AppsSubmenu-module__activeBorder--DLCU0 {
  border-bottom-left-radius: 3px;
}
.LeftMenu-module__title--wE9KU {
  margin-bottom: var(--space-32px);
}

.LeftMenu-module__submenuTitle--h9QsR {
  color: var(--text-tertiary);
  font-size: var(--text-12px);
  letter-spacing: 0.2px;
  line-height: 16px;
}

.LeftMenu-module__submenu--m0-o- {
  list-style: none;

  margin: var(--space-12px) 0 var(--space-24px) 0;
  padding: 0;
}

.LeftMenu-module__submenu--m0-o- a {
  color: var(--text-secondary);

  display: flex;
}

.LeftMenu-module__submenu--m0-o- a.LeftMenu-module__active--TDIfl {
  color: var(--text-primary);
}

.LeftMenu-module__submenu--m0-o- .LeftMenu-module__menuItem--uY888 {
  padding: var(--space-8px) 0;
}

.LeftMenu-module__submenu--m0-o- .LeftMenu-module__active--TDIfl {
  background-color: var(--background-secondary);
  border-radius: 0 5px 5px 0;
}

.LeftMenu-module__submenu--m0-o- .LeftMenu-module__activeBorder--kSS2g {
  width: 2px;
  margin: 0 var(--space-12px) 0 2px;

  display: flex;

  background-color: var(--border-product);
  border-radius: 3px 0 0 3px;
  opacity: 0;
}

.LeftMenu-module__submenu--m0-o- .LeftMenu-module__active--TDIfl .LeftMenu-module__activeBorder--kSS2g {
  opacity: 1;
}

.LeftMenu-module__projectsList--U8-9b {
  --project-item-height: 35px;
  --max-items-visible: 10;

  max-height: calc(var(--project-item-height) * var(--max-items-visible));
  padding-right: var(--space-24px);

  overflow-y: auto;
}

.LeftMenu-module__projectsList--U8-9b::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 9px;
}

.LeftMenu-module__projectsList--U8-9b:hover::-webkit-scrollbar-thumb {
  background-color: var(--border-primary) var(--background-primary);
}
.Settings-module__container--wRUOl {
  --top: var(--global-header-height);
  --bottom: 0;
  --left: var(--space-140px);
  --right: 0;

  height: calc(100vh - var(--top));
  margin: var(--top) var(--right) var(--bottom) var(--left);

  /* using padding-right (internal space) to make the scrollbar position at the right of the page (acting as main scrollbar)  */
  padding-right: var(--space-96px);

  /* using padding-top (internal space) to make the scrollbar position right after the header (acting as main scrollbar) */
  padding-top: var(--space-32px);

  display: flex;
  overflow-y: auto;
  gap: var(--space-24px);
}

.Settings-module__leftMenu--IjdoL {
  max-width: var(--space-256px);
  height: calc(100vh - var(--space-32px) - var(--global-header-height));

  position: sticky;
  top: 0;

  overflow-y: auto;

  flex: 1;
}

.Settings-module__content--e-r0q {
  display: flex;

  flex: 1;
  justify-content: space-around;
}
.SpansReferences-module__container--98XqQ {
  display: flex;

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

  place-content: flex-end;
}
.SpansQuickFilters-module__container--6NpO1 {
  display: flex;
  gap: var(--space-8px);
}

.SpansQuickFilters-module__infoIcon--mUZ6e {
  color: var(--icon-default);
}

.SpansQuickFilters-module__quickFilterButtonActive--lHWdz {
  background-color: var(--background-tertiary);
}

.SpansQuickFilters-module__dropdown--yexW1 {
  min-width: -moz-min-content;
  min-width: min-content;
}

.SpansQuickFilters-module__loading--h13yH {
  min-width: 200px;
}

.SpansQuickFilters-module__loadingSelector--iMFaZ {
  padding: 0;
}

.SpansQuickFilters-module__quickFilterOptionContainer--xHgdD {
  min-width: -moz-max-content;
  min-width: max-content;
}
p,
fieldset {
  margin: 0;
  padding: 0;

  border: none;
}

.SlowSpanThresholdForm-module__form--ix-0F {
  display: grid;
  gap: var(--space-16px);
}

.SlowSpanThresholdForm-module__section--1UQxS {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.SlowSpanThresholdForm-module__toggle--OmZkv {
  align-self: flex-end;
}

.SlowSpanThresholdForm-module__thresholdTitle--n4-d1 {
  flex-grow: 1;
}

.SlowSpanThresholdForm-module__form--ix-0F > * {
  color: var(--text-secondary);
}

.SlowSpanThresholdForm-module__form--ix-0F.SlowSpanThresholdForm-module__disabled--cXiPx .SlowSpanThresholdForm-module__description---GH4k > * {
  color: var(--text-disabled);
}

.SlowSpanThresholdForm-module__suggestionLoadingIndicator--W-Slp {
  padding-block: 0;
  padding-inline: var(--space-4px);
}

.SlowSpanThresholdForm-module__suggestedValue--00JYx {
  display: inline-flex;
  place-items: center;
  gap: var(--space-half-base);
}

.SlowSpanThresholdForm-module__actions--9QWPO {
  display: flex;
  gap: var(--space-8px);

  flex-grow: 0;
  flex-shrink: 1;
}
.SlowSpanThreshold-module__container--vLWJD {
  position: relative;

  display: grid;
  gap: var(--space-16px);
}

.SlowSpanThreshold-module__content--mRQNT {
  width: 412px;
  padding: var(--space-24px);
}

.SlowSpanThreshold-module__trigger--EYdaq {
  border: 0;
}

.SlowSpanThreshold-module__label--3iUt5 {
  color: var(--text-primary);

  display: flex;

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

.SlowSpanThreshold-module__label--3iUt5.SlowSpanThreshold-module__hidden--cM26c {
  opacity: 0;
}

.SlowSpanThreshold-module__icon--pY0ms {
  color: var(--icon-default);

  flex-shrink: 0;
}

.SlowSpanThreshold-module__dismissibleTooltip--TelQM {
  --max-width-content: 360px;
}

.SlowSpanThreshold-module__dismissibleTooltipContent--uB-wT {
  display: grid;
  gap: var(--space-12px);
}

.SlowSpanThreshold-module__actions--NPrSA {
  display: flex;
  gap: var(--space-8px);
}

.SlowSpanThreshold-module__loadingSelector--9IKit {
  padding: 0;

  position: absolute;
  inset: 0;
}
.RootSpanSummaryRowHandler-module__tooltipContent--wIj7Y {
  min-width: 240px;

  display: inline-flex;

  flex-direction: column;
  gap: var(--space-8px);
}
.RootSpanInstanceSummary-module__container--xgSyy {
  width: 100%;
  padding: 0 16px;

  display: flex;

  justify-content: space-between;
  gap: 32px;
}

.RootSpanInstanceSummary-module__summary--5HsUC {
  display: flex;
  gap: 32px;
  -moz-column-rule: var(--border-primary) solid 1px;
       column-rule: var(--border-primary) solid 1px;
}

.RootSpanInstanceSummary-module__summary--5HsUC .RootSpanInstanceSummary-module__section--lIk3P {
  display: flex;

  gap: 32px;
}

.RootSpanInstanceSummary-module__summary--5HsUC .RootSpanInstanceSummary-module__section--lIk3P:not(:last-child)::after {
  width: 1px;

  background: var(--border-primary);
  content: '';
}

.RootSpanInstanceSummary-module__summary--5HsUC .RootSpanInstanceSummary-module__section--lIk3P .RootSpanInstanceSummary-module__item--OpV0J {
  display: flex;

  flex-direction: column;
}

.RootSpanInstanceSummary-module__summary--5HsUC .RootSpanInstanceSummary-module__section--lIk3P .RootSpanInstanceSummary-module__item--OpV0J .RootSpanInstanceSummary-module__title--PBM5- {
  color: var(--text-tertiary);
}

.RootSpanInstanceSummary-module__unsuccessfulTooltipContent--AQ96u {
  display: flex;

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

.RootSpanInstanceSummary-module__unsuccessfulTooltipContent--AQ96u .RootSpanInstanceSummary-module__row--GBwbd {
  display: flex;
  gap: 4px;
}

.RootSpanInstanceSummary-module__summary--5HsUC .RootSpanInstanceSummary-module__section--lIk3P .RootSpanInstanceSummary-module__item--OpV0J .RootSpanInstanceSummary-module__row--GBwbd {
  display: flex;
  gap: 4px;
}

.RootSpanInstanceSummary-module__tooltip--fMz6M {
  color: var(--text-tertiary);
}
.SpanTreeTableRow-module__row--NZKq5 {
  /* Margin for trade off if there is an overflow because of the min trace */
  margin-right: 3px;

  display: grid;

  grid-template-columns: 1fr 5fr;
  cursor: pointer;
}

.SpanTreeTableRow-module__row--NZKq5:hover,
.SpanTreeTableRow-module__row--NZKq5:hover .SpanTreeTableRow-module__cell--WaHLR:last-child::before {
  --dashed: var(--background-tertiary);
  --background-arrow-button: var(--background-tertiary);

  background-color: var(--background-tertiary);
}

.SpanTreeTableRow-module__row--NZKq5.SpanTreeTableRow-module__selected--d-nZz {
  --dashed: var(--primary-1000);
  --background-arrow-button: var(--primary-1000);

  background-color: var(--primary-1000);
}

.SpanTreeTableRow-module__row--NZKq5:first-child .SpanTreeTableRow-module__arrowButton--f8Qgl {
  margin-left: 0;
}
.SpanTreeTableBody-module__body--tGaDc {
  /* 283px: Vertical math for top elements above the top body component */
  max-height: calc(100vh - 283px);

  position: relative;

  overflow: hidden scroll;
}

.SpanTreeTableBody-module__cell--8DgSz {
  --dashed: var(--background-secondary);

  padding: var(--space-8px) 0;

  position: relative;
}

.SpanTreeTableBody-module__cell--8DgSz:first-child {
  min-width: 350px;

  z-index: 1;
  border-right: 1px solid var(--border-secondary);
}

.SpanTreeTableBody-module__cell--8DgSz > span {
  position: relative;
  z-index: 1;
}

.SpanTreeTableBody-module__cell--8DgSz:last-child::after {
  width: 100%;
  height: 1px;

  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  z-index: 0;

  display: block;
  border-bottom: 1px dashed var(--grey-700);
  content: '';
}
.SpanEvents-module__container--7H-H8 {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}

.SpanEvents-module__spanEventsContainer--f1-Mi {
  height: 100%;

  position: relative;

  display: flex;
}

.SpanEvents-module__spanEventContainer--ZQgEy {
  height: 100%;

  position: absolute;

  pointer-events: all;
}

.SpanEvents-module__tooltipContainer--bG-P1 {
  height: 100%;
}

.SpanEvents-module__tooltipTrigger--JSfOA {
  width: 10px;
  height: 100%;
}

.SpanEvents-module__spanEvent--ytBa6 {
  width: 1px;
  height: 100%;

  background: var(--border-content);
  cursor: pointer;
}

.SpanEvents-module__spanContent--Jh36T {
  display: flex;
  gap: var(--space-8px);

  flex-direction: column;
  align-items: flex-start;
}

.SpanEvents-module__spanContentTitle--eKISF {
  color: var(--text-secondary);
}

.SpanEvents-module__spanContentValue--4vxZG {
  color: var(--text-primary);
}
.Span-module__span--tJ-2t {
  min-width: 3px;
  height: 5px;

  position: absolute;
  top: calc(50% - 3px);
  z-index: 1;

  display: flex;

  align-items: center;
}

.Span-module__spanValueRight--HKEW6 {
  white-space: nowrap;

  position: absolute;
  right: 0;
  transform: translateX(calc(100% + 8px));
}

.Span-module__spanValueLeft--LdD5- {
  white-space: nowrap;

  position: absolute;
  left: 0;
  transform: translateX(calc(-100% - 8px));
}

.Span-module__hidden--UdC7v {
  display: none;
}
.ColumnResizer-module__resizer--0lOnB {
  width: 10px;
  height: 100%;

  position: absolute;
  top: 0;
  right: -5px;

  display: flex;

  justify-content: center;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
  opacity: 0;
}

.ColumnResizer-module__tooltipContainer--Nn6X3,
.ColumnResizer-module__tooltipTrigger--tsmN6 {
  width: 10px;
  height: 100%;

  position: absolute;
  right: -5px;
  top: 0;
}

.ColumnResizer-module__resizer--0lOnB.ColumnResizer-module__isResizing--XX17w {
  opacity: 1;
}

.ColumnResizer-module__resizer--0lOnB.ColumnResizer-module__insideTrigger--1oN63 {
  right: 5px;
}

.ColumnResizer-module__indicator--YyJci {
  width: 2px;
  height: 100%;

  background: var(--border-primary);
}

.ColumnResizer-module__resizer--0lOnB:hover {
  opacity: 1;
}

*:hover > .ColumnResizer-module__resizer--0lOnB {
  opacity: 1;
}
/* stylelint-disable no-descending-specificity */
.SpanTree-module__container--wbojo {
  --background-arrow-button: var(--background-secondary);
  font-size: var(--text-14px);

  /* Arbitrary number to match the design based on Macbook resolution (which doesn't introduce extra horizontal scroll) */
  min-width: 768px;

  overflow: hidden;
}

.SpanTree-module__header--gk1D1 .SpanTree-module__row--CjCrV:hover {
  background-color: transparent;
}

.SpanTree-module__head--L7zax {
  text-align: left;

  min-width: 350px;
  max-height: 52px;

  position: relative;
  border-bottom: 1px solid var(--grey-700);
}

.SpanTree-module__head--L7zax > .SpanTree-module__left--YzOpY {
  font-size: var(--text-16px);

  height: 52px;
  margin: 0 var(--space-16px);

  display: flex;

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

.SpanTree-module__leftCta--G8uGl {
  display: flex;
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- {
  font-size: var(--text-10px);

  height: 100%;

  position: relative;

  display: flex;

  align-items: flex-end;
}

.SpanTree-module__right--g1zg-.SpanTree-module__resizable--psEhn {
  margin-left: var(--space-16px);
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span {
  /* This variable will be overwritten by the inline style */
  --to-left: 0;
  white-space: nowrap;

  position: absolute;
  bottom: var(--space-half-base);
  left: var(--to-left);
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span:last-child {
  transform: translateX(calc(-100% - 4px));
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span:first-child::after,
.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span:last-child::after {
  display: none;
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span::after {
  width: 1px;
  height: 100vh;

  position: absolute;

  display: block;
  border-left: 1px dashed var(--grey-700);
  content: '';
  transform: translateX(1px);
}

.SpanTree-module__head--L7zax > .SpanTree-module__right--g1zg- > span:not(:last-child, :first-child) > span {
  left: -50%;
  position: relative;
}

.SpanTree-module__head--L7zax:first-child {
  z-index: 1;
}

.SpanTree-module__head--L7zax.SpanTree-module__resizable--psEhn {
  border-right: 1px solid var(--border-secondary);
}

.SpanTree-module__spanLeftRow--7JZW5 {
  margin: 0 var(--space-8px);

  display: flex;
  overflow-x: clip;
}

.SpanTree-module__spanLeftRowMargin--vVtA4 {
  margin-left: var(--space-16px);
}

.SpanTree-module__spanRowDurationMargin--yx4gb {
  margin-right: var(--space-56px);
}

.SpanTree-module__spanNameContainer--bqMgx {
  width: 100%;

  display: flex;
  overflow-x: inherit;

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

.SpanTree-module__spanNameContainer--bqMgx .SpanTree-module__tooltipContainer--x-Dxx,
.SpanTree-module__spanNameContainer--bqMgx .SpanTree-module__tooltipTrigger--kpMon {
  overflow-x: inherit;
}

hr.SpanTree-module__spanStatus--uMkO- {
  min-width: 5px;
  min-height: 20px;
  margin: 0;

  border: 0;
}

.SpanTree-module__spanName--ziYrW {
  width: 100%;

  display: flex;
  overflow-x: inherit;

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

.SpanTree-module__spanLabel--gCWS6 {
  white-space: nowrap;

  overflow-x: inherit;
  text-overflow: ellipsis;
}

.SpanTree-module__spanDuration--cRNyY {
  white-space: nowrap;

  display: flex;

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

.SpanTree-module__arrowButton--YPvk4 {
  margin-right: 6px;

  position: relative;

  display: flex;
}

.SpanTree-module__arrowButton--YPvk4.SpanTree-module__nested--huiyF {
  position: absolute;

  background-color: var(--grey-900);
}

.SpanTree-module__arrowButton--YPvk4.SpanTree-module__nested--huiyF.SpanTree-module__selected--RUYyH {
  background-color: var(--primary-1000);
}

.SpanTree-module__bodyRow--HOvWw:hover .SpanTree-module__arrowButton--YPvk4.SpanTree-module__nested--huiyF:not(.SpanTree-module__selected--RUYyH) {
  background-color: var(--background-tertiary);
}

.SpanTree-module__arrow--j5GtV {
  display: flex;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.SpanTree-module__arrow--j5GtV.SpanTree-module__expanded--ADb7a {
  transform: rotate(90deg);
}

.SpanTree-module__arrow--j5GtV svg {
  stroke-width: 2;
}

.SpanTree-module__treeLines--SGpE- {
  max-height: 20px;
  margin-left: 26px;

  position: relative;

  display: flex;
}

hr.SpanTree-module__treeLine--zF7n5 {
  width: 1px;
  height: 36px;
  margin: 0 15px 0 2px;

  display: inline-block;

  background-color: var(--border-primary);
  border: 0;
  transform: translateY(-16px);
}
.ExpandedRootSpanInstanceRow-module__container--quply {
  display: flex;

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

.ExpandedRootSpanInstanceRow-module__error--XyRzI {
  text-align: center;

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

.ExpandedRootSpanInstanceRow-module__spanTree--siHTp {
  padding-right: var(--base-space);
  min-width: 1138px;
}

.ExpandedRootSpanInstanceRow-module__spanTreeBody--1vfyB {
  border-right: 1px solid var(--border-secondary);
}

.ExpandedRootSpanInstanceRow-module__footer--kcVpK {
  color: var(--text-tertiary);

  display: flex;

  align-self: end;
  gap: 4px;
}

.ExpandedRootSpanInstanceRow-module__footer--kcVpK .ExpandedRootSpanInstanceRow-module__link--cHt-Z {
  color: var(--text-product-secondary);
}
.RootSpanSummaryTable-module__table--XWnEB {
  /* 330px is the height of the top elements + margins + paddings */

  /* max-height: calc(100vh - 330px); */
}

.RootSpanSummaryTable-module__linkIcon--NgTyf {
  color: var(--grey-100);

  display: grid;

  place-content: end;
}

.RootSpanSummaryTable-module__linkIcon--NgTyf .RootSpanSummaryTable-module__timelineIcon--zF7mC {
  background: var(--grey-900);
}

.RootSpanSummaryTable-module__linkIcon--NgTyf .RootSpanSummaryTable-module__detailsIcon--XuCIP {
  visibility: hidden;

  background: var(--grey-900);
}

.RootSpanSummaryTable-module__linkIcon--NgTyf.RootSpanSummaryTable-module__linkIconExpanded--fH-JG .RootSpanSummaryTable-module__detailsIcon--XuCIP,
.RootSpanSummaryTable-module__linkIcon--NgTyf.RootSpanSummaryTable-module__linkIconExpanded--fH-JG .RootSpanSummaryTable-module__timelineIcon--zF7mC {
  visibility: visible;

  background: var(--background-tertiary);
}

.RootSpanSummaryTable-module__table--XWnEB tr:hover .RootSpanSummaryTable-module__linkIcon--NgTyf .RootSpanSummaryTable-module__timelineIcon--zF7mC,
.RootSpanSummaryTable-module__table--XWnEB tr:hover .RootSpanSummaryTable-module__linkIcon--NgTyf .RootSpanSummaryTable-module__detailsIcon--XuCIP {
  background: var(--color-table-primary-row-hovered);
}

.RootSpanSummaryTable-module__table--XWnEB tr:hover .RootSpanSummaryTable-module__linkIcon--NgTyf .RootSpanSummaryTable-module__detailsIcon--XuCIP {
  visibility: visible;
}

.RootSpanSummaryTable-module__table--XWnEB tr:hover .RootSpanSummaryTable-module__linkIcon--NgTyf.RootSpanSummaryTable-module__linkIconExpanded--fH-JG .RootSpanSummaryTable-module__timelineIcon--zF7mC,
.RootSpanSummaryTable-module__table--XWnEB tr:hover .RootSpanSummaryTable-module__linkIcon--NgTyf.RootSpanSummaryTable-module__linkIconExpanded--fH-JG .RootSpanSummaryTable-module__detailsIcon--XuCIP {
  visibility: visible;

  background: var(--background-tertiary);
}

.RootSpanSummaryTable-module__table--XWnEB tr td {
  white-space: nowrap;
}

.RootSpanSummaryTable-module__spanIdCell--xL4CN {
  min-width: 300px;
}

.RootSpanSummaryTable-module__outcome--SZLdm {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.RootSpanSummaryTable-module__dot--VK8uK {
  width: 8px;
  height: 8px;

  position: relative;

  border-radius: 50%;
}

.RootSpanSummaryTable-module__statusHeaderContainer--2xy25 {
  display: flex;

  flex-direction: column;
  gap: var(--base-space);

  align-items: flex-start;

  cursor: pointer;
}

.RootSpanSummaryTable-module__statusHeader--7w6AE {
  display: flex;
  gap: var(--base-space);

  align-items: center;
}

.RootSpanSummaryTable-module__statusHeaderOrder--fvreU {
  color: var(--text-tertiary);
}

.RootSpanSummaryTable-module__statusSorting--t-Ujq {
  display: flex;
}

.RootSpanSummaryTable-module__statusSortingList--85qPD {
  display: grid;
}

table tr .RootSpanSummaryTable-module__handlerContainer--IEOyr {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: 0;
  z-index: 1;
}

table tr th.RootSpanSummaryTable-module__handlerContainer--IEOyr {
  right: -120px;
}

table tr td.RootSpanSummaryTable-module__handlerContainer--IEOyr::after {
  width: 20px;

  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  content: '';

  background: var(--row-background-color);
}
.RootSpansSummary-module__container---C6Fv,
.RootSpansSummary-module__section--sB28U {
  display: flex;

  flex-direction: column;
}

.RootSpansSummary-module__section--sB28U {
  margin-top: var(--section-spacing-main);
}

.RootSpansSummary-module__section--sB28U > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.RootSpansSummary-module__section--sB28U > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}

.RootSpansSummary-module__filtersContainer--pi-aa {
  display: flex;

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

.RootSpansSummary-module__subtitle--Dzu2x {
  color: var(--text-tertiary);
}

.RootSpansSummary-module__toolbar--Z84sE {
  display: grid;

  align-items: center;
  grid-auto-flow: column;
  gap: var(--space-8px);
}

.RootSpansSummary-module__spanReferences--s2wmr {
  margin-left: auto;
}

.RootSpansSummary-module__rootSpanSummaryToolbarContainer--v1w3F {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: 1fr max-content;
  -moz-column-gap: var(--space-20px);
       column-gap: var(--space-20px);
}

.RootSpansSummary-module__ellipsis--S0ZAy {
  white-space: nowrap;

  max-width: 700px;
  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.SidebarDetailsKeyValue-module__container--8KFiX {
  max-width: calc(var(--space-386px) - var(--space-8px) * 6);

  display: grid;

  grid-template-columns: 40% 60%;
  gap: var(--space-8px);
}

.SidebarDetailsKeyValue-module__key--kIzWb,
.SidebarDetailsKeyValue-module__value--sYRpa {
  overflow-x: inherit;
  text-overflow: ellipsis;
}

.SidebarDetailsKeyValue-module__heading--noCwC {
  color: var(--text-tertiary);
}

.SidebarDetailsKeyValue-module__value--sYRpa {
  text-align: left;
}

.SidebarDetailsKeyValue-module__tooltipContainer--GRnVS {
  width: auto;

  overflow-x: clip;

  justify-content: flex-start;
}

.SidebarDetailsKeyValue-module__tooltipTrigger--I-5LP {
  cursor: pointer;

  overflow-x: inherit;
}

.SidebarDetailsKeyValue-module__tooltipTrigger--I-5LP > .SidebarDetailsKeyValue-module__value--sYRpa {
  white-space: nowrap;

  overflow-x: inherit;
  text-overflow: ellipsis;
}

.SidebarDetailsKeyValue-module__showAll--BxfUT {
  color: var(--text-product-secondary);
  cursor: pointer;

  margin-top: var(--space-8px);
}
.SidebarDetailsItem-module__container--EFeuM {
  display: grid;
  gap: var(--space-8px);

  grid-template-columns: 30% auto;
  align-items: center;
}

.SidebarDetailsItem-module__label--doBhW,
.SidebarDetailsItem-module__value--3zEvK {
  color: var(--text-tertiary);

  margin: 0;
}

.SidebarDetailsItem-module__value--3zEvK {
  color: var(--text-primary);
  text-align: left;
}

.SidebarDetailsItem-module__tooltipContainer--Q63RB {
  width: var(--space-192px);

  overflow-x: clip;

  justify-content: flex-start;
}

.SidebarDetailsItem-module__tooltipTrigger--G-Ofl {
  cursor: pointer;

  overflow-x: inherit;
}

.SidebarDetailsItem-module__tooltipTrigger--G-Ofl > .SidebarDetailsItem-module__value--3zEvK {
  white-space: nowrap;

  overflow-x: inherit;
  text-overflow: ellipsis;
}
.SidebarDetails-module__container--wgwAl {
  padding: 0 var(--space-20px);
}

.SidebarDetails-module__details--SZX-K {
  padding: var(--space-20px) 0;

  display: grid;
  align-content: flex-start;
  gap: var(--space-16px);
}

.SidebarDetails-module__details--SZX-K.SidebarDetails-module__button--wEV2d {
  padding: var(--space-20px);

  display: inline-block;
}

.SidebarDetails-module__details--SZX-K:nth-child(n + 3) {
  border-top: 1px solid var(--grey-700);
}

.SidebarDetails-module__collapsibleTitle--eDt8x {
  color: var(--grey-100);

  display: inline-flex;

  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.SidebarDetails-module__detailsContent--U-hAp {
  --content-width: 230px;

  display: grid;
  gap: var(--space-12px);
}

.SidebarDetails-module__eventsContent--MyFUN {
  margin-bottom: var(--space-18px);
}

.SidebarDetails-module__showAllEvents--Akgoj {
  color: var(--text-product-secondary);
  cursor: pointer;
}
.Filters-module__networkSpansCalloutActions--gWXrg {
  display: flex;
  gap: var(--space-8px);
}

.Filters-module__container--Zxo-p {
  height: -moz-fit-content;
  height: fit-content;

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

.Filters-module__filterButton--InRZw {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.Filters-module__dropdown--si8YE {
  min-width: auto;
}

.Filters-module__callout--49oVq li::before {
  top: 8px;
}
.NetworkSpanTooltip-module__container--Cpyaz {
  display: flex;

  flex-direction: column;

  gap: 8px;
}

.NetworkSpanTooltip-module__body--4ksoQ {
  display: flex;

  flex-direction: column;

  gap: 4px;
}

.NetworkSpanTooltip-module__name--mUqGs {
  display: flex;

  align-items: start;

  gap: 8px;
}

.NetworkSpanTooltip-module__title--wCWdv {
  color: var(--grey-200);
}
.NetworkSpanName-module__row--9FOr6 {
  width: 100%;

  display: flex;

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

.NetworkSpanName-module__icon--pDG3D,
.NetworkSpanName-module__code--RJn2A {
  flex-shrink: 0;
}

.NetworkSpanName-module__tooltipContainer--efoYi,
.NetworkSpanName-module__tooltipTrigger--5xrN2 {
  text-wrap: nowrap;

  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.NetworkSpanName-module__networkSpansCalloutActions--ObrEZ {
  display: flex;
  gap: var(--space-8px);
}
.SpansWithDetails-module__container--sr5gR {
  max-height: calc(100vh - 230px);
}

.SpansWithDetails-module__content--DpzQh {
  min-height: calc(100vh - 230px);
}

.SpansWithDetails-module__sidebar--oCYWh {
  border-top: solid 1px var(--border-secondary);
}

.SpansWithDetails-module__spanTreeHeader--MdRaM {
  border-top: solid 1px var(--border-secondary);

  background: var(--grey-900);
}
.RootSpansDetails-module__container--AIj0L {
  display: flex;

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

.RootSpansDetails-module__subheadingSection--SzwlG {
  display: flex;

  flex-direction: row;
  justify-content: space-between;
  gap: var(--space-16px);
}

.RootSpansDetails-module__subtitle--Vpjdx {
  color: var(--text-tertiary);
}

.RootSpansDetails-module__backlink--y-S6X {
  color: var(--text-product-secondary);

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

.RootSpansDetails-module__empty--9UfOT {
  height: 250px;

  display: grid;

  place-content: center;
}
.DurationComparisonVersionsSelector-module__container--phf-g {
  padding: var(--space-12px) var(--space-16px);

  display: flex;

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

.DurationComparisonVersionsSelector-module__dropdown--Vs0sd {
  width: 200px;
}

.DurationComparisonVersionsSelector-module__version--hPCTW {
  display: flex;

  align-items: center;
  gap: var(--base-space);
}
.DurationComparisonHeader-module__trigger--VxoBO {
  display: flex;

  flex-direction: column;
}

.DurationComparisonHeader-module__title--8Qdi4 {
  color: var(--text-secondary);

  display: flex;

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

.DurationComparisonHeader-module__subtitle--tuMIh {
  color: var(--text-tertiary);
  text-align: left;
}

.DurationComparisonHeader-module__calloutActions--bn2ZI {
  display: flex;
  gap: var(--space-8px);
}
.DurationComparisonCell-module__difference--LI-P6 {
  display: flex;

  align-items: center;
}

.DurationComparisonCell-module__slower--p0n1I {
  color: var(--text-negative);
}

.DurationComparisonCell-module__faster---YUYB {
  color: var(--text-success);
}

.DurationComparisonCell-module__container--bROwO {
  width: 248px;

  display: flex;

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

.DurationComparisonCell-module__comparison--hpDsn {
  display: flex;

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

.DurationComparisonCell-module__row--YLxxH {
  display: flex;

  justify-content: space-between;
}

.DurationComparisonCell-module__separator--4303- {
  width: 100%;
  height: 1px;

  background-color: var(--border-primary);
}
.RootSpansTable-module__tableContainer--olaey {
  overflow: auto;

  border-radius: 4px;
  outline: 1px solid var(--grey-800);
}

.RootSpansTable-module__linkIcon--pod-P {
  visibility: hidden;
}

.RootSpansTable-module__table--71qeo tr:hover .RootSpansTable-module__linkIcon--pod-P {
  visibility: visible;
}

.RootSpansTable-module__table--71qeo td {
  white-space: nowrap;
}

.RootSpansTable-module__emptyContainer--cl9Jp {
  min-height: 224px;

  display: flex;

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

.RootSpansTable-module__userAbandonSegment--Nzb9G {
  color: var(--grey-1000);
}

.RootSpansTable-module__table--71qeo th.RootSpansTable-module__durationComparisonCell--7sf4z {
  padding-top: var(--space-12px);
  padding-bottom: var(--space-12px);
}

.RootSpansTable-module__table--71qeo td.RootSpansTable-module__rowActionsCell--GxPIY {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);

  position: sticky;
  right: 0;
  z-index: 1;
}

.RootSpansTable-module__table--71qeo tr:hover td.RootSpansTable-module__rowActionsCell--GxPIY {
  background-color: var(--row-background-color);
}

.RootSpansTable-module__spanTooltip--ksvxh {
  max-width: 500px;
}

.RootSpansTable-module__rootSpanName--QDVF5 {
  max-width: 400px;
}

.RootSpansTable-module__ellipsis--0g7Fy {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

.RootSpansTable-module__actions---ftqa {
  display: flex;
  gap: var(--space-8px);
}
.RootSpanMetricsGraph-module__container--88S76 {
  height: 100%;

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-16px);
}

.RootSpanMetricsGraph-module__empty--LFiAo {
  display: flex;

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

.RootSpanMetricsGraph-module__title--muFjM {
  display: flex;
  gap: var(--space-8px);
}

.RootSpanMetricsGraph-module__infoIcon--nkYpC {
  color: var(--icon-default);
}

.RootSpanMetricsGraph-module__empty--LFiAo,
.RootSpanMetricsGraph-module__error--A6zL0,
.RootSpanMetricsGraph-module__loading--qG-by {
  /* Matches non-empty state */
  min-height: 192px;
}

.RootSpanMetricsGraph-module__error--A6zL0,
.RootSpanMetricsGraph-module__loading--qG-by {
  display: grid;

  justify-content: center;
  align-items: center;
}
.RootSpansMetrics-module__container--NLguV {
  margin-bottom: var(--section-spacing-main);

  display: grid;

  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-16px);
}
.RootSpans-module__container--LEYmk,
.RootSpans-module__section--zxCwR {
  display: flex;

  flex-direction: column;
}

.RootSpans-module__section--zxCwR > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.RootSpans-module__section--zxCwR > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}

.RootSpans-module__header--3IN1Q {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.RootSpans-module__glossaryTooltipContent--uMBZz {
  min-width: 400px;
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ {
  display: flex;
  gap: var(--space-4px);

  flex-direction: column;
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ ul {
  font-size: var(--text-14px);

  margin: 0 0 var(--space-12px) var(--space-24px);
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ ul li {
  line-height: 16px;

  display: list-item;
  list-style-type: initial;
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ ul li::before {
  display: none;
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ ul li b {
  font-weight: bold;
}

.RootSpans-module__glossaryTooltipWrapper--xa5aJ a {
  font-weight: bold;
}
.SendFeedbackModal-module__trigger--Kbzh5 {
  display: flex;
  gap: var(--space-half-base);
}

.SendFeedbackModal-module__link---0yNc {
  color: var(--text-product-secondary);
}

.SendFeedbackModal-module__content--tPlwR {
  width: 600px;

  display: flex;

  align-items: start;
  flex-direction: column;
  gap: var(--space-16px);
}
.IssuesListRowContainer-module__row--YiCBN {
  padding: var(--space-10px) var(--space-20px);

  display: grid;

  grid-template-areas: 'arrow type total-issues affected-users affected-sessions see-all';
  grid-template-columns:
    24px minmax(238px, 1fr) minmax(238px, 1fr) minmax(238px, 1fr)
    minmax(238px, 1fr) minmax(min-content, 2fr);
  align-items: center;
}
.IssuesListComparisonTable-module__container--AkoOl {
  padding: var(--section-spacing-sub);
}

.IssuesListComparisonTable-module__trigger--WPlrM,
.IssuesListComparisonTable-module__trigger--WPlrM > div {
  max-width: 100%;
}

.IssuesListComparisonTable-module__textWrapped--rsXnK {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;
}

.IssuesListComparisonTable-module__issueName--qBzyZ {
  color: var(--text-primary);
}

.IssuesListComparisonTable-module__issueDescription--VGSPP {
  color: var(--text-secondary);
}

.IssuesListComparisonTable-module__affectedUsersHeader--jWM8a {
  text-align: left;

  max-width: 100%;

  overflow: hidden;
}

.IssuesListComparisonTable-module__affectedUsersHeader--jWM8a > * {
  white-space: nowrap;

  max-width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

.IssuesListComparisonTable-module__firstGroupName--xTyA3 {
  color: var(--text-tertiary);
}

.IssuesListComparisonTable-module__table--UA--6 {
  max-height: 400px;
}

.IssuesListComparisonTable-module__table--UA--6.IssuesListComparisonTable-module__table--UA--6 tr th {
  padding: var(--space-18px) 0 var(--space-18px) var(--space-18px);
}

.IssuesListComparisonTable-module__issueHeader--CfPI5 {
  margin-bottom: var(--space-4px);

  display: flex;

  align-items: center;
}

.IssuesListComparisonTable-module__statusPill--oel9z {
  margin-right: var(--space-8px);

  flex-shrink: 0;
}
.IssueSearchBar-module__container---LlOh {
  padding: var(--space-16px) var(--section-spacing-sub) 0;
  width: 100%;
}

.IssueSearchBar-module__inputBox--39bp7 {
  height: var(--space-36px);

  /* override height to match the quick issues filter dropdown */
  min-height: var(--space-36px);
}

.IssueSearchBar-module__inputBox--39bp7 > input {
  font-size: var(--text-14px);
}
.QuickIssuesFilter-module__container--D3f5w {
  margin-top: var(--space-16px);
  margin-left: var(--space-16px);

  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.QuickIssuesFilter-module__infoIcon--3Xv6I {
  color: var(--icon-default);

  width: 16px;
  height: 16px;
}

.QuickIssuesFilter-module__tooltipList--wjUT1 {
  margin: 0;
  padding-left: 20px;

  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
  list-style-type: disc;
}

.QuickIssuesFilter-module__tooltipContent--ODISQ {
  width: 229px;
  padding: 16px;
  box-sizing: border-box;

  border-width: 1px;
  border-radius: 4px;
}
.AffectedMetricDifference-module__container--SmaLp {
  min-width: 200px;

  display: grid;

  grid-template-columns: 1fr 1fr;
  row-gap: var(--base-space);
}

.AffectedMetricDifference-module__title--IzB4s {
  margin-bottom: var(--base-space);

  grid-column: span 2;
}

.AffectedMetricDifference-module__separator--i9jQz {
  margin: var(--base-space) 0;
  height: 1px;

  grid-column: span 2;

  background-color: var(--border-primary);
}

.AffectedMetricDifference-module__negative--QkDhK {
  color: var(--text-negative);
}

.AffectedMetricDifference-module__positive--jPOx5 {
  color: var(--text-success);
}

.AffectedMetricDifference-module__value--2VbQP {
  text-align: right;
}

.AffectedMetricDifference-module__loadingIndicator--MmQBH {
  padding: 0 var(--space-24px);

  grid-column: span 2;
  align-items: center;
}
.IssuesListRow-module__card--D2hEg {
  padding: var(--space-20px);
}

.IssuesListRow-module__row--48Lzt {
  padding: 0;
  cursor: pointer;
}

.IssuesListRow-module__arrow--Gd4nl {
  grid-area: arrow;

  display: flex;

  align-items: center;
}

.IssuesListRow-module__type--qvJ-t {
  grid-area: type;

  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.IssuesListRow-module__affectedUsers--84iJ- {
  margin-right: var(--space-24px);
  grid-area: affected-users;
  border-right: 1px solid var(--border-primary);
}

.IssuesListRow-module__affectedSessions--dySwJ {
  grid-area: affected-sessions;
}

.IssuesListRow-module__totalIssues--gFvGi {
  margin-right: var(--space-24px);

  grid-area: total-issues;
  border-right: 1px solid var(--border-primary);
}

.IssuesListRow-module__affectedUsers--84iJ-,
.IssuesListRow-module__affectedSessions--dySwJ,
.IssuesListRow-module__totalIssues--gFvGi {
  height: 24px;

  display: grid;

  align-items: center;
  grid-template-columns: 110px 1fr;
}

.IssuesListRow-module__cta--6YBY6 {
  color: var(--text-product-secondary);

  padding-right: var(--space-20px);

  display: flex;

  justify-content: flex-end;

  grid-area: see-all;
}

.IssuesListRow-module__loadingIndicator--MrVUo {
  padding: 0;

  justify-content: center;
  grid-column: span 2;
  align-items: center;
}

.IssuesListRow-module__disabled--qxrvM {
  color: var(--text-disabled);
}

.IssuesListRow-module__submittingFeedbackLoadingIndicator--ZBews {
  padding: 0;
  padding-right: var(--space-16px);

  align-items: flex-end;
}

.IssuesListRow-module__filterContainer--0jtIp {
  display: flex;
  gap: var(--space-8px);
}
.IssuesListHeader-module__type--nY2FE {
  grid-area: type;

  color: var(--text-secondary);
}

.IssuesListHeader-module__header--Lwtza {
  background-color: var(--background-tertiary);
  border-radius: 4px;
}

.IssuesListHeader-module__sticky--vxX4K {
  position: sticky;
  top: -32px;
  z-index: var(--header-z-index);
}

.IssuesListHeader-module__affectedUsers--SyfDg {
  grid-area: affected-users;
}

.IssuesListHeader-module__affectedSessions--E5A0M {
  grid-area: affected-sessions;
}

.IssuesListHeader-module__totalIssues--eRgky {
  grid-area: total-issues;
}

.IssuesListHeader-module__affectedSessions--E5A0M,
.IssuesListHeader-module__affectedUsers--SyfDg,
.IssuesListHeader-module__totalIssues--eRgky {
  padding-right: var(--space-24px);

  display: grid;

  grid-template-columns: 110px 1fr;
}

.IssuesListHeader-module__title--nyzC2 {
  color: var(--text-secondary);

  grid-column: span 2;
}

.IssuesListHeader-module__subtitle--Qv2cf {
  color: var(--text-tertiary);
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}
.IssueListRowFetch-module__card--ufM5q {
  height: var(--space-68px);
}

.IssueListRowFetch-module__spinner--I6w6c {
  padding: 0;
}

.IssueListRowFetch-module__icon--oWaL2 {
  color: var(--icon-negative);
}

.IssueListRowFetch-module__error--C-dh5 {
  display: grid;

  grid-template-areas: 'empty icon . message';
  grid-template-columns: 24px auto 8px auto;
  justify-content: start;
}

.IssueListRowFetch-module__error--C-dh5 .IssueListRowFetch-module__icon--oWaL2 {
  grid-area: icon;
}

.IssueListRowFetch-module__error--C-dh5 .IssueListRowFetch-module__message--fA5pG {
  grid-area: message;
}
.IssueListRowEmpty-module__card--Q-ZhA {
  padding: var(--space-20px);
}

.IssueListRowEmpty-module__row--iNvcX {
  padding: 0;
}

.IssueListRowEmpty-module__arrow--Z-ETW {
  grid-area: arrow;

  display: flex;

  align-items: center;
}

.IssueListRowEmpty-module__type--BhioZ {
  grid-area: type;

  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.IssueListRowEmpty-module__affectedUsers--N36Pn {
  margin-right: var(--space-48px);
  grid-area: affected-users;
  border-right: 1px solid var(--border-primary);
}

.IssueListRowEmpty-module__affectedSessions--G46ST {
  grid-area: affected-sessions;
}

.IssueListRowEmpty-module__affectedUsers--N36Pn,
.IssueListRowEmpty-module__affectedSessions--G46ST {
  height: 24px;

  display: grid;

  align-items: center;
  grid-template-columns: 110px 1fr;
  -moz-column-gap: var(--space-28px);
       column-gap: var(--space-28px);
}

.IssueListRowEmpty-module__disabled--HZoce {
  color: var(--text-disabled);
}
.IssuesList-module__container--rzYFY {
  display: flex;

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

.IssuesList-module__issues--GUwRt {
  display: flex;

  flex-direction: column;
  gap: var(--space-12px);
}
.CustomLegend-module__dot--pTnuy {
  --size: 8px;
  min-width: var(--size);
  max-width: var(--size);
  min-height: var(--size);
  max-height: var(--size);
  margin: 0 var(--base-space);

  display: inline-block;

  border-radius: var(--size);
}

.CustomLegend-module__legendCaption--QPHkN {
  color: var(--text-secondary);
}

.CustomLegend-module__legend---y4hL {
  display: flex;

  gap: var(--space-8px);
}
.AppAdoptionGraph-module__container--Ll1a4 {
  min-height: var(--card-height);
  padding: var(--chart-padding);
  box-sizing: border-box;

  display: flex;

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

  flex-grow: 1;
}

.AppAdoptionGraph-module__header---WQD6 {
  display: flex;

  justify-content: space-between;
}

.AppAdoptionGraph-module__title--qEPAS {
  color: var(--text-secondary);
  font-weight: var(--weight-200);
}

.AppAdoptionGraph-module__chartWrapper--Q17rK {
  min-height: 0;

  flex: 1;
}

.AppAdoptionGraph-module__legend--WL502 {
  flex-wrap: nowrap;
}
.AffectedMetricsPieChart-module__container--BFD2H {
  --legend-column-width: 46px;
  --legend-column-width-count: 26px;

  width: -moz-max-content;

  width: max-content;
  min-width: 296px;
  min-height: var(--card-height);
  padding: var(--chart-padding);
  box-sizing: border-box;

  display: flex;

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

  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
  opacity: 1;
  transform: rotate(0deg);
  gap: var(--space-16px);
}

.AffectedMetricsPieChart-module__content--Dcon3 {
  display: flex;

  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-16px);
}

.AffectedMetricsPieChart-module__legend--yaYW7 {
  display: flex;

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

.AffectedMetricsPieChart-module__legendItem--co9JG {
  color: var(--text-primary);

  display: inline-flex;

  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-8px);
}

.AffectedMetricsPieChart-module__dot--qe5BG {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-right: 1px;

  display: inline-block;

  border-radius: 50%;
}

.AffectedMetricsPieChart-module__legendLabel--ieC0U {
  white-space: nowrap;

  width: var(--legend-column-width);

  overflow: hidden;

  flex: 0 0 var(--legend-column-width);
  text-overflow: ellipsis;
}

.AffectedMetricsPieChart-module__legendValue--p-ehG {
  text-align: right;
  color: var(--text-secondary);
  white-space: nowrap;
}

.AffectedMetricsPieChart-module__legendPercent--sS-a8 {
  width: var(--legend-column-width);

  flex: 0 0 var(--legend-column-width);
}

.AffectedMetricsPieChart-module__legendCount--AJPjo {
  width: var(--legend-column-width-count);

  flex: 0 0 var(--legend-column-width-count);
}

/* Overrides for Recharts center labels */
/* stylelint-disable selector-class-pattern */

/* Primary center label (first Label) */
.AffectedMetricsPieChart-module__container--BFD2H .recharts-pie > text.recharts-text:first-of-type tspan {
  fill: var(--text-primary);

  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: 26px;
  text-align: center;
}

/* Secondary center label (second Label) */
.AffectedMetricsPieChart-module__container--BFD2H
  .recharts-pie > text.recharts-text + text.recharts-text tspan {
  fill: var(--text-tertiary);

  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
  text-align: center;
}
/* stylelint-enable selector-class-pattern */
.AffectedMetricSummaryCard-module__container--gOZDg {
  min-height: var(--card-height);
  padding: var(--chart-padding);
  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  gap: var(--space-20px);
}

.AffectedMetricSummaryCard-module__title--F73Wn {
  color: var(--text-secondary);
  font-weight: var(--weight-200);
}

.AffectedMetricSummaryCard-module__data--44fGq {
  display: flex;

  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;

  gap: var(--space-16px);
}

.AffectedMetricSummaryCard-module__difference--Z72tU {
  color: var(--text-secondary);

  display: flex;

  flex-direction: column;
}
.ComparisonSummary-module__container--Dj2mN {
  display: flex;
  gap: var(--space-16px);
}
.ComparisonBuilderTrigger-module__container--Qrfx1 {
  width: auto;

  display: inline-flex;
}

.ComparisonBuilderTrigger-module__containerOpen--7Sp-Z {
  background-color: var(--background-tertiary);
}

.ComparisonBuilderTrigger-module__comparisons--r2Klx {
  margin-left: var(--space-4px);

  display: flex;

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

.ComparisonBuilderTrigger-module__icon--zhZfx {
  color: var(--icon-default);
}

.ComparisonBuilderTrigger-module__tertiary--Gwzi3 {
  color: var(--text-tertiary);
}

.ComparisonBuilderTrigger-module__wrapper--MzIQb {
  display: flex;

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

.ComparisonBuilderTrigger-module__text--01tqr {
  color: var(--text-secondary);

  display: inline-block;
}
.ComparisonSessionVolume-module__container--MKH2d {
  padding: var(--space-20px);

  display: inline-flex;

  flex-direction: column;

  gap: var(--space-16px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}

.ComparisonSessionVolume-module__title--5blX5 {
  color: var(--text-secondary);
}

.ComparisonSessionVolume-module__groups--9fziR {
  display: flex;
  gap: var(--space-24px);
}

.ComparisonSessionVolume-module__value--TxbmK {
  display: flex;
  gap: var(--base-space);

  flex-direction: column;
}
.TimeFilter-module__content--p75vl {
  padding: 0;

  display: flex !important;
}

.TimeFilter-module__optionsContainer--Q-8AI {
  min-width: 164px;

  flex: 1;
}

.TimeFilter-module__content--p75vl.TimeFilter-module__withDivider--Z2quZ .TimeFilter-module__optionsContainer--Q-8AI {
  border-right: 1px solid var(--border-tertiary);
}

.TimeFilter-module__item--V8uoI {
  white-space: nowrap;

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

  display: flex;

  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: var(--space-4px);
}

.TimeFilter-module__item--V8uoI:hover {
  background: var(--background-hover);
}

.TimeFilter-module__optionsGroupTitle--Wwyp2,
.TimeFilter-module__optionsGroupTitle--Wwyp2:hover {
  background: var(--background-tertiary);
  cursor: default;
}

.TimeFilter-module__optionsGroupTitle--Wwyp2 svg {
  color: var(--icon-default);
}

.TimeFilter-module__datePickerContainer--lqzQ3 {
  width: 328px;

  display: flex;

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

.TimeFilter-module__hourContainer--tvkzN {
  padding: var(--space-8px) var(--space-24px) var(--space-20px);

  display: grid;

  justify-content: center;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-8px);
}

.TimeFilter-module__timePicker--t90gI {
  min-width: auto;

  flex: 1;
}

.TimeFilter-module__buttonContainer---hjNe {
  padding: var(--space-20px) var(--space-24px) var(--space-12px);

  display: flex;
  gap: var(--space-4px);
  border-top: 2px solid var(--border-tertiary);
}

.TimeFilter-module__calendarNextMonth--z4e83 {
  top: 24px;
  right: 30px;
  position: absolute;
}

.TimeFilter-module__calendarPrevMonth--ciRLg {
  top: 24px;
  left: 30px;
  position: absolute;
}

.TimeFilter-module__trigger--KbQki {
  background-color: var(--background-secondary);
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

.TimeFilter-module__trigger--KbQki:hover {
  background-color: var(--background-tertiary);
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

.TimeFilter-module__trigger--KbQki:active {
  background-color: var(--background-tertiary);
  box-shadow: inset 0 0 0 1px var(--border-primary);
}

.TimeFilter-module__icon--kUPAN {
  color: var(--icon-default);
}
.ComparisonGroup-module__container--IU-AO {
  display: flex;

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

.ComparisonGroup-module__container--IU-AO .ComparisonGroup-module__groupNameInput--BaPzB > div {
  height: 36px;
}
.ComparisonAppAdoption-module__container--WGx-G {
  padding: var(--space-20px);

  display: inline-flex;

  flex-grow: 1;
  flex-direction: column;

  border: 1px solid var(--border-secondary);
  border-radius: 4px;

  gap: var(--space-16px);
}

.ComparisonAppAdoption-module__header--fIOf- {
  display: flex;

  justify-content: space-between;
}

.ComparisonAppAdoption-module__title--C1M9x {
  color: var(--text-secondary);
}

.ComparisonAppAdoption-module__graphs--GiYut {
  display: grid;

  grid-template-columns: 1fr 1fr;
  gap: var(--space-16px);
}
.ComparisonBuilderForm-module__form---gHIM {
  min-width: 800px;

  display: flex;

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

.ComparisonBuilderForm-module__comparisons--bFY0D {
  display: flex;

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

.ComparisonBuilderForm-module__comparisonHeader--eP2h3 {
  width: 100%;
  min-width: 0;

  display: flex;

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

.ComparisonBuilderForm-module__sameTimeRangeCheckbox--zzLNk {
  color: var(--text-secondary);

  height: 32px;

  display: flex;

  align-items: center;
}

.ComparisonBuilderForm-module__checkboxWrapper--yioLr {
  margin-left: auto;

  flex-shrink: 0;
}

.ComparisonBuilderForm-module__comparisonHeader--eP2h3 .ComparisonBuilderForm-module__sameTimeRangeCheckbox--zzLNk {
  display: flex;

  align-items: center;
}

.ComparisonBuilderForm-module__comparisonVolume--vugE- {
  display: flex;
  gap: var(--space-16px);
}
.ComparisonBuilder-module__container--EZuFZ {
  max-width: 100%;
  padding: var(--chart-padding);

  /* Height should be controlled so dropdowns can pop out of the container instead of inside it */
  overflow: hidden;
}

.ComparisonBuilder-module__popOverContainer---EIIy .ComparisonBuilder-module__container--EZuFZ {
  z-index: 10;
}

.ComparisonBuilder-module__popOverContainer---EIIy {
  flex: 1;
}

.ComparisonBuilder-module__withError--3byld {
  min-height: 460px;
}
.IssuesComparison-module__container--iQ3dG {
  --card-height: 138px;
  --chart-padding: var(--space-20px);

  display: flex;

  flex-direction: column;
}

.IssuesComparison-module__container--iQ3dG > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.IssuesComparison-module__container--iQ3dG > *:nth-child(2) {
  margin-bottom: var(--section-spacing-main);
}
.QueryWidget-module__container--0-Xre {
  padding: var(--space-20px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}
.KPIWidget-module__container--wVczI {
  min-height: 100px;
  width: 100%;

  display: flex;

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

.KPIWidget-module__kpi--I4eas {
  width: 100%;
}

.KPIWidget-module__noData---v3jq {
  color: var(--text-tertiary);
  font-style: italic;
  text-align: center;
}
.GraphWidget-module__container--cn0k3 {
  padding: var(--space-20px);

  border-radius: 4px;
  border: 1px solid var(--border-secondary);
}
.Widget-module__container--8IKGB {
  display: flex;
  gap: var(--space-8px);

  flex-direction: column;
}

@media print {
  .Widget-module__container--8IKGB {
    break-inside: avoid-page;
  }
}
@media print {
  table {
    -moz-column-break-inside: auto;
         break-inside: auto;
  }

  tr {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    -moz-column-break-after: auto;
         break-after: auto;
  }

  thead {
    display: table-header-group;
  }

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

.PrintableDashboard-module__container--8ybyQ {
  width: 210mm;
  height: 100vh;

  position: relative;

  overflow: auto;
  scrollbar-gutter: stable;
}

.PrintableDashboard-module__header--laBgO {
  height: 80px;
  padding: var(--space-32px);

  display: flex;

  align-self: center;
  justify-content: space-between;

  background-color: var(--brand-lead);
}

.PrintableDashboard-module__body--pOtYz {
  margin: var(--space-40px) var(--space-32px);

  display: flex;
  gap: var(--space-24px);

  flex-direction: column;
}

.PrintableDashboard-module__title--OgT3A {
  display: flex;
  gap: var(--base-space);

  flex-direction: column;
}

.PrintableDashboard-module__logo--gayhp {
  width: 100px;
}

.PrintableDashboard-module__cadence--MWoGt {
  color: var(--text-secondary);
}

.PrintableDashboard-module__widgets--4bfKF {
  display: flex;
  gap: var(--space-32px);

  flex-direction: column;
}

.PrintableDashboard-module__appInfo--8uSKE {
  display: flex;

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

.PrintableDashboard-module__reportFrequency--wrFhI {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  font-size: var(--text-14px);
  color: var(--brand-neutral200);
  line-height: 16px;
}
.WebResourcesTable-module__table--FiRDZ {
  width: 100%;
}

.WebResourcesTable-module__resourcePath--6g1L- {
  word-break: break-all;
}
.PageTransferSizeMetrics-module__subtitle--nxHej {
  color: var(--text-tertiary);
}

.PageTransferSizeMetrics-module__mainMetric--NGYsF {
  padding-bottom: var(--space-16px);
  border-bottom: 1px solid var(--border-secondary);

  margin-bottom: var(--space-16px);
}
.CacheHitRateBarChart-module__container--wfGbK {
  --bar-chart-size-w: 100%;

  display: flex;

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

.CacheHitRateBarChart-module__header--8zZHm {
  display: flex;

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

.CacheHitRateBarChart-module__headerTitle--C2l7H {
  color: var(--text-tertiary);
}

.CacheHitRateBarChart-module__headerValue--gI-e6 {
  color: var(--text-primary);
}
.PageLoadInsightsSummaryMetrics-module__container--lJBHj {
  display: grid;

  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.PageLoadInsightsSummaryMetrics-module__card--7ftqe {
  min-height: 272px;

  display: flex;

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

.PageLoadInsightsSummaryMetrics-module__title--B7Mvo {
  color: var(--text-secondary);
}

.PageLoadInsightsSummaryMetrics-module__pageTransferSize--KHttt {
  display: flex;
}

.PageLoadInsightsSummaryMetrics-module__barChart--FFHOa {
  margin-left: var(--space-16px);
  padding-left: var(--space-16px);

  flex: 1;

  border-left: 1px solid var(--border-secondary);
}
.PageLoadInsightsSummary-module__container--glePR {
  display: flex;

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

.PageLoadInsightsSummary-module__section--znIlk {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.CardHeader-module__row--5-bVi {
  display: flex;

  flex-direction: row;

  gap: var(--card-min-spacing);

  align-items: center;
}

.CardHeader-module__spaceBetween--t9nOD {
  justify-content: space-between;
}

.CardHeader-module__iconDefault--HUMOK {
  color: var(--icon-default);

  display: flex;
}

.CardHeader-module__secondary--TrqYs {
  color: var(--text-secondary);
}

.CardHeader-module__mediumFontWeight--480hC > * {
  /* Matching the font-weight from Caption1:  src/components/Text/Caption/Caption.module.css */
  font-weight: 500;
}
.WebVitalsOverviewCard-module__container--wHSd1 {
  display: flex;

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

.WebVitalsOverviewCard-module__row--pgsDL {
  display: flex;

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

.WebVitalsOverviewCard-module__row--pgsDL > * {
  flex: 1;
}

.WebVitalsOverviewCard-module__column--EZDw- {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.UserFlowStatusSummary-module__row--CHQ1U {
  display: flex;

  flex-direction: row;

  gap: var(--space-8px);

  align-items: center;
}

.UserFlowStatusSummary-module__smallGap--lhRxC {
  gap: var(--space-4px);
}

.UserFlowStatusSummary-module__extraGap--3kbVb {
  gap: var(--space-16px);
}

.UserFlowStatusSummary-module__secondary--1R0Ob {
  color: var(--text-secondary);
}
.UserFlowsOverviewCard-module__container--b9Kgm {
  display: flex;

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

.UserFlowsOverviewCard-module__row--V4L-v {
  display: flex;

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

.UserFlowsOverviewCard-module__row--V4L-v > :not(:last-child) {
  border-right: 1px solid var(--border-primary);

  padding-right: var(--space-16px);
}

.UserFlowsOverviewCard-module__tertiary---GzYg {
  color: var(--text-tertiary);
}
.KPICard-module__container--OETlE {
  display: flex;

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

  flex: 1;
}

.KPICard-module__row--teN9r {
  display: flex;

  flex-direction: row;

  gap: var(--card-min-spacing);

  align-items: center;
}

.KPICard-module__extraGap--7WOJ- {
  gap: var(--space-12px);
}

.KPICard-module__spaceBetween--U338m {
  justify-content: space-between;
}

.KPICard-module__secondary--Aralo {
  color: var(--text-secondary);
}

.KPICard-module__tertiary--SGMqn {
  color: var(--text-tertiary);
}

.KPICard-module__success--GmD9m {
  color: var(--text-success);
}

.KPICard-module__negative--J0-dg {
  color: var(--text-negative);
}

.KPICard-module__graphContainer--hkN6s {
  flex: 1;
}

.KPICard-module__graphContent--hVLC0 {
  height: 100%;

  display: grid;

  place-content: center;
}
.TotalSessions-module__container--Tz5jU {
  display: flex;

  flex: 1;
}
.PagesHealthCard-module__container--3kud9 {
  display: flex;

  flex-direction: column;

  gap: var(--section-spacing-sub);
}

.PagesHealthCard-module__table--QwiXB {
  width: 100%;
  max-height: 320px;
}

.PagesHealthCard-module__ellipsis--rUMoJ {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}
.TriggeredTable-module__row--uzfZW {
  border: 1px solid var(--border-tertiary);
  border-radius: 20px;
}

.TriggeredTable-module__cell--4dteR {
  white-space: nowrap;

  padding: var(--space-10px) var(--space-16px);
}

.TriggeredTable-module__cell--4dteR:not(:last-child) {
  padding-right: 0;
}

.TriggeredTable-module__cell--4dteR:last-child {
  text-align: right;
}
.AlertsOverviewCard-module__container--A6GEP {
  display: flex;

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

.AlertsOverviewCard-module__centerText--JOjXS {
  text-align: center;
}

.AlertsOverviewCard-module__tertiary--17A0w {
  color: var(--text-tertiary);
}
.Overview-module__container--KEyyj {
  display: flex;

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

.Overview-module__column--2AOpw {
  display: flex;

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

.Overview-module__row--1Lfr6 {
  display: flex;

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

.Overview-module__row--1Lfr6 > * {
  flex: 1;
}
.Help-module__help--b3mvv {
  border-top: 1px solid var(--grey-300);

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

.Help-module__helpButtons---yO9L {
  display: flex;

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

.Help-module__helpButtons---yO9L button {
  width: 100%;
}
:root {
  --circle-size: 32px;
}

.Stepper-module__step--s2nqL {
  color: var(--text-primary);

  padding: var(--space-16px) var(--space-28px);

  position: relative;
  z-index: 2;

  display: flex;

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

.Stepper-module__separator--pU0No {
  width: 1px;
  height: 71px;

  /* Negative margins are necessary to go over hoverable background */
  margin: calc(var(--space-16px) * -1) 0 calc(var(--space-16px) * -1)
    calc(var(--circle-size) / 2 + var(--space-28px) - 1px);

  position: relative;
  z-index: 3;

  background-color: var(--icon-default);
}

.Stepper-module__circle--kB-vR {
  color: var(--text-tertiary);

  width: var(--circle-size);
  height: var(--circle-size);

  display: flex;

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

  border: 1px solid var(--icon-default);
  border-radius: 50%;
}

.Stepper-module__step--s2nqL.Stepper-module__active--kL-CH .Stepper-module__circle--kB-vR {
  color: var(--text-inverted);

  background-color: var(--icon-focused);
  border-color: var(--icon-focused);
}

.Stepper-module__step--s2nqL.Stepper-module__completed--gcFHM .Stepper-module__circle--kB-vR {
  /* We want to keep it light for dark mode */
  color: var(--light-text-inverted);

  background-color: var(--background-product);
  border-color: var(--background-product);
}

.Stepper-module__step--s2nqL.Stepper-module__hoverable--pNMlO:hover {
  background: var(--background-hover);
  border-radius: 4px;
  cursor: pointer;
}
.Stepper-module__stepperContainer--hkiNY {
  border-right: 1px solid var(--border-primary);

  padding: var(--space-20px) var(--space-24px);
}
.InfoIcon-module__container--r1a9I {
  width: 26px;
  height: 26px;

  display: flex;

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

  /* Background color is secondary-300, need rgba to set opacity */
  background-color: rgb(94 185 255 / 40%);
  border-radius: 50%;
  cursor: pointer;
}

.InfoIcon-module__container--r1a9I.InfoIcon-module__small--pzdnV {
  height: 18px;
  width: 18px;
}

.InfoIcon-module__container--r1a9I.InfoIcon-module__clickDisabled--xgXon {
  cursor: initial;
}

.InfoIcon-module__icon--0Za4d {
  color: var(--secondary-300);
}
.RowWithInfoIcon-module__container--RI2MA {
  width: 100%;

  display: flex;
  gap: var(--space-12px);
  place-items: center center;
}

.RowWithInfoIcon-module__children--R19P4 {
  max-width: var(--space-1024px);
  width: 90%;
}
.Onboard-module__main--tsjNm {
  max-width: 100%;
  min-height: 100%;
  padding-top: var(--global-header-height);

  display: flex;
  overflow-x: hidden;

  flex: 1;
}

.Onboard-module__aside--d5d22 {
  padding: var(--space-28px) var(--space-24px);
}

.Onboard-module__content--dtSSz {
  max-height: calc(100vh - var(--global-header-height));
  padding: var(--space-36px) var(--space-72px);

  display: flex;
  overflow-y: auto;

  flex: 1;
  flex-direction: column;
}

.Onboard-module__api--v6heN {
  height: 100%;
}

.Onboard-module__onboard--aibRh {
  color: var(--grey-100);

  min-height: 100vh;
}

.Onboard-module__instructions---zNXd {
  margin-top: var(--space-24px);
}
.SelectorField-module__listContainer---Hn7N {
  display: grid;
  gap: var(--space-16px);

  grid-template-columns: repeat(4, 156px);
}

.SelectorField-module__option--NI3CJ {
  color: var(--grey-300);
  text-align: center;

  width: 156px;
  height: 144px;

  /* To match extra px on border when selected / hovered */
  padding: 0 calc(var(--space-12px) + 1px);

  display: flex;

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

  background: var(--background-secondary);
  border: 1px solid var(--grey-600);
  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-12px);
}

.SelectorField-module__option--NI3CJ:hover {
  background: var(--background-hover);
  border: 1px solid var(--border-primary);
}

.SelectorField-module__option--NI3CJ.SelectorField-module__selected--2a1kY {
  color: var(--text-strong);

  padding: 0 var(--space-12px);

  background-color: var(--background-product-light);
  border: 2px solid var(--background-product-active);
}

.SelectorField-module__option--NI3CJ svg {
  stroke: var(--icon-default);
}

.SelectorField-module__option--NI3CJ.SelectorField-module__selected--2a1kY svg {
  stroke: var(--icon-product-active);
}

.SelectorField-module__title--44670 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);

  margin-bottom: var(--space-16px);

  display: block;
}

.SelectorField-module__optional--qo45N {
  color: var(--grey-400);
  font-family: Roboto, sans-serif;
  font-size: var(--text-12px);

  margin-left: var(--base-space);
}

.SelectorField-module__error--MUx9U {
  color: var(--text-negative);
  font-size: var(--text-12px);

  margin: var(--base-space) 0 0 var(--space-16px);
}

@media (width <= 768px) {
  .SelectorField-module__listContainer---Hn7N {
    grid-template-columns: repeat(2, 156px);
  }
}
:root {
  --platform-icon-size: 48px;
}

.PlatformIcon-module__iconContainer---iuIl {
  display: flex;

  align-items: center;
}

.PlatformIcon-module__icon--WrW3r {
  font-size: var(--platform-icon-size);

  height: var(--platform-icon-size);
  width: var(--platform-icon-size);
}

.PlatformIcon-module__leftIcon--jIruC {
  transform: translate(5px, 0);
}

.PlatformIcon-module__rightIcon--oMM-b {
  transform: translate(-5px, 0);
}

.PlatformIcon-module__an--3v1X3 {
  color: var(--color-android-green);
}

.PlatformIcon-module__io--1lymd {
  color: var(--color-ios-teal);
}

.PlatformIcon-module__icon--WrW3r.PlatformIcon-module__we--c4XYf {
  stroke: var(--color-web-blue);
}

.PlatformIcon-module__unity--CzuaF {
  color: var(--color-unity-orange);
}

.PlatformIcon-module__flutter--w0d1J {
  color: var(--color-flutter-blue);
}

.PlatformIcon-module__rn--bhWVt {
  color: var(--color-rn-purple);
}
.Project-module__project--kiQqw h1 {
  margin-bottom: var(--space-28px);
}

.Project-module__section--K1Lnz {
  margin: 0 0 var(--space-32px) 0;
}

.Project-module__message--RFotv {
  margin-bottom: var(--space-16px);
  width: var(--space-768px);
}

.Project-module__button--k2-85 {
  margin-top: var(--space-32px);
}

.Project-module__error--w6DH9 {
  color: var(--text-negative);
  font-size: var(--text-12px);

  margin: var(--space-12px) 0 0 var(--space-16px);
}

.Project-module__projectName--6INIi {
  font-weight: var(--weight-300);
}

.Project-module__addApp--zxaV- {
  cursor: pointer;

  font-weight: var(--weight-300);
  text-decoration: underline;
}

.Project-module__field--j1yt7 {
  width: 436px;
}

.Project-module__rowWithInfo--ivJhK {
  gap: var(--space-8px);

  margin-bottom: var(--space-16px);
}

.Project-module__fieldWithOther--jNYwS {
  display: flex;

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

.Project-module__dropdown--VaEU- {
  width: 436px;
}

.Project-module__appStoreCaption--YmN-I {
  color: var(--text-tertiary);

  padding: var(--space-8px) 0;
}

.Project-module__appStoreCaptionLink--RwK3W {
  text-decoration: none;
}

.Project-module__waitList---zx-4 {
  margin-bottom: var(--space-8px);
}
/* These variables are deprecated. Use sizexxx variables instead */
.ContentSelector-module__contentSelector--QYTvu {
  margin: var(--space-12px) 0 var(--space-20px);

  align-self: start;
}
.UnityiOS-module__code--0DyAc {
  max-width: var(--space-1024px);
  width: 90%;
}

.UnityiOS-module__screenshot--mqHab {
  margin-top: var(--space-8px);
  width: 50%;
}
.UnityAndroid-module__code--xJ9PG {
  max-width: var(--space-1024px);
  width: 90%;
}

.UnityAndroid-module__screenshot--mXFAT {
  margin-top: var(--space-8px);
  width: 50%;
}
.RNiOS-module__help--jBTCk {
  color: var(--grey-300);
}

.RNiOS-module__tabs--gKYAn {
  margin-bottom: -32px;
}

.RNiOS-module__code--KQdHD {
  max-width: var(--space-1024px);
  width: 90%;
}
.RNAndroid-module__code--C29H1 {
  max-width: var(--space-1024px);
  width: 90%;
}
.LanguageContent-module__code--WGFCY {
  max-width: var(--space-1024px);
  width: 90%;
}
.InstallContent-module__code--1ybGl {
  max-width: var(--space-1024px);
  width: 90%;
}
.FlutterCommon-module__code--hETy- {
  max-width: var(--space-1024px);
  width: 90%;
}
.FlutteriOS-module__code--bf7HH {
  max-width: var(--space-1024px);
  width: 90%;
}
.FlutterAndroid-module__code--75JoP {
  max-width: var(--space-1024px);
  width: 90%;
}
/* stylelint-disable no-descending-specificity */
.Configuration-module__configuration--oepFi {
  margin-bottom: var(--space-192px);

  display: flex;

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

.Configuration-module__configuration--oepFi h1 h4 {
  margin-top: var(--space-12px);
}

.Configuration-module__configuration--oepFi h4 {
  font-size: var(--text-14px);
  font-weight: var(--weight-100);
  line-height: var(--text-20px);

  margin: 0;
}

.Configuration-module__configuration--oepFi h3 {
  font-weight: var(--weight-100);
}

.Configuration-module__configuration--oepFi strong {
  font-weight: var(--weight-300);
}

.Configuration-module__configuration--oepFi section {
  display: flex;

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

.Configuration-module__configuration--oepFi section > * {
  margin-left: var(--space-20px);
}

.Configuration-module__configuration--oepFi section h2 {
  font-weight: var(--weight-100);

  margin-left: 0;
}

.Configuration-module__configuration--oepFi ul {
  margin: 0;
}

.Configuration-module__configuration--oepFi p {
  margin-bottom: 0;
  margin-right: 0;

  /* Keeping it specific to each side to avoid overwriting general margin-left */
  margin-top: 0;
}

.Configuration-module__actions--9Q3Fv {
  margin-top: var(--space-24px);

  display: flex;
  gap: var(--space-20px);
}

.Configuration-module__continueButton--J2Tgq {
  max-width: 156px;
}

.Configuration-module__contentSelectorTopMargin--a-R9y {
  margin-top: var(--space-24px);
}

.Configuration-module__invite--Oy--8 div {
  display: inline-flex;
}
.VerifyButton-module__container--gFANC {
  display: flex;

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

.VerifyButton-module__feedback--dKkfn {
  font-size: var(--space-12px);
}

.VerifyButton-module__feedback--dKkfn ul {
  line-height: var(--space-32px);

  margin: 0;
}

.VerifyButton-module__actions---gobY {
  display: flex;
  gap: var(--space-20px);
}
.VerifyIntegration-module__container--QaYmk {
  margin-bottom: var(--space-192px);

  display: flex;

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

.VerifyIntegration-module__container--QaYmk h1 {
  margin: 0 0 var(--space-40px) 0;
}

.VerifyIntegration-module__container--QaYmk p {
  color: var(--grey-100);

  margin: 0;
}

.VerifyIntegration-module__list--aZugr {
  margin-bottom: var(--space-20px);

  display: flex;

  flex-direction: column;
  align-self: flex-start;
}

.VerifyIntegration-module__row--vIxsk {
  width: 100%;
  padding: var(--space-16px);

  align-self: flex-start;
}

.VerifyIntegration-module__row--vIxsk:hover {
  background-color: var(--background-hover);
  border-radius: 4px;
}

.VerifyIntegration-module__row--vIxsk.VerifyIntegration-module__selected--bYIFM {
  background-color: var(--background-product-light);
  border-radius: 4px;
}

.VerifyIntegration-module__list--aZugr li:last-child .VerifyIntegration-module__row--vIxsk {
  border-bottom: none;
}

.VerifyIntegration-module__label--xFNUO > div {
  font-size: var(--text-14px);
}

.VerifyIntegration-module__checkboxContainer--xsx2a {
  font-size: var(--text-20px);

  width: 468px;
}

.VerifyIntegration-module__separator--31Pqs {
  height: 1px;
  margin: var(--space-8px) 0;

  background-color: var(--background-hover);
}
.RightBar-module__container--snMpz {
  --collapsed-width: 72px;
  --collapsed-transform: translateX(calc(100% - var(--collapsed-width)));
  --uncollapsed-transform: translateX(0);
  width: 25%;
  max-height: calc(100vh - var(--global-header-height));

  overflow-y: auto;

  background-color: var(--grey-900);
  border-left: 1px solid var(--border-tertiary);
  transform: var(--uncollapsed-transform);
}

.RightBar-module__collapsedContainer--8bsI0 {
  width: var(--collapsed-width);
  padding-top: var(--space-16px);

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-20px);
}

.RightBar-module__help--l6k1p {
  display: flex;

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

.RightBar-module__trigger--m5HkB {
  padding: var(--space-12px) var(--space-24px) var(--space-28px);

  display: flex;

  background-color: var(--grey-900);
  cursor: pointer;
  gap: var(--space-12px);
}

.RightBar-module__container--snMpz.RightBar-module__uncollapsed--U-dpW {
  width: 25%;
  padding: 0;

  animation: RightBar-module__openDetails--VQtmh 200ms var(--entering-animation-curve);
  transform: var(--uncollapsed-transform);
}

.RightBar-module__container--snMpz.RightBar-module__collapsed--zcwUF {
  width: var(--collapsed-width);

  animation: RightBar-module__closeDetails--uqfpm 200ms var(--entering-animation-curve);
  transform: var(--collapsed-transform);
}

.RightBar-module__content--c3F3W {
  padding-bottom: var(--space-24px);

  display: flex;

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

.RightBar-module__title--H0BXc {
  color: var(--grey-100);

  padding-bottom: var(--space-12px);
}

.RightBar-module__text--dB8RJ {
  color: var(--grey-200);
  white-space: pre-line;
}

.RightBar-module__contentItem--wjXYc {
  box-shadow: 0 0 0 0 var(--secondary-400) inset;

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

  transition: box-shadow ease 0.3s;
}

.RightBar-module__activeContentItem--WElyr {
  box-shadow: var(--space-8px) 0 0 0 var(--secondary-400) inset;
}

.RightBar-module__collapseIcon--adej3 {
  color: var(--grey-100);
}

@keyframes RightBar-module__openDetails--VQtmh {
  from {
    transform: var(--collapsed-transform);

    width: var(--collapsed-width);
  }

  to {
    transform: var(--uncollapsed-transform);

    width: 25%;
  }
}

@keyframes RightBar-module__closeDetails--uqfpm {
  from {
    transform: var(--uncollapsed-transform);

    width: 25%;
  }

  to {
    transform: var(--collapsed-transform);

    width: var(--collapsed-width);
  }
}
.OOMSummary-module__container--qWbHd {
  display: flex;

  flex-direction: column;
}

.OOMSummary-module__toolbarControls--Aly7c {
  display: flex;

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

.OOMSummary-module__zeroStateContent--l-Nby {
  padding-right: var(--space-8px);
}

.OOMSummary-module__statsBanner--64eX0 {
  margin-top: var(--section-spacing-sub);
  padding: var(--banner-padding);
}
.SimpleBanner-module__container--8sWIL {
  padding: var(--space-144px) var(--space-112px);

  background-color: var(--lead-900);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.SimpleBanner-module__banner--NB4Zj {
  color: var(--text-primary);

  display: flex;

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

.SimpleBanner-module__title--Ng6JR {
  font-size: var(--text-64px);
  line-height: var(--text-72px);
  font-weight: var(--weight-300);
}

.SimpleBanner-module__subtitle--IpCBb {
  font-family: 'IBM Plex Mono', sans-serif;
  font-size: var(--text-28px);
  line-height: var(--text-36px);

  display: flex;

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

.SimpleBanner-module__circles--UASdu {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.SimpleBanner-module__circle--Nz95n {
  width: 20px;
  height: 20px;

  display: inline-flex;

  border-radius: 50%;
  background-color: var(--brand-primary);
}
.MobileMattersBanner-module__banner--LTF7i {
  color: var(--text-primary);

  height: 100%;
  padding: var(--space-64px) var(--space-64px) var(--space-40px);

  display: flex;

  flex-direction: column;

  background-color: var(--lead-900);
  gap: var(--space-40px);
}

.MobileMattersBanner-module__title--V4VOX {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-36px);
  font-weight: var(--weight-200);
  line-height: var(--text-48px);

  margin-left: var(--space-20px);
  width: 100%;

  display: flex;

  flex-direction: column;
  justify-content: flex-end;
}

.MobileMattersBanner-module__title--V4VOX .MobileMattersBanner-module__firstLine--wJUpk {
  font-weight: var(--weight-300);
}

.MobileMattersBanner-module__title--V4VOX .MobileMattersBanner-module__secondLine--6xwSK {
  font-size: var(--text-22px);
  font-family: 'IBM Plex Mono', sans-serif;

  display: flex;

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

.MobileMattersBanner-module__circles--Odn89 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.MobileMattersBanner-module__circle--CDx4Q {
  width: 20px;
  height: 20px;

  display: inline-flex;

  border-radius: 50%;
  background-color: var(--brand-primary);
}

.MobileMattersBanner-module__icon--scJj7 {
  width: 54px;
  height: 54px;
}

.MobileMattersBanner-module__bannerText--PcLOy {
  display: flex;

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

.MobileMattersBanner-module__mobileMatters--a4Q14 {
  height: var(--space-104px);
}

.MobileMattersBanner-module__bannerText--PcLOy ul li {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-22px);
  font-style: normal;
  font-weight: var(--weight-100);
  line-height: var(--text-32px);

  display: grid;

  grid-template-columns: 54px auto;
  gap: var(--space-20px);

  align-items: flex-start;
}

.MobileMattersBanner-module__banner--LTF7i ul b {
  font-weight: var(--weight-300);
}

.MobileMattersBanner-module__bannerText--PcLOy ul {
  margin-left: var(--space-20px);

  display: flex;

  flex-direction: column;
  gap: var(--space-28px);
  margin-block: 0;
  padding-inline-start: 0;

  list-style: none;
}

.MobileMattersBanner-module__footer--uHw5A {
  margin-top: auto;
  padding-top: var(--space-8px);

  display: flex;

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

.MobileMattersBanner-module__footer--uHw5A h2 {
  color: var(--primary-silver);
  font-family: 'IBM Plex Mono', sans-serif;
  font-size: var(--text-15px);
  font-weight: var(--weight-300);
  line-height: var(--text-20px);
}

.MobileMattersBanner-module__trustedLogos--J37jn {
  border-radius: 16px;
}

@media (width <= 1044px) {
  .MobileMattersBanner-module__banner--LTF7i {
    padding: var(--space-40px) var(--space-40px) var(--space-40px);
  }
}
.AuthPage-module__guest--FE-ZZ {
  height: 100vh;

  overflow: auto;
}

.AuthPage-module__background--6DPZU {
  height: 100%;

  display: grid;

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

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

.AuthPage-module__row--gyjT7 {
  max-width: var(--space-1440px);
  height: 100%;
  max-height: var(--space-900px);

  display: flex;

  flex: 1;
  justify-content: center;
}

.AuthPage-module__container--Fz6pk {
  display: flex;
}

.AuthPage-module__column--m9ABl {
  max-width: var(--space-600px);

  display: flex;

  flex: 1;
  flex-direction: column;
  justify-content: center;

  background-color: var(--color-menu-background);
}

.AuthPage-module__banner--tSwOd {
  flex: 1;
}

@media (width <= 800px) {
  .AuthPage-module__banner--tSwOd {
    display: none;
  }
}
.UnauthenticatedMessage-module__container--dz9mK {
  text-align: center;

  width: 100%;
  padding: var(--space-24px) var(--space-16px);

  display: flex;

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

.UnauthenticatedMessage-module__icon--GqwTQ {
  color: var(--color-warning);

  margin-bottom: var(--space-16px);
}

.UnauthenticatedMessage-module__title--q3N2E {
  font-size: var(--text-20px);
  line-height: var(--text-28px);
  font-weight: var(--weight-200);
  color: var(--text-primary);

  margin: 0 0 var(--space-4px);
}

.UnauthenticatedMessage-module__subtitle--6Urjv {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-secondary);

  margin: 0 0 var(--space-20px);
}

.UnauthenticatedMessage-module__idpNote--zfF8y {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-warning);

  margin-bottom: var(--space-20px);
  padding: var(--space-10px) var(--space-12px);

  background: var(--background-warning);
  border: 1px solid var(--border-warning);
  border-radius: var(--space-6px);
}

.UnauthenticatedMessage-module__actions--63u-3 {
  display: flex;
  gap: var(--space-10px);
}

.UnauthenticatedMessage-module__button--xwYx- {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  font-weight: var(--weight-300);
  color: var(--grey-900);
  text-decoration: none;

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

  display: inline-block;

  background: var(--lead-900);
  border-radius: var(--space-6px);

  transition: background 0.2s;
}

.UnauthenticatedMessage-module__button--xwYx-:hover {
  background: var(--neutral-700);
}

.UnauthenticatedMessage-module__button--xwYx-:active {
  background: var(--neutral-600);
}
.ScopeList-module__scopeList--fNRzi {
  margin-bottom: var(--space-12px);
}

.ScopeList-module__title--mal7w {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  font-weight: var(--weight-300);
  color: var(--text-primary);

  margin: 0 0 var(--space-6px);
}

.ScopeList-module__list--buPC8 {
  list-style: disc;

  padding-left: var(--space-20px);
  margin: 0;
}

.ScopeList-module__scopeItem--9Paj5 {
  margin-bottom: var(--space-4px);
  padding-left: var(--space-4px);
}

.ScopeList-module__scopeItem--9Paj5:last-child {
  margin-bottom: 0;
}

.ScopeList-module__scopeName--oxRYZ {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  font-weight: var(--weight-300);
  color: var(--text-primary);

  display: inline;
}

.ScopeList-module__scopeName--oxRYZ::after {
  content: '--';
}

.ScopeList-module__scopeDescription--ycCTW {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  color: var(--text-secondary);

  display: inline;
}
.ErrorMessage-module__container--7ibyx {
  text-align: center;

  width: 100%;
  padding: var(--space-24px) var(--space-16px);

  display: flex;

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

.ErrorMessage-module__title--PifRj {
  color: var(--text-primary);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-28px);

  margin: 0 0 var(--space-4px);
}

.ErrorMessage-module__subtitle--8aYgB {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-secondary);

  margin: 0 0 var(--space-20px);
}

.ErrorMessage-module__errorBox--ucQ01 {
  width: 100%;
  margin-bottom: var(--space-20px);
  padding: var(--space-10px) var(--space-12px);

  display: flex;

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

  background: var(--background-warning);
  border: 1px solid var(--border-warning);
  border-radius: var(--space-6px);
}

.ErrorMessage-module__errorRow--NJGnM {
  text-align: left;

  display: flex;

  align-items: baseline;
  gap: var(--space-12px);
}

.ErrorMessage-module__errorLabel--q2KA- {
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: var(--text-16px);
  color: var(--text-warning);

  width: 48px;

  flex-shrink: 0;
}

.ErrorMessage-module__errorValue--fxKLk {
  font-family: 'IBM Plex Mono', monospace;
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-warning);

  overflow-wrap: break-word;
}

.ErrorMessage-module__support--1Mf-M {
  color: var(--text-secondary);
}

.ErrorMessage-module__support--1Mf-M a {
  color: var(--text-product-secondary);
  text-decoration: underline;
}

.ErrorMessage-module__support--1Mf-M a:hover {
  text-decoration: none;
}
.Button-module__button--tbSkE {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-18px);
  font-weight: var(--weight-300);
  line-height: var(--text-24px);
  color: var(--grey-900);
  white-space: nowrap;

  height: var(--space-48px);
  padding: 9px 16px;

  position: relative;
  z-index: 0;

  display: flex;

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

  background-color: var(--lead-900);
  border: 0;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  gap: var(--space-12px);
}

/* Hovered */
.Button-module__button--tbSkE:hover {
  background-color: var(--neutral-700);
}

/* Active/Pressed */
.Button-module__button--tbSkE:active {
  background-color: var(--neutral-600);
}

.Button-module__button--tbSkE[disabled] {
  background-color: var(--neutral-300);
  cursor: not-allowed;
}

/*
 * Loading spinner
 */
.Button-module__loader--kfAfa {
  font-size: 3px;
  text-indent: -9999em;

  width: 1.4em;
  height: 1.4em;
  margin: 0 4px 0 8px;

  position: relative;

  border-radius: 50%;

  animation: Button-module__loadingSpinner--BWHWD 1.1s infinite ease;
  transform: translateZ(0);
}

@keyframes Button-module__loadingSpinner--BWHWD {
  0%,
  100% {
    box-shadow:
      0 -2.6em 0 0 #fff,
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 50%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 70%);
  }

  12.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 70%),
      1.8em -1.8em 0 0 #fff,
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 50%);
  }

  25% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 50%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 70%),
      2.5em 0 0 0 #fff,
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  37.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 50%),
      2.5em 0 0 0 rgb(255 255 255 / 70%),
      1.75em 1.75em 0 0 #fff,
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  50% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 50%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 70%),
      0 2.5em 0 0 #fff,
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  62.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 50%),
      0 2.5em 0 0 rgb(255 255 255 / 70%),
      -1.8em 1.8em 0 0 #fff,
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  75% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 50%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 70%),
      -2.6em 0 0 0 #fff,
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  87.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 50%),
      -2.6em 0 0 0 rgb(255 255 255 / 70%),
      -1.8em -1.8em 0 0 #fff;
  }
}

@keyframes Button-module__loadingSpinner--BWHWD {
  0%,
  100% {
    box-shadow:
      0 -2.6em 0 0 #fff,
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 50%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 70%);
  }

  12.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 70%),
      1.8em -1.8em 0 0 #fff,
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 50%);
  }

  25% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 50%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 70%),
      2.5em 0 0 0 #fff,
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  37.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 50%),
      2.5em 0 0 0 rgb(255 255 255 / 70%),
      1.75em 1.75em 0 0 #fff,
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  50% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 50%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 70%),
      0 2.5em 0 0 #fff,
      -1.8em 1.8em 0 0 rgb(255 255 255 / 20%),
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  62.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 50%),
      0 2.5em 0 0 rgb(255 255 255 / 70%),
      -1.8em 1.8em 0 0 #fff,
      -2.6em 0 0 0 rgb(255 255 255 / 20%),
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  75% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 50%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 70%),
      -2.6em 0 0 0 #fff,
      -1.8em -1.8em 0 0 rgb(255 255 255 / 20%);
  }

  87.5% {
    box-shadow:
      0 -2.6em 0 0 rgb(255 255 255 / 20%),
      1.8em -1.8em 0 0 rgb(255 255 255 / 20%),
      2.5em 0 0 0 rgb(255 255 255 / 20%),
      1.75em 1.75em 0 0 rgb(255 255 255 / 20%),
      0 2.5em 0 0 rgb(255 255 255 / 20%),
      -1.8em 1.8em 0 0 rgb(255 255 255 / 50%),
      -2.6em 0 0 0 rgb(255 255 255 / 70%),
      -1.8em -1.8em 0 0 #fff;
  }
}
.ConsentForm-module__form--8ySeq {
  display: flex;

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

.ConsentForm-module__warningBox--XWT0B {
  padding: var(--space-10px) var(--space-12px);

  background: var(--background-warning);
  border: 1px solid var(--border-warning);
  border-radius: var(--space-6px);
}

.ConsentForm-module__warningText--z5lxz {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-warning);

  margin: 0;
}

.ConsentForm-module__actions--e36Ao {
  display: flex;
  gap: var(--space-10px);

  justify-content: flex-end;
}

.ConsentForm-module__denyButton--Tk2ur,
.ConsentForm-module__approveButton--mrZfO {
  min-width: 120px;
}

.ConsentForm-module__denyButton--Tk2ur {
  color: var(--text-primary);

  background: var(--background-secondary);
  border: 1px solid var(--border-primary);
}

.ConsentForm-module__denyButton--Tk2ur:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ConsentForm-module__denyButton--Tk2ur:hover:not(:disabled) {
  background: var(--background-tertiary);
}

.ConsentForm-module__approveButton--mrZfO {
  color: white;

  background: var(--text-primary);
}

.ConsentForm-module__approveButton--mrZfO:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ConsentForm-module__approveButton--mrZfO:hover:not(:disabled) {
  background: var(--text-hover);
}
.ClientInfo-module__clientInfo--eGu1v {
  display: flex;

  align-items: center;

  gap: var(--space-12px);
}

.ClientInfo-module__logoContainer--XMKP4 {
  flex-shrink: 0;
}

.ClientInfo-module__logo--dcVOT {
  width: 48px;
  height: 48px;

  border-radius: var(--space-6px);
  -o-object-fit: contain;
     object-fit: contain;
}

.ClientInfo-module__logoFallback--eptOX {
  font-size: 24px;
  font-weight: var(--weight-300);
  color: white;

  width: 48px;
  height: 48px;

  display: flex;

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

  background: var(--text-primary);
  border-radius: var(--space-6px);
}

.ClientInfo-module__details--Z6-dl {
  min-width: 0;

  flex: 1;
}

.ClientInfo-module__clientName--qNv4B {
  font-size: var(--text-16px);
  line-height: var(--text-24px);
  font-weight: var(--weight-300);
  color: var(--text-primary);

  margin: 0 0 var(--space-2px);
}

.ClientInfo-module__clientIdentifier--uAzXa {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  color: var(--text-secondary);

  margin: 0;
  word-break: break-all;
}
/* Page container - more compact than SignIn */
.OAuthConsent-module__pageContainer--G3SOV {
  min-height: 900px;
  padding: var(--space-120px) var(--space-72px) var(--space-32px);

  overflow-y: auto;

  justify-content: flex-start;
}

.OAuthConsent-module__contentWrapper--XzzpL {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;

  display: flex;

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

.OAuthConsent-module__logo--nqpHm {
  height: 28px;
  margin: 0 auto;
  width: 175px;
}

.OAuthConsent-module__content--8IF4t {
  width: 100%;

  display: flex;

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

.OAuthConsent-module__header--HHxCg {
  text-align: center;

  margin-bottom: var(--space-16px);
}

.OAuthConsent-module__title--wYEzm {
  color: var(--text-primary);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-28px);

  margin: 0 0 var(--space-4px);
}

.OAuthConsent-module__subtitle--VSv93 {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  color: var(--text-secondary);

  margin: 0;
}

.OAuthConsent-module__userInfo--OTmdp {
  padding: var(--space-12px);

  background: var(--background-tertiary);
  border-radius: var(--space-6px);
}

.OAuthConsent-module__userEmail--G6dEL {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  color: var(--text-secondary);

  margin: 0;
}

.OAuthConsent-module__userEmail--G6dEL strong {
  color: var(--text-primary);
  font-weight: var(--weight-300);
}

.OAuthConsent-module__redirectInfo--0cPy2 {
  margin-bottom: var(--space-12px);
  padding: var(--space-10px) var(--space-12px);

  background: var(--background-tertiary);
  border-radius: var(--space-6px);
}

.OAuthConsent-module__redirectLabel--QePxl {
  font-size: var(--text-10px);
  line-height: var(--text-12px);
  font-weight: var(--weight-300);
  color: var(--text-secondary);
  letter-spacing: 0.5px;
  text-transform: uppercase;

  margin: 0 0 var(--space-2px);
}

.OAuthConsent-module__redirectUri--HI4Qs {
  font-family: 'IBM Plex Mono', monospace;
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  color: var(--text-primary);

  margin: 0;
  word-break: break-all;
}

.OAuthConsent-module__loading--tS7Dn {
  text-align: center;

  padding: var(--space-32px) var(--space-16px);

  display: flex;

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

.OAuthConsent-module__spinner--yiOzH {
  width: 40px;
  height: 40px;
  margin-bottom: var(--space-12px);

  border: 3px solid var(--border-primary);
  border-radius: 50%;

  animation: OAuthConsent-module__spin--3Rvm- 0.8s linear infinite;
  border-top-color: var(--text-primary);
}

@keyframes OAuthConsent-module__spin--3Rvm- {
  to {
    transform: rotate(360deg);
  }
}

.OAuthConsent-module__loading--tS7Dn p {
  font-size: var(--text-14px);
  line-height: var(--text-20px);
  color: var(--text-secondary);

  margin: 0;
}

.OAuthConsent-module__consentError--ozWCp {
  padding: var(--space-12px);

  background: var(--background-negative);
  border: 1px solid var(--border-negative);
  border-radius: var(--space-6px);
}

.OAuthConsent-module__consentErrorTitle--3ekuE {
  font-size: var(--text-12px);
  line-height: var(--text-16px);
  font-weight: var(--weight-300);
  color: var(--text-negative);

  margin: 0;
}

.OAuthConsent-module__consentErrorCode--88n2M {
  font-size: var(--text-10px);
  line-height: var(--text-12px);
  color: var(--text-negative) !important;

  margin: 0 0 var(--space-6px);
}
.NetworkDetailsOverview-module__container--XhvSW {
  position: relative;
}

.NetworkDetailsOverview-module__callout--QjWcu {
  display: flex;

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

.NetworkDetailsOverview-module__calloutTrigger--Pg73f {
  position: absolute;
  inset: 0;

  align-self: auto;
}
.NetworkBodyCapture-module__trigger--vBwbA {
  white-space: nowrap;
}

.NetworkBodyCapture-module__modal--DJuMe {
  width: 605px;
}
.NetworkStatusQuickFilters-module__callout--2TUC6 {
  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
}
.SessionTimelineMessage-module__message--CSyNk {
  color: var(--grey-300);
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.SessionTimelineMessage-module__link--q5NlH {
  margin-left: var(--space-10px);
  padding: var(--base-space) var(--space-10px);

  display: inline-flex;
}
.TimelineDetailsTab-module__container--MUag0 {
  position: relative;

  display: grid;
  gap: var(--space-20px);
}

.TimelineDetailsTab-module__table---t-vc {
  min-width: 100%;
  width: auto;
}

.TimelineDetailsTab-module__emptyEvents--Hw5dw {
  color: var(--text-secondary);
}
.AffectedSessionDetail-module__container--EDzvu {
  position: relative;
}

.AffectedSessionDetail-module__logs--APVe6,
.AffectedSessionDetail-module__timeline--OjsNh {
  background: var(--background-secondary);
}

.AffectedSessionDetail-module__tab--TGSOL {
  color: var(--text-tertiary);
}

.AffectedSessionDetail-module__tab--TGSOL[aria-selected='true'] {
  color: var(--text-primary);
}
.AffectedSessionList-module__container--BwgJH {
  min-height: 500px;

  position: relative;
}

.AffectedSessionList-module__loading--6Qoqf {
  min-height: 400px;
}

.AffectedSessionList-module__row--bbwp1 {
  vertical-align: middle;
}

.AffectedSessionList-module__table--iPoSf tr:hover td.AffectedSessionList-module__handlerContainer--t7ype {
  background-color: var(--row-background-color);
}

.AffectedSessionList-module__table--iPoSf tr.AffectedSessionList-module__rowExpanded--qNSWL td.AffectedSessionList-module__handlerContainer--t7ype,
.AffectedSessionList-module__table--iPoSf tr:hover.AffectedSessionList-module__rowExpanded--qNSWL td.AffectedSessionList-module__handlerContainer--t7ype {
  background-color: var(--background-tertiary);
}

.AffectedSessionList-module__handlerContent--6Quj3 {
  color: var(--text-product-secondary);

  display: flex;

  justify-content: flex-end;
  align-items: center;
  gap: var(--base-space);
}

.AffectedSessionList-module__table--iPoSf tr .AffectedSessionList-module__handlerContainer--t7ype {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: -1px;
  z-index: 1;
}

.AffectedSessionList-module__table--iPoSf tr .AffectedSessionList-module__handlerContainer--t7ype .AffectedSessionList-module__handlerContent--6Quj3 {
  top: 5px;
  position: relative;
}

.AffectedSessionList-module__table--iPoSf tr .AffectedSessionList-module__handlerContainer--t7ype .AffectedSessionList-module__handlerContent--6Quj3 .AffectedSessionList-module__hoverControl--xHa02:not(.AffectedSessionList-module__expanded---qRgA) {
  opacity: 0;
}

.AffectedSessionList-module__table--iPoSf tr:hover .AffectedSessionList-module__handlerContainer--t7ype .AffectedSessionList-module__handlerContent--6Quj3 .AffectedSessionList-module__hoverControl--xHa02:not(.AffectedSessionList-module__expanded---qRgA) {
  opacity: 1;
}

.AffectedSessionList-module__ellipsis--F78ug {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.NetworkAffectedSessionsTable-module__ellipsis--yPxnC {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.NetworkAffectedSessionsTable-module__column--82rNJ {
  display: flex;
  gap: var(--space-8px);
}
.AffectedSessionRowHandlers-module__container--EnvsR {
  position: relative;
}

.AffectedSessionRowHandlers-module__tooltipContentForDisabled--QP7y8 {
  max-width: 240px;
}
.NetworkAffectedSessions-module__container--MFVbf {
  margin-top: var(--section-spacing-sub);

  display: flex;

  flex-direction: column;
}

.NetworkAffectedSessions-module__container--MFVbf > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.NetworkAffectedSessions-module__container--MFVbf > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}
.Banner-module__content--Qs3ta {
  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: var(--space-20px);
}
.NSFBanner-module__banner--vbRnu {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.GroupedPathIcon-module__tooltip--VTLFT {
  width: 256px;
}

.GroupedPathIcon-module__content--ZBO8f {
  display: flex;

  flex-direction: column;

  gap: var(--space-8px);
}

.GroupedPathIcon-module__content--ZBO8f a {
  font-weight: 500;
}
.Header-module__header--CScL2 {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.Header-module__title--GPcG0 {
  word-break: break-all;
}

.Header-module__callout--mT5fK {
  display: flex;

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

.Header-module__callout--mT5fK li::before {
  top: 8px;
}
.NetworkPathDetails-module__container--RAARd,
.NetworkPathDetails-module__section--46fac {
  display: flex;

  flex-direction: column;
}

.NetworkPathDetails-module__section--46fac > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.NetworkPathDetails-module__section--46fac > *:nth-child(2) {
  margin-bottom: var(--section-spacing-sub);
}

.NetworkPathDetails-module__controls--Hy5xY {
  display: flex;

  align-items: center;
}

.NetworkPathDetails-module__nsfBannerContainer--ly06A {
  margin-top: var(--section-spacing-sub);
}
.MobileExperience-module__container--swTFI {
  display: flex;

  flex: 1;
  flex-direction: column;

  background: var(--primary-brand);
}

.MobileExperience-module__body--UVsMX {
  text-align: center;

  margin: auto 10%;

  display: flex;

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

.MobileExperience-module__title--OpeCp {
  color: var(--brand-lead);
}

.MobileExperience-module__subtitle--EJhe1 {
  color: var(--brand-neutral700);
}

.MobileExperience-module__logo--Dt3sV {
  margin: var(--space-48px) auto 0;
  transform: scale(2.6);
}

.MobileExperience-module__logo--Dt3sV path {
  fill: var(--brand-lead);
}

.MobileExperience-module__button--ttlGG {
  margin: 0 15% var(--space-48px);
}
.LogStatistics-module__container--mAq7P {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.Pager-module__pager--FD8mY {
  display: flex;

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

.Pager-module__buttons--YnTIx {
  display: flex;
  gap: var(--space-12px);
}

.Pager-module__label--NFY0p {
  color: var(--text-primary);

  display: flex;

  align-items: center;
}

.Pager-module__pager--FD8mY.Pager-module__secondary--n116P {
  padding: var(--space-12px);

  place-content: center;

  background: var(--background-tertiary);
}
.ExceptionDetailsTab-module__title--gYSMx {
  color: var(--grey-100);

  margin-bottom: var(--space-8px);
}
.AffectedSessions-module__container--4renE {
  padding: 0;
}

.AffectedSessions-module__tabsContainer--Jgsue {
  margin: 0;
}

.AffectedSessions-module__tabContent--Apz2D {
  display: flex;

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

.AffectedSessions-module__listContent--ymdD4 {
  min-height: 500px;
}

.AffectedSessions-module__content--vuBCv {
  padding: var(--space-10px) var(--space-20px);
  gap: var(--space-24px);

  display: flex;

  flex-direction: column;
}

.AffectedSessions-module__noPadding--L-SKj {
  width: calc(100% + 40px);

  position: relative;
  left: -20px;
}

.AffectedSessions-module__badges--gV2F- {
  padding: var(--space-20px) 0;

  display: flex;

  justify-content: center;
}

.AffectedSessions-module__emptyContainer--w2uB- {
  min-height: 300px;

  display: flex;

  flex-direction: column;
  place-content: center;
}

.AffectedSessions-module__sticky--RNxFv {
  position: sticky;
  z-index: var(--table-sticky-header-z-index);
  box-shadow: var(--default-box-shadow);
}
.AggregatedLogHeader-module__ellipsis--FLQGz {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.AggregatedLogHeader-module__logType--RE4Au {
  display: inline-flex;
  gap: var(--space-8px);

  align-items: baseline;
}

.AggregatedLogHeader-module__subtype--wCUHt {
  color: var(--text-secondary);

  position: relative;
  top: 2px;
}

.AggregatedLogHeader-module__trend--In1wf {
  color: var(--text-primary);
}

.AggregatedLogHeader-module__summaryDetail--XfRS- {
  color: var(--text-secondary);

  position: relative;

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

.AggregatedLogHeader-module__summaryDetail--XfRS-::after {
  width: 1px;
  height: 100%;
  min-height: 20px;

  position: absolute;
  top: 50%;

  /* --space-24px is half of `.summaryContent` gap */
  left: calc(100% + var(--space-24px));

  display: inline-block;

  background: var(--text-secondary);
  content: '';
  opacity: 0.2;
  transform: translateY(-50%);
}

.AggregatedLogHeader-module__summaryDetail--XfRS-:last-of-type::after {
  content: none;
}

.AggregatedLogHeader-module__summaryDetailValue--Ao8rC {
  color: var(--text-primary);
  text-align: right;
}

.AggregatedLogHeader-module__summaryDetailValue--Ao8rC.AggregatedLogHeader-module__columns--w1nGH {
  display: inline-flex;
  gap: var(--space-8px);
}
.LogDetails-module__container--0-wcR,
.LogDetails-module__section--aqzCU {
  display: flex;

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

.LogDetails-module__section--aqzCU {
  gap: var(--section-spacing-min);
}

/* To check if this goes here */

.LogDetails-module__ellipsis--eqlae {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.LogDetails-module__logType--1ddeR {
  display: inline-flex;
  gap: var(--space-8px);

  align-items: baseline;
}

.LogDetails-module__subtype--xx4HN {
  color: var(--text-secondary);

  position: relative;
  top: 2px;
}

.LogDetails-module__trend--72ZKg {
  color: var(--text-primary);
}

.LogDetails-module__summaryDetail--nSjTy {
  color: var(--text-secondary);

  position: relative;

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

.LogDetails-module__summaryDetail--nSjTy::after {
  width: 1px;
  height: 100%;
  min-height: 20px;

  position: absolute;
  top: 50%;

  /* --space-24px is half of `.summaryContent` gap */
  left: calc(100% + var(--space-24px));

  display: inline-block;

  background: var(--text-secondary);
  content: '';
  opacity: 0.2;
  transform: translateY(-50%);
}

.LogDetails-module__summaryDetail--nSjTy:last-of-type::after {
  content: none;
}

.LogDetails-module__summaryDetailValue--eDigj {
  color: var(--text-primary);
  text-align: right;
}

.LogDetails-module__summaryDetailValue--eDigj.LogDetails-module__columns--eBSq- {
  display: inline-flex;
  gap: var(--space-8px);
}
.TopWildcardedValues-module__title--dP6z1 {
  color: var(--text-strong);
}

.TopWildcardedValues-module__row--s0Odk {
  display: flex;
  gap: var(--base-space);

  cursor: pointer;

  align-items: center;
  align-self: start;
}

.TopWildcardedValues-module__infoIcon--P3FZ7 {
  color: var(--icon-default);
}

.TopWildcardedValues-module__collapsedSection--TTHhD {
  display: flex;

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

.TopWildcardedValues-module__card--evrDz {
  max-height: 272px;
  padding: var(--space-8px);

  overflow-y: auto;

  flex-direction: column;

  background-color: var(--background-secondary);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

.TopWildcardedValues-module__card--evrDz > :nth-child(even) {
  background-color: var(--background-tertiary);
}

.TopWildcardedValues-module__tokenRow--HFE4Q {
  padding: var(--space-8px);

  display: flex;

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

.TopWildcardedValues-module__wildcardText--R2lcj {
  color: var(--text-primary);
  white-space: nowrap;

  min-width: 0;

  overflow: hidden;

  flex: 1 1 0;
  text-overflow: ellipsis;
}

.TopWildcardedValues-module__pct--9w-X8 {
  color: var(--text-primary);

  flex-shrink: 0;
}

.TopWildcardedValues-module__sampleText--CAIIp {
  color: var(--text-secondary);
  white-space: nowrap;

  overflow: hidden;

  flex: 1;
  text-overflow: ellipsis;
}

.TopWildcardedValues-module__sampleEntry--TNIJC {
  min-width: 0;

  display: flex;

  flex: 2 1 0;
  justify-content: space-between;
  gap: var(--space-8px);
}

.TopWildcardedValues-module__samplesRow--DR5-n {
  display: flex;
}

.TopWildcardedValues-module__divider--8hkGs {
  width: 1px;
  height: 16px;

  background: var(--border-primary);
}

.TopWildcardedValues-module__collapsible--9vffm {
  min-width: 0;

  display: flex;

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

.TopWildcardedValues-module__showMore--IMKXT {
  color: var(--text-product-secondary);
  cursor: pointer;

  align-self: start;
}
.LogCorrelation-module__container--9Yq5g {
  position: relative;

  display: grid;
  gap: var(--space-20px);
}
.OptionList-module__list--NXzWx {
  max-height: var(--space-128px);

  position: relative;

  display: flex;
  overflow: auto;

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

.OptionList-module__item--R6MDI {
  font-size: var(--text-16px);

  position: relative;

  display: flex;
  -moz-column-gap: var(--base-space);
       column-gap: var(--base-space);
}

.OptionList-module__icon---4nEd {
  position: relative;
}

.OptionList-module__emptyIcon--xszKP {
  width: var(--space-20px);
  height: var(--space-20px);

  position: relative;

  display: inline-block;
}
.BackButton-module__container--YB9-1 {
  font-size: var(--text-16px);
  font-weight: var(--weight-300);
  line-height: var(--text-24px);
  color: var(--grey-100);

  position: relative;

  display: inline-flex;

  align-items: center;
  -moz-column-gap: var(--space-8px);
       column-gap: var(--space-8px);
  cursor: pointer;
}
.Snooze-module__container--wOU-g {
  color: var(--grey-100);

  position: relative;

  display: grid;
  gap: var(--space-18px);
}

.Snooze-module__content--HXYx7 {
  padding-left: var(--space-24px);
}

.Snooze-module__options--Wf-DZ {
  position: relative;

  display: grid;
  gap: var(--space-16px);
}

.Snooze-module__option--J9Ca3 {
  cursor: pointer;

  display: grid;
  gap: var(--space-10px);
}

.Snooze-module__optionContent--CY6RL {
  padding-left: var(--space-32px);
}

.Snooze-module__button---xWz4 {
  width: var(--space-140px);
}
.Resolve-module__container--VA0K5 {
  color: var(--grey-100);

  position: relative;

  display: grid;
  gap: var(--space-18px);
}

.Resolve-module__content--5b51U {
  padding-left: var(--space-24px);
}

.Resolve-module__options--M2yLG {
  position: relative;

  display: grid;
  gap: var(--space-16px);
}

.Resolve-module__option--xxwWH {
  cursor: pointer;

  display: grid;
  gap: var(--space-10px);
}

.Resolve-module__optionContent--LloSE {
  padding-left: var(--space-32px);
}

.Resolve-module__button--3kUYg {
  width: var(--space-140px);
}
/* stylelint-disable no-descending-specificity */
.IssuesWorkflow-module__container--C04-N {
  position: relative;
}

.IssuesWorkflow-module__disabledContainer--yKO3E * {
  color: var(--text-disabled) !important;
  pointer-events: none;
}

.IssuesWorkflow-module__spinnerContainer--1JRHp {
  z-index: 1;

  display: flex;

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

.IssuesWorkflow-module__spinnerContainer--1JRHp:not(.IssuesWorkflow-module__inline--va1I7),
.IssuesWorkflow-module__content--S0T-I.IssuesWorkflow-module__inline--va1I7 {
  max-height: var(--space-16px);

  align-items: center;
}

.IssuesWorkflow-module__content--S0T-I {
  color: var(--grey-100);

  padding: var(--space-10px);

  position: relative;

  display: flex;

  justify-content: space-between;

  border: 1px solid var(--border-primary);
  border-radius: 4px;
  cursor: pointer;
  gap: var(--space-8px);
}

[aria-expanded='true'] .IssuesWorkflow-module__content--S0T-I:not(.IssuesWorkflow-module__inline--va1I7) {
  border: 1px solid var(--primary-400);
}

.IssuesWorkflow-module__content--S0T-I.IssuesWorkflow-module__inline--va1I7 {
  padding: 0;

  display: inline-flex;

  justify-content: flex-start;

  border: none;
  border-radius: 0;
}

.IssuesWorkflow-module__content--S0T-I.IssuesWorkflow-module__inline--va1I7::before {
  width: 100%;
  height: 100%;
  padding: var(--space-8px);

  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;

  display: inline-block;

  background: var(--grey-700);
  border-radius: 4px;
  transform: translate(-50%, -50%);
}

.IssuesWorkflow-module__content--S0T-I.IssuesWorkflow-module__inline--va1I7:hover::before {
  content: '';
}

.IssuesWorkflow-module__option--OHdaD {
  color: var(--grey-200);

  padding: var(--space-16px);

  display: flex;
  cursor: pointer;
}

.IssuesWorkflow-module__option--OHdaD:hover {
  background-color: var(--grey-800);
}

.IssuesWorkflow-module__option--OHdaD.IssuesWorkflow-module__disabled--ZIDmd {
  cursor: not-allowed;
  opacity: 0.5;
}

.IssuesWorkflow-module__optionsContainer--ihXy4 {
  position: relative;
}

.IssuesWorkflow-module__options--Qv50n,
.IssuesWorkflow-module__suboptions--mFWfR {
  width: 100%;
  max-height: var(--space-386px);

  position: absolute;
  top: calc(100% + var(--space-8px));
  right: auto;
  left: 0;
  z-index: var(--popover-content-z-index);

  display: inline-block;
  overflow: scroll;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-700);
  border-radius: 4px;
  box-shadow: var(--floating-card-box-shadow);
}

.IssuesWorkflow-module__inline--va1I7 .IssuesWorkflow-module__options--Qv50n,
.IssuesWorkflow-module__inline--va1I7 .IssuesWorkflow-module__suboptions--mFWfR {
  width: 220px;

  left: calc(var(--space-8px) * -1);
}

.IssuesWorkflow-module__suboptions--mFWfR {
  padding: var(--space-16px);
}

.IssuesWorkflow-module__label---EJr2 {
  display: flex;

  justify-content: space-between;
}

.IssuesWorkflow-module__leftIcon--eVUjs {
  cursor: pointer;
  place-self: center end;

  position: relative;
}
/* stylelint-disable no-descending-specificity */
.IssuesList-module__container--15joI {
  position: relative;
}

.IssuesList-module__pager--DTexV {
  padding: var(--space-20px) var(--space-10px);

  display: flex;

  justify-content: flex-end;
}

.IssuesList-module__issueNameTrigger--BgECg {
  word-break: normal;
  overflow-wrap: anywhere;
}

.IssuesList-module__issueDetailTrigger---VVmV {
  color: var(--text-tertiary);
  word-break: normal;
  overflow-wrap: anywhere;
}

table tr th.IssuesList-module__actionsColumn--wmiD6 {
  padding: var(--space-8px);
}

table tr:not(:hover) td.IssuesList-module__actionsColumn--wmiD6,
table tr td.IssuesList-module__actionsColumn--wmiD6:empty {
  background: transparent;
}

table tr td.IssuesList-module__actionsColumn--wmiD6.IssuesList-module__actionsColumnWithoutSidebar--L7k1F .IssuesList-module__selected--OIyHU {
  background: var(--row-background-color);
  outline: 100px solid var(--row-background-color);
}

.IssuesList-module__actionButton--w-Bfn {
  color: var(--text-product-secondary);

  display: flex;

  justify-content: flex-end;
  align-items: center;
  gap: var(--base-space);
}

table tr td.IssuesList-module__actionsColumn--wmiD6 {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);

  position: sticky;
  right: -1px;
  z-index: 1;

  overflow: hidden;

  background: var(--row-background-color, transparent);
}

.IssuesList-module__tableContainer--v5UWh:not(.IssuesList-module__showAllCheckboxes--7-NpJ) table tr:hover td.IssuesList-module__actionsColumn--wmiD6::before,
.IssuesList-module__tableContainer--v5UWh:not(.IssuesList-module__showAllCheckboxes--7-NpJ) table tr:hover td.IssuesList-module__actionsColumn--wmiD6::after {
  width: 100%;
  height: 1px;

  position: absolute;
  top: -1px;
  left: 0;
  border-bottom: 0.5px solid var(--border-product);
  content: '';
}

.IssuesList-module__tableContainer--v5UWh:not(.IssuesList-module__showAllCheckboxes--7-NpJ)
  table
  tr:first-child:hover
  td.IssuesList-module__actionsColumn--wmiD6::before {
  border-width: 1px;
}

.IssuesList-module__tableContainer--v5UWh:not(.IssuesList-module__showAllCheckboxes--7-NpJ) table tr:hover td.IssuesList-module__actionsColumn--wmiD6::after {
  top: auto;
  bottom: 0;
}

table tr .IssuesList-module__actionsColumn--wmiD6 .IssuesList-module__actionButton--w-Bfn.IssuesList-module__selected--OIyHU {
  display: flex;
}

table tr .IssuesList-module__actionsColumn--wmiD6 .IssuesList-module__actionButton--w-Bfn {
  transform: scaleY(1.03);
}

tr .IssuesList-module__actionButton--w-Bfn:not(.IssuesList-module__selected--OIyHU) {
  display: none;
}

tr:hover .IssuesList-module__actionButton--w-Bfn:not(.IssuesList-module__selected--OIyHU) {
  display: flex;
}

.IssuesList-module__hideTroubleshoot--3AHXF tr .IssuesList-module__actionButton--w-Bfn,
.IssuesList-module__hideTroubleshoot--3AHXF tr:hover .IssuesList-module__actionButton--w-Bfn {
  display: none;
}

.IssuesList-module__state--gLXf6 {
  /*
   * NOTE: Tweak. Forcing the height of this element
   * to match with the dropdown that will appear
   * if the bulk selection is active
   */
  line-height: 19px;
  color: var(--grey-100);
  text-transform: capitalize;

  min-width: var(--space-140px);
  margin: 0;
}

.IssuesList-module__issuesWorkflow--lj2VQ {
  min-width: var(--space-140px);
}

.IssuesList-module__bulkCheckbox--ewD2w,
.IssuesList-module__checkbox--pjl4X {
  position: relative;
}

.IssuesList-module__bulkActions--wtaNN {
  width: 100%;
  max-height: 52px;
  padding: var(--row-y-padding) var(--row-x-padding);

  position: absolute;
  z-index: 6;

  display: flex;

  align-items: center;

  background: var(--grey-900);
  gap: var(--section-spacing-main);
}

.IssuesList-module__description--1RvE4 {
  max-width: 400px;
}

.IssuesList-module__description--1RvE4.IssuesList-module__sideBarExpanded--nXvto {
  max-width: 248px;
}

.IssuesList-module__firstSeen--OK2RO,
.IssuesList-module__lastSeen--t1Mn6,
.IssuesList-module__versions--eW0cR {
  width: var(--space-96px);
  overflow-wrap: anywhere;
}

.IssuesList-module__followingTag--xrYhK {
  font-size: var(--text-10px);
  font-weight: var(--weight-200);
  line-height: var(--text-10px);
  color: var(--primary-200);

  padding: var(--space-half-base) var(--space-8px);

  position: relative;
  top: -2px;

  border: solid 1px var(--primary-200);
  border-radius: var(--space-12px);
}

.IssuesList-module__emptyName--FdAsh {
  display: flex;
  gap: var(--space-10px);
}

.IssuesList-module__tooltipAnrType--2HPCj {
  display: flex;
  flex-flow: column;
  gap: var(--space-8px);
}

.IssuesList-module__tooltipAnrType--2HPCj ul {
  margin: 0;
  padding-inline-start: var(--space-16px);
}

.IssuesList-module__shortTooltip--YH6IB {
  width: 130px;
}

.IssuesList-module__tableContainer--v5UWh:not(.IssuesList-module__showAllCheckboxes--7-NpJ) .IssuesList-module__checkbox--pjl4X {
  visibility: hidden;
}

.IssuesList-module__tableContainer--v5UWh tr:hover .IssuesList-module__checkbox--pjl4X,
.IssuesList-module__tableContainer--v5UWh .IssuesList-module__rowSelected--g1NWh.IssuesList-module__checkbox--pjl4X {
  visibility: visible;
}

.IssuesList-module__columnDisabled--u0vAk {
  color: var(--text-tertiary);
}
.QuickFilters-module__container--MVctL {
  display: flex;

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

.QuickFilters-module__statusFilter--1B9vS {
  height: 36px;
}

.QuickFilters-module__statusFilter--1B9vS,
.QuickFilters-module__statusDropdown--Vdveh {
  min-width: 130px;
}

.QuickFilters-module__statusDropdownContainer--07Hc- {
  min-width: -moz-max-content;
  min-width: max-content;
}

.QuickFilters-module__slowRootSpansCalloutActions--zuBjB {
  display: flex;
  gap: var(--space-8px);
}
/* stylelint-disable no-descending-specificity */

/* metrics */
.OverviewMetricsCardLoaded-module__content--WnNVD {
  display: flex;
  gap: var(--space-48px);

  justify-content: space-between;
}

.OverviewMetricsCardLoaded-module__mainMetricTooltipContent--gcofw {
  display: flex;
  gap: var(--space-8px);
}

.OverviewMetricsCardLoaded-module__mainMetricTooltipTrigger--YCH8X {
  height: 100%;
}

.OverviewMetricsCardLoaded-module__mainMetricTooltipContent--gcofw .OverviewMetricsCardLoaded-module__label--ggYti,
.OverviewMetricsCardLoaded-module__mainMetricTooltipContent--gcofw .OverviewMetricsCardLoaded-module__value--O-R05 {
  font-size: var(--text-10px);
  font-weight: var(--weight-300);
  line-height: normal;
}

/* mainMetric */
.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B {
  height: 100%;

  display: flex;

  flex-direction: column;

  gap: var(--space-4px);
}

.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B::after {
  /* trick to add the border between flex gaps until css full support of new grid properties is ready */
  width: 1px;
  height: calc(100% - var(--space-8px));

  position: absolute;
  top: 50%;
  right: -24px;

  display: inline-block;

  background: var(--grey-700);
  content: '';
  transform: translateY(-50%);
}

/* mainMetric value */

.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B .OverviewMetricsCardLoaded-module__value--O-R05 {
  color: var(--grey-100);
  font-size: var(--text-40px);
  font-weight: var(--weight-100);
}

/* main metric trend */

.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B .OverviewMetricsCardLoaded-module__trendContainer--EkYph {
  display: flex;

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

.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B .OverviewMetricsCardLoaded-module__trendContainer--EkYph .OverviewMetricsCardLoaded-module__footer--I-OzV {
  color: var(--text-tertiary);
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  letter-spacing: 0.0015rem;
  line-height: var(--text-16px);
  white-space: nowrap;
}

/* secondary metrics trend */
.OverviewMetricsCardLoaded-module__secondaryMetricTooltipContent--yLsX9 {
  display: flex;

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

.OverviewMetricsCardLoaded-module__secondaryMetricTooltipContent--yLsX9 .OverviewMetricsCardLoaded-module__row--jD0VR {
  display: flex;
  gap: var(--space-8px);

  justify-content: space-between;
}

.OverviewMetricsCardLoaded-module__secondaryMetricTooltipContent--yLsX9 .OverviewMetricsCardLoaded-module__row--jD0VR .OverviewMetricsCardLoaded-module__label--ggYti,
.OverviewMetricsCardLoaded-module__secondaryMetricTooltipContent--yLsX9 .OverviewMetricsCardLoaded-module__row--jD0VR .OverviewMetricsCardLoaded-module__value--O-R05 {
  font-size: var(--text-10px);
  font-weight: var(--weight-300);
  line-height: normal;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer2Columns--njjOI {
  --grid-template-columns: repeat(2, max-content);
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw {
  display: grid;

  grid-auto-rows: min-content;

  grid-template-columns: var(--grid-template-columns, auto);
  align-items: center;
  align-content: center;
  gap: var(--space-20px);
  grid-auto-flow: row;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContent--Ks8vi {
  display: flex;

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

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__label--ggYti {
  color: var(--text-tertiary);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  letter-spacing: 0.0015rem;
  line-height: var(--text-16px);
  white-space: nowrap;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__valueContainer--JjHMo {
  display: flex;

  gap: var(--space-8px);
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__value--O-R05 {
  color: var(--text-primary);
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: normal;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__diff--nIXpw {
  color: var(--text-tertiary);
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: normal;
  white-space: nowrap;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__diff--nIXpw.OverviewMetricsCardLoaded-module__positive--ZrJt3 {
  color: var(--text-success);
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__diff--nIXpw.OverviewMetricsCardLoaded-module__negative--tqO-a {
  color: var(--text-negative);
}

.OverviewMetricsCardLoaded-module__emptyState--yQVid {
  font-size: var(--text-40px);
  font-weight: var(--weight-100);

  /* Try to keep the same size as when there's data */
  line-height: 64px;

  min-width: 446px;
}

.OverviewMetricsCardLoaded-module__emptyComparisonData--paBjX {
  color: var(--text-tertiary);
}

.OverviewMetricsCardLoaded-module__populatingData--BCTLa {
  margin-top: var(--space-8px);
}
/* card */
.OverviewMetricsCard-module__container--jjSZm {
  padding: var(--chart-padding);
  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: var(--base-space);
  gap: var(--space-16px);
}

/* title */
.OverviewMetricsCard-module__heading--AoNZl {
  color: var(--grey-200);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
}

.OverviewMetricsCard-module__loading--JSFvp {
  min-height: var(--space-48px);
  min-width: var(--space-408px);
}
.IssuesOverviewMetrics-module__container--s2ID5 {
  display: flex;
  gap: var(--space-16px);
}
.HistoryItem-module__container--JV6YQ {
  position: relative;
  z-index: 1;

  display: flex;

  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-12px);
}

.HistoryItem-module__container--JV6YQ::after {
  width: 2px;
  height: calc(100% + 16px);

  position: absolute;
  top: 10px;
  left: 2px;
  z-index: 0;

  display: inline-block;

  background: var(--grey-700);
  content: '';
}

.HistoryItem-module__container--JV6YQ.HistoryItem-module__last--3aZXC::after {
  content: none;
}

.HistoryItem-module__dot--0hl5D {
  width: 6px;
  height: 6px;

  position: relative;
  z-index: 1;

  display: inline-block;

  background: var(--grey-300);
  border-radius: 50%;
}

.HistoryItem-module__dot--0hl5D.HistoryItem-module__alert--VFwsJ {
  background: var(--chart-negative);
}

.HistoryItem-module__content--9X1WE {
  display: grid;

  flex-wrap: wrap;
  gap: var(--space-16px);
  grid-auto-flow: column;

  grid-template-columns: 125px minmax(80px, 185px);
}

.HistoryItem-module__message--qB0gh,
.HistoryItem-module__timestamp--uYtxc {
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
}

.HistoryItem-module__timestamp--uYtxc {
  color: var(--grey-300);
}

.HistoryItem-module__message--qB0gh {
  color: var(--grey-100);
}
.HistoryTimeline-module__container--nKSsc {
  position: relative;

  display: grid;
  gap: var(--space-16px);
  grid-auto-flow: row;
}

.HistoryTimeline-module__empty--25KeR {
  color: var(--grey-300);
  font-size: var(--space-12px);
  font-weight: var(--weight-100);

  margin: 0;
  padding: 0;
}
.FollowIssueButton-module__container--Hfg7- {
  max-height: var(--space-16px);

  display: flex;

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

.FollowIssueButton-module__content--z8wHA {
  color: var(--primary-200);
  cursor: pointer;

  font-size: var(--text-14px);
  font-weight: var(--weight-300);
}

.FollowIssueButton-module__content--z8wHA.FollowIssueButton-module__disabled--4i-qh {
  cursor: not-allowed;
  opacity: 0.8;
}
/* stylelint-disable no-descending-specificity */
.SideBar-module__container--R73NM {
  width: 100%;
  height: 100%;
  padding: var(--space-16px) 0 0;

  position: relative;

  display: grid;

  grid-template-rows: auto 1fr;
  gap: var(--space-16px);
}

/*
 * Details
 */
.SideBar-module__details--wczps {
  padding: 0 var(--space-20px);

  display: grid;
  gap: var(--space-16px);
}

.SideBar-module__collapsibleTitle--vqkfe {
  color: var(--grey-100);

  display: inline-flex;

  align-items: center;
  cursor: pointer;
}

.SideBar-module__follow--GUjY6 {
  position: absolute;
  right: var(--space-18px);
  top: var(--space-18px);
}

.SideBar-module__detailsContent--3QaYI {
  display: grid;
  gap: var(--space-12px);
}

/*
 * Owners
 */
.SideBar-module__ownersSection--z2WUD {
  padding: var(--space-10px) var(--space-20px) 0;

  display: flex;

  flex-direction: column;
  border-top: solid 1px var(--grey-700);
  gap: var(--card-sub2-spacing);
}

.SideBar-module__owners--kiNh4 {
  display: flex;

  flex-wrap: wrap;
  gap: var(--card-min-spacing);
}

/*
 * Comments
 */
.SideBar-module__tabsContainer--GDpNh {
  padding-top: var(--space-10px);

  display: grid;

  grid-template-rows: min-content min-content;
  border-top: solid 1px var(--grey-700);
}

.SideBar-module__tabContent--PAgB5 {
  --max-tab-content-height: 280px;
  --input-comment-height: 89px;
  --input-post-button-height: 44px;

  display: grid;
  overflow-y: auto;
}

.SideBar-module__tabs--0uqag,
.SideBar-module__historyContent--pPbHK,
.SideBar-module__commentsContent--rbrBu,
.SideBar-module__commentsInput--XTvSW {
  margin: 0 var(--space-20px);
  width: calc(100% - var(--space-40px));
}

.SideBar-module__tabContent--PAgB5 .SideBar-module__historyContent--pPbHK {
  max-height: var(--max-tab-content-height);

  overflow: auto;
}

.SideBar-module__tabContent--PAgB5 .SideBar-module__commentsContent--rbrBu {
  /* `--input-comment-height` is specifically the height of the input that is after the comments container */
  max-height: calc(
    var(--max-tab-content-height) - var(--input-comment-height) -
      var(--input-post-button-height)
  );
  margin: var(--text-20px);

  overflow: auto;
}

.SideBar-module__historyContent--pPbHK,
.SideBar-module__commentsInput--XTvSW {
  padding: var(--text-20px) 0;
}

.SideBar-module__commentsEmpty--6SL67 {
  color: var(--grey-300);
  font-size: var(--space-12px);
  font-weight: var(--weight-100);

  margin: 0;
}

.SideBar-module__commentsInput--XTvSW {
  display: grid;

  border-top: solid 1px var(--grey-800);
}
.IssuesOverview-module__container--rffgE {
  display: flex;

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

.IssuesOverview-module__title--aF7WV {
  line-height: var(--text-18px);
}

.IssuesOverview-module__table--zNKF- {
  display: flex;

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

.IssuesOverview-module__filters--Hhw0N {
  display: grid;
  gap: var(--section-spacing-sub);
}

.IssuesOverview-module__tableAndSideBar--Uy65i {
  padding: 0;
}

.IssuesOverview-module__empty--8sijD {
  padding: var(--chart-padding);

  display: grid;

  place-content: center;
}

.IssuesOverview-module__listContent--KSP5b {
  width: 100%;

  /* overflow-y: auto; */
}
.SeverityScoreCell-module__empty--Ng7t5 {
  color: var(--text-tertiary);
}
.ExceptionDescriptionCell-module__description--bTmOd a {
  color: var(--text-tertiary);
}

.ExceptionDescriptionCell-module__detail--FOm12 {
  color: var(--text-primary);
}

.ExceptionDescriptionCell-module__descriptionTooltipContent--Pgfan,
.ExceptionDescriptionCell-module__descriptionTooltipContent--Pgfan * {
  white-space: nowrap;

  width: 300px;

  overflow: hidden;

  text-overflow: ellipsis;
}
.ExceptionSummary-module__container--w-kXa,
.ExceptionSummary-module__section--Ux-x6 {
  display: flex;

  flex-direction: column;
}

.ExceptionSummary-module__container--w-kXa {
  gap: var(--section-spacing-sub);
}

.ExceptionSummary-module__section--Ux-x6 > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.ExceptionSummary-module__section--Ux-x6 > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}
.FlutterSummary-module__container--0L1ns,
.FlutterSummary-module__section--3alXN {
  display: flex;

  flex-direction: column;
}

.FlutterSummary-module__container--0L1ns {
  gap: var(--section-spacing-sub);
}

.FlutterSummary-module__section--3alXN > *:not(:last-child) {
  margin-bottom: var(--section-spacing-sub);
}

.FlutterSummary-module__section--3alXN > *:nth-child(2) {
  margin-bottom: var(--section-spacing-min);
}
.IssueStackTrace-module__row--ywyDc {
  display: flex;

  justify-content: flex-end;
}

.IssueStackTrace-module__stackTraceContainer--JTkTt {
  border-radius: 0 0 var(--base-space) var(--base-space);

  transition: border-color 300ms var(--entering-animation-curve);
}

.IssueStackTrace-module__collapseContainer--ub7Im .IssueStackTrace-module__stackTraceContainer--JTkTt {
  border-color: transparent;
}

.IssueStackTrace-module__collapseContainerExpanded--w5jgu .IssueStackTrace-module__stackTraceContainer--JTkTt {
  border-color: var(--border-primary);
}

.IssueStackTrace-module__collapseContainer--ub7Im {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.IssueStackTrace-module__collapseContainerExpanded--w5jgu {
  grid-template-rows: 1fr;
}

.IssueStackTrace-module__collapseContent---FUdI {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .IssueStackTrace-module__collapseContainer--ub7Im,
  .IssueStackTrace-module__stackTraceContainer--JTkTt {
    transition: none;
  }
}
.IssueMetricGraph-module__cardContainer---96TW {
  margin: var(--space-20px) 0 var(--space-20px) 0;
}

.IssueMetricGraph-module__title--0kvHk {
  margin-bottom: var(--space-16px);
}
.IssueDistributions-module__group--FiR6L {
  width: var(--space-1024px);

  display: flex;

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

.IssueDistributions-module__group--FiR6L > div {
  flex: 0.5;
}
.IssueManagement-module__container--wcVYf {
  position: relative;
  z-index: 1;
}

.IssueManagement-module__label--toOzr {
  margin-top: calc(var(--space-8px) * -1);

  display: flex;

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

.IssueManagement-module__handlers--8hz05 {
  display: flex;
  gap: var(--base-space);
}

.IssueManagement-module__title--dfm-N {
  color: var(--grey-100);
}
:root {
  --issues-management-width: 300px;
}

.IssueContextStickyHeader-module__container--WNgAq {
  display: grid;
  gap: var(--card-padding);
  grid-auto-columns: auto var(--issues-management-width);
  grid-auto-flow: column;
}

.IssueContextStickyHeader-module__stickyContainer--Zm7Qp {
  min-width: 1250px;
}

.IssueContextStickyHeader-module__row--gUEYk {
  width: 100%;

  display: grid;
  gap: var(--space-48px);
  grid-auto-flow: column;
}

.IssueContextStickyHeader-module__row--gUEYk.IssueContextStickyHeader-module__small--QoR5C {
  flex-direction: column;
}

.IssueContextStickyHeader-module__context--UQEy6 {
  min-width: 0;

  display: flex;
  overflow: hidden;
  gap: var(--section-spacing-main);
}

.IssueContextStickyHeader-module__management--JeXWf {
  width: var(--issues-management-width);
  padding: 0;

  background-color: var(--background-tertiary);
  align-content: stretch;

  border: 0;
}

.IssueContextStickyHeader-module__contentAlign--XO1YQ {
  align-self: end;
}

.IssueContextStickyHeader-module__titleAlign--9EleQ {
  align-self: end;
}

.IssueContextStickyHeader-module__version--TaqhU {
  max-width: 100px;
}

.IssueContextStickyHeader-module__ellipsis--TiDXE {
  display: -webkit-box;
  -webkit-box-orient: vertical;

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

.IssueContextStickyHeader-module__lines3--JfV13 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.IssueContextStickyHeader-module__lines1--0BWRB {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.IssueContextStickyHeader-module__column--NpaZi {
  min-width: 0;

  display: flex;

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

.IssueContextStickyHeader-module__description--xl5YD {
  min-width: 0;

  display: flex;

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

.IssueContextStickyHeader-module__grow--Ffzzc {
  flex: 1;
}

.IssueContextStickyHeader-module__grid--yemIv {
  position: relative;

  display: grid;

  grid-template-columns: repeat(2, max-content);
  grid-template-rows: min-content;
  align-items: baseline;
  gap: var(--base-space) var(--card-padding);
}

/* Divider line */
.IssueContextStickyHeader-module__grid--yemIv::after {
  width: 1px;
  height: calc(100% + var(--space-200px));

  position: absolute;
  top: 50%;
  right: calc(var(--card-padding) * -1);

  display: inline-block;

  background: var(--grey-700);
  content: '';
  transform: translateY(-50%);
}

.IssueContextStickyHeader-module__grid--yemIv:last-of-type::after {
  content: none;
}

.IssueContextStickyHeader-module__columnsWithDivider--jvR9H {
  min-width: 0;

  display: flex;
  overflow-y: hidden;

  align-self: baseline;
  gap: var(--space-36px);

  align-items: flex-end;
}

.IssueContextStickyHeader-module__title--s0z2w {
  color: var(--text-primary);

  min-width: 0;

  display: flex;
  overflow: hidden;
  gap: var(--space-8px);
}

.IssueContextStickyHeader-module__titleIcon--rMRVE {
  flex-shrink: 0;
}

.IssueContextStickyHeader-module__titleTooltip--uLPl8 {
  min-width: 0;

  flex: 1;
}

.IssueContextStickyHeader-module__titleContentTooltip--qWREf {
  max-width: var(--space-300px);
}

.IssueContextStickyHeader-module__subTitle--i0LT3 {
  color: var(--text-tertiary);

  display: grid;
  row-gap: var(--space-10px);
}

.IssueContextStickyHeader-module__detailContentTooltip--wcpMt {
  max-width: var(--space-300px);
}

/* Typography styles are now handled by Typography components, color classes remain for semantic styling */
.IssueContextStickyHeader-module__label--voXT- {
  color: var(--text-tertiary);
}

.IssueContextStickyHeader-module__value--n-JC4 {
  color: var(--text-primary);
}

.IssueContextStickyHeader-module__appStateBar--RnvVv {
  min-width: var(--space-64px);
}

/* NOTE: To create FadeOutContent component and move it there */
.IssueContextStickyHeader-module__activeFade--ulmhi {
  max-height: 80px;
  cursor: pointer;

  position: relative;

  overflow: hidden;
}

.IssueContextStickyHeader-module__activeFade--ulmhi::after {
  width: 100%;
  height: 50%;

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  display: inline-block;

  background: linear-gradient(
    180deg,
    rgb(23 26 33 / 0%) 0%,
    rgb(23 26 33 / 50%) 30%,
    rgb(23 26 33 / 100%) 100%
  );
  content: '';
}

.IssueContextStickyHeader-module__alignSelfEnd--6YU3y {
  align-self: end;
  align-items: baseline;
}

.IssueContextStickyHeader-module__flexAlignEnd--Jngju {
  display: flex;

  align-items: flex-end;
}

.IssueContextStickyHeader-module__issueManagementContainer--gIyF1 {
  width: 300px;
}

.IssueContextStickyHeader-module__issueManagementPosition--LC8mP {
  position: absolute;
  bottom: 16px;
}
.FlutterDetails-module__container--P6Vnu {
  display: grid;
  gap: var(--space-20px);
}

.FlutterDetails-module__metric--A2w9Y {
  margin: 0;
}

.FlutterDetails-module__affectedSessionsTitle--GXSgz {
  color: var(--text-primary);
}
.ExceptionAffectedSessions-module__container--Kwy9v {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-min);
}
.ExceptionDetails-module__container--5bvv7 {
  display: grid;
  gap: var(--section-spacing-main);
}

.ExceptionDetails-module__metric--t2egt {
  margin: 0;
}
.DashboardTable-module__clickable--ErMIk {
  cursor: pointer;
}

.DashboardTable-module__notClickable--d5jNC {
  cursor: not-allowed;
}

.DashboardTable-module__textPrimary--IqMP1 {
  color: var(--text-primary);
}

.DashboardTable-module__textSecondary--rdx20 {
  color: var(--text-secondary);
}

.DashboardTable-module__row--1UxNx {
  display: flex;

  flex-direction: row;
  gap: var(--base-space);
}

.DashboardTable-module__wideGap--4A-tY {
  gap: var(--space-12px);
}

.DashboardTable-module__column--Tm9mU {
  display: flex;

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

.DashboardTable-module__maxContent--NlfON {
  max-width: 270px;
}

.DashboardTable-module__pill--uIfhR {
  max-height: 22px;
}

table td.DashboardTable-module__iconColumn--dZSIp {
  padding-top: var(--space-8px);
  padding-bottom: var(--space-8px);
}
.AddDashboard-module__row--2jLhs {
  display: flex;

  align-items: center;
  gap: var(--card-min-spacing);
}
.WidgetTileOptionsMenu-module__widgetTileOptionsMenu--laPyY {
  width: 200px;
}

.WidgetTileOptionsMenu-module__widgetTileOptionsMenuItem--Tbr3a {
  line-height: 40px;

  padding: 0 0 0 var(--space-24px);
  cursor: pointer;
}

.WidgetTileOptionsMenu-module__widgetTileOptionsMenuItem--Tbr3a:hover {
  background: var(--background-hover);
}
.WidgetPlaceholder-module__container--s3bY7 {
  width: 100%;
  height: 100%;
  min-height: 0;

  position: relative;

  display: flex;

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

.WidgetPlaceholder-module__placeholderImage--FZgB9 {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;

  flex-shrink: 1;
}

.WidgetPlaceholder-module__blur--mlvh2 {
  width: 100%;
  height: 100%;

  display: flex;

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

  background-color: var(--background-secondary);

  /* glassy panel background */
  filter: blur(5px);
}

.WidgetPlaceholder-module__legend--fvIeJ {
  text-align: center;

  place-self: center;

  position: absolute;
}
.WidgetContent-module__widgetTable--4zcuB thead tr th {
  padding: var(--space-12px);
}

.WidgetContent-module__widgetTable--4zcuB {
  color: var(--text-secondary);
}

.WidgetContent-module__widgetContent--QSujH {
  color: var(--text-secondary);

  height: 100%;

  /* TBD: to confirm if we keep this css rule */
  overflow: auto;
}

.WidgetContent-module__timeSeriesMathLineGraphContainer--aoLDR {
  height: 100%;

  grid-area: auto;

  display: flex;

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

.WidgetContent-module__barChartContainer--ND2ag {
  height: 100%;
}

/* Override overflow for KPI widgets to prevent unwanted scrollbars */
.WidgetContent-module__kpiWidget--gdLov {
  overflow: visible;
}
.SessionPropertiesUnsupportedBanner-module__banner--nGYhb {
  align-self: start;
}
/*
 * NOTE: `.widgetContainer` should apply styling that is mandatory for being in a grid.
 * Probably the best is to move it outside, tied to the grid and not to the content of the field in the grid.
 * keeping it here for now
 */
.WidgetCard-module__widgetContainer--ms7IJ {
  --pie-chart-size: 400px;
  --bar-chart-size-w: 100%;
  --bar-chart-size-h: 100%;
  height: 100%;
}

.WidgetCard-module__linkOrStaticWrapper--kv-NA {
  /* 
  * NOTE: crucial for layout not breaking (mostly for Tables). this is 'skipping' the <a> to prevent the parent grid to take effect to the child of the <a>
  * Don't remove it without testing properly.
  */
  display: contents;
}

.WidgetCard-module__header--Bz-0R {
  --gap: var(--space-16px);
  --menu: var(--space-32px);
  --icon: var(--space-20px);
  --handlers-gap: var(--space-8px);

  display: grid;

  grid-template-columns:
    calc(100% - var(--menu) - var(--gap))
    var(--menu);
  align-items: center;
  gap: var(--gap);
}

.WidgetCard-module__header--Bz-0R.WidgetCard-module__withDrag--WcHuM {
  grid-template-columns:
    calc(100% - var(--menu) - var(--icon) - var(--gap) - var(--handlers-gap))
    calc(var(--menu) + var(--icon) + var(--handlers-gap));
}

.WidgetCard-module__header--Bz-0R.WidgetCard-module__withCustomTime--bYBSi {
  grid-template-columns: 1fr auto;
}

.WidgetCard-module__handlers--oHIYi {
  opacity: 0;

  display: grid;
  grid-auto-flow: column;

  align-items: center;
  gap: var(--handlers-gap);
}

.WidgetCard-module__widgetContainer--ms7IJ:hover .WidgetCard-module__handlers--oHIYi {
  opacity: 1;
}

.WidgetCard-module__drag--h1NvN {
  color: var(--icon-default);
  cursor: grab;

  outline: none;
}

.WidgetCard-module__drag--h1NvN:focus {
  color: var(--icon-focused);
}

.WidgetCard-module__formName--4iKnx {
  margin-left: calc(var(--space-8px) * -1);
}

.WidgetCard-module__contentWrapper--kIJdJ {
  /* Prevents grid item from expanding beyond container */
  min-width: 0;
  min-height: 0;
}

.WidgetCard-module__contentArea--CJjPM {
  margin-top: var(--space-16px);

  /* Prevents grid item from expanding beyond container */
  min-width: 0;
  min-height: 0;
}
.CreateWidgetCard-module__content--Nk9Bb {
  text-align: center;

  display: grid;

  align-items: center;
  place-content: center;
  gap: var(--space-20px);
}
/* stylelint-disable selector-class-pattern */

/* Container for containment context */
.GridList-module__gridContainer--Q5M5m {
  container-type: inline-size;

  margin: 0 auto;
}

/* styles.module.css */
.react-grid-layout {
  transition: none !important; /* container height */
}

.react-grid-item,
.react-grid-item.cssTransforms {
  transition: none !important; /* kill transform/width/height inline transitions. performance purposes */
}

/* Responsive layout for containers under 900px */
@container (width < 900px) {
  .layout {
    display: flex !important;

    flex-direction: column !important;

    gap: var(--space-16px) !important;
  }

  .react-grid-item {
    width: 100% !important;
    height: 336px !important;
    min-height: 336px !important;

    position: relative !important;

    transform: none !important;

    transition: none !important;
  }

  .react-grid-item[style*='height'] {
    height: 336px !important;
    min-height: 336px !important;
  }

  .react-grid-item > div {
    width: 100% !important;
    height: 100% !important;
  }
}

/* Fallback media query for browsers that don't support container queries */
@media (width < 900px) {
  .layout {
    display: flex !important;

    flex-direction: column !important;

    gap: var(--space-16px) !important;
  }

  .react-grid-item {
    width: 100% !important;
    height: 336px !important;
    min-height: 336px !important;

    position: relative !important;

    transition: none !important;

    transform: none !important;
  }

  .react-grid-item[style*='height'] {
    height: 336px !important;
    min-height: 336px !important;
  }

  .react-grid-item > div {
    width: 100% !important;
    height: 100% !important;
  }
}
.DashboardPresentationMode-module__container--y9A33 {
  min-width: var(--min-app-width);
  height: 100vh;
  margin-left: calc(0px - var(--global-menu-width));
  padding-bottom: var(--space-32px);

  position: relative;

  overflow: auto;
  scrollbar-gutter: stable;

  background: url('/assets/sky-Rw76TYVL.jpg') center/cover;
}

.DashboardPresentationMode-module__page--kvRtA {
  min-height: 100vh;

  -ms-overflow-style: none;
  scrollbar-width: none;
}

.DashboardPresentationMode-module__page--kvRtA::-webkit-scrollbar {
  display: none;
}

.DashboardPresentationMode-module__header--QDb0f {
  padding: var(--space-12px) var(--space-16px);

  position: sticky;
  top: 0;
  z-index: var(--modal-background-z-index);

  background: linear-gradient(
    180deg,
    var(--background-secondary) 0%,
    color-mix(in srgb, var(--background-secondary) 90%, transparent) 75.96%,
    color-mix(in srgb, var(--background-secondary) 0%, transparent) 211.15%
  );
}

.DashboardPresentationMode-module__nameContainer--aC8Ld {
  color: var(--text-primary);

  display: flex;

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

.DashboardPresentationMode-module__logo--TcOKv {
  height: var(--space-32px);
  margin: var(--space-24px) 0;
}

.DashboardPresentationMode-module__divider--JUw09 {
  height: var(--space-32px);
  border-left: 1px solid var(--border-primary);
}

.DashboardPresentationMode-module__timer--USktB {
  color: var(--text-primary);

  display: flex;

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

.DashboardPresentationMode-module__exit--WdcqZ {
  color: var(--text-primary);

  padding: var(--space-12px);

  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--modal-background-z-index);

  display: flex;

  align-items: center;

  background: linear-gradient(
    0deg,
    var(--background-secondary) 0%,
    color-mix(in srgb, var(--background-secondary) 0%, transparent) 211.15%,
    color-mix(in srgb, var(--background-secondary) 90%, transparent) 75.96%
  );

  transition: opacity 500ms var(--entering-animation-curve);
  opacity: 0;
  gap: var(--space-12px);
}

.DashboardPresentationMode-module__exit--WdcqZ.DashboardPresentationMode-module__show--Icvy0 {
  opacity: 1;
}

.DashboardPresentationMode-module__gridContainer--cKjLF {
  padding: var(--card-padding);
  width: 100%;
}

.DashboardPresentationMode-module__icon--uD8Lz {
  cursor: pointer;

  outline: none;
}
.WidgetExploreModal-module__content--XhpON {
  inset: 64px;

  min-width: 1024px;
}

.WidgetExploreModal-module__body--J10it {
  height: 100%;
  width: 100%;
}

.WidgetExploreModal-module__contentWrapper--V3ryB {
  height: 100%;

  display: flex;

  flex-direction: column;
  justify-content: stretch;
  gap: var(--space-40px);
}

.WidgetExploreModal-module__header--sXUpO {
  display: grid;

  justify-content: space-between;
  gap: var(--space-120px);
  grid-auto-flow: column;

  grid-template-columns: 2fr 1fr;
}

.WidgetExploreModal-module__nameWidget--Mv0R3 {
  white-space: nowrap;

  max-width: 100%;

  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;

  align-self: center;
}

.WidgetExploreModal-module__buttons--3QVn1 {
  display: flex;

  align-items: baseline;
  gap: var(--space-20px);
}

.WidgetExploreModal-module__filters--RXPvx {
  display: flex;
  gap: var(--space-10px);
}

.WidgetExploreModal-module__widgetContentWrapper--vzHmt {
  --pie-chart-size: 400px;
  --bar-chart-size-w: 100%;
  --bar-chart-size-h: 100%;

  flex: 1;
}

.WidgetExploreModal-module__widgetContentWrapper--vzHmt .widgetContent {
  margin: auto;
}

.WidgetExploreModal-module__timeFilterTrigger--lQltX {
  height: 36.5px;
}

.WidgetExploreModal-module__timeFilterTrigger--lQltX i {
  color: var(--icon-disabled);
}

.WidgetExploreModal-module__timeFilterTrigger--lQltX:active {
  color: var(--icon-focused);
}

.WidgetExploreModal-module__filterBuilder--fYYx3 {
  flex: 1;
}

.WidgetExploreModal-module__actions--Za4Gw {
  padding-right: var(--space-20px);

  display: flex;

  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-20px);
}
.EmailReportForm-module__form--X2KAu {
  min-width: 575px;
  margin-top: var(--space-32px);

  display: flex;

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

.EmailReportForm-module__field--reD9c {
  display: flex;

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

.EmailReportForm-module__label--tQRzJ {
  color: var(--text-secondary);

  display: inline-flex;
  gap: var(--space-4px);
}

.EmailReportForm-module__scheduleVariantsContainer--ZGAnV {
  display: flex;

  flex-direction: row;

  gap: var(--space-12px);

  justify-content: space-between;
}

.EmailReportForm-module__scheduleVariant--pQ5HG {
  width: 180px;

  display: flex;

  flex-direction: column;

  gap: var(--space-12px);
}

.EmailReportForm-module__footer--dvQrw {
  margin-top: var(--space-32px);

  display: flex;

  flex-direction: row;
  gap: var(--space-12px);
}

.EmailReportForm-module__dropdown--he8Yw {
  min-width: auto;
  width: 180px;
  max-width: 180px;
  height: 150px;
}
.DeleteEmailReportModal-module__footer--dwSrX {
  display: flex;

  flex-direction: row;
  gap: var(--space-12px);
}

.DeleteEmailReportModal-module__body--37So3 {
  margin-top: var(--space-32px);
  margin-bottom: var(--space-32px);
}

.DeleteEmailReportModal-module__modal--SxoNp {
  max-width: 600px;
}
.EditEmailReportModal-module__modalBody--RYRRQ {
  overflow: visible;
}
.SizeMenu-module__label--tfmyz {
  margin-bottom: var(--space-10px);
}
.DashboardOptionsMenu-module__trigger--GmoBU {
  color: var(--text-primary);
}

.DashboardOptionsMenu-module__sizeMenu--hWT4s {
  border-top: 1px solid var(--border-secondary);

  display: block;
}

.DashboardOptionsMenu-module__sizeMenu--hWT4s:hover {
  background-color: transparent;

  cursor: default;
}
.CreateEmailReportModal-module__callOutTitle--Wo3dg {
  margin-bottom: var(--space-8px);
}

.CreateEmailReportModal-module__tooltipFooter--Qn-X1 {
  display: flex;

  flex-direction: row;
  gap: var(--space-8px);
}
.DashboardDetail-module__controlsContainer---frrw {
  flex: 1;
  justify-content: space-between;
}

.DashboardDetail-module__controls--f3VSX {
  display: flex;
  gap: var(--space-16px);

  align-items: center;
}

.DashboardDetail-module__globalFiltersContainer--mcUR4 {
  margin-bottom: var(--space-16px);
}

.DashboardDetail-module__wizardContainer--rApe- {
  width: var(--space-768px);
}

.DashboardDetail-module__invalidTimeRangesAlert--1VxVk {
  margin-bottom: var(--space-20px);
}

.DashboardDetail-module__headerContainer--3HPm2 {
  display: flex;

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

.DashboardDetail-module__snackBar--rm-a3 {
  display: flex;
  gap: var(--card-sub2-spacing);
}

.DashboardDetail-module__snackBarRedirect--qWlbn {
  color: var(--text-primary);
  text-decoration: underline;
}

.DashboardDetail-module__errorContainer--oCVe2 {
  height: 220px;

  display: grid;
  place-items: center;
}

.DashboardDetail-module__card--lhxDl {
  padding: var(--card-padding);

  background-color: var(--background-secondary);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}
.CrashWithTimelineFilter-module__container--1Ugrj {
  margin-left: auto;

  display: flex;

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

.CrashWithTimelineFilter-module__tooltipIcon--1v4Xc {
  color: var(--icon-default);
}

.CrashWithTimelineFilter-module__tooltipContainer--WknC- {
  max-width: 315px;

  display: flex;

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

.CrashWithTimelineFilter-module__tooltipContent--hXMvc .CrashWithTimelineFilter-module__title--lvxZP {
  color: var(--text-primary);
}

.CrashWithTimelineFilter-module__tooltipContent--hXMvc .CrashWithTimelineFilter-module__text--VJobU {
  color: var(--text-primary);
}
.Thread-module__table--DYqqF {
  width: 100%;
  margin: 0;
  padding: 0 var(--space-28px);

  border: solid 1px var(--border-primary);
  border-radius: 0 0 var(--base-space) var(--base-space);
  border-top: 0;

  transition: border-color 300ms var(--entering-animation-curve);
}

.Thread-module__collapseContainer--2JQAN .Thread-module__table--DYqqF {
  border-color: transparent;
}

.Thread-module__collapseContainerExpanded--udTd8 .Thread-module__table--DYqqF {
  border-color: var(--border-primary);
}

.Thread-module__empty--paLgY {
  min-height: var(--space-56px);

  display: flex;

  align-items: center;
}

.Thread-module__collapseContainer--2JQAN {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.Thread-module__collapseContainerExpanded--udTd8 {
  grid-template-rows: 1fr;
}

.Thread-module__collapseContent--1KTK4 {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .Thread-module__collapseContainer--2JQAN,
  .Thread-module__table--DYqqF {
    transition: none;
  }
}
.ThreadList-module__container--OH3m5 {
  position: relative;

  display: flex;

  flex-direction: column;
  gap: var(--space-24px);
}
.ThreadHandlers-module__cta--6AEP5 {
  display: flex;
  gap: var(--space-10px);

  justify-content: flex-end;
}

.ThreadHandlers-module__copyIcon--eL41h {
  color: var(--text-primary);
  cursor: pointer;
}
.StackTraceHeader-module__stackTraceHeader--6BtCt {
  margin: 0 calc(var(--space-28px) * -1);
  padding: var(--space-18px) var(--space-32px) var(--space-18px)
    var(--space-64px);

  display: grid;

  grid-template-columns: var(--header-code-owner-column-space);

  background: var(--grey-800);
  border: solid 1px var(--border-primary);
}

.StackTraceHeader-module__stackTraceHeader--6BtCt > div {
  margin-left: var(--space-8px);

  display: flex;

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

.StackTraceHeader-module__isGroup--TnaPO {
  margin: 0;
}

.StackTraceHeader-module__disabled--gjxmn {
  color: var(--text-disabled);
}
.ManageOwnersStackTrace-module__manageOwnersModal--0Pdbm {
  max-height: 95vh;
  width: 640px;

  overflow: visible;
}
.CrashDetailsStackTrace-module__missingMessage---D-tJ {
  margin: 0;
}

.CrashDetailsStackTrace-module__content--KuF5M {
  position: relative;
}

.CrashDetailsStackTrace-module__stackTraceTabContainer--Vv62Y {
  --header-code-owner-column-space: auto 230px; /* Fixed width determined by product */
  --display-code-owners: block;

  margin-bottom: var(--space-20px);

  position: relative;

  overflow-x: auto;
}

.CrashDetailsStackTrace-module__watchDogKilled--2XTcK {
  display: flex;
  gap: var(--space-10px);
}

.CrashDetailsStackTrace-module__stackTraceContainer--YoDrX {
  border-radius: 0 0 var(--base-space) var(--base-space);

  transition: border-color 300ms var(--entering-animation-curve);
}

.CrashDetailsStackTrace-module__collapseContainer--Iwss5 .CrashDetailsStackTrace-module__stackTraceContainer--YoDrX {
  border-color: transparent;
}

.CrashDetailsStackTrace-module__collapseContainerExpanded--Ejybc .CrashDetailsStackTrace-module__stackTraceContainer--YoDrX {
  border-color: var(--border-primary);
}

.CrashDetailsStackTrace-module__stackTraceBackground--kkYAb {
  background: var(--background-secondary);
}

.CrashDetailsStackTrace-module__collapseContainer--Iwss5 {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.CrashDetailsStackTrace-module__collapseContainerExpanded--Ejybc {
  grid-template-rows: 1fr;
}

.CrashDetailsStackTrace-module__collapseContent--v1V0C {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .CrashDetailsStackTrace-module__collapseContainer--Iwss5,
  .CrashDetailsStackTrace-module__stackTraceContainer--YoDrX {
    transition: none;
  }
}
.CrashAffectedSessions-module__container--LQpqE {
  display: flex;

  flex-direction: column;
}

.CrashAffectedSessions-module__container--LQpqE > h2 {
  margin-bottom: var(--section-spacing-sub);
}

.CrashAffectedSessions-module__container--LQpqE > div {
  margin-bottom: var(--section-spacing-min);
}

.CrashAffectedSessions-module__row---56Wr {
  display: flex;

  gap: var(--space-16px);

  justify-content: space-between;
}

.CrashAffectedSessions-module__heading--YNhj- {
  color: var(--text-primary);

  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: var(--space-16px);
}

.CrashAffectedSessions-module__disabled--on9iG {
  cursor: not-allowed;
  opacity: 0.5;
}

.CrashAffectedSessions-module__disabled--on9iG::before {
  content: '';

  z-index: 1;
  position: absolute;
  inset: 0;
}

.CrashAffectedSessions-module__tooltip--UJyhr {
  display: block;
}

.CrashAffectedSessions-module__details--Nz313 {
  display: grid;
  gap: var(--space-10px);
}

.CrashAffectedSessions-module__ellipsis--XcZKs {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.DiffAxisWithTooltip-module__content--DPo-S {
  max-width: 285px;
}

.DiffAxisWithTooltip-module__children--Rdz7k {
  display: flex;

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

.DiffAxisWithTooltip-module__copy--c1tyS {
  color: var(--text-primary);

  display: inline;
}

.DiffAxisWithTooltip-module__stats--GKIb- {
  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.DiffAxisWithTooltip-module__entry--9bZnW {
  display: flex;

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

.DiffAxisWithTooltip-module__entries--SBIXp {
  display: flex;

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

.DiffAxisWithTooltip-module__entryKey--83JOo {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;
}

.DiffAxisWithTooltip-module__dot--TAh6P {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}

.DiffAxisWithTooltip-module__alert--Z-zpE {
  color: var(--text-negative);
}

.DiffAxisWithTooltip-module__regular--hw-ay {
  color: var(--text-primary);
}
.Correlation-module__container--5AkX5 {
  position: relative;
}

.Correlation-module__graphContainer--uR0iy {
  width: 100%;
}
.CorrelationTab-module__graphContainer--apsrv {
  width: 100%;
}

.CorrelationTab-module__dropdownContainer--GF880 {
  margin-bottom: var(--space-16px);
}

.CorrelationTab-module__column--dHqDf {
  width: calc(50% - var(--space-16px));

  display: inline-block;
  vertical-align: top;
}

.CorrelationTab-module__column--dHqDf:first-child {
  margin-right: var(--space-32px);
}

.CorrelationTab-module__single--cUpZU:first-child {
  margin-bottom: var(--space-32px);
}

.CorrelationTab-module__tooltipContainer--qqghK {
  display: flex;

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

.CorrelationTab-module__tooltipTitle--MvpKh,
.CorrelationTab-module__tooltipMessage--HguDC {
  color: var(--text-primary);
}

.CorrelationTab-module__tooltipLine--6orqN {
  margin: 0;
  margin-left: var(--space-16px);
  padding: 0;

  display: list-item;
  list-style-type: disc;
}

.CorrelationTab-module__tooltipLine--6orqN:first-of-type {
  margin-top: var(--space-half-base);
}

.CorrelationTab-module__empty--0Bqi2 {
  padding: var(--space-80px) 0;
  width: 100%;
}
.CrashStats-module__emptyContainer--2xb6G {
  min-height: 300px;

  display: flex;

  flex-direction: column;
  place-content: center;
}

.CrashStats-module__metricGraph--Na-ST {
  margin: 0;
  margin-top: var(--space-24px);
}

.CrashStats-module__tabContent--JhYjl {
  position: relative;
}
.CrashDetails-module__container--AyP3g,
.CrashDetails-module__section--5c8DU {
  display: flex;

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

.CrashDetails-module__section--5c8DU {
  gap: var(--section-spacing-sub);
}

.CrashDetails-module__toolbarControls--E3IHL {
  display: flex;

  align-items: center;
  gap: var(--space-16px);
}
.GoogleSSO-module__container--SkDtd {
  width: 100%;

  display: flex;

  justify-content: center;
}

.GoogleSSO-module__container--SkDtd div[role='button'] {
  width: 400px;
}
.GithubSSO-module__container--BqXBH {
  width: 100%;

  display: flex;

  justify-content: center;
}
.ExternalSSO-module__column--ymz1u {
  justify-content: stretch;
}

.ExternalSSO-module__container--0pKjL {
  padding: var(--space-112px) var(--space-72px);

  display: flex;

  flex-direction: column;
}

.ExternalSSO-module__logo--P1-1- {
  height: 32px;
  width: 199px;
  margin: 0 auto var(--space-60px);
}

.ExternalSSO-module__title--LVb3W {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-24px);
  line-height: var(--text-32px);
  font-weight: var(--weight-200);
  color: var(--lead-900);
  text-align: center;

  margin-bottom: var(--space-20px);
}

.ExternalSSO-module__example--BfVhx {
  color: var(--text-tertiary);

  margin: var(--space-6px) 0 var(--space-8px) var(--space-16px);
}

.ExternalSSO-module__button--iRROy {
  margin-top: var(--space-20px);
  width: 100%;
}

.ExternalSSO-module__checkbox--y-r6r svg {
  fill: var(--brand-lead);
}

.ExternalSSO-module__checkboxDisabled--KKpFx svg {
  stroke: var(--brand-lead);
}

.ExternalSSO-module__form--WKfyt {
  display: flex;

  flex-direction: column;
  gap: var(--space-8px);
}
.SSOAuth-module__container--bp3KK {
  display: flex;

  flex-direction: column;
  align-items: center;
  gap: var(--space-16px);
}
.Legals-module__legal--yPZIF {
  color: var(--grey-300);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-10px);
  font-weight: var(--weight-300);
  line-height: var(--text-16px);
}

.Legals-module__link--7w--n {
  color: var(--lead-900);
  font-weight: var(--weight-300);
}
.SignupForm-module__formContainer--p2hP1 {
  display: flex;

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

  place-content: center;
}

.SignupForm-module__fields--b4gTO {
  display: flex;

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

  place-content: center;
}

.SignupForm-module__button--izx4u {
  width: 100%;
}
/* left section */
.Signup-module__logo--0tLEy {
  height: 32px;
  margin: 0 auto;
  width: 199px;
}

.Signup-module__embraceLogoContainer--J-NcC {
  /* not using a predefined var intentionally, we do not want to add 188 as it is not divisible by 8 */
  max-height: 188px;
  padding: var(--space-32px);

  display: flex;

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

  background-color: var(--primary-brand);
}

.Signup-module__formContainer--BET6V {
  width: 100%;
  padding: var(--space-40px) var(--space-72px);

  display: flex;

  flex: 1;
  flex-direction: column;
  align-items: center;

  background-color: var(--color-menu-background);
  gap: var(--space-24px);
}

.Signup-module__logIn--E3Fay {
  width: 100%;

  display: flex;

  flex-direction: column;
  align-items: center;
  gap: var(--space-40px);
}

.Signup-module__logInOptions--6Hd1q {
  width: 100%;
  max-width: 400px;

  display: flex;

  flex-direction: column;
}

.Signup-module__topTextSection--QaAT- {
  width: 100%;
  margin-bottom: var(--space-48px);

  display: flex;

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

.Signup-module__heading--ezi1a {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
  line-height: var(--text-32px);
  color: var(--lead-900);
  text-align: center;

  width: 100%;
  margin: 0;
}

.Signup-module__subHeading--NWBQl {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
  color: var(--lead-900);
  text-align: center;

  width: 100%;
  margin: 0;
}

.Signup-module__separator--e3dzD {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-16px);
  line-height: var(--text-24px);
  color: var(--neutral-700);

  width: 100%;
  margin: var(--space-32px) 0;

  display: flex;

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

.Signup-module__separator--e3dzD::before,
.Signup-module__separator--e3dzD::after {
  height: 1px;

  flex: 1;

  background: var(--neutral-700);
  content: '';
}

.Signup-module__logInOption--CI0Cq {
  width: 100%;
  margin-top: auto;

  display: flex;

  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-32px);
}

.Signup-module__logInQuestion--HJ2NA {
  color: var(--lead-900);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: var(--text-18px);

  margin-right: var(--space-16px);
}

.Signup-module__logInLink--Sp77n {
  color: var(--lead-900);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  line-height: var(--text-18px);
  text-decoration: underline;
  text-underline-offset: var(--space-8px);
}

.Signup-module__logInLink--Sp77n:hover {
  text-decoration: none;
}
.SignInForm-module__container--8XtHX {
  display: flex;

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

.SignInForm-module__form--0bUWl {
  display: flex;

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

.SignInForm-module__resetPasswordCopy--m37c4 {
  color: var(--light-text-primary);
  font-size: var(--text-14px);
}

.SignInForm-module__fields--7Jcew {
  display: flex;

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

.SignInForm-module__button--9n4zV {
  width: 100%;
}

.SignInForm-module__link--tEEsT:hover {
  text-decoration: none;
}

.SignInForm-module__errorMessage--N-xaN {
  color: var(--text-negative);
}
/* left section */
.SignIn-module__logInContainer--U2c9I {
  padding: var(--space-152px) var(--space-72px) var(--space-72px)
    var(--space-72px);
}

.SignIn-module__logInAndLogo--PlJm6 {
  width: 100%;

  display: flex;

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

.SignIn-module__logo--MBAt9 {
  height: 32px;
  margin: 0 auto;
  width: 199px;
}

.SignIn-module__logInWrapper--dhPwK {
  width: 100%;

  display: flex;

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

.SignIn-module__logIn--dTFC4 {
  width: 100%;

  display: flex;

  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: var(--space-20px);
}

.SignIn-module__logInOptions--eLeid {
  width: 100%;
  max-width: 400px;

  display: flex;

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

.SignIn-module__title--D6jVu {
  color: var(--lead-900);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
  line-height: var(--text-32px);
}

.SignIn-module__separator--GteWH {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-16px);
  line-height: var(--text-24px);
  color: var(--neutral-700);

  width: 100%;

  display: flex;

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

.SignIn-module__separator--GteWH::before,
.SignIn-module__separator--GteWH::after {
  height: 1px;

  flex: 1;

  background: var(--neutral-700);
  content: '';
}

.SignIn-module__logInForm--vmvQ0,
.SignIn-module__sso--IDHOs {
  width: 100%;
}

.SignIn-module__footer--scG89 {
  text-align: center;

  margin-top: auto;
}

.SignIn-module__actions--YdLf0 {
  margin-bottom: var(--space-40px);

  display: flex;

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

.SignIn-module__actions--YdLf0.SignIn-module__resettingPassword--ITrJl {
  justify-content: flex-end;
}

.SignIn-module__action--3E-5r {
  color: var(--grey-200);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
}

.SignIn-module__link--vT3dH {
  color: var(--lead-900);
  font-weight: var(--weight-300);
  text-decoration: underline;
  text-underline-offset: var(--space-8px);
}
.Confirm-module__background--qpey- {
  height: 100%;

  display: flex;

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

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

.Confirm-module__row--c73Ra {
  max-width: var(--space-1440px);
  height: 100%;
  max-height: var(--space-900px);

  display: flex;

  flex: 1;
  justify-content: center;
}

.Confirm-module__column--ZFSnv {
  display: flex;

  flex: 1;
  flex-direction: column;
  justify-content: center;
}

/* left section */

.Confirm-module__signUpColumn--mCkxs {
  max-width: var(--space-600px);
}

.Confirm-module__logo--ABNVE {
  height: 32px;
  margin: 0 auto;
  width: 199px;
}

.Confirm-module__embraceLogoContainer--qwnei {
  /* not using a predefined var intentionally, we do not want to add 188 as it is not divisible by 8 */
  max-height: 188px;
  padding: var(--space-32px);

  display: flex;

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

  background-color: var(--primary-brand);
}

.Confirm-module__formContainer--4ENlr {
  padding: var(--space-96px) var(--space-72px);

  display: flex;

  flex: 1;
  justify-content: center;

  background-color: var(--color-menu-background);
}

.Confirm-module__form--dTibP {
  width: 100%;

  display: flex;

  flex-direction: column;
  align-items: center;
  gap: var(--space-40px);
}

.Confirm-module__formFields--hqMAr {
  width: 100%;

  display: flex;

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

.Confirm-module__formTitle--WO5yM {
  color: var(--lead-900);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
  line-height: var(--text-32px);
}

.Confirm-module__button---SHSr {
  width: 100%;
}

.Confirm-module__error--HKi6h {
  color: var(--text-negative);
}

/* right section */

.Confirm-module__banner--4Ecop {
  flex: 1;
}

@media (width <= 800px) {
  .Confirm-module__banner--4Ecop {
    display: none;
  }
}
:root {
  --icon-size: 81px;
  --add-app-icon-size: 59px;
}

.AppList-module__list--yA-mC {
  display: grid;
  gap: 12px;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;

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

.AppList-module__list--yA-mC.AppList-module__onlyOneElement--Jmk-1 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.AppList-module__app--4RSsc {
  min-height: 245px;
  padding-bottom: var(--space-36px);

  display: flex;

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

[data-theme='dark'] .AppList-module__app--4RSsc {
  border-color: var(--grey-600);
}

.AppList-module__title--Z-7sx {
  font-size: var(--text-16px);
  color: var(--grey-100);
  white-space: nowrap;

  max-width: 100%;
  margin-bottom: var(--base-space);

  overflow: hidden;
  text-overflow: ellipsis;
}

.AppList-module__envionment--zbQoT {
  color: var(--grey-300);
  font-size: var(--text-12px);

  margin-bottom: var(--space-16px);
}

.AppList-module__androidIcon--vw5sK {
  color: var(--color-android-green);
  font-size: var(--icon-size);

  height: var(--icon-size);
  margin-bottom: var(--space-12px);
  width: var(--icon-size);
}

.AppList-module__addAppIconIconContainer--5MFoQ {
  margin: auto 0;
}

.AppList-module__addAppIcon--EcArQ {
  color: var(--grey-400);
  font-size: var(--add-app-icon-size);

  height: var(--add-app-icon-size);
  width: var(--add-app-icon-size);
}

.AppList-module__cta--lHQt2 {
  margin-top: auto;
}
.AndroidPluginLanding-module__container--LvwD1 {
  margin: var(--global-header-and-back-button-height) auto var(--space-32px);
  max-width: 950px;
}

.AndroidPluginLanding-module__container--LvwD1.AndroidPluginLanding-module__small--hSVqF {
  max-width: 660px;
}

.AndroidPluginLanding-module__title--1-5Mu {
  font-size: var(--text-24px);

  margin: var(--space-8px) 0 var(--space-24px);
}
.AndroidPluginConnected-module__container--EFLmu {
  text-align: center;

  max-width: 745px;
  margin: calc(var(--space-64px) + var(--global-header-height)) auto
    var(--space-64px);
}

.AndroidPluginConnected-module__connectionImages--sgVg- {
  height: 120px;
  margin: var(--space-48px) 0 var(--space-32px);

  position: relative;

  display: flex;

  justify-content: center;
  align-items: center;
  gap: var(--space-76px);
}

.AndroidPluginConnected-module__title--5XCTc {
  color: var(--grey-100);
  font-size: var(--text-36px);
  line-height: var(--text-48px);
  white-space: pre-wrap;
}

.AndroidPluginConnected-module__subtitle--ueO9p {
  color: var(--grey-300);
  font-size: var(--text-20px);
  line-height: var(--text-32px);

  padding-bottom: var(--space-32px);
}

.AndroidPluginConnected-module__androidLogo--eFkcc {
  height: 80px;
  width: 75px;

  z-index: 2;
}

.AndroidPluginConnected-module__logo--6wvCT {
  height: 62px;
  width: 80px;

  z-index: 2;
}

.AndroidPluginConnected-module__logo--6wvCT path {
  fill: var(--grey-100);

  /* scale to 80x62px */
  transform: scale(3.4);
}

.AndroidPluginConnected-module__checkMarkBackground--umVw7 {
  width: 120px;
  height: 120px;

  position: absolute;
  z-index: 1;

  background-color: var(--green-400);
  border-radius: 50%;
  opacity: 0.1;
}

.AndroidPluginConnected-module__checkMarkIcon--s2So2 {
  position: absolute;
}

.AndroidPluginConnected-module__checkMark--ykHEo {
  color: var(--green-500);
  font-size: 32px;

  height: 32px;
  width: 32px;
}
.error-module__list--vOQK5 {
  margin: 0;
}
/*
Alert Form responsive breakpoints (local scope)

Values (px):
- XL: 1100px — collapse AlertNotifications 3 columns into 2
- MD: 900px  — collapse AlertThresholds grid header, 2-column layout
- SM: 768px  — stack AlertNotifications to 1 column
- XS: 560px  — stack AlertThresholds to 1 column

Usage example:
@media (width <= 900px) { ... }
*/

.AlertForm-module__container--gAotB {
  padding: var(--space-32px);

  display: flex;
  overflow: visible;

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

.AlertForm-module__row--fbxpG {
  grid-template-columns:
    minmax(auto, var(--space-160px)) minmax(auto, var(--space-256px))
    1px minmax(auto, var(--space-400px));
}

.AlertForm-module__rowCompact--eKM-- {
  display: flex;
  gap: var(--space-8px);

  align-items: flex-start;
}

.AlertForm-module__filters--j86LQ {
  grid-column: span 5;
}

.AlertForm-module__alertFormErrorMessage--RduNn {
  margin-bottom: var(--space-16px);
}

.AlertForm-module__actions--4l3Ef {
  padding-top: var(--space-24px);

  display: flex;

  justify-content: flex-start;
  gap: var(--space-16px);
}

.AlertForm-module__formDescription--0SN-e {
  color: var(--text-tertiary);
  line-height: 1.5;
}

.AlertForm-module__formSectionTitle--u8asn {
  color: var(--text-secondary);
  font-weight: var(--weight-300);
}

.AlertForm-module__notificationToggleLabel--Yj0mM {
  color: var(--text-tertiary);
}

.AlertForm-module__notificationToggleLabelEnabled--G6a3E {
  color: var(--text-primary);
}
.AlertThresholds-module__container--ZxAGi {
  --dropdown-height: 40px;
  --label-width-sm: 64px;
  --label-width-md: 80px;
  --field-width-sm: 200px;
  --field-width-md: 220px;
  --field-width-lg: 320px;
  --field-width-xl: 440px;
  --icon-width: 40px;
  --separator-width: 1px;

  display: flex;

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

.AlertThresholds-module__header--HJ2-x {
  display: flex;

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

.AlertThresholds-module__headerWrapper--im0nX {
  gap: var(--space-4px);
}

.AlertThresholds-module__title--JsPom {
  color: var(--color-neutral-900);
}

.AlertThresholds-module__thresholdsGrid--C6AR3 {
  display: flex;

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

.AlertThresholds-module__gridHeader--qVLjW {
  display: grid;

  grid-template-columns:
    var(--label-width-md)
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    minmax(calc(var(--field-width-md) / 2), var(--field-width-md))
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm));
  gap: var(--space-8px);
}

.AlertThresholds-module__gridRow--A2VSk {
  display: grid;

  grid-template-columns:
    var(--label-width-md)
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    minmax(calc(var(--field-width-md) / 2), var(--field-width-md))
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm));
  gap: var(--space-8px);

  align-items: center;
}

.AlertThresholds-module__thresholdsGrid--C6AR3 .AlertThresholds-module__gridRow--A2VSk:nth-child(2) {
  margin-bottom: var(--space-24px);
}

.AlertThresholds-module__labelColumn--M9HVa {
  color: var(--text-tertiary);
}

.AlertThresholds-module__noWrap--Bxwih {
  white-space: nowrap;
}

.AlertThresholds-module__networkErrorGrid--SwphU {
  display: grid;

  grid-template-columns:
    var(--label-width-sm)
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm))
    var(--separator-width)
    minmax(calc(var(--field-width-sm) / 2), var(--field-width-sm));
  -moz-column-gap: var(--space-8px);
       column-gap: var(--space-8px);

  align-items: center;
}

.AlertThresholds-module__comparisonColumn--cgQLi,
.AlertThresholds-module__valueColumn--GH6MZ,
.AlertThresholds-module__recoveryComparisonColumn--4C4Kt,
.AlertThresholds-module__recoveryValueColumn--66cMu {
  display: flex;

  flex-direction: column;
}

.AlertThresholds-module__comparisonField--UI6-f {
  width: 100%;
}

/* Ensure dropdown trigger text matches input field text size */
.AlertThresholds-module__comparisonField--UI6-f,
.AlertThresholds-module__comparisonField--UI6-f * {
  font-size: var(--text-14px);
  font-weight: var(--weight-200);
  line-height: var(--text-20px);
  letter-spacing: 0.028px;
}

.AlertThresholds-module__valueField--zFWzg {
  width: 100%;
  height: var(--dropdown-height);
}

.AlertThresholds-module__recoveryComparisonField--QaJfR {
  --text-primary: var(--text-tertiary);
  width: 100%;
  height: var(--dropdown-height);
}

.AlertThresholds-module__recoveryValueField--4HOIC {
  width: 100%;
  height: var(--dropdown-height);
}

.AlertThresholds-module__valueField--zFWzg input[type='number']::-webkit-outer-spin-button,
.AlertThresholds-module__valueField--zFWzg input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;

  margin: 0;
}

.AlertThresholds-module__valueField--zFWzg input[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.AlertThresholds-module__recoveryValueField--4HOIC input[type='number']::-webkit-outer-spin-button,
.AlertThresholds-module__recoveryValueField--4HOIC input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;

  margin: 0;
}

.AlertThresholds-module__recoveryValueField--4HOIC input[type='number'] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.AlertThresholds-module__infoIcon--32AKJ {
  color: var(--icon-default);
}

.AlertThresholds-module__percentAdornment--M43n9 {
  position: relative;
}

.AlertThresholds-module__percentAdornment--M43n9 input {
  padding-right: var(--space-24px);
}

.AlertThresholds-module__percentAdornment--M43n9::after {
  content: '%';

  color: var(--text-tertiary);

  position: absolute;
  right: var(--space-12px);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.AlertThresholds-module__separator--rsVqm {
  width: 1px;
  height: 36px;

  align-self: center;

  background-color: var(--border-secondary);
}

.AlertThresholds-module__addExclusion--GeP5E {
  align-self: flex-start;
}

.AlertThresholds-module__domainField--9p3XO {
  width: var(--field-width-xl);
}

.AlertThresholds-module__exclusionRow--8eOc0 {
  margin-bottom: var(--space-24px);

  display: grid;

  grid-template-columns:
    var(--field-width-xl)
    var(--field-width-lg)
    var(--field-width-lg)
    var(--icon-width);
  align-items: center;
  gap: var(--space-8px);
}

.AlertThresholds-module__exclusionField--hVfll {
  width: 100%;
  height: var(--dropdown-height);
}

.AlertThresholds-module__deleteButton--uM4oz {
  color: var(--icon-default);

  width: var(--icon-width);
  height: var(--icon-width);
  padding: 0;

  display: flex;

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

  background: none;
  border: none;

  transition: color 0.2s ease;

  cursor: pointer;
}

.AlertThresholds-module__deleteButton--uM4oz:hover {
  color: var(--icon-hover);
}

.AlertThresholds-module__deleteButton--uM4oz:active {
  color: var(--icon-active);
}

/* Responsive reflow: collapse columns and stack at narrower widths */
@media (width <= 900px) {
  .AlertThresholds-module__gridHeader--qVLjW {
    display: none;
  }

  .AlertThresholds-module__gridRow--A2VSk {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      'label label'
      'comparison value'
      'recoveryComparison recoveryValue';
    row-gap: var(--space-8px);
  }

  .AlertThresholds-module__labelColumn--M9HVa {
    grid-area: label;
  }

  .AlertThresholds-module__comparisonColumn--cgQLi {
    grid-area: comparison;
  }

  .AlertThresholds-module__valueColumn--GH6MZ {
    grid-area: value;
  }

  .AlertThresholds-module__recoveryComparisonColumn--4C4Kt {
    grid-area: recoveryComparison;
  }

  .AlertThresholds-module__recoveryValueColumn--66cMu {
    grid-area: recoveryValue;
  }

  .AlertThresholds-module__networkErrorGrid--SwphU {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      'label label'
      'above pct'
      'separator separator'
      'count count';
    row-gap: var(--space-8px);
  }

  .AlertThresholds-module__networkErrorGrid--SwphU .AlertThresholds-module__labelColumn--M9HVa {
    grid-area: label;
  }

  .AlertThresholds-module__networkErrorGrid--SwphU .AlertThresholds-module__valueColumn--GH6MZ {
    grid-area: above;
  }

  .AlertThresholds-module__pctField--eJiRw {
    grid-area: pct;
  }

  .AlertThresholds-module__separator--rsVqm {
    grid-area: separator;
    justify-self: stretch;

    width: 100%;
  }

  .AlertThresholds-module__countField--hrvuj {
    grid-area: count;
  }
}

@media (width <= 560px) {
  .AlertThresholds-module__gridRow--A2VSk {
    grid-template-columns: 1fr;
    grid-template-areas:
      'label'
      'comparison'
      'value'
      'recoveryComparison'
      'recoveryValue';
    row-gap: var(--space-12px);
  }
}
.AlertTrigger-module__alertTriggerHeader--VrF63 {
  display: flex;

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

.AlertTrigger-module__alertTriggerSection--d245n {
  display: flex;

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

.AlertTrigger-module__container--9TuYn {
  --min-count-field-width: 160px;
  display: flex;

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

.AlertTrigger-module__evaluationHeader--On-jH {
  display: flex;

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

.AlertTrigger-module__evaluationWrapper--CAcX- {
  gap: var(--space-4px);
}

.AlertTrigger-module__evaluationFields--s-X5U {
  display: flex;
  gap: var(--space-16px);
}

.AlertTrigger-module__infoIcon--g4H-j {
  color: var(--icon-default);
}

.AlertTrigger-module__timeWindowContainer--4T-vM {
  position: relative;
}

.AlertTrigger-module__timeWindowTooltipContainer--tDkuT {
  position: absolute;
  right: -24px;
  top: 50%;
  transform: translateY(-50%);
}

.AlertTrigger-module__minCountSection--6XeWj {
  display: flex;

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

.AlertTrigger-module__minCountHeader--RUF8K {
  display: flex;

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

.AlertTrigger-module__minCountField--nOKGc {
  max-width: var(--min-count-field-width);
}

.AlertTrigger-module__minCountField--nOKGc input {
  font-size: var(--text-14px);
}

.AlertTrigger-module__networkLabel--714Z3 {
  color: var(--color-neutral-900);
}

.AlertTrigger-module__networkDescription---qOtT {
  color: var(--text-tertiary);
}

.AlertTrigger-module__networkFields--v0ttY {
  display: flex;
  gap: var(--space-16px);
}

.AlertTrigger-module__percentAdornment--w8QbN {
  position: relative;
}

.AlertTrigger-module__percentAdornment--w8QbN input {
  padding-right: var(--space-24px);
}

.AlertTrigger-module__percentAdornment--w8QbN::after {
  content: '%';

  color: var(--text-tertiary);

  position: absolute;
  right: var(--space-12px);
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.AlertTrigger-module__firstSeenSection---tsqg {
  padding: var(--space-16px);

  background-color: var(--color-neutral-50);
  border-radius: var(--border-radius-8px);
  border: 1px solid var(--color-neutral-200);
}

.AlertTrigger-module__firstSeenMessage--jC6fY {
  color: var(--text-secondary);
  text-align: left;
}
.AlertSettings-module__container--g4R8X {
  display: flex;

  flex-direction: column;
  gap: var(--space-16px);
}
.AlertOwner-module__container--rdg5G {
  --webhook-dropdown-width: 320px;
  display: flex;

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

.AlertOwner-module__headerWrapper--97QE8 {
  display: flex;

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

.AlertOwner-module__ownerContainer--BfCMT {
  width: 100%;

  display: flex;
  overflow-x: auto;

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

.AlertOwner-module__dropdownContainer--WLiWm {
  min-width: 0;

  overflow: hidden;
}

.AlertOwner-module__dropdown--3Oi-U {
  box-sizing: border-box;
  width: var(--webhook-dropdown-width);
  min-width: 0;

  position: relative;
}

/* Responsive adjustments */
@media (width <= 768px) {
  .AlertOwner-module__dropdownContainer--WLiWm {
    min-width: auto;

    flex: none;
  }
}
.AlertNotifications-module__container--AiQuw {
  --setting-row-height: 40px;
  --toggle-width: 140px;
  --checkbox-width: 200px;
  --dropdown-width: 400px;
  --webhook-dropdown-width: 568px;
  --notification-level-width: 160px;
  --border-width: 1px;
  --item-border-radius: 4px;

  display: flex;

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

.AlertNotifications-module__header--7yO4m {
  gap: var(--space-4px);
}

.AlertNotifications-module__headerWrapper--R4JCG {
  display: flex;

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

.AlertNotifications-module__titleContainer--GCC-s {
  display: flex;

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

.AlertNotifications-module__refreshIcon--EM8-G {
  color: var(--text-product-secondary);
  cursor: pointer;

  transition:
    color 0.2s ease-in-out,
    transform 0.2s ease-in-out;
}

.AlertNotifications-module__refreshIcon--EM8-G:hover {
  color: var(--text-primary);
}

.AlertNotifications-module__refreshIcon--EM8-G.AlertNotifications-module__refreshing--xhAzG {
  animation: AlertNotifications-module__spin--KGn9G 1s linear infinite;
}

@keyframes AlertNotifications-module__spin--KGn9G {
  from {
    transform: rotate(0deg);
  }

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

.AlertNotifications-module__settingsContainer--e0KN0 {
  width: 100%;

  display: flex;
  overflow: visible;

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

.AlertNotifications-module__settingRow--yR3lS {
  width: 100%;
  min-width: 0;
  min-height: var(--setting-row-height);

  display: grid;
  overflow: visible;

  grid-template-columns: max-content max-content max-content;
  align-items: center;
  gap: var(--space-16px);
}

.AlertNotifications-module__settingRow--yR3lS:last-child {
  border-bottom: none;
}

.AlertNotifications-module__toggleContainer--9fxrY {
  min-width: var(--toggle-width);
  width: var(--toggle-width);

  align-self: center;
}

/* When notifications are disabled due to missing integration/config, use disabled icon color */
.AlertNotifications-module__toggleDisabled--oOPQZ {
  --icon-default: var(--icon-disabled);
}

.AlertNotifications-module__checkboxContainer--l8k3i {
  min-width: var(--checkbox-width);

  flex: 0 0 var(--checkbox-width);
  place-self: center start;
}

.AlertNotifications-module__notificationLevelContainer--hyBJT {
  min-width: var(--space-160px);

  flex: 0 0 var(--space-160px);
  place-self: center start;
}

.AlertNotifications-module__dropdownContainer--vvE2P {
  min-width: 0;

  overflow: visible;
}

.AlertNotifications-module__dropdown--1tO9B {
  box-sizing: border-box;
  width: var(--dropdown-width);
  min-width: 0;

  position: relative;
}

.AlertNotifications-module__notificationLevelDropdown--ONaVa {
  box-sizing: border-box;
  width: var(--notification-level-width);
  min-width: 0;

  position: relative;
}

.AlertNotifications-module__webhookDropdown--LZ9ot {
  box-sizing: border-box;
  width: var(--webhook-dropdown-width);
  min-width: 0;

  position: relative;
}

/* Ensure tags stay on the same line */
.AlertNotifications-module__dropdown--1tO9B [class*='tagsContainer'],
.AlertNotifications-module__webhookDropdown--LZ9ot [class*='tagsContainer'] {
  max-width: 100%;

  overflow-x: auto;

  flex-wrap: nowrap;
  gap: var(--space-4px);

  scrollbar-width: none;
}

/* Style individual tags to be more compact */
.AlertNotifications-module__dropdown--1tO9B [class*='tagsContainer'] > *,
.AlertNotifications-module__webhookDropdown--LZ9ot [class*='tagsContainer'] > * {
  white-space: nowrap;

  flex-shrink: 0;
}

/* Toggle label styling when disabled */
.AlertNotifications-module__toggleContainer--9fxrY .AlertNotifications-module__labelContainer--IfP9p {
  color: var(--text-primary);
}

/* Override Toggle gap for AlertNotifications only */
.AlertNotifications-module__settingRow--yR3lS .AlertNotifications-module__toggleContainer--9fxrY label {
  gap: var(--space-16px);
}

.AlertNotifications-module__toggleDisabled--oOPQZ label div {
  color: var(--text-tertiary);
}

/* Slack setup and description styles */
.AlertNotifications-module__slackSetupContainer--a-R6u {
  display: flex;

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

  flex: 1;
}

.AlertNotifications-module__slackButtonContainer--cOtnj {
  display: flex;

  align-items: flex-start;
}

/* Collapse when the 3 columns no longer fit side-by-side */
@media (width <= 1100px) {
  .AlertNotifications-module__settingRow--yR3lS {
    grid-template-columns: minmax(140px, auto) 1fr;
  }

  .AlertNotifications-module__toggleContainer--9fxrY {
    grid-column: 1;
  }

  .AlertNotifications-module__dropdownContainer--vvE2P {
    grid-column: 2;
  }

  .AlertNotifications-module__notificationLevelContainer--hyBJT,
  .AlertNotifications-module__checkboxContainer--l8k3i {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .AlertNotifications-module__dropdown--1tO9B,
  .AlertNotifications-module__webhookDropdown--LZ9ot {
    width: 100%;
    max-width: none;
  }
}

/* Single-column stack */
@media (width <= 768px) {
  .AlertNotifications-module__settingRow--yR3lS {
    gap: var(--space-12px);

    display: grid;

    grid-template-columns: 1fr;
  }

  .AlertNotifications-module__toggleContainer--9fxrY {
    min-width: auto;

    flex: none;
    grid-column: 1;
  }

  .AlertNotifications-module__dropdownContainer--vvE2P {
    min-width: auto;

    flex: none;
    grid-column: 1;
  }

  .AlertNotifications-module__checkboxContainer--l8k3i {
    min-width: auto;

    flex: none;
    grid-column: 1;
  }

  .AlertNotifications-module__notificationLevelContainer--hyBJT {
    min-width: auto;

    flex: none;
    grid-column: 1;
  }

  .AlertNotifications-module__selectedEmails--uxGjr,
  .AlertNotifications-module__selectedItems--eB4qc {
    margin-top: var(--space-8px);

    position: static;
  }

  .AlertNotifications-module__slackSetupContainer--a-R6u {
    flex: none;
  }
}
.AlertLineChartPreview-module__wrapper--k-951 {
  min-height: 0;

  flex: 1;
}

.AlertLineChartPreview-module__container--jBXuX {
  height: 100%;

  display: flex;

  align-items: center;
  justify-content: center;
}
.AlertPreview-module__container--s0JmR {
  height: 280px;

  display: flex;

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

.AlertPreview-module__header---BbGd {
  display: flex;

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

.AlertPreview-module__toolbarContainer--murdB {
  display: flex;

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

.AlertPreview-module__switcher--eu3wu {
  display: flex;
}

.AlertPreview-module__infoIcon--v8VdR {
  color: var(--icon-default);
  cursor: pointer;
}

.AlertPreview-module__tooltipContent--EZuDs {
  max-width: var(--space-280px);

  display: flex;

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

.AlertPreview-module__tooltipItem--4kVVF {
  line-height: 1.4;
}

.AlertPreview-module__emptyStateContainer--l0lE8 {
  text-align: center;

  display: flex;

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

  background-color: var(--background-tertiary);
}
.AlertNameField-module__container--f7-Hs {
  display: grid;
  gap: var(--space-16px);
  grid-auto-flow: column;

  align-items: center;
  grid-template-columns: auto minmax(200px, 400px);
}

.AlertNameField-module__alertTitle--W1afj {
  color: var(--text-tertiary);
}

.AlertNameField-module__inputWrapper--tuMyM {
  position: relative;
}

/* Position error message absolutely to prevent layout shift */
.AlertNameField-module__inputWrapper--tuMyM div[class*='errorMessage'] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: var(--floating-label-z-index);
}

.AlertNameField-module__floatingLabel--9mF-E {
  background-color: var(--background-primary);
}
.DropdownTrigger-module__trigger--9OeBw {
  width: 100%;

  display: flex;

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

.DropdownTrigger-module__value--YABxx {
  text-align: left;
  white-space: nowrap;

  overflow: hidden;

  flex: 1;
  text-overflow: ellipsis;
}
.ANRSampleTypeFilter-module__filtersContainer--8SylV {
  display: flex;

  align-items: center;
  gap: 1px; /* As per design's requirement */
}

.ANRSampleTypeFilter-module__iconTooltip--kz-Jm {
  color: var(--icon-default);
}
.RangeSlider-module__sliderContainer--95X9f {
  /* added some padding in order to tweak the space for covering a position absolute */
  padding-right: var(--base-space);

  display: flex;

  flex-direction: column;
}

.RangeSlider-module__text--yyF3H {
  color: var(--grey-200);
}

.RangeSlider-module__icon--dn8Vg {
  color: var(--grey-300);
}
/*
 * Placeholder
 */

/*
 * Base styles
 */
.Placeholder-module__placeholderContainer--afcqK {
  display: flex;

  align-items: center;

  border-radius: 4px;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  cursor: pointer;
}

.Placeholder-module__placeholderContainer--afcqK:not(.Placeholder-module__withIcon--JoV37) {
  width: 100%;
  min-height: var(--space-48px);
  padding: var(--space-16px) var(--space-20px);

  position: relative;

  justify-content: space-between;
}

.Placeholder-module__placeholderContainer--afcqK.Placeholder-module__withIcon--JoV37 {
  min-height: var(--space-36px);
  padding: 6px 10px 6px 12px;

  justify-content: normal;
}

/*
 * Hover state
 */
.Placeholder-module__placeholderContainer--afcqK.Placeholder-module__withIcon--JoV37:hover {
  background-color: var(--grey-700);
}

/*
 * Active state
 */

.Placeholder-module__placeholderContainer--afcqK.Placeholder-module__withIcon--JoV37.Placeholder-module__active--p2cNH {
  color: var(--grey-100);

  background-color: var(--grey-700);
}

.Placeholder-module__icon--TPxV5 {
  color: var(--icon-default);
}
.ANRDurationFilter-module__filterContainer--et023 {
  display: flex;

  align-items: center;
}

.ANRDurationFilter-module__container--h-8g8 {
  position: relative;

  display: flex;

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

.ANRDurationFilter-module__content--Fh9S4 {
  padding: var(--space-16px);
}

.ANRDurationFilter-module__trigger--ZxDGC {
  min-width: 180px;

  display: flex;
  gap: 1px;
}

.ANRDurationFilter-module__tooltipIcon--srbCu {
  color: var(--icon-default);
}

.ANRDurationFilter-module__disclaimer--uM-HG {
  color: var(--text-tertiary);

  margin: var(--space-8px) 0 0 0;
}

.ANRDurationFilter-module__rangeSlider--azRUx {
  width: 200px;

  display: inline-block;
}
.ANRReferences-module__references--t2qGr {
  color: var(--grey-100);

  display: flex;
  gap: var(--space-16px);

  justify-content: flex-end;
}

.ANRReferences-module__container--5yZ6o,
.ANRReferences-module__reference--kRCKJ {
  display: flex;

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

.ANRReferences-module__container--5yZ6o {
  gap: var(--space-6px);
}

.ANRReferences-module__chip--MvEci {
  width: var(--space-10px);
  height: var(--space-10px);

  display: inline-block;

  border-radius: 50%;
}

.ANRReferences-module__content--L2s63 {
  max-width: 315px;
}

.ANRReferences-module__title--Ulzfa {
  display: inline-flex;

  align-items: center;
  gap: var(--base-space);
}
.ANRStatistics-module__method--GF-b1 {
  color: var(--text-primary);

  padding: var(--space-12px) 0 var(--space-20px);
}

.ANRStatistics-module__statisticCard--BCWE5 {
  min-height: 398px;

  display: flex;

  place-content: center;
}

.ANRStatistics-module__filtersContainer--pCSPC {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}

.ANRStatistics-module__statsContainer--hBuF7 {
  display: flex;

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

.ANRStatistics-module__cardTitle--vRqkM {
  margin-bottom: var(--space-8px);
}

.ANRStatistics-module__column--bZwGi {
  width: calc(50% - var(--space-16px));

  display: inline-block;
  vertical-align: top;
}

.ANRStatistics-module__column--bZwGi:first-child {
  margin-right: var(--space-32px);
}

.ANRStatistics-module__single--yJhsp:first-child {
  margin-bottom: var(--space-32px);
}

.ANRStatistics-module__empty--G4lEK {
  min-height: 500px;

  display: flex;

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

.ANRStatistics-module__titleContentTooltip--Kyu3R,
.ANRStatistics-module__methodContentTooltip--e35em {
  max-width: 300px;
}

.ANRStatistics-module__contentTooltip--E8V6u {
  display: flex;

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

.ANRStatistics-module__list--VGrAi li {
  padding: 0;

  position: relative;

  display: inline-flex;
  gap: var(--space-8px);
  list-style-type: none;
}

.ANRStatistics-module__list--VGrAi li::before {
  width: var(--base-space);
  height: var(--base-space);

  position: relative;
  top: 5px;

  background: var(--text-primary);
  border-radius: 50%;
  content: '';
}
.FlamegraphReferences-module__container--oBu5Y {
  display: flex;

  flex-wrap: wrap;
  gap: var(--space-4px) var(--space-16px);
}
.FlamegraphHelper-module__container--TfC4G {
  position: relative;
}

.FlamegraphHelper-module__tooltipCallOut--2QjwW,
.FlamegraphHelper-module__containerCallOut--uwy3P {
  max-width: initial;
}

.FlamegraphHelper-module__button--hT6BR {
  color: var(--text-primary);

  padding: var(--base-space) var(--space-8px) var(--base-space)
    var(--space-12px);

  display: inline-flex;

  align-items: center;

  background: var(--background-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  cursor: pointer;
  gap: var(--base-space);
  opacity: 0.8;
}

.FlamegraphHelper-module__button--hT6BR:hover {
  background: var(--background-secondary);
}

.FlamegraphHelper-module__title--ooKVD {
  color: var(--text-primary);

  margin-bottom: var(--space-10px);
}

.FlamegraphHelper-module__imageContainer--zIz6l {
  margin: 0;
  margin-top: var(--space-10px);

  display: block;
}

.FlamegraphHelper-module__image--sDbUk {
  position: relative;

  display: block;
}
.FlamegraphCustomControls-module__container--o7cDy {
  padding: var(--space-24px);

  border: 1px solid var(--grey-700);
  border-radius: 4px;
}

.FlamegraphCustomControls-module__controlLabel--TmBrx {
  line-height: 24px;
  color: var(--grey-100);

  display: flex;
  gap: var(--base-space);
}

.FlamegraphCustomControls-module__controlRow--mEqQU {
  margin-bottom: var(--space-16px);

  display: flex;

  align-items: center;
  gap: var(--section-spacing-sub);
}

.FlamegraphCustomControls-module__controlRow--mEqQU:last-child {
  margin-bottom: 0;
}

.FlamegraphCustomControls-module__tooltip--h8OPC {
  color: var(--icon-default);
}

.FlamegraphCustomControls-module__iconTooltipList--MJxwl {
  padding-inline-start: 15px;
}
.FlamegraphControls-module__container--eG-bi {
  margin-bottom: var(--space-6px);

  display: flex;

  justify-content: flex-start;
  gap: var(--space-8px);
}

.FlamegraphControls-module__tooltip--J8m7n {
  color: var(--icon-default);
}

.FlamegraphControls-module__iconTooltipHeader--sug4p {
  font-size: 12px;
}

.FlamegraphControls-module__iconTooltipList--RfxEd {
  padding-inline-start: 15px;
}

.FlamegraphControls-module__subtitle--sKzFX {
  color: var(--text-tertiary);
  font-size: var(--text-12px);
}
.FlameGraphV2-module__container--T-CpV {
  height: 400px;
}

.FlameGraphV2-module__canvas--YYmva {
  max-width: 100%;
}
.UnitySandwichView-module__title--0fCWs {
  margin-bottom: var(--space-20px);
}

.UnitySandwichView-module__tooltipContent--CVQSd {
  max-width: 300px;
}

.UnitySandwichView-module__upward--dWGKV,
.UnitySandwichView-module__downward--pQd0v {
  font-size: var(--text-14px);

  padding-left: 1.4lh;

  position: relative;
}

.UnitySandwichView-module__upward--dWGKV {
  border-bottom: 1px solid var(--grey-700);
}

.UnitySandwichView-module__downward--pQd0v {
  border-top: 1px solid var(--grey-700);
}

.UnitySandwichView-module__upwardFlamegraph--R509D,
.UnitySandwichView-module__downwardFlamegraph--ZIwqU {
  border-left: 2px solid var(--grey-700);
}

.UnitySandwichView-module__upwardLabel--TGYX6 {
  bottom: 0.2lh;
  left: 1.2lh;
  position: absolute;
  transform: rotateZ(-90deg);
  transform-origin: bottom left;
}

.UnitySandwichView-module__downwardLabel--Il-Yh {
  left: 0.2lh;
  position: absolute;
  top: 0.2lh;
  transform: translateX(-100%) rotateZ(-90deg);
  transform-origin: top right;
}

.UnitySandwichView-module__card--NOzo7 {
  margin-top: var(--space-20px);
  padding: 0;
}

.UnitySandwichView-module__extra--bILyk {
  padding: var(--space-8px);
  padding-right: var(--space-24px);

  display: grid;

  grid-template-columns: 150px 1fr;
  gap: var(--space-20px);
}

.UnitySandwichView-module__flamegraph--l-8fK {
  border-top: solid 1px var(--border-secondary);
}

.UnitySandwichView-module__references--kyN6n {
  justify-content: flex-end;
}

.UnitySandwichView-module__callOutContent--MzKpm {
  display: grid;
  gap: var(--space-4px);
}
.FlamegraphSelectedMethod-module__container--y9XdS {
  color: var(--text-primary);

  margin-right: calc(var(--space-10px) * -1);
  margin-left: calc(var(--space-10px) * -1);
  padding-right: var(--space-20px);
  padding-bottom: var(--space-10px);
  padding-left: var(--space-20px);

  position: relative;

  display: inline-flex;

  align-items: center;
  gap: var(--space-8px);
  border-bottom: solid 1px var(--border-secondary);
}

.FlamegraphSelectedMethod-module__tooltipIcon--fJbL3 {
  color: var(--icon-default);
}
.UnityFlameGraph-module__empty--n0kkE {
  min-height: 300px;

  display: flex;

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

.UnityFlameGraph-module__container--BPVxJ {
  display: grid;
  gap: var(--space-20px);
}

.UnityFlameGraph-module__withMessage--4NPyJ {
  display: flex;

  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  gap: var(--space-16px);
}

.UnityFlameGraph-module__card--YD2GC {
  padding: 0;
}

.UnityFlameGraph-module__heading--EGHFs {
  padding: var(--space-8px);
  padding-right: var(--space-24px);

  display: grid;
  gap: var(--space-10px);
}

.UnityFlameGraph-module__extra--iMcCw {
  display: grid;

  grid-template-columns: 150px 1fr;
  gap: var(--space-20px);
}

.UnityFlameGraph-module__flamegraph---Pm74 {
  border-top: solid 1px var(--border-secondary);

  padding-top: var(--space-8px);
}

.UnityFlameGraph-module__references--YAOkG {
  justify-content: flex-end;
}
.HoveredMethodDetail-module__methodItem--FLDiX {
  padding: var(--space-8px) var(--space-12px);
  margin-left: calc(var(--space-10px) * -1);
  margin-right: calc(var(--space-10px) * -1);
}

.HoveredMethodDetail-module__methodItem--FLDiX:not(.HoveredMethodDetail-module__ellipsis--Ohlku) {
  word-break: break-all;
}

.HoveredMethodDetail-module__methodItem--FLDiX:not(.HoveredMethodDetail-module__readOnly--1l9YR) {
  cursor: pointer;
}

.HoveredMethodDetail-module__methodItem--FLDiX:not(.HoveredMethodDetail-module__readOnly--1l9YR):hover {
  background: var(--color-table-row-hover);
}
.ANRIssueDetailsSection-module__container---rbwf {
  border-bottom: 1px solid var(--grey-800);

  padding: var(--space-20px) 0 var(--space-20px) 0;
}

.ANRIssueDetailsSection-module__wrapper--pyYuq {
  font-size: var(--text-18px);
  color: var(--grey-100);

  padding-bottom: var(--space-16px);

  display: flex;
  gap: var(--space-8px);

  align-items: center;
  cursor: pointer;
}

.ANRIssueDetailsSection-module__title--blK-p {
  color: var(--text-primary);

  display: flex;
  gap: var(--space-4px);
}

.ANRIssueDetailsSection-module__subtitle--517GK {
  color: var(--grey-300);

  padding-bottom: var(--space-16px);
}

.ANRIssueDetailsSection-module__container---rbwf:last-child {
  border-bottom: none;
}

.ANRIssueDetailsSection-module__content--9s3dv {
  display: flex;

  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ANRIssueDetailsSection-module__singleLine--3ZIDt {
  display: flex;

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

.ANRIssueDetailsSection-module__singleLine--3ZIDt .ANRIssueDetailsSection-module__title--blK-p {
  padding-bottom: 0;
}

.ANRIssueDetailsSection-module__singleLine--3ZIDt .ANRIssueDetailsSection-module__content--9s3dv {
  margin: 0;
}

.ANRIssueDetailsSection-module__noPadding--bni8Y {
  padding: 0;
}

.ANRIssueDetailsSection-module__tooltipIcon--euHwn {
  stroke: var(--icon-default);
}
.SandwichViewDetails-module__container--YzwTI {
  padding: var(--space-20px);
  padding-bottom: 0;
}

.SandwichViewDetails-module__firstDetailsSection--3-bb5 {
  padding-top: 0;
}

.SandwichViewDetails-module__counter--8pCUw span {
  padding: 0;
}

.SandwichViewDetails-module__columns--QlXjc {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-24px);

  grid-template-columns: auto 50px;
}

.SandwichViewDetails-module__columns--QlXjc .SandwichViewDetails-module__percentage--ud8uh {
  justify-self: flex-end;
}

.SandwichViewDetails-module__tooltipContainer--HFXIM {
  place-items: start;

  display: block;
}

.SandwichViewDetails-module__tooltip--Jf4Jo {
  width: 100%;

  display: block;
}
.JVMSandwichView-module__title--Xe8k- {
  line-height: 28px;
  white-space: nowrap;

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

  overflow: hidden;

  outline: 1px solid var(--border-secondary);
  text-overflow: ellipsis;
}

.JVMSandwichView-module__sticky--RwWii {
  position: sticky;
  z-index: var(--table-sticky-header-z-index);

  background: var(--grey-900);
}

.JVMSandwichView-module__filtersContainer--p7cYl {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}

.JVMSandwichView-module__upward--If9fW,
.JVMSandwichView-module__downward--uhVFy {
  font-size: var(--text-14px);

  padding-left: 1.4lh;

  position: relative;

  border: 1px solid var(--grey-700);
  border-left: 0;
}

.JVMSandwichView-module__upward--If9fW {
  border-top: 0;
}

.JVMSandwichView-module__upwardFlamegraph--FE798,
.JVMSandwichView-module__downwardFlamegraph--jVhcV {
  border-left: 2px solid var(--grey-700);
}

.JVMSandwichView-module__upwardLabel--gTLyO {
  bottom: 0.2lh;
  left: 1.2lh;
  position: absolute;
  transform: rotateZ(-90deg);
  transform-origin: bottom left;
}

.JVMSandwichView-module__downwardLabel--rSoAU {
  left: 0.2lh;
  position: absolute;
  top: 0.2lh;
  transform: translateX(-100%) rotateZ(-90deg);
  transform-origin: top right;
}

.JVMSandwichView-module__extra--ZczzN {
  padding: var(--space-8px) var(--space-16px);

  display: grid;

  grid-template-columns: 150px 1fr;
  gap: var(--space-20px);
  border-bottom: 1px solid var(--border-secondary);
}

.JVMSandwichView-module__references--TLOKk {
  justify-content: flex-end;
}
.BranchNavigator-module__branchName--xMErJ {
  padding: var(--space-6px) var(--space-12px) var(--space-6px) var(--space-10px);

  border-left: 2px solid transparent;
  cursor: pointer;

  word-break: break-all;
}

.BranchNavigator-module__childBranchName--kklTJ {
  border-color: var(--grey-600);
}

.BranchNavigator-module__branchName--xMErJ.BranchNavigator-module__selected--OY6ax {
  background-color: var(--primary-900);
  border-bottom-left-radius: 3px;

  border-color: var(--lime-300);
  border-top-left-radius: 3px;
}

.BranchNavigator-module__child--iPAqN {
  margin-left: var(--space-16px);
}

.BranchNavigator-module__childContainer--w-Nt8 {
  border-left: 2px solid var(--grey-600);
}

.BranchNavigator-module__ellipsis--shA31 {
  margin: 0 0 var(--space-6px) var(--space-16px);
}

.BranchNavigator-module__tooltipContainer--cQ3eZ {
  cursor: pointer;

  display: block;
  place-items: start;
}

.BranchNavigator-module__tooltipContainer--cQ3eZ:hover {
  background: var(--color-table-row-hover);
}

.BranchNavigator-module__tooltipTrigger--UyJTZ {
  display: block;
}
.ANRDiffTooltip-module__text--dYyiC.ANRDiffTooltip-module__alert--08ptx {
  color: var(--text-negative);
}

.ANRDiffTooltip-module__dot--l9S1V {
  width: var(--space-8px);
  height: var(--space-8px);

  border-radius: 50%;
}

.ANRDiffTooltip-module__stats--eKhqN {
  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.ANRDiffTooltip-module__entry--FRBhi {
  display: flex;

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

.ANRDiffTooltip-module__entries---Z00c {
  display: flex;

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

.ANRDiffTooltip-module__tooltipContent--fkvvr {
  min-width: 250px;

  display: inline-flex;

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

.ANRDiffTooltip-module__message--APTog,
.ANRDiffTooltip-module__entryKey--D8fkc {
  width: 100%;

  display: flex;

  justify-content: space-between;
}
.ANROutliers-module__outliersSection--FbGvR {
  display: grid;

  grid-template-columns: 80px auto;
  gap: var(--base-space);
}

.ANROutliers-module__outlierValueColumn--Tvx5S {
  display: flex;

  justify-content: space-between;
}

.ANROutliers-module__outlierVariantColumn--PzCz4 {
  width: 100px;
}

.ANROutliers-module__outlierMetricName--gaoAk {
  color: var(--text-tertiary);

  grid-row: 1 / 10;
}

.ANROutliers-module__outlierValue--wsA-Q {
  justify-self: flex-end;
}
.ANROutliersSection-module__loading--r6dbB {
  padding: var(--space-20px) 0 var(--space-20px) 0;
  border-bottom: 1px solid var(--grey-800);
}

.ANROutliersSection-module__title--kggTx {
  display: flex;

  flex-direction: row;
  gap: var(--base-space);
}

.ANROutliersSection-module__title--kggTx span {
  color: var(--text-primary);
}

.ANROutliersSection-module__statsLink--Q7oTk {
  margin-top: var(--space-12px);
}

.ANROutliersSection-module__empty--5S1c8 {
  color: var(--text-tertiary);
}
.ANRIssueDetails-module__container--Hfm2W {
  --header-height-list-details: 54px;
  --global-header-height-and-back-button: calc(
    var(--global-header-height) + var(--space-32px)
  );

  padding: var(--space-20px);
  padding-bottom: 0;
  max-height: calc(
    100vh - var(--global-header-height-and-back-button) -
      var(--header-height-list-details)
  );

  overflow: auto;
}

.ANRIssueDetails-module__branchName--Ooj3T {
  white-space: nowrap;

  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
}

.ANRIssueDetails-module__unityLink--wSzFa {
  margin-top: var(--space-16px);
}

.ANRIssueDetails-module__counter--yEU8v span {
  padding: 0;
}

.ANRIssueDetails-module__firstDetailsSection--gR6n- {
  padding-top: 0;
}

.ANRIssueDetails-module__columns--Zu5ML {
  display: grid;
  grid-auto-flow: column;
  gap: var(--space-24px);

  grid-template-columns: auto 50px;
}

.ANRIssueDetails-module__columns--Zu5ML .ANRIssueDetails-module__percentage--BP4zE {
  justify-self: flex-end;
}

.ANRIssueDetails-module__tooltipContainer--CaXPp {
  place-items: start;

  display: block;
}

.ANRIssueDetails-module__tooltip--YzCvf {
  width: 100%;

  display: block;
}
.JVMFlameGraph-module__header--72Dec {
  position: relative;
}

.JVMFlameGraph-module__title--E-FkG {
  line-height: 28px;
  white-space: nowrap;

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

  overflow: hidden;

  outline: 1px solid var(--border-secondary);
  text-overflow: ellipsis;
}

.JVMFlameGraph-module__sticky--7B9pC {
  position: sticky;
  z-index: var(--table-sticky-header-z-index);

  background: var(--grey-900);
}

.JVMFlameGraph-module__container--V9zL0 {
  display: grid;
  gap: var(--section-spacing-sub);
}

.JVMFlameGraph-module__content--4gfaY {
  --child-min-width: 600px;
  padding: var(--space-18px) var(--space-24px);

  overflow-x: auto;
}

.JVMFlameGraph-module__controls--ES82T {
  padding: var(--chart-padding);
}

.JVMFlameGraph-module__flamegraph--mE2Kh {
  min-width: var(--child-min-width);
}

.JVMFlameGraph-module__extra--l8q7g {
  padding: var(--space-8px) var(--space-16px);

  display: grid;

  grid-template-columns: 150px 1fr;
  gap: var(--space-20px);
  border-bottom: 1px solid var(--border-secondary);
}

.JVMFlameGraph-module__references--grgLJ {
  justify-content: flex-end;
}

.JVMFlameGraph-module__filtersContainer--wRXk9 {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}
.AppExitInfoList-module__method--PLwMN {
  color: var(--text-primary);

  display: block; /* Important: do not remove unless we want to remove the ellipsis. */
}

.AppExitInfoList-module__description--T0NSA {
  color: var(--text-secondary);

  margin: 0;
  overflow-wrap: break-word;
}

.AppExitInfoList-module__methodTooltipContainer---ceit {
  width: 100%;

  display: grid;
}

.AppExitInfoList-module__methodTooltipContent--7nRPT {
  max-width: 320px;
}

.AppExitInfoList-module__ellipsis--awEba {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}
.AEIMethodDetails-module__container--eVFNm {
  padding: var(--space-16px) var(--space-28px);

  display: flex;

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

.AEIMethodDetails-module__ctaContainer--fwy4j {
  display: flex;

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

.AEIMethodDetails-module__collapsibleTitleContainer--nA4g- {
  padding: var(--space-16px) 0;

  display: flex;

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

.AEIMethodDetails-module__collapsibleTitleContent--ACPrZ {
  color: var(--text-primary);

  display: flex;

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

.AEIMethodDetails-module__sdkReferenceTitle--qNaJg.AEIMethodDetails-module__disabled--I44-w {
  cursor: not-allowed;
  opacity: 0.8;
}

.AEIMethodDetails-module__insightsContent--meU7A {
  padding-bottom: var(--space-16px);
}

.AEIMethodDetails-module__insights--PzYz1 {
  color: var(--text-primary);

  margin: 0;
}

.AEIMethodDetails-module__insightTooltipIcon--Mei-K,
.AEIMethodDetails-module__referenceSdkTooltipIcon--3I1t-,
.AEIMethodDetails-module__correlationTooltipIcon--9Hcok {
  color: var(--icon-default);
}

.AEIMethodDetails-module__correlationTooltipIconWrapper--bkAJ5 {
  width: 20px;
  height: 20px;
}

.AEIMethodDetails-module__exploreCta--M9hCu,
.AEIMethodDetails-module__stackTraceCta--O4OUS {
  color: var(--text-product-secondary);

  align-self: start;
}

.AEIMethodDetails-module__correlationCtaContainer--kK4pI {
  display: flex;
  gap: var(--space-12px);

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

.AEIMethodDetails-module__correlationCta--rbq-j {
  width: 100%;
}

.AEIMethodDetails-module__exploreCta--M9hCu.AEIMethodDetails-module__disabled--I44-w,
.AEIMethodDetails-module__stackTraceCta--O4OUS.AEIMethodDetails-module__disabled--I44-w {
  cursor: not-allowed;
  opacity: 0.8;
}

.AEIMethodDetails-module__details--NpVYH {
  border-bottom: solid 1px var(--border-primary);
}

.AEIMethodDetails-module__details--NpVYH:first-of-type {
  border-top: solid 1px var(--border-primary);
}

.AEIMethodDetails-module__refSdkContainer--pT3wq {
  padding-bottom: var(--space-16px);

  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}
.AppExitInfo-module__search--qMTYN {
  background: var(--background-secondary);
}

.AppExitInfo-module__title--ItXzC {
  margin: 0;

  display: flex;
  gap: var(--space-6px);
}

.AppExitInfo-module__titleRow--iP6ck {
  display: flex;
  gap: var(--base-space);
}

.AppExitInfo-module__list--oSKQj {
  width: 100%;

  display: flex;

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

.AppExitInfo-module__titleIconTooltip--jvHZe {
  color: var(--icon-default);
}

.AppExitInfo-module__sidebarDetails--D7xKs {
  /* same height as AppExitInfoList - 53px (heading of sidebar) */
  height: calc(100vh - 100px - 53px);

  overflow: auto;
}
.UnityMethodsBanner-module__content---qqz4 {
  display: inline;
}

.UnityMethodsBanner-module__betaTag--nDzlQ {
  margin-left: var(--space-12px);

  display: inline;
}

.UnityMethodsBanner-module__beta--L6HzD,
.UnityMethodsBanner-module__beta--L6HzD > div {
  display: inline;
}
.PackageOrMethodsHeader-module__container--qB0yD {
  display: flex;
  gap: var(--space-8px);
}

.PackageOrMethodsHeader-module__popover---6Aht {
  width: 100%;
}

.PackageOrMethodsHeader-module__placeholder--u3QHm {
  min-width: 200px;
}
.ANRRowHandlers-module__container--HVrur {
  position: relative;
}

.ANRRowHandlers-module__outliersContent--yxz5v {
  min-width: 220px;
}

.ANRRowHandlers-module__callOutIcon--kygbn:not(.ANRRowHandlers-module__active--znVOq) {
  color: var(--text-tertiary);
}

.ANRRowHandlers-module__actionIcon--Vuu58 {
  background: var(--grey-900);
}

.ANRRowHandlers-module__actionIconActive--yHC4I {
  background: var(--color-table-secondary-row-selected);
}

.ANRRowHandlers-module__tooltipTitle--DLmMq {
  display: flex;

  justify-content: space-between;
}

.ANRRowHandlers-module__recentOnly--Y9zAo {
  color: var(--text-tertiary);
}
/* stylelint-disable no-descending-specificity */
.ANRIssuesList-module__tableHeader--tzONz {
  display: flex;
  gap: var(--space-8px);
}

.ANRIssuesList-module__table--FMl7A table {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;

  width: 100%;
}

.ANRIssuesList-module__troubleshoot--jlRDD {
  position: relative;
  z-index: 1;
}

tr .ANRIssuesList-module__troubleshoot--jlRDD:not(.ANRIssuesList-module__selected--kl93u) {
  display: none;
}

tr:hover .ANRIssuesList-module__troubleshoot--jlRDD:not(.ANRIssuesList-module__selected--kl93u) {
  display: block;
}

.ANRIssuesList-module__hideTroubleshoot--1Q32W tr .ANRIssuesList-module__troubleshoot--jlRDD,
.ANRIssuesList-module__hideTroubleshoot--1Q32W tr:hover .ANRIssuesList-module__troubleshoot--jlRDD {
  display: none;
}

.ANRIssuesList-module__methodTooltipContainer--M0jrr {
  width: 100%;

  display: grid;
}

.ANRIssuesList-module__methodTooltipContent--Ikldq {
  max-width: 320px;
}

.ANRIssuesList-module__method--5ertW {
  color: var(--text-primary);

  display: block; /* Important: do not remove unless we want to remove the ellipsis. */
}

.ANRIssuesList-module__methodPill--ykqNl {
  float: inline-end;
}

.ANRIssuesList-module__ellipsis--cyK1E {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
}

.ANRIssuesList-module__tooltipContent--qOay5 {
  max-width: 320px;
}

table tr .ANRIssuesList-module__handlers--oEcLB {
  padding-top: 0;
  padding-bottom: 0;

  position: sticky;
  right: -1px;
  z-index: 1;

  transform: scaleY(0.97);
}
.ANRIssues-module__title--j0kAl {
  margin: 0;

  display: flex;
  gap: var(--space-6px);
}

.ANRIssues-module__titleRow--HqviG {
  display: flex;
  gap: var(--base-space);
}

.ANRIssues-module__list--5w6eU {
  width: 100%;

  display: grid;
  gap: var(--section-spacing-min);
}

.ANRIssues-module__list--5w6eU > *:nth-child(2) {
  margin-bottom: calc(var(--section-spacing-sub) - var(--section-spacing-min));
}

.ANRIssues-module__infoIcon--zi7uS {
  color: var(--icon-default);
}
.ANRSummary-module__withBanner--ZD-16 {
  display: flex;

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

.ANRSummary-module__container--N16sC {
  display: grid;
  gap: var(--section-spacing-main);
}

.ANRSummary-module__filtersContainer--Pr6Eg {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}

.ANRSummary-module__tabsContainer--yrcid {
  padding-bottom: 0;
}

.ANRSummary-module__row--vXfTV {
  display: flex;
  gap: var(--base-space);

  align-items: center;
}

.ANRSummary-module__message--2PAIE {
  margin-bottom: var(--space-18px);
}

.ANRSummary-module__tabIconTooltip--xGAjh {
  color: var(--icon-default);
}

.ANRSummary-module__disabled--zKGAN {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.ANRStackTrace-module__row--Dtrob {
  display: flex;

  justify-content: flex-end;
}

.ANRStackTrace-module__stackTraceContainer--dFD5e {
  border-top: 1px solid var(--border-primary);
  border-top-left-radius: 0;
  border-top-right-radius: 0;

  transition: border-color 300ms var(--entering-animation-curve);
}

.ANRStackTrace-module__collapseContainer--UpYXI .ANRStackTrace-module__stackTraceContainer--dFD5e {
  border-color: transparent;
}

.ANRStackTrace-module__collapseContainerExpanded--PlHBw .ANRStackTrace-module__stackTraceContainer--dFD5e {
  border-color: var(--border-primary);
}

.ANRStackTrace-module__collapseContainer--UpYXI {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 300ms var(--entering-animation-curve);
}

.ANRStackTrace-module__collapseContainerExpanded--PlHBw {
  grid-template-rows: 1fr;
}

.ANRStackTrace-module__collapseContent--6yHR1 {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ANRStackTrace-module__collapseContainer--UpYXI,
  .ANRStackTrace-module__stackTraceContainer--dFD5e {
    transition: none;
  }
}
.ANRSessions-module__container--7SNPq {
  display: flex;

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

.ANRSessions-module__affectedSessionsTitle--SQBbF {
  color: var(--text-primary);
}

.ANRSessions-module__filtersContainer--Ywu-d {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}
/* TODO reuse Font component H1 once new font components are available */
.ANRIntervalTroubleshooting-module__pageTitle--QVNw5 {
  color: var(--grey-100);
  font-family: Roboto, monospace;
  font-size: var(--text-24px);
  font-weight: var(--weight-200);

  padding-top: var(--global-header-height);
}

.ANRIntervalTroubleshooting-module__container--RhMGg {
  padding-top: var(--space-32px);

  display: flex;

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

.ANRIntervalTroubleshooting-module__content---Ob-w {
  padding: var(--space-16px) 0;

  display: flex;

  flex-direction: column;

  background: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: 4px;
  gap: var(--space-16px);
  stroke-width: 1px;
}

.ANRIntervalTroubleshooting-module__content---Ob-w > * {
  padding: 0 var(--space-16px);
}

.ANRIntervalTroubleshooting-module__separator--rD1EF {
  width: 100%;
  height: 1px;
  padding: 0;

  background-color: var(--grey-700);
}
.AEICorrelated-module__container--QUlUR {
  padding-top: var(--space-56px);
}

.AEICorrelated-module__emptyContainer--RUa0N {
  min-height: 300px;

  display: flex;

  flex-direction: column;
  place-content: center;
}

.AEICorrelated-module__loading--k85Ac {
  height: 100vh;
}

.AEICorrelated-module__summaryTitle--refEs {
  display: flex;
  gap: var(--space-10px);
}

.AEICorrelated-module__summaryDetail--Gc-6D {
  color: var(--text-secondary);

  position: relative;

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

.AEICorrelated-module__summaryDetail--Gc-6D::after {
  width: 1px;
  height: 100%;
  min-height: 20px;

  position: absolute;
  top: 50%;

  /* --space-24px is half of `.summaryContent` gap */
  left: calc(100% + var(--space-24px));

  display: inline-block;

  background: var(--text-secondary);
  content: '';
  opacity: 0.2;
  transform: translateY(-50%);
}

.AEICorrelated-module__summaryDetail--Gc-6D:last-of-type::after {
  content: none;
}

.AEICorrelated-module__summaryDetailValue--tWaXC {
  color: var(--text-primary);
  text-align: right;
}

.AEICorrelated-module__summaryDetailValue--tWaXC.AEICorrelated-module__columns--cku5h {
  display: inline-flex;
  gap: var(--space-8px);
}
/* 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;
}
.DemoLeadCaptureForm-module__container--FA8z6 {
  padding: var(--space-16px);

  display: flex;

  flex-direction: column;
  align-items: center;
  gap: var(--space-16px);
}

@media (width >= 480px) {
  .DemoLeadCaptureForm-module__container--FA8z6 {
    padding: var(--space-24px);
    gap: var(--space-24px);
  }
}

.DemoLeadCaptureForm-module__header--tvIYm {
  text-align: center;

  width: 100%;
  max-width: 420px;

  display: flex;

  flex-direction: column;
  align-items: center;
  gap: var(--space-16px);
}

.DemoLeadCaptureForm-module__logo--vCOAW {
  height: 32px;
  width: auto;
}

.DemoLeadCaptureForm-module__title--tvYDN {
  color: var(--text-strong);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-24px);
  font-weight: var(--weight-300);
  line-height: var(--text-32px);
}

.DemoLeadCaptureForm-module__subtitle--vdpZp {
  color: var(--text-secondary);
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: var(--text-14px);
  line-height: var(--text-20px);
}

.DemoLeadCaptureForm-module__form--zBZCN {
  width: 100%;
  max-width: 420px;

  display: flex;

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

.DemoLeadCaptureForm-module__submitButton--046aO {
  color: var(--color-text-button);

  width: 100%;

  background-color: var(--primary-600);
}

.DemoLeadCaptureForm-module__submitButton--046aO:hover {
  background-color: var(--primary-500);
}

.DemoLeadCaptureForm-module__submitButton--046aO:active {
  background-color: var(--primary-400);
}

.DemoLeadCaptureForm-module__modalBody--Uv-PT {
  height: auto;
  max-height: none;
  padding: var(--space-16px);

  overflow: hidden;
}

@media (width >= 480px) {
  .DemoLeadCaptureForm-module__modalBody--Uv-PT {
    padding: var(--space-36px);
  }
}

/* Ensure the demo lead capture form has a higher z-index than tooltips */
.DemoLeadCaptureForm-module__modalContainer--bOlsg {
  z-index: calc(var(--tooltip-z-index) + 1);
}
.AppLayout-module__app--3z91k {
  min-height: inherit;
  height: inherit;
}

.AppLayout-module__full--QWH-K {
  display: flex;
}

.AppLayout-module__content--7uthk {
  width: 100%;
  min-height: 100vh;

  display: flex;

  flex-direction: column;
}

.AppLayout-module__full--QWH-K .AppLayout-module__content--7uthk {
  flex: 1;
}

.AppLayout-module__showMenu--15FvB {
  margin-left: var(--global-menu-width);
  min-width: calc(960px - var(--global-menu-width));
}

/* watermark */
.AppLayout-module__app--3z91k::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;
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
  width: var(--scrollbar-size, 12px);
  height: var(--scrollbar-size, 12px);
}

/* slightly lighter track */
::-webkit-scrollbar-track {
  background: var(--background-secondary);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--background-tertiary);
  border-radius: 10px;
  border: 3px solid var(--background-secondary);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--background-hover);
}

::-webkit-scrollbar-corner {
  background: var(--background-secondary);
}

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: var(--background-tertiary) var(--background-secondary);
}

/* disabled/neutral state */
[aria-disabled='true'] {
  scrollbar-color: var(--background-neutral) var(--background-disabled);
}

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

  table {
    -moz-column-break-after: auto !important;
         break-after: auto !important;
  }

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

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

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

  .AppLayout-module__showMenu--15FvB {
    margin-left: 0;
    max-width: 100%;
  }

  .AppLayout-module__app--3z91k {
    position: relative;
  }

  .AppLayout-module__app--3z91k::before {
    display: block;
  }
}
/* stylelint-disable selector-class-pattern */
.GuideTooltip-module__container--kyHyw {
  border-radius: 4px;
}

/* Design team wanted to use these colors for background and didn't have
   a light/dark variable for it. */
[data-theme='dark'] .GuideTooltip-module__container--kyHyw {
  background: var(--text-product-hover);
}

[data-theme='light'] .GuideTooltip-module__container--kyHyw {
  background: var(--text-product-secondary);
}

.GuideTooltip-module__step--OmyTS {
  width: 325px;
  padding: var(--space-24px);

  display: grid;
  gap: var(--space-16px);
  grid-auto-flow: row;
}

.GuideTooltip-module__step--OmyTS p {
  margin: 0;
}

.GuideTooltip-module__closeButton--57lkv {
  cursor: pointer;
  place-self: end;
}

.GuideTooltip-module__progress--BtEbv {
  position: relative;

  display: inline-flex;

  justify-content: center;
  align-items: center;
  gap: var(--space-12px);
}

.GuideTooltip-module__title--Gqnu5 {
  color: var(--text-primary);
  white-space: nowrap;

  display: inline-flex;

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

.GuideTooltip-module__dot--hhS8c {
  width: 8px;
  height: 8px;

  position: relative;

  display: inline-block;

  background: var(--background-inverted);
  border-radius: 50%;
  opacity: 0.3;
}

.GuideTooltip-module__dot--hhS8c.GuideTooltip-module__done--uqWKI {
  opacity: 1;
}

.GuideTooltip-module__content--psjzF {
  color: var(--text-primary);
}

.GuideTooltip-module__buttons--4bvCo {
  display: inline-flex;

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

.GuideTooltip-module__buttons--4bvCo.GuideTooltip-module__left--o5p3x {
  place-content: flex-start;
}

.GuideTooltip-module__buttons--4bvCo.GuideTooltip-module__center--qvuUw {
  place-content: center;
}

.GuideTooltip-module__buttons--4bvCo.GuideTooltip-module__right--awsD5 {
  place-content: flex-end;
}

.GuideTooltip-module__buttons--4bvCo.GuideTooltip-module__space-between--6c2MQ {
  place-content: space-between;
}

.GuideTooltip-module__buttonPrimary--Q7Lyd {
  color: var(--light-text-primary);

  /* TODO: ask design if they want to transform this into a button variant */
  background: var(--light-background-secondary);
  border: 1px solid var(--dark-border-content);
}

.GuideTooltip-module__buttonPrimary--Q7Lyd:hover {
  background: var(--light-background-secondary);
}

.GuideTooltip-module__buttonSecondary--zdxjW {
  color: var(--dark-text-primary);

  /* TODO: ask design if they want to transform this into a button variant */
  background: transparent;
  border: 1px solid var(--dark-text-primary);
}

.GuideTooltip-module__buttonSecondary--zdxjW:hover {
  background: transparent;
}

.GuideTooltip-module__prev--62NSV,
.GuideTooltip-module__link--HUCdf {
  color: var(--text-primary);
  cursor: pointer;
}


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: #fccc3d;
  --light-chart-negative: #e20b0b;
  --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: #1e8555;
  --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;
  --light-chart-tertiary: #1691ef;
  --dark-chart-tertiary: #6bc6ff;

  /*
    Using industry standard colors to represent various file types, taken from SpeedCurve
    Note, there is no light variant of the following colors
  */
  --file-type-html: #82b5fc;
  --file-type-css: #b2ea94;
  --file-type-js: #fec584;
  --file-type-font: #f48f80;
  --file-type-image: #b690da;
  --file-type-video: #39c1a2;
  --file-type-other: #c4c4c4;

  /* 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);
  --chart-tertiary: var(--dark-chart-tertiary);

  /* 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);
  --chart-tertiary: var(--light-chart-tertiary);

  /* 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-68px: calc(var(--base-space) * 17);
  --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;
  --table-sticky-header-z-index: 5;
  --popover-content-z-index: 6;
  --sticky-header-z-index: 8;
  --filter-builder-field-selector-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-header-and-back-button-height: calc(
    var(--space-32px) + var(--global-header-height)
  );
  --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-y-padding: var(--space-16px);
  --row-x-padding: var(--space-12px);
  --banner-padding: var(--space-16px);
  --scrollbar-size: var(--space-12px);
  --min-app-width: 1300px;
}

[data-theme='dark'],
[data-force-theme='dark'] {
  --floating-card-box-shadow: 0px 12px 32px 0px #0009;
}
/* stylelint-disable selector-class-pattern */
.react-grid-item.react-grid-placeholder {
  background: var(--background-secondary) !important;
  opacity: 0 !important;
}

.react-grid-item:hover {
  z-index: 5;
}

.react-draggable-dragging {
  border: 1px solid var(--border-product);
  border-radius: 4px;
  cursor: grab !important;
}

/* Custom resize handle styling */
.react-resizable-handle-se {
  width: 20px !important;
  height: 20px !important;

  position: absolute !important;
  inset: auto 4px 4px auto !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  background: none !important;
  border: none !important;
  box-shadow: none !important;

  cursor: nw-resize !important;

  transition: all 0.2s ease !important;
}

/* Hide any default content */
.react-resizable-handle-se::before {
  display: none !important;
}

.react-grid-item > .react-resizable-handle::after {
  right: 0 !important;
  bottom: 0 !important;
}

.react-resizable-handle-se::after {
  content: '' !important;

  width: 20px !important;
  height: 20px !important;

  display: block !important;

  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16 18L18 16M11 18L18 11M6 18L18 6' stroke='transparent' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: none !important;
  box-shadow: none !important;
}

.resizing .react-resizable-handle-se::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16 18L18 16M11 18L18 11M6 18L18 6' stroke='%23fafbff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.react-grid-item:hover .react-resizable-handle-se::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M16 18L18 16M11 18L18 11M6 18L18 6' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

/* Hide resize handles when resizing is disabled */
.grid-no-resize .react-resizable-handle-se {
  display: none !important;
}
/* stylelint-disable selector-class-pattern */

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