/* Standalone hero promo card styles */
.gl-welcome-promo{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:16px 0 2px;
  padding:15px;
  border:1px solid #2a4964;
  border-radius:14px;
  background:#0b1622;
  color:#fff;
  overflow:hidden;
}
.gl-welcome-promo > small{
  display:block;
  margin:0 0 6px;
  color:#8196aa;
  font-size:9px;
  line-height:1.35;
}
.gl-welcome-promo > strong{
  display:block;
  margin:0 0 11px;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
}
.gl-welcome-promo__code{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:48px;
  box-sizing:border-box;
  padding:7px 8px 7px 13px;
  margin:0;
  border:1px dashed #258dd1;
  border-radius:11px;
  background:#08121d;
  color:#fff;
  font:inherit;
  cursor:pointer;
  text-align:left;
}
.gl-welcome-promo__code span{
  min-width:0;
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gl-welcome-promo__code b{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:8px;
  background:#2d8fff;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
}
.gl-welcome-promo__code[data-copied="1"]{
  border-color:#b7ff00;
}
.gl-welcome-promo__code[data-copied="1"] b{
  background:#b7ff00;
  color:#102000;
}
.gl-welcome-promo__note{
  display:block;
  margin:9px 0 0 !important;
  color:#71869a !important;
  font-size:9px !important;
  line-height:1.45 !important;
}
@media(max-width:520px){
  .gl-welcome-promo{
    padding:13px;
    border-radius:12px;
  }
  .gl-welcome-promo > strong{
    font-size:16px;
  }
  .gl-welcome-promo__code{
    min-height:46px;
  }
}