/* 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;
}
/* 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);
}
.TimeSeriesTable-module__empty--GyQUR {
  text-align: center;

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

.TimeSeriesTable-module__errorcontainer--qYExp {
  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);
}

.TimeSeriesTable-module__error--h6q-c {
  color: var(--text-primary);

  background-color: var(--background-negative);
  border-color: var(--border-negative);
}
.LineYTickPercentage-module__tick--5D16X {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.LineYTickNumber-module__tick--7Q96c {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.LineXTick-module__tick--cjM-v {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.LineTooltip-module__tooltip--PqORx {
  color: var(--grey-200);

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

  display: flex;

  flex-direction: column;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: var(--base-space);
  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__title--bmCe3 {
  font-size: var(--text-14px);
  font-weight: var(--weight-300);
  grid-area: title;

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

.LineTooltip-module__entry--wxz0k {
  font-size: var(--text-12px);

  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%;
}
.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__buttonOverlayContainer--Fg8en {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
}

.LineGraph-module__applyButton---M3s4 {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

.LineGraph-module__applyButton---M3s4:disabled {
  background: var(--dark-background-tertiary) !important;
}

.LineGraph-module__resetButton--knYJ7 {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

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

.OtherLegendTooltip-module__title--QXS78 {
  color: var(--text-primary);

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

.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: 300px;

  display: flex;

  flex-flow: column nowrap;
  gap: var(--space-12px);

  overflow: auto;
}

.OtherLegendTooltip-module__listItem--QJzGf {
  display: flex;

  align-items: center;
}
.CombinedMetricPreview-module__preview--tpPPm {
  margin: var(--space-16px) 0;

  overflow: scroll;

  border-radius: var(--space-4px);
  background-color: var(--background-hover);
}

.CombinedMetricPreview-module__placeholder--U19KX {
  height: var(--space-256px);
}

.CombinedMetricPreview-module__placeholder--U19KX .CombinedMetricPreview-module__placeholderMessage--Q7MLu {
  width: 100%;
  height: 100%;

  display: flex;

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

.CombinedMetricPreview-module__loading--QeoCJ {
  display: grid;

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

.CombinedMetricPreview-module__empty--RqSh0 {
  text-align: center;

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

.CombinedMetricPreview-module__errorContainer--eyjbQ {
  display: grid;
  grid-auto-flow: row;

  grid-template-rows: 10px auto 20px;
  grid-template-areas:
    '.'
    'error-message'
    '.';
}

.CombinedMetricPreview-module__error--ebNsk {
  grid-area: error-message;
}
.QueryWidget-module__container--0-Xre {
  padding: var(--space-20px);

  border: 1px solid var(--border-secondary);
  border-radius: 4px;
}
.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;
}
.ChartTooltip-module__tooltip--FJXXs {
  width: -moz-max-content;
  width: max-content;
  max-width: 320px;
  max-height: 200px;
  padding: var(--space-8px) var(--space-12px);

  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  pointer-events: auto;

  background-color: var(--background-tertiary);
  border-radius: 4px;
  box-shadow: var(--default-box-shadow);

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

.ChartTooltip-module__entries--wLEq- {
  display: flex;

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

.ChartTooltip-module__title--wJMc- {
  color: var(--text-secondary);

  margin-bottom: var(--space-4px);

  display: block;
}

.ChartTooltip-module__entriesWithTwoColumns--wc8zP {
  display: grid;

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

.ChartTooltip-module__entriesWithTwoColumns--wc8zP .ChartTooltip-module__title--wJMc- {
  grid-column: 1 / -1;
}

.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 {
  font-weight: 500;

  margin-right: var(--space-4px);
}
.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;
}.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);
}
.BarChart-module__barChart--WOaed {
  position: relative;
  z-index: 1;
}

.BarChart-module__barChart--WOaed text {
  fill: var(--text-tertiary);

  font-size: var(--text-12px);
}
.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;
}
.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 {
    page-break-inside: auto;
  }

  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  thead {
    display: table-header-group;
  }

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

.PrintableDashboard-module__container--8ybyQ {
  width: 210mm;
}

.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;
}
/* 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 >= 1360px) {
  .index-module__large-hidden--NS-lM {
    display: none;
  }
}
/* 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%;
}
/* 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;
}

/* 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;
  }
}
/* 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;
}
/* 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;
}
/* 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%;
}
/* 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;
}
.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: 2px;
}

.dot-module__line---W-Os.dot-module__dot--ZepDL {
  width: 1px;
  margin: 0 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;
}
.VersionsReferenceTooltipContent-module__container--Q7xN6 {
  max-height: var(--space-192px);

  display: flex;
  overflow: auto;

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

.VersionsReferenceTooltipContent-module__versionItem--OVvgf {
  display: flex;
  gap: var(--space-36px);

  justify-content: space-between;
}
.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);
}
.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);
}


.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%;
}
.bold-module__bold--LiCfI {
  font-weight: bold;
}
.view-module__container--CUT9S {
  display: flex;

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

.view-module__namespace--lve-X span {
  color: var(--grey-300);
}
.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;
}
.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;
}
.AppliedFilters-module__container--e6Uuh {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}

.AppliedFilters-module__queryLanguage---1HM0 {
  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;
}
.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;
}
.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 / 115px auto;
  gap: 16px;
}

.AdvancedFilterForm-module__where--GIy4H,
.AdvancedFilterForm-module__switch--vC9SQ {
  height: 48px;

  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: flex-start;
}

.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 / 350px 200px 400px 48px;
  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 280px 48px;
}

.FilterRow-module__nested--U-wA-.FilterRow-module__small---yunl {
  grid-template: 1fr / 160px 190px 240px 32px;
}

.FilterRow-module__remove---yUbH {
  color: var(--icon-default);

  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);
}
.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;
}
.NetworkDescription-module__issueSeen--Xm98x {
  color: var(--text-tertiary);
}
.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;
}
/* 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;
}
.crash_list-module__crashFilterContainer--Pgnx6 {
  display: block;
}

/* 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;
}
.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);
}
.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);
}
.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;
}
.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%;
}
.FAQMenu-module__popover--Ndinq {
  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);
}
.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;
}
.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-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;
  }
}
.SelectBoardField-module__label--9RmXD {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.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;
}
.ZeroStateSlide-module__container--lVE5j,
.ZeroStateSlide-module__content--sGz2x {
  width: 100%;
}

.ZeroStateSlide-module__container--lVE5j.ZeroStateSlide-module__columns--q8pw1 {
  display: grid;
  gap: var(--space-32px);

  grid-template-columns: 3fr 1fr;
}

.ZeroStateSlide-module__title--xTDHl {
  color: var(--grey-100);
  font-size: var(--text-24px);
  font-weight: var(--weight-200);
}

.ZeroStateSlide-module__paragraph--qJqgo {
  color: var(--grey-200);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);

  margin: var(--text-24px) 0; /* Same margin as line-height */
}

.ZeroStateSlide-module__image--r-9JL {
  margin: 0;
}
.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);
}
/* 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);
}

.version_filter-module__pointer--4De2F {
  cursor: pointer;
}

.version_filter-module__messageContainer--ncJAU {
  position: relative;
}

.version_filter-module__message--Y-qxp {
  font-size: 12px;
  color: hsla(0, 0%, 35%, 1);
  white-space: nowrap;

  max-width: 256px;
  margin-right: auto;
  padding: 4px;

  position: absolute;
  top: 4px;
  right: 0;

  display: flex;

  background-color: hsla(40, 94%, 84%, 1);
  border-radius: 4px;
}

.version_filter-module__message--Y-qxp .version_filter-module__link--r-uJq {
  font-weight: 500;
  color: hsla(0, 0%, 35%, 1);
  text-decoration: underline;

  max-width: 96px;
  margin-right: 4px;
  margin-left: 4px;

  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
}
.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);
}
.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);
}
.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 {
  padding-top: calc(var(--space-32px) + var(--global-header-height));

  position: relative;
}

.Page-module__container--ekefd.Page-module__tourActive--VNcgQ {
  padding-top: calc(
    var(--space-32px) + var(--global-header-height) +
      var(--tour-active-banner-height)
  );
}

.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);
}
.WidgetTablePreview-module__table--s4phP {
  max-height: var(--space-320px);
}
.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;
}
.WidgetPreview-module__container--QqYuU {
  height: 280px;

  display: flex;

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

.WidgetPreview-module__emptyStateContainer--QyDg9 {
  display: flex;

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

  background-color: var(--background-tertiary);
}
.WidgetNameField-module__container--bDF07 {
  display: grid;
  gap: var(--space-16px);
  grid-auto-flow: column;

  align-items: baseline;
  grid-template-columns: auto minmax(200px, 400px);
}

.WidgetNameField-module__floatingLabel--TGPG4 {
  background-color: var(--background-primary);
}
.VisualizationTypeField-module__container--hT7I7 {
  display: flex;

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

.VisualizationTypeField-module__row--WsO8s {
  display: flex;
  gap: var(--space-16px);
}

.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.VisualizationTypeField-module__selected--cjHt3 {
  color: var(--text-primary);

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

.VisualizationTypeField-module__error--yJHfO {
  color: var(--text-negative);
}
.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;

  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);
}
.PieGraphWidgetFields-module__row--Ry6Bt {
  grid-template-columns: minmax(auto, 160px) minmax(auto, 256px) 1px minmax(
      auto,
      400px
    );
  grid-template-rows: 60px;
}

.PieGraphWidgetFields-module__filters--T-QnM {
  grid-column: span 4;
}
.LineChartWidgetFields-module__row--7SHgq {
  grid-template-columns: minmax(auto, 160px) minmax(auto, 256px) 1px minmax(
      auto,
      400px
    );
}

.LineChartWidgetFields-module__filters--hYZfi {
  grid-column: span 5;
}

.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);
}
.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- {
  padding: var(--space-32px);

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

.WidgetForm-module__wrapper--y8-3c {
  padding-bottom: var(--space-136px);
}
.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: calc(var(--space-32px) + var(--global-header-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);
  }
}
.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;
}
.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;
}
.AreaTooltip-module__tooltip---NsEe {
  color: var(--grey-200);

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

  display: flex;

  flex-direction: column;

  background-color: var(--grey-900);
  border: 1px solid var(--grey-800);
  border-radius: 4px;
  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%;
}
.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;
}
.AreaYTickPercentage-module__tick--mZUcg {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.AreaYTickNumber-module__tick--NR79I {
  fill: var(--grey-300);

  font-family: Roboto, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.002em;
  line-height: 16px;
}
.AreaGraph-module__maxWidth--tQJ2h {
  width: 100%;
}

.AreaGraph-module__graphContainer--qh2QB {
  height: 100%;
  width: 100%;

  position: relative;

  display: grid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.AreaGraph-module__buttonOverlayContainer--u3cx4 {
  position: absolute;
  top: 0;
  right: 0;

  display: flex;
}

.AreaGraph-module__applyButton--sRGjf {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}

.AreaGraph-module__applyButton--sRGjf:disabled {
  background: var(--dark-background-tertiary) !important;
}

.AreaGraph-module__resetButton--80k6O {
  padding: var(--space-4px) var(--space-8px) !important;
  margin: var(--space-4px) !important;

  z-index: 1 !important;
}
.TimeSeriesAreaChart-module__empty--vLwiS {
  text-align: center;

  width: 100%;
  padding: var(--space-48px) 0;
}
.WebVitalsDistribution-module__container--JEpXS {
  display: flex;
}
.WebVitalsRatingCell-module__dot--DbKms::before {
  width: var(--space-8px);
  height: var(--space-8px);
  margin-bottom: 1px;

  display: inline-block;

  border-radius: var(--space-8px);
  content: '';
}

.WebVitalsRatingCell-module__green--DZLnJ::before {
  background-color: var(--chart-success);
}

.WebVitalsRatingCell-module__yellow--yKTnl::before {
  background-color: var(--chart-warning);
}

.WebVitalsRatingCell-module__red--y-DCi::before {
  background-color: var(--chart-negative);
}

.WebVitalsRatingCell-module__row--34dop {
  display: flex;
  gap: var(--space-4px);

  align-items: center;
}

.WebVitalsRatingCell-module__icon--928t8 {
  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;
}
/* 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-border: 1px solid 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: var(--selected-segment-border);
  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;
  gap: var(--section-spacing-sub);
}

.StitchedSessionList-module__list--lOvd- {
  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;
}
.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__table--zK7Rw {
  max-height: 69vh;
}

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

  grid-template-columns: auto 16px;
}

.EventValueField-module__inputTextContent--APeit {
  position: relative;
}

.EventValueField-module__matchButton--pYTaJ {
  position: absolute;
  top: 3px;
  right: 2px;
  z-index: 1;
}

.EventValueField-module__inputField--NWTZl [type='text'] {
  /* Making space for "Test" button (`.matchButton`) that is placed at the right using `position: absolute` */
  padding-right: 50px;
}

