:host {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  list-style-type: none;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host {
    padding-left: unset;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
  }
}

:host(.list-inset) {
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 10px;
  transform: translateZ(0);
  overflow: hidden;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host(.list-inset) {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: 16px;
    margin-inline-start: 16px;
    -webkit-margin-end: 16px;
    margin-inline-end: 16px;
  }
}

:host(.list-inset) ::slotted(bkkr-item) {
  --border-width: 0 0 1px 0;
  --inner-border-width: 0;
}

:host(.list-inset) ::slotted(bkkr-item:last-child) {
  --border-width: 0;
  --inner-border-width: 0;
}

:host(.list-lines-none) ::slotted(bkkr-item) {
  --border-width: 0;
  --inner-border-width: 0;
}

:host(.list-lines-full) ::slotted(bkkr-item),
:host ::slotted(.item-lines-full) {
  --border-width: 0 0 0.55px 0;
}

:host(.list-lines-full) ::slotted(bkkr-item) {
  --inner-border-width: 0;
}

:host(.list-lines-inset) ::slotted(bkkr-item),
:host ::slotted(.item-lines-inset) {
  --inner-border-width: 0 0 0.55px 0;
}

:host ::slotted(.item-lines-inset) {
  --border-width: 0;
}

:host ::slotted(.item-lines-full) {
  --inner-border-width: 0;
}

:host ::slotted(.item-lines-none) {
  --border-width: 0;
  --inner-border-width: 0;
}

:host-context(bkkr-card) {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}