:host {
  position: relative;
  box-sizing: border-box;
  font-feature-settings: "cv03", "cv04", "cv11";
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

:host {
  display: block;
}

.list {
  display: flex;
  flex-direction: column;
}
.list:focus {
  outline: none;
}
.list:not(:focus) ::slotted(*) {
  --background-color-active: var(--sl-panel-dark-background-color);
  --label-color-black-active: var(--sl-label-color-black);
  --label-color-very-dark-active: var(--sl-label-color-very-dark-gray);
  --label-color-dark-active: var(--sl-label-color-dark-gray);
  --label-color-medium-active: var(--sl-label-color-medium-gray);
  --label-color-light-active: var(--sl-label-color-light-gray);
  --label-color-very-light-active: var(--sl-label-color-very-light-gray);
}

.list--lines-full ::slotted(*:not(:last-child)) {
  border-bottom: 1px solid var(--sl-panel-border-color) !important;
}