/* 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 - 42px);

  overflow: hidden;
  text-overflow: ellipsis;
}

.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);
}
fieldset {
  padding: 0;
  margin: 0;

  border: none;
}

.UserJourneyForm-module__container--syRiX {
  --first-column-width: calc(70% - var(--space-10px) / 2);
  --second-column-width: calc(30% - 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__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, 560px);
  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 {
  min-width: 960px;
  padding: var(--space-16px) var(--space-40px);

  position: sticky;
  top: var(--space-56px);
  z-index: var(--sticky-summary-aei-correlated-z-index);

  display: grid;

  grid-template-areas:
    'back back'
    'title content';

  gap: var(--section-spacing-min);
}

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

/* hacky way of covering wrong background when the user scroll down */
.StickyHeader-module__container--AEUfj::before {
  width: 100%;
  height: 100%;

  position: absolute;
  top: -100%;
  right: 0;
  left: 0;

  content: '';
}

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

.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;
}
.MetricLineGraph-module__errorContainer--jxI9O {
  width: 100%;
  margin: var(--space-40px) 0;

  display: flex;

  justify-content: center;
}
.StackedIssuesMetricGraph-module__errorContainer--Ee1kq {
  width: 100%;
  margin: var(--space-40px) 0;

  display: flex;

  justify-content: center;
}
.IssuesOverviewGraph-module__metricGraphContainer--fa3B8 {
  width: 100%;

  display: flex;
  overflow: hidden;
}

.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 {
  padding: 0 var(--space-6px);

  display: flex;

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

.IssuesOverviewGraph-module__titleLabel--U1bnC {
  color: var(--text-primary);
  font-size: var(--text-12px);
}
.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);
}
.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);
}
.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__table--4Hlm- {
  /* 330px is the height of the top elements + margins + paddings */
  max-height: calc(100vh - 330px);
}

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

/* 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);
}
.app-module__app--0xflm {
  min-height: 100%;
}
.app-module__full--8ax81 {
  display: flex;
}
.app-module__content--FWZCV {
  min-height: 100vh;

  display: flex;

  flex-direction: column;
}
.app-module__full--8ax81 .app-module__content--FWZCV {
  flex: 1;
}
.app-module__showMenu--36iGE {
  margin-left: var(--global-menu-width);
  max-width: calc(100vw - var(--global-menu-width));
}
@keyframes app-module__fadein--GnsGt {
  from {
    opacity: 0;

    margin-top: -10px;
  }

  to {
    opacity: 1;

    margin-top: 0;
  }
}
@keyframes app-module__fadeout--FDMyY {
  from {
    opacity: 1;

    margin-top: 0;
  }

  to {
    opacity: 0;

    margin-top: 10px;
  }
}
/* watermark */
.app-module__app--0xflm::before {
  position: absolute;
  inset: 0;

  display: none;

  background: url('/asset/watermark.svg') -50% 0/50% 20vh;
  color-adjust: exact;
  content: '';
  opacity: 0.5;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
html[data-theme-printing='dark'] body::before {
  width: 100vw;
  height: 100vh;

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

  display: block;

  background: black;
  content: '';

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

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

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

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

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

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

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

  .app-module__app--0xflm::before {
    display: block;
  }
}

.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);
  font-size: 20px;
}

.access_control-module__warning--gJuOK p {
  margin: 0;
}

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

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

.version-module__imageContainer--4arOt img {
  height: 500px;
}
/* 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;
  }
}


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

/* These variables are deprecated. Use sizexxx variables instead */
/* 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 >= 1360px) {
  .index-module__large-hidden--NS-lM {
    display: none;
  }
}

.overview_section-module__cell--y6crV {
  font-size: 12px;

  padding: 8px 12px;
}

.overview_section-module__cell--y6crV > div {
  font-weight: 500;
}

.overview_section-module__cell--y6crV.overview_section-module__noWrap--mzhKI {
  white-space: nowrap;
}

.overview_section-module__container--sOuT- {
  margin: 12px 0;

  display: flex;
}

.overview_section-module__dot--H4qvH {
  margin-right: 4px;
}

.overview_section-module__gaugesContainer--bkXOc {
  display: flex;

  flex: 1;
}

.overview_section-module__gaugesContainer--bkXOc > div {
  flex: 1;
}

.overview_section-module__graphContainer--vEw8p {
  display: flex;

  flex: 2;
}

.overview_section-module__graphContainer--vEw8p .overview_section-module__graph--XlxAz {
  flex: 2;
}

.overview_section-module__graphContainer--vEw8p .overview_section-module__table--tBgdK {
  max-height: 210px; /* Just enough for 5 versions to fit */
  padding-left: 12px;

  overflow-y: auto;

  flex: 1;
}

.overview_section-module__headerCell--10Xu- {
  font-size: 12px;
  font-weight: 500;

  padding: 8px 12px;
}

.overview_section-module__summarizedTable--gtByA {
  box-shadow: none;
}

.overview_section-module__summarizedTable--gtByA tr {
  border-bottom: none;
}

/* small screens and smaller */
@media (width <= 1033px) {
  .overview_section-module__graphContainer--vEw8p {
    display: block;
  }

  .overview_section-module__graphContainer--vEw8p .overview_section-module__table--tBgdK {
    padding-left: 0;
  }
}

/* medium screens and smaller */
@media (width <= 1359px) {
  .overview_section-module__gauge---65Ks {
    margin-left: 0;
    padding-left: 0;
  }

  .overview_section-module__graph--XlxAz {
    margin-left: calc(0px - 32px);
  }

  .overview_section-module__container--sOuT- {
    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;
}

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

/* 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 >= 1360px) {
  .index-module__large-hidden--NS-lM {
    display: none;
  }
}

.crash_overview-module__gauge--Go9Ut {
  padding-top: 0;
}

.crash_overview-module__divider--Tntxx {
  margin: 24px;

  border-color: var(--grey-800);
}

/* medium screens and smaller */
@media (width <= 1359px) {
  .crash_overview-module__gauge--Go9Ut {
    margin-left: 0;
    padding-left: 0;
  }
}
.OverviewMetricsTab-module__overviewContainer--7Z0FN {
  display: inline-flex;
  gap: var(--space-8px);
}

.OverviewMetricsTab-module__loadingIndicator--S7fND {
  height: var(--space-48px);
  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);
}

.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);
}
.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);
}
.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 {
  margin-top: var(--space-4px);

  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;
  gap: var(--space-8px);

  grid-template-columns: repeat(6, minmax(78px, 120px));
}

.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);
}
.PropertyList-module__container--PasQZ {
  border-radius: 4px;
  border: solid 1px var(--border-primary);
}

.PropertyList-module__properties--uZR9C {
  padding: var(--space-16px);
  padding-top: var(--space-10px);
  border-top: solid 1px var(--border-primary);
}

.PropertyList-module__property--DR-Yk {
  padding: var(--space-12px) 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__showMoreContainer--At33J {
  border-top: solid 1px var(--border-primary);

  padding-top: var(--space-10px);
  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__labelsContainer--FfTiI {
  color: var(--text-tertiary);

  padding: var(--space-12px) 0;

  display: grid;

  grid-template-columns: minmax(100px, 200px) 1fr;
  gap: var(--space-10px);

  border-bottom: solid 1px var(--border-primary);
}
.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;
}
.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;
}
.NetworkDetails-module__enableNSFRequestTrigger--akdR9 {
  margin-top: var(--space-6px);
}
.WebVitalHeader-module__row--oUSbo {
  display: flex;
  gap: var(--space-8px);
}

.WebVitalHeader-module__noGap--AmrJj {
  display: flex;
}.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__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 {
  word-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;
}

.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-24px);

  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 {
  display: grid;

  grid-template-columns: repeat(3, auto);
  justify-content: flex-start;
  align-items: center;
  gap: 8px 32px;
}

.AnrRelevantMethods-module__label--UPvB3 {
  color: var(--grey-100);
  font-family: Roboto, monospace;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.AnrRelevantMethods-module__header--dVSii {
  color: var(--grey-200);
}

.AnrRelevantMethods-module__separator--GzJLa {
  width: 100%;
  height: 1px;

  background-color: var(--grey-700);
}
.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);
}
.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);
}

.LogStackTrace-module__handlers--8VqeA {
  display: flex;

  justify-content: flex-end;
}

.LogStackTrace-module__empty--m3ncm {
  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;
}
.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: 0 var(--space-16px);
}
.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);
}
.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;
}
.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: var(--base-space);
  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;
}
.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);
}
.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;
}
.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;
}
/*
   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;
}
.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;

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

  position: relative;
  vertical-align: baseline;
}

.TimelineEventsTable-module__tbody--lrIxB tr {
  cursor: pointer;
}

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

@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;
  }
}
.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 {
  display: flex;

  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-18px);

  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);
}
.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);
}
.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);
}
.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);
}
/*
 * Main structure
 */
.Timeline-module__container--Kf1i3 {
  --page-padding-top: calc(var(--space-32px) + var(--global-header-height));
  --title-height: 45px;
  height: calc(100vh - var(--page-padding-top) - var(--title-height));
  margin-right: 0;
  padding-right: var(--space-40px);

  position: relative;

  /* removing the ability of scrolling outside the content */
  overflow: auto;
}

.Timeline-module__container--Kf1i3.Timeline-module__tourActive---tY3V {
  height: auto;

  overflow: initial;
}

/*
 * Timeline content
 * (direct child of .container)
 */
.Timeline-module__content--YwSfs {
  display: grid;
  gap: var(--space-20px);
  align-content: start;
}

/*
 * Components into Main part of Timeline page
 */

.Timeline-module__infoIcon--ZPB8f {
  color: var(--text-tertiary);
}

/*
 * 1) Stitched Sessions
 */
.Timeline-module__stitchedSessions--QL4v8 {
  display: grid;

  grid-template-areas:
    'title references'
    'stitched-session stitched-session';
  gap: var(--space-10px) var(--space-20px);
}

.Timeline-module__stitchedSessions--QL4v8 .Timeline-module__title--wcFoH {
  display: flex;

  align-items: center;
  grid-area: title;
  gap: var(--space-10px);
}

.Timeline-module__stitchedSessions--QL4v8 .Timeline-module__references--RfuZC {
  grid-area: references;

  align-self: center;
}

.Timeline-module__stitchedSessions--QL4v8 .Timeline-module__stitchedSessionsContent--48eN- {
  grid-area: stitched-session;
}

/*
 * 2) Horizontal Timeline + Filters
 */
.Timeline-module__horizontalTimeline--yykpA {
  display: grid;
  gap: var(--section-spacing-min);
}

.Timeline-module__horizontalTimeline--yykpA .Timeline-module__title--wcFoH {
  display: flex;

  align-items: center;

  gap: var(--space-20px);
}

.Timeline-module__overview--J-H-u {
  display: grid;

  align-items: center;
  gap: var(--space-20px);
  grid-auto-flow: column;
}

.Timeline-module__sessionCounter--YxQ2Q {
  color: var(--text-secondary);
}

