.kXfcfB { border-radius: 8px; padding: 16px; font-weight: 500; font-size: 14px; width: 100%; color: rgb(255, 255, 255);





   background-color: /* Button color  */ rgb(39, 110, 214);





border: medium; will-change: background-color; transition: background-color 0.2s; }






a{
    cursor: pointer;
}
button{
    cursor: pointer;
}

.mymodal p{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.mymodal li{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.RMOfJ { vertical-align: middle; color: rgb(37, 37, 33); }
.RMOfJ path:nth-child(1) { animation: 1.25s infinite imYoby; }
.RMOfJ path:nth-child(2) { animation: 1.25s 0.15s infinite imYoby; }
.RMOfJ path:nth-child(3) { animation: 1.25s 0.3s infinite imYoby; }
.jahXL { position: fixed; display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 5; backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, 0.5); }
.fqGPGv { position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; width: 100%; }
.crsivT { border-radius: 12px; border: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); color: rgb(37, 37, 33); box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 32px; padding: 36px; gap: 24px; }
.HFJxK { display: flex; flex-flow: wrap; gap: 1rem; align-items: start; justify-content: flex-start; flex: 0 0 auto; }
.bGEyyT { display: flex; flex-direction: column; gap: 24px; align-items: center; flex: 0 0 auto; }
.iXrhNq { display: flex; flex-direction: column; gap: 12px; align-items: stretch; flex: 0 0 auto; }
.cAEZBG { display: flex; flex-direction: column; gap: 1rem; align-items: stretch; flex: 0 0 auto; }
.iTaKgu { display: flex; flex-direction: column; gap: 16px; align-items: center; flex: 0 0 auto; }
.hpxpyt { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; flex: 1 1 0%; }
.jmPznn { display: flex; align-items: center; justify-content: center; border: medium; cursor: pointer; user-select: none; will-change: background-color, border-color, color, opacity; transition: background-color 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s; }
.jmPznn:not(:disabled) { opacity: 1; }
.jmPznn:not(:disabled):hover { font-weight: 600; }
.jmPznn:disabled { opacity: 0.6; cursor: not-allowed; }

