/*
0 - 600px:        Phone
600 - 900px:      Tablet landscape
900 - 1200px:     Tablet landscape
[1200 - 1800]:    Normal styles
1800px +:         Big desktop

$breakpoint argument choices:
- phone
- phone-showpage
- tab-port
- tab-land
- big-desktop

1em = 16px

*/
/* Standardize top-left position and size */
/* line 2, app/assets/stylesheets/shared/_logo.scss */
.top-left {
  height: 100%;
}

/* line 6, app/assets/stylesheets/shared/_logo.scss */
.logo, .no-text-svg, .sidebar-logo {
  width: 127px;
  height: 100%;
}

@media (max-width: 56.25rem) {
  /* line 6, app/assets/stylesheets/shared/_logo.scss */
  .logo, .no-text-svg, .sidebar-logo {
    width: auto;
    margin-left: -5px;
  }
}

/* line 16, app/assets/stylesheets/shared/_logo.scss */
.logo .logo-lightmode, .logo .logo-darkmode, .logo .logo-darkmode__mobile, .logo .logo-lightmode__mobile, .no-text-logo .logo-lightmode, .no-text-logo .logo-darkmode, .no-text-logo .logo-darkmode__mobile, .no-text-logo .logo-lightmode__mobile, .sidebar-logo .logo-lightmode, .sidebar-logo .logo-darkmode, .sidebar-logo .logo-darkmode__mobile, .sidebar-logo .logo-lightmode__mobile {
  display: none;
}

@media (min-width: 40.0625em) {
  /* line 22, app/assets/stylesheets/shared/_logo.scss */
  .no-sidebar-layout .no-text-logo.sign-in-sign-up-logo {
    display: none;
  }
}

@media (max-width: 56.25rem) {
  /* line 29, app/assets/stylesheets/shared/_logo.scss */
  .logo {
    display: none;
  }
}

/* line 35, app/assets/stylesheets/shared/_logo.scss */
.no-text-logo {
  width: 85px;
}

@media (min-width: 56.3125rem) {
  /* line 39, app/assets/stylesheets/shared/_logo.scss */
  .no-text-logo.sign-in-sign-up-logo svg {
    display: none;
  }
}

@media (max-width: 56.25rem) {
  /* line 39, app/assets/stylesheets/shared/_logo.scss */
  .no-text-logo.sign-in-sign-up-logo svg {
    width: 65px;
  }
}

@media (max-width: 56.25rem) {
  /* line 35, app/assets/stylesheets/shared/_logo.scss */
  .no-text-logo {
    width: 50px;
  }
}

/* line 55, app/assets/stylesheets/shared/_logo.scss */
.logo a, .sidebar-logo a {
  height: 70%;
}

/* line 61, app/assets/stylesheets/shared/_logo.scss */
.logo img, .sidebar-logo img {
  width: auto;
  height: 100%;
}

