/* Context sidebar */

.context-sidebar-wrapper {
  z-index: 1;
}

.context-sidebar {
  background: var(--bs-body-bg);
  border-radius: 0 var(--bs-border-radius-xl) var(--bs-border-radius-xl) 0 !important;
  height: calc(100vh - 48.1px);
}

.context-sidebar-content {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem 1.5rem 34px;
  width: 220px;
  height: 100%;
}


/* CTS-buttons */

.context-sidebar-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cts-button-link {
  width: 100%;
  font-size: 13px;
  display: inline-block;
  padding: .3rem .5rem .1875rem .5rem;
  margin-top: .2rem;
  color: var(--bs-body-color);
  text-decoration: none;
  border-radius: 0.5rem;
  cursor: pointer;
  background-color: var(--m-indigo-1);

  clear: both;
  text-align: inherit;
  border: 0;
}

@media (max-width: 768px) {
  .cts-button-link {
    font-size: calc(1.1rem + 0.6vw);
  }
}

.cts-button-link:hover,
.cts-button-link:focus {
  color: var(--m-indigo-9);
  background-color: var(--m-indigo-2);
}

.cts-button-link.active {
  color: var(--m-indigo-10);
  background-color: var(--m-indigo-7);
}

.cts-button-link.active:hover,
.cts-button-link.active:focus {
  color: var(--m-indigo-2) !important;
  background-color: var(--m-indigo-8) !important;
}

.cts-button-link {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}