.membercare-memberform .button-secondary::after {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.membercare-memberform .button-secondary::after {
  content: "\e900"; }

.block-user-login-block {
  min-height: calc(100vh - 700px); }

.membercare-member-reactivate-form .button-wrapper--get-memberships {
  margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .membercare-member-reactivate-form .button-wrapper--get-memberships {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-reactivate-form .button-wrapper--get-memberships {
      margin-bottom: 40px; } }

.membercare-member-reactivate-form table {
  width: 100%; }

.membercare-member-add-form,
.membercare-member-reactivate-form {
  width: 84.52722%;
  margin-left: 8.45272%; }
  @media (max-width: 1024px) {
    .membercare-member-add-form,
    .membercare-member-reactivate-form {
      width: 100%;
      margin-left: 0; } }

.membercare-member-add-form .body {
  width: 55.39795%;
  margin-bottom: calc(30px + 30 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form .body {
      margin-bottom: 30px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form .body {
      margin-bottom: 60px; } }
  @media (max-width: 1024px) {
    .membercare-member-add-form .body {
      width: 50.71633%; } }
  @media (max-width: 600px) {
    .membercare-member-add-form .body {
      width: 100%; } }

.membercare-member-add-form .item-list .step-indicator {
  margin-bottom: calc(20px + 0 * ((100vw - 600px) / 800));
  list-style: none; }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form .item-list .step-indicator {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form .item-list .step-indicator {
      margin-bottom: 20px; } }

.membercare-member-add-form .step-indicator-item {
  display: flex;
  padding-top: calc(5px + 5 * ((100vw - 600px) / 800));
  padding-bottom: calc(5px + 5 * ((100vw - 600px) / 800));
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #909197;
  margin-bottom: 0; }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form .step-indicator-item {
      padding-top: 5px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form .step-indicator-item {
      padding-top: 10px; } }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form .step-indicator-item {
      padding-bottom: 5px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form .step-indicator-item {
      padding-bottom: 10px; } }
  .membercare-member-add-form .step-indicator-item::before {
    display: none; }
  .membercare-member-add-form .step-indicator-item:first-child {
    border-top: 1px solid #909197; }
  .membercare-member-add-form .step-indicator-item__progress {
    width: 80px;
    margin-right: 20px; }
    @media (max-width: 600px) {
      .membercare-member-add-form .step-indicator-item__progress {
        width: 50px;
        margin-right: 10px; } }
  .membercare-member-add-form .step-indicator-item__chosen {
    color: var(--color-primary);
    font-family: "Founders-grotesk-Medium", "sans-serif"; }
    .membercare-member-add-form .step-indicator-item__chosen::before {
      content: '-';
      display: inline-block;
      margin: 0 5px; }
  .membercare-member-add-form .step-indicator-item.is-active .step-indeicator-item__title {
    font-family: "Founders-grotesk-Medium", "sans-serif"; }

.membercare-member-add-form fieldset .fieldset-legend {
  font-weight: normal;
  font-size: calc(30px + 6 * ((100vw - 600px) / 800));
  line-height: calc(28px + 6 * ((100vw - 600px) / 800));
  font-family: "Founders-grotesk-Medium", "sans-serif";
  margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800));
  color: #171716; }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      font-size: 30px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      font-size: 36px; } }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      line-height: 28px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      line-height: 34px; } }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      margin-bottom: 20px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset .fieldset-legend {
      margin-bottom: 40px; } }

.membercare-member-add-form fieldset.legend-as-label .fieldset-legend {
  font-weight: normal;
  font-size: calc(18px + 2 * ((100vw - 600px) / 800));
  line-height: calc(22px + 2 * ((100vw - 600px) / 800));
  font-family: "Founders-grotesk-Medium", "sans-serif";
  margin-bottom: 0;
  padding-bottom: 0; }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset.legend-as-label .fieldset-legend {
      font-size: 18px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset.legend-as-label .fieldset-legend {
      font-size: 20px; } }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset.legend-as-label .fieldset-legend {
      line-height: 22px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset.legend-as-label .fieldset-legend {
      line-height: 24px; } }

.membercare-member-add-form fieldset > legend:has(+ .fieldset-wrapper > .body) .fieldset-legend {
  margin-bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .membercare-member-add-form fieldset > legend:has(+ .fieldset-wrapper > .body) .fieldset-legend {
      margin-bottom: 5px; } }
  @media screen and (min-width: 1400px) {
    .membercare-member-add-form fieldset > legend:has(+ .fieldset-wrapper > .body) .fieldset-legend {
      margin-bottom: 10px; } }

.membercare-member-add-form .form-actions .button-wrapper--previous {
  float: left; }

.membercare-member-add-form .form-actions .button-wrapper--submit,
.membercare-member-add-form .form-actions .button-wrapper--next {
  float: right; }

.membercare-memberform legend .fieldset-legend {
  color: #171716; }

.membercare-memberform .form-actions {
  margin-top: calc(20px + 20 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .membercare-memberform .form-actions {
      margin-top: 20px; } }
  @media screen and (min-width: 1400px) {
    .membercare-memberform .form-actions {
      margin-top: 40px; } }
  .membercare-memberform .form-actions > * {
    width: auto;
    display: inline-block;
    float: left;
    margin-right: calc(10px + 10 * ((100vw - 600px) / 800));
    margin-top: 0; }
    @media screen and (max-width: 600px) {
      .membercare-memberform .form-actions > * {
        margin-right: 10px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .form-actions > * {
        margin-right: 20px; } }

.membercare-memberform .button-secondary {
  position: relative;
  display: flex;
  align-items: center;
  color: #171716; }
  .membercare-memberform .button-secondary::before {
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    flex-shrink: 0;
    display: block;
    box-sizing: border-box;
    border: 2px solid var(--color-link);
    border-radius: 50%;
    content: ''; }
  .membercare-memberform .button-secondary::after {
    transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    position: absolute;
    top: 50%;
    color: #171716;
    font-size: calc(16px + 8 * ((100vw - 600px) / 800));
    transform: translateY(-50%); }
    @media screen and (max-width: 600px) {
      .membercare-memberform .button-secondary::after {
        font-size: 16px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .button-secondary::after {
        font-size: 24px; } }
  .membercare-memberform .button-secondary::before {
    width: calc(40px + 16 * ((100vw - 600px) / 800));
    height: calc(40px + 16 * ((100vw - 600px) / 800));
    margin-right: calc(8px + 2 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-memberform .button-secondary::before {
        width: 40px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .button-secondary::before {
        width: 56px; } }
    @media screen and (max-width: 600px) {
      .membercare-memberform .button-secondary::before {
        height: 40px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .button-secondary::before {
        height: 56px; } }
    @media screen and (max-width: 600px) {
      .membercare-memberform .button-secondary::before {
        margin-right: 8px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .button-secondary::before {
        margin-right: 10px; } }
  .membercare-memberform .button-secondary::after {
    left: calc(12px + 4 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-memberform .button-secondary::after {
        left: 12px; } }
    @media screen and (min-width: 1400px) {
      .membercare-memberform .button-secondary::after {
        left: 16px; } }
  .has-mouse .membercare-memberform .button-secondary:hover::before {
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: var(--color-link); }
  .has-mouse .membercare-memberform .button-secondary:hover::after {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: #fff; }

.membercare-section-options label,
.membercare-membership-options label {
  cursor: pointer;
  padding: 0; }
  .membercare-section-options label::before,
  .membercare-membership-options label::before {
    display: none; }

.compact-interface .membercare-section-options .form-type-radio, .compact-interface
.membercare-membership-options .form-type-radio {
  margin-bottom: calc(15px + 5 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .compact-interface .membercare-section-options .form-type-radio, .compact-interface
    .membercare-membership-options .form-type-radio {
      margin-bottom: 15px; } }
  @media screen and (min-width: 1400px) {
    .compact-interface .membercare-section-options .form-type-radio, .compact-interface
    .membercare-membership-options .form-type-radio {
      margin-bottom: 20px; } }

.membercare-section-options .form-radio:checked + label::after,
.membercare-membership-options .form-radio:checked + label::after {
  display: none; }

.membercare-section-options .form-radio:checked + label .membercare-section-option,
.membercare-section-options .form-radio:checked + label .membercare-membership-option,
.membercare-membership-options .form-radio:checked + label .membercare-section-option,
.membercare-membership-options .form-radio:checked + label .membercare-membership-option {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option h2 .membership-description,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option h2 .membership-description,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option h2 .membership-description,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option h2 .membership-description {
    color: #171716; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .items th,
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .items tfoot,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .items th,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .items tfoot,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .items th,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .items tfoot,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .items th,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .items tfoot {
    border-color: #fff; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .details th,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .details th,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .details th,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .details th {
    border-color: #fff; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .details tfoot,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .details tfoot,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .details tfoot,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .details tfoot {
    border-color: #fff; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary::before,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary::before,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary::before,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary::before {
    color: #fff; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary:hover,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary:hover,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary:hover,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary:hover {
    color: #fff; }
    .membercare-section-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary:hover::before,
    .membercare-section-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary:hover::before,
    .membercare-membership-options .form-radio:checked + label .membercare-section-option .membership-details .details details summary:hover::before,
    .membercare-membership-options .form-radio:checked + label .membercare-membership-option .membership-details .details details summary:hover::before {
      color: #171716; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option .button--normal,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option .button--normal,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option .button--normal,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option .button--normal {
    background-color: #fff;
    color: #171716; }
    .membercare-section-options .form-radio:checked + label .membercare-section-option .button--normal::before,
    .membercare-section-options .form-radio:checked + label .membercare-membership-option .button--normal::before,
    .membercare-membership-options .form-radio:checked + label .membercare-section-option .button--normal::before,
    .membercare-membership-options .form-radio:checked + label .membercare-membership-option .button--normal::before {
      content: 'Valgt'; }
    .has-mouse .membercare-section-options .form-radio:checked + label .membercare-section-option .button--normal, .has-mouse
    .membercare-section-options .form-radio:checked + label .membercare-membership-option .button--normal, .has-mouse
    .membercare-membership-options .form-radio:checked + label .membercare-section-option .button--normal, .has-mouse
    .membercare-membership-options .form-radio:checked + label .membercare-membership-option .button--normal {
      background-color: #fff;
      color: #171716; }
  .membercare-section-options .form-radio:checked + label .membercare-section-option tr:first-child,
  .membercare-section-options .form-radio:checked + label .membercare-membership-option tr:first-child,
  .membercare-membership-options .form-radio:checked + label .membercare-section-option tr:first-child,
  .membercare-membership-options .form-radio:checked + label .membercare-membership-option tr:first-child {
    border-color: #fff; }

/*# sourceMappingURL=../../_maps/components/form/form--membercare-member-add-form.css.map */