@media (min-width: 768px) {
  .modal-container-mobile.svelte-baitaa {
    bottom: unset !important;
    margin: 1rem;
  }
}
.modal-container-mobile.svelte-baitaa {
  bottom: 0;
}
.modal-position.svelte-baitaa {
  top: var(--onboard-modal-top, var(--modal-top));
  bottom: var(--onboard-modal-bottom, var(--modal-bottom));
  left: var(--onboard-modal-left, var(--modal-left));
  right: var(--onboard-modal-right, var(--modal-right));
}
.absolute {
  position: absolute !important;
}

* {
    box-sizing: border-box;
  }
.max-height.svelte-baitaa {
  max-height: calc(100vh - 2rem);
}

@media (min-width: 768px) {
  .modal-styling.svelte-baitaa {
    border-radius: var(--border-radius) !important;
  }
}
.background.svelte-baitaa {
    pointer-events: all;
  }
.modal-styling.svelte-baitaa {
  --border-radius: var(
    --onboard-modal-border-radius,
    var(--w3o-border-radius, 1rem)
  );
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  box-shadow: var(--onboard-modal-box-shadow, var(--box-shadow-0));
  max-width: 100vw;
}
.modal-overflow.svelte-baitaa {
  overflow: hidden;
}
.modal.svelte-baitaa {
  overflow-y: auto;
  background: var(--onboard-modal-background, white);
  color: var(--onboard-modal-color, initial);
}
@media (min-width: 768px) {
  .container.svelte-b3j15j {
    margin: 0;
    flex-flow: row;
    height: var(--onboard-connect-content-height, 440px);
  }
}
.container.svelte-b3j15j {
  --background-color: var(
    --onboard-main-scroll-container-background,
    var(--w3o-background-color)
  );
  --foreground-color: var(--w3o-foreground-color);
  --text-color: var(--onboard-connect-text-color, var(--w3o-text-color));
  --border-color: var(--w3o-border-color, var(--gray-200));
  --action-color: var(--w3o-action-color, var(--primary-500));
  font-family: var(--onboard-font-family-normal, var(--font-family-normal));
  font-size: var(--onboard-font-size-5, 1rem);
  background: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
  line-height: 24px;
  overflow: hidden;
  position: relative;
  display: flex;
  height: min-content;
  flex-flow: column-reverse;
}

