/* ======================================================
   Media query mixin
   Handle old versions of IE without the need for JavaScript as per https://jakearchibald.github.io/sass-ie/
   ======================================================*/
/*
TABLE OF CONTENTS:

# BASE
# TYPOGRAPHY
# BUTTONS
# ICONS
# PANEL
# HIGHLIGHT BOX
# LOZENGE PANEL
# HELP TEASER
# COLLAPSIBLE
# FORM ELEMENTS
# PAGINATION
# OVERLAYS
# ARROW BOX
# PARTIAL SAVE
# STOPPAGE
# COLLECT REMINDER
# BANNER
# HEADER / MENU DESKTOP
# HEADER / MENU MOBILE
# HERO
# FOOTER
# MENU
# SELECTORS
# ASR
# FLAGS
# MARKERS
# SAVING BADGE
# LINKS
# TAGS
# PROGRESS BAR
# SERVICE SELECTOR STEPS
# DIVIDER
# LIST-SLIDER
# SECTIONS
# HUB-LEADER PANEL
# QUALITY LABEL
# HUB THEME
# LIGHT SURVEY
# RATING COLORS
# ABOUT US
*/
/* Base header color */
/* desktop login link color */
.form-profile {
  margin-bottom: 5rem; }
  .form-profile .form-profile__login,
  .form-profile .form-profile__logged-no-profile {
    font-size: 1.4rem;
    background-color: #e0dfde;
    padding: 1rem 1.5rem; }
    .form-profile .form-profile__login a,
    .form-profile .form-profile__logged-no-profile a {
      font-weight: 700; }
  .form-profile .form-profile__logged-no-profile {
    font-style: italic; }
  .form-profile .form-profile__logged-with-profile {
    position: relative;
    margin-bottom: 2.5rem;
    background-color: #f9f8f7;
    padding: 1.5rem; }
    @media screen and (max-width: 53.125em) {
      .form-profile .form-profile__logged-with-profile {
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    .form-profile .form-profile__logged-with-profile:after {
      top: 100%;
      left: 10%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(249, 248, 247, 0);
      border-top-color: #f9f8f7;
      border-width: 15px;
      margin-left: -15px; }
      @media screen and (min-width: 53.1875em) {
        .form-profile .form-profile__logged-with-profile:after {
          left: 5%; } }
    .form-profile .form-profile__logged-with-profile .form__item {
      margin-bottom: 0; }
    .form-profile .form-profile__logged-with-profile select,
    .form-profile .form-profile__logged-with-profile .btn {
      margin-bottom: 1.5rem; }
    .form-profile .form-profile__logged-with-profile .btn {
      padding: 1rem 1.5rem 1.1rem;
      font-size: 1.4rem;
      letter-spacing: -1px; }
    .form-profile .form-profile__logged-with-profile .btn--tertiary {
      border: 1px solid #b60a73; }
    .form-profile .form-profile__logged-with-profile .form-profile__logged-with-profile__edit {
      color: #b60a73; }
      @media screen and (max-width: 53.125em) {
        .form-profile .form-profile__logged-with-profile .form-profile__logged-with-profile__edit {
          padding: 1rem 0; } }
      .form-profile .form-profile__logged-with-profile .form-profile__logged-with-profile__edit a {
        font-size: 1.4rem;
        text-decoration: underline; }
        .no-touchevents .form-profile .form-profile__logged-with-profile .form-profile__logged-with-profile__edit a:hover, .form-profile .form-profile__logged-with-profile .form-profile__logged-with-profile__edit a:focus {
          text-decoration: none; }
  .form-profile .form-profile__logged-with-profile__subtitle {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .form-profile a.icon-question {
    text-decoration: none; }
    .no-touchevents .form-profile a.icon-question:hover, .form-profile a.icon-question:focus {
      text-decoration: none; }

.form-profile__popup__changename h2 {
  font-size: 2rem; }