.kXfcfB:not(:disabled):hover { font-weight: 600;  }
.kXfcfB:disabled { opacity: 0.2; cursor: not-allowed; }
.hgGHLv { width: fit-content; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; padding: 32px; overflow-y: auto; }
@media (max-width: 479px) {
  .hgGHLv { width: 100dvw; height: 100dvh; border-radius: 0px; border: medium; }
}
.ftoAjy { align-items: stretch; justify-content: center; flex-wrap: nowrap; gap: 32px; }
@media (max-width: 1023px) {
  .ftoAjy { flex-direction: column; gap: 40px; }
}
.cvpIFm { width: 100%; max-width: 460px; gap: 24px; padding: 30px; align-items: center; flex: 1 1 0%; border-radius: 12px; background: linear-gradient(152deg, rgb(58, 58, 58) 0%, rgb(37, 37, 33) 146.87%); border: 1px solid transparent; }
.cvpIFm p, .cvpIFm h2 { color: white; }
.fBKmaA { width: 100%; max-width: 460px; gap: 24px; padding: 30px; align-items: center; flex: 1 1 0%; border-radius: 12px; background: rgb(247, 247, 247); border: 1px solid rgb(229, 229, 229); }
.fBKmaA p { color: rgb(37, 37, 33); }
.fBKmaA h2 { color: rgb(37, 37, 33); }
.gKgdmV { margin: 0px; font-size: 24px; font-weight: 700; font-family: "Plus Jakarta Sans", sans-serif; color: rgb(37, 37, 33); }
.bPSzsa { margin: 0px; font-size: 16px; color: rgb(143, 143, 143); }
.kvjvKr { width: 100%; font-size: 16px; font-family: "Plus Jakarta Sans", sans-serif; }
.lidIxf { width: 100%; font-size: 16px; font-family: "Plus Jakarta Sans", sans-serif; background: rgb(37, 37, 33); color: white; border: medium; }
.lidIxf:not(:disabled):hover { background: rgb(37, 37, 33); border-color: transparent; opacity: 0.9; }
.ZIwRm { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; padding: 8px; border: medium; border-radius: 12px; font-weight: 500; text-align: left; background: rgb(247, 247, 247); box-shadow: rgb(229, 229, 229) 0px 0px 0px 1px, rgba(0, 0, 0, 0.125) 2px 3px 5px inset; transition: 0.2s; }
.ZIwRm:hover { background: rgb(229, 229, 229); }
.ZIwRm::after { position: absolute; display: block; content: ""; place-self: center; height: 1.8em; width: 1.8em; border-radius: 10px; background: rgb(143, 143, 143); margin-left: calc(-1em - 8px); box-shadow: rgb(247, 247, 247) 1px 1px 2px -2px inset, rgba(0, 0, 0, 0.25) 1px 2px 5px; transition: margin-left 0.2s; }
.ZIwRm svg { z-index: 1; }
.ZIwRm svg.dark { color: rgb(143, 143, 143); }
.ZIwRm svg.light { color: rgb(255, 255, 255); }
.eAkVpx { color: rgb(143, 143, 143); }
.eTxqSq { color: rgb(143, 143, 143); }
.erVSkb { display: flex; margin: 24px 0px; justify-content: space-between; align-items: center; gap: 24px; color: rgb(37, 37, 33); font-size: 14px; font-weight: 400; }
@media (max-width: 1023px) {
  .erVSkb { flex-direction: column; align-items: center; gap: 16px; margin: auto 0px 0px; }
}
.dxZpuL { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; justify-self: end; white-space: nowrap; }
@media (max-width: 1023px) {
  .dxZpuL { gap: 8px 16px; }
}
.dxZpuL a { color: rgb(143, 143, 143); text-decoration: none; transition: color 0.2s; }
.dxZpuL a:hover { color: rgb(255, 196, 13); }
.eLfeeO { display: flex; gap: 24px; justify-self: end; justify-content: space-between; white-space: nowrap; }
.eLfeeO button { margin-right: 10px; }
@media (max-width: 1023px) {
  .eLfeeO { width: 100%; }
}
.creFUR { color: rgb(143, 143, 143); text-decoration: none; transition: color 0.2s; display: flex; align-items: center; }
.creFUR :hover { color: rgb(255, 196, 13); }
.kOmikT { display: flex; align-items: center; justify-content: center; height: 32px; padding: 0px 16px; border: medium; border-radius: 8px; color: white; background-color: rgb(255, 196, 13); font-size: 14px; font-weight: 500; cursor: pointer; }
.kOmikT:not(:disabled):hover { background-color: rgb(230, 172, 0); }
.hNRLjC { position: relative; display: inline-block; }
.jdlOIX { position: absolute; z-index: 99; display: grid; grid-template-rows: 1fr; row-gap: 10px; padding: 10px; top: 100%; right: 0px; margin: 0px; list-style: none; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 24px 50px -12px; opacity: 0; visibility: hidden; transform: translateY(0px); transition: opacity 200ms, transform 200ms, visibility 200ms; }
.jHOVTr { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; border: medium; outline: none; cursor: pointer; white-space: nowrap; box-sizing: border-box; padding: 10px 20px; width: 100%; border-radius: 8px; font-size: 14px; color: rgb(37, 37, 33); }
.jHOVTr:hover { background-color: rgba(0, 0, 0, 0.04); }
.iCMaMy { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin: 24px 0px; gap: 20px; background-color: transparent; font-family: Inter, sans-serif; position: relative; }
@media (max-width: 1023px) {
  .iCMaMy { display: flex; justify-content: space-between; margin: 16px 0px; gap: 12px; }
}
@media (max-width: 479px) {
  .iCMaMy { margin: 8px -8px 0px; }
}
.icCzrm { justify-self: start; }
.cHcGEj { display: flex; align-items: center; gap: 8px; justify-self: end; }
@media (max-width: 1023px) {
  .cHcGEj { display: none; }
}
.cSzrnU { display: none; }
@media (max-width: 1023px) {
  .cSzrnU { display: flex; align-items: center; gap: 12px; }
}
.hBSdKI { display: none; background: transparent; border: medium; cursor: pointer; padding: 8px; color: rgb(37, 37, 33); font-size: 28px; line-height: 1; }
@media (max-width: 1023px) {
  .hBSdKI { display: flex; align-items: center; justify-content: center; }
}
.iCZuxJ { display: none; }
@media (max-width: 1023px) {
  .iCZuxJ { display: block; position: fixed; top: 0px; right: 0px; width: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.5); z-index: 998; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
}
.kEdPHL { padding-top: 24px; padding-right: 24px; padding-left: 24px; padding-bottom: calc(24px + env(safe-area-inset-bottom)); margin-top: auto; }
.kpQeqM { display: none; }
@media (max-width: 1023px) {
  .kpQeqM { display: flex; flex-direction: column; position: fixed; top: 0px; right: 0px; width: 80%; max-width: 320px; height: 100dvh; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) -2px 0px 10px; z-index: 999; transform: translateX(100%); transition: transform 0.3s; overflow: hidden; }
}
.OeEfj { display: flex; justify-content: space-between; align-items: center; padding: 24px 24px 0px; }
.OeEfj h3 { margin: 0px; font-size: 20px; font-weight: 600; color: rgb(37, 37, 33); }
.zCjOh { flex: 1 1 0%; overflow-y: auto; display: flex; flex-direction: column; gap: 24px; padding: 24px; }
.efnDgf { background: transparent; border: medium; cursor: pointer; padding: 8px; color: rgb(37, 37, 33); font-size: 24px; line-height: 1; }
.dtnydO { display: block; width: 64px; height: 64px; }
.hEIyxX { text-decoration: none; color: rgb(143, 143, 143); font-weight: 400; background: transparent; border: 1px solid transparent; transition: background 0.2s, border-color 0.2s; }
.hEIyxX:hover { background: rgb(247, 247, 247); color: rgb(37, 37, 33); }
.hEIyxX.active { background: rgb(247, 247, 247); color: rgb(37, 37, 33); font-weight: 500; border: 1px solid rgb(229, 229, 229); }
.hEIyxX.active:hover { background: rgb(247, 247, 247); }
.QWsiF { display: flex; align-items: center; gap: 4px; padding: 4px; }
.QWsiF .sc-fjvvzq { padding: 6px 12px; border-radius: 8px; }
@media (max-width: 1023px) {
  .QWsiF { display: none; }
}
.fbTVpK { display: flex; flex-direction: column; gap: 8px; }
.fbTVpK .sc-fjvvzq { padding: 12px 16px; border-radius: 8px; font-size: 16px; }
.gpCCGg { font-weight: 500; }
.fShIDU { display: flex; font-size: 14px; color: rgb(143, 143, 143); margin-right: 16px; align-items: center; gap: 20px; }
@media (max-width: 479px) {
  .fShIDU { display: none; }
}
.fShIDU .sc-fBWQRA > span:first-child::after { content: ":"; margin-right: 4px; }
.fShIDU .sc-fBWQRA > span:last-child { color: rgb(37, 37, 33); }
.gTbEVZ { display: flex; font-size: 14px; color: rgb(143, 143, 143); margin-right: 0px; flex-direction: column; gap: 16px; padding: 20px; background: linear-gradient(to left bottom in oklab, rgb(241, 242, 245) 0px, rgb(255, 255, 255) 60%); border-radius: 12px; }
.gTbEVZ .sc-fBWQRA { display: flex; justify-content: space-between; }
.gTbEVZ .sc-fBWQRA span:first-child { color: rgb(143, 143, 143); }
.gTbEVZ .sc-fBWQRA span:last-child { font-weight: 500; color: rgb(37, 37, 33); }
.hdEsBL { display: flex; flex-direction: column; min-height: 100dvh; margin: 0px 5vw; }
@media (max-width: 1023px) {
  .hdEsBL .sc-uVWWW { display: none; }
}
.cUlHbO { display: flex; flex: 1 1 0%; z-index: 2; flex-direction: column; align-items: center; }
@media (max-width: 479px) {
  .cUlHbO { justify-content: flex-start; }
}