.Timeline-module__filters--LjwSA {
  place-self: end;

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

/*
 * 3) Timeline Table and Details
 */
.Timeline-module__timelineTableAndDetails--5xkHB {
  display: flex;
  flex-flow: column;
  gap: var(--section-spacing-min);
}

.Timeline-module__timelineEventsTable--0f74N {
  border-right: 0;
}

.Timeline-module__timelineEventsTable--0f74N::after {
  width: 1px;
  height: calc(100% - 56px);

  position: absolute;
  top: 56px;
  right: 0;
  z-index: 3;

  display: block;

  background: var(--border-secondary);
  content: '';
}

.Timeline-module__timelineSidebar--LsdKD {
  border-top: 56px solid var(--background-tertiary);

  overflow: auto;
  display: flex;

  flex-direction: column;
}

.Timeline-module__timelineHeader--EPE1P {
  display: flex;

  justify-content: space-between;
}

.Timeline-module__currentSession--S2kt3 {
  display: flex;

  justify-content: space-between;
  align-items: center;
  gap: var(--space-4px);
  cursor: pointer;
}

.Timeline-module__horizontalTimelineContainer--jGl2C {
  padding: var(--space-12px) var(--space-18px);

  display: flex;

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

.Timeline-module__horizontalTimelineContainer--jGl2C .Timeline-module__title--wcFoH {
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.Timeline-module__timelineDetailsContainer--XfmSQ {
  display: grid;
  grid-auto-flow: column;

  grid-template-columns: minmax(800px, 1fr) auto;
}

@media print {
  html {
    background: transparent !important;
  }

  body * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  main {
    height: auto !important;

    overflow: visible !important;
  }

  .Timeline-module__horizontalTimeline--yykpA {
    display: none;
  }

  .Timeline-module__timelineDetailsTitle--RTT2q {
    margin-bottom: -1cm;

    position: relative;
    z-index: 1;
  }

  .Timeline-module__timelineDetailsContainer--XfmSQ {
    height: 100% !important;
    padding: 0;

    background: transparent !important;
    border: 0 !important;
  }

  .Timeline-module__timelineSidebar--LsdKD {
    padding-top: 1cm;

    position: relative;

    display: flex;

    flex-direction: column;
    border-top-width: 2px;
    page-break-before: always;
  }

  .Timeline-module__timelineSidebar--LsdKD::before {
    font-size: 80%;

    position: absolute;
    top: calc(1cm + 19px);
    left: 170px;
    content: '(Last Viewed)';
  }

  .Timeline-module__timelineSidebar--LsdKD * {
    gap: 2pt;
  }

  .Timeline-module__timelineEventsTable--0f74N {
    height: auto;
  }

  .Timeline-module__timelineEventsTable--0f74N::after {
    display: none;
  }
}

/* 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;
}
.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 {
  display: grid;
  grid-auto-flow: column;

  flex: 1;
  justify-content: start;
  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;
}
.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;
}
.UserPreferences-styles-module__tzDropdownContainer--LRCy8 {
  margin-top: var(--space-12px);
  max-width: 50%;
}

@media only screen and (width <= 1024px) {
  .UserPreferences-styles-module__tzDropdownContainer--LRCy8 {
    max-width: 100%;
  }
}
.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);
}
.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);
}
.Preferences-module__content--6AXvM {
  flex: 1;
}
.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 {
  border-top: 1px solid var(--grey-800);

  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);
}
.EditUserTeamInfo-module__subtitle--BPeeY {
  color: var(--grey-300);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}
.EditUserProjectInfo-module__subtitle--6XosA {
  color: var(--grey-300);
  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);
}
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(--grey-300);
  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);
}
.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;
}
.UsersAndTeams-module__container--UgD5f {
  width: 100%;

  display: flex;

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

.UsersAndTeams-module__content--yqYMY {
  flex: 1;
}
.SSOMetadataField-module__explanation--xR8-M {
  color: var(--grey-300);
}

.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(--grey-300);
}

.SSOConfigurationForm-module__field--asxir {
  margin-bottom: var(--space-32px);

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

.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;
}
.ProviderInformation-module__field--38QuB {
  max-width: var(--space-512px);
}

.ProviderInformation-module__fullWidthField--sTSeu {
  max-width: 100%;
}
.SSO-module__content--W3-P5 {
  flex: 1;
}
.CustomMetrics-module__modal--LS799 {
  max-height: 95vh;
  width: 768px;
}

.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);
}
.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);
}
.MetronomeEmbedded-module__embedded--lvC3O {
  width: 100%;
  height: 550px;

  border: none;
}
.Invoices-module__content--dvqOZ {
  min-width: 1000px;
  max-width: initial;
}
.Integrations-module__content--kOF-N {
  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;
  grid-row-gap: var(--space-16px);
}

.Plans-module__plans--clYOS.Plans-module__twoColumns--Ny-nq {
  grid-template-columns: 1fr 1fr;
  grid-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;
  grid-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;
}
.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-6px);
}
.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(--grey-300);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}
.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(--grey-300);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}
.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%;
}
.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);
}
.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;
}
.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;
}
.DashboardDetail-module__controlsContainer---frrw {
  flex: 1;
  justify-content: space-between;
}

.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;
}
.WizardTileGrid-module__tileList--4Tdy4 {
  padding-left: 0;

  display: grid;

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

  gap: var(--space-8px);
  list-style: none;
}
.WizardTile-module__tile--7jbez {
  text-align: center;

  height: 100%;
  margin: 1px;
  padding: var(--space-8px);

  border: 1px solid var(--border-primary);
  border-radius: var(--space-8px);

  transition:
    background 0.2s,
    border-color 0.2s;
  cursor: pointer;
}

.WizardTile-module__tile--7jbez:hover {
  background-color: var(--background-tertiary);
  border-color: var(--border-inverted);
}

.WizardTile-module__tile--7jbez.WizardTile-module__highlight--7oN1r {
  margin: 0;

  border-width: 2px;
  border-color: var(--border-product);
}

.WizardTile-module__tile--7jbez.WizardTile-module__highlight--7oN1r * {
  color: var(--text-primary);
}

.WizardTile-module__tile--7jbez.WizardTile-module__disabled--EN-DU:hover {
  background-color: transparent;
  border-color: var(--border-primary);
}

.WizardTile-module__tooltipContainerClassName--zvygs {
  width: 100%;
}

.WizardTile-module__triggerClassName--uVYCb {
  width: 100%;

  display: block;
}
.WizardTileGridPicker-module__sourceTile--b22xV {
  font-size: var(--text-12px);
  font-weight: var(--weight-100);
  color: var(--text-tertiary);

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

.WizardTileGridPicker-module__sourceTile--b22xV .WizardTileGridPicker-module__icon--YvL6Q {
  margin-bottom: var(--space-8px);
}
.WizardSection-module__section--D3juP {
  margin: var(--space-24px) 0;
}

.WizardSection-module__sectionHeader--SPYjI {
  display: flex;

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

.WizardSection-module__number--AMSpB {
  line-height: 32px;
  text-align: center;

  width: 32px;
  height: 32px;

  background-color: var(--background-primary);
  border-radius: 50%;
  opacity: 0.5;
}

.WizardSection-module__number--AMSpB.WizardSection-module__enabled--e6m3U {
  opacity: 1;
}

.WizardSection-module__title--jISMk {
  display: flex;

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

.WizardSection-module__title--jISMk > h2 {
  color: var(--grey-300);

  flex: 1;
}

.WizardSection-module__titleContainer--FNSrn {
  width: 100%;

  display: flex;

  flex-direction: column;
}

.WizardSection-module__titleContainer--FNSrn.WizardSection-module__enabled--e6m3U .WizardSection-module__title--jISMk > h2 {
  color: inherit;
}

.WizardSection-module__titleContainer--FNSrn .WizardSection-module__selected--Lhikx {
  font-size: var(--text-12px);
  color: var(--text-tertiary);

  margin: var(--space-4px) 0 0 var(--space-40px);

  display: flex;

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

.WizardSection-module__titleContainer--FNSrn .WizardSection-module__selected--Lhikx i {
  margin-right: var(--space-4px);
}

.WizardSection-module__content--Y4vul {
  margin-left: var(--space-48px);
  max-height: 0;

  transition: max-height 0.5s;
}

.WizardSection-module__content--Y4vul.WizardSection-module__contentEnabled--zofqi {
  max-height: var(--space-640px);
}

.WizardSection-module__button--Z3sDy:not(:empty) {
  margin: var(--space-24px) 0 var(--space-32px);
}

.WizardSection-module__editButton--LUoB3 {
  cursor: pointer;
}

.WizardSection-module__editButtonIcon--iXzjf {
  color: var(--icon-default);
}

.WizardSection-module__editButton--LUoB3:hover .WizardSection-module__editButtonIcon--iXzjf {
  color: var(--icon-focused);
}
.WizardPreview-module__preview--irQn3 {
  overflow: scroll;

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

.WizardPreview-module__placeholder--yH--5 {
  height: var(--space-256px);

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

.WizardPreview-module__placeholder--yH--5 .WizardPreview-module__placeholderMessage--IDOoG {
  width: 100%;
  height: 100%;

  display: flex;

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

.WizardPreview-module__widgetTable--qhemV thead tr th {
  padding: var(--space-12px);
}
.TimeSeriesQueryField-module__container--jDusa {
  position: relative;

  display: grid;
  grid-auto-flow: column;

  grid-template-columns: auto 1fr 1fr auto 0.3fr auto;
  grid-template-areas: 'alias metric groupBy eyeIcon . remove' '. filters filters filters filters filters';
  gap: var(--space-10px);

  align-items: center;
}

.TimeSeriesQueryField-module__label---rTXj {
  grid-area: alias;

  color: var(--text-tertiary);
  text-transform: uppercase;
}

.TimeSeriesQueryField-module__metricField--1oUcu {
  grid-area: metric;

  flex: 1;
}

.TimeSeriesQueryField-module__groupByContainer--0GARp {
  grid-area: groupBy;

  display: grid;

  align-items: center;
  gap: var(--space-10px);
  grid-auto-columns: 60px 270px;
  grid-auto-flow: column;
}

.TimeSeriesQueryField-module__groupByLabel--Yy3TJ {
  color: var(--text-tertiary);
  text-transform: initial;

  min-width: 60px;
}

.TimeSeriesQueryField-module__visibility--7yenC {
  grid-area: eyeIcon;
}

.TimeSeriesQueryField-module__trashIcon--e7-T7 {
  grid-area: remove;

  color: var(--text-product-secondary);

  width: 20px;
  height: 20px;

  cursor: pointer;
}

.TimeSeriesQueryField-module__filters--uEWIv {
  grid-area: filters;
}

.TimeSeriesQueryField-module__tooltipContent--4R7cz {
  max-width: 120px;
}

.TimeSeriesQueryField-module__eyeIcon--Bh21F {
  color: var(--text-product-secondary);
  cursor: pointer;
}
.TimeSeriesRow-module__divider--PfNEd {
  width: 100%;
  height: 1px;

  display: inline-block;

  background: var(--border-secondary);
}
.TimeSeriesFormulaField-module__container--OU2c2 {
  display: grid;
  grid-auto-flow: column;

  align-items: center;
  grid-template-columns: max-content;
  gap: var(--space-12px);
}

.TimeSeriesFormulaField-module__label--xGjVy {
  color: var(--text-tertiary);

  /* preventing the label to be aligned centered (vertically) since if the input fires the validation it gets misaligned */
  margin-top: calc(50% - 14px);

  display: inline-block;

  align-self: start;
}

.TimeSeriesFormulaField-module__formula--oPI-1 {
  min-width: -moz-fit-content;
  min-width: fit-content;

  flex: 1;
}

.TimeSeriesFormulaField-module__formula--oPI-1 input {
  text-transform: uppercase;
}

.TimeSeriesFormulaField-module__formula--oPI-1 input::-moz-placeholder {
  text-transform: initial;
}

.TimeSeriesFormulaField-module__formula--oPI-1 input::placeholder {
  text-transform: initial;
}
.TimeSeriesBuilder-module__form---ZM-5 {
  display: grid;
  gap: var(--space-20px);
}

.TimeSeriesBuilder-module__container--8cXhr {
  display: grid;
  gap: var(--space-20px);
}

.TimeSeriesBuilder-module__builder--RCduy {
  display: grid;
  gap: var(--space-12px);
}

.TimeSeriesBuilder-module__addQuery--Youg6,
.TimeSeriesBuilder-module__addFormula--i-KdE {
  place-self: start;
}

.TimeSeriesBuilder-module__fieldFormula--gpI68 {
  display: grid;
  gap: var(--space-12px);

  grid-template-columns: 1.6fr 1fr 1fr;
  grid-template-areas: 'formula . remove-formula';
  justify-content: space-between;
  align-items: center;
}

.TimeSeriesBuilder-module__inputFormula--qtqwG {
  grid-area: formula;
}

.TimeSeriesBuilder-module__removeFormula--9ecRX {
  grid-area: remove-formula;

  justify-self: right;

  color: var(--text-product-secondary);
  cursor: pointer;
}
.CombinedMetricBuilder-module__warning--ts-yK {
  padding-bottom: var(--space-12px);
}

.CombinedMetricBuilder-module__missingDataContainer--NSib1 {
  display: grid;
  grid-auto-flow: row;

  grid-template-rows: 20px auto 20px;
  grid-template-areas:
    '.'
    'missing-data'
    '.';
}

.CombinedMetricBuilder-module__missingData--r60xS {
  grid-area: missing-data;
}
.IssuesWidgetConfiguration-module__container--pwBo3 {
  padding: var(--space-16px) 0;

  display: flex;

  flex-direction: column;
  gap: var(--card-sub2-spacing);
}

.IssuesWidgetConfiguration-module__dropdownOption--tgGJN {
  padding: var(--space-12px) 0;
}

.IssuesWidgetConfiguration-module__dropdownOptionsContainer--H6Yky {
  overflow: initial;
}

.IssuesWidgetConfiguration-module__section--lxQAe {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.IssuesWidgetConfiguration-module__formLabel--qcFnW {
  color: var(--text-secondary);
}

.IssuesWidgetConfiguration-module__preview--W4GSM {
  height: 300px;
}

.IssuesWidgetConfiguration-module__previewNotReady--u5anc {
  height: 108px;

  display: flex;

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

  background-color: var(--background-tertiary);
  border-radius: 4px;
}
/* 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);
}
.Wizard-module__button--hkWsW {
  margin-top: var(--space-12px);
}

.Wizard-module__wizard--xpGFJ {
  padding: var(--space-16px) 0;
}

.Wizard-module__textField--IfkQP {
  max-width: var(--space-256px);
}

.Wizard-module__numberField--obb5x {
  margin: var(--space-16px) 0;
}

.Wizard-module__numberField--obb5x .Wizard-module__maxLabel--xvcde {
  font-size: var(--text-12px);
}

label.Wizard-module__textFieldLabel--A1DhD div span {
  color: var(--grey-200);
  font-size: var(--text-12px);
  font-weight: var(--weight-200);

  margin-bottom: var(--space-6px);
}

.Wizard-module__row--Z2nfK {
  display: flex;

  flex-direction: row;
  gap: var(--card-min-spacing);

  align-items: center;
}

.Wizard-module__column--UwOVz {
  display: flex;

  flex-direction: column;
  gap: var(--card-min-spacing);
}

.Wizard-module__primary--pWf46 {
  color: var(--text-primary);
}

.Wizard-module__secondary--apWAv {
  color: var(--text-secondary);
}

.Wizard-module__timeOverrideAlert--A4VYt {
  margin-top: var(--space-16px);
}

.Wizard-module__selectDashboardField--cGcEe {
  margin-top: var(--space-8px);
}

.Wizard-module__combinedMetricBuilder--cBJWC {
  padding-top: var(--space-10px);
}

.Wizard-module__form---v3ih,
.Wizard-module__builder--OK0n6 {
  display: grid;
  gap: var(--space-10px);
}

.Wizard-module__form---v3ih {
  margin-top: var(--space-4px);
}

.Wizard-module__formStep--Kq833 {
  padding-bottom: var(--space-32px);
}

.Wizard-module__preview--DAukZ {
  display: grid;
  gap: var(--space-10px);
}

.Wizard-module__originalBuilderPreview--lV6Hp {
  margin: var(--space-20px) 0;
}

.Wizard-module__previewTitle--tn-Eo {
  color: var(--text-secondary);
}

.Wizard-module__dropdownSeries--SdfN7 {
  position: relative;
  top: 10px;
}

.Wizard-module__rowContentContentBarChartGroupBy--ciAT1 {
  margin-top: calc(var(--space-12px) * -1);
}

.Wizard-module__combinedMetricBuilderPreview--xkYDx {
  grid-auto-flow: row;

  grid-template-rows: auto auto 10px;
}
.WidgetBuilderRow-module__row--At71K {
  margin: 0 calc(var(--space-10px) * -1);
  padding: var(--space-12px) var(--space-10px);

  display: flex;

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

  border-radius: 4px;

  transition: background-color 0.2s;
}

.WidgetBuilderRow-module__row--At71K:hover,
.WidgetBuilderRow-module__row--At71K:focus-within {
  outline: 1px solid var(--border-tertiary);
}

.WidgetBuilderRow-module__actionContainer--syl7z {
  display: flex;

  align-items: baseline;
}

.WidgetBuilderRow-module__action--uEt8o .WidgetBuilderRow-module__actionIcon---wy46 {
  margin-right: var(--space-4px);
}

.WidgetBuilderRow-module__clear--s0f2t {
  color: var(--text-product-secondary);

  margin-left: var(--space-16px);

  display: flex;
  cursor: pointer;
}

.WidgetBuilderRow-module__rowContent--ZhH12 {
  display: flex;

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

  flex: 1;
  align-items: center;
}

.WidgetBuilderRow-module__rowLabel--e60vS {
  color: var(--text-secondary);
}
.HistoricalWidgetBuilder-module__description--RJ94n {
  color: var(--text-tertiary);

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

.HistoricalWidgetBuilder-module__tooltipMessage--NAbac {
  margin: var(--space-12px) 0;
}

.HistoricalWidgetBuilder-module__widgetFilters--WCPON {
  margin-top: var(--space-8px);
}

.HistoricalWidgetBuilder-module__promQlBuilderInput--sLb1t {
  margin: var(--space-20px) 0 0;

  display: flex;
  gap: var(--space-4px);

  flex-direction: column;
}
.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);
}
/* Dropdown */
.filter_options-module__optionsContainer--AD4RX {
  min-width: space1200;
  max-width: from '../space.module.css';
  max-height: from '../space.module.css';
  margin-top: 36px;
  box-sizing: border-box;

  position: relative;
  z-index: var(--filter-builder-field-selector-z-index);

  overflow: hidden;

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

.filter_options-module__fieldSelector--2rypR {
  overflow: auto;
}

.filter_options-module__operatorSelector--7BeNl {
  padding: space200 0;
}

.filter_options-module__operatorSelector--7BeNl.filter_options-module__hasDisabledOperators--CIXMw {
  overflow: visible;
}

.filter_options-module__valueSelector--ClAa7 {
  height: from '../space.module.css';

  display: flex;

  flex-direction: column;
}

.filter_options-module__content--k9qGU {
  height: from '../space.module.css';
  padding: space100 0;

  position: relative;

  overflow: hidden auto;
}

.filter_options-module__header--Da0cY {
  padding: space200 space400;

  display: flex;

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

.filter_options-module__header--Da0cY .filter_options-module__label--5asQC {
  color: var(--grey-100);
  font-family: Roboto, sans-serif;
  font-size: size300;
  font-weight: from '../text.module.css';
  line-height: size600;
}

.filter_options-module__header--Da0cY .filter_options-module__btnClose--3mvqc {
  font-family: Roboto, sans-serif;
  font-size: size200;
  font-weight: normal;
  line-height: size200;
  color: var(--primary-400);
  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: space200;
  padding: calc(space300 + space200) space400 space300 space400;
  border-top: 1px solid var(--grey-500);
}

.filter_options-module__option--pmXS6 {
  color: var(--grey-100);
  cursor: pointer;
}

.filter_options-module__option--pmXS6.filter_options-module__text--bkx7d {
  color: var(--grey-100);
  font-family: Roboto, sans-serif;
  font-size: size300;
  line-height: size500;

  padding: space350 space400;
}

.filter_options-module__option--pmXS6:hover,
.filter_options-module__option--pmXS6.filter_options-module__text--bkx7d:hover {
  background-color: var(--grey-800);
}

.filter_options-module__capitalize--TDimH {
  text-transform: capitalize;
}

.filter_options-module__checkBoxContainer--3Xu7Y {
  max-width: from '../space.module.css';

  display: flex;

  align-items: center;
}

.filter_options-module__checkBoxContainer--3Xu7Y > div {
  flex: 1;
}

.filter_options-module__checkBoxContainer--3Xu7Y label {
  font-size: size300;
  line-height: size500;
  color: var(--grey-100);

  padding: space350 space400;

  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(--grey-300);
}

.filter_options-module__freeform--MOfg1 {
  color: var(--grey-300);
  font-size: size200;

  margin: space350 space400;
}

.filter_options-module__noMatchContent--Wm8WQ {
  text-align: center;
}

.filter_options-module__noMatch--Gf2yj {
  color: var(--grey-500);
  font-family: Roboto, sans-serif;

  padding: space350 space200;
}

.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: 24px;

  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: 24px;

  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;
}
.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;
}
.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);
}
.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;
}
.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);
}
.API-module__container--euDIo {
  width: 100%;

  display: flex;

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

.API-module__content--rhdR8 {
  flex: 1;
}
.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(--grey-100);
  font-size: var(--text-20px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}

.ProjectPermissionsDefaultAccess-module__subTitle--ckQfl {
  color: var(--grey-300);
  font-size: var(--text-16px);
  font-weight: var(--weight-200);
  line-height: var(--text-24px);
}
.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);
}
.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__field--u6HyJ {
  max-width: var(--space-512px);
}

