.c-menu--sidebar {
  inline-size: 100%;
}
.c-menu--sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .c-accordion--mobile-sidebar__wrapper {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .c-accordion--desktop-sidebar {
    display: none;
  }
}

.c-accordion.c-accordion--sidebar {
  background-color: var(--si-color-off-white);
}
@media (min-width: 992px) {
  .c-accordion.c-accordion--sidebar {
    max-inline-size: 380px;
  }
}
@media (min-width: 992px) {
  .c-accordion.c-accordion--sidebar .c-accordion__heading {
    display: none;
  }
}
.c-accordion.c-accordion--sidebar .c-menu--sidebar__title {
  display: none;
}
@media (min-width: 992px) {
  .c-accordion.c-accordion--sidebar .c-menu--sidebar__title {
    font-size: var(--si-fs-heading-h4);
    line-height: var(--si-lh-heading-h4);
    display: block;
    color: var(--si-color-black);
    cursor: auto;
    cursor: initial;
    padding-block-start: 28px;
    padding-block-end: 8px;
    padding-inline: 28px;
    text-align: left;
  }
}
.c-accordion.c-accordion--sidebar .c-accordion__trigger {
  border: none;
  font-weight: var(--si-fw-semibold);
  padding-block: 20px;
  padding-inline: 20px;
  font-size: var(--si-fs-heading-h5);
  line-height: var(--si-lh-heading-h5);
}
@media (min-width: 992px) {
  .c-accordion.c-accordion--sidebar .c-accordion__trigger {
    padding-inline: 28px;
  }
}
.c-accordion.c-accordion--sidebar .c-accordion__trigger:before {
  background-image: var(--si-i-plus-white);
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--si-color-black);
  background-size: contain;
}
.c-accordion.c-accordion--sidebar .c-accordion__trigger.is-open::before {
  background: var(--si-i-minus) no-repeat center var(--si-color-white);
}
@media (max-width: 767.98px) {
  .c-accordion.c-accordion--sidebar .c-accordion__trigger {
    align-items: center;
  }
}
.c-accordion.c-accordion--sidebar .c-accordion__content {
  border: none;
  padding-inline: 0;
}
@media (min-width: 992px) {
  .c-accordion.c-accordion--sidebar .c-accordion__content {
    max-block-size: none;
    opacity: 1;
    visibility: visible;
    display: block;
  }
}
.c-accordion.c-accordion--sidebar .c-accordion__content.is-open {
  padding-block: 0;
}

.c-menu--sidebar ul[data-depth="0"] {
  display: flex;
  gap: 0;
  flex-flow: nowrap column;
  width: 100%;
}
.c-menu--sidebar ul[data-depth="0"] > li > a {
  background-color: var(--si-color-off-white);
  border-block-end: solid 1px var(--si-color-medium-gray);
  display: block;
  font-weight: var(--si-fw-book);
  padding-block: 16px;
  padding-inline: 28px;
  font-size: var(--si-fs-body-18);
  line-height: var(--si-lh-body-18);
}
.c-menu--sidebar ul[data-depth="0"] > li > a:hover, .c-menu--sidebar ul[data-depth="0"] > li > a:focus {
  color: var(--si-color-black);
}
.c-menu--sidebar ul[data-depth="0"] > li:last-child > a {
  border: none;
}
.c-menu--sidebar ul[data-depth="0"] > li.menu__item--active-trail > a {
  background-color: var(--si-color-light-gray);
  border-block-end: none;
  font-weight: var(--si-fw-semibold);
}
.c-menu--sidebar ul[data-depth="0"] > li.menu__item--active > a {
  border-inline-start: solid 4px var(--si-color-dark-blue);
  color: var(--si-color-dark-blue);
}

