.connect-wallet{
  min-width:188px;
  border:1px solid rgb(149, 233, 227);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:1.2rem 2.4rem;
  border-radius:3px;
  line-height:2rem;
  font-size:1.4rem;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.15rem;
  transition:all .1s;
  background-color:var(--brand-primary);
  color:var(--brand-primary-text);
}
.connect-wallet:hover{
  background-color:var(--brand-primary--hover);
}
/* styles for icon buttons (converted arrow-icon anchors) */
.connect-wallet.arrow-icon{
  min-width: auto;
  padding: 0.25rem;
  border: none;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.connect-wallet.arrow-icon:focus{
  /* remove default/green outline for clicked state */
  outline: none;
  box-shadow: none;
}
.connect-wallet.arrow-icon:focus-visible{
  /* very subtle shadow for keyboard focus — maximum light shadow */
  outline: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.connect-wallet.arrow-icon svg{
  display: block; /* keep svg sizing stable */
}

/* If SVG logos are replaced with external images, hide remaining SVGs and ensure images show */
svg.hype-saver-logo{
  display: none;
}
img.hype-saver-logo{
  display: inline-block;
  width: 240px;
  height: 54px;
}

/* move footer 'Twitter' link slightly left to visually align */
.wc-xgnedmveahxbaltj.Footer_link__NE5H5{
  display: inline-block;
  transform: translateX(-12px);
}
s
/* Reduce vertical gap after Active Positions to bring 'Staking providers' closer */
.active-position-list{
  margin-bottom: 0 !important; /* controlled by .wallet-notice bottom margin instead */
  gap: 1rem !important;
}

/* small muted notice under Active positions header when wallet is disconnected */
.wallet-notice{
  display: block;
  margin: 2rem 0; /* equal space above and below */
  color: #374151; /* darker muted gray for contrast */
  font-size: 3.15rem; /* 3x larger */
  font-weight: 600;
  line-height: 1.25;
}

/* ensure it's positioned directly under the Active Positions header */
.wc-iyopexudnbbtrwfu.header-wrapper .wallet-notice{
  margin-top: 0.6rem !important; /* raised further (about 2x higher) */
  margin-bottom: 2rem !important;
}

/* override generic .header-wrapper flex layout for this specific header so the notice sits under the title */
.wc-iyopexudnbbtrwfu.header-wrapper{
  flex-direction: column !important;
  align-items: flex-start;
}