.devbar{position:fixed;inset-inline:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:9px 56px 9px 18px;background:#F6F2EA;color:#2A2723;border-top:1px solid rgba(42,39,35,.20);font-size:13.5px;line-height:1.45;text-align:center;direction:rtl;box-shadow:0 -8px 20px -14px rgba(0,0,0,.4)}
.devbar__text{margin:0;max-width:122ch}
.devbar__close{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid rgba(42,39,35,.25);border-radius:50%;color:inherit;font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0}
.devbar__close:hover{background:rgba(0,0,0,.06)}
.devbar__close:focus-visible{outline:2px solid #2A2723;outline-offset:2px}
html.devbar-on body{padding-bottom:58px}
html.devbar-on .wa-float{bottom:calc(74px + env(safe-area-inset-bottom)) !important}
@media(max-width:520px){.devbar{font-size:12.5px;padding:8px 48px 8px 12px}}
@media print{.devbar{display:none}}
html.devbar-on .fab{bottom:calc(74px + env(safe-area-inset-bottom)) !important}