:host {
  position: relative;
  display: -webkit-box;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}
.hide-scrollspy {
  display: none;
}
.remove-scrollspy-space {
  padding-right: 0px !important;
}
.content {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 8px 16px;
  overflow-x: hidden;
}
.content.has-scrollspy {
  padding-right: 160px;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .content {
    padding: 8px !important;
    padding-right: 8px !important;
  }
}
.content.no-margin {
  padding: 0;
}
.scrollspy {
  width: 144px;
  position: absolute;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
  .scrollspy {
    display: none;
  }
}
.scrollspy ul {
  position: fixed;
  z-index: 99;
  right: 0;
  width: 144px;
  padding: 0;
  list-style-type: none;
  overflow-y: hidden;
  margin: 12px 12px 0 0;
}
.scrollspy ul:hover {
  overflow-y: overlay;
}
.scrollspy ul li {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  height: 40px;
  padding: 0 16px 0 12px;
  font-family: "open-sans-regular";
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
.scrollspy ul li a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}