.my-companies {
  --color-primary: #171716; }
  .my-companies ul {
    list-style: none; }
    .my-companies ul li:not(:last-child) {
      margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .my-companies ul li:not(:last-child) {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1400px) {
        .my-companies ul li:not(:last-child) {
          margin-bottom: 20px; } }
  .my-companies a.cta-link {
    color: #171716; }
    .my-companies a.cta-link::after {
      color: #171716; }

.membercare-invoices,
.membercare-company-invoices {
  width: 90.76701%;
  margin-bottom: calc(40px + 40 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .membercare-invoices,
    .membercare-company-invoices {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1400px) {
    .membercare-invoices,
    .membercare-company-invoices {
      margin-bottom: 80px; } }
  @media (max-width: 1024px) {
    .membercare-invoices,
    .membercare-company-invoices {
      width: 100%;
      margin-left: 0; } }
  .membercare-invoices > .balance,
  .membercare-company-invoices > .balance {
    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)); }
    @media screen and (max-width: 600px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        font-size: 30px; } }
    @media screen and (min-width: 1400px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        font-size: 36px; } }
    @media screen and (max-width: 600px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        line-height: 28px; } }
    @media screen and (min-width: 1400px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        line-height: 34px; } }
    @media screen and (max-width: 600px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1400px) {
      .membercare-invoices > .balance,
      .membercare-company-invoices > .balance {
        margin-bottom: 40px; } }
  .membercare-invoices > .company-selector,
  .membercare-company-invoices > .company-selector {
    margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-invoices > .company-selector,
      .membercare-company-invoices > .company-selector {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1400px) {
      .membercare-invoices > .company-selector,
      .membercare-company-invoices > .company-selector {
        margin-bottom: 40px; } }
    .membercare-invoices > .company-selector .label,
    .membercare-company-invoices > .company-selector .label {
      font-weight: normal;
      font-size: calc(13px + 2 * ((100vw - 600px) / 800));
      line-height: calc(16px + 2 * ((100vw - 600px) / 800));
      letter-spacing: calc(0px + 0.2 * ((100vw - 600px) / 800));
      font-family: "Founders-grotesk-Medium", "sans-serif"; }
      @media screen and (max-width: 600px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          font-size: 13px; } }
      @media screen and (min-width: 1400px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          font-size: 15px; } }
      @media screen and (max-width: 600px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          line-height: 16px; } }
      @media screen and (min-width: 1400px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          line-height: 18px; } }
      @media screen and (max-width: 600px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          letter-spacing: 0px; } }
      @media screen and (min-width: 1400px) {
        .membercare-invoices > .company-selector .label,
        .membercare-company-invoices > .company-selector .label {
          letter-spacing: 0.2px; } }
  .membercare-invoices .company-links a,
  .membercare-company-invoices .company-links a {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .membercare-invoices .company-links a:not(:last-child)::after,
    .membercare-company-invoices .company-links a:not(:last-child)::after {
      content: '|';
      margin: 0 5px;
      color: #171716; }
    .membercare-invoices .company-links a.is-selected,
    .membercare-company-invoices .company-links a.is-selected {
      color: #909197; }
    .has-mouse .membercare-invoices .company-links a:hover, .has-mouse
    .membercare-company-invoices .company-links a:hover {
      color: #909197; }

/*# sourceMappingURL=../../_maps/components/membercare/membercare--invoices.css.map */
