.rtl-demo-bar { position: fixed; z-index: 2147483000; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(740px, calc(100% - 24px)); padding: 13px 18px; border: 1px solid #36545e; border-radius: 12px; background: #07151ff2; color: #d5e3e7; font: 12px/1.5 system-ui, sans-serif; box-shadow: 0 5px 25px #0005; }
.rtl-demo-bar a { color: #77e3d8 !important; text-decoration: none; font-weight: 600; }
.rtl-demo-bar a:focus-visible { outline: 2px solid #77e3d8; outline-offset: 4px; }
.rtl-demo-notice { position: fixed; z-index: 2147483001; bottom: 90px; left: 50%; transform: translateX(-50%); width: min(440px, calc(100% - 32px)); background: #07151f; color: #eef8fa; border: 1px solid #36545e; border-radius: 12px; padding: 20px; font: 15px/1.5 system-ui, sans-serif; }
body { padding-bottom: 84px !important; }
@media (max-width: 600px) { .rtl-demo-bar { gap: 12px; font-size: 11px; } .rtl-demo-bar span { display: none; } }