/* line 2, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

/* line 14, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  animation: fadeIn 0.2s ease-out;
}

/* line 24, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__content {
  position: relative;
  width: 100%;
  max-width: 400px;
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  animation: slideUp 0.3s ease-out;
}

/* line 36, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #edeff1;
}

/* line 43, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__header h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a1a1b;
  margin: 0;
}

/* line 51, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__close {
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: #7c7c83;
  font-size: 1.5rem;
  line-height: 1;
  border-radius: 50%;
  transition: background 0.2s, color 0.2s;
}

/* line 62, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__close:hover {
  background: #f0f0f0;
  color: #1a1a1b;
}

/* line 67, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__close i {
  display: block;
}

/* line 72, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__body {
  padding: 1.5rem;
}

/* line 76, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__error {
  background: #ffebee;
  color: #c62828;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  font-weight: 500;
}

/* line 86, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  background: #fff;
  border: 1px solid #dadce0;
  border-radius: 24px;
  text-decoration: none;
  color: #3c4043;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}

/* line 101, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn:hover {
  background: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* line 106, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* line 116, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn .social-image-wrapper {
  margin-right: 0.75rem;
}

/* line 119, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn .social-image-wrapper img, .pwa-login-modal__google-btn .social-image-wrapper svg {
  width: 18px;
  height: 18px;
}

/* line 125, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal__google-btn .social-sign-in-text {
  font-size: 0.95rem;
}

/* line 130, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .social-sign-divider {
  display: flex;
  align-items: center;
  margin: 1.5rem 0;
}

/* line 135, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .social-sign-divider-line {
  flex: 1;
  height: 1px;
  background: #edeff1;
}

/* line 141, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .social-sign-divider-text {
  padding: 0 1rem;
  color: #878a8c;
  font-size: 0.8rem;
  text-transform: uppercase;
}

/* line 151, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field,
.pwa-login-modal .pwa-signup-form .field {
  margin-bottom: 1rem;
}

/* line 154, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field label,
.pwa-login-modal .pwa-signup-form .field label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1a1a1b;
  margin-bottom: 0.5rem;
}

/* line 162, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .text-input,
.pwa-login-modal .pwa-signup-form .field .text-input {
  width: 100%;
  height: 48px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #edeff1;
  border-radius: 8px;
  background: #f6f7f8;
  color: #1a1a1b;
  transition: border-color 0.2s, background 0.2s;
}

/* line 173, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .text-input:focus,
.pwa-login-modal .pwa-signup-form .field .text-input:focus {
  outline: none;
  border-color: #EE414F;
  background: #fff;
}

/* line 179, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .text-input.invalid,
.pwa-login-modal .pwa-signup-form .field .text-input.invalid {
  border-color: #c62828;
}

/* line 184, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .field-error-message,
.pwa-login-modal .pwa-signup-form .field .field-error-message {
  color: #c62828;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  min-height: 1.2em;
  display: block;
}

/* line 191, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .field-error-message:empty,
.pwa-login-modal .pwa-signup-form .field .field-error-message:empty {
  display: none;
}

/* line 195, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .field .field-error-message:not(:empty),
.pwa-login-modal .pwa-signup-form .field .field-error-message:not(:empty) {
  display: block;
}

/* line 201, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .password-group,
.pwa-login-modal .pwa-signup-form .password-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* line 207, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .password-group label,
.pwa-login-modal .pwa-signup-form .password-group label {
  margin-bottom: 0;
}

/* line 211, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .password-group .forgot-password-link,
.pwa-login-modal .pwa-signup-form .password-group .forgot-password-link {
  font-size: 0.8rem;
  color: #878a8c;
  text-decoration: none;
}

/* line 216, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .password-group .forgot-password-link:hover,
.pwa-login-modal .pwa-signup-form .password-group .forgot-password-link:hover {
  text-decoration: underline;
}

/* line 222, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .actions,
.pwa-login-modal .pwa-signup-form .actions {
  margin-top: 1.5rem;
}

/* line 225, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .actions .button,
.pwa-login-modal .pwa-signup-form .actions .button {
  width: 100%;
  height: 48px;
  background: #EE414F;
  background-image: linear-gradient(135deg, #EE414F 0%, #FD603D 100%);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  transition: opacity 0.2s;
}

/* line 238, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .actions .button:hover,
.pwa-login-modal .pwa-signup-form .actions .button:hover {
  background-image: linear-gradient(135deg, #AA2732 0%, #FD603D 100%);
}

/* line 242, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .pwa-login-form .actions .button:disabled,
.pwa-login-modal .pwa-signup-form .actions .button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 250, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .create-account {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: #7c7c83;
}

/* line 256, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .create-account a {
  color: #EE414F;
  font-weight: 600;
  text-decoration: none;
}

/* line 261, app/assets/stylesheets/shared/_login_modal.scss */
.pwa-login-modal .create-account a:hover {
  text-decoration: underline;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 291, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__content {
  background: #1d1d1e;
}

/* line 295, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__header {
  border-color: #343536;
}

/* line 298, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__header h2 {
  color: #d7dadc;
}

/* line 303, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__close {
  color: #818384;
}

/* line 306, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__close:hover {
  background: #272729;
  color: #d7dadc;
}

/* line 312, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__error {
  background: rgba(198, 40, 40, 0.2);
  color: #ef5350;
}

/* line 317, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__google-btn {
  background: #272729;
  border-color: #343536;
  color: #d7dadc;
}

/* line 322, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal__google-btn:hover {
  background: #343536;
}

/* line 328, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .social-sign-divider-line {
  background: #343536;
}

/* line 332, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .social-sign-divider-text {
  color: #818384;
}

/* line 340, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .pwa-login-form .field label,
.darkmode .pwa-login-modal .pwa-signup-form .field label {
  color: #d7dadc;
}

/* line 344, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .pwa-login-form .field .text-input,
.darkmode .pwa-login-modal .pwa-signup-form .field .text-input {
  background: #272729;
  border-color: #343536;
  color: #d7dadc;
}

/* line 349, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .pwa-login-form .field .text-input:focus,
.darkmode .pwa-login-modal .pwa-signup-form .field .text-input:focus {
  background: #1d1d1e;
}

/* line 356, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .pwa-login-form .password-group .forgot-password-link,
.darkmode .pwa-login-modal .pwa-signup-form .password-group .forgot-password-link {
  color: #818384;
}

/* line 362, app/assets/stylesheets/shared/_login_modal.scss */
.darkmode .pwa-login-modal .create-account {
  color: #818384;
}

/* line 368, app/assets/stylesheets/shared/_login_modal.scss */
body.pwa-login-modal-open {
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
html {
  box-sizing: border-box;
}

/* line 13, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 19, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
body, p, h1, ul, nav, input, form {
  padding: 0;
  margin: 0;
}

/* line 25, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
body {
  font-size: 100%;
  line-height: 1.5;
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* line 31, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
a {
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.top-nav.signin-signup-top-nav {
  /* Display rules handled by inline styles in layout */
}

/* line 39, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav {
  height: 4rem;
  display: none;
}

/* line 43, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav #go-back-button {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}

/* line 47, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav #go-back-button .go-back-button__icon {
  padding: 1rem;
}

/* line 49, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav #go-back-button .go-back-button__icon .mdi-arrow-left {
  font-weight: 500;
  font-size: 1.2rem;
  color: #555B63;
}

/* line 57, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav .top-left {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
}

/* line 63, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.pwa-nav.signin-signup-pwa-nav .top-right {
  margin-right: 1rem;
}

/* line 69, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.container {
  display: flex;
  flex-flow: column nowrap;
  background-color: #F3F3F3;
  overflow-y: auto;
  position: relative;
  padding-top: 4rem;
  min-height: 100vh;
}

/* line 79, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.menu-icon {
  display: inline-block;
  margin-right: 1.5rem;
  color: #A2A3B0;
  padding: 0;
}

/* line 86, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.logo-text {
  color: white;
}

/* line 91, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.top-right-sign-in, .top-right-sign-up {
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #EE414F;
}

/* line 98, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.top-right {
  margin-right: 4rem;
}

@media (max-width: 56.25rem) {
  /* line 98, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .top-right {
    margin-right: 2rem;
  }
}

/* line 106, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.top-left {
  display: flex;
  align-items: center;
  margin-left: 1rem;
  width: 50vw;
}

@media (max-width: 56.25rem) {
  /* line 106, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .top-left {
    margin-left: .3rem;
  }
}

@media (max-width: 38.625em) {
  /* line 106, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .top-left {
    margin-left: 1.1rem;
  }
}

/* line 121, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.mdi-wifi {
  color: #EE414F;
}

/* line 125, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 49px;
  background-color: #FBFBFB;
  border-bottom: 1px solid #DFE1E7;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
}

/* line 140, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.logo-center {
  text-align: center;
}

/* line 144, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
form {
  width: 30rem;
  background-color: #FBFBFB;
  border-radius: 5px;
  border: 1px solid #DFE1E7;
}

@media (min-width: 20em) and (max-width: 37.5em) {
  /* line 144, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form {
    width: 100%;
  }
}

/* line 154, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
form .top-content {
  margin-bottom: 2rem;
}

@media (min-width: 56.3125rem) {
  /* line 158, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form .top-content .sign-in.mobile {
    display: none;
  }
}

@media (max-width: 56.25rem) {
  /* line 164, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form .top-content .sign-in.desktop {
    display: none;
  }
}

/* line 170, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
form.sign-in-form, form.sign-up-form, form.reset-password-form, form.choose-a-username-form, form.change-password-form {
  padding-top: 2rem;
  height: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3.5rem;
  box-shadow: 0 1px 3px 0 rgba(181, 181, 181, 0.2);
  border-top: 1px solid #e2e2ea;
  display: flex;
  flex-direction: column;
}

/* line 184, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
form.sign-in-form p, form.sign-up-form p, form .reset-password-form p {
  margin-top: 2.8rem;
  align-self: center;
  font-size: .8rem;
}

@media (min-width: 20em) and (max-width: 37.5em) {
  /* line 182, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form.sign-in-form, form.sign-up-form, form .reset-password-form {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media (max-width: 75em) {
  /* line 196, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form.sign-up-form {
    min-height: 40rem;
  }
}

@media (max-width: 75em) {
  /* line 202, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form.sign-in-form, form.change-password-form {
    min-height: 30rem;
  }
}

@media (max-width: 75em) {
  /* line 208, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  form.reset-password-form {
    min-height: 25rem;
  }
}

/* line 216, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.change-password-form-content, .forgot-password-form-content, .choose-a-username-form-content, .signin-form-content, .signup-form-content, .confirm-email-form-content {
  display: flex;
  position: relative;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 2.5rem;
}

/* line 223, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.change-password-form-content.signup-signin-form, .change-password-form-content.settings-form, .change-password-form-content .forgot-password-form-content, .change-password-form-content .choose-a-username-form-content, .change-password-form-content .change-password-form-content, .change-password-form-content .confirm-email-form-content, .forgot-password-form-content.signup-signin-form, .forgot-password-form-content.settings-form, .forgot-password-form-content .forgot-password-form-content, .forgot-password-form-content .choose-a-username-form-content, .forgot-password-form-content .change-password-form-content, .forgot-password-form-content .confirm-email-form-content, .choose-a-username-form-content.signup-signin-form, .choose-a-username-form-content.settings-form, .choose-a-username-form-content .forgot-password-form-content, .choose-a-username-form-content .choose-a-username-form-content, .choose-a-username-form-content .change-password-form-content, .choose-a-username-form-content .confirm-email-form-content, .signin-form-content.signup-signin-form, .signin-form-content.settings-form, .signin-form-content .forgot-password-form-content, .signin-form-content .choose-a-username-form-content, .signin-form-content .change-password-form-content, .signin-form-content .confirm-email-form-content, .signup-form-content.signup-signin-form, .signup-form-content.settings-form, .signup-form-content .forgot-password-form-content, .signup-form-content .choose-a-username-form-content, .signup-form-content .change-password-form-content, .signup-form-content .confirm-email-form-content, .confirm-email-form-content.signup-signin-form, .confirm-email-form-content.settings-form, .confirm-email-form-content .forgot-password-form-content, .confirm-email-form-content .choose-a-username-form-content, .confirm-email-form-content .change-password-form-content, .confirm-email-form-content .confirm-email-form-content {
  flex-direction: column;
  align-items: center;
}

@media (min-width: 56.3125rem) {
  /* line 223, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .change-password-form-content.signup-signin-form, .change-password-form-content.settings-form, .change-password-form-content .forgot-password-form-content, .change-password-form-content .choose-a-username-form-content, .change-password-form-content .change-password-form-content, .change-password-form-content .confirm-email-form-content, .forgot-password-form-content.signup-signin-form, .forgot-password-form-content.settings-form, .forgot-password-form-content .forgot-password-form-content, .forgot-password-form-content .choose-a-username-form-content, .forgot-password-form-content .change-password-form-content, .forgot-password-form-content .confirm-email-form-content, .choose-a-username-form-content.signup-signin-form, .choose-a-username-form-content.settings-form, .choose-a-username-form-content .forgot-password-form-content, .choose-a-username-form-content .choose-a-username-form-content, .choose-a-username-form-content .change-password-form-content, .choose-a-username-form-content .confirm-email-form-content, .signin-form-content.signup-signin-form, .signin-form-content.settings-form, .signin-form-content .forgot-password-form-content, .signin-form-content .choose-a-username-form-content, .signin-form-content .change-password-form-content, .signin-form-content .confirm-email-form-content, .signup-form-content.signup-signin-form, .signup-form-content.settings-form, .signup-form-content .forgot-password-form-content, .signup-form-content .choose-a-username-form-content, .signup-form-content .change-password-form-content, .signup-form-content .confirm-email-form-content, .confirm-email-form-content.signup-signin-form, .confirm-email-form-content.settings-form, .confirm-email-form-content .forgot-password-form-content, .confirm-email-form-content .choose-a-username-form-content, .confirm-email-form-content .change-password-form-content, .confirm-email-form-content .confirm-email-form-content {
    align-items: center;
  }
}

/* line 230, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.change-password-form-content.signup-signin-form label, .change-password-form-content.settings-form label, .change-password-form-content .forgot-password-form-content label, .change-password-form-content .choose-a-username-form-content label, .change-password-form-content .change-password-form-content label, .change-password-form-content .confirm-email-form-content label, .forgot-password-form-content.signup-signin-form label, .forgot-password-form-content.settings-form label, .forgot-password-form-content .forgot-password-form-content label, .forgot-password-form-content .choose-a-username-form-content label, .forgot-password-form-content .change-password-form-content label, .forgot-password-form-content .confirm-email-form-content label, .choose-a-username-form-content.signup-signin-form label, .choose-a-username-form-content.settings-form label, .choose-a-username-form-content .forgot-password-form-content label, .choose-a-username-form-content .choose-a-username-form-content label, .choose-a-username-form-content .change-password-form-content label, .choose-a-username-form-content .confirm-email-form-content label, .signin-form-content.signup-signin-form label, .signin-form-content.settings-form label, .signin-form-content .forgot-password-form-content label, .signin-form-content .choose-a-username-form-content label, .signin-form-content .change-password-form-content label, .signin-form-content .confirm-email-form-content label, .signup-form-content.signup-signin-form label, .signup-form-content.settings-form label, .signup-form-content .forgot-password-form-content label, .signup-form-content .choose-a-username-form-content label, .signup-form-content .change-password-form-content label, .signup-form-content .confirm-email-form-content label, .confirm-email-form-content.signup-signin-form label, .confirm-email-form-content.settings-form label, .confirm-email-form-content .forgot-password-form-content label, .confirm-email-form-content .choose-a-username-form-content label, .confirm-email-form-content .change-password-form-content label, .confirm-email-form-content .confirm-email-form-content label {
  font-size: .875rem;
  color: #343a40;
  margin-right: 4rem;
}

@media (max-width: 75em) {
  /* line 216, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .change-password-form-content, .forgot-password-form-content, .choose-a-username-form-content, .signin-form-content, .signup-form-content, .confirm-email-form-content {
    height: 100%;
    width: 100%;
    padding: 0 .5rem 0 .5rem;
  }
}

@media (max-width: 38.625em) {
  /* line 244, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .signup-signin-form {
    margin-top: 2rem;
    justify-content: flex-start;
  }
}

/* line 252, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.signup-signin-form.pwa-auth-page.pwa-login-modal {
  position: relative;
  inset: auto;
  z-index: auto;
  min-height: calc(100vh - 4rem - 6rem);
  padding: 1rem;
}

/* line 260, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.signup-signin-form.pwa-auth-page .pwa-login-modal__content {
  max-width: 30rem;
  max-height: none;
  animation: none;
}

@media (max-width: 75em) {
  /* line 266, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .signup-signin-form.pwa-auth-page.signup-form-content .pwa-login-modal__content {
    min-height: 40rem;
  }
}

@media (max-width: 75em) {
  /* line 272, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .signup-signin-form.pwa-auth-page.signin-form-content .pwa-login-modal__content {
    min-height: 30rem;
  }
}

/* line 278, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.signup-signin-form.pwa-auth-page .pwa-login-modal__header {
  justify-content: center;
  border-bottom: 0;
}

/* line 282, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.signup-signin-form.pwa-auth-page .pwa-login-modal__header h2 {
  text-align: center;
}

/* line 287, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.signup-signin-form.pwa-auth-page .pwa-login-form,
.signup-signin-form.pwa-auth-page .pwa-signup-form,
.signup-signin-form.pwa-auth-page .google-oauth-form {
  width: 100%;
  border: 0;
  box-shadow: none;
  padding: 0;
  background: transparent;
}

/* line 298, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.confirm-email-form-content {
  justify-content: flex-start;
  width: 100%;
  padding-top: 15rem;
}

/* line 303, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.confirm-email-form-content .field-group {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
}

/* line 309, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.confirm-email-form-content #confirm-email-label {
  font-size: 1em;
}

/* line 312, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.confirm-email-form-content #confirm-email-label span {
  font-weight: bold;
  font-size: .9em;
  color: #8F97A5;
}

@media (max-width: 38.625em) {
  /* line 298, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .confirm-email-form-content {
    padding-top: 2rem;
  }
}

/* line 325, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.email-on-file {
  color: #8F97A5;
  font-weight: 400;
}

/* line 332, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.submit-form-content {
  min-height: auto;
}

@media (max-width: 75em) {
  /* line 332, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .submit-form-content {
    flex-direction: column;
    justify-content: start;
  }
}

@media (min-width: 20em) and (max-width: 37.5em) {
  /* line 332, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .submit-form-content {
    flex-direction: row;
    justify-content: center;
  }
}

/* line 345, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
input.button {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #fff;
  font-size: .9rem;
  cursor: pointer;
  border-radius: 2rem;
  background-color: #EE414F;
  background-image: linear-gradient(135deg, #EE414F 0%, #FD603D 100%);
  border: none;
  padding: 12px 12px;
  margin-top: 8px;
  line-height: 21px;
  -webkit-appearance: none;
}

/* line 360, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
input.button:hover {
  background-color: #AA2732;
  background-image: linear-gradient(135deg, #AA2732 0%, #FD603D 100%);
}

/* line 369, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff !important;
  font-size: .9rem;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2rem;
  background-color: #EE414F;
  background-image: linear-gradient(135deg, #EE414F 0%, #FD603D 100%);
  border: none;
  padding: 12px 16px;
  line-height: 21px;
}

/* line 385, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
a.button:hover {
  background-color: #AA2732;
  background-image: linear-gradient(135deg, #AA2732 0%, #FD603D 100%);
}

/* line 391, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
input.text-input {
  width: 100%;
  background-color: #F6F5F5;
  padding: 10px 12px;
  color: #555B63;
  line-height: 21px;
  outline: none;
  border: 1px #DFE1E7 solid;
  border-radius: 10px;
  margin: 0 0 20px 0;
  letter-spacing: 1px;
  height: 48px;
}

/* line 5, app/assets/stylesheets/devise_styles/../shared/_form_errors.scss */
input.text-input.invalid,
textarea.invalid {
  border: 2px solid #c62828;
}

/* line 10, app/assets/stylesheets/devise_styles/../shared/_form_errors.scss */
.field-error-message {
  color: #c62828;
  font-size: 0.8rem;
  line-height: 1.3;
  margin-top: -0.6rem;
  margin-bottom: 0.8rem;
  min-height: 1.2em;
  display: block;
}

/* line 19, app/assets/stylesheets/devise_styles/../shared/_form_errors.scss */
.field-error-message:empty {
  display: none;
}

/* line 411, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-page-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 12rem);
  padding: 1rem;
}

/* line 419, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-card {
  max-width: 560px;
  width: 100%;
}

/* line 424, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-actions {
  display: flex;
  gap: .5rem;
  justify-content: center;
  margin: .5rem 0 1rem 0;
}

/* line 431, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-icon {
  text-align: center;
  margin-bottom: .5rem;
  color: #6b7280;
}

/* line 436, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-icon .fas {
  font-size: 1.6rem;
}

/* line 440, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-illustration {
  width: 180px;
  height: auto;
  margin: 0 auto 1rem auto;
  display: block;
}

/* line 447, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-heading {
  text-align: center;
  color: #555B63;
  font-size: 1.8rem;
  font-weight: 800;
}

/* line 454, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-subtitle {
  text-align: center;
  color: #6b7280;
  margin: .25rem 0 1rem 0;
}

/* line 460, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.error-body {
  text-align: center;
  font-size: 1rem;
  color: #333;
  max-width: 42rem;
  margin: .5rem auto 1.25rem auto;
}

/* line 469, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
a.button-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #EE414F !important;
  background: transparent;
  border: 2px solid #EE414F;
  border-radius: 2rem;
  padding: 10px 16px;
}

/* line 481, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode a.button-outline {
  color: #e7e8eb !important;
  border-color: #6b7280;
}

/* line 487, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
h2.sign-up, h2.sign-in, h2.forgot-password, h2.choose-a-username, h2.change-password {
  text-align: center;
  color: #555B63;
  font-size: 1rem;
  line-height: 31px;
  font-weight: 500;
}

/* line 496, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.create-account {
  font-size: .8rem;
  margin-top: 2.8rem;
  align-self: center;
}

/* line 501, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.create-account span {
  font-weight: 600;
}

/* line 505, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.create-account a:link, .create-account a:visited {
  color: #EE414F;
}

/* line 511, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.field-group {
  margin-bottom: .6rem;
}

/* line 515, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.password-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 520, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.password-group .forgot-password-link {
  font-size: .8rem;
}

/* line 523, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.password-group .forgot-password-link a:link {
  color: #666666;
}

/* line 527, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.password-group .forgot-password-link a:visited {
  color: #666666;
}

/* line 533, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.optional-text {
  font-size: .8rem;
}

/* line 539, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.footer {
  min-height: 4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1rem;
  bottom: 0;
  margin-top: auto;
}

/* line 550, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.footer .footer-links a {
  font-size: .85rem;
  color: #555B63;
  font-weight: bold;
  margin-left: .5rem;
  margin-right: .5rem;
}

/* line 558, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.footer .copyright {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 .3rem;
  font-weight: bold;
  color: #9098A5;
  font-size: .8rem;
}

/* line 567, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.footer .google-play-badge {
  width: 130px;
}

/* line 570, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.footer .google-play-badge img {
  width: 100%;
}

@media (max-width: 768px) {
  /* line 539, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .footer {
    display: none !important;
  }
}

/* line 582, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.alert-notice, .alert-alert {
  background-color: #1486CC;
  font-weight: 500;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding-left: .5rem;
}

@media (max-width: 75em) {
  /* line 582, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .alert-notice, .alert-alert {
    font-size: .9rem;
    padding: .5rem;
    width: 85%;
  }
}

/* line 599, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.flash-message {
  position: fixed;
  right: 0;
  left: 0;
  top: 4rem;
  background-color: #1486CC;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  margin-bottom: .6rem;
  padding-right: .4rem;
}

@media (max-width: 56.25rem) {
  /* line 599, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .flash-message {
    padding-left: .4rem;
    justify-content: flex-start;
  }
}

/* line 618, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.mdi-close-circle {
  color: rgba(255, 255, 255, 0.3);
}

/* line 622, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.close-button {
  position: absolute;
  right: 2rem;
}

@media (max-width: 38.625em) {
  /* line 622, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .close-button {
    padding: .4rem 1.3rem .5rem .7rem;
    top: 0;
    right: 0;
  }
}

/* line 635, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link, .facebook-sign-in-link {
  border: 1px solid #d0d3dc;
  height: 48px;
  background-color: #FBFBFB;
  border-radius: 4px;
  align-self: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4rem;
}

/* line 647, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link a, .facebook-sign-in-link a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
  cursor: pointer;
}

/* line 655, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link a:link, .google-sign-in-link a:visited, .facebook-sign-in-link a:link, .facebook-sign-in-link a:visited {
  color: #555B63;
}

/* line 660, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .button_to, .facebook-sign-in-link .button_to {
  width: 100%;
  height: 100%;
}

/* line 665, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link button.google-oauth-btn, .facebook-sign-in-link button.google-oauth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  color: #555B63;
}

/* line 676, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link p.social-sign-in-text, .facebook-sign-in-link p.social-sign-in-text {
  margin-top: 0;
  font-size: .9rem;
}

/* line 681, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .social-image-wrapper, .facebook-sign-in-link .social-image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 687, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .fa-facebook, .facebook-sign-in-link .fa-facebook {
  font-size: 1.4rem;
  color: #1976F2;
}

@media (max-width: 56.25rem) {
  /* line 635, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .google-sign-in-link, .facebook-sign-in-link {
    width: 100%;
  }
}

/* line 697, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link {
  margin-bottom: .8rem;
  padding-right: 1.1rem;
}

/* line 701, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .social-image-wrapper {
  padding-bottom: .1rem;
  margin-right: 1.1rem;
}

/* line 705, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .social-image-wrapper img {
  object-fit: contain;
  width: 18px;
  height: 18px;
}

/* line 713, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.google-sign-in-link .social-sign-in-text {
  padding-top: .1rem;
}

@media (max-width: 56.25rem) {
  /* line 713, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
  .google-sign-in-link .social-sign-in-text {
    margin-left: 0;
  }
}

/* line 723, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.facebook-sign-in-link .social-image-wrapper {
  margin-right: .8rem;
}

/* line 729, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.social-sign-divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 28px 0;
}

/* line 735, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.social-sign-divider .social-sign-divider-line {
  border-top: 1px solid #edeff1;
  width: 40%;
}

/* line 740, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.social-sign-divider .social-sign-divider-text {
  text-transform: uppercase;
  color: #878a8C;
  font-size: .8rem;
  line-height: 18px;
}

/*DARKMODE*/
/* line 750, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .container {
  background-color: #161617;
}

/* line 754, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .top-nav {
  background-color: #1d1d1e;
  border: none;
}

/* line 758, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .top-nav .user-profile-link {
  background-color: #1d1d1e;
}

/* line 766, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .pwa-nav.signin-signup-pwa-nav #go-back-button .go-back-button__icon .mdi-arrow-left {
  color: #bebebe;
}

/* line 774, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode form.sign-in-form, .darkmode form.sign-up-form, .darkmode form.reset-password-form, .darkmode form.choose-a-username-form, .darkmode form.change-password-form {
  background-color: #1d1d1e;
  border: 1px solid #474748;
}

/* line 779, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode input {
  background-color: #272729;
  color: #e7e8eb;
}

/* line 784, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode input.text-input {
  border: 1px solid #474748;
}

/* line 26, app/assets/stylesheets/devise_styles/../shared/_form_errors.scss */
.darkmode input.text-input.invalid,
.darkmode textarea.invalid {
  border: 2px solid #ef5350;
}

/* line 31, app/assets/stylesheets/devise_styles/../shared/_form_errors.scss */
.darkmode .field-error-message {
  color: #ef5350;
}

/* line 791, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .google-sign-in-link, .darkmode .facebook-sign-in-link {
  background-color: #1d1d1e;
  border: 1px solid #474748;
}

/* line 796, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .signin-form-content.signup-signin-form label, .darkmode .forgot-password-form-content.signup-signin-form label, .darkmode .choose-a-username-form-content.signup-signin-form label, .darkmode .change-password-form-content.signup-signin-form label, .darkmode .signup-form-content.signup-signin-form label {
  color: #bebebe;
}

/* line 800, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .google-sign-in-link a:link, .darkmode .google-sign-in-link a:visited, .darkmode .facebook-sign-in-link a:link, .darkmode .facebook-sign-in-link a:visited {
  color: #bebebe;
}

/* line 804, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .create-account, .darkmode .social-sign-divider .social-sign-divider-text {
  color: #bebebe;
}

/* line 808, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .social-sign-divider .social-sign-divider-line {
  border: 1px solid #474748;
}

/* line 812, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .password-group .forgot-password-link a:link {
  color: #7e7e7e;
}

/* line 816, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode h2.sign-up, .darkmode h2.sign-in, .darkmode h2.forgot-password, .darkmode h2.choose-a-username, .darkmode h2.change-password {
  color: #bebebe;
}

/* line 820, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode #error_explanation {
  color: #e7e8eb;
}

/* line 824, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .confirm-email-form-content #confirm-email-label {
  color: #bebebe;
}

/* line 828, app/assets/stylesheets/devise_styles/signup_and_signin.scss */
.darkmode .confirm-email-form-content #confirm-email-label span {
  color: #e7e8eb;
}