.jkeKJh:empty { display: none; }
.ddCNsO { margin: auto; flex-direction: row; align-items: flex-start; }
@media (max-width: 1023px) {
  .ddCNsO { flex-direction: column; }
}
.goRldF { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px; border: 1px solid rgb(229, 229, 229); border-radius: 8px; max-width: 500px; background: rgb(255, 255, 255); }
.gcoGZx { font-size: 20px; font-weight: 600; color: rgb(37, 37, 33); font-family: "Plus Jakarta Sans", sans-serif; }
.iaPvYG { display: flex; align-items: center; justify-content: center; background-color: rgb(247, 247, 247); border-radius: 100%; padding: 8px; color: rgb(37, 37, 33); }
.cMeSHf { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
.eVpLHe { margin-left: auto; height: 24px; align-content: end; color: rgb(143, 143, 143); font-weight: 400; white-space: nowrap; gap: 16px; }
.guFXpE { color: rgb(225, 29, 72); margin-left: 0px; margin-right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eGParU { display: flex; justify-content: space-evenly; gap: 8px; padding: 12px 16px; width: 100%; border: 1px solid rgb(229, 229, 229); border-radius: 8px; background: rgb(255, 255, 255); }
.ecbHSA { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; margin: 0px auto; }
.ecbHSA:first-child { margin-left: 8px; }
.ecbHSA:last-child { margin-right: 8px; }
.ecbHSA > svg { width: 32px; height: 32px; }
@media (max-width: 479px) {
  .ecbHSA > svg { width: 28px; height: 28px; }
}
.fvKTPe { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; padding: 8px; font-size: 14px; }
@media (max-width: 479px) {
  .fvKTPe { padding: 8px 0px; font-size: 12px; letter-spacing: -0.05em; }
}
.fvKTPe h3 { color: rgb(143, 143, 143); font-weight: 400; font-size: 14px; white-space: nowrap; }
.fvKTPe p { color: rgb(37, 37, 33); font-weight: 500; }
.jBQaRa { display: flex; flex-direction: column; background: rgb(247, 247, 247); border: medium; padding: 16px; border-radius: 8px; }
.cvWOjM { display: flex; justify-content: space-between; height: 24px; color: rgb(143, 143, 143); font-weight: 400; }
.eGkuuT { display: flex; align-items: center; gap: 8px; }
.creOml { font-family: Inter, sans-serif; font-size: 36px; font-weight: 500; flex: 0 1 100%; max-width: 80%; width: 100%; border: medium; color: rgb(37, 37, 33); background: transparent; }
.creOml:disabled { opacity: 0.6; }
.creOml:focus { color: rgb(37, 37, 33); outline: none; }
.creOml::placeholder { color: rgb(143, 143, 143); }
@media (max-width: 479px) {
  .creOml { font-size: 24px; }
}
.konFaW { position: relative; display: flex; align-items: center; justify-content: center; opacity: 1; }
.konFaW svg { display: none; }
.gtlahy { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; }
.gtlahy svg { position: absolute; left: 8px; }
.clNLdj { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.6; pointer-events: none; }
.clNLdj svg { position: absolute; left: 8px; }
.braJKr { position: relative; display: flex; align-items: center; justify-content: center; opacity: 0.6; pointer-events: none; }
.braJKr svg { display: none; }
.hAbXGN { width: 24px; height: 24px; margin-right: 8px; }
.ligQvK { flex: 1 1 20%; font-size: 28px; height: 38px; text-align: right; white-space: nowrap; color: rgb(143, 143, 143); display: flex; align-items: center; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; user-select: none; border: 2px solid transparent; border-radius: 4px; padding: 0px 8px 0px 24px; margin-right: -8px; }
.ligQvK + svg { position: absolute; margin-left: -12px; top: -10px; }
.ligQvK:hover { border: 2px solid rgb(143, 143, 143); }
@media (max-width: 479px) {
  .ligQvK { font-size: 18px; }
}
.fUMFTZ { flex: 1 1 20%; font-size: 28px; height: 38px; text-align: right; white-space: nowrap; color: rgb(143, 143, 143); display: flex; align-items: center; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; user-select: none; }
@media (max-width: 479px) {
  .fUMFTZ { font-size: 18px; }
}
.khyksJ { display: flex; }
.jxLKRZ { position: relative; width: 560px; margin: 10% auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; padding: 32px; }
.eHVkrZ { display: flex; flex-direction: column; justify-content: center; width: 100%; align-items: center; gap: 12px; }
.dXbXMR { width: 64px; height: 64px; }
.ighRIU { margin: 0px; font-size: 28px; font-weight: 700; font-family: "Plus Jakarta Sans", sans-serif; color: rgb(37, 37, 33); }
.joElRn { margin-top: 16px; border: 1px solid rgb(229, 229, 229); border-radius: 8px; padding: 12px; height: 180px; overflow: auto; background: rgb(247, 247, 247); color: rgb(143, 143, 143); }
.joElRn p, .joElRn li { font-size: 14px; line-height: 1.5; }
.joElRn b { color: rgb(37, 37, 33); }
.dTmjnn { width: 100%; font-family: "Plus Jakarta Sans", sans-serif; }
@keyframes imYoby {
0%, 50%, 100% { transform: translateY(0px); }
25% { transform: translateY(-5px); }
}

.mymodal {
  display: none;
  z-index: 1000;
}

.mymodal.open {
  display: flex;
}