.bVsRuW { display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; }
.bVsRuW div { display: flex; height: 20px; line-height: 20px; align-items: center; justify-content: center; }
.bVsRuW span { display: flex; align-items: center; justify-content: center; }
.bVsRuW path { fill: rgb(225, 225, 225); transition: fill 0.14s ease 0s; }
.dGJFLE { display: flex; align-items: center; justify-content: center; height: 12px; width: 12px; }
.dGJFLE div { display: flex; height: 12px; line-height: 12px; align-items: center; justify-content: center; }
.dGJFLE span { display: flex; align-items: center; justify-content: center; }
.dGJFLE path { fill: rgb(15, 15, 15); transition: fill 0.14s ease 0s; }
.fHTpKK { display: flex; align-items: center; justify-content: center; height: 18px; width: 18px; }
.fHTpKK div { display: flex; height: 18px; line-height: 18px; align-items: center; justify-content: center; }
.fHTpKK span { display: flex; align-items: center; justify-content: center; }
.fHTpKK path { fill: rgb(255, 255, 255); transition: fill 0.14s ease 0s; }
.kaAJau { display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; }
.kaAJau div { display: flex; height: 20px; line-height: 20px; align-items: center; justify-content: center; }
.kaAJau span { display: flex; align-items: center; justify-content: center; }
.kaAJau path { fill: rgb(51, 51, 51); transition: fill 0.14s ease 0s; }
.kLbJTq { display: flex; align-items: center; justify-content: center; height: 12px; width: 12px; }
.kLbJTq div { display: flex; height: 12px; line-height: 12px; align-items: center; justify-content: center; }
.kLbJTq span { display: flex; align-items: center; justify-content: center; }
.kLbJTq path { fill: rgb(255, 255, 255); transition: fill 0.14s ease 0s; }
.faeBkk { display: flex; align-items: center; justify-content: center; height: 18px; width: 18px; }
.faeBkk div { display: flex; height: 18px; line-height: 18px; align-items: center; justify-content: center; }
.faeBkk span { display: flex; align-items: center; justify-content: center; }
.faeBkk path { fill: rgb(23, 23, 23); transition: fill 0.14s ease 0s; }
.gaeIbm { width: auto; }
.etWTlM { cursor: default; }
.etWTlM > * { cursor: default; }
.eskqnr a { font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.3px; }
.hLBKtx { width: 80px; height: 80px; filter: none; }
.fA-DpbU { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 8px; padding: 12px 20px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(59, 59, 59); color: rgb(225, 225, 225); }
.fA-DpbU:focus-visible { border-color: rgb(39, 120, 155); box-shadow: rgba(89, 175, 211, 0.42) 0px 0px 0px 3px; }
.fA-DpbU:hover, .fA-DpbU:active { background: rgb(59, 59, 59); }
.fA-DpbU:disabled { background: rgb(24, 25, 26); color: rgb(107, 107, 107); cursor: not-allowed; }
.jTsLYE { display: flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(23, 23, 23); color: rgb(225, 225, 225); }
.jTsLYE:focus-visible { border-color: rgb(39, 120, 155); box-shadow: rgba(89, 175, 211, 0.42) 0px 0px 0px 3px; }
.jTsLYE:hover, .jTsLYE:active { background: rgb(29, 29, 29); }
.jTsLYE:disabled { background: rgb(24, 25, 26); color: rgb(107, 107, 107); cursor: not-allowed; }
.gfDhkx { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 2px 8px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(97, 219, 183); color: rgb(15, 15, 15); }
.gfDhkx:focus-visible { border-color: rgb(39, 120, 155); box-shadow: rgba(89, 175, 211, 0.42) 0px 0px 0px 3px; }
.gfDhkx:hover, .gfDhkx:active { background: rgb(167, 241, 219); }
.gfDhkx:disabled { background: rgb(24, 25, 26); color: rgb(107, 107, 107); cursor: not-allowed; }
.ikBBSS { display: flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(37, 37, 37); color: rgb(225, 225, 225); }
.ikBBSS:focus-visible { border-color: rgb(39, 120, 155); box-shadow: rgba(89, 175, 211, 0.42) 0px 0px 0px 3px; }
.ikBBSS:hover, .ikBBSS:active { background: rgb(43, 43, 43); }
.ikBBSS:disabled { background: rgb(24, 25, 26); color: rgb(107, 107, 107); cursor: not-allowed; }
.yEiRs { display: flex; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 8px; padding: 12px 20px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(238, 238, 238); color: rgb(51, 51, 51); }
.yEiRs:focus-visible { border-color: rgb(0, 125, 178); box-shadow: rgba(0, 120, 172, 0.25) 0px 0px 0px 3px; }
.yEiRs:hover, .yEiRs:active { background: rgb(238, 238, 238); }
.yEiRs:disabled { background: rgb(244, 244, 244); color: rgb(140, 140, 140); cursor: not-allowed; }
.bkUEJa { display: flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(226, 226, 226); color: rgb(51, 51, 51); }
.bkUEJa:focus-visible { border-color: rgb(0, 125, 178); box-shadow: rgba(0, 120, 172, 0.25) 0px 0px 0px 3px; }
.bkUEJa:hover, .bkUEJa:active { background: rgb(214, 214, 214); }
.bkUEJa:disabled { background: rgb(244, 244, 244); color: rgb(140, 140, 140); cursor: not-allowed; }
.fgMOXD { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 2px 8px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(15, 97, 72); color: rgb(255, 255, 255); }
.fgMOXD:focus-visible { border-color: rgb(0, 125, 178); box-shadow: rgba(0, 120, 172, 0.25) 0px 0px 0px 3px; }
.fgMOXD:hover, .fgMOXD:active { background: rgb(12, 75, 56); }
.fgMOXD:disabled { background: rgb(244, 244, 244); color: rgb(140, 140, 140); cursor: not-allowed; }
.bgeQkV { display: flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 100px; transition: box-shadow 0.1s ease-out 0s, border-color 0.1s ease-out 0s, background 0.1s ease-out 0s; outline: none; cursor: pointer; border: 1px solid transparent; background: rgb(246, 246, 246); color: rgb(51, 51, 51); }
.bgeQkV:focus-visible { border-color: rgb(0, 125, 178); box-shadow: rgba(0, 120, 172, 0.25) 0px 0px 0px 3px; }
.bgeQkV:hover, .bgeQkV:active { background: rgb(238, 238, 238); }
.bgeQkV:disabled { background: rgb(244, 244, 244); color: rgb(140, 140, 140); cursor: not-allowed; }
.lbHOEW { white-space: normal; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.4px; }
.eMNbFT { white-space: normal; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.3px; }
.mJxPR { position: relative; padding: 14px; }
.iUpFbn { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.frqzts { display: flex; }
.hAMyXg { display: flex; flex-flow: column nowrap; flex: initial; gap: 0px; justify-content: center; align-items: center; height: 100%; }
.Lskof { width: 57px; height: auto; }
.etJUUi { font-size: 16px; line-height: 24px; letter-spacing: -0.4px; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; color: inherit; font-weight: inherit; }
.etJUUi:hover { text-decoration: underline; }
.etJUUi:visited, .etJUUi:active, .etJUUi:hover { text-decoration: none; color: inherit; }
.jplZAE { font-size: 16px; line-height: 24px; letter-spacing: -0.4px; cursor: pointer; color: rgb(255, 255, 255); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; text-decoration: underline; }
.jplZAE:hover { text-decoration: underline; }
.egVzME { font-size: 16px; line-height: 24px; letter-spacing: -0.4px; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; color: inherit; font-weight: inherit; }
.egVzME:hover { text-decoration: underline; }
.egVzME:visited, .egVzME:active, .egVzME:hover { text-decoration: none; color: inherit; }
.gxWUIO { font-size: 16px; line-height: 24px; letter-spacing: -0.4px; cursor: pointer; color: rgb(23, 23, 23); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; text-decoration: underline; }
.gxWUIO:hover { text-decoration: underline; }
.hfLpuf { display: flex; justify-content: center; align-items: center; position: fixed; z-index: 49; bottom: 18px; right: 18px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 1px solid rgb(29, 29, 29); background: rgb(23, 23, 23); transition: opacity 0.3s ease 0.3s; opacity: 1; }
.hfLpuf:focus { transition: opacity 0.1s ease 0s; }
.hfLpuf > img { display: block; }
.dwYVur { display: flex; justify-content: center; align-items: center; position: fixed; z-index: 49; bottom: 18px; right: 18px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; border: 1px solid rgb(226, 226, 226); background: rgb(246, 246, 246); transition: opacity 0.3s ease 0.3s; opacity: 1; }
.dwYVur:focus { transition: opacity 0.1s ease 0s; }
.dwYVur > img { display: block; }
.eLCTlK { max-width: 100vw; height: 100%; z-index: 50; }
@media (max-width: 991px) {
  .eLCTlK { position: absolute; top: 0px; right: 0px; }
}
.jHWWiy { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.jHWWiy div { display: flex; align-items: center; justify-content: center; }
.jHWWiy path { transition: stroke 0.15s ease 0s, fill 0.15s ease 0s; }
.jHWWiy:focus-visible svg { transition: opacity 0.2s ease 0s; opacity: 0.5; }
.gtWLom { flex: 1 1 0%; width: 100%; }
.gjvwex { background: rgb(29, 29, 29); border: 1px solid rgb(37, 37, 37); transition: background 0.3s ease 0s; border-radius: 16px; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 0.5px; }
.dkEmab { background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); transition: background 0.3s ease 0s; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px; }
.gFLtpB { display: flex; align-items: center; margin-left: auto; overflow: hidden; transition: opacity 0.15s ease 0s; }
.bGElRG { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 16px 24px; cursor: pointer; }
.bGElRG:hover .CollapsibleBox__IconWrapper-sc-nvuip8-2 { opacity: 0.5; }
.ifxwH { margin-right: 12px; color: rgb(163, 163, 163); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.3px; }
.klYXHy { margin-right: 12px; color: rgb(97, 97, 97); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: -0.3px; }
.iiVHLH { display: flex; align-items: center; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.4px; }
.jJrQOv { flex: 1 1 0%; }
.dFjnNX { transform: rotate(0deg); transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1) 0s; transform-origin: center center; }
.dbAgIc { display: flex; flex-direction: column; padding: 24px 16px; border-top: 1px solid rgb(37, 37, 37); }
.hIzOLj { display: flex; flex-direction: column; padding: 24px 16px; border-top: 1px solid rgb(238, 238, 238); }
.iauhXz { overflow: hidden; }
.hEzczu { app-region: drag; height: 12px; position: fixed; top: 0px; left: 0px; width: 100%; }
.goLXdQ { width: 100%; height: 100%; }
.ciocFU { display: flex; flex-direction: column; width: 100%; height: 100%; }
.jsFMrC { display: flex; width: 100%; height: 100%; }
.gVoLY { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1 0%; margin-top: 96px; }
.bzCLwY { background-color: rgb(15, 15, 15); }
@media (max-width: 768px) {
  .bzCLwY { display: none; }
}
.haLWvO { background-color: rgb(238, 238, 238); }
@media (max-width: 768px) {
  .haLWvO { display: none; }
}
.BPAVq { height: 100%; overflow: hidden; min-width: 380px; max-width: 660px; }
.kiOYgT { bottom: 0px; display: flex; margin: 24px; align-items: center; flex-flow: row wrap; gap: 16px; }
.kuDtzj { display: flex; position: relative; flex-direction: column; flex: 3 1 0%; padding: 20px; background-color: rgb(23, 23, 23); background-image: url("../../web/static/images/svg/onboarding-welcome-bg.html"); background-repeat: no-repeat; background-position: center center; background-attachment: local; background-size: 570px 570px; align-items: center; overflow-y: auto; }
@media (max-width: 576px) {
  .kuDtzj { padding: 12px; }
}
.jyTGMJ { display: flex; position: relative; flex-direction: column; flex: 3 1 0%; padding: 20px; background-color: rgb(246, 246, 246); background-image: url("../../web/static/images/svg/onboarding-welcome-bg.html"); background-repeat: no-repeat; background-position: center center; background-attachment: local; background-size: 570px 570px; align-items: center; overflow-y: auto; }
@media (max-width: 576px) {
  .jyTGMJ { padding: 12px; }
}
.kUlvtw { position: absolute; align-self: flex-end; }
.jBgZaf { display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 1020px; }
.fRYoVl { margin: auto; display: flex; flex: 1 1 0%; justify-content: center; align-items: center; flex-direction: column; }
.jCFMXL { color: rgb(234, 235, 237); font-size: 14px; font-weight: 500; }
.kKXEUu { color: rgb(31, 31, 31); font-size: 14px; font-weight: 500; }
.iVGDUn { color: rgb(149, 149, 150); font-size: 12px; font-weight: 500; margin-top: 2px; }
.lbQrWc { color: rgb(128, 128, 128); font-size: 12px; font-weight: 500; margin-top: 2px; }
.kLAovO { margin-right: 8px; font-size: 16px; color: rgb(234, 235, 237); }
.AWwVn { margin-right: 8px; font-size: 16px; color: rgb(31, 31, 31); }
.iTpJJa { display: flex; flex-direction: column; margin-bottom: 20px; }
.kjfWEK { display: flex; }
.TroubleshootingTips__Item-sc-8445f-4 + .TroubleshootingTips__Item-sc-8445f-4 { margin-top: 16px; }
.gQZcfq { display: flex; flex-direction: column; width: 100%; }
.jBHUIF { display: flex; justify-content: space-between; margin: 24px -16px 0px; padding: 20px 20px 0px; border-top: 1px solid rgb(37, 37, 37); align-items: center; }
.levbVK { display: flex; justify-content: space-between; margin: 24px -16px 0px; padding: 20px 20px 0px; border-top: 1px solid rgb(238, 238, 238); align-items: center; }
.dfbFFB { color: rgb(149, 149, 150); font-size: 12px; font-weight: 500; }
.hVLBle { color: rgb(128, 128, 128); font-size: 12px; font-weight: 500; }
.fuNsCr { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; }
.kkunYZ { width: 100%; height: 100%; }
.dYoRtq { display: flex; height: 122px; min-height: 122px; width: 360px; border-radius: 61px; padding: 10px; background: rgb(29, 29, 29); border: 1px solid rgb(37, 37, 37); align-items: center; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 2px; margin-bottom: 60px; }
.gqPIHg { display: flex; height: 122px; min-height: 122px; width: 360px; border-radius: 61px; padding: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); align-items: center; box-shadow: rgba(0, 0, 0, 0.16) 0px 16px 32px -16px; margin-bottom: 60px; }
.SFOMn { display: flex; position: relative; }
.jVyLIX { display: flex; position: absolute; top: 0px; right: 0px; }
.dkYazQ { display: flex; flex-direction: column; margin: 0px 32px; text-align: center; color: rgb(234, 235, 237); font-size: 20px; font-weight: 500; }
.dkYazQ button { margin-top: 10px; }
.djMPjN { display: flex; flex-direction: column; margin: 0px 32px; text-align: center; color: rgb(31, 31, 31); font-size: 20px; font-weight: 500; }
.djMPjN button { margin-top: 10px; }
.dZIPLx { background: rgb(37, 37, 37); }
.bqQIjO { background: rgb(246, 246, 246); }
.dDdCAj { font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.4px; }
.iOpsKS { min-width: 330px; max-width: 430px; z-index: 60; position: fixed; padding: 4px; box-sizing: border-box; border-radius: 8px; top: 51px; right: 11px; }
@media only screen and (width <= 480px) {
  .iOpsKS { width: calc(100vw - 12px); padding: 0px; left: 0px; margin: 0px 6px; top: 4px; transform: translateX(0px); }
}
.iOpsKS .Toastify__toast { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.19) 0px 2px 5px 0px; color: rgb(234, 235, 237); background: rgb(36, 37, 38); padding: 0px; font-family: "TT Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; position: relative; min-height: 50px; box-sizing: border-box; margin-bottom: 1rem; display: flex; justify-content: space-between; max-height: 800px; overflow: hidden; word-break: break-all; }
.iOpsKS .Toastify__toast-body { flex: 1 1 auto; display: flex; align-items: center; margin: 0px; }
.iOpsKS .Toastify__toast-body > div:last-child { flex: 1 1 0%; height: 100%; }
.iOpsKS .Toastify--animate { animation-fill-mode: both; animation-duration: 0.7s; }
@media only screen and (width <= 480px) {
  .iOpsKS .Toastify__toast { margin-bottom: 0px; border-radius: 0px; }
}
@keyframes Toastify__slideInRight {
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes Toastify__slideOutRight {
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}
.iOpsKS .Toastify__slide-enter--top-right { animation: 0.4s cubic-bezier(0.24, 0.4, 0.3, 1.12) 0s 1 normal both running Toastify__slideInRight; }
.iOpsKS .Toastify__slide-exit--top-right { animation: 0.4s cubic-bezier(0.24, 0.4, 0.3, 1.12) 0s 1 normal both running Toastify__slideOutRight; }
@keyframes Toastify__trackProgress {
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
.iOpsKS .Toastify__progress-bar--animated { animation: 0s linear 0s 1 normal forwards running Toastify__trackProgress; }
.eMAICC { min-width: 330px; max-width: 430px; z-index: 60; position: fixed; padding: 4px; box-sizing: border-box; border-radius: 8px; top: 51px; right: 11px; }
@media only screen and (width <= 480px) {
  .eMAICC { width: calc(100vw - 12px); padding: 0px; left: 0px; margin: 0px 6px; top: 4px; transform: translateX(0px); }
}
.eMAICC .Toastify__toast { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.19) 0px 2px 5px 0px; color: rgb(31, 31, 31); background: rgb(255, 255, 255); padding: 0px; font-family: "TT Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; position: relative; min-height: 50px; box-sizing: border-box; margin-bottom: 1rem; display: flex; justify-content: space-between; max-height: 800px; overflow: hidden; word-break: break-all; }
.eMAICC .Toastify__toast-body { flex: 1 1 auto; display: flex; align-items: center; margin: 0px; }
.eMAICC .Toastify__toast-body > div:last-child { flex: 1 1 0%; height: 100%; }
.eMAICC .Toastify--animate { animation-fill-mode: both; animation-duration: 0.7s; }
@media only screen and (width <= 480px) {
  .eMAICC .Toastify__toast { margin-bottom: 0px; border-radius: 0px; }
}
@keyframes Toastify__slideInRight {
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes Toastify__slideOutRight {
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(110%, 0px, 0px); }
}
.eMAICC .Toastify__slide-enter--top-right { animation: 0.4s cubic-bezier(0.24, 0.4, 0.3, 1.12) 0s 1 normal both running Toastify__slideInRight; }
.eMAICC .Toastify__slide-exit--top-right { animation: 0.4s cubic-bezier(0.24, 0.4, 0.3, 1.12) 0s 1 normal both running Toastify__slideOutRight; }
@keyframes Toastify__trackProgress {
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
.eMAICC .Toastify__progress-bar--animated { animation: 0s linear 0s 1 normal forwards running Toastify__trackProgress; }
.lfgIrD { height: 100%; }
.dZhijN { display: flex; flex-direction: column; align-items: center; width: 100%; }
.fdTjTR { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
.dbskFr { display: block; margin: 0px; flex: 0 1 0%; }
.kxJLWr { height: 0px; }
#app { display: flex; flex-direction: column; height: 100%; overflow-y: hidden; }
input, textarea { outline: none; }
body, html { background: rgb(246, 246, 246); -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.4px; color: rgb(23, 23, 23); height: 100%; overflow-y: hidden; font-family: "TT Satoshi", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
a { text-decoration: none; cursor: pointer; }
* { margin: 0px; padding: 0px; outline: none; font-family: "TT Satoshi", -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
*, ::before, ::after { box-sizing: border-box; }
:root { color-scheme: light; }
.slide-left-enter { transform: translate(100%); pointer-events: none; }
.slide-left-enter.slide-left-enter-active { transform: translate(0%); transition: transform 300ms ease-in-out 0s; }
.slide-left-exit { transform: translate(-100%); }
.slide-left-exit.slide-left-exit-active { transform: translate(0%); transition: transform 300ms ease-in-out 0s; }
.slide-right-enter { transform: translate(-100%); pointer-events: none; }
.slide-right-enter.slide-right-enter-active { transform: translate(0%); transition: transform 300ms ease-in-out 0s; }
.slide-right-exit { transform: translate(-100%); }
.slide-right-exit.slide-right-exit-active { transform: translate(-200%); transition: transform 300ms ease-in-out 0s; }
.step-transition-enter { opacity: 0; transform: translateX(20%); position: absolute; }
.step-transition-enter-active { opacity: 1; transform: translateX(0px); transition: opacity 500ms cubic-bezier(1, -0.01, 1, -0.02) 0s, transform 500ms linear 0s; }
.step-transition-exit { opacity: 1; transform: translateX(0px); }
.step-transition-exit-active { opacity: 0; transform: translateX(-20%); transition: opacity 500ms cubic-bezier(0, 1.01, 0, 1) 0s, transform 500ms linear 0s; }
.fade-out-enter { opacity: 0; }
.fade-out-enter-active { opacity: 1; transition: opacity 1s ease 0s; }
.fade-out-exit { opacity: 1; }
.fade-out-exit-active { opacity: 0; transition: opacity 1s ease 0s; }
.floating { max-width: calc(100vw - 10px); }

.circle-animation {
    animation: rotate 1.2s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.trezorconnect-container{position:fixed!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-webkit-flex-direction:column!important;-ms-flex-direction:column!important;flex-direction:column!important;-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important;z-index:10000!important;width:100%!important;height:100%!important;top:0!important;left:0!important;background:rgba(0,0,0,.35)!important;overflow:auto!important;padding:20px!important;margin:0!important}.trezorconnect-container .trezorconnect-window{position:relative!important;display:block!important;width:370px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;margin:auto!important;border-radius:3px!important;background-color:#fff!important;text-align:center!important;overflow:hidden!important}.trezorconnect-container .trezorconnect-window .trezorconnect-head{text-align:left;padding:12px 24px!important;display:-webkit-box!important;display:-webkit-flex!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}.trezorconnect-container .trezorconnect-window .trezorconnect-head .trezorconnect-logo{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.trezorconnect-container .trezorconnect-window .trezorconnect-head .trezorconnect-close{cursor:pointer!important;height:24px!important}.trezorconnect-container .trezorconnect-window .trezorconnect-head .trezorconnect-close svg{fill:#757575;-webkit-transition:fill .3s ease-in-out!important;transition:fill .3s ease-in-out!important}.trezorconnect-container .trezorconnect-window .trezorconnect-head .trezorconnect-close:hover svg{fill:#494949}.trezorconnect-container .trezorconnect-window .trezorconnect-body{padding:24px 24px 32px!important;background:#FBFBFB!important;border-top:1px solid #EBEBEB}.trezorconnect-container .trezorconnect-window .trezorconnect-body h3{color:#505050!important;font-size:16px!important;font-weight:500!important}.trezorconnect-container .trezorconnect-window .trezorconnect-body p{margin:8px 0 24px!important;font-weight:400!important;color:#A9A9A9!important;font-size:12px!important}.trezorconnect-container .trezorconnect-window .trezorconnect-body button{width:100%!important;padding:12px 24px!important;margin:0!important;border-radius:3px!important;font-size:14px!important;font-weight:300!important;cursor:pointer!important;background:#01B757!important;color:#fff!important;border:0!important;-webkit-transition:background-color .3s ease-in-out!important;transition:background-color .3s ease-in-out!important}.trezorconnect-container .trezorconnect-window .trezorconnect-body button:hover{background-color:#00AB51!important}.trezorconnect-container .trezorconnect-window .trezorconnect-body button:active{background-color:#009546!important}


.bePmOm {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 20px;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
  transition: background 0.3s, box-shadow 0.2s;
}
.hKRLIZ {
  max-width: 550px;
  padding: 20px 32px;
}
.ixlPUo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.lkzogG {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bMOCsV {
  font-size: 14px;
  font-weight: 600;
  color: rgb(31, 31, 31);
  text-align: left;
}
.jJRBhn {
  font-size: 14px;
  font-weight: 500;
  color: rgb(128, 128, 128);
}

.gxWUIO {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  cursor: pointer;
  color: rgb(23, 23, 23);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: underline;
}
.bzBPLm {
  color: rgb(128, 128, 128);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.gtWLom {
  flex: 1 1 0%;
  width: 100%;
}
.jNWrJc {
  background: rgb(246, 246, 246);
  border-radius: 12px;
  border: 1px solid rgb(238, 238, 238);
  transition: background 0.3s;
}
.ipBEsH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 12px 16px;
  cursor: pointer;
}
.jJrQOv {
  flex: 1 1 0%;
}
.iiVHLH {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.gFLtpB {
  display: flex;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  transition: opacity 0.15s;
}


.jHWWiy {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.jCrxIS {
  transform: rotate(180deg);
  transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  transform-origin: center center 0px;
}

.iauhXz {
  overflow: hidden;
}
.gYnvnv {
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  border-top: 1px solid rgb(238, 238, 238);
}
.iyTKeb {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 20px;
  width: 100%;
}

.jJRBhn {
  font-size: 14px;
  font-weight: 500;
  color: rgb(128, 128, 128);
}
.bisEFY {
  margin-bottom: 0px;
  width: 120px;
}

.dakFTM {
  display: flex;
  flex-direction: column;
}
.ezdYpo {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(31, 31, 31);
  align-items: center;
  display: flex;
}
.lfEizI {
  display: flex;
}
.eJcqin {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-direction: row;
}
.iyYJKp {
  display: flex;
  align-items: center;
  height: 24px;
  width: 44px;
  flex-shrink: 0;
  margin: 0px;
  padding: 3px;
  position: relative;
  background: rgb(15, 97, 72);
  border-radius: 12px;
  transition: background 0.2s, box-shadow 0.1s ease-out, border-color 0.1s ease-out;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid transparent;
}

.kHPPHm {
  position: absolute;
  display: inline-block;
  height: 20px;
  width: 20px;
  border: medium;
  left: 1px;
  border-radius: 100px;
  background: rgb(255, 255, 255);
  transform: translateX(20px);
  transition: transform 0.25s;
  cursor: pointer;
}
.iyYJKp button {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
}
.ljenGI {
  border: 0px;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}
.ezdYpo {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(31, 31, 31);
  align-items: center;
  display: flex;
}
.VcMhw {
  display: flex;
  align-self: center;
}


.fAgJNo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  border-radius: 100px;
  transition: box-shadow 0.1s ease-out, border-color 0.1s ease-out, background 0.1s ease-out;
  outline: none;
  cursor: pointer;
  border: 1px solid transparent;
  background: rgb(15, 97, 72);
  color: rgb(255, 255, 255);
}
.glUQFC {
  min-width: 180px;
}
.lbHOEW {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
}



/* Flex utility */
.flex {
    display: flex;
}

/* Flex column utility */
.flex-col {
    align-items: flex-start;
	flex-direction: column;
}

/* Media query for medium screens and larger */
@media (min-width: 768px) {
    .md\:flex-row {
		align-items: center;
        flex-direction: row;
    }
}

.flex-1 {
    flex: 1; /* Allow children to grow equally */
}

.p-4{
	1rem
}
