:root{--ronny-demo-bar-height:44px;scroll-padding-top:54px}
.ronny-demo-bar-spacer{display:block!important;width:100%;height:var(--ronny-demo-bar-height)!important;min-height:var(--ronny-demo-bar-height)!important;flex:0 0 var(--ronny-demo-bar-height)!important}
.ronny-demo-bar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:var(--ronny-demo-bar-height)!important;min-height:var(--ronny-demo-bar-height)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;text-align:center!important;background:linear-gradient(90deg,#17140f 0%,#282116 50%,#17140f 100%)!important;border-bottom:1px solid rgba(197,164,110,.42)!important;box-shadow:0 5px 20px rgba(0,0,0,.3)!important;z-index:2147483000!important}
.ronny-demo-bar a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:32px!important;color:#F5F3EC!important;text-decoration:none!important;font-family:inherit!important;font-size:13px!important;font-weight:700!important;letter-spacing:.01em!important;line-height:1.2!important;white-space:nowrap!important}
.ronny-demo-bar a:hover{color:#E8D5A8!important}.ronny-demo-bar a:focus-visible{outline:2px solid #E8D5A8!important;outline-offset:4px!important;border-radius:3px!important}
.ronny-demo-dot{display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important;background:#39C99A!important;box-shadow:0 0 10px rgba(57,201,154,.65)!important}
body>nav,body>header,body>.nav,body>.site-nav,body>.main-nav,body>.app-header,.nav,.site-nav,.main-nav,.navbar,.app-header{top:var(--ronny-demo-bar-height)!important}
@media(max-width:600px){.ronny-demo-bar a{font-size:12px!important;gap:8px!important}}