:host {
  display: block;
  position: sticky;
  top: 96px;
}
@media (max-width: 768px) {
  :host {
    display: none;
  }
}

nav {
  margin: 0;
  padding: 0;
}

ul {
  font-size: 14px;
  list-style: none;
  line-height: 1.4em;
  padding-bottom: 16px;
}

li {
  color: var(--c-carbon-80);
  margin-block-start: var(--space-1);
  margin-block-end: var(--space-1);
  cursor: pointer;
  list-style: none;
  color: var(--c-carbon-80);
  display: block;
  transition: 0.2s transform ease, 0.2s color;
}
li.active {
  transform: translateX(8px);
  color: #597EFF;
}

.title {
  color: var(--c-indigo-60);
}

.cta-button {
  margin-block-start: var(--space-3);
  font-weight: 600;
  border-radius: 6px;
  letter-spacing: 0;
  text-transform: none;
  padding: 12px 19px 10px;
  font-size: 14px;
  line-height: 1em;
  background: #3880FF;
  color: #fff;
}

.sharing {
  margin: 0;
  border-top: 2px solid #f3f5f9;
  padding-top: 26px;
}
.sharing li {
  margin: 0;
  margin-right: 6px;
  display: inline-block;
}
.sharing a {
  color: #CBD2DD;
  font-size: 20px;
}
.sharing a:hover {
  color: var(--c-ionic-brand);
}
.sharing #web-share {
  display: none;
}