.VersionPickerForm-module__submitButton--72603 {
  margin-top: var(--space-20px);
}

.VersionPickerForm-module__container--FQaOa {
  padding: var(--space-16px) 0;

  display: flex;

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

.VersionPickerForm-module__row--Trosj {
  display: flex;

  flex-direction: row;
  gap: var(--space-6px);

  align-items: center;
}

.VersionPickerForm-module__infoIcon--SmJ2y {
  color: var(--icon-default);
}
.SourceMap-module__container--uuFXQ {
  display: flex;

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

.SourceMap-module__container--uuFXQ p {
  margin: 0;
}
.SlackNotifications-module__message--ujcvg {
  margin-top: var(--space-16px);
}

.SlackNotifications-module__button--OTbIy {
  margin-top: var(--space-24px);
}

.SlackNotifications-module__section--kJokp {
  margin-bottom: var(--space-24px);
}

.SlackNotifications-module__field--Qonqz {
  max-width: var(--space-512px);
}
.Proguard-module__container--J6P6d {
  display: flex;

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

.Proguard-module__container--J6P6d p {
  margin: 0;
}
.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__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: flex;

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

.OwnersRules-module__rulesHeaderSection--HIZvm {
  display: flex;

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

.OwnersRules-module__infoIcon---Bkb0 {
  color: var(--icon-default);
}
.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);
}
.MatchPatternField-module__content--GkizW {
  width: 100%;
  padding-top: var(--space-12px);

  display: flex;

  flex-direction: column;
}

.MatchPatternField-module__input--HRqDz {
  font-size: 14px;
  color: var(--text-primary);

  width: 100%;
  padding: var(--space-12px);

  background: none;
  border: none;
  resize: none;
}

.MatchPatternField-module__inputBox--xUWyk {
  padding: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.MatchPatternField-module__references---k1s5 {
  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--2sFzc {
  border-color: var(--border-negative);
  border-top-color: var(--border-primary);
}

.MatchPatternField-module__referencesCollapsibleTrigger--ng4Rp {
  color: var(--text-primary);

  display: flex;

  justify-content: space-between;
  cursor: pointer;
}

.MatchPatternField-module__patterns--vpqDr {
  margin-top: var(--space-8px);

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

.MatchPatternField-module__pattern--vg8Gk {
  padding: var(--space-12px) var(--space-16px);

  display: grid;

  grid-template-columns: 1fr 90px;
  cursor: pointer;
}

.MatchPatternField-module__patternCode--musbq {
  color: var(--text-product-secondary);

  display: flex;

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

.MatchPatternField-module__errorText---VJ6K {
  color: var(--text-negative);

  padding: var(--space-4px) 0 0 var(--space-8px);
}

.MatchPatternField-module__tooltipContainer--qeM-d {
  border-bottom: 1px solid var(--border-secondary);
}

.MatchPatternField-module__tooltipContainer--qeM-d,
.MatchPatternField-module__tooltipTrigger--ipFku {
  display: block;
}

.MatchPatternField-module__tooltipContainer--qeM-d: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__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__field--1Iw0n {
  margin-bottom: var(--space-40px);
}

.JiraFormField-module__explanation--HNI9y {
  color: var(--grey-300);
}

.JiraFormField-module__generateDisabled--0Tehh {
  color: var(--grey-200);
}
.JiraForm-module__button--aphRG {
  margin-top: var(--space-8px);

  display: inline-flex;
}

.JiraForm-module__checkbox--6e-MI {
  margin-bottom: var(--space-16px);
}

.JiraForm-module__warningMessage--FGuYh {
  margin-bottom: var(--space-16px);
}

.JiraForm-module__field--xNcaX {
  max-width: var(--space-512px);
}
.DataUsageVersionTable-module__deleteIcon--RXdvO {
  color: var(--grey-300);
  cursor: pointer;
}
.DataUsageBackground-module__backgroundSectionHeader--Zq0kF {
  display: flex;

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

.DataUsageBackground-module__backgroundSectionBody--Lp0Js p {
  color: var(--text-tertiary);
}

.DataUsageBackground-module__infoIcon--0EK6a {
  color: var(--icon-default);
}
.DataUsage-module__smallerText--kphCw {
  font-size: var(--text-12px);
}

.DataUsage-module__buttonContainer--I2F6k {
  display: flex;
  gap: var(--space-16px);
}

.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__formContainer--kPnUT {
  display: flex;

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

.DataUsage-module__formContainer--kPnUT p {
  margin: 0;
}

.DataUsage-module__webviewContainer--SwvpN p {
  margin: var(--space-16px) 0;
}

.DataUsage-module__input--SXtAQ {
  max-width: var(--space-512px);
}

.DataUsage-module__toggleContainer--VS-5f {
  padding-top: var(--space-16px);
}

.DataUsage-module__toggleRow--vnsIF {
  display: flex;

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

.DataUsage-module__backgroundContainer--hcyos {
  padding-top: var(--space-20px);
}

.DataUsage-module__unityWarning--Gt2DQ {
  margin-bottom: var(--space-12px);
}
.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;
}
.AppInfoFormDropdown-module__input--4SWv4 {
  max-width: var(--space-512px);
  padding-top: var(--space-6px);
  padding-bottom: var(--space-6px);
}

.AppInfoFormDropdown-module__row--S1d5s {
  display: flex;
  gap: var(--space-8px);

  align-items: center;
}
.AppInfoForm-module__submitButton--Q7UOp {
  margin-top: var(--space-20px);
}

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

.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;
}
.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);
}
/* 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(--lime-300);
}

.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-16px) 0 var(--space-28px) 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;
  scrollbar-color: var(--border-primary) var(--background-primary);

  /* Firefox */
  scrollbar-width: thin;
}

/* Works on Chrome, Edge, and Safari */
.LeftMenu-module__projectsList--U8-9b::-webkit-scrollbar {
  width: 4px;
}

.LeftMenu-module__projectsList--U8-9b::-webkit-scrollbar-track {
  background: transparent;
}

.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 {
  margin: calc(var(--global-header-height) + var(--space-32px))
    var(--space-140px) 0 var(--space-96px);

  display: flex;
  gap: var(--space-24px);
}

.Settings-module__leftMenu--IjdoL {
  max-width: var(--space-256px);
  height: -moz-min-content;
  height: min-content;

  position: sticky;
  top: calc(var(--global-header-height) + var(--space-32px));

  flex: 1;
}

.Settings-module__content--e-r0q {
  display: flex;

  flex: 1;
  justify-content: space-around;
}
.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;
}
.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;
}
.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);
}
.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);
}
.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 */
  min-width: 1189px;

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

