.mobile-scroll-controls{display:none}
@media(max-width:740px){
  .mobile-scroll-controls{display:block}
  .mobile-scroll-controls__button{position:fixed;right:calc(12px + env(safe-area-inset-right));z-index:60;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c9ab70;border-radius:50%;background:#fff4da;box-shadow:0 3px 10px #533c1f33;opacity:.5;cursor:pointer;touch-action:manipulation}
  .mobile-scroll-controls__button--up{top:calc(135px + env(safe-area-inset-top));color:#075366}
  .mobile-scroll-controls__button--down{bottom:calc(18px + env(safe-area-inset-bottom));color:#b47b00}
  .mobile-scroll-controls__button span{font-size:21px;line-height:1}
  .mobile-scroll-controls__button:focus-visible{opacity:1;outline:3px solid #075366;outline-offset:2px}
}
@media(max-width:740px) and (max-height:420px){.mobile-scroll-controls__button--up{top:calc(40px + env(safe-area-inset-top))}}