.IOfXJQFWTCjCR0UBjn1cNg\=\= {
  display: flex;
  align-items: center;
}

.UIigUmpgcF\+sm2h4-evCBA\=\= {
  max-width: 504px;
  padding: 16px;
  border-radius: 4px;
}

.BIKN1\+0FlaOSdf1yRl3zZQ\=\= {
  display: flex;
  align-self: flex-start;
  margin: 6px 12px 0 0;
}

.BIKN1\+0FlaOSdf1yRl3zZQ\=\= > svg {
  width: 12px;
  height: 12px;
}

.BIKN1\+0FlaOSdf1yRl3zZQ\=\=.LPT7WdzOdcqxng1H5ekKFw\=\= svg path,
.LPT7WdzOdcqxng1H5ekKFw\=\= svg path {
  fill: var(--content-error);
}

.BIKN1\+0FlaOSdf1yRl3zZQ\=\=.iuAdawH-dOjeMBoHtxAybg\=\= svg path,
.iuAdawH-dOjeMBoHtxAybg\=\= svg path {
  fill: var(--content-accent);
}

.BIKN1\+0FlaOSdf1yRl3zZQ\=\=.iRFnRsin91mSt8lAP1D5pQ\=\= svg path,
.iRFnRsin91mSt8lAP1D5pQ\=\= svg path {
  fill: var(--content-warning);
}

.qwjNu2wJfc\+VCgurnnICjA\=\= {
  margin: 0;
  text-align: left;
}

.UIigUmpgcF\+sm2h4-evCBA\=\= .qwjNu2wJfc\+VCgurnnICjA\=\= {
  color: var(--content-primary-a);
}

.UIigUmpgcF\+sm2h4-evCBA\=\= .qwjNu2wJfc\+VCgurnnICjA\=\= a,
.UIigUmpgcF\+sm2h4-evCBA\=\= .qwjNu2wJfc\+VCgurnnICjA\=\= a:hover {
  color: var(--content-primary-a);
  text-decoration: underline;
  cursor: pointer;
}

.IOfXJQFWTCjCR0UBjn1cNg\=\=:not(.UIigUmpgcF\+sm2h4-evCBA\=\=) .qwjNu2wJfc\+VCgurnnICjA\=\= {
  color: var(--content-secondary);
}

.IOfXJQFWTCjCR0UBjn1cNg\=\=:not(.UIigUmpgcF\+sm2h4-evCBA\=\=) .qwjNu2wJfc\+VCgurnnICjA\=\= a,
.DRDomdWRDkqMp3xwCbzFHQ\=\= .qwjNu2wJfc\+VCgurnnICjA\=\= a:hover {
  color: var(--content-accent);
  text-decoration: underline;
  cursor: pointer;
}

.Vj8oGbjTRVmeJhuR1vJo\+g\=\= {
  background-color: var(--background-error-low);
  border: 1px solid var(--border-error);
}

.Xu6YVa7Poc5IMB5T9b1QHQ\=\= {
  background-color: var(--background-accent-low);
  border: 1px solid var(--border-accent-high);
}

.ufymglBB\+bmUmG32CTmNsw\=\= {
  background-color: var(--background-warning-low);
  border: 1px solid var(--border-warning);
}

.U8NL92fXGa2BNfT2aatELA\=\= {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0;
}

.S6vCiK6tQuJ8-XeqAEhFRg\=\= {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 16px;
  color: var(--content-primary-a);
}

._9VvTI6E51OZaMsjt2\+2p\+Q\=\= {
  display: flex;
  align-items: center;
  margin: 0;
}

.d0xCdobJBaKphD272eUnkw\=\= {
  color: var(--content-secondary);
}

.G6UnJwlCvtt-OALKfAMLGw\=\= {
  display: none;
}

._8ba0sfBApli4MnCuAWv3XA\=\= {
  position: relative;
  z-index: var(--z-index-default);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: var(--elevation-default);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}

.XTz39SpVkGFDXjYyM4Vwqg\=\= {
  width: 240px;
  padding: 8px 0;
  overflow: auto;
  background-color: var(--elevation-high);
  box-shadow: var(--shadow-high);
  border-radius: 4px;
}

.sPmPng-Ac8RAWizE0Li6mg\=\= {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--content-primary-a);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sPmPng-Ac8RAWizE0Li6mg\=\=[data-hovered='true'] {
  background-color: var(--background-secondary);
}

.sPmPng-Ac8RAWizE0Li6mg\=\=[data-selected='true'] {
  background-color: var(--state-selected);
}

