#bsm-registering .modal-content {
  border-radius: 16px;
}

#bsm-registering .modal-header {
  border-bottom: none;
  padding:       40px 40px 36px 40px;
  z-index:       1;
}

#bsm-registering .modal-header #bsm-registering-label {
  color:       #1C222E;
  font-size:   24px;
  font-weight: 900;
  line-height: 24px;
}

#bsm-registering .modal-header > .btn-close {
  margin: -8px auto -8px 0;
}

#bsm-registering .modal-body {
  padding:  0 80px 36px 80px;
  position: relative;
}

#bsm-registering .modal-body::after {
  background: url('../../assets/images/registering-form-background.svg') 50% 50% no-repeat;
  bottom:     176px;
  content:    '';
  height:     388px;
  left:       42px;
  position:   absolute;
  right:      550px;
  transform:  scaleX(-1);
  top:        -48px;
  width:      388px;
}

#bsm-registering .modal-body > * {
  max-width: 358px;
}

#bsm-registering .modal-body h3 {
  color:         #1C222E;
  font-weight:   500;
  font-size:     40px;
  line-height:   48px;
  margin-bottom: 40px;
}

#bsm-registering .modal-body #bsm-registering-form > .form-floating {
  margin-bottom: 20px;
}

#bsm-registering .modal-body #bsm-registering-form > .form-floating > input {
  border:        2px solid #D2D2D2;
  border-radius: 8px;
  height:        initial;
  line-height:   24px;
  padding:       10px 14px;
}

#bsm-registering .modal-body #bsm-registering-form > .form-floating > input:focus {
  border: 2px solid #7155C6;
}

#bsm-registering .modal-body #bsm-registering-form > .form-floating > input:focus ~ label,
#bsm-registering .modal-body #bsm-registering-form > .form-floating > .form-control:not(:placeholder-shown) ~ label {
  background:  #FFFFFF;
  color:       #1C222E;
  height:      24px;
  left:        unset;
  line-height: 24px;
  opacity:     1;
  right:       0;
  transform:   scale(.85) translateY(-1.6rem) translateX(0.07rem);
}

#bsm-registering .modal-body #bsm-registering-form > .form-floating > label {
  border:  none;
  color:   #6A7998;
  left:    unset;
  margin:  12px 8px;
  padding: 0 8px;
  right:   0;
  width:   auto;
}

#bsm-registering .modal-body #bsm-registering-form > #rf-register {
  margin-bottom: 12px;
  margin-top:    36px;
}

#bsm-registering .modal-body #bsm-registering-form input[type=checkbox] {
  -moz-appearance:    none;
  -webkit-appearance: none;
  appearance:         none;
  background:         url('../../assets/images/checkbox-unchecked.svg') 0 0 no-repeat;
  background-size:    contain !important;
  cursor:             pointer;
  display:            inline-block;
  height:             24px;
  margin:             0 0 0 16px;
  min-height:         24px;
  min-width:          24px;
  outline:            none;
  padding:            0;
  transform:          scaleX(-1);
  transition:         background-image 300ms ease;
  vertical-align:     top;
  width:              24px;
}

#bsm-registering .modal-body #bsm-registering-form input[type=checkbox]:checked {
	background: url('../../assets/images/checkbox-checked.svg') 0 0 no-repeat;
}

#bsm-registering .modal-body #bsm-registering-form input[type=checkbox] ~ label {
  color:  #1C222E;
  cursor: pointer;
}

#bsm-registering .modal-body #bsm-registering-form input[type=checkbox] ~ label > a {
  color:           #6C56B0;
  text-decoration: none;
}

#bsm-registering .modal-body #bsm-registering-form input[type=checkbox] ~ label > a:hover {
  text-decoration: underline;
}

#bsm-registering .modal-body #bsm-log-in-prompt, #bsm-registering .modal-body #bsm-bug-report-prompt-2 {
  display:    inline-block;
  text-align: center;
  width:      100%;
}

#bsm-registering .modal-body #bsm-bug-report-prompt-2 {
  margin-top: -10px;
}

#bsm-registering .modal-body .btn.btn-link.registering-form {
  color:       #6C56B0;
  font-weight: 500;
}

#bsm-registering .modal-body #bsm-log-in-using-oauth-2 {
  margin: 24px 0;
}

#bsm-registering .modal-body #bsm-log-in-using-oauth-2 img {
  height: 40px;
}

#bsm-registering .modal-body #bsm-log-in-using-oauth-2 p:first-child {
  margin-bottom: 8px;
}

#bsm-registering .modal-body #bsm-log-in-using-oauth-2 p:last-child {
  margin-bottom: 0;
  text-align:    center;
}

#bsm-registering .modal-body #bsm-registering-promo {
  display:        flex;
  flex-direction: column;
  margin-bottom:  0;
  padding-left:   0;
  padding-right:  0;
  position:       absolute;
  right:          582px;
  top:            348px;
}

#bsm-registering .modal-body #bsm-registering-promo > li {
  display:       inline;
  margin-bottom: 17px;
  margin-right:  40px;
  padding:       3px 0;
  position:      relative;
}

#bsm-registering .modal-body #bsm-registering-promo > li:last-child {
  margin-bottom: 0;
}

#bsm-registering .modal-body #bsm-registering-promo > li:nth-child(1)::before {
  background:      url('../../assets/images/registering-form-icon-01.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:           -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

#bsm-registering .modal-body #bsm-registering-promo > li:nth-child(2)::before {
  background:      url('../../assets/images/registering-form-icon-02.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:           -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

#bsm-registering .modal-body #bsm-registering-promo > li:nth-child(3)::before {
  background:      url('../../assets/images/registering-form-icon-03.png') 0 0 no-repeat;
  background-size: contain;
  content:         '';
  height:          32px;
  position:        absolute;
  right:           -40px;
  top:             0;
  transform:       scaleX(-1);
  width:           32px;
}

@media(min-width: 1200px) {

  #bsm-registering .modal-xl {
    width: 980px;
  }

}

@media(min-width: 992px) {

  #bsm-registering .modal-xl {
    min-width: 980px;
  }

}

@media(max-width: 991px) {

  #bsm-registering .modal-body::after {
    display: none;
  }

  #bsm-registering .modal-body #bsm-log-in-using-oauth-2 {
    margin: 16px 0 32px 0;
  }

  #bsm-registering .modal-body #bsm-registering-promo {
    margin-bottom: 14px;
    margin-top:    14px;
    position:      static;
  }

}

@media(max-width: 450px) {

  #bsm-registering .modal-body #bsm-registering-form > #rf-register {
    margin-bottom: 36px;
  }

}

@media(max-width: 425px) {

  #bsm-registering .modal-body {
    padding-left:  40px;
    padding-right: 40px;
  }

  #bsm-registering .modal-body #bsm-registering-form > #rf-register {
    margin-bottom: 14px;
  }

}

@media(max-width: 370px) {

  #bsm-registering .modal-body #bsm-registering-form > #rf-register {
    margin-bottom: 36px;
  }

}

@media(max-width: 349px) {

  #bsm-registering .modal-body h3 {
    font-size:   32px;
    line-height: 40px;
  }

}

@media(max-width: 336px) {

  #bsm-registering .modal-body #bsm-log-in-using-oauth-2 p:first-child {
    text-align: center;
  }

  #bsm-registering .modal-body #bsm-log-in-using-oauth-2 p:last-child a:last-child img {
    margin-top: 8px;
  }

}