.display-mode-switch{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--display-control-scale,1));padding:calc(8px * var(--display-control-scale,1)) 12px;border-bottom:1px solid #353535;background:#191b1b;direction:rtl}
.display-mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:calc(7px * var(--display-control-scale,1));min-height:calc(44px * var(--display-control-scale,1));padding:calc(8px * var(--display-control-scale,1)) calc(14px * var(--display-control-scale,1));font-size:calc(13px * var(--display-control-scale,1));line-height:1.4;background:#242424;color:#ccc;border:1px solid #555;border-radius:calc(10px * var(--display-control-scale,1));cursor:pointer}
.display-mode-switch svg{width:calc(22px * var(--display-control-scale,1));height:calc(22px * var(--display-control-scale,1));flex:none}
.display-mode-switch button[aria-pressed=true]{background:#3c2b20;border-color:var(--orange);color:var(--orange)}
.display-mode-switch button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
html[data-display-mode=desktop][data-display-phone=true] body{zoom:1}
html[data-display-phone=false] .display-mode-switch{display:none}

/* Reserve the control row from the first HTML response; icons never change row height. */
.display-mode-switch{min-height:calc(61px * var(--display-control-scale,1));box-sizing:border-box}