.frame .topbar { position: relative; z-index: 101 !important; pointer-events: none; }
.frame .topbar a, .frame .topbar button { pointer-events: auto; }
.course-07 .challenge-top { position: relative; z-index: 101; }

@media (max-width: 700px) {
  .top-swipe-sheet { transition: translate .22s cubic-bezier(.16, 1, .3, 1); }
  .top-swipe-sheet.is-sheet-dragging { transition: none !important; }
  .sheet-swipe-reopen {
    position: fixed;
    z-index: 1001;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 999px;
    background: #eee7f7;
    color: #211c27;
    box-shadow: 0 8px 24px rgba(48,38,65,.14);
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
  }
  .sheet-swipe-reopen[hidden] { display: none !important; }
}