.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;
  grid-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);
}
.SidebarDetails-module__details--SZX-K {
  padding: var(--space-20px);

  display: grid;
  align-content: flex-start;
  gap: var(--space-16px);
}

.SidebarDetails-module__details--SZX-K.SidebarDetails-module__button--wEV2d {
  display: inline-block;
}

.SidebarDetails-module__details--SZX-K:not(:first-child) {
  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__spanTreeBody--2T9fu {
  border-bottom: 1px solid var(--border-secondary);
}
.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;
}
.RootSpanMetricsGraph-module__container--88S76 {
  height: 100%;

  display: flex;

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

.RootSpanMetricsGraph-module__empty--LFiAo {
  /* Matches non-empty state */
  min-height: 192px;

  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);
}
.RootSpansMetrics-module__container--NLguV {
  margin-bottom: var(--section-spacing-main);

  display: grid;

  grid-template-columns: repeat(3, 1fr);
  grid-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 affected-users affected-sessions see-all';
  grid-template-columns: 24px 324px 320px 320px auto;
  align-items: center;
}

@media only screen and (width <= 1420px) {
  .IssuesListRowContainer-module__row--YiCBN {
    grid-template-columns: 24px 240px 320px 320px auto;
  }
}
.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;
}

.IssuesListComparisonTable-module__firstGroupName--xTyA3 {
  color: var(--text-tertiary);
}

.IssuesListComparisonTable-module__table--UA--6 {
  max-height: 400px;
}
.AffectedMetricDifference-module__container--SmaLp {
  display: grid;

  grid-template-columns: 1fr 1fr;
  grid-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-48px);
  grid-area: affected-users;
  border-right: 1px solid var(--border-primary);
}

.IssuesListRow-module__affectedSessions--dySwJ {
  grid-area: affected-sessions;
}

.IssuesListRow-module__affectedUsers--84iJ-,
.IssuesListRow-module__affectedSessions--dySwJ {
  height: 24px;

  display: grid;

  align-items: center;
  grid-template-columns: 110px 1fr;
  grid-column-gap: var(--space-28px);
}

.IssuesListRow-module__cta--6YBY6 {
  color: var(--text-product-secondary);

  padding-right: var(--space-32px);

  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;
}
.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__affectedUsers--SyfDg {
  grid-area: affected-users;
}

.IssuesListHeader-module__affectedSessions--E5A0M {
  grid-area: affected-sessions;
}

.IssuesListHeader-module__affectedSessions--E5A0M,
.IssuesListHeader-module__affectedUsers--SyfDg {
  padding-right: var(--space-48px);

  display: grid;

  grid-template-columns: 110px 1fr;
  grid-column-gap: var(--space-28px);
}

.IssuesListHeader-module__title--nyzC2 {
  color: var(--text-secondary);

  grid-column: span 2;
}

.IssuesListHeader-module__subtitle--Qv2cf {
  color: var(--text-tertiary);
}
.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);
}
.AffectedMetricSummaryCard-module__container--gOZDg {
  padding: var(--chart-padding);

  display: flex;

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

.AffectedMetricSummaryCard-module__data--44fGq {
  display: flex;

  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);
}
.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;
}
.ComparisonGroup-module__container--IU-AO {
  display: inline-flex;
  gap: var(--space-8px);
}
.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);
}.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: 1300px;

  display: flex;

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

.ComparisonBuilderForm-module__comparisons--bFY0D {
  display: flex;
  gap: var(--space-16px);
}

.ComparisonBuilderForm-module__comparisonSeparator--oY4SN,
.ComparisonBuilderForm-module__sameTimeRangeCheckbox--zzLNk {
  color: var(--text-secondary);

  height: 32px;

  display: flex;

  align-items: center;
}

.ComparisonBuilderForm-module__comparisonSeparator--oY4SN {
  color: var(--text-secondary);
}

.ComparisonBuilderForm-module__comparisonVolume--vugE- {
  display: flex;
  gap: var(--space-16px);
}
.ComparisonBuilder-module__container--EZuFZ {
  padding: var(--chart-padding);
  max-width: 100%;

  /* Height should be controlled so dropdowns can pop out of the container instead of inside it */
  overflow: hidden;
}

.ComparisonBuilder-module__popOverContainer---EIIy {
  flex: 1;
}

.ComparisonBuilder-module__withError--3byld {
  min-height: 460px;
}
.IssuesComparison-module__container--iQ3dG {
  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);
}
.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%;
}
.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%;
}
.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);
  }
}
.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);
}
.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);
}
.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);
}
.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);
}
.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;
}
.AffectedSessionDetail-module__container--EDzvu {
  position: relative;
}

.AffectedSessionDetail-module__logs--APVe6,
.AffectedSessionDetail-module__timeline--OjsNh {
  background: var(--background-secondary);
}

.AffectedSessionDetail-module__tableContent--eknld {
  border-radius: 4px;
  border: solid 1px var(--border-primary);
}

.AffectedSessionDetail-module__tab--TGSOL {
  color: var(--text-tertiary);
}

.AffectedSessionDetail-module__tab--TGSOL[aria-selected='true'] {
  color: var(--text-primary);
}
.AffectedSessionList-module__container--BwgJH {
  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);
}
.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;
}
.CustomMetricFromWidget-module__modal--TgYfT {
  max-height: 95vh;
  width: 768px;
}
.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;
}
.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);
}
.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);
}
.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);
  }
}
.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);
}
.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;
}

.LogSummary-module__container--BgZxT > h2 {
  margin-bottom: var(--section-spacing-sub);
}

.LogSummary-module__container--BgZxT > div:first-of-type {
  margin-bottom: 16px;
}

.LogSummary-module__container--BgZxT > div:not(:first-of-type) {
  margin-bottom: var(--section-spacing-min);
}

.LogSummary-module__search--8X-DA {
  background: var(--background-secondary);
}

.LogSummary-module__table--QmKUN {
  max-height: calc(100vh - 120px);
}
.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);
  }
}


.stats_summary-module__content--RMJ-s {
  display: flex;

  flex-wrap: wrap;
  justify-content: space-evenly;
}

.stats_summary-module__content--RMJ-s .stats_summary-module__distributionContainer--odMyh {
  margin: 8px !important;
  max-width: 512px;
  min-height: 290px; /* Determined by height of container once it reaches `showLimit` items */
  min-width: 384px;
  width: 100%;
}

.stats_summary-module__sessionPropertyDropdown--VYdfx {
  margin: 16px 0;
  width: 50%;
}
.LogStatistics-module__container--mAq7P {
  display: flex;

  flex-direction: column;
  gap: var(--section-spacing-sub);
}
.ExceptionDetailsTab-module__title--gYSMx {
  color: var(--grey-100);
}
.AffectedSessions-module__container--4renE {
  padding: 0;
}

.AffectedSessions-module__listContainer--M-c92 {
  height: 777px;
}

.AffectedSessions-module__sidebarListContainer---W72- {
  height: 723px;

  overflow-y: auto;
}

.AffectedSessions-module__tabsContainer--Jgsue {
  margin: 0;
}

.AffectedSessions-module__tabContent--Apz2D {
  display: flex;

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

.AffectedSessions-module__content--vuBCv {
  padding: var(--space-10px) var(--space-20px) 0;
  gap: var(--space-24px);

  display: flex;
  overflow-x: auto;

  flex-direction: column;
}

.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;
}
.AggregatedLogHeader-module__ellipsis--FLQGz {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

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

.LogCorrelation-module__table--gQ4tR {
  max-height: calc(100vh - 260px);
}
/* stylelint-disable no-descending-specificity */
.IssuesList-module__container--15joI {
  height: 100%;

  position: relative;

  overflow-y: auto;
}

.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 .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(--space-16px) var(--space-20px);

  position: absolute;
  z-index: 6;

  display: flex;

  align-items: center;

  background: var(--grey-900);
  gap: var(--section-spacing-main);
}