@media only screen and (width >= 1369px) {
  .G6UnJwlCvtt-OALKfAMLGw\=\= {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.ZbnnUKEECZK8N83eZn70\+Q\=\= {
  --focus-outline-color: var(--border-accent-low);
  --bg-color: var(--background-primary);
  --fg-color: var(--content-primary-b);

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 16px;
  line-height: 24px;
  color: var(--fg-color);
  appearance: none;
  cursor: pointer;
  user-select: none;
  background-color: var(--bg-color);
  border: none;
  border-radius: 4px;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;

  &::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: '';
    background-color: var(--overlay-primary-b-color);
    opacity: var(--overlay-opacity);
  }

  &:hover::after {
    --overlay-opacity: var(--hover-opacity);
  }

  &:active::after {
    --overlay-opacity: var(--pressed-opacity);
  }

  &[disabled],
  &[aria-disabled='true'] {
    cursor: not-allowed;

    &::after {
      cursor: not-allowed;
      background-color: var(--overlay-primary-b-color);
      border-radius: 4px;

      --overlay-primary-a-color: var(--primary-white);
      --overlay-opacity: var(--disabled-opacity);
    }

    &.mg1uwc9iYHSA6lj7BMkpow\=\= {
      border: 1px solid var(--border-secondary);
    }
  }

  &:active::after,
  &:hover::after {
    border-radius: 4px;
  }
}

.ZbnnUKEECZK8N83eZn70\+Q\=\=:not([data-focus-visible]) {
  box-shadow: none;
}

.ZbnnUKEECZK8N83eZn70\+Q\=\=[data-hovered] {
  --overlay-opacity: var(--hover-opacity);
}

.ZbnnUKEECZK8N83eZn70\+Q\=\=[data-pressed] {
  --overlay-opacity: var(--pressed-opacity);
}

.mg1uwc9iYHSA6lj7BMkpow\=\= {
  --bg-color: transparent;
  --fg-color: var(--content-primary-a);

  border: 1px solid var(--fg-color);

  &::after {
    background-color: var(--overlay-primary-a-color);
  }
}

a.ZbnnUKEECZK8N83eZn70\+Q\=\= {
  text-decoration: none;
}

.rV\+pDUwph2vEDjYvRdoS8w\=\= {
  --bg-color: none;
  --fg-color: var(--content-primary-a);

  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0;
  border: 1px solid var(--fg-color);
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;

  &:hover {
    color: var(--fg-color);
    border-bottom-color: var(--fg-color);
  }

  &[disabled]::after,
  &[aria-disabled='true']::after {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  &::after {
    background-color: var(--overlay-primary-a-color);
    border-radius: 0;
  }
}

._1UK8r8WN2R12uONCUbanGQ\=\= {
  --fg-color: var(--content-primary-b-static);
  --bg-color: var(--background-error-high);

  border: none;
}

.R9631lhzeNVgIDbW-dRdXg\=\= {
  --bg-color: var(--background-secondary);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 4px;

  &::after,
  &.ZbnnUKEECZK8N83eZn70\+Q\=\=::after {
    border: none;
  }

  &.YHIER2VTIs\+HONZuMhu3ww\=\= {
    width: 32px;
    height: 32px;
  }

  &.cwyFnpmUNgdVdpUkeoihtA\=\= {
    width: 48px;
    height: 48px;

    img,
    svg {
      width: 16px;
      height: 16px;
    }
  }

  &.rV\+pDUwph2vEDjYvRdoS8w\=\= {
    --bg-color: transparent;

    &::after {
      border-radius: 4px;
    }
  }
}

.YHIER2VTIs\+HONZuMhu3ww\=\=:not(.rV\+pDUwph2vEDjYvRdoS8w\=\=) {
  height: 32px;
}

.cwyFnpmUNgdVdpUkeoihtA\=\=:not(.rV\+pDUwph2vEDjYvRdoS8w\=\=) {
  height: 48px;
}

.swt0ethgWavOcBMkngAh8w\=\=:not(.rV\+pDUwph2vEDjYvRdoS8w\=\=) {
  display: flex;
  width: 100%;
}

.ZbnnUKEECZK8N83eZn70\+Q\=\= svg {
  color: var(--content-primary-a);
}

.c6ms-vWxH8SojssxeKBBjQ\=\= {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: inherit;
}

._2x-W8VS26KGJ9p6JvMutiw\=\= {
  --border-color: var(--border-secondary);
  --fg-color: var(--content-primary-a);
  --focus-outline-color: var(--border-accent-low);
  --overlay-opacity: 0;
  --border-radius: 100px;

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: calc(8px - 1px) calc(16px - 1px);
  font-size: var(--body-1-font-size);
  font-weight: var(--body-1-font-weight);
  line-height: var(--body-1-line-height);
  color: var(--fg-color);
  user-select: none;
  background-color: var(--elevation-mid);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);

  &:hover::after {
    --overlay-opacity: var(--hover-opacity);
  }

  &:active::after {
    --overlay-opacity: var(--pressed-opacity);
  }

  &[disabled],
  &[aria-disabled='true'] {
    cursor: not-allowed;

    --overlay-primary-a-color: var(--overlay-primary-b-color);

    &::after {
      --overlay-opacity: var(--disabled-opacity);

      cursor: not-allowed;
    }
  }

  &::after {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    pointer-events: none;
    content: '';
    background-color: var(--overlay-primary-a-color);
    border-radius: var(--border-radius);
    opacity: var(--overlay-opacity);
  }

  &:focus-visible {
    box-shadow: 0 0 0 4px var(--focus-outline-color);
  }

  &.FdmbnihGfSt\+0IDAN6Jiew\=\= {
    --fg-color: var(--content-primary-a);

    background-color: var(--background-accent-low);

    --border-color: var(--border-accent-high);
  }

  svg {
    width: 16px;
    height: 16px;
  }

  .desjnEK82QxcY0xGBZWpdQ\=\= {
    color: var(--content-accent);
  }
}

.Iil9X5bW7i1wpB52UEI02Q\=\= {
  display: flex;
  align-items: center;
}

/* Color */
.YYC\+-tSl2lMlnOhfieCveQ\=\= svg path {
  stroke: var(--content-primary-a);
}

._51vm6Zj\+fe7mAsKV25He4g\=\= svg path {
  stroke: var(--content-primary-b);
}

.MuA2qDZZSeuuPZhOWPrJ7w\=\= svg path {
  stroke: var(--content-primary-b-static);
}

._2s7ZrbTfvuKb72Y6UzcSfw\=\= svg path {
  stroke: var(--content-error);
}

/* Size */
.xvYLVjVJvVtSYabEhfsVYg\=\= {
  width: 12px;
  height: 12px;
}

.-W6qYXx0cknpACtfr5R7TQ\=\= {
  width: 16px;
  height: 16px;
}

._4g\+6rbXh5JCzW6c5goFQpw\=\= {
  width: 24px;
  height: 24px;
}

.Wq1iiUl6CHFG-AUw0CjuXw\=\=:not([data-focus-visible]) {
  box-shadow: none;
}

.Wq1iiUl6CHFG-AUw0CjuXw\=\=[data-focus-visible] {
  border-radius: 4px;
}

.lok8UBv1IY2EQok58MXBCw\=\= {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  align-items: center;
  padding: calc(4px - 1px) calc(6px - 1px);
  color: var(--content-primary-a);
  white-space: nowrap;
  background-color: var(--elevation-default);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

.Ec1-zq9QM7hAVfp4MU0A9w\=\= {
  padding: 4px 6px;
  background-color: var(--background-secondary);
  border: 0;
}

.FJ53A1hcMzawWwQOXtF3QQ\=\= {
  display: flex;
}

.OPRE4poI4aYTPktAMXVwnQ\=\= {
  color: var(--content-error);
}

.vQmODM17grUPROVkH8xrfg\=\= {
  color: var(--content-secondary);
}

._0K7Mz1C\+rXpkgrAU-pfywg\=\= {
  color: var(--content-success);
}

.S3pS3PLDwMfBGZN\+GNH2Uw\=\= {
  color: var(--content-accent);
}

.q9Z0nKTw28x-kamZ67iImQ\=\= {
  color: var(--content-warning);
}

.muvMU3D9IngJoHbzm352fw\=\= {
  color: var(--content-primary-a);
}

.qpSxakL9CQsx\+7BX9qKIPA\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 80px;
  padding: 16px;
  text-decoration: unset;
  appearance: none;
  cursor: pointer;
  background-color: var(--elevation-high);
  border-radius: 4px;
  outline: none;
  transition: all var(--transition-duration-short) ease-in-out;
}

.om42cKt2W62QjjlnJExjRw\=\= {
  border: 1px solid var(--border-tertiary);
  box-shadow: var(--shadow-low);

  &:hover {
    box-shadow: var(--shadow-high);
  }

  &:focus-visible {
    box-shadow: 0 0 0 4px var(--border-accent-low);
  }
}

.ZAIcuA0n7nw-4pPBoeuBJg\=\= {
  border: 1px dashed var(--border-tertiary);

  &:hover {
    border-color: var(--border-secondary);
  }

  &:focus-visible {
    box-shadow: 0 0 0 4px var(--border-accent-low);
  }
}

._0Kwsy3PlPrB90ltLSkcoIQ\=\= {
  cursor: not-allowed;
  background-color: var(--elevation-low);
  border-color: var(--border-tertiary);
  box-shadow: none;
  opacity: var(--disabled-opacity);
}

.vW0nsrYaThi3dnJZyOz34w\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.vW0nsrYaThi3dnJZyOz34w\=\= svg {
  width: 100%;
  height: auto;
}

.IFH-8ycJu8D-RfuQDPDaow\=\= {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.eaDDKcook9HZZz8f4Co3Gg\=\= {
  color: var(--content-primary-a);
  text-align: left;
}

.Sytzi5Jteer\+J7lv8NCu5Q\=\= {
  color: var(--content-secondary);
  text-align: left;
}

.IfhpM\+mTV5JEqDqzuocQ9A\=\= {
  color: var(--content-secondary);
  text-align: left;
}

.YKpMYcgjqOmIXi-j8qq-ew\=\= {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 16px;
  height: 16px;
  margin-left: 24px;
  background: transparent;

  svg {
    width: auto;
    height: 16px;

    path {
      fill: var(--content-secondary);
    }
  }
}

.agSFXflVahXGzCfppl5IUg\=\= {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--background-placeholder);
  background-size: 1000px 104px;
  animation-name: _7e30TyAO1eTuRhQMQAPDNg\=\=;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

.Z9NoX9LId\+8F0\+jEMt8dCw\=\= {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.ekn9r4M7uh39iCoaPN0YLQ\=\= {
  width: 400px;
  height: 70px;
  border-radius: 4px;
}

.OA8HbqH0DEhrvmWRL5SnZQ\=\= {
  width: 100%;
  height: 8px;
  margin-top: 8px;
  border-radius: 50px;
}

.OA8HbqH0DEhrvmWRL5SnZQ\=\=.bvCdd6LOwBddZLZR07LaFg\=\= {
  margin-top: 0;
}

.cBzHjH0He9v3lF060msgYg\=\= {
  width: 100%;
}

@keyframes _7e30TyAO1eTuRhQMQAPDNg\=\= {
  0% {
    background-position: -500px;
  }

  100% {
    background-position: 500px;
  }
}

.DxBcbJzAVBQs-EcEfW1bQA\=\= {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 8px;

  & > img {
    width: 27px;
    height: 20px;
  }
}

.aOVtA9sZW-hverWewUsHIw\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--content-primary-a);
}

.uPxjQm9Msc-ra9Ac-OqRHg\=\= {
  position: relative;
  line-height: 22px;
}

._4w\+Ju\+gXgpXb7nvx5smtVw\=\= {
  padding: 8px 12px;
  background-color: var(--elevation-default);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  transition: border-color 0.5s;
}

.aOVtA9sZW-hverWewUsHIw\=\=[data-disabled] ._4w\+Ju\+gXgpXb7nvx5smtVw\=\= {
  cursor: not-allowed;
  background-color: var(--elevation-low);
}

.QpYKSZE0n27vThEH7TjXwA\=\= {
  opacity: 0.45;
}

.aOVtA9sZW-hverWewUsHIw\=\=[data-invalid] ._4w\+Ju\+gXgpXb7nvx5smtVw\=\= {
  border-color: var(--border-error);
}

.pWQ8k3qpxpcmU4N25Gc1XA\=\= {
  border-color: var(--border-accent-high);
  box-shadow: 0 0 0 4px var(--border-accent-low);
}

.ySblGBNS\+aoMpsp6V3-6EQ\=\= {
  position: absolute;
  top: 0;
  right: 12px;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.prkTnFqF5WVgChErIA4BqA\=\= {
  width: 100%;
  box-sizing: border-box;
}

._9W9GwE\+e47JXIKNtBXs0bQ\=\= {
  color: var(--content-error);
}

.\+4NgvvihOyfMXoZbfo6xtw\=\= {
  padding: calc(8px - 1px) calc(12px - 1px);
  font-size: var(--body-1-font-size);
  font-weight: var(--body-1-font-weight);
  line-height: 24px;
  color: var(--content-primary-a);
  background-color: var(--elevation-default);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  transition: border-color 0.5s;

  &::placeholder {
    line-height: 24px;
    color: var(--content-tertiary);
    opacity: 1;
  }

  &:focus-visible {
    border-color: var(--border-accent-high);
  }
}

.\+4NgvvihOyfMXoZbfo6xtw\=\=[data-disabled] {
  cursor: not-allowed;
  background-color: var(--elevation-low);
  opacity: 0.45;
}

.\+4NgvvihOyfMXoZbfo6xtw\=\=[data-invalid] {
  border-color: var(--border-error);
}

.\+4NgvvihOyfMXoZbfo6xtw\=\=[readonly] {
  background-color: var(--elevation-low);
}

._9KOXWHMCxsMaTR-V4JCKvQ\=\=,
.ZC0qCRo21WKmq\+BWrDpnSw\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.jbLsDFH003RN6wLvScVlQQ\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.jbLsDFH003RN6wLvScVlQQ\=\= > div {
  flex: 1;
  min-width: 200px;
}

.CeMuNer3krOBLXyjNxUXOw\=\= {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 8px;
  color: var(--content-secondary);
}

.HHTPuKtfGhzbhdQsAuQeFQ\=\= {
  margin: 24px 0 16px;
}

.wzhkkkDe-I0lNP4SprCRRw\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.twF7ToJGQzgB8C5vrn3RBw\=\= {
  display: inline-block;
  background-color: var(--gray100);
  border-radius: 2px;
}

._73VFHjeSPJxanSs46hqykg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.C-k8VsKMCbDezEm1gDsNdA\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  flex-basis: 0;
}

.s-1FPHrCZyMGtXzdXCfmbQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 2px;
  line-height: 16px;
}

._6lOaoePLFpPGWGFPOtYwtg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;

  .wZxC\+AAHlfO6lx2HVZ9VQw\=\= {
    display: inline-block;
    flex-shrink: 0;
    width: 144px;
  }

  &._44sdTCOCk7l3PfVDqmhjiQ\=\= {
    .wZxC\+AAHlfO6lx2HVZ9VQw\=\= {
      width: 110px;
    }

    > * {
      line-height: 12px;
    }
  }
}

.JDLi3cPDqIOGiFlCSst47A\=\= {
  display: flex;
  flex-direction: column;
}

.n3An2vH5VJK6oD1I7JLaOA\=\= {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 29px;
}

.CoO7iIVNUkL1pAKgkJopgg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 153px;
}

.mzg5Qe\+GRDu7vL4lJGN9Zw\=\= {
  display: flex;
  justify-content: space-between;
  width: 273px;
}

.WobaUZOT62QHxnEGk49yvA\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 206px;
  margin-left: auto;
}

