
/* v89 registration CSS regression fix: the nested <input> previously retained
   the global .gbb-input:focus outline, so users saw two borders at once.
   Only the accessible, rounded .gbb-input-wrap should show the focus ring. */
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap{
  position:relative;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  isolation:isolate;
  padding:0 15px;
  border-radius:16px!important;
  border:1px solid #dec6d0!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 7px 18px rgba(79,40,57,.045),inset 0 1px 0 rgba(255,255,255,.8)!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap:focus-within{
  border-color:#ac6a85!important;
  box-shadow:0 0 0 3px rgba(192,129,157,.22),0 8px 20px rgba(79,40,57,.08)!important;
  transform:none!important;
}
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap > .gbb-input,
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap > .gbb-input:hover,
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap > .gbb-input:focus,
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap > .gbb-input:focus-visible{
  display:block!important;
  position:relative;
  z-index:1;
  flex:1 1 auto;
  min-width:0!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-clip:padding-box!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  text-indent:0!important;
}
#gbb-join .gbb-field-icon-mark{position:relative;z-index:1;flex:0 0 28px!important;pointer-events:none}
#gbb-join .gbb-field.gbb-field-icon > .gbb-input-wrap > .gbb-input:-webkit-autofill{
  -webkit-text-fill-color:#432d39;
  transition:background-color 99999s ease-in-out 0s;
}
/* Keep the visible keyboard focus indication on the parent without overlaps. */
#gbb-join .gbb-dialog{scrollbar-gutter:stable;}
#gbb-join .gbb-join-main{min-width:0;}
#gbb-join .gbb-join-main .gbb-field{min-width:0;}
#gbb-join #gbb-join-title{line-height:1.12!important;word-break:normal;}
#gbb-join .gbb-join-accent{margin-top:5px!important;}
@media(max-width:860px){
 #gbb-join .gbb-dialog{overscroll-behavior:contain;overflow-y:auto!important;}
}
@media(max-width:420px){
 #gbb-join .gbb-field.gbb-field-icon>.gbb-input-wrap{min-height:54px;}
 #gbb-join .gbb-field.gbb-field-icon>.gbb-input-wrap>.gbb-input{height:50px!important;min-height:50px!important;}
}
@media(prefers-reduced-motion:reduce){
 #gbb-join .gbb-field.gbb-field-icon>.gbb-input-wrap{transition:none!important;}
}
