/* AETHERIX JOIN PORT FIX 14.4 */
#join.hero-join-panel{
  max-width:100%;
  overflow-x:clip;
}
#join.hero-join-panel .join-edition-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin:14px 0 4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(0,0,0,.28);
  max-width:100%;
}
#join.hero-join-panel .join-edition-switch button{
  min-height:42px;
  min-width:0;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:rgba(255,255,255,.48);
  font:inherit;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  cursor:pointer;
  transition:.17s ease;
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
#join.hero-join-panel .join-edition-switch button:hover{
  color:#fff;
  background:rgba(255,255,255,.04);
}
#join.hero-join-panel .join-edition-switch button.is-active{
  color:#111500;
  background:#EAFF1D;
  box-shadow:0 7px 20px rgba(234,255,29,.12);
}
#join.hero-join-panel .join-edition-switch button[data-join-edition="bedrock"].is-active{
  background:linear-gradient(110deg,#EAFF1D,#FFB70D);
}
#join.hero-join-panel .join-device-icon{
  font-size:15px;
  line-height:1;
  flex:0 0 auto;
  pointer-events:none;
}
#join.hero-join-panel .join-ip,
#join.hero-join-panel .join-card .primary-button.full-button{
  touch-action:manipulation !important;
  -ms-touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
#join.hero-join-panel .join-ip{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
#join.hero-join-panel .join-ip{
  display:flex;
  align-items:center;
  gap:9px;
}
#join.hero-join-panel .join-ip .join-address-text{
  min-width:0;
  flex:1 1 auto;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#join.hero-join-panel[data-join-edition="bedrock"] .join-ip{
  border-color:rgba(255,83,0,.34);
  background:rgba(255,83,0,.055);
}
#join.hero-join-panel[data-join-edition="bedrock"] .join-ip .join-address-text{color:#fff}

@media (min-width: 901px){
  #join.hero-join-panel .hero-join-title{
    min-height:2.2em;
  }
  #join.hero-join-panel .hero-join-intro > p{
    min-height:2.8em;
  }
  #join.hero-join-panel .join-steps{
    min-height:138px;
  }
}

/* Port is visually hidden in Java mode but still reserves identical height. */
#join.hero-join-panel .join-port-row{
  margin-top:9px;
  height:37px;
  box-sizing:border-box;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
#join.hero-join-panel .join-port-row.is-visible{
  visibility:visible;
  opacity:1;
  border-color:rgba(255,83,0,.26);
  background:rgba(255,83,0,.055);
}
#join.hero-join-panel .join-port-row span{
  color:rgba(255,255,255,.38);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
#join.hero-join-panel .join-port-row strong{
  color:#FF8A38;
  font-size:13px;
  font-weight:950;
}