.Yl3Pm {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}[dir=ltr] .Yl3Pm {
  transform: scaleX(1) /* rtl: scaleX(-1) */;
}[dir=rtl] .Yl3Pm {
  transform: scaleX(-1);
}

[dir=ltr] .ALc_A {
  animation:  fhGxr 500ms infinite linear;
  animation-direction: normal /* rtl: reverse */;
}

[dir=rtl] .ALc_A {
  animation:  sZGJo 500ms infinite linear;
  animation-direction: reverse;
}

@keyframes fhGxr {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes sZGJo {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

[dir] .ahQo9 {
  padding-top: var(--sp-4);
  padding-bottom: var(--sp-4);
}

  @media (max-width: 763px) {[dir] .ahQo9 {
    padding-top: var(--sp-3);
    padding-bottom: var(--sp-2)
}
  }

.EmYio {
  display: grid;
  grid-template-columns: 1fr minmax(0, 2fr);
  gap: var(--sp-4);
}

[dir] .EmYio {
  margin-top: var(--sp-4);
}

@media (max-width: 1263px) {

.EmYio {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sp-6)
}

[dir] .EmYio {
    margin-top: var(--sp-3)
}
  }

.sMJAt {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  flex: 1 1;
}

.CfABK {
  flex: 2 1;
}

.DvPvn {
  color: var(--c-text-secondary);
}

.atJ9G {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

@media (min-width: 1264px) {

[dir] .Z1Ddo {
    margin-top: var(--sp-2)
}
  }

[dir] .bhkW9 {
  margin: var(--sp-6) 0;
}

.MPxMb {
  min-height: 248px;
  box-sizing: border-box;
  color: var(--c-text-secondary);
}

[dir] .MPxMb {
  padding-top: 82px;
  text-align: center;
}

.QIiJL {
  box-sizing: border-box;
}

[dir] .QIiJL {
  padding-top: var(--sp-2);
  background: var(--c-background-paper);
}

.QIiJL::before {
    position: absolute;
    content: " ";
    bottom: -40px;
    width: 100%;
    height: 40px;
  }

[dir=ltr] .QIiJL::before {
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }

[dir=rtl] .QIiJL::before {
    background: linear-gradient(-180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }

[dir] .ryfaY {
  padding: var(--sp-4) 0 120px 0;
}

[dir] .e4uRO {
  margin-bottom: var(--sp-1);
  margin-top: 2px;
}

.Etqwy {
  width: 50px;
  height: 20px;
}

.AAnq7 {
  display: inline-block;
}

.G4D9Q {
  overflow: visible;
  position: relative;
}

  .G4D9Q::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: opacity;
    transition: opacity var(--a-common-duration) ease-out;
  }

  [dir] .G4D9Q::after {
    border-radius: 8px;
    -webkit-transition: opacity var(--a-common-duration) ease-out;
  }

  [dir=ltr] .G4D9Q::after {
  left: 0;
  }

  [dir=rtl] .G4D9Q::after {
    right: 0;
  }

  .G4D9Q:hover::after {
    opacity: 1;
  }

.Cdjb7 {
}

.Cdjb7::after {
    -webkit-box-shadow: var(--shadow-s);
  }

[dir] .Cdjb7::after {
            box-shadow: var(--shadow-s);
  }

.IgqVc {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}[dir=ltr] .IgqVc {
  left: 0;
}[dir=rtl] .IgqVc {
  right: 0;
}

.gBc_5 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

[dir] .gBc_5 {
  border-radius: 8px;
  background: var(--c-neutral-200);
}

.gBc_5 img {
    position: absolute;
    top: 50%;
    height: 100%;
    width: auto;
  }

[dir=ltr] .gBc_5 img {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }

[dir=rtl] .gBc_5 img {
    right: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
  }

.c1a_F {
  display: none;
}

._KhVR {
}

.WXghX {
  display: block;
}

.KjZXh {
  color: var(--c-neutral-600);
}

.lxxbx {
  white-space: nowrap;
  line-height: 16px;
  vertical-align: middle;
}

.Rjyvk {
  display: inline-block;
}

[dir] .ud1KI {
  cursor: pointer;
}

[dir] .RoclG {
  cursor: default;
}

.yhNMl {
  color: var(--c-text-secondary);
}

[dir] .yhNMl {
  cursor: pointer;
}

.yhNMl::before {
    content: "\200b";
  }

@media (min-width: 964px) {

.yhNMl {
    visibility: hidden
}
  }

.oi7DM .yhNMl {
    visibility: visible;
  }

.yhNMl .Oob_S,
  .Rjyvk:hover .yhNMl {
    visibility: visible;
  }

/* This is special class for parent element to show icon on hover on parent */

.sta34:hover .yhNMl {
    visibility: visible;
  }

/* straight wrap */

.lxxbx:not(.jdAo9)::before {
    content: '\00a0';
  }

.jdAo9::after {
    content: '\00a0';
  }

.JlIMc {
  display: -webkit-inline-box;
  display: inline-flex;
}

[dir] .MuiTooltip-popper[data-popper-placement*="top"] .MuiTooltip-tooltip {
  margin: 11px 0;
}

[dir] .MuiTooltip-popper[data-popper-placement*="bottom"] .MuiTooltip-tooltip {
  margin: 11px 0;
}

.LK6dh {
  opacity: 0.6;
}[dir] .LK6dh {
  cursor: pointer;
}

  .LK6dh:hover {
    opacity: 1;
  }

.ty4HY {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}

  .ty4HY.FTUh9 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
      }

  .ty4HY.mRkjp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
      }

  @media (min-width: 552px) {
        .ty4HY.bPMsN {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
        }

        .ty4HY.w2tV8 {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
    }

  @media (min-width: 764px) {
        .ty4HY.LEjMG {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
        }

        .ty4HY.BzZPz {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
    }

  @media (min-width: 964px) {
        .ty4HY.VJozk {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
        }

        .ty4HY.xbqNL {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
    }

  @media (min-width: 1264px) {
        .ty4HY.gtgNi {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
        }

        .ty4HY.WccTn {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
    }

  @media (min-width: 1664px) {
        .ty4HY.tsn2y {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
                  flex-direction: row;
        }

        .ty4HY.WHfok {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
                  flex-direction: column;
        }
    }

.c7pen {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}

  @media (min-width: 964px) {

  .c7pen.mCI0e {
      -webkit-box-align: start;
              align-items: flex-start
  }
    }

  @media (min-width: 764px) {

  .c7pen.kC1qh {
      -webkit-box-align: start;
              align-items: flex-start
  }
    }

.s4NXG {
  color: var(--c-text-secondary);
}

@media (min-width: 964px) {

[dir] .mCI0e .VasUj {
      margin-bottom: 4px
  }
    }

@media (min-width: 764px) {

[dir] .kC1qh .VasUj {
      margin-bottom: 4px
  }
    }

@media (max-width: 963px) {

[dir=ltr] .mCI0e .b5VUo {
    text-align: right
  }

[dir=rtl] .mCI0e .b5VUo {
      text-align: left
  }
    }

@media (max-width: 763px) {

[dir=ltr] .kC1qh .b5VUo {
    text-align: right
  }

[dir=rtl] .kC1qh .b5VUo {
      text-align: left
  }
    }

.e_wxn {
}

@media (min-width: 964px) {

[dir] .mCI0e .e_wxn {
      margin-top: 4px
  }
    }

@media (min-width: 764px) {

[dir] .kC1qh .e_wxn {
      margin-top: 4px
  }
    }

@media (max-width: 963px) {.nXjOB {
    width: 100%
}

    .nXjOB:not(:last-child)::after {
      content: '';
      display: block;
    }

    [dir] .nXjOB:not(:last-child)::after {
      padding-top: 16px;
      border-bottom: 1px solid var(--c-neutral-400);
    }

    [dir] .nXjOB:not(:first-child) {
      padding-top: 16px;
    }
  }

.hLanG {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}[dir] .hLanG {
  padding: var(--sp-3);
}

  @media (max-width: 763px) {[dir] .hLanG {
    padding: var(--sp-2)
}
  }

  .hLanG .Va_TU,
  .hLanG .pV1fC {
    position: relative;
  }

  @media (min-width: 764px) and (max-width: 963px) {

  .hLanG .Va_TU,
  .hLanG .pV1fC {
      flex: 1 1
  }
    }

  @media (min-width: 964px) and (max-width: 1263px) {

  .hLanG .Va_TU,
  .hLanG .pV1fC {
      flex: 1 1
  }
    }

  [dir] .hLanG .J7McP {
    margin-bottom: var(--sp-1);
  }

  .hLanG .Va_TU {
    display: flex;
  }

  .hLanG .gs5fU {
    flex: 1 1;
    width: auto;
  }

  [dir] .hLanG .gs5fU {
    border-radius: 4px;
  }

  @media (max-width: 551px) {

  .hLanG .gs5fU {
      height: 0
  }

  [dir] .hLanG .gs5fU {
      padding-top: 62.5%
  }
    }

  @media (min-width: 552px) and (max-width: 763px) {

  .hLanG .gs5fU {
      height: 260px
  }
    }

  @media (min-width: 1264px) and (max-width: 1663px) {

  .hLanG .gs5fU {
      height: 206px
  }
    }

  @media (min-width: 1664px) {

  .hLanG .gs5fU {
      height: 260px
  }
    }

  .hLanG .gs5fU .Y_40T {
      display: flex;
      height: 100%;
      align-items: center;
      justify-content: center;
      color: var(--c-common-white);
    }

  [dir] .hLanG .gs5fU .Y_40T {
      background-color: var(--c-neutral-light);
    }

  .hLanG .gs5fU img {
      height: 101%;
      width: 101%;
      object-fit: cover;
    }

  .hLanG .zVtTe {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  [dir] .hLanG .zVtTe .m3gRH {
      text-align: center;
    }

  .hLanG .zVtTe .m3gRH .RWqXP {
        align-items: center;
      }

  [dir=ltr] .hLanG .zVtTe .MSf0a {
  text-align: left;
    }

  [dir=rtl] .hLanG .zVtTe .MSf0a {
      text-align: right;
    }

  .hLanG .zVtTe .MSf0a .RWqXP {
        align-items: start;
      }

  [dir=ltr] .hLanG .zVtTe .yLknt {
  text-align: right;
    }

  [dir=rtl] .hLanG .zVtTe .yLknt {
      text-align: left;
    }

  .hLanG .zVtTe .yLknt .RWqXP {
        align-items: end;
      }

  .hLanG .zVtTe .RWqXP {
      flex-direction: column-reverse;
    }

  .hLanG .zVtTe .OL86m {
      color: var(--c-text-primary);
    }

  [dir] .hLanG .zVtTe .OL86m {
      margin: 0;
    }

[dir=ltr] .bYrxl {
  text-align: right;
}

[dir=rtl] .bYrxl {
  text-align: left;
}

.CqToF {
  display: flex;
  flex-direction: column;
  gap: var(--sp-0-5);
}

.aOGis {
  align-items: center;
}

[dir] .GinwJ, [dir] .q8Y_g {
  margin-top: var(--sp-2);
}

.Nkmxr {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

@media (min-width: 764px) and (max-width: 963px) {

.Nkmxr {
    flex-direction: row;
    gap: var(--sp-3)
}
  }

@media (min-width: 964px) and (max-width: 1263px) {

.Nkmxr {
    flex-direction: row;
    gap: var(--sp-3)
}
  }

._vOtC .dOczy {
    color: var(--c-text-secondary);
  }

._vOtC .gs5fU {
    opacity: 0.5;
  }

.tM0IC {
  position: absolute;
  top: var(--sp-2);
  z-index: 1;
}

[dir=ltr] .tM0IC {
  left: var(--sp-2);
}

[dir=rtl] .tM0IC {
  right: var(--sp-2);
}

.prHP5 {
  text-transform: lowercase;
}

.nESNy {
  color: var(--c-success-brandedContent);
}

.KuKi2 {
  color: var(--c-error-brandedContent);
}

.IJZ6Y {
  color: var(--c-neutral-600);
}

.IJZ6Y .JpfpS {
    color: var(--c-neutral-900);
  }

.JHZp8 {
  color: var(--c-text-primary);
  opacity: 0.6;
}

.mW_0a {
  color: var(--c-success-brandedContent);
  -webkit-transform: rotateX(180deg);
}

[dir] .mW_0a {
          transform: rotateX(180deg);
}

.tDPk3 {
  color: var(--c-text-primary);
  opacity: 0.6;
  -webkit-transform: rotateX(180deg);
}

[dir] .tDPk3 {
          transform: rotateX(180deg);
}

.Bg7Va {
  display: -webkit-inline-box;
  display: inline-flex;
  position: relative;
}

.PF97P {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

[dir=ltr] .PF97P {
  left: 0;
  right: 0;
}

[dir=rtl] .PF97P {
  right: 0;
  left: 0;
}

.jd53u {
  color: var(--c-text-primary);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}

  @media (max-width: 763px) {.jd53u {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center
}[dir] .jd53u {
    padding: 4px 0 8px;
    border-bottom: 1px solid var(--c-other-dividerLight)
}
  }

.wqtP9 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

[dir] .wqtP9 {
  margin-bottom: 4px;
}

.ujv7e {
  color: var(--c-text-secondary);
}

[dir=ltr] .B0yfQ {
  margin-left: 4px;
}

[dir=rtl] .B0yfQ {
  margin-right: 4px;
}

[dir=ltr] ._IHCR {
  margin-left: 8px;
}

[dir=rtl] ._IHCR {
  margin-right: 8px;
}

.Okl4U {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media (max-width: 763px) {

[dir=ltr] .Okl4U {
    margin-right: 4px
}

[dir=rtl] .Okl4U {
    margin-left: 4px
}
  }

[dir=ltr] .W6yK1 {
  margin-right: 4px;
}

[dir=rtl] .W6yK1 {
  margin-left: 4px;
}

.F4OPF {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 4px;
}

.uOVps {
  color: var(--c-text-secondary);
  flex-shrink: 0;
}

.knRXS {
}

[dir=ltr] .knRXS {
  -webkit-transform: scale(1) /* rtl: scale(-1) */;
  transform: scale(1) /* rtl: scale(-1) */;
}

[dir=rtl] .knRXS {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}

/* Empty */

.R5nm3 {
}

[dir=ltr] .R5nm3 {
  margin-right: 8px;
}

[dir=rtl] .R5nm3 {
  margin-left: 8px;
}

.eCThm {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media (max-width: 763px) {

.eCThm {
    -webkit-box-flex: 1;
            flex: 1 1
}

[dir] .eCThm {
    padding: 2px 0
}
  }

[dir=ltr] .X71fe {
  margin-left: 4px;
}

[dir=rtl] .X71fe {
  margin-right: 4px;
}

@media (max-width: 763px) {

[dir=ltr] .X71fe {
    margin-left: 0
}

[dir=rtl] .X71fe {
    margin-right: 0
}
  }

.CAb1t {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

@media (max-width: 763px) {

.CAb1t {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
            flex: 1 1
}
  }

/* Error */

.XwUOE {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}

@media (max-width: 763px) {

.XwUOE {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row;
    -webkit-box-flex: 1;
            flex: 1 1
}

[dir] .XwUOE {
    padding: 8px 0
}
  }

.rvM6B {
  color: var(--c-text-secondary);
}

.V8AhM {
  flex-shrink: 0;
}

[dir] .V8AhM {
  margin-bottom: 6px;
}

@media (max-width: 763px) {

[dir] .V8AhM {
    margin-bottom: 0
}

[dir=ltr] .V8AhM {
    margin-right: 4px
}

[dir=rtl] .V8AhM {
    margin-left: 4px
}
  }

@media (min-width: 552px) and (max-width: 763px) {

[dir] .V8AhM {
    margin-top: 2px
}
  }

/* Skeleton */

.Yaz8q {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
}

@media (max-width: 763px) {

.Yaz8q {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
            flex: 1 1
}

[dir] .Yaz8q {
    padding: 10px 0
}
  }

@media (max-width: 551px) {

[dir] .Yaz8q {
    padding: 6px 0
}
  }

.lgg7d {
  width: 60px;
  height: 32px;
}

[dir] .lgg7d {
  margin-bottom: 8px;
}

@media (max-width: 1263px) {

.lgg7d {
    height: 28px
}
  }

@media (max-width: 763px) {

.lgg7d {
    width: 80px;
    height: 20px
}

[dir] .lgg7d {
    margin-bottom: 0
}
  }

@media (max-width: 763px) {

.lgg7d {
    width: 60px;
    height: 16px
}
  }

.nkYTm {
  width: 140px;
  height: 20px;
}

@media (max-width: 763px) {

.nkYTm {
    height: 16px
}
  }

.JK5r0 {
  height: 8px;
  width: 100%;
}

.ZO1dz {
  display: inline-block;
}

.gXbs7 {
  -webkit-box-shadow: 0 4px 20px rgba(47, 67, 86, 0.16);
  color: var(--c-neutral-900);
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: normal;
}

[dir] .gXbs7 {
  border: solid 1px var(--c-neutral-400);
          box-shadow: 0 4px 20px rgba(47, 67, 86, 0.16);
  background-color: var(--c-neutral-0);
  padding: 8px;
  border-radius: 2px;
}

.lV5GQ {
  width: 13px;
  height: 13px;
}

.lV5GQ::before,
  .lV5GQ::after {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
  }

[dir] .lV5GQ::before, [dir] .lV5GQ::after {
    border-style: solid;
    margin: auto;
    border-width: 5px;
  }

[dir=ltr] .lV5GQ::before, [dir=ltr] .lV5GQ::after {
  border-radius: 0 2px 0 0;
  }

[dir=rtl] .lV5GQ::before, [dir=rtl] .lV5GQ::after {
    border-radius: 2px 0 0 0;
  }

[dir=ltr] .lV5GQ::before {
  border-color: var(--c-neutral-400) var(--c-neutral-400) transparent transparent;
  }

[dir=rtl] .lV5GQ::before {
    border-color: var(--c-neutral-400) transparent transparent var(--c-neutral-400);
  }

[dir=ltr] .lV5GQ::after {
  border-color: var(--c-neutral-0) var(--c-neutral-0) transparent transparent;
  }

[dir=rtl] .lV5GQ::after {
    border-color: var(--c-neutral-0) transparent transparent var(--c-neutral-0);
  }

.Yr4Q9,
.rGsTr {
  pointer-events: none;
}

[dir=ltr] .Yr4Q9, [dir=ltr] .rGsTr {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

[dir=rtl] .Yr4Q9, [dir=rtl] .rGsTr {
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

[dir=ltr] .rGsTr {
  animation-direction: reverse;
}

[dir=rtl] .rGsTr {
  animation-direction: reverse;
}

.tpWw7 {
  visibility: hidden;
}

.ehKAL {
  z-index: 3;
}

.ehKAL.QJZ0I,
  .ehKAL[data-popper-reference-hidden='true'] {
    visibility: hidden;
    pointer-events: none;
  }

[dir] .ehKAL.ULiF_ .gXbs7 {
      padding: 16px;
    }

[dir] .ehKAL[data-popper-placement='top'] {
    padding-bottom: 8px;
  }

[dir] .ehKAL[data-popper-placement='top'].ULiF_ {
      padding-bottom: 12px;
    }

[dir=ltr] .ehKAL[data-popper-placement='top'] .lV5GQ::before {
  left: 1px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='top'] .lV5GQ::before {
        right: 1px;
        -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
      }

.ehKAL[data-popper-placement='top'] .lV5GQ::after {
        top: -1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='top'] .lV5GQ::after {
  left: 1px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='top'] .lV5GQ::after {
        right: 1px;
        -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
      }

[dir=ltr] .ehKAL[data-popper-placement='top'] .rGsTr, [dir=ltr] .ehKAL[data-popper-placement='top'] .Yr4Q9 {
  -webkit-animation-name: Tr2Tb, Iq75M;
  animation-name: Tr2Tb, Iq75M;
    }

[dir=rtl] .ehKAL[data-popper-placement='top'] .rGsTr, [dir=rtl] .ehKAL[data-popper-placement='top'] .Yr4Q9 {
      -webkit-animation-name: Tr2Tb, Iq75M;
              animation-name: Tr2Tb, Iq75M;
    }

[dir] .ehKAL[data-popper-placement='bottom'] {
    padding-top: 8px;
  }

[dir] .ehKAL[data-popper-placement='bottom'].ULiF_ {
      padding-top: 12px;
    }

[dir=ltr] .ehKAL[data-popper-placement='bottom'] .lV5GQ::before {
  left: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='bottom'] .lV5GQ::before {
        right: 1px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }

.ehKAL[data-popper-placement='bottom'] .lV5GQ::after {
        top: 1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='bottom'] .lV5GQ::after {
  left: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='bottom'] .lV5GQ::after {
        right: 1px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
      }

[dir=ltr] .ehKAL[data-popper-placement='bottom'] .rGsTr, [dir=ltr] .ehKAL[data-popper-placement='bottom'] .Yr4Q9 {
  -webkit-animation-name: Tjuo_, Iq75M;
  animation-name: Tjuo_, Iq75M;
    }

[dir=rtl] .ehKAL[data-popper-placement='bottom'] .rGsTr, [dir=rtl] .ehKAL[data-popper-placement='bottom'] .Yr4Q9 {
      -webkit-animation-name: Tjuo_, Iq75M;
              animation-name: Tjuo_, Iq75M;
    }

[dir=ltr] .ehKAL[data-popper-placement='right'] {
  padding-left: 8px;
  }

[dir=rtl] .ehKAL[data-popper-placement='right'] {
    padding-right: 8px;
  }

[dir=ltr] .ehKAL[data-popper-placement='right'].ULiF_ {
  padding-left: 12px;
    }

[dir=rtl] .ehKAL[data-popper-placement='right'].ULiF_ {
      padding-right: 12px;
    }

.ehKAL[data-popper-placement='right'] .lV5GQ::before {
        top: 1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='right'] .lV5GQ::before {
  left: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='right'] .lV5GQ::before {
        right: 0;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }

.ehKAL[data-popper-placement='right'] .lV5GQ::after {
        top: 1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='right'] .lV5GQ::after {
  left: 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='right'] .lV5GQ::after {
        right: 1px;
        -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
      }

[dir=ltr] .ehKAL[data-popper-placement='right'] .rGsTr, [dir=ltr] .ehKAL[data-popper-placement='right'] .Yr4Q9 {
  -webkit-animation-name: euwyt, Iq75M;
  animation-name: euwyt, Iq75M;
    }

[dir=rtl] .ehKAL[data-popper-placement='right'] .rGsTr, [dir=rtl] .ehKAL[data-popper-placement='right'] .Yr4Q9 {
      -webkit-animation-name: euwyt, Iq75M;
              animation-name: euwyt, Iq75M;
    }

[dir=ltr] .ehKAL[data-popper-placement='left'] {
  padding-right: 8px;
  }

[dir=rtl] .ehKAL[data-popper-placement='left'] {
    padding-left: 8px;
  }

[dir=ltr] .ehKAL[data-popper-placement='left'].ULiF_ {
  padding-right: 12px;
    }

[dir=rtl] .ehKAL[data-popper-placement='left'].ULiF_ {
      padding-left: 12px;
    }

.ehKAL[data-popper-placement='left'] .lV5GQ::before {
        top: 1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='left'] .lV5GQ::before {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='left'] .lV5GQ::before {
        right: 0;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }

.ehKAL[data-popper-placement='left'] .lV5GQ::after {
        top: 1px;
      }

[dir=ltr] .ehKAL[data-popper-placement='left'] .lV5GQ::after {
  left: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
      }

[dir=rtl] .ehKAL[data-popper-placement='left'] .lV5GQ::after {
        right: -1px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
      }

[dir=ltr] .ehKAL[data-popper-placement='left'] .rGsTr, [dir=ltr] .ehKAL[data-popper-placement='left'] .Yr4Q9 {
  -webkit-animation-name: tdCUl, Iq75M;
  animation-name: tdCUl, Iq75M;
    }

[dir=rtl] .ehKAL[data-popper-placement='left'] .rGsTr, [dir=rtl] .ehKAL[data-popper-placement='left'] .Yr4Q9 {
      -webkit-animation-name: tdCUl, Iq75M;
              animation-name: tdCUl, Iq75M;
    }

.zpLbu {
  bottom: -9px;
}

.JCza1 {
  top: -6px;
}

[dir=ltr] .khMI0 {
  left: -6px;
}

[dir=rtl] .khMI0 {
  right: -6px;
}

[dir=ltr] .y16Rp {
  right: -9px;
}

[dir=rtl] .y16Rp {
  left: -9px;
}

@-webkit-keyframes Iq75M {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Iq75M {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes Tr2Tb {
  from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }

  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes Tr2Tb {
  from {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
  }

  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes Tjuo_ {
  from {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }

  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes Tjuo_ {
  from {
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }

  to {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes PfyKi {
  from {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes GaQ_J {
  from {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes PfyKi {
  from {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes GaQ_J {
  from {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes nRkeh {
  from {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes urFQ5 {
  from {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes nRkeh {
  from {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes urFQ5 {
  from {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }

  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.sSWip {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  overflow: hidden;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.95" /><feFuncG type="linear" slope="0.95" /><feFuncB type="linear" slope="0.95" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
  color: var(--c-text-secondary);
  font-size: 11px;
  position: relative;
}[dir] .sSWip {
  background-color: var(--c-background-default);
  border-radius: 2px;
}

  .sSWip img {
    position: absolute;
    top: 0;
    flex-shrink: 0;
    height: inherit;
  }

  [dir=ltr] .sSWip img {
  left: 0;
  }

  [dir=rtl] .sSWip img {
    right: 0;
  }

.nIsXk {
  width: 16px;
  height: 12px;
}

.NjTiL {
  width: 24px;
  height: 18px;
}

.vmOrR {
  display: inline-block;
  width: inherit;
  height: inherit;
}

[dir] .vmOrR {
  text-align: center;
}

.nfEPt {
  display: none;
}

.t5EJW {
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
  flex-shrink: 0;
  -webkit-box-shadow: inset 0 0 0 1px var(--c-other-outlinedBorder);
}

[dir] .t5EJW {
  border-radius: inherit;
          box-shadow: inset 0 0 0 1px var(--c-other-outlinedBorder);
}

[dir=ltr] .t5EJW {
  left: 0;
}

[dir=rtl] .t5EJW {
  right: 0;
}

[dir] .ZfwFJ {
  padding: var(--sp-3);
}

  @media (max-width: 763px) {[dir] .ZfwFJ {
    padding: var(--sp-2)
}
  }

[dir] .ip3L9 {
  margin-bottom: var(--sp-0-25);
}

.FNf93 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--sp-1);
}

[dir] .FNf93 {
  margin-top: var(--sp-1);
}

.Q3EQ0 {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

[dir] .Q3EQ0 {
  padding: 0;
  border: none;
}

.Q3EQ0.x_Cgd {
    flex-direction: row;
  }

.Q3EQ0.x_Cgd .VVBOh {
      vertical-align: sub;
    }

[dir] .Q3EQ0 [role="progressbar"]::before {
    border-width: 2px;
  }

[dir] .kxGtF {
  margin: 0;
}

.lmrOv {
  display: none;
}

.RPHEo {
  position: absolute;
  top: 50%;
  color: var(--c-text-secondary);
}

[dir=ltr] .RPHEo {
  left: 50%;
  transform: translate(-50%, -50%);
}

[dir=rtl] .RPHEo {
  right: 50%;
  transform: translate(50%, -50%);
}

.N4pgO {
  position: relative;
}

.JCl96 {
  shape-rendering: optimizespeed;
}

[dir=ltr] .JCl96 {
  direction: ltr /* rtl: ltr */;
}

[dir=rtl] .JCl96 {
  direction: ltr;
}

.uKPrz {
  stroke-dasharray: 2, 3;
  stroke: var(--c-other-dividerLight);
  fill: none;
}

.ngcxm {
  fill: var(--c-success-dark);
}

.buxJz {
  fill: var(--c-text-secondary);
}

.KsRQM {
  height: 1px;
  stroke: var(--c-other-dividerLight);
  fill: none;
}

._1rln {
  stroke: var(--c-other-dividerLight);
  fill: none;
}

.BiJ8i {
  stroke: none;
  fill: var(--c-other-dividerLight);
  text-anchor: middle;
}

.LcSu7 {
  height: 1px;
  stroke: var(--c-other-dividerLight);
  fill: none;
}

.iWWpm {
  stroke: none;
  fill: var(--c-other-dividerLight);
}

.NUQok {
  text-anchor: start;
}

.A4D9Z {
  text-anchor: end;
}

[dir] .MBp4Z {
  margin-top: -4px;
}

.aTtE6 .Lf22f {
    opacity: 0.5;
  }

[dir] ._TAS3 {
  background: var(--c-common-white);
}

.TETDO,
.FUJ5i {
  fill: var(--c-text-secondary) !important;
}

.soZMU {
  stroke-dasharray: none;
  stroke-width: 1px;
  stroke: var(--c-other-dividerLight);
  fill: none;
}

.OIR_O {
  display: none;
}

.UASic {
  fill: var(--c-categorical-A-D);
}

.dEkvb {
  fill: var(--c-simpleData-100);
}

.ZCPKb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

[dir] .ZCPKb {
  margin-bottom: var(--sp-3);
}

@media (max-width: 763px) {

.ZCPKb {
    flex-direction: column-reverse;
    gap: var(--sp-2)
}
  }

@media (max-width: 763px) {

[dir] .Ugkg7 {
    text-align: center
}
  }

.PhxGq {
  display: flex;
  flex-direction: row;
  gap: var(--sp-1);
}

@media (max-width: 763px) {

.PhxGq {
    width: 100%
}
  }

.WIDK9 {
  display: flex;
  flex-direction: column;
  gap: var(--sp-0-5);
}

@media (max-width: 763px) {

.WIDK9 {
    flex: 1 1
}
  }

.SQ0Zm {
  visibility: hidden;
}

[dir] .MSMe_ {
  margin: 28px auto;
}

  @media (max-width: 763px) {[dir] .MSMe_ {
    margin: 78px auto
}
  }

.DxeZM {
  color: var(--c-text-secondary);
}

[dir] .DxeZM {
  margin: var(--sp-2) auto var(--sp-6) auto;
}

.Bn9Dh {
  width: 100%;
  height: 24px;
  overflow: hidden;
}

[dir] .Bn9Dh {
  border-radius: 4px;
}

.kTRy0 {
  display: inline-block;
  height: 100%;
}

[dir] .zzPaF {
  background-color: var(--c-categorical-A-A);
}

[dir] .rKIZK {
  background-color: var(--c-categorical-A-B);
}

[dir] .uKUiK {
  background-color: var(--c-categorical-A-F);
}

[dir] .I_VEA {
  background-color: var(--c-categorical-A-D);
}

[dir] .HRK4o {
  background-color: var(--c-categorical-A-E);
}

.MMdXq {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--sp-2);
}

[dir] .MMdXq {
  margin-top: var(--sp-2);
}

@media (max-width: 763px) {

.MMdXq {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sp-0-25)
}
  }

.l19ra {
    color: var(--c-categorical-A-A);
  }

.vEDHl {
    color: var(--c-categorical-A-B);
  }

.gqj2H {
    color: var(--c-categorical-A-F);
  }

.dp4tW {
    color: var(--c-categorical-A-D);
  }

.Frbzr {
    color: var(--c-categorical-A-E);
  }

@media (max-width: 763px) {

.bw3Iq {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}
  }

.KpbcL {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media (min-width: 764px) {

[dir=ltr] .rx1ll {
    margin-left: 20px
}

[dir=rtl] .rx1ll {
    margin-right: 20px
}
  }

:root {
  --d-sidebar-margin-xs: -16px;
}

.ktknW {
  display: flex;
}

[dir] .ktknW {
  cursor: pointer;
}

.ktknW > div {
    align-self: center;
  }

.F2KVE {
  /* Wrapper with forced LTR to fix AutoSizer onResize event is not fired with dir="rtl" */
}

[dir=ltr] .F2KVE {
  direction: ltr /* rtl: ltr */;
}

[dir=rtl] .F2KVE {
  direction: ltr;
}

@media (min-width: 552px) and (max-width: 763px) {
  [dir=ltr] .WHgl0 {
    margin-left: calc((100vw - 560px) / 2 * -1);
    margin-right: calc((100vw - 560px) / 2 * -1);
    padding-right: 0;
    padding-left: 0;
  }
  [dir=rtl] .WHgl0 {
    margin-right: calc((100vw - 560px) / 2 * -1);
    margin-left: calc((100vw - 560px) / 2 * -1);
    padding-left: 0;
    padding-right: 0;
  }

  [dir=ltr] .IsGiu {
    padding-right: calc((100vw - 588px) / 2);
    padding-left: calc((100vw - 588px) / 2);
  }

  [dir=rtl] .IsGiu {
    padding-left: calc((100vw - 588px) / 2);
    padding-right: calc((100vw - 588px) / 2);
  }
}

@media (max-width: 551px) {
  [dir=ltr] .WHgl0 {
    margin-left: -16px;
    margin-left: var(--d-sidebar-margin-xs);
    margin-right: -16px;
    margin-right: var(--d-sidebar-margin-xs);
  }
  [dir=rtl] .WHgl0 {
    margin-right: -16px;
    margin-right: var(--d-sidebar-margin-xs);
    margin-left: -16px;
    margin-left: var(--d-sidebar-margin-xs);
  }
}

.sZt4d {
  flex: 1 1 auto;
}

.sZt4d div:focus {
    outline: none;
  }

.icJcH {
  width: 90px;
  box-sizing: border-box;
}

[dir] .icJcH {
  padding: var(--sp-2) var(--sp-1);
}

@media (max-width: 763px) {

.icJcH {
    width: 40px
}

[dir=ltr] .icJcH {
    padding: var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-1)
}

[dir=rtl] .icJcH {
    padding: var(--sp-2) var(--sp-1) var(--sp-2) var(--sp-2)
}
  }

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

[dir] .ubMzL {
  cursor: pointer;
}

.r6aFq {
  color: var(--c-text-primary);
  transition: background-color var(--a-common-duration);
  position: relative;
}

[dir] .r6aFq {
  border-bottom: 1px solid var(--c-other-dividerLight);
}

[dir] .r6aFq:hover, [dir] .r6aFq:focus {
    background-color: var(--c-neutral-states-outlined-hover-background);
  }

.QvSCB {
  display: flex;
  flex-flow: column nowrap;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
}

.QvSCB.UzYcN {
    transition: max-height var(--a-common-duration) ease-out;
  }

.QvSCB > div {
    flex-basis: auto;
  }

[dir] .rQGvh {
  border-top: 1px dashed var(--c-other-dividerLight);
  padding: var(--sp-2) var(--sp-4);
}

.KYg4x {
  will-change: transform;
  transition: transform var(--a-common-duration) ease-out;
}

[dir] .KYg4x {
  transform: translate(0, -14px) scaleY(0.7);
  transform-origin: top;
}

[dir] .Eutli > .r6aFq {
    background-color: var(--c-neutral-ultralight);
  }

[dir] .Eutli .KYg4x {
    transform: translate(0, 0) scaleY(1);
  }

.XsdDL {
  will-change: transform;
}

.WQFvO {
  transition: transform var(--a-common-duration) ease-out;
}

.xTMpm {
  will-change: height, max-height;
  transition: height var(--a-common-duration) ease-out, max-height var(--a-common-duration) ease-out;
}

/* ----- Header tools --------------------- */

.mcycc {
}

/* ----- Row tools --------------------- */

.G_cVI {
  display: flex;
  flex-flow: row nowrap;
  flex-basis: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

[dir] .G_cVI {
  padding: 20px 16px;
}

/* ----- Extra row tools --------------------- */

.rxdqP {
  display: table;
}

.rv2u7 {
  display: table-row;
}

.rv2u7 > div {
    display: table-cell;
  }

[dir] .rv2u7 > div {
    padding: 4px;
  }

.rv2u7 > div:first-child {
    font-weight: 700;
  }

[dir=ltr] .rv2u7 > div:first-child {
  padding-right: 24px;
  }

[dir=rtl] .rv2u7 > div:first-child {
    padding-left: 24px;
  }

.BASOc {
  transition: transform 0.3s ease;
  color: var(--c-text-secondary);
}

[dir] .BASOc {
  transform-origin: center center;
  transform: rotate(0);
}

[dir=ltr] .BASOc.sRi2n {
  transform: rotate(-180deg);
  }

[dir=rtl] .BASOc.sRi2n {
    transform: rotate(180deg);
  }

:root {
  --d-sidebar-margin-xs: -16px;
}

[dir] .wFrBw {
  background: var(--c-common-white);
}

.U0hqV {
  color: var(--c-text-secondary);
}

[dir] .U0hqV {
  margin: 120px auto;
}

[dir=ltr] .IVIw5 {
  justify-content: flex-end /* rtl: flex-start */;
}

[dir=rtl] .IVIw5 {
  justify-content: flex-start;
}

.jHEOk {
  display: flex;
  flex-flow: row nowrap;
}

[dir] .jHEOk {
  border-bottom: 1px solid var(--c-other-dividerDefault);
}

/* TODO: Move to separate module? */

@media (min-width: 552px) and (max-width: 763px) {
  [dir=ltr] .ivUxr {
    margin-left: calc((100vw - 560px) / 2 * -1);
    margin-right: calc((100vw - 560px) / 2 * -1);
    padding-right: calc((100vw - 588px) / 2);
    padding-left: calc((100vw - 588px) / 2);
  }
  [dir=rtl] .ivUxr {
    margin-right: calc((100vw - 560px) / 2 * -1);
    margin-left: calc((100vw - 560px) / 2 * -1);
    padding-left: calc((100vw - 588px) / 2);
    padding-right: calc((100vw - 588px) / 2);
  }
}

@media (max-width: 551px) {
  [dir=ltr] .ivUxr {
    margin-left: -16px;
    margin-left: var(--d-sidebar-margin-xs);
    margin-right: -16px;
    margin-right: var(--d-sidebar-margin-xs);
  }
  [dir=rtl] .ivUxr {
    margin-right: -16px;
    margin-right: var(--d-sidebar-margin-xs);
    margin-left: -16px;
    margin-left: var(--d-sidebar-margin-xs);
  }
}

.uypjY {
  display: flex;
}

.d0q01 {
  flex-basis: 0.1%;
  max-width: 0.1%;
}

.i_DY9 {
  flex-basis: 99.9%;
  max-width: 99.9%;
}

/* ------------- */

.C_301 {
  flex-grow: 1;
}

.SWpJc {
  flex-grow: 1;
}

.eXTvn {
  flex-grow: 1;
}

.WNqiG {
  flex-grow: 1;
}

.g1QiU {
  flex-grow: 1;
}

@media (min-width: 552px) and (max-width: 763px) {
  .eXTvn,
  .WNqiG {
    display: none !important;
  }
}

@media (max-width: 551px) {
  .eXTvn,
  .WNqiG {
    display: none !important;
  }
}

/* ---- Table tools ---------------------- */

.lseYn {
}

.F396q {
  color: var(--c-text-primary);
}

[dir] .F396q {
  padding: var(--sp-2) var(--sp-1);
}

.m7Dku {
}

.O_lwI {
  display: flex;
  flex-direction: row;
  gap: var(--sp-1);
}

[dir] .O_lwI {
  padding: var(--sp-0-5) 0;
}

.O_lwI > div {
    display: flex;
  }

.O_lwI > div:first-child {
    width: 160px;
  }

@media (max-width: 551px) {

.O_lwI > div:first-child {
      width: 130px
  }
    }

/* Hack for rtl for react-virtualized https://github.com/bvaughn/react-virtualized/issues/454 */

[dir="rtl"] .ReactVirtualized__Grid .F396q, [dir="rtl"] .ReactVirtualized__Grid .O_lwI > div {
        direction: rtl;
      }

[dir=ltr] .ReactVirtualized__Grid .F396q, [dir=ltr] .ReactVirtualized__Grid .O_lwI > div {
  transform: rotateY(0) /* rtl: rotateY(180deg) */;
    }

[dir=rtl] .ReactVirtualized__Grid .F396q, [dir=rtl] .ReactVirtualized__Grid .O_lwI > div {
      transform: rotateY(180deg);
    }

@-webkit-keyframes mkVxW {
  0% {
    background-color: var(--c-neutral-200);
  }

  50% {
    background-color: var(--c-neutral-400);
  }

  100% {
    background-color: var(--c-neutral-200);
  }
}

@keyframes mkVxW {
  0% {
    background-color: var(--c-neutral-200);
  }

  50% {
    background-color: var(--c-neutral-400);
  }

  100% {
    background-color: var(--c-neutral-200);
  }
}

.JyLhp {
  /* Split up animation into properties, because having the css var inside causes an error in
   * clean-css/remove-unused-at-rules.js while SSR pre-rendering
   */
}

[dir=ltr] .JyLhp {
  -webkit-animation-duration: var(--a-skeleton-duration);
  animation-duration: var(--a-skeleton-duration);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: mkVxW;
  animation-name: mkVxW;
}

[dir=rtl] .JyLhp {
  -webkit-animation-duration: var(--a-skeleton-duration);
          animation-duration: var(--a-skeleton-duration);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: mkVxW;
          animation-name: mkVxW;
}

.DSIxf {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.DIYDV {
  display: -webkit-box;
  display: flex;
  vertical-align: middle;
  min-height: 1px;
  width: 100%;
}

[dir] .DIYDV {
  border-radius: 2px;
  cursor: default;
}

.s6LuH > * {
    visibility: hidden;
  }

.fP6T_ {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.goNrE {
  height: auto;
}

.QBXv9 .NhRid,
  .QBXv9 .iUAHQ {
    width: 120px;
    height: 20px;
  }
  .QBXv9 .jkPd0 {
    overflow: auto;
  }
  @media (max-width: 551px) {
  .QBXv9 .Vm2pl {
      height: 484px
  }
    }
  @media (min-width: 552px) and (max-width: 763px) {
  .QBXv9 .Vm2pl {
      height: 560px
  }
    }
  .QBXv9 .DCVNj {
    width: 100%;
  }
  [dir] .QBXv9 .DCVNj {
    padding: 0;
  }
  @media (max-width: 551px) {
  .QBXv9 .DCVNj {
      height: 100%
  }
    }
  .QBXv9 .DCVNj > div {
      height: 100%;
    }
  @media (max-width: 551px) {
  .QBXv9 .DCVNj > div {
        height: 184px
    }
      }
  @media (min-width: 964px) and (max-width: 1263px) {
  .QBXv9 .DCVNj {
      height: 252px
  }
    }
  @media (min-width: 764px) and (max-width: 963px) {
  .QBXv9 .DCVNj {
      height: 252px
  }
    }
  .QBXv9 .Yych6 {
    width: 300px;
    height: 30px;
  }
  .QBXv9 .wYRuu {
    width: 50px;
    height: 16px;
  }
  .QBXv9 .E5EQ5 {
    width: 100px;
    height: 24px;
  }
  [dir] .QBXv9 .E5EQ5 {
    margin-top: 10px;
  }
  .QBXv9 .Ap9sy {
    width: 100%;
    height: 20px;
  }
  [dir] .QBXv9 .Ap9sy {
    margin: 24px 0 6px 0;
  }
  @media (max-width: 1263px) {
  .QBXv9 .Ap9sy {
      width: 100px;
      height: 24px
  }
  [dir] .QBXv9 .Ap9sy {
      margin: 10px 0 0 0
  }
    }
  [dir] .QBXv9 .MlHxp {
    padding-top: 22px;
  }

.Qw64d {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
          flex: 1 1;
}

  .Qw64d.CvB7f {
    min-height: 310px;
  }

  @media (max-width: 1263px) {

  .Qw64d.CvB7f {
      min-height: 292px
  }
    }

  @media (min-width: 552px) and (max-width: 763px) {

  .Qw64d.CvB7f {
      min-height: 280px
  }
    }

  @media (min-width: 552px) and (max-width: 763px) {

  .Qw64d.CvB7f {
      min-height: 240px
  }
    }

  @media (max-width: 551px) {

  .Qw64d:not(.CvB7f) {
      -webkit-box-align: center;
              align-items: center
  }

  [dir] .Qw64d:not(.CvB7f) {
      text-align: center
  }
    }

.FuNhA {
  width: 100%;
}

[dir] .FuNhA {
  margin-bottom: 32px;
}

[dir] .YMT7T .FuNhA {
    margin-bottom: 24px;
  }

[dir] .yDIF9 {
  margin-bottom: 8px;
}

.T7E53 {
  display: inline-block;
}

[dir] .T7E53 {
  margin-top: var(--sp-2);
  margin-bottom: var(--sp-1);
}

.gcl_L {
  width: 100%;
}

[dir=ltr] .qd7HP {
  padding-left: 20px;
  padding-right: 20px;
}[dir=rtl] .qd7HP {
  padding-right: 20px;
  padding-left: 20px;
}

.PPfQs {
  max-width: 608px;
  color: var(--c-text-primary);
}

[dir] .PPfQs {
  margin: 0 auto;
  padding: 0 0 40px;
}

.dPp4m {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.17;
}

[dir] .dPp4m {
  padding: 64px 0 15px;
}

[dir=ltr] .dPp4m {
  text-align: left;
}

[dir=rtl] .dPp4m {
  text-align: right;
}

.hOCVj {
  font-size: 16px;
  line-height: 1.5;
}

[dir=ltr] .hOCVj {
  text-align: left;
}

[dir=rtl] .hOCVj {
  text-align: right;
}

@media (min-width: 764px) and (max-width: 963px) {
  .PPfQs {
    width: 476px;
  }
}

@media (min-width: 1264px) and (max-width: 1663px) {
  .PPfQs {
    width: 542px;
  }
}

[dir] .Tr5_c {
  margin-bottom: 8px;
}

[dir] .xrGBR {
  padding-top: 24px;
  padding-bottom: 40px;
}

@media (max-width: 763px) {

[dir] .xrGBR {
    padding-top: 8px
}
  }

@media (max-width: 551px) {

[dir] .xrGBR {
    padding-bottom: 16px
}
  }

/* This import must have extra configuration in webpack.config.ts and postcss.config.js of the
 * project where this module is used.
 *
 * webpack.config.ts:
 * ------------------
 * To avoid processing it as a css module, to keep global class names , set in the webpack.config.ts
 * css-loader section:
 *
 * options.modules.auto: (resourcePath) => !resourcePath.endsWith('uPlot.css')
 *
 *
 * postcss.config.js:
 * ------------------
 * To exclude from RTL processing, as the charts in the app are always displayed in LTR, set the
 * following code in postcss.config.js function:
 *
 * module.exports = (ctx) => {
 *   const { mode, file } = ctx
 *   const excludeFromRtlProcessing = file.indexOf('uPlot.css') !== -1
 *   return ({
 *     ...
 *     plugins: [
 *       ...
 *       !excludeFromRtlProcessing ? require('postcss-inline-rtl')() : false,
 *       ...
 *     ],
 *   })
 * }
 */

.uplot, .uplot *, .uplot *::before, .uplot *::after {-webkit-box-sizing: border-box;box-sizing: border-box;}

.uplot {font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;width: -webkit-min-content;width: -moz-min-content;width: min-content;}

.u-title {text-align: center;font-size: 18px;font-weight: bold;}

.u-wrap {position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.u-over, .u-under {position: absolute;}

.u-under {overflow: hidden;}

.uplot canvas {display: block;position: relative;width: 100%;height: 100%;}

.u-axis {position: absolute;}

.u-legend {font-size: 14px;margin: auto;text-align: center;}

.u-inline {display: block;}

.u-inline * {display: inline-block;}

.u-inline tr {margin-right: 16px;}

.u-legend th {font-weight: 600;}

.u-legend th > * {vertical-align: middle;display: inline-block;}

.u-legend .u-marker {width: 1em;height: 1em;margin-right: 4px;background-clip: padding-box !important;}

.u-inline.u-live th::after {content: ":";vertical-align: middle;}

.u-inline:not(.u-live) .u-value {display: none;}

.u-series > * {padding: 4px;}

.u-series th {cursor: pointer;}

.u-legend .u-off > * {opacity: 0.3;}

.u-select {background: rgba(0,0,0,0.07);position: absolute;pointer-events: none;}

.u-cursor-x, .u-cursor-y {position: absolute;left: 0;top: 0;pointer-events: none;will-change: transform;z-index: 100;}

.u-hz .u-cursor-x, .u-vt .u-cursor-y {height: 100%;border-right: 1px dashed #607D8B;}

.u-hz .u-cursor-y, .u-vt .u-cursor-x {width: 100%;border-bottom: 1px dashed #607D8B;}

.u-cursor-pt {position: absolute;top: 0;left: 0;border-radius: 50%;border: 0 solid;pointer-events: none;will-change: transform;z-index: 100;/*this has to be !important since we set inline "background" shorthand */background-clip: padding-box !important;}

.u-axis.u-off, .u-select.u-off, .u-cursor-x.u-off, .u-cursor-y.u-off, .u-cursor-pt.u-off {display: none;}

/* All blocks in this file are treated as global */

.uplot {
  /* rtl:ignore */
  direction: ltr;
}

.dtbvY {

  /* Explicitly set direction to have correct RTL flipping, because the chart container is forced
   * to dir=ltr, and tooltip never inherit dir=rtl from html root */
}[dir] .dtbvY {
  text-align: center;
}[dir=ltr] .dtbvY {
  direction: ltr;
}[dir=rtl] .dtbvY {
  direction: rtl;
}

.cmTO0 {
  color: var(--c-text-secondary);
  white-space: nowrap;
}

.M85ju {
  color: var(--c-success-brandedContent);
}

.KOF8C {
  color: var(--c-error-brandedContent);
}

.RDImv {
  position: absolute;
  -webkit-box-shadow: var(--dropdown-shadow);
  pointer-events: none;
  z-index: 999999;
}[dir] .RDImv {
  border: 1px solid var(--c-neutral-400);
          box-shadow: var(--dropdown-shadow);
  border-radius: 2px;
}

.wAtAE {
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

[dir] .wAtAE {
  padding: 8px 16px;
  background: var(--c-neutral-0);
}

.wIO1m {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(0);
  z-index: -1;
}

[dir] .wIO1m {
          transform: translateX(0);
}

[dir=ltr] .wIO1m {
  left: 50%;
}

[dir=rtl] .wIO1m {
  right: 50%;
}

.XJoS9 {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  -webkit-box-shadow: var(--dropdown-shadow);
  z-index: -1;
  bottom: -6px;
}

[dir] .XJoS9 {
  background: var(--c-neutral-0);
  border: 1px solid var(--c-neutral-400);
          box-shadow: var(--dropdown-shadow);
}

[dir=ltr] .XJoS9 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -6px;
}

[dir=rtl] .XJoS9 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: -6px;
}

.FTY8C {
  position: relative;
}

.IXltB {
  height: 442px;
  width: 100%;
}

[dir] .IXltB {
  margin-bottom: 24px;
}

@media (max-width: 763px) {

.IXltB {
    height: 327px
}
  }

/* Right y-axis div overlaps the rightest point of the chart area, causing problem with hover on
   * the right edge point. Fix it by disabling pointer events */

.IXltB .u-axis:last-child {
    pointer-events: none;
  }

@-webkit-keyframes YdOtK {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

@keyframes YdOtK {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
  }
}

[dir=ltr] .ZBG1m {
  -webkit-animation: YdOtK var(--a-skeleton-duration) linear infinite;
  animation: YdOtK var(--a-skeleton-duration) linear infinite;
}

[dir=rtl] .ZBG1m {
  -webkit-animation: YdOtK var(--a-skeleton-duration) linear infinite;
          animation: YdOtK var(--a-skeleton-duration) linear infinite;
}

.UZQdY {
  -webkit-transform: translateY(90px);
  height: 162px;
}

[dir] .UZQdY {
          transform: translateY(90px);
}

[dir=ltr] .UZQdY {
  padding-right: 72px;
}

[dir=rtl] .UZQdY {
  padding-left: 72px;
}

@media (min-width: 964px) and (max-width: 1263px) {

.UZQdY {
    -webkit-transform: translateY(140px)
}

[dir] .UZQdY {
            transform: translateY(140px)
}
  }

@media (min-width: 764px) and (max-width: 963px) {

.UZQdY {
    -webkit-transform: translateY(140px)
}

[dir] .UZQdY {
            transform: translateY(140px)
}
  }

@media (max-width: 551px) {

.UZQdY {
    -webkit-transform: translateY(116px);
    height: 106px
}

[dir] .UZQdY {
            transform: translateY(116px)
}

[dir=ltr] .UZQdY {
    padding-right: 24px
}

[dir=rtl] .UZQdY {
    padding-left: 24px
}
  }

.rddFc {
  position: absolute;
  top: 150px;
}

[dir] .rddFc {
  text-align: center;
}

[dir=ltr] .rddFc {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

[dir=rtl] .rddFc {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  right: 50%;
}

@media (max-width: 1263px) {

.rddFc {
    top: 184px
}
  }

@media (max-width: 763px) {

.rddFc {
    top: 102px
}
  }

.BL40Z {
  display: block;
}

.I8vVu {
  display: block;
  overflow: auto;
}

.TAMkx {
  width: 90px;
  min-height: 16px;
  height: 16px;
}

[dir] .TAMkx {
  margin-bottom: 4px;
}

.YmGr2 {
  width: 220px;
  min-height: 30px;
  height: 30px;
}

[dir] .YmGr2 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.zGWCY {
  width: 90px;
  min-height: 16px;
  height: 16px;
}

[dir] .zGWCY {
  margin-top: 4px;
}

.N0qQS {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
}

@media (max-width: 963px) {

.N0qQS {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: var(--s-lg)
}
  }

[dir] .LOt3y {
  margin-top: var(--s-lg);
}

.HAhLW {
  color: var(--c-neutral-600);
}

.SKOfp {
  display: block;
}

.K73Qe {
  display: inline-block;
}

.UJtEA {
  width: 128px;
  height: 16px;
}

[dir] .UJtEA {
  margin-top: 2px;
  margin-bottom: 6px;
}

.cGs79 {
  width: 64px;
  height: 28px;
}

[dir] .cGs79 {
  margin-bottom: 4px;
}

@media (max-width: 551px) {

.cGs79 {
    height: 24px
}
  }

.Rm4OW {
  width: 104px;
  height: 16px;
}

.CUQE5 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
}

@media (max-width: 963px) {

.CUQE5 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: var(--s-lg)
}
  }

[dir] .qQcn4 {
  margin-top: var(--s-lg);
}

[dir] .yyCsT {
  padding-bottom: 33px;
}

.ia1jk {
  display: -webkit-box;
  display: flex;
  gap: var(--s-xs);
  overflow: auto;
  /* stylelint-disable-next-line property-no-unknown */
  scrollbar-width: none;
}

.ia1jk::-webkit-scrollbar {
    display: none;
  }

.jTBks {
  width: 16px;
  height: 16px;
}[dir] .jTBks {
  background-image: url('/st/icons/x16-arrow-big-line-left.svg');
}

.l8fM2 {
  flex-shrink: 0;
}[dir] .l8fM2 {
  background-repeat: no-repeat;
  background-position: center;
}

[dir] .vPwS9 {
  cursor: pointer;
}

.g5ifq .l8fM2 {
  display: none;
}

.PfvBi:hover .l8fM2 {
      display: none;
    }

.PfvBi:hover .g5ifq .l8fM2 {
      display: block;
    }

.fxcdo {
  width: 16px;
  height: 16px;
}[dir] .fxcdo {
  background-image: url('/st/icons/x16-arrow-fill-down.svg');
}

.wiLZm {
  width: 16px;
  height: 16px;
}[dir] .wiLZm {
  background-image: url('/st/icons/x16-close.svg');
}

.y7108 {
  width: 16px;
  height: 16px;
}[dir] .y7108 {
  background-image: url('/st/icons/x16-reset-filter.svg');
}

.WzT9j {
  width: 16px;
  height: 16px;
}[dir] .WzT9j {
  background-image: url('/st/icons/x16-search-small.svg');
}

.YS5UI {
  width: 16px;
  height: 16px;
}[dir] .YS5UI {
  background-image: url('/st/icons/x16-info2.svg');
}

.bCE3P {
  width: 16px;
  height: 16px;
}[dir] .bCE3P {
  background-image: url('/st/icons/x16-info3.svg');
}

.BzoZo {
  width: 16px;
  height: 16px;
}[dir] .BzoZo {
  background-image: url('/st/icons/x16-tick.svg');
}

.hAiqM {
  width: 16px;
  height: 16px;
}[dir] .hAiqM {
  background-image: url('/st/icons/x16-request-label-alarm.svg');
}

.i4jmQ {
  width: 16px;
  height: 16px;
}[dir] .i4jmQ {
  background-image: url('/st/icons/x16-request-label-close.svg');
}

.kWBrQ {
  width: 16px;
  height: 16px;
}[dir] .kWBrQ {
  background-image: url('/st/icons/x16-request-label-start.svg');
}

.IOms_ {
  width: 16px;
  height: 16px;
}[dir] .IOms_ {
  background-image: url('/st/icons/x16-download.svg');
}

.ApQpM {
  width: 16px;
  height: 16px;
}[dir] .ApQpM {
  background: url('/st/icons/x16-new-window.svg');
}

.Fy6YN {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}[dir=ltr] .Fy6YN {
  left: 0;
}[dir=rtl] .Fy6YN {
  right: 0;
}

  @media (min-width: 552px) and (max-width: 763px) {.Fy6YN {
    width: 75%
}
  }

  @media (max-width: 551px) {.Fy6YN {
    width: 100%
}
  }

.HCYXz {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: var(--iframe-shadow);
}

[dir] .HCYXz {
  background: var(--c-neutral-0);
  border: 1px solid var(--c-neutral-400);
          box-shadow: var(--iframe-shadow);
  border-radius: 2px;
  padding: 24px;
}

@media (max-width: 1263px) {

.HCYXz {
    max-width: 240px
}
  }

@media (max-width: 551px) {

.HCYXz {
    max-width: 220px
}
  }

.ZHiZs.Fy6YN {
    width: 100%;
  }

@media (max-width: 1263px) {

.ZHiZs .HCYXz {
      max-width: initial
  }
    }

@media (max-width: 551px) {

.ZHiZs .HCYXz {
      max-width: initial
  }
    }

.XDkmj {
  position: absolute;
  top: 16px;
}

[dir=ltr] .XDkmj {
  right: 16px;
}

[dir=rtl] .XDkmj {
  left: 16px;
}

.v997U {
  position: relative;
}

[dir] .v997U {
  margin-bottom: 24px;
}

[dir] .ok7c6 {
  margin-bottom: 24px;
}

[dir] .or4cn {
  margin-bottom: 24px;
}

.cKm13 {
  position: relative;
}

[dir=ltr] .okpp8 {
  text-align: left;
}

[dir=rtl] .okpp8 {
  text-align: right;
}

.J1L5K {
  visibility: hidden;
}

.d0NIJ {
  opacity: 0;
}

.AVgpr {
  opacity: 1;
  transition: opacity 200ms ease-in;
}

[dir] .AVgpr {
  -webkit-transition: opacity 200ms ease-in;
}

.V6TmP {
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

[dir=ltr] .V6TmP {
  left: 0;
}

[dir=rtl] .V6TmP {
  right: 0;
}

.jkNLm {
  opacity: 0;
  transition: opacity 200ms ease-in;
}

[dir] .jkNLm {
  -webkit-transition: opacity 200ms ease-in;
}

.eXEcc {
  pointer-events: none;
  opacity: 0.5;
}

.YZ7IE {
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-transform: translateY(163px);
}

[dir] .YZ7IE {
  text-align: center;
          transform: translateY(163px);
}

.f7IRG {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.7;
}

[dir] .f7IRG {
  background-color: var(--c-background-paper);
}

[dir=ltr] .f7IRG {
  left: 0;
  right: 0;
}

[dir=rtl] .f7IRG {
  right: 0;
  left: 0;
}

.KBQcP {
  position: absolute;
  bottom: 109px;
}

[dir] .KBQcP {
  text-align: center;
}

[dir=ltr] .KBQcP {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

[dir=rtl] .KBQcP {
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

@media (min-width: 552px) and (max-width: 763px) {

.KBQcP {
    bottom: 87px
}
  }

@media (max-width: 551px) {

.KBQcP {
    bottom: 71px
}
  }

[dir] .ObHYH {
  margin-bottom: 8px;
}

.U5a9L {
  color: var(--c-neutral-600);
}

.JdPG9 {
  white-space: nowrap;
}