:root,
.base-theme {
  --c804822e-primary-btn-color: var(--text-action);
  --c804822e-primary-btn-bg: var(--fill-positive-primary);
  --c804822e-primary-btn-h-bg: var(--fill-positive-primary-hover);
  --c804822e-secondary-btn-color: var(--text-primary);
  --c804822e-secondary-btn-bg: transparent;
  --c804822e-secondary-btn-h-bg: var(--fill-hover);
  --c804822e-secondary-btn-border-color: var(--border-positive-primary);
  --c804822e-tertiary-btn-color: var(--text-primary);
  --c804822e-tertiary-btn-h-bg: var(--fill-hover);
  --c804822e-tertiary-error-btn-color: var(--text-destructive);
  --c804822e-tertiary-error-btn-h-bg: var(--fill-destructive-secondary-hover);
  --c804822e-tertiary-error-btn-h-icolor: var(--text-destructive);
  --c804822e-error-btn-color: var(--text-invert-primary);
  --c804822e-error-btn-bg: var(--fill-destructive-primary);
  --c804822e-error-btn-h-bg: var(--fill-destructive-primary-hover);
  --c804822e-disabled-btn-color: var(--text-disabled);
  --c804822e-disabled-btn-bg: var(--fill-disabled);
  --c804822e-disabled-btn-border: transparent;
  --c804822e-action-primary-btn-color: var(--text-action);
  --c804822e-action-primary-btn-bg: var(--fill-positive-primary);
  --c804822e-action-primary-btn-h-bg: var(--fill-positive-primary-hover);
  --c804822e-action-secondary-btn-color: var(--text-primary);
  --c804822e-action-secondary-btn-h-bg: var(--fill-hover);
  --c804822e-action-secondary-btn-border: var(--border-positive-primary);
  --c804822e-action-secondary-btn-border-disabled: var(--border-disabled);
  --c804822e-action-secondary-destructive-btn-color: var(--text-destructive);
  --c804822e-action-secondary-destructive-btn-h-bg: var(--fill-invert-destructive-secondary-hover);
  --c804822e-action-secondary-destructive-btn-h-color: var(--text-invert-primary);
  --c804822e-action-secondary-destructive-btn-border: var(--border-destructive);
  --c804822e-action-tertiary-btn-color: var(--text-primary);
  --c804822e-action-tertiary-btn-h-bg: var(--fill-hover);
  --c804822e-action-tertiary-destructive-btn-color: var(--text-destructive);
  --c804822e-action-tertiary-destructive-btn-h-bg: var(--fill-destructive-secondary-hover);
}
.base-inverted {
  --c804822e-primary-btn-color: var(--text-invert-action);
  --c804822e-primary-btn-bg: var(--fill-positive-secondary);
  --c804822e-primary-btn-h-bg: var(--fill-positive-secondary-hover);
  --c804822e-secondary-btn-color: var(--text-positive-primary);
  --c804822e-secondary-btn-bg: transparent;
  --c804822e-secondary-btn-h-bg: var(--fill-invert-hover);
  --c804822e-secondary-btn-border-color: var(--border-positive-secondary);
  --c804822e-tertiary-btn-color: var(--text-positive-primary);
  --c804822e-tertiary-btn-h-bg: var(--fill-invert-hover);
  --c804822e-error-btn-color: var(--text-invert-primary);
  --c804822e-error-btn-bg: var(--fill-destructive-primary);
  --c804822e-error-btn-h-bg: var(--fill-invert-destructive-secondary);
  --c804822e-disabled-btn-color: var(--text-invert-disabled);
  --c804822e-disabled-btn-bg: var(--fill-invert-disabled);
  --c804822e-disabled-btn-border: transparent;
  --c804822e-action-primary-btn-color: var(--text-invert-action);
  --c804822e-action-primary-btn-bg: var(--fill-positive-secondary);
  --c804822e-action-primary-btn-h-bg: var(--fill-positive-secondary-hover);
  --c804822e-action-secondary-btn-color: var(--text-positive-primary);
  --c804822e-action-secondary-btn-h-bg: var(--fill-invert-hover);
  --c804822e-action-secondary-btn-border: var(--border-positive-secondary);
  --c804822e-action-secondary-btn-border-disabled: var(--icons-invert-disabled);
  --c804822e-action-secondary-destructive-btn-color: var(--text-invert-destructive);
  --c804822e-action-secondary-destructive-btn-h-bg: var(--fill-invert-destructive-secondary-hover);
  --c804822e-action-secondary-destructive-btn-h-color: var(--text-invert-primary);
  --c804822e-action-secondary-destructive-btn-border: var(--border-invert-destructive);
  --c804822e-action-tertiary-btn-color: var(--text-positive-primary);
  --c804822e-action-tertiary-btn-h-bg: var(--fill-invert-hover);
}
.base-attention {
  --c804822e-action-secondary-btn-color: var(--text-invert-action);
  --c804822e-action-secondary-btn-h-bg: var(--fill-positive-attention-hover);
  --c804822e-action-secondary-btn-border: var(--border-invert-dark);
  --c804822e-action-secondary-btn-border-disabled: var(--border-invert-disabled);
}
.Rna02 {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  display: inline-grid;
  grid: 'c' auto / auto;
  box-sizing: border-box;
  user-select: none;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s;
  justify-content: center;
  align-items: center;
  justify-items: center;
  column-gap: 8px;
  border-radius: var(--c-btn-brad);
  border: solid 1px transparent;
  padding: var(--c-btn-pad);
  color: currentColor;
  background-color: transparent;
  --c-btn-pad: 3px 7px;
  --c-btn-brad: 4px;
  --c-btn-icolor: currentColor;
  --c-btn-h-icolor: var(--c-btn-icolor);
}
.Rna02 b,
.Rna02 em {
  font-weight: var(--subhead-emphasized-weight);
}
.Rna02.xwFe4 {
  width: 100%;
}
.cojBY {
  grid: 'l c' auto / auto auto;
}
.sg6S4 {
  grid: 'c r' auto / auto auto;
}
.cojBY.sg6S4 {
  grid: 'l c r' auto / auto auto auto;
}
.IdRCY {
  transition: opacity 0.2s;
  grid-area: c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.wjpw2 {
  grid-area: 1 / 1 / 1 / -1;
  margin: -4px;
}
.W8RBB {
  transition: opacity 0.2s, color 0.2s;
  display: flex;
  margin: -4px -8px;
  color: var(--c-btn-icolor);
}
.rSmBI > .W8RBB,
.Rna02:hover > .W8RBB {
  color: var(--c-btn-h-icolor);
}
.kA5Wr {
  grid-area: l;
}
.JJSL1 {
  grid-area: r;
}
.Rna02:disabled,
.RiSrT {
  cursor: default;
  pointer-events: none;
}
.RiSrT > .W8RBB,
.RiSrT > .IdRCY {
  opacity: 0;
}
.Rna02:disabled {
  color: var(--c804822e-disabled-btn-color);
  border: solid 1px var(--c804822e-disabled-btn-border);
  --c-btn-icolor: var(--c804822e-disabled-btn-color);
}
.Rna02:disabled > .W8RBB {
  opacity: 0.3;
}
.stMKA,
.OblWK,
.RQSF2 {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  --c-btn-pad: 9px 15px;
  --c-btn-brad: 8px;
  column-gap: 4px;
}
.stMKA b,
.OblWK b,
.RQSF2 b,
.stMKA em,
.OblWK em,
.RQSF2 em {
  font-weight: var(--headline-emphasized-weight);
}
.stMKA .wjpw2,
.OblWK .wjpw2,
.RQSF2 .wjpw2 {
  margin: 0;
}
.stMKA .W8RBB,
.OblWK .W8RBB,
.RQSF2 .W8RBB {
  margin: -8px;
}
.stMKA .kA5Wr,
.OblWK .kA5Wr,
.RQSF2 .kA5Wr {
  margin-right: 0;
}
.stMKA .JJSL1,
.OblWK .JJSL1,
.RQSF2 .JJSL1 {
  margin-left: 0;
}
.stMKA:disabled,
.OblWK:disabled,
.RQSF2:disabled {
  background-color: var(--c804822e-disabled-btn-bg);
}
.stMKA {
  color: var(--c804822e-primary-btn-color);
  background-color: var(--c804822e-primary-btn-bg);
}
.stMKA.gJ0CR {
  color: var(--text-invert-primary);
  background-color: var(--fill-invert-primary);
}
.stMKA.gJ0CR:hover {
  background-color: var(--fill-invert-hover);
}
.stMKA.rSmBI,
.stMKA:hover {
  background-color: var(--c804822e-primary-btn-h-bg);
}
.OblWK {
  background-color: var(--c804822e-secondary-btn-bg);
  color: var(--c804822e-secondary-btn-color);
  border-color: var(--c804822e-secondary-btn-border-color);
}
.OblWK.gJ0CR {
  color: var(--text-invert-action);
  background: transparent;
  border-color: var(--border-invert-dark);
}
.OblWK.gJ0CR:hover {
  color: var(--text-invert-primary);
  background-color: var(--fill-invert-hover);
}
.OblWK.rSmBI,
.OblWK:hover {
  background-color: var(--c804822e-secondary-btn-h-bg);
}
.RQSF2 {
  color: var(--c804822e-error-btn-color);
  background-color: var(--c804822e-error-btn-bg);
}
.RQSF2.rSmBI,
.RQSF2:hover {
  background-color: var(--c804822e-error-btn-h-bg);
}
.a3oVp {
  color: var(--c804822e-action-primary-btn-color);
  background-color: var(--c804822e-action-primary-btn-bg);
}
.a3oVp:hover,
.a3oVp.rSmBI {
  background-color: var(--c804822e-action-primary-btn-h-bg);
}
.a3oVp:disabled {
  background-color: var(--c804822e-disabled-btn-bg);
}
.LY19j {
  color: var(--c804822e-action-secondary-btn-color);
  background-color: transparent;
  border: 1px solid var(--c804822e-secondary-btn-border-color);
}
.LY19j:hover,
.LY19j.rSmBI {
  background-color: var(--c804822e-action-secondary-btn-h-bg);
}
.LY19j:disabled {
  border-color: var(--c804822e-action-secondary-btn-border-disabled);
}
.LY19j.kwP2d:not(:disabled) {
  color: var(--c804822e-action-secondary-destructive-btn-color);
  border-color: var(--c804822e-action-secondary-destructive-btn-border);
}
.LY19j.kwP2d:not(:disabled):hover,
.LY19j.kwP2d:not(:disabled).rSmBI {
  color: var(--c804822e-action-secondary-destructive-btn-h-color);
  background-color: var(--c804822e-action-secondary-destructive-btn-h-bg);
}
.VZ4SZ {
  color: var(--c804822e-action-tertiary-btn-color);
}
.VZ4SZ:hover,
.VZ4SZ.rSmBI {
  background-color: var(--c804822e-action-tertiary-btn-h-bg);
}
.VZ4SZ.kwP2d:not(:disabled) {
  color: var(--c804822e-action-tertiary-destructive-btn-color);
}
.VZ4SZ.kwP2d:not(:disabled):hover,
.VZ4SZ.kwP2d:not(:disabled).rSmBI {
  background-color: var(--c804822e-action-tertiary-destructive-btn-h-bg);
}
.PGkzL,
.sdwF5 {
  color: var(--c804822e-tertiary-btn-color);
  text-decoration: underline;
}
.PGkzL.rSmBI,
.sdwF5.rSmBI,
.PGkzL:hover,
.sdwF5:hover {
  background-color: var(--c804822e-tertiary-btn-h-bg);
}
.FpBnu {
  color: var(--c804822e-tertiary-error-btn-color);
  --c-btn-h-icolor: var(--c804822e-tertiary-error-btn-h-icolor);
}
.FpBnu.rSmBI,
.FpBnu:hover {
  background-color: var(--c804822e-tertiary-error-btn-h-bg);
}
.hBjIv {
  color: var(--c804822e-action-error-btn-color);
}
.hBjIv.rSmBI,
.hBjIv:hover {
  background-color: var(--c804822e-action-error-btn-h-bg);
}
.hY7AJ {
  color: var(--c804822e-action-regular-btn-color);
  --c-btn-icolor: var(--icons-action);
}
.hY7AJ.rSmBI,
.hY7AJ:hover {
  background-color: var(--c804822e-action-regular-btn-h-bg);
}
.KzaIr {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  border: 1px solid var(--border-default);
  color: var(--text-primary);
  background-color: var(--fill-primary);
  padding: 10px 32px 10px 24px;
  border-radius: 8px;
  grid: 'l c' auto / auto 1fr;
}
.KzaIr b,
.KzaIr em {
  font-weight: var(--headline-emphasized-weight);
}
.KzaIr:hover {
  background-color: var(--fill-hover);
}
.KzaIr.ZKb_3 {
  color: var(--text-disabled);
  background-color: var(--fill-disabled);
  border-color: var(--border-disabled);
}
.KzaIr.ZKb_3 .W8RBB path {
  fill: var(--text-disabled);
}
.ZJIIO {
  color: #000000;
}
.base-theme.dark .ZJIIO {
  color: #ffffff;
}
.pcchT {
  text-decoration: underline;
  cursor: pointer;
}

.uvGSS {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  background-color: #2A3035;
  color: #F5F5F6;
  padding: 8px;
  border-radius: 8px;
  z-index: 11;
}
.uvGSS.wEowI {
  background-color: #FFD83F;
  color: #16191C;
}
.YgCZh {
  fill: #2A3035;
}
.YgCZh.wEowI {
  fill: #FFD83F;
}

:root,
.base-theme {
  --56ae32b1-primary-icon-button-color: var(--icons-secondary);
  --56ae32b1-secondary-icon-button-color: var(--icons-secondary);
  --56ae32b1-default-icon-button-color: var(--icons-primary);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-hover);
}
.base-secondary {
  --56ae32b1-primary-icon-button-color: var(--icons-secondary);
  --56ae32b1-secondary-icon-button-color: var(--icons-secondary);
  --56ae32b1-default-icon-button-color: var(--icons-secondary);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-hover);
}
.base-inverted {
  --56ae32b1-primary-icon-button-color: var(--icons-invert-light);
  --56ae32b1-secondary-icon-button-color: var(--icons-invert-light);
  --56ae32b1-default-icon-button-color: var(--icons-invert-light);
  --56ae32b1-icon-button-disabled-color: var(--icons-invert-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-invert-hover);
}
.base-color {
  --56ae32b1-primary-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-secondary-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-default-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-invert-positive-primary-hover);
}
.base-attention {
  --56ae32b1-primary-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-secondary-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-default-icon-button-color: var(--icons-invert-dark);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-positive-attention-hover);
}
.base-error {
  --56ae32b1-primary-icon-button-color: var(--icons-invert-light);
  --56ae32b1-secondary-icon-button-color: var(--icons-invert-light);
  --56ae32b1-default-icon-button-color: var(--icons-invert-light);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-invert-destructive-secondary-hover);
}
.base-info {
  --56ae32b1-primary-icon-button-color: var(--icons-primary);
  --56ae32b1-secondary-icon-button-color: var(--icons-primary);
  --56ae32b1-default-icon-button-color: var(--icons-primary);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-positive-info-hover);
}
.base-success {
  --56ae32b1-primary-icon-button-color: var(--icons-primary);
  --56ae32b1-secondary-icon-button-color: var(--icons-primary);
  --56ae32b1-default-icon-button-color: var(--icons-primary);
  --56ae32b1-icon-button-disabled-color: var(--icons-disabled);
  --56ae32b1-icon-button-h-bg: var(--fill-positive-success-hover);
}
.dxojm {
  display: inline-flex;
  padding: 0;
  border: 0;
  user-select: none;
  outline: none;
  cursor: pointer;
  color: var(--56ae32b1-default-icon-button-color);
  background-color: transparent;
  border-radius: 4px;
  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
}
.dxojm.qqJ7o,
.dxojm:hover {
  background-color: var(--56ae32b1-icon-button-h-bg);
}
.dxojm.mpt5x {
  color: var(--56ae32b1-primary-icon-button-color);
  border-radius: 8px;
}
.dxojm.S69qw {
  color: var(--56ae32b1-secondary-icon-button-color);
  border-radius: 8px;
}
.dxojm:disabled,
.dxojm[aria-disabled="true"] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
  color: var(--56ae32b1-icon-button-disabled-color);
}

