BODY.users {
  --red-logo-start: #FFF7F7;
  --red-logo-stop: #FFF7F7;
  --red-logo-back: #5F6171;
}
BODY.users:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: fixed no-repeat center/cover url("/static/users/img/bg_basketball.381f355f8282.jpg");
}
BODY.users:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #181C2C;
  opacity: 0.75;
}
BODY.users A {
  color: #FFF7F7;
}
BODY.users MAIN {
  box-sizing: border-box;
  height: 100%;
  min-height: calc(100dvh - 64px);
  width: 100%;
  padding-top: 32px;
}
BODY.users ARTICLE {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  background-color: rgba(24, 28, 44, 0.05);
  backdrop-filter: blur(16px) saturate(180%);
  box-sizing: border-box;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  max-width: 600px;
  width: 100%;
  margin: 40px auto;
  padding: 2.5rem 2.5rem 4.5rem;
  border-radius: 1rem;
  color: #fff;
}
@media screen and (max-width: 810px) {
  BODY.users ARTICLE {
    border-radius: 0;
  }
}
BODY.users ARTICLE svg.logo {
  margin-bottom: 2.5rem;
  display: none;
}
BODY.users ARTICLE H1 {
  font-size: 0.875em;
  letter-spacing: 0.3em;
  margin-bottom: 0;
  color: #A6A7B2;
  text-transform: uppercase;
  text-align: center;
}
BODY.users ARTICLE H2 {
  font-size: 3.5em;
  text-align: center;
  margin-bottom: 1.25rem;
}
BODY.users ARTICLE P {
  padding-top: 1rem;
  text-align: center;
  color: #5F6171;
  font-weight: 700;
}
BODY.users ARTICLE P A {
  color: #fff;
}
BODY.users BUTTON {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 810px) {
  BODY.users BUTTON {
    width: 100%;
  }
}
BODY.users P.description {
  text-align: left;
  width: 100%;
  color: #fff;
}
BODY.users UL.register {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: column;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  text-align: center;
  width: 100%;
  gap: 8px;
}
BODY.users UL.register LI {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
  width: 100%;
}
BODY.users LABEL.label-checkbox {
  display: block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
BODY.users LABEL.label-checkbox SPAN.help-tooltip {
  order: 999;
  position: static;
  padding-top: 0.25rem;
}
BODY.users LABEL.label-checkbox SPAN.styling {
  order: -1;
}
BODY.users LABEL.label-checkbox SPAN.description {
  order: 1;
}