/* Media Quuery Mixin */
.register-popup__passwords {
  display: flex;
  justify-content: space-between;
  align-items: stretch; }
  .register-popup__passwords .form-field {
    width: 50%; }
    .register-popup__passwords .form-field:first-of-type {
      margin-right: 0.625rem; }

.register-popup__password-errors {
  display: none; }

.ReactModal__Content .register-popup__passwords .form-field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0; }
  .ReactModal__Content .register-popup__passwords .form-field:first-of-type {
    margin-right: 0.625rem; }

.ReactModal__Content .register-popup__passwords .input__error {
  display: none; }

.ReactModal__Content .register-popup__password-errors {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1rem; }
  .ReactModal__Content .register-popup__password-errors > div {
    width: 50%; }
    .ReactModal__Content .register-popup__password-errors > div:first-of-type {
      margin-right: 0.625rem; }

/* Media Quuery Mixin */
.login-popup__remember-me {
  order: 1;
  margin-bottom: 0; }

.login-popup__forgot-password {
  font-size: 0.75rem;
  text-decoration: underline;
  order: 2; }

.login-popup__secondary-action {
  display: flex;
  justify-content: space-between;
  margin-top: -0.3125rem;
  align-items: center;
  margin-bottom: 1.375rem; }

/* Media Quuery Mixin */
.forgot-password-popup .form__message {
  margin-bottom: 1.0625rem;
  font-size: 0.75rem; }

.forgot-password-popup .form-field {
  margin-bottom: 1.1875rem; }

/* Media Quuery Mixin */
.authentication {
  overflow: hidden; }
  .authentication.ck-modal__inner {
    position: absolute;
    top: 7.75rem;
    left: 50%;
    width: 26.25rem;
    transform: translateX(-50%); }
  .authentication .login-popup {
    background-color: #ffffff;
    padding: 2.5rem; }
  .authentication .register-popup {
    background-color: #ffffff;
    border-top: 1px solid #e4e4e4;
    padding: 2.5rem; }
  .authentication .forgot-password-popup {
    background-color: #ffffff;
    padding: 2.5rem; }
  .authentication .checkbox {
    color: #6d6d6d; }
    .authentication .checkbox a {
      color: #000000; }
    .authentication .checkbox .form-input__error ~ .checkbox__label a {
      color: #ed4224; }
  .authentication .form-input__password .button {
    width: auto; }
  .authentication .form-input__textInput {
    background-color: white; }
  .authentication .form-input__error {
    font-size: 0.75rem; }

.authentication.\--panel {
  position: fixed;
  height: 100vh;
  top: 0;
  width: 100%;
  bottom: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 200;
  left: 0;
  transform: translateX(400%);
  transition: transform 0.3s; }
  .authentication.\--panel .authentication__back {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.5px;
    position: sticky;
    top: 0;
    text-transform: uppercase;
    display: block;
    padding: 1.3125rem 1.25rem 1.25rem;
    text-decoration: none;
    background-color: #ffffff;
    z-index: 200;
    width: 100%;
    text-align: left; }
    .authentication.\--panel .authentication__back:before, .authentication.\--panel .authentication__back:after {
      content: '';
      position: absolute;
      left: -0.125rem;
      width: 8px;
      height: 1px;
      top: 1.75rem;
      background-color: #313131;
      transform: rotate(-45deg); }
    .authentication.\--panel .authentication__back:after {
      transform: rotate(45deg);
      margin-top: 0.3125rem; }
  .authentication.\--panel .authentication__inner {
    background: white;
    padding: 0 1.25rem 5rem; }
  .authentication.\--panel .login {
    padding: 0;
    margin-top: 1.125rem; }
    .authentication.\--panel .login .form__heading {
      font-size: 1.25rem;
      margin-bottom: 1.3125rem; }
    .authentication.\--panel .login .form-field {
      margin-bottom: 0.6875rem; }
    .authentication.\--panel .login .form-input__label {
      margin-bottom: 0.6875rem;
      letter-spacing: 0.4px; }
    .authentication.\--panel .login .login__password .button {
      display: none; }
    .authentication.\--panel .login .form-input__textInput.form-input__textInput--error {
      border-bottom-color: #ed4224; }
    .authentication.\--panel .login .form-input__textInput {
      padding: 0.9375rem;
      border-color: #e4e4e4; }
    .authentication.\--panel .login .login__secondary-action {
      display: block;
      margin-top: 0; }
    .authentication.\--panel .login .login__forgot-password {
      letter-spacing: 0.025rem; }
    .authentication.\--panel .login .login__remember-me {
      margin-top: 1.375rem;
      letter-spacing: 0.025rem;
      text-transform: lowercase; }
  .authentication.\--panel .register {
    padding: 0;
    background: white;
    margin: 1.9375rem 0 1.875rem 0;
    padding-top: 1.8125rem;
    border-top: 1px solid #e4e4e4; }
    .authentication.\--panel .register .form__heading {
      font-size: 0.9375rem;
      letter-spacing: 0.5px; }
    .authentication.\--panel .register .form-input__label {
      margin-bottom: 0.6875rem;
      letter-spacing: 0.4px; }
    .authentication.\--panel .register .form-input__textInput.form-input__textInput--error {
      border-bottom-color: #ed4224; }
    .authentication.\--panel .register .form-input__textInput {
      padding: 0.9375rem;
      border-color: #e4e4e4; }
    .authentication.\--panel .register .register__passwords {
      display: block; }
      .authentication.\--panel .register .register__passwords .form-field {
        margin-right: 0;
        width: 100%; }
  .authentication.\--panel .forgot-password {
    padding: 0; }
    .authentication.\--panel .forgot-password .form__heading {
      font-size: 0.9375rem;
      margin: 1.75rem 0 0.375rem;
      letter-spacing: 0.5px; }
    .authentication.\--panel .forgot-password .form__message {
      letter-spacing: 0.4px;
      padding-right: 0.625rem; }
    .authentication.\--panel .forgot-password .form-field {
      margin-top: 1.5625rem; }
      .authentication.\--panel .forgot-password .form-field .form-input__label {
        margin-bottom: 0.6875rem;
        letter-spacing: 0.4px; }
    .authentication.\--panel .forgot-password .form__action {
      display: block;
      margin-top: 2.625rem; }
      .authentication.\--panel .forgot-password .form__action .button {
        width: 100%;
        margin-bottom: 0.625rem; }
    .authentication.\--panel .forgot-password .form-input__textInput.form-input__textInput--error {
      border-bottom-color: #ed4224; }
    .authentication.\--panel .forgot-password .form-input__textInput {
      padding: 0.9375rem;
      border-color: #e4e4e4; }