:host {
  --sidebar-item-padding: 6px 12px;

  display: block;
  flex-shrink: 0;
}

:host(.header),
:host(.footer) {
  --sidebar-item-padding: 12px;
}

:host(.header) {
  border-bottom: 1px solid var(--color-gray-eee);
}

:host(.main) {
  overflow: hidden auto;
  flex: 1;
}

:host(.footer) {
  border-top: 1px solid var(--color-gray-eee);
}