:host {
  display: block;
  box-sizing: border-box;
  background-color: transparent;
}
:host * {
  box-sizing: border-box;
}
:host .tds-accordion-header-icon-start,
:host .tds-accordion-header-icon-end {
  position: relative;
}

:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,
:host(:active) .tds-accordion-item .tds-accordion-header-icon-end {
  background-color: var(--tds-accordion-background-active);
  outline: none;
}
:host(:active) .disabled,
:host(:active) .disabled * {
  cursor: not-allowed;
}
:host(:active) .disabled .tds-accordion-header-icon-start,
:host(:active) .disabled .tds-accordion-header-icon-end {
  background-color: var(--tds-accordion-bg);
  outline: none;
  pointer-events: none;
}
:host(:active) .disabled .tds-accordion-header-icon-start::after,
:host(:active) .disabled .tds-accordion-header-icon-end::after {
  border-color: transparent;
}

:host(:last-child) {
  border-bottom: 1px solid var(--tds-accordion-border);
}

:host(.hide-last-border:last-child) {
  border-bottom: none;
}

:host(.tds-mode-variant-secondary) {
  background-color: var(--tds-accordion-background);
}

:host(.tds-mode-variant-primary) {
  background-color: var(--tds-accordion-background);
}