:host {
  display: flex;
  flex-direction: column;
  width: 100%;
}

:host:not(.sky-dock-unbound) {
  position: fixed;
  left: var(--sky-viewport-left, 0);
  bottom: var(--sky-viewport-bottom, 0);
  right: var(--sky-viewport-right, 0);
  width: auto;
}

:host.sky-dock-sticky {
  position: sticky;
}
