#offline-banner,#offline-capability{position:fixed;left:0;right:0;top:62px;z-index:55;min-height:38px;padding:8px 16px;align-items:center;justify-content:center;gap:3px;text-align:center;font-size:12px;border-bottom:1px solid}
#offline-banner{display:none!important}
#offline-banner strong{letter-spacing:.035em}
#offline-banner #offline-reason{font-weight:700}
#offline-banner #offline-stale{flex-basis:100%;font-weight:800;color:#7a351e}
#offline-capability{display:flex;background:#f4ead8;color:#684b20;border-color:#d8bc84}
#offline-banner[hidden],#offline-capability[hidden]{display:none!important}
body.offline-capability-warning main{padding-top:42px}
body.offline-readonly.offline-capability-warning #offline-capability{display:none}
body.offline-readonly [aria-disabled=true],body.offline-readonly [draggable=true]{cursor:not-allowed!important;filter:saturate(.55);opacity:.62}
body.offline-readonly .slot,body.offline-readonly .cycle-zone{cursor:default}
body.offline-readonly .slot-add,body.offline-readonly [data-slot-edit],body.offline-readonly [data-slot-delete],body.offline-readonly .contact,body.offline-readonly .cycle-add,body.offline-readonly [data-cycle-remove]{opacity:.45!important}
@media(max-width:900px){#offline-banner,#offline-capability{font-size:11px;padding:6px 9px}body.offline-capability-warning main{padding-top:54px}}