.root {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}

.root bkkr-header:first-of-type {
  --padding-top: calc(var(--safe-area-top, 0px) + var(--offset-top, 0px));
}

.root bkkr-content:first-child {
  --padding-top: calc(var(--bkkr-spacer, 16px) + var(--safe-area-top, 0px) + var(--offset-top, 0px));
}

.root bkkr-content:last-child {
  --padding-bottom: calc(var(--bkkr-spacer, 16px) + var(--safe-area-bottom, 0px) + var(--offset-bottom, 0px));
}

.root bkkr-footer:last-of-type {
  --padding-bottom: var(--offset-bottom, 0px);
}

.root bkkr-footer.footer-toolbar-padding:last-of-type {
  --padding-bottom: calc(var(--safe-area-bottom, 0px) + var(--offset-bottom, 0px));
}