header.nav .wrap {
  padding-top: calc(9px + env(safe-area-inset-top));
  padding-right: max(18px, env(safe-area-inset-right));
  padding-left: max(18px, env(safe-area-inset-left));
}

.se-overlay-close {
  width: 48px;
  height: 48px;
}

.se-tv-exit,
.se-tv-pause {
  min-height: 48px;
  top: calc(18px + env(safe-area-inset-top));
}

.se-tv-pause {
  position: absolute;
  right: 150px;
  z-index: 5;
  padding: 10px 15px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 30px;
  background: rgba(0,0,0,.45);
  color: #fff;
  font: 800 11px inherit;
}

.se-tv-logo {
  top: calc(20px + env(safe-area-inset-top));
  left: max(24px, env(safe-area-inset-left));
}

.se-home-button {
  right: max(12px, env(safe-area-inset-right));
  bottom: calc(70px + env(safe-area-inset-bottom));
  min-height: 48px;
}

.se-sheet {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

@media (max-width: 640px) {
  .scrollhint { display: none !important; }
  .se-home-button { bottom: calc(62px + env(safe-area-inset-bottom)); }
  .se-tv-exit { right: max(8px, env(safe-area-inset-right)); }
  .se-tv-pause {
    top: calc(74px + env(safe-area-inset-top));
    right: max(8px, env(safe-area-inset-right));
  }
}