.sse-submenu {
  --sse-purple: var(--purple, #77216f);
  --sse-orange: var(--orange, #e98300);
  --sse-white: var(--white, #ffffff);
  color: var(--sse-purple);
  max-width: var(--sse-max-w, 320px);
  width: 100%;
  line-height: 1.5;
}
.sse-submenu[data-sticky="true"] {
  position: sticky;
  top: var(--sse-sticky-top, 0px);
  overflow: visible;
}
.sse-submenu[data-sticky="false"] {
  position: static;
}
.sse-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: 3rem;
  font-weight: 700;
  background-color: var(--sse-purple);
  color: var(--sse-white);
  margin-bottom: 1.25rem;
}
.sse-list {
  margin: 0;
  padding: 0;
  display: block;
}
.sse-children {
  margin: 0;
  margin-left: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-left: 1px solid var(--sse-purple);
}
.sse-children:empty {
  display: none;
}
.sse-item {
  margin: 0 0 0.35rem 0;
  padding: 0;
}
.sse-item:last-child {
  margin-bottom: 0;
}
.sse-link {
  display: block;
  color: var(--sse-purple);
  text-decoration: underline !important;
}
.sse-item.is-active > .sse-link {
  font-weight: 700;
}
.sse-item.is-parent-active > .sse-link {
  font-weight: 700;
}
.sse-empty {
  font-style: italic;
  opacity: 0.7;
}
.sse-collapsible > .sse-children {
  display: none;
}
.sse-collapsible.is-expanded > .sse-children {
  display: block;
}
.sse-toggle {
  cursor: pointer;
  user-select: none;
  margin-right: 0.35rem;
  font-size: 0.85rem;
  opacity: 0.6;
  display: inline-block;
  color: inherit;
}
