.sidebar{top:0;bottom:0;left:0}
dialog:not([open]){display:none}
body.modal-fallback-open{overflow:hidden}
body.modal-fallback-open::before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(16,31,62,.5);z-index:1000}
dialog.dialog-fallback[open]{display:block;position:fixed;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);z-index:1001;max-height:90vh;overflow:auto}
#toast{z-index:1200}
.donut,.completion-ring{background-color:#eef2fa}
.cockpit-mode .completion-ring{background-color:#2a4366}
@media(max-width:560px){
  .sidebar{top:auto;right:0;bottom:0;left:0}
  dialog.dialog-fallback[open]{top:3vh;left:3vw;transform:none;width:94vw;max-height:94vh}
  @supports not (padding-bottom:env(safe-area-inset-bottom)){
    .shell{padding-bottom:80px}
    .sidebar{padding:5px 8px}
    .page-footer{padding-bottom:83px}
  }
}