.c-menu--sidebar ul[data-depth="1"] {
  background-color: var(--si-color-light-gray);
  padding-block-end: 16px;
  position: relative;
  display: none;
}
.c-menu--sidebar ul[data-depth="1"] > li > a {
  display: block;
  font-weight: var(--si-fw-book);
  padding-block: 6px;
  margin-inline: 28px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--si-fs-body-18);
  line-height: var(--si-lh-body-18);
}
.c-menu--sidebar ul[data-depth="1"] > li > a:hover, .c-menu--sidebar ul[data-depth="1"] > li > a:focus {
  color: var(--si-color-black);
}
.c-menu--sidebar ul[data-depth="1"] > li.menu__item--active-trail > a {
  font-weight: var(--si-fw-semibold);
}
.c-menu--sidebar ul[data-depth="1"] > li.menu__item--active > a {
  border-inline-start: solid 4px var(--si-color-dark-blue);
  color: var(--si-color-dark-blue);
  font-weight: var(--si-fw-semibold);
  margin-inline-start: 0;
  padding-inline-start: 28px;
}

.c-menu--sidebar .menu__item--active-trail ul[data-depth="1"] {
  display: block;
}

.c-menu--sidebar ul[data-depth="2"] > li > a {
  display: block;
  font-weight: var(--si-fw-book);
  padding-block: 6px;
  margin-inline: 60px 28px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--si-fs-body-16);
  line-height: var(--si-lh-body-16);
}
.c-menu--sidebar ul[data-depth="2"] > li > a:before {
  background-color: var(--si-color-black);
  block-size: 24px;
  content: "";
  display: block;
  inline-size: 24px;
  inset-block-start: 4px;
  inset-inline-start: -28px;
  -webkit-mask: var(--si-i-bullet) no-repeat center;
          mask: var(--si-i-bullet) no-repeat center;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: absolute;
}
.c-menu--sidebar ul[data-depth="2"] > li > a:hover, .c-menu--sidebar ul[data-depth="2"] > li > a:focus {
  color: var(--si-color-black);
}
.c-menu--sidebar ul[data-depth="2"] > li.menu__item--active-trail > a {
  font-weight: var(--si-fw-semibold);
}
.c-menu--sidebar ul[data-depth="2"] > li.menu__item--active > a {
  color: var(--si-color-dark-blue);
}
.c-menu--sidebar ul[data-depth="2"] > li.menu__item--active > a:before {
  background-color: var(--si-color-dark-blue);
}
.c-menu--sidebar ul[data-depth="2"] > li.menu__item--active > a::after {
  background-color: var(--si-color-dark-blue);
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60px;
  width: 4px;
}

.c-menu--sidebar ul[data-depth="3"] > .menu__item {
  margin-inline: 80px 28px;
}
.c-menu--sidebar ul[data-depth="3"] > li > a {
  display: block;
  font-weight: var(--si-fw-book);
  padding-block: 6px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--si-fs-body-16);
  line-height: var(--si-lh-body-16);
}
.c-menu--sidebar ul[data-depth="3"] > li > a:before {
  background-color: var(--si-color-black);
  block-size: 24px;
  content: "";
  display: block;
  inline-size: 24px;
  inset-block-start: 4px;
  inset-inline-start: -32px;
  -webkit-mask: var(--si-i-minus) no-repeat center;
          mask: var(--si-i-minus) no-repeat center;
  -webkit-mask-size: cover;
          mask-size: cover;
  position: absolute;
}
.c-menu--sidebar ul[data-depth="3"] > li > a:hover, .c-menu--sidebar ul[data-depth="3"] > li > a:focus {
  color: var(--si-color-black);
}
.c-menu--sidebar ul[data-depth="3"] > li.menu__item--active > a {
  color: var(--si-color-dark-blue);
  font-weight: var(--si-fw-semibold);
}
.c-menu--sidebar ul[data-depth="3"] > li.menu__item--active > a:before {
  background-color: var(--si-color-dark-blue);
  pointer-events: none;
}
.c-menu--sidebar ul[data-depth="3"] > li.menu__item--active > a::after {
  background-color: var(--si-color-dark-blue);
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80px;
  width: 4px;
}