/*
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 6, app/assets/stylesheets/devise_styles/settings.scss */
html {
  box-sizing: border-box;
}

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

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

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

/* line 30, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .content-wrapper #mobile-sidebar h2 {
  padding-left: 1rem;
}

/* line 36, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .content-wrapper h2 .settings-go-back-arrow {
  padding: 1rem;
}

@media (max-width: 40em) {
  /* line 39, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper h2 .settings-go-back-arrow .mdi-arrow-left {
    font-weight: 500;
    font-size: 1.2rem;
    color: #555B63;
    padding: 1rem .5rem;
  }
}

@media (min-width: 40.0625em) {
  /* line 36, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper h2 .settings-go-back-arrow {
    display: none;
  }
}

@media (max-width: 40.0625em) {
  /* line 35, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper h2 {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #edeff1;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    background-color: #FBFBFB;
  }
}

@media (max-width: 40.0625em) {
  /* line 64, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper .columned-center {
    padding-top: 0;
  }
}

@media (max-width: 40.0625em) {
  /* line 70, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper #mobile-sidebar-wrapper {
    display: none;
  }
}

@media (max-width: 40.0625em) {
  /* line 76, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper .footer {
    display: none;
  }
}

@media (max-width: 40.0625em) {
  /* line 28, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .content-wrapper {
    padding: 0;
  }
}

@media (max-width: 40.0625em) {
  /* line 86, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .top-nav-wrapper {
    display: none;
  }
}

/* line 92, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .main-content {
  max-width: 750px;
  width: 90%;
}

@media (max-width: 40.0625em) {
  /* line 92, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .main-content {
    width: 100%;
    padding: 0;
    margin-top: 0;
    justify-content: flex-start;
    background-color: #FBFBFB;
  }
}

@media (max-width: 40.0625em) {
  /* line 105, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .settings-form-content.hide-form {
    display: none;
  }
}

/* line 113, app/assets/stylesheets/devise_styles/settings.scss */
body.settings.settings-options #mobile-sidebar h2 {
  padding-left: 1rem;
}

/* line 119, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .settings-options {
  background-color: #FBFBFB;
  width: 100%;
}

/* line 123, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .settings-options .settings-options__links {
  display: flex;
  flex-direction: column;
  margin-top: 4.5rem;
}

@media (max-width: 40.0625em) {
  /* line 127, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .settings-options .settings-options__links a {
    text-decoration: none;
    display: block;
    display: flex;
    padding: 0.5rem 0.5rem 0.5rem .8rem;
    font-weight: 400;
    color: #555B63;
    margin-top: 0.4rem;
    margin-bottom: 0.2rem;
    align-items: center;
    font-weight: 500;
    font-size: 1.2rem;
  }
}

@media (min-width: 40.0625em) {
  /* line 119, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .settings-options {
    display: none;
  }
}

@media (max-width: 40.0625em) {
  /* line 119, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .settings-options {
    padding-top: 2rem;
    height: 100vh;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    color: #555B63;
    font-size: 1.2rem;
  }
}

/* line 159, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .sidebar h2 {
  display: flex;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  font-weight: 600;
  color: #555B63;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  align-items: center;
  font-size: 1.3rem;
  color: #32353a;
}

/* line 172, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .sidebar nav a {
  font-weight: 500;
}

/* line 178, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-wrapper, body.settings .notifications-settings, body.settings .blocked-accounts-settings {
  background-color: #FBFBFB;
  color: #555B63;
  padding: 2rem;
  box-shadow: 0 1px 3px 0 rgba(181, 181, 181, 0.2);
  border-radius: 5px;
  margin-bottom: 2rem;
  padding-top: 1rem;
}

@media (max-width: 40.0625em) {
  /* line 178, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .notifications-wrapper, body.settings .notifications-settings, body.settings .blocked-accounts-settings {
    padding: 0;
    margin-top: 6.5rem;
    padding: 1rem;
  }
}

/* line 194, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-settings .push-notifications-top, body.settings .notifications-settings .subscriptions-notifications-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: .6rem;
}

/* line 199, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-settings .push-notifications-top .push-notifications-top__title, body.settings .notifications-settings .push-notifications-top .subscriptions-notifications-top__title, body.settings .notifications-settings .subscriptions-notifications-top .push-notifications-top__title, body.settings .notifications-settings .subscriptions-notifications-top .subscriptions-notifications-top__title {
  display: flex;
  align-items: flex-end;
  color: #000;
}

/* line 205, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-settings .subscriptions-notifications {
  margin-bottom: 2rem;
}

/* line 210, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-settings .push-notifications-bottom .push-notifications-bottom__text, body.settings .notifications-settings .push-notifications-bottom .subscriptions-notifications-bottom__text, body.settings .notifications-settings .subscriptions-notifications-bottom .push-notifications-bottom__text, body.settings .notifications-settings .subscriptions-notifications-bottom .subscriptions-notifications-bottom__text {
  color: #536471;
  font-size: .9rem;
}

/* line 218, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .notifications-settings h2, body.settings .blocked-accounts-settings h2 {
  display: flex;
  margin-bottom: 2rem;
  font-weight: 600;
  font-size: 1.1rem;
}

@media (min-width: 40.0625em) {
  /* line 218, app/assets/stylesheets/devise_styles/settings.scss */
  body.settings .notifications-settings h2, body.settings .blocked-accounts-settings h2 {
    color: #32353a;
  }
}

