@media (max-width:720px){
  #xlRibbon:not(.xl-lint-open) .rb-paneel.actief{ display:none; }
  #xlRibbon:not(.xl-lint-open) .rb-bar{ border-bottom-color:transparent; }
  #xlRibbon .rb-tab{ position:relative; }
  #xlRibbon .rb-tab.actief{ padding-left:calc(.9rem + 7px); padding-right:calc(.9rem + 7px); }
  #xlRibbon .rb-tab.actief::after{ content:""; position:absolute; right:.45rem; top:50%; width:0; height:0; margin-top:-2px;
    border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; }
  #xlRibbon.xl-lint-open .rb-tab.actief::after{ border-top:0; border-bottom:5px solid currentColor; }
  html:not(.vs-vol) #xlEditor .xl-wrap{ max-height:max(56vh, calc(100vh - 270px)); max-height:max(56dvh, calc(100dvh - 270px)); }
  #xlRibbon .rb-bar, #xlRibbon .rb-paneel.actief{ overscroll-behavior-x:contain; }
  #xlRibbon .veeg-l:not(.veeg-r){ -webkit-mask-image:linear-gradient(to right, transparent 0, #000 30px); mask-image:linear-gradient(to right, transparent 0, #000 30px); }
  #xlRibbon .veeg-r:not(.veeg-l){ -webkit-mask-image:linear-gradient(to left, transparent 0, #000 30px); mask-image:linear-gradient(to left, transparent 0, #000 30px); }
  #xlRibbon .veeg-l.veeg-r{ -webkit-mask-image:linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
    mask-image:linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%); }
}
@media (max-width:720px), (pointer:coarse){
  .xl-bladbalk .xl-tab{ min-height:32px; min-width:32px; }
  .xl-bladbalk .ot-ob-knop{ width:32px; height:32px; }
  .xl-bladbalk .ot-ob-pct{ min-height:32px; height:32px; }
}