.IssuesList-module__description--1RvE4 {
  display: grid;
  gap: var(--base-space);

  grid-template-columns: minmax(260px, 1fr);
}

.IssuesList-module__tableContainer--v5UWh {
  height: calc(100vh - 100px);
  max-height: calc(100vh - 100px);
}

.IssuesList-module__firstSeen--OK2RO,
.IssuesList-module__lastSeen--t1Mn6,
.IssuesList-module__versions--eW0cR {
  width: var(--space-112px);
}

.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;

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

.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;

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

.OverviewMetricsCardLoaded-module__mainMetricContainer---uV0B .OverviewMetricsCardLoaded-module__trendContainer--EkYph .OverviewMetricsCardLoaded-module__footer--I-OzV {
  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;
}

/* 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(6, max-content);
  --margin-left: var(--space-20px);
  --column-gap: var(--space-12px);
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw {
  display: grid;

  grid-template-rows: repeat(3, min-content);
  grid-template-columns: var(--grid-template-columns, repeat(3, max-content));
  align-items: center;
  align-content: center;
  gap: var(--space-8px) var(--column-gap, var(--space-16px));
  grid-auto-flow: row;
}

.OverviewMetricsCardLoaded-module__secondaryMetricsContainer--8rzSw .OverviewMetricsCardLoaded-module__label--ggYti:nth-child(2n) {
  margin-left: var(--margin-left, 0);
}

.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__value--O-R05 {
  color: var(--text-primary);
  font-size: var(--text-12px);
  font-weight: var(--weight-300);
  line-height: normal;
  text-align: end;
}

.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;
  text-align: end;
  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);
}
.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;
}
.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;
}
.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;
}
.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 */
.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: 350px;
  --input-comment-height: 89px;

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

.IssuesOverview-module__table--zNKF- > h2 {
  margin-bottom: var(--section-spacing-sub);
}

.IssuesOverview-module__table--zNKF- > div {
  margin-bottom: var(--section-spacing-min);
}

.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;
}
.FlutterSummary-module__listContainer--JxZ-l {
  margin-top: var(--space-32px);
}

.FlutterSummary-module__zeroStateTitle--oAAz6 {
  padding-right: var(--space-40px);
}

.FlutterSummary-module__zeroStateContent--iQ5d5 {
  padding-right: var(--space-8px);
}
.IssueStackTrace-module__row--ywyDc {
  display: flex;

  justify-content: flex-end;
}

.IssueStackTrace-module__stackTraceContainer--JTkTt {
  border-radius: 0 0 var(--base-space) var(--base-space);
}
.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;
}
/* 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;
}
.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);
}
.CodeOwners-module__container--MeIlm {
  max-width: 480px;

  display: flex;
}

.CodeOwners-module__container--MeIlm > div:not(:first-child) {
  margin-left: var(--space-4px);
}

.CodeOwners-module__plus--UJsqV {
  color: var(--text-tertiary);
}

.CodeOwners-module__codeOwner--8HdB- {
  white-space: nowrap;
}
:root {
  --issues-management-width: var(--space-320px);
}

.IssueContext-module__container--B1VX5 {
  display: grid;
  gap: var(--space-20px);
  grid-auto-columns: auto var(--issues-management-width);
  grid-auto-flow: column;
}

.IssueContext-module__row--VUuPJ {
  width: 100%;

  display: grid;
  gap: var(--space-48px);
  grid-auto-flow: column;
}

.IssueContext-module__row--VUuPJ.IssueContext-module__small---zdFM {
  flex-direction: column;
}

.IssueContext-module__context--HUB8T {
  min-width: calc(100% - var(--issues-management-width));

  display: flex;
  overflow: auto;
  gap: var(--space-24px);
}

.IssueContext-module__management--uZv6U {
  width: var(--issues-management-width);

  align-content: stretch;
}

.IssueContext-module__column--Y8e4b {
  display: flex;

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

.IssueContext-module__description--93peI {
  min-width: var(--space-300px);

  display: flex;

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

.IssueContext-module__grow--AjfqX {
  flex: 1;
}

.IssueContext-module__grid--XYxlH {
  position: relative;

  display: grid;

  grid-template-columns: repeat(2, max-content);
  grid-template-rows: min-content;
  align-items: baseline;
  gap: var(--base-space) var(--space-28px);
}

/* Divider line */
.IssueContext-module__grid--XYxlH::after {
  width: 1px;
  height: calc(100% + var(--space-20px));

  position: absolute;
  top: 50%;
  right: calc(var(--space-28px) * -1);

  display: inline-block;

  background: var(--grey-700);
  content: '';
  transform: translateY(-50%);
}

.IssueContext-module__grid--XYxlH:last-of-type::after {
  content: none;
}

.IssueContext-module__columnsWithDivider--ltlIQ {
  display: flex;

  align-self: baseline;
  gap: var(--space-56px);
}

.IssueContext-module__title--M65pU {
  display: flex;
  gap: var(--space-8px);
}

.IssueContext-module__title--M65pU,
.IssueContext-module__title--M65pU span {
  color: var(--grey-100);
  font-family: Roboto, sans-serif;
  font-size: var(--text-20px);
  font-weight: var(--weight-100);
  line-height: var(--text-24px);
}

.IssueContext-module__titleContentTooltip--0iQ4j {
  max-width: var(--space-300px);
}

.IssueContext-module__subTitle--5OZHc,
.IssueContext-module__subTitle--5OZHc span {
  color: var(--grey-300);
  font-family: Roboto, sans-serif;
  font-size: var(--text-16px);
  font-weight: var(--weight-100);
  line-height: var(--text-24px);
}

.IssueContext-module__subTitle--5OZHc {
  display: grid;
  row-gap: var(--space-10px);
}

.IssueContext-module__detailContentTooltip--HPdw4 {
  max-width: var(--space-300px);
}

.IssueContext-module__label--7Ko-Y {
  color: var(--grey-300);
  font-family: Roboto, sans-serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-20px);
}

.IssueContext-module__value--QfdYy {
  color: var(--grey-100);
  font-family: Roboto, sans-serif;
  font-size: var(--text-12px);
  font-weight: var(--weight-200);
  line-height: var(--text-16px);
}

.IssueContext-module__appStateBar--qr60v {
  min-width: var(--space-64px);
}

/* NOTE: To create FadeOutContent component and move it there */
.IssueContext-module__activeFade--fJPVg {
  max-height: 80px;
  cursor: pointer;

  position: relative;

  overflow: hidden;
}

.IssueContext-module__activeFade--fJPVg::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: '';
}
.FlutterDetails-module__container--P6Vnu {
  display: grid;
  gap: var(--space-20px);
}

.FlutterDetails-module__metric--A2w9Y {
  margin: 0;
}

.FlutterDetails-module__affectedSessionsTitle--GXSgz {
  color: var(--text-primary);
}
.ExceptionSummary-module__listContainer--EuTST {
  margin-top: var(--space-32px);
}

.ExceptionSummary-module__zeroStateTitle--b68Py {
  padding-right: var(--space-40px);
}

.ExceptionSummary-module__zeroStateContent---wHhk {
  padding-right: var(--space-8px);
}
.ExceptionDetails-module__container--5bvv7 {
  display: grid;
  gap: var(--space-20px);
}

.ExceptionDetails-module__metric--t2egt {
  margin: 0;
}

.ExceptionDetails-module__affectedSessionsTitle--3L5j7 {
  color: var(--text-primary);
}
.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);
  }
}
.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);
}
.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;
}
.NameInputWithHover-module__hoverInput--8gdVl {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 26px; /* 130% */

  width: 100%;
  padding: var(--space-10px) var(--space-16px);

  position: relative;

  display: flex;

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

  border: 1px solid transparent;
  border-radius: 4px;

  cursor: text;
}

.NameInputWithHover-module__hoverInput--8gdVl input {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;

  width: inherit;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0 48px 0 0;

  background: transparent;
  border: none;
}

.NameInputWithHover-module__hoverInput--8gdVl.NameInputWithHover-module__active--KM-9g:hover {
  border-color: var(--border-secondary);
}

.NameInputWithHover-module__hoverInput--8gdVl.NameInputWithHover-module__active--KM-9g.NameInputWithHover-module__editing--ojmbM {
  border-color: var(--border-product);
}

.NameInputWithHover-module__hoverInput--8gdVl .NameInputWithHover-module__name--byC65 {
  display: -webkit-box;

  -webkit-box-orient: vertical;

  overflow: hidden;
}

.NameInputWithHover-module__hoverInput--8gdVl h2.NameInputWithHover-module__name--byC65,
.NameInputWithHover-module__hoverInput--8gdVl input.NameInputWithHover-module__title--WGu3d {
  font-size: var(--text-24px);
}

.NameInputWithHover-module__hoverInput--8gdVl .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: 0;
}

.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);
}
.ReleaseHealthPromotionalBanner-module__icon--Itkhw path {
  fill: transparent;
}

.ReleaseHealthPromotionalBanner-module__banner--i3ebh {
  display: flex;
  gap: var(--space-16px);

  align-items: center;
}
.CrashList-module__tableContainer--FyxNn {
  overflow-x: auto;

  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__trendTooltipContent--9eCpe {
  min-width: 250px;
}

.CrashList-module__descriptionTooltipContent--DFemo,
.CrashList-module__descriptionTooltipContent--DFemo * {
  white-space: nowrap;

  width: 100%;

  overflow: hidden;

  text-overflow: ellipsis;
}

.CrashList-module__trendTooltipIcon--wTrCp {
  color: var(--text-tertiary);
}

.CrashList-module__infoIcon--jhEiD {
  color: var(--icon-default);
}

.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__trendHeading--omeKT {
  display: grid;

  grid-template-columns: auto auto;
  align-items: center;
  gap: 0 var(--space-4px);
}

.CrashList-module__trendTitle--nyjn1 {
  text-align: right;
}

.CrashList-module__trendResolution--Inl3z {
  color: var(--text-secondary);

  grid-column: 1 / 3;
  grid-row: 2 / 2;
}

.CrashList-module__trendContainer--Vb-V7 {
  width: 100%;

  display: flex;

  place-content: center;
}

.CrashList-module__trend--e-Xhw {
  justify-content: end;
}

.CrashList-module__table--snjNN {
  /* Random number choosen by the height of the `Customize` menu */
  min-height: 450px;
}
.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;
}
.module_tile-module__module---dQAg {
  width: 100%;
  height: 100%;

  /* hack to align the container */
  padding: 14px var(--space-20px) var(--space-20px);

  display: flex;

  flex-direction: column;
}

.module_tile-module__content--8QuH0 {
  color: var(--grey-100);
}

.module_tile-module__module---dQAg .module_tile-module__content--8QuH0 {
  height: var(--space-256px);

  display: block;
}

.module_tile-module__module---dQAg .module_tile-module__content--8QuH0.module_tile-module__small--fk-a0 {
  height: var(--space-192px);
}

.module_tile-module__module---dQAg .module_tile-module__content--8QuH0.module_tile-module__medium--Emu2q {
  height: var(--space-256px);
}

.module_tile-module__module---dQAg .module_tile-module__content--8QuH0.module_tile-module__large--zf2sL {
  height: var(--space-386px);
}

.module_tile-module__module---dQAg.module_tile-module__clickable--1KrJq {
  cursor: pointer;
}

