@media (max-width: 760px) {
  .mobile-swipe-hint {
    position: fixed;
    z-index: 15;
    inset: 0;
    pointer-events: none;
    user-select: none;
  }
  .mobile-swipe-hint[hidden], .mobile-swipe-hint span[hidden], .menu-open .mobile-swipe-hint { display: none; }
  .mobile-swipe-hint span {
    position: absolute;
    top: 52%;
    display: grid;
    place-items: center;
    width: 28px;
    height: 40px;
    border: 1px solid rgba(73, 105, 104, .16);
    border-radius: 999px;
    background: rgba(255, 253, 248, .46);
    box-shadow: 0 2px 12px rgba(28, 51, 51, .06);
    color: rgba(55, 91, 92, .55);
    font: 400 1.45rem/1 Georgia, serif;
    transform: translateY(-50%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  .mobile-swipe-hint__prev { left: max(2px, env(safe-area-inset-left)); }
  .mobile-swipe-hint__next { right: max(2px, env(safe-area-inset-right)); }
}
@media (min-width: 761px) { .mobile-swipe-hint { display: none; } }