/* line 233, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .email-field input.text-input {
  margin-bottom: 0;
}

/* line 238, app/assets/stylesheets/devise_styles/settings.scss */
body.settings .password-field {
  margin-top: 20px;
}

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

/* line 248, app/assets/stylesheets/devise_styles/settings.scss */
.settings-form-content {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  justify-content: center;
}

/* line 254, app/assets/stylesheets/devise_styles/settings.scss */
.settings-form-content .top-content {
  color: #555B63;
}

/* line 256, app/assets/stylesheets/devise_styles/settings.scss */
.settings-form-content .top-content h2 {
  display: flex;
  margin-bottom: 2rem;
  font-weight: 500;
  font-size: 1.1rem;
}

@media (min-width: 40.0625em) {
  /* line 256, app/assets/stylesheets/devise_styles/settings.scss */
  .settings-form-content .top-content h2 {
    color: #32353a;
    font-weight: 600;
  }
}

/* line 269, app/assets/stylesheets/devise_styles/settings.scss */
.settings-form-content form {
  padding: 2rem;
  background-color: #FBFBFB;
  padding-top: 1rem;
}

/* line 274, app/assets/stylesheets/devise_styles/settings.scss */
.settings-form-content form p {
  display: flex;
  justify-content: center;
  margin-top: 2.8rem;
  padding: 1.2rem;
}

@media (max-width: 40.0625em) {
  /* line 269, app/assets/stylesheets/devise_styles/settings.scss */
  .settings-form-content form {
    width: 100%;
    margin-top: 6.5rem;
  }
}

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

/* line 295, app/assets/stylesheets/devise_styles/settings.scss */
.deactivate-account {
  font-size: .9rem;
  color: #666666;
}

/*CONFIRM EMAIL LINK*/
/* line 302, app/assets/stylesheets/devise_styles/settings.scss */
.resend-email-wrapper a {
  color: #555B63;
  text-decoration: underline;
  font-size: .82rem;
}

@media (max-width: 40em) {
  /* line 302, app/assets/stylesheets/devise_styles/settings.scss */
  .resend-email-wrapper a {
    color: #ee414f;
    text-decoration: none;
    font-weight: 500;
    font-size: 1rem;
  }
}

/* line 315, app/assets/stylesheets/devise_styles/settings.scss */
.resend-email-wrapper .confirm-email-text {
  color: #555B63;
  font-size: .82rem;
  margin-top: .5rem;
}

@media (max-width: 40em) {
  /* line 315, app/assets/stylesheets/devise_styles/settings.scss */
  .resend-email-wrapper .confirm-email-text {
    color: #343a40;
    font-size: 1rem;
  }
}

@media (max-width: 40em) {
  /* line 301, app/assets/stylesheets/devise_styles/settings.scss */
  .resend-email-wrapper {
    display: flex;
    flex-direction: column;
  }
}