:root {
  --footer: 38px;
}

.bt-viewport {
  bottom: 0;
}

.bt-screen {
  padding-bottom: 8px;
}

.bt-footer {
  position: absolute;
  z-index: 90;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(var(--footer) + var(--safe-bottom));
  padding: 0 max(28px, var(--safe-right)) var(--safe-bottom) max(28px, var(--safe-left));
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(16, 47, 58, .52);
}

.bt-footer small,
.bt-footer__credit {
  transform: translateY(-5px);
}

.bt-footer small {
  font-size: 11.5px;
  font-weight: 480;
  letter-spacing: -.01em;
}

.bt-footer__credit {
  color: inherit;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .01em;
}