.Nz1wHftLQV-YyNNeT1H4yw\=\= {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._6huZP51ApTq73WxizIokSQ\=\= {
  margin-bottom: 22px;
}

.VyvqBwR1wd\+g3FFGeQZt\+A\=\= {
  margin-left: 4px;
}

._430QnFpRAqli\+qGc2knS8Q\=\= {
  margin-left: 5px;
}

.mrRNK73FT1z2h05i6x7tTA\=\= {
  margin-left: 15px;
}

.DWQgoj9oPiN4H6vd5P-P2g\=\= {
  margin: 0;
  white-space: pre-line;
}

.ziHla6PniAlvCq7zFyLvZw\=\= {
  margin-top: 0;
  white-space: pre-line;
}

._4wDXn0Dw-w7UUyrGW\+mFAg\=\= {
  color: var(--content-accent);
  text-decoration: underline;
  cursor: pointer;

  &:hover {
    color: var(--content-accent);
  }
}

.h19BaJCnrj2oOUV1fJ5aoA\=\= {
  color: var(--invoice-color-text-66);
}

.M198eIExlpyrR9TEm33o4A\=\= {
  color: var(--content-accent);
  text-decoration: underline;
  cursor: pointer;

  &:hover {
    color: var(--content-accent);
  }
}

.T0NL7n-34Qr8CkX-ZHTtBg\=\= {
  margin-top: 0;
}

.owCny3rfN5CL2NAr1mayZg\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.c9YHewc\+75hM0YZwkfdzbA\=\= {
  width: 180px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  flex: 1 0 0;
  color: var(--invoice-color-text-66);
}

.aaWWIIsiolG8-KY52q2OGA\=\= {
  margin-bottom: 16px;
  text-align: right;
  color: var(--invoice-color-text-66);
}

.KWRCDYgrlnt5MQsJqTroPw\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.j5X6SrtbxB067SWImNJmPA\=\= {
  display: inline-block;
  width: 180px;
}

.CDQIe1AO8m9sMPElvaz8Yg\=\= {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 72px;
  padding: 0 12px;
  margin-bottom: 16px;
  background-color: var(--gray50);
  color: var(--content-primary-a-static);
}

.i4PmUL71oMgMv2fl2u\+wXw\=\= {
  display: flex;
  gap: 8px;
  align-items: center;
}

.kjIieFQscPe4cA9jL-mzOw\=\= {
  width: 48px;
  height: 48px;
}

.FTKG\+iTFUFZnIdb2jbpAtA\=\= {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px !important;
  padding: 4px 8px;
  font-size: 10px;
  border-radius: 4px;
  background: var(--content-primary-a-static);
  color: var(--content-primary-b-static);
  text-decoration: none;
}

.FTKG\+iTFUFZnIdb2jbpAtA\=\= svg {
  width: 10px;
  height: 10px;
}

.Ko243fdwWNsA\+rVUV9Ak2w\=\= {
  padding: 8px 0;
}

.QvpIhE7NTBkoHNFVAJyFhw\=\= {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--invoice-color-text-66);
  font-size: 10px;
  line-height: 16px;
}

.CmAc-thPwoDxRZ2YAiycUw\=\= {
  font-size: 9px !important;
}

.R\+B8mW\+MMVwLjVaRTOVlHQ\=\= {
  font-size: 8px !important;
}

.jW4I94N7\+ppkSUFJCO1XXQ\=\=, .Rg7SEfGA7cs-OEAzWGbthw\=\= {
  width: 100%;
  margin-top: auto;
}

.jW4I94N7\+ppkSUFJCO1XXQ\=\= {
  padding: 24px 48px;
  background-color: var(--invoice-color-theme-05);
}

.Rg7SEfGA7cs-OEAzWGbthw\=\= {
  padding: 16px 67px 40px 84px;
  background-color: var(--primary-white);

  ._7oPtKF4esFakagzddNOj7Q\=\= {
    margin-bottom: 58px;
  }
}

.QoHra65BVHsxQ0vhwXYp4w\=\= {
  margin-top: 16px;
  width: 100%;
  height: 1px;
  background-color: var(--gray300);
}

.lb5APYYDfPqOZufOyALhow\=\= {
  flex-grow: 1;
  flex-basis: 0;
  font-style: normal;
}

.fHY9ZFK3icGeAh2H7TDKxg\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.JEBkQ-xw9GcvBM6j4tvXVQ\=\= {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  gap: 24px;

  &.F8Oesbyzcv1NkunRrsgDQA\=\= {
    flex-direction: column;
    justify-content: unset;
    gap: 40px;
  }
}

.MYSURO2tIdM-EnuDSYH5Tw\=\= {
  display: flex;
  flex-direction: column;
  gap: 2px;

  &:not(:last-child) {
    margin-bottom: 2px;
  }
}

.SXB8UJoHxVlqOcz-12DAhw\=\= {
  display: flex;
  align-items: flex-start;
  gap: 8px;

  .AbPLRmwDSb8yXKtgtXUlIA\=\= {
    display: inline-block;
    flex-shrink: 0;
    width: 144px;

  }

  &.XdbylLz\+FB99ckDDPGaHFg\=\= {
    .AbPLRmwDSb8yXKtgtXUlIA\=\= {
      width: 110px;
    }

    > * {
      line-height: normal !important;
    }
  }
}

.Mqs8qMV7cMkI7hXRya9Euw\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 126px;
  margin-right: 4px;

  &.vb\+NgslK6bbuyQZt9ac4gg\=\= {
    height: 100px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right top;
  }
}

._4zn3duqpoOLnWNzFlDx3eQ\=\= {
  margin: 0 3px;
}

.oXvOooG6tLrWRvy0hqvtkg\=\= {
  display: inline-block;
  width: 180px;
}

.YzWDCHoXHVBDUChxwJPmow\=\= {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 0;

  &:not(.Ybfk\+1DAUcIFMO35rDnYUg\=\=) {
    margin-bottom: 24px;
  }

  &.Ybfk\+1DAUcIFMO35rDnYUg\=\= {
    font-size: 22px;
    line-height: 22px;
    min-height: 100px;
  }
}

._5NN0wA-6\+wy3x\+LtRynFdQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 40px;

  &.VgILk7FQ5QHmLMzvHr5-mg\=\= {
    gap: 26px;
  }
}

.CrfxYaoG6SB7poeluJuqhg\=\= {
  display: flex;
  justify-content: space-between;
}

._1vMq2zEou-ds4o1oyQjeUw\=\= {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

._4Iv4UXusUflf1D6kridgxg\=\= {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  width: 220px;
}

.xOxQONOCsQvjPPwUDv2SpA\=\= {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 708px;
  color: var(--invoice-color-text);
  word-wrap: anywhere;
  background-color: var(--primary-white);
  box-shadow: var(--shadow-high);
  min-height: 985px;

  --invoice-color-theme-05: rgb(from var(--invoice-color-theme) r g b / 5%);
  --invoice-color-text-66: rgb(from var(--invoice-color-text) r g b / 66%);

  &.a-tlISCqvsJYE-WMDfk1JQ\=\= {
    min-height: 894px;
  }

  ._6R0jP57JJEWHpM0vkhOBJA\=\= {
    padding: 48px 48px 64px;

    .Xsz9Uet62GsORmRdB-pvhQ\=\= {
      display: flex;
      flex-direction: column;
      gap: 40px;
      margin-top: 40px;
    }
  }

  .label-1 {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }

  .label-2 {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 11px;
  }

  .body-1 {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }

  .body-1-bold {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }

  .body-2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
  }

  .body-3 {
    font-size: 7.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px;
    word-wrap: break-word;
  }
}

