/* Chevrons geométricos: não dependem da linha de base de caracteres tipográficos. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .mobileChapterPicker>button{
    box-sizing:border-box;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    appearance:none;
    line-height:0;
    border:1px solid #ffffff5c;
    border-radius:10px;
    background:linear-gradient(145deg,#2493ef,#086dd2);
    box-shadow:0 3px 7px #0c66b837,inset 0 1px 0 #ffffff57;
  }
  .mobileChapterPicker>button i{
    box-sizing:border-box;
    display:block;
    width:10px;
    height:10px;
    margin:0;
    border:0;
    border-top:3px solid #fff;
    border-right:3px solid #fff;
    border-radius:1px;
    filter:drop-shadow(0 1px 0 #075ba87a);
    pointer-events:none;
  }
  .mobileChapterPicker .chapterPrevious i{transform:rotate(-135deg)}
  .mobileChapterPicker .chapterNext i{transform:rotate(45deg)}
  .mobileChapterPicker>button:disabled{
    opacity:.32;
    background:#6caee8;
    box-shadow:inset 0 1px 0 #ffffff4f;
  }
  .mobileChapterPicker>button:focus-visible{outline:2px solid #ffd047;outline-offset:2px}
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:390px){
  .mobileChapterPicker>button{width:27px;height:27px;border-radius:9px}
  .mobileChapterPicker>button i{width:9px;height:9px;border-width:3px 3px 0 0}
}