/* Compact, thumb-friendly control on phones and tablets, including landscape. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  body .mow_fn_fixed_totop[data-mobile="1"] {
    position: fixed;
    left: auto;
    right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(127, 127, 127, .25);
    border-radius: 50%;
    background: var(--mow-bbc, #fff);
    color: var(--mow-hc, #080808);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    mix-blend-mode: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body .mow_fn_fixed_totop[data-mobile="1"] .progress {
    display: none;
  }
  /* Keep the original text available to assistive technology. */
  body .mow_fn_fixed_totop[data-mobile="1"] .text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    writing-mode: horizontal-tb;
    transform: none;
  }
  body .mow_fn_fixed_totop[data-mobile="1"]::before {
    content: "↑";
    font: 24px/1 Arial, sans-serif;
  }
  body .mow_fn_fixed_totop[data-mobile="1"]:focus-visible {
    outline: 3px solid var(--mow-mc1, #ff0095);
    outline-offset: 3px;
  }
}