.xOxQONOCsQvjPPwUDv2SpA\=\=._4Xyj\+u6iCWfURQIbea\+Ahg\=\= {
  ._6R0jP57JJEWHpM0vkhOBJA\=\= {
    padding: 67px 67px 40px 84px;

    .Xsz9Uet62GsORmRdB-pvhQ\=\= {
      display: flex;
      flex-direction: column;
      gap: 24px;
      margin-top: 24px;
    }
  }

  .label-1 {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
  }

  .label-2 {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 11px;
  }

  .body-1 {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .body-1-bold {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .body-2 {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
  }

  .body-3 {
    font-size: 7.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 8px;
    word-wrap: break-word;
  }
}

.njyQXedIlNg13QLFbm0EqA\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Z-TkjRAqa2SwPiQDKsAuMg\=\= {
  width: 296px;
  margin-right: 0;
  margin-left: auto;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  color: var(--invoice-color-text-66);
  text-align: right;
}

._11KhiQYVLbeNy\+jsdRDVSA\=\= {
  color: var(--invoice-color-text-66);
}

.Y04\+xae3gZADylAPhHkJsQ\=\= {
  &:not(.qhenWnPjkw0IzWT0f2S9hQ\=\=) {
    border-bottom: 1px solid var(--gray300);
  }

  td {
    padding: 12px 6px;
    white-space: nowrap;

    &.kPZYZBgdB-Nk-ZT2sUCZpw\=\= {
      text-align: left;
      white-space: normal;
      padding: 12px;

      .JSu6xLGuUn6sxOb4Oo6DUQ\=\= {
        margin: 2px 0;
      }

      .hX1dndc7rU7lQcVHgT3oEQ\=\= {
        color: var(--invoice-color-text-66);
        white-space: pre-line;
      }
    }

    &._2zITBospPLBcMPGlFPKzzQ\=\= {
      text-align: right;
    }

    &.Yr4ZXCRy6nFLvGEX2AyzOg\=\= {
      text-align: right;
    }

    &.DzoeqyuoVIBAzJWGlj0sow\=\= {
      text-align: right;
    }

    &.nzA3UFFk35Ckdl0c8wGiKQ\=\= {
      text-align: right;
      padding: 12px;
    }
  }
}

.DSprnFeiOsclAqZtKI6W5Q\=\= {
  &:not(._7rFkYN51hKvdq5HMC8XZ\+g\=\=) {
    border-bottom: 1px solid var(--gray300);
  }

  td {
    padding: 0 12px 12px 24px;
    text-align: right;
    white-space: nowrap;

    &:first-child {
      text-align: left;
      white-space: normal;
    }

    .JHXQFF\+lOKCXh9Y8ihNFnw\=\= {
      margin: 2px 0;
    }

    .-YPwbjHSKwfAP5HRAuSnIQ\=\= {
      color: var(--invoice-color-text-66);
    }
  }
}

.dbst3GFKPONq5\+ELORJHKw\=\= {
  border-bottom: 1px solid var(--gray300);

  td {
    padding: 0 0 12px 24px;
    text-align: right;
    white-space: nowrap;

    &:first-child {
      text-align: left;
      white-space: normal;
    }

    .hyl31qWra93QYV85K1QatA\=\= {
      margin: 2px 0;
    }

    .BTQPkHCXBOt47zbSwCVl3w\=\= {
      color: var(--invoice-color-text-66);
    }

    p {
      margin: 0;
    }

    ul {
      padding: 0;
      list-style-type: none;
    }

    li,
    a {
      line-height: 16px;
      color: var(--content-accent);
      text-decoration: underline;
      cursor: pointer;
    }

    li:hover,
    a:hover {
      color: var(--content-accent);
    }
  }
}

.KN87SpUQSdWEwq8ot2zXCA\=\= {
  width: 100%;
  border-collapse: collapse;
}

.NFcEEKU7YKbRsLV9p1OJXQ\=\= {
  color: var(--invoice-color-text-alt);
  white-space: nowrap;
  background: var(--invoice-color-theme);

  th {
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 6px;

    &._9oGfZBbc2vwAFxfYhR0Pgw\=\= {
      width: 312px;
      text-align: left;
      padding: 4px 12px;
    }

    &.oJ4vAkrRtSrBfaeCwIjYLQ\=\= {
      width: 257px;
      text-align: left;
      padding: 4px 12px;
    }

    &.-iLV3a6KqXsFtICFX8wg\+g\=\= {
      width: 50px;
      text-align: right;
    }

    &.EsKJx-sjS4BxwNFjrnsXlA\=\= {
      width: 90px;
      text-align: right;
    }

    &.gyRExIoc2MSKh8dtj3jTsQ\=\= {
      width: 60px;
      text-align: right;
    }

    &._8wwYROcoXosOCgr2LI4MsQ\=\= {
      width: 100px;
      text-align: right;
      padding: 4px 12px;
    }
  }
}

.xsAmlZXNEMY\+UHxEgpF31A\=\= + .xsAmlZXNEMY\+UHxEgpF31A\=\= {
  margin-top: 16px;
}

.xsAmlZXNEMY\+UHxEgpF31A\=\=:last-of-type:not(:first-of-type) {
  border-bottom: 1px solid var(--gray300);
}

.rV22FGWNkcp-fP1NocBh5w\=\= {
  margin-top: 0;
  white-space: pre-wrap;
}

.dnQQzp7LTvWFguULy1Gefg\=\= {
  margin-top: 0;
  line-height: 16px;
  color: var(--invoice-color-text-66);
  white-space: pre-wrap;
}

._37wxa55Jk4K9HDNqCRS85A\=\= {
  width: 296px;
  margin-right: 0;
  margin-left: auto;
  border-collapse: collapse;
}

.Ll1NCT-JEwk0XKZUP8VvIg\=\= {
  padding: 8px;
  vertical-align: baseline;
}

._895nxN6J2ONcgLhffFUP7g\=\= {
  text-align: right;
  white-space: nowrap;
}

.icJNGedNOj58YUM08Ycs6A\=\= {
  width: 296px;
  margin-right: 0;
  margin-left: auto;
  border-collapse: collapse;

  td {
    padding: 8px;
    text-align: right;
    vertical-align: baseline;
  }

  td:first-child {
    text-align: left;
  }

  td:last-child {
    white-space: nowrap;
  }

  tr:last-child,
  .TRU\+sdnjbRaQ43CMyrzzxA\=\= {
    background: var(--invoice-color-theme-05);
  }
}

.PPE0p9MbsP6AIjlsCoCYQA\=\= {
  display: none;
  background-color: var(--background-tertiary);

  th {
    padding: 16px;
  }

  .dzfcsE15ePl3zm4K0ICBAw\=\= {
    text-align: left;
  }

  .AusVJxoi3t2cb-RvTuhILw\=\=,
  .p3VvxpO1Bxt3FBqrc90SOQ\=\=,
  .WvkdLfvzJ3rbg3lpjZgHvA\=\= {
    text-align: right;
  }

  @media only screen and (width >= 1024px) {
    display: revert;
  }

  /* Preview mode needs to apply desktop styles regardless of screen size */
  &.nCuUmTtfoZ\+mEEAX5cX9kQ\=\= {
    display: revert;
  }
}

.umDJgcyT2yx\+D7bwsQO3Hw\=\= {
  border-bottom: 1px solid var(--border-tertiary);

  td {
    padding: 16px;
    vertical-align: middle;
  }

  .qQc5RjHKuHQbHm78n7B\+Wg\=\= {
    text-align: left;
  }

  .UNbDJKg63bN-GIf9ST-I2Q\=\= {
    max-width: 218px;
    word-wrap: break-word;
  }

  .wKE1mZB7kbSlsu8dHp99qg\=\= {
    max-width: 218px;
    word-wrap: break-word;
    margin-top: 4px;
    color: var(--content-secondary);
    font-size: var(--caption-font-size);
    font-weight: var(--caption-font-weight);
    line-height: var(--caption-line-height);
  }

  ._8CN-FAqmofE9r0OKKQit5A\=\= {
    display: block;
    color: var(--content-secondary);
    margin-top: 4px;
  }

  ._4MqYefxe5iUmz9-BIR3Xng\=\= {
    color: var(--content-secondary);
    margin-top: 4px;
  }

  .WsbZTXWngaAlzN521yDXWA\=\= {
    white-space: nowrap;
  }

  .WsbZTXWngaAlzN521yDXWA\=\=,
  .HzV8EtBl6mW1KtUQ9DcR9w\=\=,
  .PxLQn5Ig-\+AP7KAH9UKvuw\=\= {
    text-align: right;
    color: var(--content-primary);
  }

  .WsbZTXWngaAlzN521yDXWA\=\=,
  .HzV8EtBl6mW1KtUQ9DcR9w\=\= {
    display: none;
  }

  @media only screen and (width >= 640px) {
    .HzV8EtBl6mW1KtUQ9DcR9w\=\= {
      display: revert;
    }

    .wKE1mZB7kbSlsu8dHp99qg\=\= {
      font-size: var(--body-2-font-size);
      font-weight: var(--body-2-font-weight);
      line-height: var(--body-2-line-height);
    }
  }

  @media only screen and (width >= 1024px) {
    td {
      padding: 16px;
    }

    ._8CN-FAqmofE9r0OKKQit5A\=\= {
      display: none;
    }

    .WsbZTXWngaAlzN521yDXWA\=\=,
    .HzV8EtBl6mW1KtUQ9DcR9w\=\= {
      display: revert;
    }
  }

  /* Preview mode needs to apply desktop styles regardless of screen size */
  &.uuHNcRwhhMuE6vUi5NI\+0A\=\= {
    td {
      padding: 16px;

      &:first-child {
        padding-left: 16px;
      }

      &:last-child {
        padding-right: 16px;
      }
    }

    ._8CN-FAqmofE9r0OKKQit5A\=\= {
      display: none;
    }

    .WsbZTXWngaAlzN521yDXWA\=\=,
    .HzV8EtBl6mW1KtUQ9DcR9w\=\= {
      display: revert;
    }

    .wKE1mZB7kbSlsu8dHp99qg\=\= {
      font-size: var(--body-2-font-size);
      font-weight: var(--body-2-font-weight);
      line-height: var(--body-2-line-height);
    }
  }
}

.pnuz3B9XysZtiC53n7eNag\=\= {
  & :is(td, th) {
    padding: 16px;
  }

  .BgGxJ3YqhfBkBWZXGEtwbA\=\=,
  .ODjUiMXHz6jvtXxv3UvwiA\=\=,
  .ak3qHEzKAOPUxsLsydkFLA\=\= {
    text-align: right;
  }

  .kDdSRJS05c4o9NbttRFvUg\=\=,
  .d4gQGvPkDXJcC7ps8t2sRg\=\=,
  .MWavsMz2x3\+KW3bSmA5Iug\=\= {
    text-align: right;
  }

  .IMtYXNRWVjrdJSH\+wXDxmw\=\= {
    background-color: var(--background-tertiary);
    font-weight: 600;
  }

  .sX7xbdhVI-QPtFLLp7V6hA\=\= {
    display: none;
  }

  @media only screen and (width >= 1024px) {
    .kDdSRJS05c4o9NbttRFvUg\=\=,
    .d4gQGvPkDXJcC7ps8t2sRg\=\=,
    .MWavsMz2x3\+KW3bSmA5Iug\=\= {
      text-align: left;
    }

    .sX7xbdhVI-QPtFLLp7V6hA\=\= {
      display: revert;
    }
  }

  /* Preview mode needs to apply desktop styles regardless of screen size */
  &.FK8VD9gKVKbXzyAaD7t0GA\=\= {
    & :is(td, th) {
      &:last-child {
        padding-right: 16px;
      }
    }

    .kDdSRJS05c4o9NbttRFvUg\=\=,
    .d4gQGvPkDXJcC7ps8t2sRg\=\=,
    .MWavsMz2x3\+KW3bSmA5Iug\=\= {
      text-align: left;
    }

    .sX7xbdhVI-QPtFLLp7V6hA\=\= {
      display: revert;
    }
  }
}

.qH-bbxVSL65GXQPMpdkHHw\=\= {
  @property --col-content-width {
    syntax: '<length>';
    inherits: false;
  }

  width: 100%;
  height: 100%;
  max-width: 800px;
  color: var(--content-primary-a);

  .Nu6h6yIW-y1WZxrBY1nIwA\=\= {
    width: calc(var(--col-content-width) + 32px);
  }

  .mt-3XCG903pDaQjda5bG6w\=\= {
    --col-content-width: 48px;
  }

  .Ye6fcDZFnFjTPN2B7SlEkg\=\= {
    --col-content-width: 80px;
  }

  .XRdHldTsJMxlpLVbKDMxRQ\=\= {
    --col-content-width: 104px;
  }

  .f9cMvvh2-qI4DQDilGDwXg\=\= {
    width: 100%;
    border-collapse: collapse;

    tbody tr:nth-child(even) {
      background-color: var(--elevation-low);
    }
  }

  .cOvdtWNRAlruM3SNDvK7GA\=\= {
    max-width: 99%;
  }

  .mt-3XCG903pDaQjda5bG6w\=\=,
  .Ye6fcDZFnFjTPN2B7SlEkg\=\= {
    display: revert;
  }

  .cuaSRqQG\+Qb30WblDuia3Q\=\= {
    margin-bottom: 24px;
  }

  .vM9cORzcGmuF2aDiy0UpwQ\=\= {
    display: none;
  }

  .hK1bEbBaeNnSJfuyvGgfCw\=\= {
    border: none;
  }

  &:not(._12LPzfyElrBYDWCOeKjutg\=\=) {
    @media only screen and (width < 1024px) {
      .mt-3XCG903pDaQjda5bG6w\=\= {
        display: none;
      }

      .hK1bEbBaeNnSJfuyvGgfCw\=\= {
        border-top: 1px solid var(--border-tertiary);
      }

      .cuaSRqQG\+Qb30WblDuia3Q\=\= {
        margin-bottom: 8px;
      }

      .vM9cORzcGmuF2aDiy0UpwQ\=\= {
        display: block;
        margin-bottom: 24px;
        font-size: 20px;
      }
    }

    @media only screen and (width < 640px) {
      .Ye6fcDZFnFjTPN2B7SlEkg\=\= {
        display: none;
      }

      .vM9cORzcGmuF2aDiy0UpwQ\=\= {
        font-size: 16px;
      }
    }
  }
}

._3DpbJ02e4Kn166eYHp7TIA\=\=,
.xayRRy0By-Dea3-kbS8CHg\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._3U-WAHQJavKb2FjkdInHuQ\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;

  & > div {
    flex: 1;
  }
}

._2lwjaIlEONaKD-4muPq11g\=\= {
  display: flex;
  align-items: center;
  align-self: end;
  gap: 8px;
  color: var(--content-secondary);
}

@media only screen and (width >= 640px) {
  .xayRRy0By-Dea3-kbS8CHg\=\= {
    gap: 24px;
  }
}

._4HpbTuBSuqrGrwvgBOEM3Q\=\= {
  padding: 48px;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;
  color: var(--content-primary-a);
  background-color: var(--elevation-default);
  display: grid;

  & > div {
    grid-row: 1;
    grid-column: 1;
  }
}

._4yzMkEX7sj1aJM1FxuWCkA\=\= {
  background: linear-gradient(to bottom, transparent, var(--elevation-default));
  z-index: 1;
}

.sqeFlQak91Mo2x1tJbxqSg\=\= {
  display: flex;
  gap: 16px;

  & > div {
    flex: 1;
  }
}

.T1mj6VHmQqSjhAkrow3a0w\=\= {
  color: var(--content-primary-a);
  background-color: var(--elevation-default);
  padding: 48px;
  border: 1px solid var(--border-tertiary);
  border-radius: 8px;

  .jVxHFSEsT8B1Azs7aYVtSw\=\= {
    display: block;
  }

  .NwVxCScFoB0fYlfXDFhWXg\=\= {
    margin-bottom: 32px;
  }

  .YndO45LktxGbzTyZ1982Iw\=\= {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .A5CYZsu8qhIr1n90KdzFrg\=\= {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  @media only screen and (width < 1024px) {
    &:not(.zhXNw1Utl\+XprFCd65cVUw\=\=) {
      padding: 0;
      border: none;

      .jVxHFSEsT8B1Azs7aYVtSw\=\= {
        display: none;
      }

      .NwVxCScFoB0fYlfXDFhWXg\=\= {
        margin-bottom: 24px;
      }
    }
  }
}

.OQV07pVqrS6Jl6\+DDyCJsQ\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._8SH6dE4h4l7J49BPSIks5g\=\= {
  position: relative;
  display: flex;
  align-items: center;
}

._8SH6dE4h4l7J49BPSIks5g\=\= > input {
  flex: 1 0;
}

button.E6vECeL2hgvd8QrpqvmZeg\=\= {
  position: absolute;
  right: 12px;
  width: 16px;
  height: 16px;
  padding: 0;
  color: var(--content-primary-a);
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
}

.owzH9lKvcy5PO2xmANoaBw\=\= {
  color: var(--content-primary-a);
  text-align: left;
}

[data-disabled] .owzH9lKvcy5PO2xmANoaBw\=\= {
  opacity: 0.45;
}

.yYd\+L5yXNLWKTJMymvCrsw\=\= {
  color: var(--content-error);
  text-align: left;
}

.xz7w3QwoTpAYxL198WsqNQ\=\= {
  color: var(--content-secondary);
}

[data-invalid] .xz7w3QwoTpAYxL198WsqNQ\=\= {
  display: none;
}

.LuACF2Gcj9jr84kDFNsmYQ\=\= {
  display: flex;
    gap: 32px;
    margin-bottom: 16px;

  > div {
    width: 100%;
    min-width: 256px;
    max-width: 100%;
  }
}

._7CSijLejU9EJi5DAs4NkAA\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

._1GrZehAXKFUHdgfiWiINDA\=\= {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

._3NaKrbk11scpXWSnwR4bQA\=\= {
  transform: scale(var(--scale));
  transform-origin: left top;
  width: calc(1 / var(--scale) * 100%);
  border: 1px solid var(--border-tertiary);
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--content-primary-a);

  ._2eyIUc7OEpI6HR56ckSGwg\=\= {
    height: 70px;
    background-color: var(--background-tertiary);
    padding: 16px 260px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .REzldf8ajX9dT6R5eZ5ckA\=\= {
    display: flex;
    gap: 12px;
    position: absolute;
    left: 24px;
  }

  .-JPT7AKkT1sV2J93dKZuKQ\=\= {
    width: 16px;
    height: 16px;
    border-radius: 50%;

    &.yG8eyZqbtt9uTrvsmGNybw\=\= {
      background-color: #f95656;
    }

    &._2sW2--e6O4wLevLsIoH71Q\=\= {
      background-color: #ec9b50;
    }

    &.vwHxFUa5bytNcifgx16ASg\=\= {
      background-color: #45b184;
    }
  }

  .LHkEpysiP6CoHMXJfpV1tw\=\= {
    background-color: var(--background-secondary);
    border-radius: 8px;
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  ._25Jq0x-MRy5kWKdW8BTF\+w\=\= {
    flex: 1;
  }
}

._0S5Gk5Wk5XJwlmRupxtvSw\=\= {
  position: relative;
  height: 40px;
  padding: 8px;
  cursor: pointer;
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
  transform-origin: top left;
}

.f-tBm8CXItb3WYy1Vhcahw\=\= {
  display: none;
}

.EkIbVoge\+xsXg3op4vDXuQ\=\=:not(.-YMYrccIoBWv0nqSyIOyLQ\=\=) {
  pointer-events: none;
  opacity: 0;
}

.-YMYrccIoBWv0nqSyIOyLQ\=\= {
  background-color: var(--background-accent-high);
  border-color: var(--background-accent-high);
}

.-YMYrccIoBWv0nqSyIOyLQ\=\= .vaPC1LEgMOZKuQlPDNuPbw\=\= {
  color: var(--content-primary-b-static);
}

._0S5Gk5Wk5XJwlmRupxtvSw\=\=:disabled {
  cursor: not-allowed;
  position: relative;
  opacity: var(--disabled-opacity);
}

.Khuvhl4ckBlx\+e1YmDWnmw\=\= {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.vaPC1LEgMOZKuQlPDNuPbw\=\= {
  color: var(--content-primary-a);
}

.wr\+fRRBQRA05ZGrAd2MEsw\=\= {
  margin-left: 10px;
}

.xZ-kLxhGocrgjekG9SSKwA\=\= {
  display: flex;
  color: var(--content-primary-b-static);

  svg {
    width: 12px;
    height: 12px;
  }
}

.Roc6yMD4mAbvCAPjr-Y3Hw\=\= {
  position: relative;
  display: flex;
  gap: 8px;
  min-height: 40px;
}

.JYCURsnnCvRq3cNw6EhySg\=\= {
  flex-wrap: wrap;
}

.HVnoboFpCSKTk6-bhLsuvw\=\= {
  display: none;
}

.iHMYiuy8ufkX7BZX2lbJ7w\=\= {
  display: block;
  flex: auto;
}

.XhBXLrcrnb0VLa-Kp3L7Qw\=\= {
  display: none;
  width: 0;
  padding-left: 0;
  opacity: 0;
}

.I95wua2CYLpTO4ecCSQN\+g\=\= {
  margin: auto 0;
  padding: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.j4yuTQ-5Ie-xxfGGdhdCYw\=\= {
  text-align: center;
  align-self: center;
  min-width: 300px;
  max-width: 550px;
}

.DHkahcMhUBxs\+9-RFO7Clw\=\= {
  color: var(--content-primary-a);
}

.prVowsHH7cI1j4JPpGXTDQ\=\= {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.kJioewZnwlX4VzW0nFzVVQ\=\= {
  width: 100%;
  max-width: 1068px;
  margin: 0 auto;
  border-top: 1px solid var(--border-tertiary);
}

.VSlI\+pBUEjypv5rEspCczg\=\= {
  max-width: 550px;
  margin: auto;
  height: 120px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: var(--content-primary-a);
}

.J6eLcJfL1d\+cHnp8awRH0A\=\= {
  color: var(--content-secondary);
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\= {
  flex: 1;
  color: var(--content-primary-a);
  max-width: 340px;
}

.AfdmxXEkUC\+855aiKRxQ4g\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 170px;
  padding: 25px;
  border-radius: 8px;
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\=.FGA80QdIPIBROLltI2dVkQ\=\= .AfdmxXEkUC\+855aiKRxQ4g\=\= {
  background-color: var(--mint50);
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\=.LUdkAy4eo\+m\+b2V4MgI8fA\=\= .AfdmxXEkUC\+855aiKRxQ4g\=\= {
  background-color: var(--plum50);
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\=.Kht\+Z\+znwLEHIy2GNx9Z0g\=\= .AfdmxXEkUC\+855aiKRxQ4g\=\= {
  background-color: var(--mustard50);
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\=.VlHVjsGQipivsoLO0-gCOA\=\= .AfdmxXEkUC\+855aiKRxQ4g\=\= {
  background-color: var(--peach50);
}

.fiK8qDR-8t2f6B2ed2x-ZA\=\=.TDxwR1R34nBjvg0HhU7c0Q\=\= .AfdmxXEkUC\+855aiKRxQ4g\=\= {
  background-color: var(--sakura50);
}

.PhVrVjnuGIqYaVDeMpHxlw\=\= {
  width: 120px;
  height: 120px;
}

.Ko4vXEL4xOuVqRZz4FfpDg\=\= {
  padding: 0;
  list-style: none;
}

.Ko4vXEL4xOuVqRZz4FfpDg\=\= > li {
  display: flex;
}

.Ko4vXEL4xOuVqRZz4FfpDg\=\= > li:not(:last-child) {
  margin-bottom: 8px;
}

.Ko4vXEL4xOuVqRZz4FfpDg\=\= > li > svg {
  flex-shrink: 0;
  margin-top: 4px;
}

.sW4uZc\+R5WYumJFeDWLaSQ\=\= {
  margin-right: 12px;
}

.xDSizQz5tAnQSHItgDUM\+Q\=\= {
  display: flex;
  gap: 24px;
  justify-content: center;
}

.q9ivW2gLOb4MYkr1kIGr\+w\=\= p {
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0;
  margin: 0;
  color: var(--content-secondary);

  &.FqKM5z4ia9wMLSwVbyguCg\=\= {
    gap: 2px;
    line-height: 16px;
    font-size: 10px;
    color: var(--content-primary-a);
  }

  & svg:not(.YcpaPj1fnd\+S5V9nUXNdTQ\=\=) {
    width: 10px;
    height: 8px;
  }

  & .YcpaPj1fnd\+S5V9nUXNdTQ\=\= {
    width: 30px;
    height: 8px;
  }
}

.vkFJLozhAE0wo\+cAkertaw\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--content-primary-a);
}

.YLrNoTixulzk0HxVF7dYeA\=\= {
  width: 100%;
}

.YBIuO68nfifUSxPU027eRw\=\= {
  [data-percentage-progress-bar] {
    background: linear-gradient(
      90deg,
      var(--mint800) -11.46%,
      var(--plum800) 47.87%,
      var(--peach800) 107.2%
    );
    height: 6px;
  }
}

._5gO-NyPDGgXJ7gcrccJR1Q\=\= {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  width: 100%;
  background-color: var(--elevation-high);
  border-radius: 8px;
}

.mZpJLbIL405Qu5BGcQk5zg\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

._8qFLVQYD77m8Y2Rh5Bi2\+A\=\= {
  width: unset;
  height: unset;
}

.dark-theme ._8qFLVQYD77m8Y2Rh5Bi2\+A\=\= {
  filter: invert(1);
}

@keyframes balbMRgABvoBSi-wpx2X5w\=\= {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes JmsqBRaijG293YoYd1mmmQ\=\= {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.-ukjz\+VKcCBjbk3kW7q\+PA\=\= {
  --sidebar-width: 400px;

  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: calc(var(--z-index-above) + 2);
  display: flex;
  flex-direction: column;
  width: var(--sidebar-width);
  height: 100%;
  overflow-y: auto;
  background-color: var(--elevation-high);
  box-shadow: var(--shadow-high);
  color: var(--content-primary-a);

  @media (prefers-reduced-motion) {
    --overlay-sidebar-animation-duration: 0ms;
  }

  &[data-entering] {
    animation: JmsqBRaijG293YoYd1mmmQ\=\= var(--overlay-sidebar-animation-duration);
  }

  &[data-exiting] {
    animation: JmsqBRaijG293YoYd1mmmQ\=\= var(--overlay-sidebar-animation-duration) reverse ease-in-out;
  }
}

._8Daomhdmk8B76kvhoYHNuw\=\= {
  height: 100%;

  &:has(.H0ScEw3AfFbstINVY7-Qeg\=\=) {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh + 112px);
  }

  &:focus-visible {
    box-shadow: none;
  }
}

.eVCoV6PwJGvCxst17u-azA\=\= {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-index-above) + 1);
  min-width: 100vw;
  height: 100%;
  background-color: var(--background-panel-overlay);

  &[data-entering] {
    animation: balbMRgABvoBSi-wpx2X5w\=\= var(--overlay-sidebar-animation-duration);
  }

  &[data-exiting] {
    animation: balbMRgABvoBSi-wpx2X5w\=\= var(--overlay-sidebar-animation-duration) reverse ease-in;
  }
}

._7FcSYwFE46PewpCF1gHLRQ\=\= {
  display: flex;
  flex-direction: column;
}

.ULAv1xdV0cYk2KPtmZTJAg\=\= {
  position: sticky;
  top: 0;
  z-index: var(--z-index-above);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background-color: var(--elevation-high);
}

.xmaojccxtJCGfNHWnZsPGw\=\= {
  height: 1px;
  margin-top: unset;
  background-color: var(--border-tertiary);
  border: 0;
}

.sjtQrVLS9IhoOCbuCzI-bQ\=\= {
  padding: 0 24px 16px;
}

.H0ScEw3AfFbstINVY7-Qeg\=\= {
  width: 100%;
  margin-top: auto;
}

.AEQB3ST-h2oHDpnnpCJ\+xw\=\= {
  height: 112px;
}

.kQ\+bi37N7gEnahPskAGzYw\=\= {
  width: 100%;
  padding: 16px;
  margin: 0;
}

.OzbEnjtY4kM7GPsdzD78HQ\=\= {
  display: flex;
  margin: 0;
  color: var(--content-primary-a);

  &:not(:last-child) {
    margin-bottom: 8px;
  }
}

.AiRidBRbOAS3am7pvg7boA\=\= {
  flex-shrink: 0;
  margin-right: 8px;
  color: var(--content-secondary);

  &.YKkbkF3Gc\+D\+wPmz5nMuyg\=\= {
    color: var(--content-error);
  }
}

.w1mLhtFa5kt8Nzx19XbL0g\=\= {
  flex-grow: 1;
  margin: 0;
  overflow-wrap: anywhere;
}

.kR3TRI2thRfxPg8H\+3jbSg\=\= {
  display: flex;
  flex-direction: column;
}

.pxGqZJ3HBbX1b-ac4ruefA\=\= {
  display: flex;
  flex-direction: column;
}

.UbbLQ6dq4nEVD4LC3SNyjA\=\= {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.MqeNQOqwOpDxNwzREF7CZA\=\= {
  color: var(--content-secondary);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.QMoNWjhrOD9G9TRcmx9a4Q\=\= {
  color: var(--content-tertiary);
  text-decoration: line-through;
}

.Yia82mxwaIcDvpJWApEzNw\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: unset;
}

.XFHL\+YtvcxAZazqnFp6Nug\=\= {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.DzMPskvxWTMblt5jOJkbPw\=\= {
  margin: unset;
  color: var(--content-secondary);
}

.FuqdV2tSD7zmvdX1thneiQ\=\= {
  justify-self: flex-end;
  margin: unset;
}

.jTLvcTuDurDb8IC3wgwgfQ\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  cursor: grab;
  color: var(--content-tertiary);
  border-radius: 4px;
}

.jTLvcTuDurDb8IC3wgwgfQ\=\=[aria-disabled="true"] {
  cursor: not-allowed;
}

.jTLvcTuDurDb8IC3wgwgfQ\=\=.RqzEHDP-52mcS\+0FFCwQog\=\= {
  cursor: grabbing;
}

.DwbeypQtiCpoFSxrUi86hg\=\= {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: hidden;
}

.WPXXLHDxRqeZz8lcUHJ5Yw\=\= {
  position: sticky;
  top: 0;
  z-index: var(--z-index-default);
}

._1N47l7mH9TjUKG9NPssmjQ\=\= {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 400px;

  tr {
    th:nth-last-child(2),
    td:nth-last-child(2) {
      text-align: right;
    }
  }
}

._5tHVvRQ\+rObdtuA37m6Wtg\=\= {
  width: 48px;
  border-bottom: 1px solid var(--border-tertiary);
  border-top: 1px solid var(--border-tertiary);
}

.NhgTlfVOSuTIEQvW-Bi4nw\=\= {
  width: 48px;
}

.qgGD8g\+WAjd0eUTbxndYZg\=\= {
  width: 100%;
  border-spacing: 0;
  background: var(--elevation-default);
  table-layout: fixed;
}

._6BJgeWDLQF\+N4plRW24taA\=\= {
  padding: 0;
}

.uvaHonN8P3N2tjn3I5yIrQ\=\= {
  text-align: left;
  z-index: var(--z-index-default);
  height: 40px;
  white-space: nowrap;
  background: var(--elevation-default);
  border-bottom: 1px solid var(--border-tertiary);
  border-top: 1px solid var(--border-tertiary);
  padding: 0;
  color: var(--content-secondary);
}

._1cVreGb3wyosmqnxAy4QAg\=\= {
  color: var(--content-secondary);
}

.aUvzd9Q14ZI08r71q8KLCw\=\= {
  color: var(--content-primary-a);
}

.-SpsXsZqnA3sjq2bVRblKQ\=\= {
  height: 64px;
}

.pfRuc-N38G4aPDtUu7eF2A\=\= {
  &:hover {
    cursor: pointer;
    background-color: var(--elevation-low);
  }
}

.FkoPZczihM7E6YVCD9sGmg\=\= {
  padding: 8px 0;
  color: var(--content-primary-a);
  white-space: nowrap;
  border-bottom: 1px solid var(--border-tertiary);
}

.qJlBrNGX9Xz6\+APyASuquA\=\= {
  background-color: var(--background-tertiary);
}

.X-JlugarMuFoy0SATBLkug\=\= {
  position: sticky;
  bottom: 0;
  z-index: var(--z-index-high);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 48px;
  background-color: var(--elevation-default);
  border-top: 1px solid var(--border-tertiary);
}

._7ceZkwDWUp5HtHPo7z-Sag\=\= {
  display: flex;
  align-items: center;
}

.nMd6OVKxZGNT\+UDQ-g1c6g\=\= {
  display: flex;
  align-items: center;
  width: auto;
  height: 24px;
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

.ltLBd1s4lrCOdWIKFE6DsQ\=\= {
  height: 100%;
  padding: 0 8px;
  color: var(--content-primary-a);

  &:first-child,
  &:first-child:hover::after {
    border-radius: 2px 0 0 2px;
  }

  &:last-child,
  &:last-child:hover::after {
    border-radius: 0 2px 2px 0;
  }

  &:not(:first-child) {
    border-left: 1px solid var(--border-tertiary);
  }

  &.btn--icon-only {
    width: 28px;
  }

  &.lff9TGgHS0z2BV7\+VkDbFQ\=\= {
    background-color: var(--background-tertiary);
  }

  > svg {
    width: 12px;
    height: 12px;
    color: var(--fg-color);
  }

  &:focus-visible {
    position: relative;
    border-radius: 4px;
  }
}

.i6J\+J8X5bIZYFsPh2X-9YA\=\= {
  margin-left: 16px;
  color: var(--content-primary-a);
}

.KIR1-zdGSUTeZ4BaTeizgQ\=\= {
  margin-right: 16px;
  margin-left: auto;
  color: var(--content-primary-a);
}

.y00O-Uhai05JKdIL9\+z2nQ\=\= {
  flex-shrink: 0;
  margin-left: 4px;
  color: var(--content-secondary);

  svg {
    width: 8px;
    height: 8px;

    &.Fddi8aqzFJtklAGEBXWTQQ\=\= {
      color: var(--content-primary-a);
    }

    &.OCc5qQo2JIx\+HSlEsnOxOg\=\= {
      transform: rotate(-180deg);
    }
  }
}

.CrGPLK1DLWDCnHr\+c-vp2g\=\= {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 16px;
}

.dWYCZrW1dZuvIv5pXweAYw\=\= {
  color: var(--content-primary-a);
  overflow: hidden;
  text-overflow: ellipsis;
}

.iAmq2dM0nz1fwDTXW-oSpA\=\= {
  color: var(--content-secondary);
}

.EG98u9KkaFIvdsN4cuuyyw\=\= {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.PDwSui\+6TQQA-aJAAIqZZA\=\= {
  gap: 8px;
}

.yCu6jFf7u9ImNS6UB\+jMBw\=\= {
  position: relative;
}

.GVW1JKh\+RbH0qXRj7y2oRQ\=\= {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  background-color: #9b81f6;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  svg {
    width: 8px;
    stroke-width: 2.5px;
    stroke: white;
  }
}

.pxA-de0Gm7i1nOCtbTfAhg\=\= {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pxA-de0Gm7i1nOCtbTfAhg\=\=.fYWv4gn9JmNhsL6Fvujvyg\=\= {
  color: var(--content-error);
}

._9cOgDQuKhORQROzG\+12kBA\=\= {
  &.\+GD6IiNwKSRdfoQuj\+TFSQ\=\= {
    color: var(--content-success);
  }
}

.jZG8dzrjtQj7pKD4vPsD4g\=\= {
  color: var(--content-secondary);
}

.sxvHOTtU2NLqxingPBSIXA\=\= {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: hidden;
}

.ARpSxiKyj9LZ3MNlT6A2Lw\=\= {
  width: 100%;
  background: var(--elevation-default);

  tr {
    th:nth-last-child(1) {
      text-align: right;
      padding-right: 48px;
    }
  }
}

.uB2e9gST9jLSfrcIu2\+I4w\=\= {
  position: sticky;
  top: 0;
  z-index: var(--z-index-default);
}

.UHOXexO8QDAmgnZSRqevhw\=\= {
  width: 48px;
  border-bottom: 1px solid var(--border-tertiary);
}

.LWBUz9PHir5rbED\+MDzkbw\=\= {
  z-index: var(--z-index-default);
  height: 40px;
  padding: 0;
  color: var(--content-secondary);
  text-align: left;
  white-space: nowrap;
  background: var(--elevation-default);
  border-bottom: 1px solid var(--border-tertiary);

  &.KBD19m6yeCdeqHbcbofxAQ\=\= {
    color: var(--content-primary-a);
  }
}

._27mymUiw1aNY80PrxM9\+pw\=\= {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.ak5V3HTEomohnEHA0NlQeQ\=\= {
  margin-top: 32px;
  margin-bottom: 8px;
}

.LAZDxc65HBeB2fCAAcIMRw\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 550px;
  margin-top: 137px;
  text-align: center;
}

._0tNUuPPHhqmXurF\+oh4SCA\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  box-sizing: border-box;
  text-decoration: unset;
  appearance: none;
  outline: none;
  transition: all var(--transition-duration-short) ease-in-out;
  flex-grow: 1;
  gap: 16px;

  & > *:not(:last-child) {
    flex-grow: 1;
  }
}

.FRBJhF\+1nRsmJ9cje1Mofw\=\= {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--elevation-high);
  border: 1px solid var(--border-tertiary);
  border-radius: 4px;
}

.FRBJhF\+1nRsmJ9cje1Mofw\=\= * {
  cursor: pointer;
}

.ovULtBd0bYGaRYQj0jzKQA\=\= {
  background-color: var(--elevation-low);
}

.ovULtBd0bYGaRYQj0jzKQA\=\= * {
  cursor: initial;
}

.Y1B9zVA\+Q6zmKhfR2ww2tQ\=\= {
  background-color: var(--elevation-low);
  border-color: var(--border-tertiary);
  box-shadow: none;
  opacity: var(--disabled-opacity);
}

.Y1B9zVA\+Q6zmKhfR2ww2tQ\=\= * {
  cursor: not-allowed;
}

.KhcyYGOy5YA2Mr\+qm5H\+mQ\=\= {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.Ab3oycWl7mUnlfsHuD\+ypw\=\= {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.gP0FT9VidgBmcRs7SaNBbw\=\= {
  color: var(--content-primary-a);
  text-align: left;
}

.W53bnyTOrjBq9\+10qvrfUQ\=\= {
  display: flex;
  justify-content: space-between;
}

.s3pqp7YxWS2plat0gSNCVw\=\= {
  position: relative;
  display: flex;
  justify-content: center;
  width: inherit;
  padding: 16px;
  border-top: 1px solid var(--border-tertiary);
}

.wLZ3dV0oJJrXaO4vOKoZIQ\=\= {
  input {
    padding-left: 32px !important;
  }
}

.Aegrnp4gGmH-oFMGm2kAow\=\= {
  margin-bottom: 7px;
}

.ZROADz6rOuP4o8ui31qAKQ\=\= {
  margin-top: 6px;
  color: var(--content-error);
  font-size: var(--caption-font-size);
}

.WZroEMUgVN2MTEkoJeaIAg\=\= {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  color: var(--content-secondary);
  background-color: var(--elevation-default);
  border: 1px solid var(--border-tertiary);
  border-radius: 6px;
  box-shadow: var(--shadow-low);
}

.sEseZ3kSBTLRSY7y7PDhag\=\= {
  min-width: 32px;
  height: 32px;
}

._053P3nTZFm\+dKGCwrxNOsg\=\= {
  min-width: 28px;
  height: 28px;
}

.ltqhmOMBlGJyVMh-KOiFSw\=\= {
  width: 28px;
  height: 28px;
}

._68G9f80vhlC4HljVE6my\+Q\=\= {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--content-primary-a);
}

.YyMtWtq8kFqvGws-jnktQg\=\= {
  position: relative;
}

.Yq5Gty-6dXeqK0r4KJDsWA\=\= {
  width: 100%;
  padding: 8px 12px;
  font-size: var(--body-1-font-size);
  font-weight: var(--body-1-font-weight);
  line-height: 22px;
  color: var(--content-primary-a);
  background-color: var(--elevation-default);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  transition: border-color 0.5s;

  &:focus-visible {
    border-color: var(--border-accent-high);
  }
}

.vqj8RwMtTXvkCZ-3T7kIXg\=\= {
  position: absolute;
  top: 0;
  right: 12px;
  display: flex;
  align-items: center;
  height: 100%;
}

.Gurm\+ae\+wz3xtHxFeprxRg\=\= {
  color: var(--content-error);
  text-align: left;
}

.Yq5Gty-6dXeqK0r4KJDsWA\=\=[data-disabled] {
  cursor: not-allowed;
  background-color: var(--elevation-low);
  opacity: 0.45;
}

.Yq5Gty-6dXeqK0r4KJDsWA\=\=[data-invalid] {
  border-color: var(--border-error);
}

.Yq5Gty-6dXeqK0r4KJDsWA\=\=[readonly] {
  background-color: var(--elevation-low);
}

.bY5aM3j2Kg31iheUaivlTQ\=\= {
  fill: var(--content-primary-a);
}

.deD7TlG7VVOUxawu6yChuA\=\= {
  background-color: var(--elevation-low);
  color: var(--content-primary-a);
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  align-items: center;
}

.CgAlQgZ\+PQJ8I9iKGhCNvQ\=\= {
  max-width: none;
}

.zM6kPY3Zo4Yorxf07oJ27Q\=\= {
  color: var(--content-secondary);
}

.DRKXnw7FHjBJrHItIRhuZw\=\= {
  flex: 0 1 120px;
  text-align: center;
}

.Vbvq-oNAjh3PlJ4UFKmeFA\=\= {
  width: 120px;
  height: 120px;
  align-self: center;
  margin: 0 -16px;
}

@media only screen and (width >= 640px) {
  .deD7TlG7VVOUxawu6yChuA\=\= {
    padding: 24px;
    flex-direction: row;
  }

  .CgAlQgZ\+PQJ8I9iKGhCNvQ\=\= {
    max-width: 279px;
  }
}

._6xQoyRXmgdM19JiVueBlqg\=\= {
  color: var(--content-primary-a);
  border: none;
  padding: 0;
  background-color: var(--elevation-default);
}

.zOkg8ZToxvNHItZ7HRDxhw\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;

  button {
    width: max-content;
    margin-top: 8px;
  }
}

@media only screen and (width >= 1024px) {
  ._6xQoyRXmgdM19JiVueBlqg\=\= {
    padding: 48px 48px 52px;
    border: 1px solid var(--border-tertiary);
    border-radius: 8px;
  }
}

.pNwogYBaWinQjhLuF3YeEQ\=\= {
  width: 100%;
  min-height: 100vh;
  padding: 40px 16px;
  display: flex;
  flex-direction: column;

  .rBXIgOfOPEmSFnfEqItPwQ\=\= {
    margin-bottom: 48px;
  }

  .y9XYmonzLay7vklhVezzgg\=\= {
    margin-bottom: 24px;
  }

  .vQ5589xLv\+dA-Xg475MwlA\=\= {
    display: revert;
  }

  ._6isrqgHilDGruLwkCAg77A\=\= {
    display: none;
  }

  @media only screen and (width >= 640px) {
    width: 504px;
    padding: 80px 0 48px;
    margin: 0 auto;

    .rBXIgOfOPEmSFnfEqItPwQ\=\= {
      margin-bottom: 24px;
    }
  }

  @media only screen and (width >= 1024px) {
    width: 100%;
    padding: 0;
    margin: 0;
    flex-direction: row;

    .y9XYmonzLay7vklhVezzgg\=\= {
      padding: 80px 48px 72px;
      margin-bottom: 0;
      flex: 1;
      display: flex;
      justify-content: center;
    }

    .rBXIgOfOPEmSFnfEqItPwQ\=\= {
      padding: 80px 48px 72px;
      background: var(--elevation-low);
      width: 694px;
      margin-bottom: 0;
    }

    .vQ5589xLv\+dA-Xg475MwlA\=\= {
      display: none;
    }

    ._6isrqgHilDGruLwkCAg77A\=\= {
      display: revert;
      margin-top: 48px;
    }
  }
}

.LxyCzTIMzN5O8qNADbj2xw\=\= {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.C4rIwiwmFU84IvhRvQQtdA\=\= {
  display: flex;
}

.\+5Rl-EOuOwSSf9GhXBf\+5w\=\= {
  width: 140px;

  input {
    border-radius: 4px 0 0 4px;

    &:focus {
      border-radius: 4px;
      z-index: 1;
    }
  }
}

.g-ChGKx2BRiSU9JtfpeOww\=\= {
  margin-left: -1px;
  margin-top: 28px;

  input {
    width: 104px;
    border-radius: 0 4px 4px 0;

    &:focus {
      border-radius: 4px;
    }
  }

  &._3RKCmOcJ4pOI86zjFIQ9OA\=\= {
    input {
      border-left-color: var(--content-error);
    }
  }
}

.MPh7j5R8lkMrnQwOsJ2qoQ\=\= {
  width: 161px;
}

.aXxrNDCZzMkERXrPy\+IdZg\=\= {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

._80uRF\+5rTUC\+R2fZkPNpFA\=\= {
  display: flex;
  background-color: var(--elevation-low);
  max-width: 468px;
  min-height: 80px;
  border-radius: 8px;
  gap: 16px;
  padding: 24px;
  place-content: center space-between;
  flex-wrap: wrap;
  width: 100%;
}

.DTFODtpe\+Ly0A\+jhh3rMLw\=\= {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--content-primary-a);
}

.HT6sJ4r9nC8YQ2Sug7k6Iw\=\= {
  color: var(--content-tertiary) !important;
}

._1jWklka2j2o4bXKrliDEMA\=\= {
  display: grid;
  justify-content: space-between;
  width: 100%;
  grid-template-columns: auto 1fr;
  gap: 16px;
}

.zmhtFhGV7RwWNkF\+NIcMAw\=\= {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._8FHIWl6P94iytgmq6voeKg\=\= {
  color: var(--content-secondary);
  text-align: right;
}

.zBVlv8ZxvpCVmt4DzYjRIw\=\= {
  flex-shrink: 0;
  transition: all 0.2s;
}

._4xFNy-Jb-JuIoHU2DpaCbw\=\= {
  transform: rotate(180deg);
}

.W26n8yhwLsQ68VwxTBdgug\=\= {
  &::after {
    background: transparent !important;
  }
}

.vCHvDfQpyvj6SR4wVwRZ7w\=\= {
  height: 48px;
  width: 100%;
  display: grid;
  grid-template-columns: 48px 1fr 32px;
  gap: 16px;
  align-items: center;
  position: relative;
}

._6RmAbh\+HNgu-5H83pE-xGg\=\= {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  display: flex;
}

._6RmAbh\+HNgu-5H83pE-xGg\=\= svg {
  width: 48px;
  height: 48px;
}

._7Up9By1gSMEFfXEWc95-Iw\=\= {
  overflow: hidden;
}

.gG-UySOHkDkfXYyOQglaqg\=\= {
  color: var(--content-primary-a);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
}

.llRuZvDCLVAnNX3WjbHGRA\=\= {
  color: var(--content-secondary);
}

.cFv0RK1Wr2CTOQOZGq-MsA\=\= {
  position: relative;
  z-index: var(--z-index-default);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  width: 32px;
  height: 32px;

  &:hover {
    background-color: var(--background-tertiary);
  }

  &[data-pressed] {
    background-color: var(--background-secondary);
  }
}

.e5HZIExhJD7sve4CjDhAIw\=\= {
  width: 206px;
  padding: 8px 0;
  overflow: auto;
  background-color: var(--elevation-high);
  box-shadow: var(--shadow-high);
  border-radius: 4px;
}

.L5wMVd2doc3WPL8GzDCQ8g\=\= {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--content-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: 12px;
  font-size: 14px;
  width: 100%;
}

.BDUguCh7kST-E8NAuPJh-w\=\= {
  width: 100% !important;
  all: unset;
  display: flex;

  svg {
    color: var(--content-tertiary);
  }

  div {
    width: 100%;
  }
}

._7U4D\+ztYqAUbwIz9krFFFg\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.gfbDKsK0eXPorchM\+abLLA\=\= {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

.x2gecFNBB\+CT8Q76Ni20tg\=\= {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.Crv4Bf2cngdtZc4jt5HOyw\=\= {
  display: grid;
  flex-direction: column;
  width: 100%;
}

.Dx59bdFhktflpbrASDSkCA\=\= {
  color: var(--content-secondary);
}

.P62aBj2y9V\+L7mHcDd4RVA\=\= {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.AnY6Okfp4XEtAOv-gELKsg\=\= {
  width: 100%;
}

.zkyejfx3pwrlpIpRPUwpdA\=\= {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
}

._4VDlF8xeKcbPv-j3wV3nYg\=\= {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 14px;
}

.XYaeXIn0JcVtC8HZj4bCCA\=\= {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

.iWjLHJ7i8L1LZXN1NC-D7g\=\= {
  display: inline-flex;
  align-items: center;
  padding: 4px 6px;
  color: var(--content-primary-a);
  white-space: nowrap;
  user-select: none;
  border-radius: 4px;
}

.nzuc7VpaU7Qmi0Y30C7JMA\=\= {
  padding: 4px;
}

.YRmeCxMaTpzZp5um3blxGw\=\= {
  background-color: var(--background-activate);
}

._7-1c0MZ4rqBUyVyLZcL07g\=\= {
  background-color: var(--background-free-trial);
}

._761-RDOJ9-5J5FjrimQnew\=\= {
  background-color: var(--background-upgrade);
}

.QV7vfgqPRp3JFicG4YF\+8w\=\= {
  background-color: var(--background-tertiary);
}

.tDzqCvEogh6m64fn2Vw1pA\=\= {
  background-color: var(--background-feature-discoverability);
}

.IPnuTmuJcru1gcVyrMv33g\=\= {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

body.hQqT9eX4ju0U39Je0Rv3Pw\=\= .IPnuTmuJcru1gcVyrMv33g\=\= {
  filter: invert(1);
}

.nlQP3AAx38lgjPPdT0-\+PQ\=\= {
  margin-right: 0;
}

.zSI6IKq0xnNj99AvKuEoAA\=\= {
  margin-top: -2px;
}

/* 
  * Used to remove the wrapper box from the DOM. 
  * Avoids breaking existing layouts by introducing a new node when using the bridge.
*/
.react-bridge-wrapper {
  display: contents;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\= {
  --bg-color: transparent;
  --border-color: var(--border-secondary);

  display: block;
}

.bfBia\+-g3oC0SUz\+Xv0ZPg\=\= {
  position: relative;
  display: flex;
}

.mU9FLz2YRtAdoM4ng\+8mfw\=\= {
  display: flex;
  flex-direction: column;
  color: var(--content-primary-a);
}

.kXeclgkDUVig\+0Mf8hMx9Q\=\= {
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
  color: var(--content-primary-b-static);
  vertical-align: text-top;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: 2px;
  transition: all 200ms;
}

.dbo13dVdAixFWZVGnlzTnw\=\= {
  margin-top: 4px;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=:hover .kXeclgkDUVig\+0Mf8hMx9Q\=\=::after {
  --overlay-opacity: var(--hover-opacity);
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\= .kXeclgkDUVig\+0Mf8hMx9Q\=\=:active::after {
  --overlay-opacity: var(--pressed-opacity);
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=:active .kXeclgkDUVig\+0Mf8hMx9Q\=\=::after {
  --overlay-opacity: var(--pressed-opacity);
}

.kXeclgkDUVig\+0Mf8hMx9Q\=\= svg {
  width: 8px;
  height: 8px;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-selected] .kXeclgkDUVig\+0Mf8hMx9Q\=\=,
.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-indeterminate] .kXeclgkDUVig\+0Mf8hMx9Q\=\= {
  --bg-color: var(--background-accent-high);

  border: none;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-disabled],
.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-disabled] .kXeclgkDUVig\+0Mf8hMx9Q\=\=,
.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-disabled] .mU9FLz2YRtAdoM4ng\+8mfw\=\= {
  cursor: not-allowed;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-disabled] .mU9FLz2YRtAdoM4ng\+8mfw\=\= {
  color: var(--content-secondary);
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-disabled] .kXeclgkDUVig\+0Mf8hMx9Q\=\=::after {
  --overlay-primary-a-color: var(--primary-white);
  --overlay-opacity: var(--disabled-opacity);

  top: -1px;
  left: -1px;
  width: 115%;
  height: 115%;
  background-color: var(--background-tertiary);
  border-radius: 2px;
}

.hCXgN6NFh4OjAKFmrFWDuQ\=\=[data-focus-visible] .kXeclgkDUVig\+0Mf8hMx9Q\=\= {
  outline: none;
  box-shadow: 0 0 0 4px var(--border-accent-low);
}

.NLEsB1mLgyVe5hqj0-lR-g\=\=[data-invalid] .kXeclgkDUVig\+0Mf8hMx9Q\=\= {
  --border-color: var(--border-error);
}

.NLEsB1mLgyVe5hqj0-lR-g\=\=[data-invalid] .mU9FLz2YRtAdoM4ng\+8mfw\=\= {
  color: var(--content-error);
}

.NLEsB1mLgyVe5hqj0-lR-g\=\=[data-invalid][data-selected] .kXeclgkDUVig\+0Mf8hMx9Q\=\=,
.NLEsB1mLgyVe5hqj0-lR-g\=\=[data-invalid][data-indeterminate] .kXeclgkDUVig\+0Mf8hMx9Q\=\= {
  --bg-color: var(--background-error-high);
}

.QQUGSk-sPaMcKXVEdRo9Uw\=\= {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.YU5ovgYqHRiaPm4W9HKsWQ\=\= {
  display: flex;
}

.WRt06rFeYpGna1e4uEYlGg\=\= {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-left: 24px;
  font-size: var(--body-2-font-size);
  font-weight: var(--body-2-font-weight);
  color: var(--content-error);
}

.KLiQ2YjpXb\+GQUWTacVp-w\=\= {
  line-height: var(--body-2-line-height);
}

.WRt06rFeYpGna1e4uEYlGg\=\= svg {
  flex-shrink: 0;
}

.dOtioCQmQ0GJQ-umOiFccQ\=\= {
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  width: 320px;
  padding: 16px 20px;
  color: var(--content-primary-b);
  background-color: var(--background-primary);
  border-radius: 4px;
}

.zTLxet4gPke4Nn0uxTow-Q\=\= {
  flex: 1;
}

.fGZDbYFcL6xQ7W4lMBO1lQ\=\= {
  display: flex;
  align-items: center;
  height: 24px;
}

.qqY02Qt1Omzan7EP0oOkPQ\=\= {
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.qqY02Qt1Omzan7EP0oOkPQ\=\= svg {
  width: 16px;
  height: 16px;
  color: var(--content-primary-b);
}

.SNLIGIPFUYBQG6-Iqqj0nQ\=\=,
.SNLIGIPFUYBQG6-Iqqj0nQ\=\= svg {
  color: var(--content-primary-b-static);
  background-color: var(--background-error-high);
}

.amount-input {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  transition: border-color 0.5s;

  font-size: 13px;
}

.amount-input__currency {
  position: absolute;
  margin-left: 12px;
  pointer-events: none;
  color: #b8bccc;
}

.amount-input__currency.black {
  color: inherit;
}

.amount-input__value {
  width: 100%;
  font-size: 13px;
  padding: 6px 12px 6px 41px;
  border: 1px solid #e9eaf0; /* TODO: import as variable? */
  border-radius: 3px;
  transition: border-color 0.5s;
}

.amount-input__value:focus {
  border-color: #6b5aed;
}

.amount-input__value::placeholder {
  color: #b8bccc; /* TODO: import as variable? */
  opacity: 1; /* Needs to be forced as firefox reduces it */
}

.amount-input__value.disabled {
  background-color: #f5f6fa;
  cursor: not-allowed;
}

/* Remove spin button  */

.amount-input input[type='number']::-webkit-inner-spin-button,
.amount-input input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.amount-input input[type='number'] {
  -moz-appearance: textfield;
}

.SO0xfst4F\+hTI0KBYLyBnQ\=\= {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  color: var(--content-primary-a);
}

._2SBeu3NRce4V\+GKEdPO6dA\=\= {
  width: 200px;
  height: 200px;
}


/*# sourceMappingURL=chunk.e40f604dc425c4c6b84a.css.map*/