.module_tile-module__module---dQAg .module_tile-module__content--8QuH0.module_tile-module__scroll--BF-H1 {
  -ms-overflow-style: none; /* IE and Edge */

  overflow: hidden scroll;

  /* Hide scrollbar for IE, Edge and Firefox */
  scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.module_tile-module__module---dQAg .module_tile-module__content--8QuH0.module_tile-module__scroll--BF-H1::-webkit-scrollbar {
  display: none;
}

.module_tile-module__moduleName--dyynn {
  font-size: 24px;

  margin: var(--space-16px) 0 var(--space-12px);
}

.module_tile-module__moduleButtonContainer--JcVDi {
  padding-top: var(--space-16px);

  display: flex;

  justify-content: center;
}

.module_tile-module__center--9DcTH {
  font-size: 14px;

  height: 100%;

  display: flex;

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

.module_tile-module__textCenter--Xp-u3 {
  text-align: center;
}

.module_tile-module__header--r2Uv4 {
  color: var(--grey-100);
  gap: var(--space-10px);

  padding-bottom: var(--space-28px);

  display: flex;

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

  transition: background-color 0.2s;
}

.module_tile-module__optionsMenuContent--sACsg {
  top: 100% !important;
}

.module_tile-module__module---dQAg .module_tile-module__optionsMenuTrigger--lAOXN {
  visibility: hidden;
}

.module_tile-module__module---dQAg:hover .module_tile-module__optionsMenuTrigger--lAOXN {
  visibility: visible;
}

.module_tile-module__right--jarpz,
.module_tile-module__left--N9OYB {
  max-width: 100%;

  display: flex;
}

.module_tile-module__left--N9OYB {
  flex: 1;
}

.module_tile-module__right--jarpz {
  margin-right: var(--space-8px);
}

.module_tile-module__right--jarpz > div {
  margin-left: var(--space-8px);
}

.module_tile-module__left--N9OYB > div {
  margin-right: var(--space-8px);
}

.module_tile-module__nameForm--77rUn {
  white-space: nowrap;

  overflow: hidden;
  text-overflow: ellipsis;

  transform: translateX(-12px);
}

.module_tile-module__row--pcP7T {
  display: flex;

  align-items: center;
  flex-direction: row;
  gap: var(--card-min-spacing);
}

.module_tile-module__widgetContentWrapper--9MvEc {
  height: 100%;
}

.module_tile-module__widgetContentWrapper--9MvEc * {
  cursor: pointer !important;
}

/* 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 */
/* Class that's used to indicate which element is the drag handle. Not used for styling. */
.common-module__dragHandle--zCMI9 {
  cursor: move;
}

.common-module__nonDraggable--ELzUK {
  cursor: default;
}

/* SIZE LIST */
.common-module__menuItemSizeContainer--D3kvL {
  text-transform: uppercase;

  padding: 16px 24px;

  display: flex;

  flex-direction: row;
  align-items: center;
  cursor: default;
}

.common-module__menuSizeItem--Pt2Y2 {
  cursor: pointer;
}

.common-module__menuItemSizeIcon--J3VyS {
  margin-right: 16px;
}

.common-module__menuSizeItemActive--1U3ax {
  color: var(--primary-200);
}

.common-module__sizeList--OmHKM {
  display: flex;
  gap: 24px;
}

.common-module__moreMenu--VsPnS {
  margin-left: 12px;
  padding: 2px;

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

.common-module__maxLengthPrompt--GiiDg {
  font-size: var(--text-10px);
  color: var(--text-secondary);

  margin-right: var(--space-16px);
  margin-left: auto;

  position: absolute;
  right: -8px;
  bottom: 0;
}
/* 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;
}

/* 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-resizable-handle-se::after {
  content: '' !important;

  width: 16px !important;
  height: 16px !important;

  display: block !important;

  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3e%3cpath d='M16 20l4 0l0 -4' /%3e%3cpath d='M14 14l6 6' /%3e%3cpath d='M8 4l-4 0l0 4' /%3e%3cpath d='M4 4l6 6' /%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: none !important;
  box-shadow: none !important;
}

/* Hide resize handles when resizing is disabled */
.grid-no-resize .react-resizable-handle-se {
  display: none !important;
}
.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 {
  width: -moz-max-content;
  width: max-content;
}

.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);
}.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);
}
.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;
}
/*
 * 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
 * TBD: to move outside
 */
.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);
  display: grid;

  grid-template-columns: calc(100% - var(--menu) - var(--gap)) var(--menu);
  align-items: center;
  gap: var(--gap);
}
.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;
}
.CreateWidgetCard-module__content--Nk9Bb {
  text-align: center;

  display: grid;

  align-items: center;
  place-content: center;
  gap: var(--space-20px);
}
.DashboardPresentationMode-module__container--y9A33 {
  min-height: 100vh;
  margin-left: calc(0px - var(--global-menu-width));

  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 {
  display: flex;

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

.DashboardPresentationMode-module__nameContainer--aC8Ld h1 {
  color: var(--text-primary);
}

.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);

  margin-top: 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;

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

.DashboardPresentationMode-module__exit--WdcqZ a {
  color: var(--text-primary);
}

.DashboardPresentationMode-module__exit--WdcqZ.DashboardPresentationMode-module__show--Icvy0 {
  opacity: 1;
}

.DashboardPresentationMode-module__icon--uD8Lz {
  margin-left: var(--space-8px);
}

.DashboardPresentationMode-module__gridContainer--cKjLF {
  padding: 0 0 var(--space-48px) 0;
  width: 100%;
  height: calc(100vh - var(--space-76px));
}

.DashboardPresentationMode-module__page--kvRtA > .DashboardPresentationMode-module__gridContainer--cKjLF:first-of-type {
  margin-top: 0;
}
.SizeMenu-module__label--tfmyz {
  margin-bottom: var(--space-10px);
}
.DashboardOptionsMenu-module__trigger--GmoBU {
  color: var(--text-primary);
}

.DashboardOptionsMenu-module__content--jvQE9 {
  padding: 8px 0;
  min-width: 256px;
}

.DashboardOptionsMenu-module__sizeMenu--hWT4s {
  border-top: 1px solid var(--border-secondary);
}

.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);
}
:root {
  --issues-management-width: 300px;
}

.IssueContextStickyHeader-module__container--MC2uB {
  display: grid;
  gap: var(--card-padding);
  grid-auto-columns: auto var(--issues-management-width);
  grid-auto-flow: column;
}

.IssueContextStickyHeader-module__stickyContainer--9LqGh {
  min-width: 1250px;
}

.IssueContextStickyHeader-module__row--WA--K {
  width: 100%;

  display: grid;
  gap: var(--space-48px);
  grid-auto-flow: column;
}

.IssueContextStickyHeader-module__row--WA--K.IssueContextStickyHeader-module__small--VIXSv {
  flex-direction: column;
}

.IssueContextStickyHeader-module__context--8YJmJ {
  min-width: calc(100% - var(--issues-management-width));

  display: flex;
  overflow: auto;
  gap: var(--section-spacing-main);
}

.IssueContextStickyHeader-module__management--RjKay {
  width: var(--issues-management-width);
  padding: 0;

  background-color: var(--background-tertiary);
  align-content: stretch;
}

.IssueContextStickyHeader-module__contentAlign--Cytdn {
  align-self: end;
}

.IssueContextStickyHeader-module__titleAlign--aVTTw {
  align-self: end;
}

.IssueContextStickyHeader-module__ellipsis--4BaCA {
  display: -webkit-box;
  -webkit-box-orient: vertical;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}

.IssueContextStickyHeader-module__column--2Pqps {
  max-width: var(--space-300px);

  display: flex;

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

.IssueContextStickyHeader-module__description--1Aec2 {
  min-width: var(--space-300px);

  display: flex;

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

.IssueContextStickyHeader-module__grow--w8muU {
  flex: 1;
}

.IssueContextStickyHeader-module__grid--AJkPN {
  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--AJkPN::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--AJkPN:last-of-type::after {
  content: none;
}

.IssueContextStickyHeader-module__columnsWithDivider--wKWFv {
  min-width: 0;

  display: flex;
  overflow-y: hidden;

  align-self: baseline;
  gap: var(--space-36px);

  align-items: flex-end;
}

.IssueContextStickyHeader-module__title--0ZRKI {
  color: var(--text-primary);

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

.IssueContextStickyHeader-module__titleContentTooltip--BF45W {
  max-width: var(--space-300px);
}

.IssueContextStickyHeader-module__subTitle--PONeK {
  color: var(--text-tertiary);

  display: grid;
  row-gap: var(--space-10px);
}

.IssueContextStickyHeader-module__detailContentTooltip--5dPe4 {
  max-width: var(--space-300px);
}

/* Typography styles are now handled by Typography components, color classes remain for semantic styling */
.IssueContextStickyHeader-module__label--2z47x {
  color: var(--text-tertiary);
}

.IssueContextStickyHeader-module__value--yilLp {
  color: var(--text-primary);
}

.IssueContextStickyHeader-module__appStateBar--HFAaQ {
  min-width: var(--space-64px);
}

/* NOTE: To create FadeOutContent component and move it there */
.IssueContextStickyHeader-module__activeFade---P6O0 {
  max-height: 80px;
  cursor: pointer;

  position: relative;

  overflow: hidden;
}

.IssueContextStickyHeader-module__activeFade---P6O0::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: '';
}

/* New classes to replace inline styles */
.IssueContextStickyHeader-module__alignSelfEnd--8cwlS {
  align-self: end;
}

.IssueContextStickyHeader-module__flexAlignEnd---0eQ9 {
  display: flex;

  align-items: flex-end;
}

.IssueContextStickyHeader-module__issueManagementContainer--uHBNJ {
  width: 300px;
}

.IssueContextStickyHeader-module__issueManagementPosition--quiGu {
  position: absolute;
  top: var(--space-24px);
}
.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(--grey-700);
  border-radius: 0 0 var(--base-space) var(--base-space);
  border-top: 0;
}

.Thread-module__empty--paLgY {
  min-height: var(--space-56px);

  display: flex;

  align-items: center;
}
.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__verticalScrollable--H-eS8 {
  max-height: var(--space-408px);

  overflow-y: auto;
}

.CrashDetailsStackTrace-module__stackTraceContainer--YoDrX {
  border-radius: 0 0 var(--base-space) var(--base-space);
}

.CrashDetailsStackTrace-module__stackTraceBackground--kkYAb {
  background: var(--background-secondary);
}
.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;
}
.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;
}
.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;
  grid-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__background--6DPZU {
  height: 100%;

  display: flex;

  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;
  }
}
.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: calc(var(--space-32px) + var(--global-header-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;
}
.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%;
}
/* 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);
}
.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);
}
.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;
}
.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: '';
}
.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__tooltip--Jf4Jo {
  display: block;
}
.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;
}
.JVMSandwichView-module__title--Xe8k- {
  line-height: 27px;
  white-space: nowrap;

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

  overflow: hidden;
  border-bottom: 1px solid var(--border-secondary);
  text-overflow: ellipsis;
}

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

.BranchNavigator-module__tooltipContainer--cQ3eZ:hover {
  background: var(--color-table-row-hover);
}

.BranchNavigator-module__tooltipTrigger--UyJTZ {
  display: block;
}
.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 {
  padding: var(--space-20px);
  padding-bottom: 0;
}

.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__tooltip--YzCvf {
  display: block;
}
/* 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 >= 1360px) {
  .index-module__large-hidden--NS-lM {
    display: none;
  }
}

/* stylelint-disable media-feature-name-no-unknown, media-query-no-invalid */

/*
 * Controls
 */

.ANRControls-module__container--dV8Sb {
  padding-top: var(--global-header-height);

  display: flex;

  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--base-space) * 3);
}

@media (width <= smallmax) {
  .ANRControls-module__container--dV8Sb {
    align-items: flex-start;
    flex-direction: column;
  }
}

.ANRControls-module__filtersContainer--B8-4n {
  display: grid;

  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: var(--space-12px);
       column-gap: var(--space-12px);
  grid-auto-flow: column;
}
.JVMFlameGraph-module__header--72Dec {
  position: relative;
}

.JVMFlameGraph-module__title--E-FkG {
  line-height: 27px;
  white-space: nowrap;

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

  overflow: hidden;
  border-bottom: 1px solid var(--border-secondary);
  text-overflow: ellipsis;
}

.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;
}
.AppExitInfoList-module__table--twXwd {
  height: calc(100vh - 100px);
  max-height: calc(100vh - 100px);

  overflow: visible;
}

.AppExitInfoList-module__versionContainer--CNA25 {
  max-width: 180px;
  min-width: 120px;
  width: 100%;
}

