:host {
  display: block;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-elevated-item-background);
  border-top-right-radius: var(--corner-radius);
  border-top-left-radius: var(--corner-radius);
  overflow: hidden;
}

/* Scale */
:host.small {
  --row-padding: calc(1 * var(--spacing-unit)) calc(1 * var(--spacing-unit));
}

:host.medium {
  --row-padding: calc(1 * var(--spacing-unit)) calc(2 * var(--spacing-unit));
}

:host.large {
  --row-padding: calc(3 * var(--spacing-unit)) calc(3 * var(--spacing-unit));
}

:host.no-spacing {
  --row-padding: 0;
}

:host.separated-0 {

}

:host.separated-1, :host.separated-2, :host.separated-3 {
  border-radius: var(--corner-radius);
  border-bottom: none;
  background: none;
}

:host.separated-1 {

}

:host.separated-2 {

}

:host.separated-3 {

}

:host.elevated-0 {

}

:host.elevated-1 {
  margin: 0 4px;
  box-shadow: 0 1px 4px rgba(var(--color-elevated-item-shadow), 0.03);
}

:host.elevated-2 {
  margin: 0 6px;
  box-shadow: 0 2px 6px rgba(var(--color-elevated-item-shadow), 0.08);
}

:host.elevated-3 {
  margin: 0 8px;
  box-shadow: 0 2px 8px rgba(var(--color-elevated-item-shadow), 0.05);
}

.header-items-container {
  display: flex;
}