@media (min-width: 768px) {
  .sidebar.svelte-obaru3 {
    max-width: 280px;
    border-right: 1px solid;
    border-right-color: currentcolor;
    border-color: var(--border-color);
    background: var(--background-color);
  }
}
.sidebar.svelte-obaru3 {
  --background-color: var(
    --onboard-connect-sidebar-background,
    var(--w3o-foreground-color, none)
  );
  --text-color: var(--onboard-connect-sidebar-color, inherit);
  --border-color: var(--onboard-connect-sidebar-border-color, inherit);
  display: flex;
  flex-flow: column;
  gap: 1rem;
  padding: 1rem;
  align-items: center;
}
@media (min-width: 768px) {
  .inner-container.svelte-obaru3 {
    border: none;
    text-align: initial;
    flex: 1;
    align-items: flex-start;
    gap: 1rem;
  }
}
.inner-container.svelte-obaru3 {
  display: flex;
  flex-flow: column;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
  padding: 1.5rem;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 12px;
  border-color: var(--border-color);
  background: var(--background-color);
  color: var(--text-color);
}
.icon-container.svelte-obaru3 {
  display: flex;
  height: 3.5rem;
  width: auto;
  min-width: 3.5rem;
  max-width: 100%;
}
img.svelte-obaru3 {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .inner-container.svelte-obaru3 {
    text-align: initial;
  }
}
.inner-container.svelte-obaru3 {
  text-align: center;
  color: var(--text-color);
}
.subheading.svelte-obaru3 {
  line-height: 1rem;
}
*{
    
        --w3o-background-color: #2B0E09;
        --w3o-foreground-color: #FD684E;
        --w3o-border-color: #140603;
        --w3o-text-color: #FEF1EC;
        --w3o-action-color: #FDA669;
      
}
*{
    --white: white;
    --black: black;
    --primary-1: #2F80ED;
    --primary-100: #eff1fc;
    --primary-200: #d0d4f7;
    --primary-300: #b1b8f2;
    --primary-400: #929bed;
    --primary-500: #6370e5;
    --primary-600: #454ea0;
    --primary-700: #323873;
    --gray-100: #ebebed;
    --gray-200: #c2c4c9;
    --gray-300: #999ca5;
    --gray-400: #707481;
    --gray-500: #33394b;
    --gray-600: #242835;
    --gray-700: #1a1d26;
    --success-100: #d1fae3;
    --success-200: #baf7d5;
    --success-300: #a4f4c6;
    --success-400: #8df2b8;
    --success-500: #5aec99;
    --success-600: #18ce66;
    --success-700: #129b4d;
    --danger-100: #ffe5e6;
    --danger-200: #ffcccc;
    --danger-300: #ffb3b3;
    --danger-400: #ff8080;
    --danger-500: #ff4f4f;
    --danger-600: #cc0000;
    --danger-700: #660000;
    --warning-100: #ffefcc;
    --warning-200: #ffe7b3;
    --warning-300: #ffd780;
    --warning-400: #ffc74c;
    --warning-500: #ffaf00;
    --warning-600: #cc8c00;
    --warning-700: #664600;
    --font-family-normal: var(--w3o-font-family, Inter, sans-serif);
    --font-size-1: 3rem;
    --font-size-2: 2.25rem;
    --font-size-3: 1.5rem;
    --font-size-4: 1.25rem;
    --font-size-5: 1rem;
    --font-size-6: .875rem;
    --font-size-7: .75rem;
    --font-line-height-1: 24px;
    --font-line-height-2: 20px;
    --font-line-height-3: 16px;
    --font-line-height-4: 12px;
    --spacing-1: 3rem;
    --spacing-2: 2rem;
    --spacing-3: 1.5rem;
    --spacing-4: 1rem;
    --spacing-5: 0.5rem;
    --spacing-6: 0.25rem;
    --spacing-7: 0.125rem;
    --border-radius-1: 24px;
    --border-radius-2: 20px;
    --border-radius-3: 16px;
    --border-radius-4: 12px;
    --border-radius-5: 8px;
    --shadow-0: none;
    --shadow-1: 0px 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-2: inset 0px -1px 0px rgba(0, 0, 0, 0.1);
    --shadow-3: 0px 4px 16px rgba(0, 0, 0, 0.2);
    --modal-z-index: 10;
    --modal-top: unset;
    --modal-right: unset;
    --modal-bottom: unset;
    --modal-left: unset;
    --modal-backdrop: rgba(0, 0, 0, 0.6);
  }
  .description.svelte-obaru3 {
    line-height: 1.25rem;
    font-size: var(--onboard-font-size-6, var(--font-size-6));
  }
  @media (min-width: 768px) {
    .indicators.svelte-obaru3 {
      margin-bottom: 0.25rem;
    }
  }
  .indicators.svelte-obaru3 {
    margin-top: auto;
  }
  .items-center {
    align-items: center;
  }
  .indicator.on.svelte-obaru3 {
    background: var( --onboard-connect-sidebar-progress-color, var(--action-color) );
    border: 2px solid var( --onboard-connect-sidebar-progress-background, var(--onboard-gray-700, var(--gray-700)) );
  }
  .join.svelte-obaru3 {
    box-sizing: content-box;
    z-index: 1;
    right: 4px;
    height: 2px;
    background: var( --onboard-connect-sidebar-progress-background, var(--onboard-gray-700, var(--gray-700)) );
    transition: background 250ms ease-in-out;
  }.indicator.svelte-obaru3 {
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: var( --onboard-connect-sidebar-progress-background, var(--onboard-gray-700, var(--gray-700)) );
    transition: background 250ms ease-in-out;
  }
  @media (min-width: 768px) {
    .content.svelte-b3j15j {
      width: var(--onboard-connect-content-width, 488px);
    }
  }
  .content.svelte-b3j15j {
    width: var(--onboard-connect-content-width, 100%);
  }
  .flex-column {
    flex-direction: column;
  }
  .header-heading.svelte-b3j15j {
    line-height: 1rem;
  }
  .button-container.svelte-b3j15j {
    right: 0.5rem;
    top: 0.5rem;
  }
  .close-button.svelte-1ubf722.svelte-1ubf722 {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    width: 2rem;
    border-radius: 2rem;
    cursor: pointer;
    color: var(--onboard-close-button-color, inherit);
  }
  .svg-box.svelte-1ubf722.svelte-1ubf722 {
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    opacity: 0.6;
    transition: 300ms ease-in-out opacity;
  }
  .scroll-container.svelte-b3j15j {
    overflow-y: auto;
    transition: opacity 250ms ease-in-out;
    scrollbar-width: none;
  }
  @media (min-width: 768px) {
    .wallets-container.svelte-kpc6js {
      display: grid;
      grid-template-columns: repeat(var(--onboard-wallet-columns, 2), 1fr);
      padding: 1rem;
      border: none;
    }
  }
  .wallets-container.svelte-kpc6js {
    display: flex;
    gap: 0.5rem;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid var(--border-color);
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .wallet-button-container.svelte-1vlog3j {
    display: flex;
  }
  @media screen and (min-width: 768px) {
    button.wallet-button-styling.svelte-1vlog3j {
      transition: background-color 250ms ease-in-out;
      background: var(--onboard-wallet-button-background, none);
      border: 1px solid transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
      border-color: var(--onboard-wallet-button-border-color, var(--border-color));
      border-radius: var(--onboard-wallet-button-border-radius, var(--border-radius-1));
    }
  }
  button.wallet-button-styling.svelte-1vlog3j {
    position: relative;
    align-items: flex-start;
    flex: 1;
    padding: 0;
    background: none;
    color: var(--onboard-wallet-button-color, inherit);
  }
  button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--onboard-spacing-4, var(--spacing-4)) - 1px);
    border-radius: 24px;
    cursor: pointer;
    font: inherit;
    border: none;
    transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  }
  @media screen and (min-width: 768px) {
    .wallet-button-container-inner.svelte-1vlog3j {
      flex: 1;
      flex-flow: row nowrap;
      gap: 1rem;
      padding: 1rem;
    }
  }
  .wallet-button-container-inner.svelte-1vlog3j {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    width: 5rem;
  }.background-transparent.svelte-i129jl {
    background: var( --onboard-wallet-app-icon-background-transparent, transparent );
  }
  .border-custom.svelte-i129jl {
    border: 1px solid var(--border-color);
  }
  .icon.svelte-i129jl {
    height: 100%;
  }
  .justify-center {
    justify-content: center;
  }
  @media screen and (min-width: 768px) {
    .name.svelte-1vlog3j {
      font-size: 1rem;
      line-height: 1.25rem;
      text-align: initial;
      max-width: inherit;
      max-height: 3rem;
    }
  }
  .name.svelte-1vlog3j {
    font-size: var(--onboard-font-size-7, var(--font-size-7));
    line-height: 1rem;
    text-overflow: ellipsis;
    max-width: 5rem;
    max-height: 2rem;
    overflow: hidden;
  }
  section.svelte-baitaa {
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: var(--onboard-modal-z-index, var(--modal-z-index));
  }
  .full-screen-background.svelte-baitaa {
    width: 100vw;
    height: 100vh;
  }
  .background.svelte-baitaa {
    background: var(--onboard-modal-backdrop, var(--modal-backdrop));
    pointer-events: all;
  }
  *{
    --w3o-background-color: #2B0E09;
    --w3o-foreground-color: #FD684E;
    --w3o-border-color: #140603;
    --w3o-text-color: #FEF1EC;
    --w3o-action-color: #FDA669;
  }