.ZrDG7 {
  position: relative;
  box-sizing: border-box;
  pointer-events: auto;
  border-radius: 8px;
  padding: 12px 16px;
  background-color: var(--fill-invert-primary);
  color: var(--text-invert-primary);
  border: 1px solid var(--border-invert-dark);
  z-index: 300;
  display: grid;
  grid: 'a b' auto / 1fr auto;
  gap: 8px;
  align-items: center;
}
.PHcMB {
  min-width: 344px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.PHcMB b,
.PHcMB em {
  font-weight: var(--subhead-emphasized-weight);
}
.adXFY {
  color: var(--text-invert-action);
  background-color: var(--fill-positive-attention);
  padding: 4px 8px;
  z-index: auto;
}
.ACtL2 {
  min-width: 344px;
  max-width: 353px;
  color: var(--text-primary);
  background-color: var(--fill-positive-info);
  padding: 8px;
  border: 0;
  z-index: 9;
}
.HHrzp {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Z4OSX {
  align-self: flex-start;
}
.VelQQ {
  align-self: flex-end;
}
.AZO4n {
  align-self: center;
}
.LWNyC {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.Muze8 {
  transform: translateY(0);
  opacity: 1;
}
.mO82f {
  opacity: 1;
  position: absolute;
}
.Ilvqj {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.SY3jQ {
  grid-area: main;
  margin: 8px 8px 16px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-self: stretch;
  pointer-events: none;
  box-sizing: border-box;
  gap: 6px;
}
.NnVs8 {
  visibility: hidden;
  min-height: var(--information-snackbar-height, 48px);
}
.ZKrMz {
  margin-top: -16px;
}

.sP_jT {
  animation: 2s linear infinite QqbTF;
  max-width: 20px;
  stroke: var(--border-positive-secondary);
}
.sP_jT circle {
  animation: 1.4s ease-in-out infinite both oi7F3;
  fill: transparent;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  transform-origin: 50% 50%;
  stroke-width: 10px;
}
.sP_jT.oboxG {
  max-width: 80px;
}
.sP_jT.oboxG circle {
  stroke-width: 5px;
}
.sP_jT.ZbArQ {
  max-width: 16px;
}
.sP_jT.mbhAT {
  stroke: var(--text-destructive);
}
.base-inverted .mbhAT {
  stroke: var(--text-invert-action);
}
@keyframes QqbTF {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes oi7F3 {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}

.Prl5h {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: grid;
  grid: 'menu main' auto / 64px 1fr;
  overflow: hidden;
  background-color: var(--background-primary);
  color: var(--text-primary);
}
.s4R27 {
  grid-column: menu / main;
  height: 100%;
  background-color: var(--background-secondary);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pxPAF {
  grid-area: menu;
  display: grid;
  grid-template: 1fr / 1fr;
  overflow: auto;
}
.PZaNK {
  position: relative;
  grid-area: main;
  display: grid;
  grid-template: auto / 1fr 1fr;
  overflow: auto;
  background-color: var(--background-primary);
}
.YBa_R {
  display: grid;
  overflow: auto;
}
.dpIvL {
  grid-column: menu / main;
  grid-column-gap: 8px;
  padding: 8px;
}
.base-theme.light .dpIvL {
  background: linear-gradient(45deg, #1BB4B7 0%, #1F3C6A 100%);
}
.base-theme.dark .dpIvL {
  background: linear-gradient(45deg, #1F3C6A 0%, #1BB4B7 100%);
}

.iTfKM {
  color: var(--text-positive-primary);
  text-decoration: none;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.iTfKM b,
.iTfKM em {
  font-weight: var(--subhead-emphasized-weight);
}
.ZA1di {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}

.TdIlf {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  padding: 24px 8px;
  border-radius: 16px;
  margin: 8px 8px 8px 0;
  box-sizing: border-box;
}
.TdIlf.jl72C {
  background-color: var(--background-secondary);
}
.TdIlf.MXRlU {
  background-color: var(--background-primary);
  padding: 56px 24px 24px 24px;
}
.keD8S {
  display: flex;
  padding-top: 8px;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
}
.keD8S > *:not(:last-child) {
  margin-bottom: 24px;
}
.keD8S .b9pb_ {
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
}
.np7d2 {
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
  color: var(--text-primary);
  text-align: center;
}
.P32Tj {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.P32Tj > *:not(:last-child) {
  margin-bottom: 16px;
}
.jQirk {
  display: flex;
  align-items: center;
}
.jQirk .MXRlU {
  padding-left: 16px;
  flex-grow: 1;
}
.jQirk .MXRlU .rKWuk {
  color: var(--text-primary);
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
.jQirk .MXRlU .rKWuk b,
.jQirk .MXRlU .rKWuk em {
  font-weight: var(--callout-emphasized-weight);
}
.jQirk .MXRlU .cG4zf {
  color: var(--text-secondary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.ixgih {
  padding: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--fill-primary);
  border-radius: 16px;
}
.q6tDY {
  flex-grow: 1;
  text-align: center;
}
.q6tDY .rKWuk {
  color: var(--text-primary);
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
}
.q6tDY .rKWuk b,
.q6tDY .rKWuk em {
  font-weight: var(--headline-emphasized-weight);
}
.q6tDY .Vf81g {
  color: var(--text-secondary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.q6tDY > *:not(:last-child) {
  margin-bottom: 8px;
}
.AcTJB {
  background: rgba(0, 181, 207, 0.1);
  color: #00b5cf;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  padding: 8px;
  width: 100%;
  text-align: center;
  border-radius: 8px;
  box-sizing: border-box;
}
.AcTJB b,
.AcTJB em {
  font-weight: var(--subhead-emphasized-weight);
}
.otJOb g:first-child {
  fill: #222e3a;
}
.base-theme.dark .otJOb g:first-child {
  fill: #ffffff;
}

.Nm1ZP {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  flex: 0 1 auto;
}
.ITNlh {
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--icons-primary);
  border-radius: 4px;
  cursor: pointer;
  margin: 8px;
}
.ITNlh .LqpDU {
  opacity: 0;
  width: 16px;
  height: 16px;
}
.ITNlh.UXKQJ {
  pointer-events: none;
  opacity: 0.5;
}
.ITNlh.tKWNr .LqpDU {
  opacity: 1;
}
.LqpDU {
  fill: var(--icons-primary);
}
.vCfXA {
  flex: 0 1 auto;
  margin-left: 8px;
  cursor: pointer;
  color: var(--text-secondary);
}
.vCfXA.UXKQJ {
  pointer-events: none;
  opacity: 0.5;
}

[data-pointer-events="off"] {
  pointer-events: none;
}
[data-pointer-events="on"] {
  pointer-events: auto;
}

.oJHF4 {
  width: 320px;
  max-height: 100vh;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  z-index: 200;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: var(--background-primary);
}
.oJHF4.dCKVJ {
  width: auto;
}
.NbG3x {
  margin: 16px 16px 16px 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--fill-hover);
}
.NbG3x .CnpW_ {
  float: right;
}
.XA6p1 {
  overflow: auto;
  padding: 0 16px 16px 16px;
}
.dCKVJ .XA6p1 {
  padding: 0;
}
.g69Jq {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.OMIPe {
  display: flex;
  justify-content: center;
  align-items: center;
}
.u0cpr {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  margin-bottom: 8px;
  padding: 0 8px;
  color: var(--text-primary);
  word-wrap: break-word;
  text-align: center;
}
.u0cpr b,
.u0cpr em {
  font-weight: var(--headline-emphasized-weight);
}
.CTla0 {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  margin-bottom: 16px;
  padding: 0 8px;
  color: var(--text-secondary);
  word-wrap: break-word;
  text-align: center;
}
.CTla0 b,
.CTla0 em {
  font-weight: var(--subhead-emphasized-weight);
}
.CTla0 > *:not(:last-child) {
  margin-bottom: 16px;
}
.zPFac {
  color: var(--text-primary);
  padding: 8px;
  border-left: 4px solid var(--border-positive-secondary);
  overflow-x: scroll;
}
.zPFac > code {
  user-select: text;
}
.vfMmv {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
}
.vfMmv > *:not(:last-child) {
  margin-bottom: 16px;
}
.dUlni {
  margin-top: 16px;
}
.fUXAu {
  position: fixed;
  background: var(--background-fade);
  opacity: 1;
  z-index: 199;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: 0.125s ease-out 0s 1 VQEyt;
}
.vpJM8 {
  color: var(--icons-primary);
}
.erLIM {
  color: var(--icons-destructive);
}
.iraVT {
  color: var(--icons-positive);
}
@keyframes VQEyt {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.DGvNr {
  grid-column: span 2;
  overflow-x: hidden;
  box-sizing: border-box;
  margin: 8px;
  margin-left: 0;
  padding: 16px;
  border-radius: 16px;
  background: var(--fill-invert-primary);
  display: grid;
  row-gap: 16px;
  grid: 'header' auto 'content' minmax(0, 1fr) 'footer' auto;
}
.f_rC4 {
  grid-area: header;
  display: grid;
  grid: 'back title close' auto 'step step step' auto / 48px 1fr 48px;
}
.f_rC4 h1 {
  grid-area: title;
  justify-self: center;
  margin: 8px 0 16px;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-invert-primary);
}
.f_rC4::after {
  grid-area: step;
}
.f_rC4.U5oEq::after {
  background-image: none;
}
.vOehp {
  grid-area: content;
  display: grid;
  row-gap: 16px;
  grid: 'desc' auto 'form' minmax(0, 1fr) / 100%;
}
.wCkcv {
  grid-area: desc;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-invert-secondary);
  text-align: center;
}
.wCkcv b,
.wCkcv em {
  font-weight: var(--subhead-emphasized-weight);
}
.eoeQ7 {
  grid-area: desc;
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
}
.eoeQ7 b,
.eoeQ7 em {
  font-weight: var(--headline-emphasized-weight);
}
.wSRs9 {
  grid-area: form;
  overflow: auto;
  display: grid;
  gap: 8px;
  grid: 100% / 288px minmax(0, 1fr);
  position: relative;
  align-self: start;
  max-height: 100%;
}
.wSRs9::-webkit-scrollbar {
  width: 6px;
}
.t69WF {
  padding-right: 8px;
}
.fes6_ {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
}
.N07mM {
  grid-column: span 2;
}
.jtU3E {
  position: sticky;
  top: 0px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 16px;
  background-color: var(--fill-invert-secondary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: var(--scroll-container-height);
}
.Ogx8t {
  justify-self: center;
  border-radius: 16px;
  background-color: var(--fill-invert-secondary);
  padding: 16px;
  text-align: center;
  width: 304px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.EZBl2 {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-invert-secondary);
}
.EZBl2 b,
.EZBl2 em {
  font-weight: var(--subhead-emphasized-weight);
}
.Sc1iw {
  grid-area: close;
  justify-self: end;
  align-self: start;
}
.ro0MM {
  grid-area: back;
  justify-self: start;
  align-self: start;
}
.Lv6IT {
  grid-area: footer;
  justify-self: center;
  align-self: end;
  width: 304px;
  margin-bottom: 16px;
}
.Lv6IT.YdlzF {
  margin-bottom: 8px;
}
.az3Hk {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
.eWhp8 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  box-sizing: border-box;
  margin: 8px;
  margin-left: 0px;
}
.Z0Sr7 {
  position: relative;
  overflow: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  background-color: var(--fill-positive-secondary);
  color: var(--text-invert-action);
}
.Z0Sr7 > *:not(:last-child) {
  margin-bottom: 8px;
}
.Z0Sr7 .gftIA {
  margin-bottom: 8px;
  text-align: center;
}
.KZ6l5 {
  position: absolute;
  top: 24px;
  right: 24px;
}
.Z0Sr7:first-child {
  border-radius: 16px 0px 0px 16px;
}
.Z0Sr7:last-child {
  border-radius: 0px 16px 16px 0px;
  background-color: var(--fill-invert-primary);
  color: var(--text-invert-primary);
}
.Bk_kL {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-column-gap: 8px;
  padding: 4px 8px;
}
.Bk_kL svg {
  color: var(--text-invert-secondary);
}
.Bk_kL .Ijpey {
  max-height: auto;
}
.Bk_kL .MGa7H {
  align-self: center;
}
.hrtqX {
  max-height: auto;
}
.ZUgo6 {
  animation: I1uuu 1s ease infinite;
}
@keyframes I1uuu {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.C4f9U {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.YjL0j {
  position: absolute;
  top: 24px;
  right: 24px;
}
.WfBH1 {
  flex: 1 1 119px;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.WfBH1 svg {
  flex: 1 1 auto;
  max-height: 160px;
}
.kEVoz {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
._hadJ {
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
}
.GNQOI {
  grid-area: desc;
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
}
.GNQOI b,
.GNQOI em {
  font-weight: var(--headline-emphasized-weight);
}
.GNQOI b,
.GNQOI em {
  font-weight: var(--headline-emphasized-weight);
}

.abtU6,
.loWkr {
  grid-column: 1 / -1;
  background-color: var(--background-primary);
  padding: 16px;
  margin: 8px 8px 8px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.abtU6 {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: calc(16px - var(--scrollbar-space, 0px));
}
.loWkr {
  box-sizing: border-box;
  border-radius: 16px;
}
.loWkr > *:not(:last-child) {
  margin-bottom: 16px;
}
.loWkr > .rZX0A {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--background-secondary);
}
.loWkr > .rZX0A .D2q9J {
  flex: 0 0 90px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.loWkr > .rZX0A .T_7vv {
  flex-grow: 1;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.loWkr > .rZX0A .cqKtC {
  flex: 0 0 90px;
}
.myRzT {
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: calc(16px - var(--scrollbar-space, 0px));
  margin-right: -16px;
}
.Xbr0_ {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 8px;
  border: 1px solid var(--background-secondary);
  box-sizing: border-box;
  border-radius: 16px;
  background-color: var(--background-secondary);
}
._H7zC {
  grid-column: 1 / -1;
  margin: 8px;
  background-color: var(--background-primary);
  border-radius: 16px;
  border: 1px solid var(--background-secondary);
  position: relative;
  overflow: hidden;
}
.gktLP {
  background-color: transparent;
  border-color: transparent;
}
.z1eIM {
  position: absolute;
  top: 8px;
  left: 8px;
}

.Ki7Kw {
  margin-bottom: 8px;
  fill: var(--icons-primary);
}
.EEHlV {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  margin-bottom: 4px;
}
.efB_t {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
  max-width: 242px;
  text-align: center;
}
.efB_t b,
.efB_t em {
  font-weight: var(--subhead-emphasized-weight);
}

:root,
.base-theme {
  --de24f5c4-error-notification-color: var(--text-destructive);
  --de24f5c4-error-notification-bg: var(--fill-destructive-tertiary);
  --de24f5c4-error-notification-border: var(--border-destructive);
  --de24f5c4-info-notification-color: var(--text-secondary);
  --de24f5c4-info-notification-bg: var(--fill-secondary);
  --de24f5c4-info-notification-border: var(--border-default);
}
.base-inverted {
  --de24f5c4-error-notification-color: var(--text-invert-destructive);
  --de24f5c4-error-notification-bg: var(--fill-invert-destructive-secondary);
  --de24f5c4-error-notification-border: var(--border-invert-destructive);
  --de24f5c4-info-notification-color: var(--text-invert-primary);
  --de24f5c4-info-notification-bg: var(--fill-invert-primary);
  --de24f5c4-info-notification-border: var(--border-invert-dark);
}
.A_cXY {
  display: flex;
  align-items: center;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  background-color: var(--de24f5c4-error-notification-bg);
  color: var(--de24f5c4-error-notification-color);
  padding: 8px;
  border: solid 1px var(--de24f5c4-error-notification-border);
  border-radius: 4px;
}
.A_cXY.u3NzI {
  background-color: var(--de24f5c4-info-notification-bg);
  border: solid 1px var(--de24f5c4-info-notification-border);
  color: var(--de24f5c4-info-notification-color);
}
.A_cXY.u3NzI .izj_2 {
  color: var(--de24f5c4-info-notification-color);
  text-decoration: underline;
}
.A_cXY.zMobQ {
  background-color: var(--fill-secondary);
  border: solid 1px var(--border-on-secondary);
}
.A_cXY > *:not(:last-child) {
  margin-right: 8px;
}
.A_cXY .VeuC3 {
  flex-grow: 1;
}
.A_cXY .EjCzB {
  flex-grow: 0;
}
.A_cXY .UnL6B {
  margin-top: 4px;
}
.A_cXY .UnL6B > *:not(:last-child) {
  margin-right: 4px;
}
.A_cXY .izj_2 {
  color: var(--de24f5c4-error-notification-color);
  text-decoration: underline;
}
.A_cXY .UiTvO {
  line-height: 0;
}
.A_cXY .UiTvO svg {
  width: 32px;
  height: 32px;
}
.Mlsix > *:not(:last-child) {
  margin-bottom: 8px;
}

:root,
.base-theme {
  --df487ba7-badge-color: var(--text-secondary);
  --df487ba7-badge-border: var(--border-default);
  --df487ba7-badge-color-inactive: var(--text-disabled);
  --df487ba7-badge-bg-inactive: var(--fill-disabled);
  --df487ba7-badge-color-success: var(--text-invert-action);
  --df487ba7-badge-bg-success: var(--fill-positive-secondary);
  --df487ba7-badge-color-attention: var(--text-invert-action);
  --df487ba7-badge-bg-attention: var(--fill-positive-attention);
  --df487ba7-badge-color-discount: var(--text-invert-primary);
  --df487ba7-badge-bg-discount: var(--fill-destructive-primary);
}
.dOAz0 {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  color: var(--df487ba7-badge-color);
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  padding: 1px 4px;
  border-radius: 4px;
  border: 1px solid var(--df487ba7-badge-border);
}
.dOAz0.W1kYH {
  border: 1px solid var(--border-on-secondary);
}
.dOAz0.u6VkM {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  padding: 4px 8px;
  border-radius: 8px;
}
.dOAz0.J0U9p {
  color: var(--df487ba7-badge-color-inactive);
  background-color: var(--df487ba7-badge-bg-inactive);
  border: none;
}
.dOAz0.M2t9Y {
  color: var(--df487ba7-badge-color-success);
  background-color: var(--df487ba7-badge-bg-success);
  border: none;
}
.dOAz0._3FXT {
  color: var(--df487ba7-badge-color-attention);
  background-color: var(--df487ba7-badge-bg-attention);
  border: none;
}
.dOAz0.xVm3y {
  color: var(--df487ba7-badge-color-discount);
  background-color: var(--df487ba7-badge-bg-discount);
  border: none;
}

.a99eY {
  background-color: var(--fill-secondary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  border-radius: 8px;
  color: var(--text-secondary);
  display: block;
  padding: 8px;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Io1Kc {
  height: 1px;
  background-color: var(--divider-primary);
}

.WtCka {
  width: 100%;
}
.VyUdz {
  align-self: stretch;
}
.dYThi {
  align-self: center;
}
.x7qsM {
  flex: none;
}
.Ez4XM {
  flex: 1 1 auto;
}

.h8Syx {
  padding: 16px 8px;
  overflow: auto;
}
.LjZbT:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--divider-primary);
}
.XWIXC {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: 'title actions' 'desc desc';
  gap: 4px;
  margin-bottom: 8px;
}
.WNaPM > *:not(:last-child) {
  margin-bottom: 16px;
}
.BvXok {
  grid-area: title;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.dRJpT {
  align-self: center;
}
.QfDlz {
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  color: var(--text-primary);
  padding: 3px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
}
.N53OW {
  grid-area: actions;
  display: flex;
  gap: 8px;
  flex-direction: row;
  flex-wrap: nowrap;
}
.pVxvz {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  grid-area: desc;
  color: var(--text-secondary);
}
.um4fv {
  margin: 8px 0;
}
.CGJXn {
  margin: 16px 0;
}
.unI9u {
  display: grid;
  grid: 'item actions' auto / 1fr auto;
  gap: 8px;
}
.RHulT {
  grid-area: actions;
  align-self: center;
}
.w3dZZ {
  grid-area: item;
  padding: 8px;
  border-radius: 8px;
  display: grid;
  grid: 'label icon' auto 'value icon' auto / minmax(0, 1fr) auto;
  row-gap: 4px;
  align-items: center;
}
.TA3je {
  grid-area: label;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.base-inverted .TA3je {
  color: var(--text-invert-secondary);
}
.OlACg {
  color: var(--text-destructive);
}
.zE88F {
  grid-area: value;
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.zE88F b,
.zE88F em {
  font-weight: var(--callout-emphasized-weight);
}
.zE88F.gC5BQ {
  color: var(--text-disabled);
}
.base-inverted .zE88F {
  color: var(--text-invert-primary);
}
.base-inverted .zE88F.gC5BQ {
  color: var(--text-invert-disabled);
}
.N7uSH {
  color: var(--icons-primary);
  grid-area: icon;
  display: none;
}
.FIrKT {
  cursor: pointer;
}
.FIrKT:hover {
  background-color: var(--fill-hover);
}
.base-inverted .FIrKT:hover {
  background-color: var(--fill-invert-hover);
}
.FIrKT:hover > .N7uSH {
  display: block;
}
._fb4N {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.amXz1 {
  margin: 8px 0 0;
}
.Jv0oa {
  padding: 1px 4px;
  border-radius: 4px;
  margin: 0 4px;
  background: var(--fill-positive-attention);
  color: var(--text-invert-action);
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.vaQAK {
  margin-left: 4px;
}

.gziTT {
  display: grid;
  grid: 'a b c' auto / auto 1fr auto;
  box-sizing: border-box;
  padding: 8px;
  gap: 16px;
  background-color: var(--fill-primary);
  border-radius: 16px;
  align-items: center;
}
.POYLW {
  grid-area: a;
  display: flex;
  padding: 4px;
  background-color: var(--fill-secondary);
  border-radius: 8px;
  flex-shrink: 0;
}
.POYLW svg {
  fill: var(--icons-primary);
}
.iNTLx {
  grid-area: b;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-primary);
  text-align: left;
  flex: 1 0 auto;
}
.iNTLx b,
.iNTLx em {
  font-weight: var(--subhead-emphasized-weight);
}
.NDOPh {
  grid-area: c;
}

.fH5d_ {
  display: grid;
  height: 48px;
  width: 48px;
}
.cCyws {
  grid-area: 1 / 1;
  width: 336px;
  height: 336px;
  margin: -144px;
}
.cCyws svg {
  transform: unset !important;
}
.uaa2J {
  grid-area: 1 / 1;
  fill: var(--waves-fill-color, var(--text-invert-primary));
  transition: fill 0.5s ease;
}
.uaa2J.i6mV5 {
  --waves-fill-color: var(--icons-positive);
}
.uaa2J.MjF0W {
  --waves-fill-color: var(--icons-invert-destructive);
}
div.uaa2J {
  background-color: var(--waves-fill-color, var(--text-invert-primary));
}

.kFX4J {
  grid-column: 1 / -1;
  padding: 24px;
  margin: 8px 8px 8px 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  background-color: var(--fill-invert-primary);
  border-radius: 16px;
  position: relative;
}
.s_D8j {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 8px;
  padding-top: 72px;
}
.ows9p {
  margin-top: 8px;
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
}
.WN_YJ b {
  color: var(--text-invert-destructive);
}
.xcTyM b {
  color: var(--text-positive-primary);
}
.ubihR {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
}
.ubihR b,
.ubihR em {
  font-weight: var(--headline-emphasized-weight);
}
.T5w6T {
  padding: 8px;
  color: var(--icons-invert-dark);
  border-radius: 16px;
  line-height: 0;
}
.c90GE {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.PspPP {
  display: grid;
  flex: 1;
  grid: 'title waves' auto 'card card' auto / 1fr auto;
  overflow: hidden;
  margin: 8px;
  padding: 16px;
  border-radius: 16px;
  background-color: var(--fill-invert-primary);
}
.MVIZq {
  grid-area: waves;
  margin: 16px 16px 0 0;
}
.DUN67 {
  margin: 16px 0 0 16px;
  grid-area: title;
  position: relative;
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
  color: var(--text-invert-primary);
}
.DUN67 b {
  color: var(--text-invert-destructive);
}
.DUN67._89Do b {
  color: var(--text-positive-primary);
}
.ngPtg {
  grid-area: card;
  position: relative;
  align-self: end;
  display: grid;
  grid: auto / 100%;
  gap: 16px;
  border-radius: 16px;
  padding: 16px;
  background-color: var(--fill-invert-secondary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-invert-secondary);
}
.ngPtg b,
.ngPtg em {
  font-weight: var(--subhead-emphasized-weight);
}
.JGKd2 {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
}
.JGKd2 b,
.JGKd2 em {
  font-weight: var(--headline-emphasized-weight);
}
.ltjL2 {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.UDx6s {
  justify-self: start;
}

:root,
.base-theme {
  --29fa4c95-select-color: var(--text-primary);
  --29fa4c95-select-color-disabled: var(--text-disabled);
  --29fa4c95-select-bg: var(--fill-primary);
  --29fa4c95-select-bg-hover: var(--fill-hover);
  --29fa4c95-select-bg-disabled: var(--fill-disabled);
  --29fa4c95-select-border: var(--border-default);
  --29fa4c95-select-border-focus: var(--border-positive-secondary);
  --29fa4c95-select-border-error: var(--border-destructive);
  --29fa4c95-select-arrow-color: var(--icons-secondary);
  --29fa4c95-select-arrow-color-disabled: var(--icons-disabled);
  --29fa4c95-label-color: var(--text-secondary);
  --29fa4c95-label-color-focus: var(--text-positive-primary);
  --29fa4c95-label-color-error: var(--text-destructive);
}
.base-inverted {
  --29fa4c95-select-color: var(--text-invert-primary);
  --29fa4c95-select-color-disabled: var(--text-invert-disabled);
  --29fa4c95-select-bg: var(--fill-invert-primary);
  --29fa4c95-select-bg-hover: var(--fill-invert-hover);
  --29fa4c95-select-bg-disabled: var(--fill-invert-disabled);
  --29fa4c95-select-border: var(--border-invert-dark);
  --29fa4c95-select-border-focus: var(--border-positive-secondary);
  --29fa4c95-select-border-error: var(--border-invert-destructive);
  --29fa4c95-select-arrow-color: var(--icons-invert-light);
  --29fa4c95-select-arrow-color-disabled: var(--icons-invert-disabled);
  --29fa4c95-label-color: var(--text-invert-secondary);
  --29fa4c95-label-color-focus: var(--text-positive-primary);
  --29fa4c95-label-color-error: var(--text-invert-destructive);
}
.ZYIUp {
  box-sizing: border-box;
  text-align: left;
  grid: 'l a' 1fr / minmax(0, 1fr) auto;
  padding: 2px 8px 3px 16px;
  border: 1px solid var(--29fa4c95-select-border);
  border-radius: 8px;
  display: grid;
  align-items: center;
  justify-items: start;
  transition: all 0.2s ease;
  color: var(--29fa4c95-label-color);
  background-color: var(--29fa4c95-select-bg);
  min-height: 52px;
}
.ZYIUp:hover:not(:focus-within) {
  background-color: var(--29fa4c95-select-bg-hover);
}
.ZYIUp:focus-within {
  border-color: var(--29fa4c95-select-border-focus);
  color: var(--29fa4c95-label-color-focus);
}
.ZYIUp.A4sTh {
  border-color: var(--29fa4c95-select-border-error);
  color: var(--29fa4c95-label-color-error);
}
.ZYIUp.SuRak {
  background-color: var(--29fa4c95-select-bg-disabled);
  color: var(--29fa4c95-select-color-disabled);
}
.ZYIUp.SuRak .f7fJn:after {
  color: var(--29fa4c95-select-color-disabled);
}
.f7fJn {
  grid-area: l;
  transition: all 0.2s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.f7fJn::after {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  content: attr(data-input-value) '\00a0';
  color: var(--29fa4c95-select-color);
  display: block;
  transition: all 0.2s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.f7fJn::after b,
.f7fJn::after em {
  font-weight: var(--subhead-emphasized-weight);
}
.f7fJn[data-input-value=''] {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.f7fJn[data-input-value=''] b,
.f7fJn[data-input-value=''] em {
  font-weight: var(--subhead-emphasized-weight);
}
.f7fJn[data-input-value='']::after {
  margin-bottom: -16px;
  opacity: 0;
}
.HRPoQ {
  grid-area: a;
  color: var(--29fa4c95-select-arrow-color);
  transform: rotate(180deg);
}
.SuRak .HRPoQ {
  color: var(--29fa4c95-select-arrow-color-disabled);
}
.WE1N5 {
  grid-area: l / l / a / a;
  box-sizing: content-box;
  width: calc(100% - 2 * 1px);
  height: calc(100% - 2 * 1px);
  opacity: 0;
  padding: 2px 8px 3px 16px;
  margin: -2px -8px -3px -16px;
}

.Eqqk7,
.qAVec {
  --step-bar-gap: 4px;
}
.Eqqk7::after,
.qAVec::after {
  display: block;
  content: '';
  border-radius: 2px;
  height: 2px;
  background-color: var(--divider-primary);
  background-image: linear-gradient(var(--divider-positive), var(--divider-positive));
  background-size: calc(100% / var(--step-bar-steps)) 100%;
  background-repeat: no-repeat;
  mask-image: linear-gradient(to right, red, red calc(100% - var(--step-bar-gap)), transparent calc(100% - var(--step-bar-gap)));
  mask-size: calc((100% + var(--step-bar-gap)) / var(--step-bar-steps)) 100%;
  -webkit-mask-image: linear-gradient(to right, red, red calc(100% - var(--step-bar-gap)), transparent calc(100% - var(--step-bar-gap)));
  -webkit-mask-size: calc((100% + var(--step-bar-gap)) / var(--step-bar-steps)) 100%;
}
.base-inverted .Eqqk7::after,
.base-inverted .qAVec::after {
  background-color: var(--border-invert-dark);
}
.Eqqk7::after {
  background-size: calc(100% * var(--step-bar-current) / var(--step-bar-steps)) 100%;
  transition: background-size 0.3s ease-out;
}
.qAVec::after {
  background-position: calc(100% * (var(--step-bar-current) - 1) / (var(--step-bar-steps) - 1)) 0;
  transition: background-position 0.3s ease-out;
}
.Wz6gm {
  --step-bar-current: 0;
}
.C_wZs {
  --step-bar-steps: 1;
}
.ddIZS {
  --step-bar-current: 1;
}
._tHg4 {
  --step-bar-steps: 2;
}
.vld16 {
  --step-bar-current: 2;
}
.mC8MU {
  --step-bar-steps: 3;
}
.jEHik {
  --step-bar-current: 3;
}
.DWjr1 {
  --step-bar-steps: 4;
}
.KAKex {
  --step-bar-current: 4;
}
.JYKJ8 {
  --step-bar-steps: 5;
}
.m3mTu {
  --step-bar-current: 5;
}

.RLeo9 {
  --navigation-animation-direction: -1;
}
.mOoWo {
  opacity: 0;
  transform: translateX(calc(50% * var(--navigation-animation-direction, 1)));
  transition: all 0.3s ease;
}
.rC3fo {
  opacity: 1;
  transform: translateX(0);
}
.StIPV {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.3s ease;
}
.EdTa7 {
  opacity: 0;
  transform: translateX(calc(-50% * var(--navigation-animation-direction, 1)));
}

:root,
.base-theme {
  --31d992c8-input-color: var(--text-primary);
  --31d992c8-input-color-disabled: var(--text-disabled);
  --31d992c8-input-placeholder-color: var(--text-secondary);
  --31d992c8-input-bg: var(--fill-primary);
  --31d992c8-input-hover-bg: var(--fill-hover);
  --31d992c8-input-border: var(--border-default);
  --31d992c8-input-border-error: var(--border-destructive);
  --31d992c8-input-border-focus: var(--border-positive-secondary);
  --31d992c8-label-color: var(--text-secondary);
  --31d992c8-label-color-error: var(--text-destructive);
  --31d992c8-label-color-focus: var(--text-positive-primary);
}
.base-inverted {
  --31d992c8-input-color: var(--text-invert-primary);
  --31d992c8-input-color-disabled: var(--text-invert-disabled);
  --31d992c8-input-placeholder-color: var(--text-invert-secondary);
  --31d992c8-input-bg: var(--fill-invert-primary);
  --31d992c8-input-hover-bg: var(--fill-invert-hover);
  --31d992c8-input-border: var(--border-invert-dark);
  --31d992c8-input-border-error: var(--border-invert-destructive);
  --31d992c8-input-border-focus: var(--border-positive-secondary);
  --31d992c8-label-color: var(--text-invert-secondary);
  --31d992c8-label-color-error: var(--text-invert-destructive);
  --31d992c8-label-color-focus: var(--text-positive-primary);
}
.gF32U {
  position: relative;
}
.gF32U .gv7Ex {
  display: flex;
  flex-grow: 0;
  position: absolute;
  top: 10px;
  right: 9px;
}
.gF32U .f4fQv {
  margin-top: 8px;
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--31d992c8-label-color-error);
  margin-left: 16px;
  text-align: left;
}
.VkoZb {
  box-sizing: border-box;
  width: 100%;
  outline: none;
  transition: all 0.2s;
  padding: 14px 16px;
  color: var(--31d992c8-input-color);
  background-color: var(--31d992c8-input-bg);
  border-radius: 8px;
  border: 1px solid var(--31d992c8-input-border);
  min-height: 52px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.VkoZb b,
.VkoZb em {
  font-weight: var(--subhead-emphasized-weight);
}
.VkoZb::placeholder {
  color: var(--31d992c8-input-placeholder-color);
}
.VkoZb:hover:not(:focus):not(:active) {
  background-color: var(--31d992c8-input-hover-bg);
}
.VkoZb:focus,
.VkoZb:active,
.VkoZb.MbxX3,
.VkoZb.eECnC {
  padding-top: 24px;
  padding-bottom: 3px;
}
.VkoZb:focus + .WURtk,
.VkoZb:active + .WURtk,
.VkoZb.MbxX3 + .WURtk,
.VkoZb.eECnC + .WURtk {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  top: 3px;
  opacity: 1;
  visibility: visible;
}
.VkoZb.eECnC,
.VkoZb.eECnC:focus,
.VkoZb.eECnC:active {
  border-color: var(--31d992c8-input-border-error);
}
.VkoZb.eECnC + .WURtk,
.VkoZb.eECnC:focus + .WURtk,
.VkoZb.eECnC:active + .WURtk {
  color: var(--31d992c8-label-color-error);
}
.VkoZb:focus,
.VkoZb:active {
  border-color: var(--31d992c8-input-border-focus);
}
.VkoZb:focus + .WURtk,
.VkoZb:active + .WURtk {
  color: var(--31d992c8-label-color-focus);
}
.VkoZb:focus::placeholder {
  transition: opacity 130ms ease-in;
  opacity: 0;
}
.VkoZb.a3TrK {
  padding-right: 48px;
}
.VkoZb.SpIba {
  pointer-events: none;
  color: var(--31d992c8-input-color-disabled);
}
.VkoZb.SpIba::placeholder {
  color: var(--text-disabled);
}
.VkoZb::-ms-reveal,
.VkoZb::-ms-clear {
  display: none;
}
.WURtk {
  transition: all 0.2s;
  position: absolute;
  color: var(--31d992c8-label-color);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  top: 17px;
  opacity: 0;
  visibility: hidden;
  left: 17px;
}
.WURtk b,
.WURtk em {
  font-weight: var(--subhead-emphasized-weight);
}
.S3lip .VkoZb:not(:active, :focus, :hover) ~ .gv7Ex {
  display: none;
}
.S3lip .VkoZb:not(:active, :focus, :hover) ~ .gv7Ex:hover {
  display: flex;
}

.base-theme {
  --0f7a0ee1-input-color: var(--text-primary);
  --0f7a0ee1-input-color-disabled: var(--text-disabled);
  --0f7a0ee1-input-placeholder-color: var(--text-secondary);
  --0f7a0ee1-input-bg: var(--fill-primary);
  --0f7a0ee1-input-hover-bg: var(--fill-hover);
  --0f7a0ee1-input-border: var(--border-default);
  --0f7a0ee1-input-border-error: var(--border-destructive);
  --0f7a0ee1-input-border-focus: var(--border-positive-secondary);
  --0f7a0ee1-label-color: var(--text-secondary);
  --0f7a0ee1-label-color-error: var(--text-destructive);
  --0f7a0ee1-label-color-focus: var(--text-positive-primary);
}
.base-inverted {
  --0f7a0ee1-input-color: var(--text-invert-primary);
  --0f7a0ee1-input-color-disabled: var(--text-invert-disabled);
  --0f7a0ee1-input-placeholder-color: var(--text-invert-secondary);
  --0f7a0ee1-input-bg: var(--fill-invert-primary);
  --0f7a0ee1-input-hover-bg: var(--fill-invert-hover);
  --0f7a0ee1-input-border: var(--border-invert-dark);
  --0f7a0ee1-input-border-error: var(--border-invert-destructive);
  --0f7a0ee1-input-border-focus: var(--border-positive-secondary);
  --0f7a0ee1-label-color: var(--text-invert-secondary);
  --0f7a0ee1-label-color-error: var(--text-destructive);
  --0f7a0ee1-label-color-focus: var(--text-positive-primary);
}
.dKF_o {
  display: flex;
  position: relative;
}
.dKF_o .e2Z9L {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  outline: none;
  transition: all 0.2s ease;
  text-align: left;
  border: 1px solid var(--0f7a0ee1-input-border);
  border-radius: 8px;
  color: var(--0f7a0ee1-input-color);
  background-color: var(--0f7a0ee1-input-bg);
  padding: 24px 16px 3px 16px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.dKF_o .e2Z9L b,
.dKF_o .e2Z9L em {
  font-weight: var(--subhead-emphasized-weight);
}
.dKF_o .e2Z9L::placeholder {
  color: var(--0f7a0ee1-input-placeholder-color);
}
.dKF_o .e2Z9L:hover:not(:focus):not(:active) {
  background-color: var(--0f7a0ee1-input-hover-bg);
}
.dKF_o .e2Z9L.QNEsd {
  color: var(--0f7a0ee1-input-color-disabled);
}
.dKF_o .e2Z9L.fRdW1,
.dKF_o .e2Z9L.fRdW1:focus,
.dKF_o .e2Z9L.fRdW1:active {
  border-color: var(--0f7a0ee1-input-border-error);
}
.dKF_o .e2Z9L:focus,
.dKF_o .e2Z9L:active {
  border-color: var(--0f7a0ee1-input-border-focus);
}
.dKF_o:focus-within .lZcgv {
  color: var(--0f7a0ee1-label-color-focus);
}
.dKF_o .react-datepicker__current-month {
  margin-bottom: 8px;
}
.dKF_o .react-datepicker-wrapper {
  flex: 1;
}
.lZcgv {
  position: absolute;
  color: var(--0f7a0ee1-label-color);
  top: 3px;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 16px;
  max-width: 100%;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.lZcgv.fRdW1 {
  color: var(--0f7a0ee1-label-color-error);
}

.HAukv {
  color: var(--text-invert-secondary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.HAukv b,
.HAukv em {
  font-weight: var(--subhead-emphasized-weight);
}
.HAukv > *:not(:last-child) {
  margin-bottom: 16px;
}
.HAukv h1 {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
}
.HAukv h1 b,
.HAukv h1 em {
  font-weight: var(--headline-emphasized-weight);
}

.nKiEe {
  flex: 1;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-invert-secondary);
}
.nKiEe b,
.nKiEe em {
  font-weight: var(--subhead-emphasized-weight);
}
.nKiEe > *:not(:last-child) {
  margin-bottom: 16px;
}
.nKiEe h1 {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-invert-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.nKiEe h1 b,
.nKiEe h1 em {
  font-weight: var(--subhead-emphasized-weight);
}

.SeLGC {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-invert-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.SeLGC b,
.SeLGC em {
  font-weight: var(--headline-emphasized-weight);
}
.s5C5i {
  padding: 0 5px;
}

.dOYzh {
  fill: var(--fill-destructive-primary);
}
.vEjIm {
  fill: var(--icons-positive);
}

.IxXuf {
  flex: 1;
  display: grid;
  grid: 'left right' 100% / 1fr 1fr;
  grid-column-gap: 8px;
  padding: 8px;
  background-color: var(--fill-primary);
}
.OPgdL {
  grid-area: left;
  display: grid;
  padding: 24px;
  border-radius: 24px;
  background-color: var(--fill-secondary);
  align-content: center;
  justify-items: center;
  text-align: center;
}
.qPfMs {
  margin-bottom: 24px;
}
.rgp1Z {
  margin-bottom: 16px;
  color: var(--text-primary);
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
}
.EKzdg {
  color: var(--text-secondary);
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
.EKzdg b,
.EKzdg em {
  font-weight: var(--callout-emphasized-weight);
}
.Mc3F4 {
  display: grid;
  grid-area: right;
  grid: 'pretitle' minmax(0, auto) 'title' auto 'subtitle' auto 'content' 1fr 'actions' auto / auto;
  padding: 24px;
  align-content: start;
}
.OWcrD {
  grid-area: title;
  margin: 0 8px 16px 8px;
  color: var(--text-primary);
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
}
.OpJS4 {
  grid-area: subtitle;
  margin: 0 8px 16px 8px;
  color: var(--text-secondary);
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
.OpJS4 b,
.OpJS4 em {
  font-weight: var(--callout-emphasized-weight);
}
.r3FWg {
  grid-area: content;
  display: grid;
  align-content: start;
  margin-bottom: 32px;
}
.UToMa {
  grid-area: actions;
  display: grid;
  grid-auto-columns: 1fr;
  gap: 16px;
  justify-content: center;
  align-self: end;
}
.XfyWJ {
  gap: 8px;
  overflow-y: auto;
}
.VgHMw {
  display: flex;
  gap: 8px;
  padding: 8px;
  align-items: center;
}
.oAyui {
  background-color: var(--fill-secondary);
  border-radius: 8px;
  color: var(--icons-primary);
  fill: var(--icons-primary);
  flex-shrink: 0;
}
.aUV2w {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.aUV2w b,
.aUV2w em {
  font-weight: var(--callout-emphasized-weight);
}

.vRSAe {
  gap: 8px;
  overflow-y: scroll;
  margin-right: -24px;
  padding-right: 24px;
}
.maap6 {
  border-radius: 8px;
  border: 1px solid var(--border-default);
  padding: 8px 16px;
  color: var(--text-primary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  display: grid;
  grid: minmax(34px, auto) / auto;
  align-items: center;
  cursor: pointer;
}
.maap6 b,
.maap6 em {
  font-weight: var(--subhead-emphasized-weight);
}
.maap6:hover {
  background-color: var(--fill-hover);
}
.maap6.BIpQk {
  border-color: var(--border-positive-primary);
  background-color: var(--fill-secondary);
}
.Pz6aE {
  grid-area: pretitle;
  margin-left: 8px;
  margin-bottom: 8px;
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.QZS8i {
  align-self: end;
}

.J92uG {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
  max-width: 400px;
}
.J92uG b,
.J92uG em {
  font-weight: var(--callout-emphasized-weight);
}
.NtYq8 {
  display: flex;
  gap: 8px;
  justify-content: center;
  width: 283px;
}
.NtYq8 .O6weU {
  flex: 1 0 221px;
}
.O6weU {
  margin-top: 24px;
}
.t_ihy {
  margin-top: 24px;
  width: 283px;
}
.Rukv_ {
  position: absolute;
  right: 24px;
  top: 24px;
}

.u4itJ {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-invert-primary);
  text-align: center;
  max-width: 400px;
}
.u4itJ b,
.u4itJ em {
  font-weight: var(--callout-emphasized-weight);
}
.AMxtF {
  display: flex;
  gap: 8px;
  justify-content: center;
  width: 283px;
}
.AMxtF .abOWs {
  flex: 1 0 173px;
}
.abOWs {
  margin-top: 24px;
  width: 283px;
}
.DHXJF {
  position: absolute;
  right: 24px;
  top: 24px;
}

._ze6j {
  display: grid;
  grid: auto / auto auto;
  gap: 8px;
  margin-bottom: 16px;
}
.t0rf_ {
  box-sizing: border-box;
  padding: 4px 16px 4px 8px;
  column-gap: 8px;
  display: grid;
  grid: auto auto / 32px auto;
}
.t0rf_ > svg {
  grid-row: 1 / -1;
}
.MrgYg,
.d1eVG {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.MrgYg {
  color: var(--text-invert-secondary);
}
.d1eVG {
  color: var(--text-invert-primary);
}
.PGDgO {
  justify-content: flex-end;
}
.vv1kc {
  text-align: center;
  margin-bottom: 8px;
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-invert-secondary);
}
.GvILv {
  width: 283px;
}
.tzGbO {
  width: 283px;
  margin-top: 24px;
}

.XVHmX {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border: none;
  padding: 0;
  margin: 0;
}
.y4fpC {
  min-height: 52px;
  min-width: 52px;
  display: flex;
  position: relative;
  align-items: stretch;
}
.y4fpC input[type='radio'] {
  opacity: 0;
  position: absolute;
}
.y4fpC label {
  flex: 1 1 auto;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--border-default);
  background-color: var(--fill-primary);
  cursor: pointer;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.y4fpC label b,
.y4fpC label em {
  font-weight: var(--subhead-emphasized-weight);
}
.y4fpC label svg {
  color: var(--icons-secondary);
}
.y4fpC label:hover {
  border: 1px solid var(--fill-hover);
  background-color: var(--fill-hover);
}
.y4fpC input[type='radio']:disabled + label {
  cursor: default;
  border: 1px solid var(--fill-disabled);
  background-color: var(--fill-disabled);
  color: var(--text-disabled);
}
.y4fpC input[aria-invalid='true'] + label {
  border: 1px solid var(--border-destructive);
  background-color: var(--fill-primary);
}
.y4fpC.BwBeT > label {
  border: 1px solid var(--border-positive-primary);
  background-color: var(--fill-positive-secondary);
}
.y4fpC.KHeRu label {
  border: 1px solid var(--border-destructive);
  background-color: var(--fill-primary);
}
.bpWBB label {
  border-color: var(--border-default);
}
.bpWBB label svg {
  color: var(--icons-secondary);
}
.bpWBB label:hover svg {
  color: var(--icons-primary);
}
.bpWBB.BwBeT > label svg {
  color: var(--icons-primary);
}

.zKE1E {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
.ccRh6 {
  grid-column: span 2;
}
.g5wat {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-secondary);
}
.g5wat b,
.g5wat em {
  font-weight: var(--subhead-emphasized-weight);
}
.g5wat:last-child {
  text-align: right;
}

.RSOmB {
  position: absolute;
  inset: 0;
  display: flex;
  z-index: 10;
  color: var(--text-primary);
}
.COHX2 {
  background-color: var(--background-primary);
}

.MzfV_ {
  display: grid;
  grid: 'icon title' auto / auto;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  min-height: 32px;
}
.MzfV_.U_lAn {
  opacity: 1;
}
.MzfV_ .jVJBZ {
  color: var(--icons-positive);
}
.MzfV_ h1 {
  color: var(--text-primary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.ZxsDk {
  grid-area: header;
  height: 42px;
  margin-bottom: 8px;
}
.IV_vp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  padding-bottom: 8px;
  gap: 4px;
}

/*** This is autogenerated file. Do not modify it manually ***/
:root,
:host {
  --body-emphasized-weight: 700;
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-letter-spacing: 0.15px;
  --body-line-height: 24px;
  --callout-emphasized-weight: 700;
  --callout-font-size: 15px;
  --callout-font-weight: 400;
  --callout-letter-spacing: 0.15px;
  --callout-line-height: 22px;
  --caption-font-size: 12px;
  --caption-font-weight: 400;
  --caption-letter-spacing: 0.15px;
  --caption-line-height: 20px;
  --footnote-font-size: 13px;
  --footnote-font-weight: 400;
  --footnote-letter-spacing: 0.15px;
  --footnote-line-height: 21px;
  --headline-emphasized-weight: 900;
  --headline-font-size: 16px;
  --headline-font-weight: 500;
  --headline-letter-spacing: 0.15px;
  --headline-line-height: 24px;
  --subhead-emphasized-weight: 700;
  --subhead-font-size: 14px;
  --subhead-font-weight: 400;
  --subhead-letter-spacing: 0.15px;
  --subhead-line-height: 22px;
  --subtitle-font-size: 20px;
  --subtitle-font-weight: 700;
  --subtitle-letter-spacing: 0.15px;
  --subtitle-line-height: 28px;
  --title-font-size: 25px;
  --title-font-weight: 700;
  --title-letter-spacing: -0.25px;
  --title-line-height: 35px;
}
:root,
.base-theme {
  --c442ae8e-input-color: var(--text-primary);
  --c442ae8e-input-color-disabled: var(--text-disabled);
  --c442ae8e-input-color-placeholder: var(--text-secondary);
  --c442ae8e-input-bg: var(--fill-primary);
  --c442ae8e-input-bg-hover: var(--fill-hover);
  --c442ae8e-input-bg-disabled: var(--fill-disabled);
  --c442ae8e-input-border: var(--border-default);
  --c442ae8e-input-border-error: var(--border-destructive);
  --c442ae8e-input-border-focus: var(--border-positive-secondary);
  --c442ae8e-label-color: var(--text-secondary);
  --c442ae8e-label-color-error: var(--text-destructive);
  --c442ae8e-label-color-focus: var(--text-positive-primary);
  --c442ae8e-label-color-disabled: var(--text-disabled);
  --c442ae8e-icon-color: var(--icons-primary);
}
.base-inverted {
  --c442ae8e-input-color: var(--text-invert-primary);
  --c442ae8e-input-color-disabled: var(--text-invert-disabled);
  --c442ae8e-input-color-placeholder: var(--text-invert-secondary);
  --c442ae8e-input-bg: var(--fill-invert-primary);
  --c442ae8e-input-bg-hover: var(--fill-invert-hover);
  --c442ae8e-input-bg-disabled: var(--fill-invert-disabled);
  --c442ae8e-input-border: var(--border-invert-dark);
  --c442ae8e-input-border-error: var(--border-invert-destructive);
  --c442ae8e-input-border-focus: var(--border-positive-secondary);
  --c442ae8e-label-color: var(--text-invert-secondary);
  --c442ae8e-label-color-error: var(--text-destructive);
  --c442ae8e-label-color-focus: var(--text-positive-primary);
  --c442ae8e-label-color-disabled: var(--text-invert-disabled);
  --c442ae8e-icon-color: var(--icons-invert-light);
}
.QRYaR {
  display: inline-flex;
  background: var(--c442ae8e-input-bg);
  padding: 3px 7px;
  border: solid 1px transparent;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.QRYaR.RA6qA {
  align-items: center;
  padding-left: 4px;
  gap: 8px;
}
.QRYaR.e42Z8 {
  display: grid;
  grid: 'label icon' max-content 'input icon' auto / minmax(0, 1fr) auto;
  border-color: var(--c442ae8e-input-border);
  padding: 7px 15px;
}
.QRYaR.Mwm9Q {
  border-color: var(--c442ae8e-input-border);
}
.QRYaR:is(.iB3ix, :hover) {
  background: var(--c442ae8e-input-bg-hover);
}
.QRYaR.PpES1 {
  border-color: var(--c442ae8e-input-border-error);
}
.QRYaR:is(.mza6k, :focus-within) {
  border-color: var(--c442ae8e-input-border-focus);
  background: var(--c442ae8e-input-bg);
}
.QRYaR.U1Pff {
  background: var(--c442ae8e-input-bg-disabled);
  border-color: transparent;
  pointer-events: none;
}
.DE1VB {
  grid-area: input;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  background: transparent;
  min-width: 0;
  width: 100%;
  color: var(--c442ae8e-input-color);
  text-overflow: ellipsis;
}
.DE1VB b,
.DE1VB em {
  font-weight: var(--subhead-emphasized-weight);
}
.QRYaR.e42Z8 > textarea.DE1VB {
  resize: none;
  min-height: 64px;
}
.DE1VB::placeholder {
  transition: opacity 0.2s ease;
  color: var(--c442ae8e-input-color-placeholder);
}
.QRYaR:is(.mza6k, :focus-within) > .DE1VB::placeholder {
  opacity: 0;
}
.QRYaR.U1Pff > .DE1VB,
.QRYaR.U1Pff > .DE1VB::placeholder {
  color: var(--c442ae8e-input-color-disabled);
}
.yWjeP {
  grid-area: label;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--c442ae8e-label-color);
  transition: all 0.3s ease;
  --inputc-label-empty: -20px;
}
textarea.DE1VB ~ .yWjeP {
  margin-bottom: 4px;
  --inputc-label-empty: -16px;
}
.QRYaR:not(:focus-within, .mza6k) > .DE1VB:placeholder-shown ~ .yWjeP {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: var(--inputc-label-empty);
  cursor: text;
}
.QRYaR:not(:focus-within, .mza6k) > .DE1VB:placeholder-shown ~ .yWjeP b,
.QRYaR:not(:focus-within, .mza6k) > .DE1VB:placeholder-shown ~ .yWjeP em {
  font-weight: var(--subhead-emphasized-weight);
}
.QRYaR.PpES1 > .yWjeP {
  color: var(--c442ae8e-label-color-error);
}
.QRYaR:is(.mza6k, :focus-within) > .yWjeP {
  color: var(--c442ae8e-label-color-focus);
}
.QRYaR.U1Pff > .yWjeP {
  color: var(--c442ae8e-label-color-disabled);
}
.RA6qA {
  border-radius: 8px;
  color: var(--icons-secondary);
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.RA6qA.JxvQW {
  margin: -4px -4px -4px 0;
}
.QRYaR.U1Pff > .RA6qA {
  opacity: 0.3;
}
.QrfuJ,
.r0pkx {
  cursor: pointer;
  grid-area: icon;
  align-self: center;
  border-radius: 8px;
  color: var(--c442ae8e-icon-color);
  margin: -4px 0;
  margin-right: -8px;
  transition: all 0.3s ease;
  flex-shrink: 0;
  --sic-clear-op: 0.7;
  opacity: var(--sic-clear-op);
}
.r0pkx {
  display: none;
  animation: IEbNq 0.2s ease;
}
.e42Z8 > .QrfuJ,
.e42Z8 > .r0pkx {
  margin-left: 8px;
}
@keyframes IEbNq {
  from {
    opacity: 0;
    margin-right: -16px;
  }
  to {
    opacity: var(--sic-clear-op);
    margin-right: -8px;
  }
}
.QrfuJ:hover,
.r0pkx:hover {
  --sic-clear-op: 1;
}
.QRYaR:is(.iB3ix, :hover, :focus-within, .mza6k) > .DE1VB:not(:placeholder-shown) ~ .r0pkx {
  display: inline;
}
.ElaWW {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--c442ae8e-label-color-error);
  margin: 0 16px;
  margin-top: 8px;
}

.FFKI7 {
  display: grid;
  flex: 1;
  grid: 'header' minmax(0, auto) 'content' 1fr / auto;
  background-color: var(--background-primary);
  padding: 8px;
}
.h84Ni {
  display: grid;
  grid: 'main' 1fr 'controls' auto / auto;
  grid-area: content;
  border-radius: 16px;
  padding: 16px;
  background-color: var(--fill-secondary);
}
.wNtRv {
  display: grid;
  grid: 'main illustration' auto / 1fr 280px;
  padding: 24px;
  gap: 40px;
  align-items: center;
  --e1fa48f1-content-width: 100%;
}
.L2dED {
  display: grid;
  grid: 'content' auto 'input' minmax(0, auto) / var(--e1fa48f1-content-width, 392px);
  grid-area: main;
  padding-bottom: 16px;
  justify-self: center;
  align-content: center;
}
.RTP8n {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-area: main;
  padding-bottom: 16px;
  align-items: center;
}
.vghB0 {
  color: var(--text-primary);
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  margin-bottom: 16px;
}
.vghB0 b {
  color: var(--text-positive-primary);
}
._57SRE {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  color: var(--text-primary);
  margin-bottom: 8px;
}
._57SRE b,
._57SRE em {
  font-weight: var(--headline-emphasized-weight);
}
.qshzL {
  color: var(--text-secondary);
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
.qshzL b,
.qshzL em {
  font-weight: var(--callout-emphasized-weight);
}
.t6FJf {
  margin-top: 24px;
  display: grid;
  grid: 1fr / auto;
  row-gap: 8px;
  color: var(--text-primary);
}
.t6FJf .exTUm {
  display: grid;
  grid: auto / auto 1fr;
  align-items: center;
  column-gap: 8px;
}
.X7Q72 {
  display: grid;
  grid: 'email icon' auto / auto auto;
  align-items: center;
  justify-content: left;
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  gap: 8px;
  margin: 8px 0;
}
.X7Q72 b,
.X7Q72 em {
  font-weight: var(--callout-emphasized-weight);
}
.X7Q72 .i3adv {
  color: var(--text-primary);
}
.X7Q72 svg {
  color: var(--icons-primary);
}
.y8h5R {
  display: grid;
  grid: auto / 1fr auto;
  margin-top: 16px;
}
.y8h5R.ib0mu {
  border-radius: 8px;
  background: var(--fill-primary);
  padding: 8px;
}
.y8h5R.ib0mu button {
  align-self: center;
}
.y8h5R .B7OXL {
  color: var(--text-secondary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.y8h5R .c014F {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.y8h5R .c014F b,
.y8h5R .c014F em {
  font-weight: var(--callout-emphasized-weight);
}
.MoVd7 {
  margin-top: 24px;
  display: grid;
}
.qEphB {
  justify-content: left;
  margin: 8px 16px 0px;
  color: var(--text-secondary);
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.qEphB a {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.qEphB.Acn30 {
  color: var(--text-destructive);
}
.N8XP7 {
  background: var(--fill-primary);
  color: var(--icons-primary);
  width: 48px;
  height: 48px;
  border-radius: 16px;
  margin-bottom: 24px;
}
.base-inverted .N8XP7 {
  background: var(--fill-invert-secondary);
  color: var(--icons-invert-light);
}
.base-inverted.h84Ni {
  background-color: var(--fill-invert-primary);
}
.base-inverted .vghB0 {
  color: var(--text-invert-primary);
}
.base-inverted ._57SRE {
  color: var(--text-invert-primary);
}
.base-inverted .qshzL {
  color: var(--text-invert-secondary);
}
.base-inverted .N8XP7 {
  background: var(--fill-invert-secondary);
}
.TmBho {
  border-top: 2px solid var(--border-default);
  padding-top: 16px;
  display: grid;
  grid-area: controls;
  grid: 'exit skip continue' auto / 1fr minmax(0, auto) 240px;
  align-items: center;
  gap: 16px;
}
.base-inverted .TmBho {
  border-top: 2px solid var(--border-invert-dark);
}
.zhtoa {
  grid-area: exit;
  justify-self: left;
}
.S2bSZ {
  grid-area: skip;
}
.D38Ls {
  grid-area: continue;
}
.xKjK9 {
  background-color: var(--fill-secondary);
}

.S_sr0 {
  margin-bottom: 24px;
}
.HfreY {
  margin-top: 24px;
}

.LiV8O {
  display: grid;
  grid: 'code copy' auto / 1fr auto;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 10px 8px 10px 16px;
  column-gap: 8px;
  align-items: center;
  color: var(--text-primary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.LiV8O b,
.LiV8O em {
  font-weight: var(--subhead-emphasized-weight);
}

.svwUq {
  margin-bottom: 24px;
}
.iFvO1 {
  padding: 24px;
}
.LFmoQ {
  animation: AMuyT 0.3s ease 0s both;
}
.Y9Ruf {
  animation: Yxf2X 0.15s ease 0s both;
}
.FyxoZ {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  background: var(--fill-primary);
}
.OoIsm {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.OoIsm b,
.OoIsm em {
  font-weight: var(--subhead-emphasized-weight);
}
.C6y88 {
  margin: 16px -8px 0;
}
@keyframes AMuyT {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Yxf2X {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.ijKHq {
  margin-top: 24px;
}

:root,
.base-theme {
  --latency-c-color: var(--text-secondary);
}
.base-inverted {
  --latency-c-color: var(--text-invert-secondary);
}
.s_NP8 {
  color: var(--latency-c-color);
  flex: 0 0 auto;
  margin: -8px 0;
}

.OnBRK {
  box-sizing: border-box;
  width: 48px;
  height: 32px;
  flex: 0 0 auto;
}
.hKXsM,
.fNnFx {
  width: 30px;
  height: 20px;
  margin: -1px 0;
}
.hKXsM.Xfou8 {
  padding: 2px 3px;
}
.fNnFx.Xfou8 {
  padding: 2px 3px 2px 0;
}
.F3FEt {
  width: 24px;
  height: 16px;
}
.LofYB {
  display: inline-grid;
  grid-template-columns: [b-start] 12px [a-start] 12px [b-end] 24px [a-end];
  grid-template-rows: [a-start] 16px [b-start] 8px [a-end] 8px [b-end];
}
.hKXsM.LofYB {
  grid-template-columns: [b-start] 9px [a-start] 9px [b-end] 12px [a-end];
  grid-template-rows: [a-start] 8px [b-start] 6px [a-end] 6px [b-end];
}
.pfJSw {
  width: 100%;
  z-index: 0;
  grid-area: a;
}
.JD9oV {
  width: 100%;
  opacity: 0.5;
  grid-area: b;
}
.noNu1 {
  box-sizing: border-box;
  background: var(--icons-invert-dark);
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
}

:root,
.base-theme {
  --e9e5e8ff-color: var(--text-primary);
  --e9e5e8ff-sub-color: var(--text-secondary);
  --e9e5e8ff-bg-hover: var(--fill-hover);
}
.base-inverted {
  --e9e5e8ff-color: var(--text-invert-primary);
  --e9e5e8ff-sub-color: var(--text-invert-secondary);
  --e9e5e8ff-bg-hover: var(--fill-invert-hover);
}
.aDgNF {
  flex: 1 1 auto;
  display: flex;
  min-width: 0;
  align-items: center;
  border-radius: 8px;
  background: transparent;
  transition: all 0.2s ease;
  padding: 4px;
  column-gap: 16px;
}
.dH6W0 {
  cursor: pointer;
}
.dH6W0:is(.IR86o, :hover) {
  background: var(--e9e5e8ff-bg-hover);
}
.u9z1w {
  pointer-events: none;
  opacity: 0.5;
}
.Isxug {
  padding: 8px;
  column-gap: 8px;
}
.NyJ9E {
  padding: 0;
  column-gap: 8px;
}
.kIF6n,
.X6uBp {
  padding: 16px 8px;
  flex-direction: column;
  flex: 1 1 0;
  row-gap: 8px;
  align-items: start;
}
.kIF6n {
  padding: 16px;
}
.H0JG1 {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--e9e5e8ff-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.H0JG1 b,
.H0JG1 em {
  font-weight: var(--callout-emphasized-weight);
}
.kIF6n > .H0JG1,
.X6uBp > .H0JG1 {
  overflow: visible;
  align-self: stretch;
  white-space: unset;
}
.H0JG1 > br {
  display: none;
}
.H0JG1 > small {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  display: block;
  color: var(--e9e5e8ff-sub-color);
  text-overflow: ellipsis;
  overflow: hidden;
  width: max-content;
  max-width: 100%;
  margin-right: 1px;
}
.z_YXX {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.z_YXX b,
.z_YXX em {
  font-weight: var(--subhead-emphasized-weight);
}
.Nt0oS small {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}

/*** This is autogenerated file. Do not modify it manually ***/
:root,
:host {
  --body-emphasized-weight: 700;
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-letter-spacing: 0.15px;
  --body-line-height: 24px;
  --callout-emphasized-weight: 700;
  --callout-font-size: 15px;
  --callout-font-weight: 400;
  --callout-letter-spacing: 0.15px;
  --callout-line-height: 22px;
  --caption-font-size: 12px;
  --caption-font-weight: 400;
  --caption-letter-spacing: 0.15px;
  --caption-line-height: 20px;
  --footnote-font-size: 13px;
  --footnote-font-weight: 400;
  --footnote-letter-spacing: 0.15px;
  --footnote-line-height: 21px;
  --headline-emphasized-weight: 900;
  --headline-font-size: 16px;
  --headline-font-weight: 500;
  --headline-letter-spacing: 0.15px;
  --headline-line-height: 24px;
  --subhead-emphasized-weight: 700;
  --subhead-font-size: 14px;
  --subhead-font-weight: 400;
  --subhead-letter-spacing: 0.15px;
  --subhead-line-height: 22px;
  --subtitle-font-size: 20px;
  --subtitle-font-weight: 700;
  --subtitle-letter-spacing: 0.15px;
  --subtitle-line-height: 28px;
  --title-font-size: 25px;
  --title-font-weight: 700;
  --title-letter-spacing: -0.25px;
  --title-line-height: 35px;
}
:root,
.base-theme {
  --expandable-c-br: var(--border-default);
}
.base-inverted {
  --expandable-c-br: var(--border-invert-dark);
}
.fU0QL {
  transition: transform 0.2s ease-in-out;
}
.fU0QL.HHurO {
  transform: rotate(180deg);
}
.lfHXE {
  transition: height 0.3s ease-in-out;
  --content-height: 0;
}
.ntM4l {
  height: 0;
  overflow-y: hidden;
}
.lFxFM {
  height: var(--content-height);
  overflow-y: hidden;
}
.DgANm {
  height: var(--content-height);
  overflow-y: hidden;
}
.NrpHD {
  height: 0;
  overflow-y: hidden;
}

:root,
.base-theme {
  --expandable-c-br: var(--border-default);
  --lsec-head-color: var(--text-primary);
}
.base-inverted {
  --expandable-c-br: var(--border-invert-dark);
  --lsec-head-color: var(--text-invert-primary);
}
.VjeU1 {
  display: grid;
  grid: 'h a' max-content 'c c' auto / minmax(0, 1fr) auto;
  gap: 8px;
}
.qfk9a {
  grid-area: h;
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--lsec-head-color);
}
.UUS5r {
  grid-area: a;
}
.gJP9L {
  grid-area: c;
}
.fQzXa {
  display: flex;
}
.gsMvu > :nth-child(odd),
.gsMvu > :nth-child(even) {
  background: var(--fill-secondary);
  border-radius: 0;
}
.gsMvu > :not(:last-child) {
  border-right: 1px solid var(--divider-primary);
}
.gsMvu > :hover {
  background-color: var(--fill-hover);
}
.gsMvu > :first-child {
  border-radius: 20px 0 0 20px;
}
.gsMvu > :last-child {
  border-radius: 0 20px 20px 0;
}
.WkBFs {
  display: flex;
  flex-direction: column;
  justify-content: start;
  row-gap: 1px;
}
.MIo9W {
  border: solid 0 transparent;
  border-width: 1px 0;
  margin: -1px 0;
  transition: border-color 0.3s ease;
}
.MIo9W.RVtUV {
  border-color: var(--expandable-c-br);
}
.SnNof {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.eBSjo {
  background-color: var(--fill-destructive-primary);
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 2px;
  top: 4px;
  right: 4px;
  pointer-events: none;
}

.HVpG1 {
  position: relative;
  --lop: 0;
  --rop: 0;
}
.HVpG1::before,
.HVpG1::after {
  position: absolute;
  content: '';
  display: flex;
  align-items: center;
  font-size: 10px;
  z-index: 1;
  transition: opacity 0.1s ease;
  pointer-events: none;
}
.HVpG1::before {
  inset: 0 auto 0 0;
  padding-right: 24px;
  background: linear-gradient(to left, transparent, var(--background-primary) 24px);
  opacity: var(--lop);
}
.HVpG1::after {
  inset: 0 0 0 auto;
  padding-left: 24px;
  background: linear-gradient(to right, transparent, var(--background-primary) 24px);
  opacity: var(--rop);
}
.tm9AT {
  display: flex;
  flex: 1 1 auto;
  overflow-x: scroll;
  overflow-y: visible;
  scrollbar-width: none;
  scroll-padding: 24px;
  scroll-behavior: smooth;
  gap: 8px;
}
.tm9AT::-webkit-scrollbar {
  display: none;
}
.AGMqO {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  position: relative;
  color: var(--text-secondary);
  border-radius: 8px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.2s;
  scroll-snap-align: start end;
  white-space: nowrap;
}
.AGMqO b,
.AGMqO em {
  font-weight: var(--subhead-emphasized-weight);
}
.AGMqO:hover {
  background-color: var(--fill-hover);
}
.AGMqO.NW0ax {
  color: var(--text-primary);
  background-color: var(--fill-secondary);
}

.v9zUf {
  flex: 1 1 0;
  box-sizing: border-box;
  padding: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.orDLP {
  grid-column: 1 / -1;
  padding: 24px;
  padding-left: 16px;
}
.k6qWT {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.DimKv {
  padding-bottom: 7px;
}
.sX7zT {
  display: flex;
  column-gap: 8px;
}
.JCvbu {
  flex: 1 1 auto;
}
.LOa2k {
  flex: 1 1 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: calc(16px - var(--scrollbar-space, 0px));
  margin-right: -16px;
}
.JVCec {
  display: flex;
  flex-direction: column;
  justify-content: start;
  row-gap: 16px;
}
.hqMsP {
  margin-top: 32px;
  padding: 8px;
  text-align: center;
}
.hqMsP > *:not(:last-child) {
  margin-bottom: 16px;
}
.hqMsP h1 {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.hqMsP p {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.hqMsP p b,
.hqMsP p em {
  font-weight: var(--subhead-emphasized-weight);
}
.hqMsP section > *:not(:last-child) {
  margin-bottom: 4px;
}
.hqMsP .lDFfq {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.gQm_n {
  display: flex;
  column-gap: 8px;
}
.wXJUj {
  flex-grow: 1;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wXJUj b,
.wXJUj em {
  font-weight: var(--subhead-emphasized-weight);
}
.ctjHx {
  text-align: center;
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.RevFr {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.RevFr b,
.RevFr em {
  font-weight: var(--subhead-emphasized-weight);
}
.RevFr > *:not(:last-child) {
  margin-bottom: 16px;
}
.MJjOS {
  display: flex;
}
.MJjOS > *:not(:last-child) {
  margin-right: 8px;
}
.OtvLu {
  color: var(--text-secondary);
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.doH4h {
  padding-left: 8px;
}
.AQk3j {
  margin-bottom: 8px;
}
.IM70f {
  margin-top: 8px;
  padding: 8px;
  border-radius: 4px;
  color: var(--text-destructive);
  background-color: var(--fill-destructive-tertiary);
}
.ldaZz {
  margin: 40px;
}
.Uiyxu {
  visibility: visible;
}
.z7GgX {
  visibility: hidden;
}
@media (prefers-color-scheme: dark) {
  body:not(.dark) .Uiyxu {
    visibility: hidden;
  }
  body:not(.dark) .z7GgX {
    visibility: visible;
  }
}
body .light .Uiyxu {
  visibility: visible;
}
body .light .z7GgX {
  visibility: hidden;
}
body .dark .Uiyxu {
  visibility: hidden;
}
body .dark .z7GgX {
  visibility: visible;
}

.G86YB {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid var(--icons-primary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.G86YB.AwJoa .TDj2H,
.G86YB:hover .TDj2H {
  opacity: 1;
}
.G86YB .TDj2H {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--icons-primary);
  opacity: 0;
  transition: all 0.2s;
}

.s9tsV {
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 100%;
  justify-content: space-between;
  overflow: hidden;
  min-height: 38px;
}
.s9tsV.b0w64:hover {
  background-color: var(--fill-hover);
}
.s9tsV.WS5_Q {
  cursor: pointer;
}
.s9tsV.lKElb {
  opacity: 0.5;
  pointer-events: none;
}
._Riv4 {
  display: block;
}
.WhI4b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.WhI4b > *:not(:last-child) {
  margin-bottom: 4px;
}
.WhI4b .UuN_l {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.WhI4b .UuN_l b,
.WhI4b .UuN_l em {
  font-weight: var(--callout-emphasized-weight);
}
.WhI4b .UuN_l.goL_A {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.WhI4b .tOOKV {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.jpT7y {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.b6mtG {
  display: flex;
  flex: 0 1 auto;
  overflow: hidden;
  margin: 8px 16px 8px 8px;
}
.kRvC_ {
  margin-right: 8px;
  display: flex;
  flex-direction: row;
}
.kRvC_ .gnkBM,
.kRvC_ .kAGbL {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.gnkBM {
  justify-content: center;
}
.kAGbL {
  margin-top: 8px;
  justify-content: flex-start;
}
.KU89d {
  color: var(--icons-secondary);
  margin-right: -8px;
}
._PCcl {
  display: flex;
  align-items: center;
}
._PCcl svg {
  width: 32px;
  height: 32px;
  margin-right: 16px;
}

.oPUgs > *:not(:last-child) {
  margin-bottom: 8px;
}

.sH2dE {
  display: grid;
  grid: 'back title close' auto / 32px 1fr 32px;
  column-gap: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--background-secondary);
  margin-bottom: 16px;
}
.Wd7Lx {
  grid-area: back;
  align-self: center;
}
.BScbD {
  grid-area: close;
  align-self: center;
}
.OoPYl {
  grid-area: title;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-primary);
  text-align: center;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 8px;
}

.UFnVt .dWFt9 {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
}
.UFnVt .KqYMh {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.UFnVt .KqYMh b,
.UFnVt .KqYMh em {
  font-weight: var(--subhead-emphasized-weight);
}
.UFnVt .c1U9u {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.UFnVt .c1U9u > *:not(:first-child) {
  margin-top: 8px;
}
.t9aho {
  display: flex;
}

.iwf8o {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
}
.iwf8o b,
.iwf8o em {
  font-weight: var(--headline-emphasized-weight);
}
.UIkHn:hover {
  opacity: 0.9;
}
.UIkHn:hover {
  opacity: 0.9;
}

.WlTla {
  overflow: hidden;
  margin: 8px;
  border-radius: 16px;
  background-color: var(--fill-invert-primary);
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.WlTla > *:last-child {
  margin-bottom: 16px;
}
.b4uXJ {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 24px 16px 24px 16px;
  display: grid;
  grid: 'a b' minmax(60px, auto) 'c c' auto / 1fr auto;
  row-gap: 24px;
  column-gap: 8px;
  align-content: start;
}
.b4uXJ::-webkit-scrollbar-thumb {
  background-color: var(--fill-invert-secondary);
}
.lP4AP {
  grid-area: a;
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
  color: var(--text-invert-primary);
  padding-left: 8px;
}
.lP4AP.DN4lR b {
  color: var(--text-positive-primary);
}
.lP4AP.PGHIm b {
  color: var(--text-invert-destructive);
}
.hO5OD {
  grid-area: b;
  padding: 8px 16px 0 0;
}
.vupPC {
  grid-area: c;
  padding: 0 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  row-gap: 16px;
}
.ppMzz:nth-child(even) {
  text-align: right;
}
.pDycv {
  color: var(--text-invert-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
}
.pDycv b,
.pDycv em {
  font-weight: var(--headline-emphasized-weight);
}
.ezfk8 {
  color: var(--text-invert-secondary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.rFYho {
  cursor: pointer;
}
.dZjQr {
  color: var(--text-positive-primary);
}
.f1_Wo {
  color: var(--text-destructive);
}
.x_saR {
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: calc(16px - var(--scrollbar-space, 0px));
  margin-left: 16px;
  flex-shrink: 0;
  max-height: 30%;
}
.x_saR > *:not(:last-child) {
  margin-bottom: 8px;
}
.x_saR::-webkit-scrollbar-thumb {
  background-color: var(--fill-invert-secondary);
}
.dcEKs {
  display: flex;
  column-gap: 8px;
}
.g__fC {
  flex-grow: 1;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g__fC b,
.g__fC em {
  font-weight: var(--subhead-emphasized-weight);
}
.YKucF {
  margin: 16px;
  margin-top: 0;
  padding: 16px;
  background-color: var(--fill-invert-secondary);
  border-radius: 16px;
}
.YKucF > *:not(:last-child) {
  margin-bottom: 16px;
}
.plgq5 {
  display: flex;
  column-gap: 16px;
  align-items: center;
}
.ggeln {
  flex-shrink: 0;
}
.fMPcK {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.fMPcK > *:not(:last-child) {
  margin-right: 8px;
}

.y1IAi {
  z-index: 10;
}
.fUL_A {
  z-index: 9;
  outline: solid 1000px #5B6065C0;
  border-radius: 16px;
  pointer-events: none;
}
.fUL_A.JhaYg {
  border-radius: 24px;
}
.hlELP {
  box-sizing: border-box;
  animation: zlFac 0.3s ease-out;
  background-color: var(--fill-primary);
  padding: 16px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: 1fr auto;
}
.Qw6wE {
  --initial-placement: translate(0, -16px);
}
.pY9io {
  --initial-placement: translate(16px, 0);
}
.cfZEe {
  --initial-placement: translate(0, 16px);
}
.oOlr5 {
  --initial-placement: translate(-16px, 0);
}
@keyframes zlFac {
  from {
    transform: var(--initial-placement);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.kFEms {
  fill: var(--fill-primary);
}
.hMg_x {
  box-sizing: border-box;
  max-width: 266px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.hMg_x b,
.hMg_x em {
  font-weight: var(--subhead-emphasized-weight);
}
.pt198 {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  margin-bottom: 8px;
  color: var(--text-primary);
}
.pt198 b,
.pt198 em {
  font-weight: var(--headline-emphasized-weight);
}
.oQHGq {
  align-self: start;
  margin: -8px -8px 0 0;
}
.UdKtp {
  margin-top: 16px;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
}

.Eo_EH {
  display: grid;
  grid: auto / auto 1fr;
  column-gap: 8px;
  color: var(--text-secondary);
}
.Eo_EH .KiZPH {
  padding-left: 0;
}
.Eo_EH.VivXq .KiZPH {
  opacity: 0.5;
  padding-left: 0;
}

.joLi5 {
  background-color: var(--background-primary);
  border-radius: 16px;
  border: 1px solid var(--background-secondary);
  display: flex;
  flex-direction: column;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  position: relative;
}
.feY1T {
  position: absolute;
  top: 8px;
  left: 8px;
}
.rGDZl {
  width: 272px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.LwtOQ {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  margin-bottom: 16px;
}
.LWqNn {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.LWqNn > *:not(:last-child) {
  margin-bottom: 8px;
}
.DPOhm {
  align-self: center;
}

.TkcMv {
  position: fixed;
  left: 54px;
  bottom: 12px;
  display: flex;
  gap: 8px;
  z-index: 50;
}
.QJrsj {
  padding: 8px;
}

.GElMf {
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  margin-bottom: 8px;
}
.SkKoM {
  padding: 0 8px;
}
.jf8PN {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}

.SgVyr {
  padding: 24px 16px 16px 16px;
  background-color: var(--fill-primary);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 0 auto;
  position: relative;
  gap: 16px;
}
.SgVyr p {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  display: block;
  text-align: center;
  color: var(--text-secondary);
}
.SgVyr p b,
.SgVyr p em {
  font-weight: var(--subhead-emphasized-weight);
}
.Su6i4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.A9j13 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}
.hsDH_ {
  font-weight: var(--title-font-weight);
  font-size: var(--title-font-size);
  line-height: var(--title-line-height);
  letter-spacing: var(--title-letter-spacing);
  color: var(--text-primary);
  text-align: center;
}

.bQ3JJ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.vxcIB {
  overflow: visible;
}
.l0Hkv {
  position: absolute;
  height: 100%;
  width: 200%;
  overflow: hidden;
}
.l0Hkv svg {
  transform: scale3d(1.14, 1.14, 1.14);
}
.pyhYO {
  z-index: 1;
}
.xbv_2 {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 8px 12px;
}

.IWX6c {
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: auto auto 1fr;
  background-color: var(--background-primary);
  padding: 16px;
  border-radius: 16px;
}
.kIQSK {
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 16px;
}
.bbb4K {
  display: grid;
  grid: 'left right' minmax(auto, 1fr) / 1fr 1fr;
}
.RUWWW {
  display: grid;
  align-content: start;
  gap: 16px;
  border-radius: 8px;
}
._dHj9 {
  color: var(--text-primary);
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  text-align: center;
}
._dHj9 b,
._dHj9 em {
  font-weight: var(--headline-emphasized-weight);
}
.oWXJN {
  grid-area: left;
  justify-items: center;
  background-color: var(--fill-secondary);
  padding: 24px 32px 16px 32px;
}
.GuIip {
  grid-area: right;
  background-color: var(--fill-primary);
  padding: 24px;
  padding-bottom: 0px;
  overflow: scroll;
}
.gc8jg {
  display: grid;
  gap: 8px;
}
.IiAWZ .hXVY2 {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-secondary);
  margin-bottom: 4px;
}
.IiAWZ .O52ip {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-primary);
}
.IiAWZ .O52ip b,
.IiAWZ .O52ip em {
  font-weight: var(--subhead-emphasized-weight);
}
.RMtqB {
  color: var(--text-secondary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  text-align: center;
  margin-bottom: 8px;
}
.RMtqB b,
.RMtqB em {
  font-weight: var(--subhead-emphasized-weight);
}
.fTNDv {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-secondary);
  text-align: center;
}
.PaNN1 {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-secondary);
  padding: 0px 16px;
  margin-top: -8px;
}
.PaNN1 a {
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.oiFcn {
  display: flex;
  position: relative;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--fill-primary);
  width: 172px;
  height: 172px;
}
.oiFcn .fVi8f {
  border-radius: 2px;
  padding: 4px;
  height: 132px;
  width: 132px;
  background-color: #ffffff;
}
.peRfx {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48px;
  width: 48px;
}
.ZrGP_ {
  display: grid;
  grid: 'code copy' auto / 1fr auto;
  border: 1px solid var(--border-default);
  border-radius: 8px;
  padding: 10px 8px 10px 16px;
  column-gap: 8px;
  align-items: center;
  color: var(--text-primary);
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.ZrGP_ b,
.ZrGP_ em {
  font-weight: var(--subhead-emphasized-weight);
}
.pYaka {
  grid-area: code;
  text-transform: uppercase;
}
.Gm3CN {
  margin: 4px 0;
  width: 288px;
}

.xxcGv {
  padding: 8px;
  background-color: var(--background-secondary);
  border-radius: 16px;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-width: none;
}
.xxcGv > *:not(:last-child) {
  margin-bottom: 16px;
}
.xxcGv::-webkit-scrollbar {
  display: none;
}
.xxcGv:first-child {
  flex-grow: 1;
}
.blv64 {
  padding: 8px;
  display: grid;
  grid-template-rows: 1fr auto;
  overflow: hidden;
}
.blv64 > *:not(:last-child) {
  margin-bottom: 8px;
}
.PTnwP {
  pointer-events: none;
}
.fbCQ0 {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 8px;
  color: var(--text-primary);
  transition: background-color 0.1s ease;
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
}
.fbCQ0 svg {
  flex-shrink: 0;
  fill: var(--icons-secondary);
}
.fbCQ0.Oo6sw svg {
  fill: var(--icons-positive);
}
.fbCQ0 span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fbCQ0:hover,
.fbCQ0.D3s7G {
  background: var(--fill-primary);
}
.fbCQ0.D3s7G svg {
  fill: var(--icons-primary);
}
.r1wBW {
  display: none;
}
.blv64:hover .r1wBW {
  display: block;
}
.J0ExC {
  text-align: center;
  font-weight: var(--caption-font-weight);
  font-size: var(--caption-font-size);
  line-height: var(--caption-line-height);
  letter-spacing: var(--caption-letter-spacing);
  color: var(--text-primary);
  white-space: nowrap;
  margin: 0 -8px;
}
.DalEB {
  padding: 8px;
  width: 188px;
}
.DalEB > *:not(:last-child) {
  margin-bottom: 4px;
}
.DalEB .YkbZp {
  font-weight: var(--headline-font-weight);
  font-size: var(--headline-font-size);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
}
.DalEB .YkbZp b,
.DalEB .YkbZp em {
  font-weight: var(--headline-emphasized-weight);
}
.DalEB ._IXip {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.DalEB ._IXip b,
.DalEB ._IXip em {
  font-weight: var(--subhead-emphasized-weight);
}

.PH8jR.HtKha {
  border-top: 1px solid var(--divider-primary);
}
.PH8jR.Cx_ff {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--divider-primary);
}
.tZUw2 {
  width: 100%;
  height: 1px;
  background-color: var(--divider-primary);
  margin: 8px 0;
  display: block;
}
.tZUw2:last-of-type {
  display: none;
}

.fUREG {
  margin-right: -8px;
  color: var(--icons-primary);
}

.lPaUm {
  margin-top: 8px;
}
.lPaUm div:nth-child(2) {
  flex-shrink: 0;
}
.rKPm8 {
  color: var(--text-primary);
  text-decoration: underline;
  padding: 3px 7px;
}

.wv9yT {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  margin-top: 53px;
}
.wv9yT > *:not(:last-child) {
  margin-bottom: 16px;
}
.wv9yT .KOCbT {
  color: var(--text-destructive);
  background-color: var(--fill-destructive-tertiary);
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
}
.PSAnA {
  align-self: center;
}
.rAshM {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 8px;
}
.QMerQ {
  color: var(--text-secondary);
  text-align: center;
}
.WRcra {
  display: grid;
}
.WRcra > *:not(:last-child) {
  margin-bottom: 16px;
}

:root,
.base-theme {
  --3dbdeed6-toggle-off-color: var(--icons-secondary);
  --3dbdeed6-toggle-off-color-hover: var(--icons-primary);
  --3dbdeed6-knob-off-color: var(--icons-secondary);
  --3dbdeed6-knob-off-color-hover: var(--icons-primary);
  --3dbdeed6-toggle-on-color: var(--fill-positive-secondary);
  --3dbdeed6-knob-on-color: var(--icons-invert-light);
  --3dbdeed6-toggle-on-color-hover: var(--fill-positive-secondary-hover);
  --3dbdeed6-knob-on-color-hover: var(--icons-invert-light);
}
.mjvaX {
  box-sizing: border-box;
  display: inline-block;
  width: 52px;
  height: 28px;
  border: 2px solid var(--3dbdeed6-toggle-off-color);
  border-radius: 14px;
  padding: 2px;
  transition: all 0.2s;
  cursor: pointer;
}
.mjvaX input {
  appearance: none;
  display: inline-block;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--3dbdeed6-knob-off-color);
  transition: all 0.2s;
  margin-left: 0;
  cursor: pointer;
}
.mjvaX:hover {
  border-color: var(--3dbdeed6-toggle-off-color-hover);
}
.mjvaX:hover input {
  background-color: var(--3dbdeed6-knob-off-color-hover);
}
.mjvaX.pu_gJ {
  border-color: var(--3dbdeed6-toggle-on-color);
  background-color: var(--3dbdeed6-toggle-on-color);
}
.mjvaX.pu_gJ input {
  background-color: var(--3dbdeed6-knob-on-color);
  margin-left: 24px;
}
.mjvaX.pu_gJ:hover {
  border-color: var(--3dbdeed6-toggle-on-color-hover);
  background-color: var(--3dbdeed6-toggle-on-color-hover);
}
.mjvaX.pu_gJ:hover input {
  background-color: var(--3dbdeed6-knob-on-color-hover);
}
.mjvaX.CGDAG {
  opacity: 0.3;
  pointer-events: none;
}

.rxBWW {
  margin: 0 8px;
}

.lh2Jj {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.lh2Jj > *:not(:last-child) {
  margin-right: 16px;
}
.BjJ9R {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ZmmY4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ZmmY4 .yElls {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  margin-bottom: 4px;
  text-align: center;
  color: var(--text-primary);
}
.ZmmY4 .yElls b,
.ZmmY4 .yElls em {
  font-weight: var(--callout-emphasized-weight);
}
.ZmmY4 ._3xH2 {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  text-align: center;
  color: var(--text-secondary);
}
.ZmmY4 ._3xH2 b,
.ZmmY4 ._3xH2 em {
  font-weight: var(--subhead-emphasized-weight);
}
.xu7so {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--background-secondary);
  border-radius: 8px;
}
.xu7so .IAtls {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xu7so .DO4lz {
  padding: 0 16px 16px 16px;
  text-align: center;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
}
.xu7so .DO4lz b,
.xu7so .DO4lz em {
  font-weight: var(--subhead-emphasized-weight);
}
.xu7so .y83Jg {
  display: none;
}
.base-theme.dark .JDwV7 {
  display: none;
}
.base-theme.dark .y83Jg {
  display: block;
}
.B3hcz {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.B3hcz .W74NL {
  flex: 1 0 0px;
  overflow-y: auto;
}
.B3hcz .qyoGS {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}
.B3hcz .qyoGS > *:not(:last-child) {
  margin-bottom: 8px;
}
.yoOYz {
  display: flex;
  flex-direction: row;
}
.TTPPl {
  flex: 1;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
}
.uIgV4 {
  display: inline-block;
  cursor: pointer;
  border-radius: 8px;
  line-height: 0;
  transition: background-color 0.2s;
}
.uIgV4:hover {
  background-color: var(--fill-hover);
}
.uIgV4 svg {
  color: var(--icons-primary);
}
.uIgV4:not(:last-of-type) {
  margin-right: 8px;
}
.Q02hz {
  margin-bottom: 16px;
}
.hPSnB {
  margin-bottom: 16px;
}
.hPSnB > *:not(:last-child) {
  margin-bottom: 8px;
}
.lmQ0i {
  display: flex;
  align-items: center;
}
.lmQ0i > * {
  margin-left: 8px;
}
._U5O5 {
  display: flex;
  flex-direction: row;
}
._U5O5 > * {
  margin-left: 8px;
}
.uem3B {
  color: red;
  cursor: pointer;
  border: 1px solid red;
}
.vjon0 {
  color: blue;
  cursor: pointer;
  border: 1px solid blue;
}

.u3_O6 > *:not(:last-child) {
  margin-bottom: 16px;
}
.setting-list-open-enter {
  left: 0;
}
.setting-list-open-enter-active {
  animation: tSWGb 0.3s ease-in-out 1;
}
.setting-list-open-exit {
  left: 100%;
}
.setting-list-open-exit-active {
  animation: uZ8gx 0.3s ease-in-out 1;
}
@keyframes tSWGb {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes uZ8gx {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.dsMLW > *:not(:last-child) {
  margin-bottom: 16px;
}
.r146M {
  padding: 16px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background-color: var(--background-secondary);
  text-align: center;
  overflow: hidden;
}
.r146M .H_jYs {
  margin-bottom: 8px;
}
.r146M .D9Ajg {
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  margin-bottom: 4px;
}
.r146M .IC2Ea {
  max-width: 200px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-secondary);
  margin-bottom: 16px;
}
.r146M .IC2Ea b,
.r146M .IC2Ea em {
  font-weight: var(--subhead-emphasized-weight);
}

.d3UZ4 {
  margin: 0 8px;
}

.fJriA {
  min-height: 40px;
}
.TVqW8 {
  margin-left: 8px;
}
.RDtyS {
  grid: minmax(min-content, auto) / auto;
  display: grid;
  gap: 16px;
}
.gP4sN {
  display: grid;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  background: var(--fill-secondary);
}
.MRU1q {
  color: inherit;
  text-decoration: underline;
}
.a6gyN {
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  color: var(--text-primary);
}
.a6gyN b,
.a6gyN em {
  font-weight: var(--subhead-emphasized-weight);
}
.hQkcO {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-secondary);
}
.UDG4s {
  display: grid;
  gap: 8px;
}

.Jrak2 {
  display: grid;
  justify-content: center;
  grid: auto 1fr / 304px;
  flex: 1;
}
.phRJ6 {
  display: grid;
  gap: 8px;
}
.pANsh {
  font-weight: var(--subtitle-font-weight);
  font-size: var(--subtitle-font-size);
  line-height: var(--subtitle-line-height);
  letter-spacing: var(--subtitle-letter-spacing);
  text-align: left;
  color: var(--text-primary);
  margin: 8px 8px 0px 8px;
}
.v6qko {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  margin: 0;
  padding: 0 8px 0 24px;
  color: var(--text-secondary);
}
.ZCNgF {
  font-weight: var(--footnote-font-weight);
  font-size: var(--footnote-font-size);
  line-height: var(--footnote-line-height);
  letter-spacing: var(--footnote-letter-spacing);
  color: var(--text-primary);
  align-self: end;
  padding: 8px 8px 0 8px;
}

.bMBuY {
  display: grid;
  align-items: center;
  border-radius: 8px;
}
.xBhje {
  grid: auto / auto 1fr auto;
  gap: 8px;
  padding: 8px;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.xBhje b,
.xBhje em {
  font-weight: var(--subhead-emphasized-weight);
}
.QBDNk {
  background: var(--fill-positive-info);
  color: var(--text-primary);
}
.Uo2WZ {
  background: var(--fill-positive-attention);
  color: var(--text-invert-action);
}

.zizVO > *:not(:last-child) {
  margin-bottom: 16px;
}
.setting-list-open-enter {
  left: 0;
}
.setting-list-open-enter-active {
  animation: RXRTF 0.3s ease-in-out 1;
}
.setting-list-open-exit {
  left: 100%;
}
.setting-list-open-exit-active {
  animation: JtGvd 0.3s ease-in-out 1;
}
@keyframes RXRTF {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes JtGvd {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

.mgeYu {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  border-radius: 16px;
  background: var(--background-primary);
  margin: 8px;
  margin-left: 0;
}
.FZRdA {
  box-sizing: border-box;
  padding: 24px 8px;
  flex: 0 1 320px;
  display: flex;
  flex-direction: column;
}
.FZRdA > * {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.UlHds {
  align-self: stretch;
}
.jYMVe > *:not(:last-child) {
  margin-bottom: 24px;
}
.jYMVe .DiRVs {
  width: 56px;
  height: 56px;
}
.jYMVe ._Nf0s {
  font-weight: var(--callout-font-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
  color: var(--text-primary);
  text-align: center;
}
.jYMVe ._Nf0s b,
.jYMVe ._Nf0s em {
  font-weight: var(--callout-emphasized-weight);
}
.MfIvM {
  margin-top: 16px;
}
.MfIvM > *:not(:last-child) {
  margin-bottom: 16px;
}
.E3R0S {
  width: 100%;
}
.base-theme.light .puW4i {
  background: linear-gradient(180deg, #ffffff 0.57%, #f4f5f8 100.57%);
  border: 1px solid #e8ebf0;
}
.base-theme.dark .puW4i {
  background: linear-gradient(180deg, #202020 0.57%, #121212 100.57%);
  border: 1px solid #2f2f2f;
}
.puW4i {
  padding: 7px;
  border-radius: 12px;
}
.Yirot g:first-child {
  fill: #222e3a;
}
.base-theme.dark .Yirot g:first-child {
  fill: #ffffff;
}

.sOkfL {
  opacity: 0;
  transition: opacity 130ms ease-in;
}
.DrtbW {
  opacity: 1;
}
.zcuJg {
  opacity: 1;
  transition: opacity 130ms ease-out;
}
.K8Fza {
  opacity: 0;
}

.HBUir {
  display: flex;
  justify-content: center;
  min-height: 500px;
  padding: 20px;
}
.UKXrR {
  margin-top: 50%;
  color: var(--text-secondary);
  width: 256px;
  text-align: center;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
}
.UKXrR b,
.UKXrR em {
  font-weight: var(--subhead-emphasized-weight);
}
.UKXrR > *:not(:last-child) {
  margin-bottom: 16px;
}
.UKXrR .ujBFf {
  display: block;
  width: 100%;
}
.sw7cH {
  color: var(--text-primary);
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
.fEpaa {
  width: 100%;
  text-align: left;
  color: var(--text-destructive);
  max-height: 200px;
  overflow: auto;
}
.fEpaa details {
  word-wrap: break-word;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(Roboto-Regular.woff2) format('woff2'), url(Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(Roboto-Medium.woff2) format('woff2'), url(Roboto-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(Roboto-Bold.woff2) format('woff2'), url(Roboto-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(Roboto-Black.woff2) format('woff2');
}
/*** This is autogenerated file. Do not modify it manually ***/
:root .light,
:host .light {
  --background-primary: #ffffff;
  --background-secondary: #f5f5f6;
  --background-fade: #5b6065bf;
  --background-opacity: #ffffffcc;
  --fill-primary: #ffffff;
  --fill-secondary: #f5f5f6;
  --fill-hover: #eeeeee;
  --fill-hover-on-secondary: #dadada;
  --fill-disabled: #f1f1f1;
  --fill-positive-primary: #16191c;
  --fill-positive-primary-hover: #393e41;
  --fill-positive-secondary: #1ab2b3;
  --fill-positive-secondary-hover: #0ea6a7;
  --fill-positive-attention: #ffd83f;
  --fill-positive-attention-hover: #e4b92c;
  --fill-positive-success: #e6f7ed;
  --fill-positive-success-hover: #abddc2;
  --fill-positive-info: #dcf2fd;
  --fill-positive-info-hover: #a5d5ed;
  --fill-destructive-primary: #d83b48;
  --fill-destructive-primary-hover: #c91d2b;
  --fill-destructive-secondary: #c91d2b;
  --fill-destructive-secondary-hover: #ffedee;
  --fill-destructive-tertiary: #ffedee;
  --fill-invert-primary: #1e2327;
  --fill-invert-secondary: #2a3035;
  --fill-invert-tertiary: #393e41;
  --fill-invert-hover: #393e41;
  --fill-invert-disabled: #393e41;
  --fill-invert-positive-primary: #1ab2b3;
  --fill-invert-positive-primary-hover: #129899;
  --fill-invert-destructive-secondary: #380106;
  --fill-invert-destructive-secondary-hover: #a01420;
  --text-primary: #16191c;
  --text-secondary: #5b6065;
  --text-action: #f5f5f6;
  --text-disabled: #7d8185;
  --text-positive-primary: #1ab2b3;
  --text-destructive: #c91d2b;
  --text-invert-primary: #f5f5f6;
  --text-invert-secondary: #bfbfc0;
  --text-invert-tertiary: #f5f5f6;
  --text-invert-action: #16191c;
  --text-invert-disabled: #939597;
  --border-default: #eeeeee;
  --divider-primary: #eeeeee;
  --divider-invert-light: #eeeeee;
  --divider-invert-dark: #393e41;
  --divider-positive: #1ab2b3;
  --divider-on-color: #0c8c8d;
  --divider-on-secondary: #bfbfc0;
  --border-hover: #f1f1f1;
  --text-invert-destructive: #ff4c5b;
  --border-disabled: #f5f5f6;
  --border-positive-primary: #393e41;
  --border-positive-secondary: #1ab2b3;
  --border-destructive: #c91d2b;
  --border-invert-destructive: #c91d2b;
  --border-invert-dark: #393e41;
  --border-invert-light: #eeeeee;
  --border-invert-disabled: #939597;
  --border-on-color: #0c8c8d;
  --border-on-secondary: #bfbfc0;
  --icons-primary: #16191c;
  --icons-secondary: #5b6065;
  --icons-positive: #1ab2b3;
  --icons-attention: #ad821f;
  --icons-success: #007637;
  --icons-info: #0488ca;
  --icons-destructive: #c91d2b;
  --icons-disabled: #7d8185;
  --icons-invert-destructive: #ff4c5b;
  --icons-invert-dark: #16191c;
  --icons-invert-light: #f5f5f6;
  --icons-invert-disabled: #939597;
  --icons-action: #f5f5f6;
  --illustrations-neutrals-neutral-500: #ffffff;
  --illustrations-neutrals-neutral-400: #ffffff;
  --illustrations-neutrals-neutral-300: #ffffff;
  --illustrations-neutrals-neutral-200: #ffffff;
  --illustrations-neutrals-neutral-100: #ffffff;
  --illustrations-azul-azul-100: #ffffff;
  --illustrations-red-red-100: #ffffff;
}
:root .dark,
:host .dark {
  --background-primary: #111518;
  --background-secondary: #1e2327;
  --background-fade: #5b6065bf;
  --background-opacity: #111518cc;
  --fill-primary: #111518;
  --fill-secondary: #1e2327;
  --fill-hover: #262b2f;
  --fill-hover-on-secondary: #393e41;
  --fill-disabled: #2a3035;
  --fill-positive-primary: #f1f1f1;
  --fill-positive-primary-hover: #ffffff;
  --fill-positive-secondary: #1ab2b3;
  --fill-positive-secondary-hover: #1ebfbf;
  --fill-positive-attention: #ffd83f;
  --fill-positive-attention-hover: #e4b92c;
  --fill-positive-success: #053321;
  --fill-positive-success-hover: #558371;
  --fill-positive-info: #013955;
  --fill-positive-info-hover: #5a7591;
  --fill-destructive-primary: #c91d2b;
  --fill-destructive-primary-hover: #d83b48;
  --fill-destructive-secondary: #c91d2b;
  --fill-destructive-secondary-hover: #380106;
  --fill-destructive-tertiary: #380106;
  --fill-invert-primary: #1e2327;
  --fill-invert-secondary: #2a3035;
  --fill-invert-tertiary: #393e41;
  --fill-invert-hover: #393e41;
  --fill-invert-disabled: #393e41;
  --fill-invert-positive-primary: #1ab2b3;
  --fill-invert-positive-primary-hover: #129899;
  --fill-invert-destructive-secondary: #380106;
  --fill-invert-destructive-secondary-hover: #a01420;
  --text-primary: #f5f5f6;
  --text-secondary: #bfbfc0;
  --text-action: #16191c;
  --text-disabled: #939597;
  --text-positive-primary: #1ab2b3;
  --text-destructive: #ff4c5b;
  --text-invert-primary: #f5f5f6;
  --text-invert-secondary: #bfbfc0;
  --text-invert-tertiary: #f5f5f6;
  --text-invert-action: #16191c;
  --text-invert-disabled: #939597;
  --border-default: #393e41;
  --divider-primary: #393e41;
  --divider-invert-light: #eeeeee;
  --divider-invert-dark: #393e41;
  --divider-positive: #1ab2b3;
  --divider-on-color: #0c8c8d;
  --divider-on-secondary: #5b6065;
  --border-hover: #5b6065;
  --text-invert-destructive: #ff4c5b;
  --border-disabled: #616568;
  --border-positive-primary: #f1f1f1;
  --border-positive-secondary: #1ab2b3;
  --border-destructive: #ff4c5b;
  --border-invert-destructive: #c91d2b;
  --border-invert-dark: #393e41;
  --border-invert-light: #eeeeee;
  --border-invert-disabled: #939597;
  --border-on-color: #0c8c8d;
  --border-on-secondary: #5b6065;
  --icons-primary: #f5f5f6;
  --icons-secondary: #bfbfc0;
  --icons-positive: #1ab2b3;
  --icons-attention: #ffee84;
  --icons-success: #5be19d;
  --icons-info: #51c5ff;
  --icons-destructive: #ff4c5b;
  --icons-disabled: #939597;
  --icons-invert-destructive: #ff4c5b;
  --icons-invert-dark: #16191c;
  --icons-invert-light: #f5f5f6;
  --icons-invert-disabled: #939597;
  --icons-action: #16191c;
  --illustrations-neutrals-neutral-500: #ffffff;
  --illustrations-neutrals-neutral-400: #ffffff;
  --illustrations-neutrals-neutral-300: #ffffff;
  --illustrations-neutrals-neutral-200: #ffffff;
  --illustrations-neutrals-neutral-100: #ffffff;
  --illustrations-azul-azul-100: #ffffff;
  --illustrations-red-red-100: #ffffff;
}
.lightModeVisible {
  visibility: visible;
}
.darkModeVisible {
  visibility: hidden;
}
@media (prefers-color-scheme: dark) {
  body:not(.dark) .lightModeVisible {
    visibility: hidden;
  }
  body:not(.dark) .darkModeVisible {
    visibility: visible;
  }
}
body.light .lightModeVisible {
  visibility: visible;
}
body.light .darkModeVisible {
  visibility: hidden;
}
body.dark .lightModeVisible {
  visibility: hidden;
}
body.dark .darkModeVisible {
  visibility: visible;
}
body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 800px;
  height: 568px;
  user-select: none;
  font-weight: var(--subhead-font-weight);
  font-size: var(--subhead-font-size);
  line-height: var(--subhead-line-height);
  letter-spacing: var(--subhead-letter-spacing);
  background-color: var(--background-primary);
}
body b,
body em {
  font-weight: var(--subhead-emphasized-weight);
}
h1 {
  margin: 0;
  font-weight: var(--callout-emphasized-weight);
  font-size: var(--callout-font-size);
  line-height: var(--callout-line-height);
  letter-spacing: var(--callout-letter-spacing);
}
h2 {
  margin: 0;
}
h3 {
  margin: 0;
}
p {
  margin: 0;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: var(--background-secondary);
  border-radius: 4px;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
* {
  scrollbar-color: var(--background-secondary) transparent;
  scrollbar-width: thin;
}
.base-inverted * {
  scrollbar-color: var(--border-invert-dark) transparent;
}
.base-inverted *::-webkit-scrollbar-thumb {
  background-color: var(--border-invert-dark);
}