[hidden] {
  display: none !important;
}

:host {
  position: relative;
  box-sizing: border-box;
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

/**
* @prop --list-header-color: Color of the header. (default: inherit)
*/
flow-list-header {
  display: flex;
  align-items: center;
  --list-header-color: inherit;
}

flow-list-header.flow-color.mdc-list-group__subheader {
  --list-header-color: var(--flow-color-base);
}

flow-list-header.mdc-list-group__subheader {
  font-family: var(--flow-font-sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol);
  margin: 0;
  padding: 0.5rem 16px;
  font-weight: bold;
  color: var(--list-header-color);
  background-color: rgba(0, 0, 0, 0.2);
}

.mdc-list-group__subheader[collapsible] {
  cursor: pointer;
  overflow-anchor: none;
}

.list-header-icon {
  margin-right: 0.4em;
}

.list-header-button {
  margin: 0 -6px 0 auto;
  transition: transform var(--flow-transition-medium, 250ms) ease;
}

.mdc-list-group__subheader--open .list-header-button {
  transform: rotate(90deg);
}