.AppExitInfoList-module__methodContainer--10ctZ {
  width: 100%;
  max-width: 380px;

  display: flex;

  flex-direction: column;
  gap: var(--space-half-base);
}

.AppExitInfoList-module__method--PLwMN {
  color: var(--text-primary);

  margin: 0;
  word-wrap: break-word;
}

.AppExitInfoList-module__description--T0NSA {
  color: var(--text-secondary);

  margin: 0;
  word-wrap: break-word;
}
.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 {
  height: calc(100vh - 100px);
  max-height: calc(100vh - 100px);
}

.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__methodContainer--ZUWL9 {
  display: inline-flex;
}

.ANRIssuesList-module__method--5ertW {
  max-width: 400px;
  word-wrap: break-word;
}

.ANRIssuesList-module__method--5ertW.ANRIssuesList-module__large--X-v9C {
  max-width: 520px;
}

.ANRIssuesList-module__row--B-JhZ {
  color: var(--text-primary);

  margin: 0;

  display: flex;

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

.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__sideBarDetails--UR4Zk {
  /* same height as ANRIssuesList - 53px (heading of sidebar) */
  height: calc(100vh - 100px - 53px);

  overflow: auto;
}

.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(--grey-700);
}
.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;
}
.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);
}
.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;
}
/* 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);
}

.monitor_util-module__badgeOk--8417n {
  background-color: var(--green-800);
}

.monitor_util-module__badgeAlert--gCS9p {
  background-color: var(--red-800);
}

.monitor_util-module__badgeWarning--cfeUJ {
  background-color: var(--yellow-800);
}

.monitor_util-module__badgeNone--ecubP {
  background-color: hsla(0, 0%, 86%, 1);
}

.monitor_util-module__badgePending--N9YjF {
  padding: 4px !important;

  background-color: white;
  border: 5px solid hsla(0, 0%, 86%, 1); /* one-off value to keep size */
}

/* accessories */
.monitor_util-module__greenDot--S5vWZ {
  width: 12px;
  height: 12px;

  background-color: var(--green-800);
  border-radius: 100%;
}

.monitor_util-module__redDot--CkROb {
  width: 12px;
  height: 12px;

  background-color: var(--red-800);
  border-radius: 100%;
}

.monitor_util-module__yellowDot--1ya2m {
  width: 12px;
  height: 12px;

  background-color: var(--yellow-800);
  border-radius: 100%;
}
.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);
}
/* 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;
}

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

.options_menu-module__menuItemContainer--uilSG {
  color: var(--grey-100);

  padding: 16px 24px;

  display: flex;

  align-items: center;
  cursor: pointer;
}

.options_menu-module__menuItemContainer--uilSG > span {
  margin-left: 0;
}

.options_menu-module__menuItemContainer--uilSG.options_menu-module__disabled--aVeIR {
  cursor: default;
}

.options_menu-module__menuItemContainer--uilSG.options_menu-module__disabled--aVeIR > span,
.options_menu-module__menuItemContainer--uilSG.options_menu-module__disabled--aVeIR > a {
  color: var(--grey-300);
}

.options_menu-module__menuItemContainer--uilSG:hover {
  background-color: var(--primary-900);
}

.options_menu-module__click--My0p- {

  display: none;
}

.options_menu-module__activeMenu--4ysxB {
  display: flex;
}

.options_menu-module__optionsMenu--SRzFz {
  font-size: 14px;

  min-width: 256px;
  padding: 8px 0;

  position: absolute;
  top: 4px;
  z-index: var(--modal-z-index);

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

.options_menu-module__optionsMenuLeft--B2caj {
  right: -8px;
}

.options_menu-module__optionsMenu--SRzFz ul {
  list-style: none;

  margin: 0;
  padding: 0;
}

/* TODO: this is necessary since the Toolbar component is styling all its <a> tags */
.options_menu-module__optionsMenu--SRzFz a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;

  margin: 0;
}

.options_menu-module__optionsMenu--SRzFz a::after {
  content: none;
}

.options_menu-module__menuContainer--MVSUS {
  position: relative;
}

.options_menu-module__help--ooxY0 img {
  height: 12px;
  width: 12px;
}

.options_menu-module__icon--4qw-B {
  margin-right: 16px;
}
.MonitorFormPreview-module__toolbarContainer--IKpDw {
  display: flex;

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

.MonitorFormPreview-module__switcher--T-7Eh {
  margin-right: var(--space-12px);

  display: flex;
}

.MonitorFormPreview-module__headerTitle--HJ4vJ {
  display: inline-flex;

  align-items: center;
}

.MonitorFormPreview-module__preview--4e2rc {
  min-height: var(--space-256px);
  width: 100%;
}
/* These variables are deprecated. Use sizexxx variables instead *//*
 * 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;
}/* 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%;
}

/* Sections  */

.monitor_form-module__dropdownRow--L-TEA {
  width: 100%;
  margin: 0;
  padding-left: 24px;

  display: flex;

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

.monitor_form-module__dropdownRow--L-TEA > * {
  width: 100%;
}

.monitor_form-module__checkboxRow--T1McA {
  display: flex;

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

.monitor_form-module__checkboxRow--T1McA span {
  font-size: 12px;
  font-weight: 400;

  padding-top: 8px;
}

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

.monitor_form-module__monitorFormContent--bebye hr {
  margin: 0;

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

.monitor_form-module__title--DI8VV {
  font-weight: 500;
  color: var(--grey-200);

  padding: 14px 32px;

  display: flex;

  background-color: var(--grey-800);
  cursor: pointer;
  gap: 16px;
}

.monitor_form-module__section--rlQqf {
  padding: 32px;

  display: grid;

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

.monitor_form-module__sectionHeader--Ixprp .monitor_form-module__section--rlQqf + .monitor_form-module__section--rlQqf {
  padding-top: 0;
}

.monitor_form-module__section--rlQqf.monitor_form-module__full--VjhEY {
  grid-template-columns: 1fr;
}

.monitor_form-module__sectionTitleFull--HHgBj {
  width: 100%;
}

.monitor_form-module__sectionChildren--7f1Qp {
  flex: 1;
}

.monitor_form-module__sectionTitleContainer--DnPMo {
  margin-bottom: 8px;

  display: flex;

  align-items: center;
}

.monitor_form-module__sectionTitleIcon--huqrE {
  color: var(--primary-200);
}

.monitor_form-module__sectionDescription--fApTR {
  color: var(--grey-300);
}

.monitor_form-module__sectionHeaderChildren--GiZ0B {
  display: grid;
  grid-auto-flow: column;
}

.monitor_form-module__sectionHeaderChildren--GiZ0B.monitor_form-module__top--Cs8A9 {
  grid-auto-flow: row;
}

.monitor_form-module__titleWithAccessory--V5TKR {
  display: flex;
  gap: 16px;
}

/* Search Destinations */
.monitor_form-module__searchBox--b3EyK {
  width: 100%;
}

.monitor_form-module__searchBox--b3EyK > label {
  margin-top: 12px;

  display: block;
}

.monitor_form-module__searchBox--b3EyK > div {
  width: 100%;
}

.monitor_form-module__tag--mmF5i {
  color: var(--grey-800);
}

.monitor_form-module__emptyState--NT4ny {
  font-size: 12px;
  font-style: italic;

  padding: 8px;
}

/* Other */
.monitor_form-module__buttons--ekJLN {
  padding: 32px;

  display: flex;
  gap: 12px;
}

.monitor_form-module__notifyColumn--MQ9p7 {
  display: flex;

  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.monitor_form-module__thresholdRow--ucUpc {
  display: flex;

  justify-content: space-between;
}

.monitor_form-module__thresholdRow--ucUpc > *:first-child {
  margin-right: 12px;

  flex: 4;
}

.monitor_form-module__thresholdRow--ucUpc > *:last-child {
  flex: 4;
}

.monitor_form-module__space--MKAiE {
  margin-bottom: 32px;
}

.monitor_form-module__errorText--TF0-a {
  color: var(--text-negative);
  font-size: 12px;
}

.monitor_form-module__radioErrorText--sELA0 {

  margin-left: 0;
}

.monitor_form-module__preview--QNL78 {
  min-height: 256px;
  width: 100%;
}

.monitor_form-module__optionalFilters--zV9-B {
  padding-top: 8px;
}

.monitor_form-module__disabledOption--KdXv1 {
  text-align: left;

  max-width: 192px;
  height: 48px;
  padding-top: 4px;
}

/* Exclusions */
.monitor_form-module__noExclusions--PEopW,
.monitor_form-module__addExclusions--ykGod {
  color: var(--primary-200);
  cursor: pointer;

  padding: 14px 32px;
}

.monitor_form-module__addExclusions--ykGod {
  padding: 0;
}

.monitor_form-module__noExclusionsDisabled--5Va9f {
  cursor: initial;
  opacity: 0.5;
}

.monitor_form-module__newExclusionContainer--y8mdD {
  display: flex;

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

.monitor_form-module__newExclusionFields--f1F-O {
  display: grid;
  gap: 16px;
}

.monitor_form-module__newExclusion--WjCHe {
  margin: 0;
}

.monitor_form-module__newExclusionDisabled--JjtRd {
  opacity: 0.5;
}

.monitor_form-module__newExclusionDisabledFields--lR02y {
  opacity: 0.5;
}

.monitor_form-module__newExclusionCancel--Nkb2l {
  cursor: pointer;
}

.monitor_form-module__disabledExclusion--ebr9E {
  cursor: default;
  opacity: 0.5;
}

.monitor_form-module__exclusionsContainer--CIOdi {
  display: grid;
  gap: 8px;
}

.monitor_form-module__exclusionItem--6DVRR {
  display: grid;
  gap: 8px;

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

.monitor_form-module__exclusionTitleContainer--up8ai {
  display: flex;

  justify-content: space-between;
}

.monitor_form-module__exclusionTitleCollapsed--XsBJZ {
  padding-bottom: 12px;
}

.monitor_form-module__exclusionTitle--cqt4m {
  font-size: 14px;
  font-weight: 500;

  margin: 0;
  padding: 0;
}

.monitor_form-module__exclusionCollapse--5Sf6f {
  cursor: pointer;
}

.monitor_form-module__exclusionContainer--uNZDm {
  padding: 0;

  display: flex;

  justify-content: space-between;
}

.monitor_form-module__exclusionEditContainer--nPabS {
  padding: 16px 0 12px;
}

.monitor_form-module__exclusionNewContainer--eggym {
  padding: 0;

  display: grid;
  border-bottom: none;
  gap: 16px;
}

.monitor_form-module__exclusionInfo--ycd8Q {
  color: var(--grey-200);
  font-size: 14px;
}

.monitor_form-module__exclusionInfo--ycd8Q div {
  margin: 8px 0;
}

.monitor_form-module__exclusionEditButtons--Zwkua {
  display: flex;

  justify-content: flex-end;
}

.monitor_form-module__exclusionCancel--5eMwP {
  cursor: pointer;

  font-size: 14px;
  font-weight: 500;

  margin-right: 12px;
}

.monitor_form-module__dropdown--IzZ83 .monitor_form-module__checkboxContainer--ew7Y1 {
  vertical-align: initial;
}

.monitor_form-module__slackDropdownSelected--QSRM0 {
  display: flex;

  align-items: center;
}

.monitor_form-module__slackDropdownSelected--QSRM0 > span {
  white-space: nowrap;

  width: 100%;
}

.monitor_form-module__arrow--u2eMq img {
  padding: 0 8px;
}

.monitor_form-module__arrow--u2eMq > div {
  display: flex;
}

.monitor_form-module__warningIcon--3L18x {
  margin-left: 3px;
}

.monitor_form-module__destinationInput--9U1pk {
  border-bottom: solid 1px var(--grey-700);
}

.monitor_form-module__monitorFormErrorMessage--f3cFM {
  margin-bottom: 16px;
}

.monitor_form-module__ownerDescription--MYIaQ {
  max-width: 520px;
}
.error-module__list--vOQK5 {
  margin: 0;
}