.headings-content{
  margin-bottom:16px;
  position:sticky;
  top:0;
  z-index:100;
}
@media screen and (min-width:1400px){
  .headings-content{
    display:block !important;
    margin-bottom:0;
    opacity:1 !important;
    position:fixed;
    right:calc((100vw - min(100%, var(--grid-container-max-width)))/2);
    top:260px;
    visibility:visible !important;
    width:300px;
  }
}

.headings-content--hidden{
  position:absolute !important;
  clip:rect(1px, 1px, 1px, 1px);
  height:1px;
  overflow:hidden;
  width:1px;
  word-wrap:normal;
}

.headings-content-button{
  align-items:center;
  align-self:stretch;
  background:#fff;
  border:1px solid #e0eaf7;
  border-radius:10px;
  box-sizing:border-box;
  display:flex;
  flex:none;
  flex-direction:row;
  flex-grow:0;
  gap:8px;
  justify-content:space-between;
  order:0;
  padding:12px 20px;
  width:100%;
}
.headings-content-button:hover{
  background:#f4f8fd;
  cursor:pointer;
}
@media screen and (min-width:1400px){
  .headings-content-button{
    border-bottom:none;
    border-radius:10px 10px 0 0;
    cursor:default;
    display:flex !important;
    padding:16px 24px;
    visibility:visible !important;
    width:100%;
  }
  .headings-content-button:hover{
    background:#fff;
  }
}

.headings-content__title{
  font-family:var(--font-medium);
}
@media screen and (min-width:1400px){
  .headings-content__title{
    font-size:18px;
  }
  .headings-content-button__icon{
    display:none;
  }
  .headings-content__content{
    display:flex;
    flex-direction:column;
    max-height:calc(100vh - 40px);
  }
}

.headings-content__nav{
  align-items:flex-start;
  background:#fff;
  border:1px solid #e0eaf7;
  border-radius:.625rem;
  flex:none;
  flex-direction:row;
  flex-grow:0;
  font-size:14px;
  gap:.5rem;
  justify-content:flex-end;
  margin-top:4px;
  max-width:100%;
  order:1;
  padding:24px;
  position:absolute;
  top:50px;
  z-index:1;
}
@media screen and (min-width:1400px){
  .headings-content__nav{
    border:1px solid #e0eaf7;
    border-radius:0 0 10px 10px;
    display:flex !important;
    flex:1;
    flex-direction:column;
    font-size:16px;
    margin-top:0;
    min-height:0;
    opacity:1 !important;
    overflow:hidden;
    padding:16px 24px 24px;
    position:static;
    top:auto;
    visibility:visible !important;
    width:100%;
  }
}

.headings-content__nav-items{
  align-items:flex-start;
  display:flex;
  flex:none;
  flex-direction:column;
  flex-grow:1;
  max-width:94%;
  order:0;
  padding:0;
  width:324px;
}
@media screen and (min-width:1400px){
  .headings-content__nav-items{
    flex:1 1 auto;
    max-height:100%;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding-right:8px;
    scrollbar-color:#e0eaf7 transparent;
    scrollbar-width:thin;
    width:100%;
  }
  .headings-content__nav-items::-webkit-scrollbar{
    width:6px;
  }
  .headings-content__nav-items::-webkit-scrollbar-track{
    background:transparent;
  }
  .headings-content__nav-items::-webkit-scrollbar-thumb{
    background:#e0eaf7;
    border-radius:3px;
  }
  .headings-content__nav-items::-webkit-scrollbar-thumb:hover{
    background:#e0eaf7;
  }
}

.headings-content__nav-item{
  align-items:center;
  align-self:stretch;
  display:flex;
  flex:none;
  flex-direction:row;
  flex-grow:0;
  gap:.625rem;
  order:0;
  padding:.5rem 0;
  word-break:auto-phrase;
}
.headings-content__nav-item:hover{
  color:#15a8f1;
  cursor:pointer;
}
@media screen and (min-width:1400px){
  .headings-content__nav-item{
    box-sizing:border-box;
    width:100%;
  }
  .component__headings-content{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

.headings-content__section-title{
  display:none;
}
@media screen and (min-width:1400px){
  .headings-content__section-title{
    display:none;
  }
}