@import "settings.breakpoints";

@import "mixins/tools.functions";
@import "mixins/tools.mixins";

.c-control--login {
  .c-control__label {
    max-width: rem(370);
  }

  &.c-control--registered {
    .c-control__label {
      max-width: rem(460);
    }
  }

  &.c-control--subscribed {
    .c-control__label {
      max-width: rem(460);
    }
  }
}

@include desktop-down {
  .c-control--login {
    .c-control__label {
      max-width: rem(350);
    }

    &.c-control--registered {
      .c-control__label {
        max-width: rem(440);
      }
    }

    &.c-control--subscribed {
      .c-control__label {
        max-width: rem(440);
      }
    }
  }
}

@include tablet-portrait-only {
  .c-control--login {
    .c-control__label {
      max-width: rem(300);
    }

    &.c-control--registered {
      .c-control__label {
        max-width: rem(400);
      }
    }

    &.c-control--subscribed {
      .c-control__label {
        max-width: rem(400);
      }
    }
  }
}

@include mobile-only {
  .c-control--login {
    .c-control__label {
      max-width: rem(80);
    }

    &.c-control--registered {
      .c-control__label {
        max-width: rem(85);
      }
    }

    &.c-control--subscribed {
      .c-control__label {
        max-width: rem(170);
      }
    }
  }
}

@include xs-mobile-only {
  .c-control--login {
    .c-control__label {
      max-width: rem(60);
    }

    &.c-control--registered {
      .c-control__label {
        max-width: rem(50);
      }
    }

    &.c-control--subscribed {
      .c-control__label {
        max-width: rem(125);
      }
    }
  }
}
