.deployment-banner{position:fixed;inset:0 0 auto;z-index:2147483647;display:flex;align-items:center;justify-content:center;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px));border-bottom:1px solid #caa24f;background:#fff1cf;color:#523b10;font-size:14px;line-height:1.5}
.deployment-banner svg{flex:none}.deployment-banner strong{font-weight:600}
.has-deployment-banner #root{padding-top:var(--deployment-banner-height,52px)}
.has-deployment-banner .navigation-sidebar{top:var(--deployment-banner-height,52px);height:calc(100dvh - var(--deployment-banner-height,52px))}
.has-deployment-banner .manager-preview-banner{top:var(--deployment-banner-height,52px)}
.has-deployment-banner .has-manager-preview .navigation-sidebar{top:calc(90px + var(--deployment-banner-height,52px));height:calc(100dvh - 90px - var(--deployment-banner-height,52px))}
.has-deployment-banner .live-studio.us-popout{top:var(--deployment-banner-height,52px)}
.has-deployment-banner .us-popout-toolbar{top:calc(8px + var(--deployment-banner-height,52px))}
.has-deployment-banner .us-popout-controls>.us-switchbar,.has-deployment-banner .us-popout>.us-error{top:calc(52px + var(--deployment-banner-height,52px))}
.has-deployment-banner .us-popout-controls .us-alignment{top:calc(120px + var(--deployment-banner-height,52px))}
.has-deployment-banner .service-restart-page{min-height:calc(100dvh - var(--deployment-banner-height,52px))}
.dark .deployment-banner{background:#342b19;color:#f3d594;border-color:#6f5829}
@media(max-width:900px){.has-deployment-banner .has-manager-preview .navigation-sidebar{top:calc(110px + var(--deployment-banner-height,52px));height:calc(100dvh - 110px - var(--deployment-banner-height,52px))}.has-deployment-banner .mobile-navigation-drawer[open]{top:var(--deployment-banner-height,52px);height:calc(100dvh - var(--deployment-banner-height,52px))}}
@media(max-width:480px){.deployment-banner{font-size:clamp(10px,3vw,12px);padding:calc(10px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 10px max(10px,env(safe-area-inset-left,0px));gap:6px}}

.deployment-banner{box-sizing:border-box;margin:0;width:100%;font-family:Arial,sans-serif;text-align:left;letter-spacing:normal;pointer-events:auto}
.deployment-banner strong{display:inline}.deployment-banner span{min-width:0;white-space:nowrap}
.has-deployment-banner.deployment-without-root body{padding-top:var(--deployment-banner-height,72px)}
.has-deployment-banner .rumble-stage,.has-deployment-banner .rumble-screen{top:var(--deployment-banner-height,72px)}
.has-deployment-banner .rumble-stage.is-portrait{height:min(calc(100dvh - var(--deployment-banner-height,72px)),177.77778vw);width:min(100vw,calc((100dvh - var(--deployment-banner-height,72px)) * .5625))}
.has-deployment-banner dialog::backdrop{top:var(--deployment-banner-height,72px)}
.has-deployment-banner .rumble-stage:not(.is-portrait){height:calc(100dvh - var(--deployment-banner-height,72px))}