.cpap__sticky-sub-menu.cpap__sticky-sub-menu-account {
  margin-bottom: 0;

  ul li a.active {
    font-weight: var(--bs-body-font-weight-700);
  }

  .cpap__sticky-sub-menu-account__mobile-drawer-button {
    @media screen and (max-width: 767px) {
      margin-left: auto;
    }

    span {
      padding: 9px 16px;
      gap: 10px;
      border-radius: 28px;
      border: 1px solid var(--cpap-stroke-gray);
      background: var(--cpap-primary-white);
      color: var(--cpap-primary-soft-black);
    }
  }

  .cpap__sticky-sub-menu-account__mobile a {
    font-size: var(--bs-body-font-size-13);
    line-height: var(--bs-body-line-height-56);
  }
  .cpap__sticky-sub-menu-account__mobile ul a {
    font-size: var(--bs-body-font-size-13);
    line-height: var(--bs-body-line-height-20);
    padding: 12px 0px;

    @media (max-width: 1200px) {
      display: inline-block;
    }
  }

  .cpap__sticky-sub-menu-account__mobile-drawer {
    @supports (interpolate-size: allow-keywords) {
      height: 0;
      transition: height 0.3s ease-in-out;
    }
    @supports not (interpolate-size: allow-keywords) {
      max-height: 0;
      transition: max-height 0.3s ease-in-out;
    }
    overflow: hidden;
    top: 56px;
    background: var(--cpap-primary-beige);
    padding: 0px 20px;
    margin: 0px -20px;
    width: calc(100% + 40px) !important;
    box-shadow: 0 26px 30px 0 var(--cpap-bottom-light-box-shadow);

    &.cpap__sticky-sub-menu-account__mobile-drawer--expanded {
      @supports (interpolate-size: allow-keywords) {
        height: calc-size(auto, size);
      }
      @supports not (interpolate-size: allow-keywords) {
        max-height: 520px;
      }
    }
  }
}