@media (pointer:coarse) {
  .typex-arrow-control.typex-arrow-control {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    box-sizing:border-box;
    line-height:1;
    text-align:center;
    vertical-align:middle;
    -webkit-appearance:none;
    appearance:none;
  }
  .typex-arrow-control > .typex-arrow-icon {
    display:block;
    flex:0 0 auto;
    width:22px;
    height:22px;
    margin:0;
    pointer-events:none;
  }
}

@media(min-width:701px) and (pointer:coarse){
 .typing-shell .typing-top{grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:12px!important}
 .typing-shell .typing-top .right{width:max-content!important;max-width:calc(100vw - 40px)}
}
@media(pointer:coarse){
 .typing-shell .typing-top .right{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%;box-sizing:border-box}
 .typing-shell .typing-top .right .icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;line-height:1!important;vertical-align:middle;-webkit-appearance:none;appearance:none;flex:0 0 44px}
 .typing-shell .typing-top .right .icon-btn svg{display:block;width:22px;height:22px;margin:0;flex:0 0 22px}
 .typing-shell .typing-top .right .word-accent-pilot{display:inline-flex!important;align-items:center!important;flex:0 0 auto}
 .typing-shell .typing-top .right #wordAccentSelect{display:block!important;visibility:visible!important;opacity:1!important;min-height:44px;min-width:76px}
 .textbook-reading-nav .typex-arrow-control{width:44px;min-height:44px;animation:none!important;transition:none!important}
}