:root{
  --sidebar-width: 230px;
  --avatar-height: 48px;
  --navbar-height: 74px;
  --accordion-list-height: 450px;

  --ss-primary-color: var(--bs-primary);
  --ss-border-radius: var(--bs-border-radius);

  --bs-font-sans-serif: 'Source Sans 3', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
[data-bs-theme="dark"] {
  --ss-bg-color: var(--bs-body-bg);
  --ss-font-color: var(--bs-body-color);
  --ss-border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] .ss-value .ss-value-text {
  color: var(--bs-light) !important;
}
[data-bs-theme="dark"] .ss-value .ss-value-delete {
  border-color: var(--bs-light) !important;
}
[data-bs-theme="dark"] .ss-value .ss-value-delete svg path {
  stroke: var(--bs-light) !important;
}
@font-face {
  font-family: 'Source Sans 3';
  src:
    url('/static/fonts/SourceSans3-Regular-VariableFont.ttf') format('truetype'),
    url('/static/fonts/SourceSans3-Italic-VariableFont.ttf') format('truetype');
  font-weight: 200 900;
  font-stretch: 75% 200%;
  font-display: swap;
}

/*sidebar*/
.sidebar-width {
  width: var(--sidebar-width);
}
.sidebar-offset {
  margin-left: var(--sidebar-width);
}
.avatar {
  max-height: var(--avatar-height);
}
.white-space {
  white-space: normal;
}

/*divider*/
.divider {
  display: flex;
  align-items: center;
}
.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--bs-secondary-text-emphasis);
}

/*accordion*/
.accordion-button:after {
  display: none;
}
.accordion-button:is(.collapsed):hover {
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}
.accordion-list-height {
  max-height: var(--accordion-list-height);
}

/*other*/
.border-gradient {
  border-image: linear-gradient(to right, #6fbe2e 19%, #00bbd6 43%, #0f61a9 57%, #5a39a0 81%) 100;
}
.navbar-height {
  height: var(--navbar-height);
}
.disabled-div {
  opacity: 0.6;
  pointer-events: none;
  user-select: none;
}
.pointer {
  cursor: pointer;
}

/*slimseslct*/
.ss-main {
  align-items: center;
}
.ss-deselect {
  padding: .5rem !important;
}
.ss-deselect:hover svg path {
  stroke: var(--bs-danger);
}