.ReadOnlyModeBanner_banner___J3wH{--read-only-banner-height:clamp(1.25rem,calc(var(--header-height) * 0.5),1.75rem);--read-only-accent:#d98a16;position:fixed;inset-block-start:calc((var(--header-height) - var(--read-only-banner-height)) / 2);inset-inline-start:50%;z-index:700;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;block-size:var(--read-only-banner-height);inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:min(calc(var(--col-1-2) - 1.5rem),calc(100vw - (var(--padding) * 2)));padding-inline:clamp(.7rem,1.6vw,1rem);border:1px solid color-mix(in srgb,var(--read-only-accent) 54%,var(--border-color) 46%);background:color-mix(in srgb,var(--read-only-accent) 18%,var(--background) 82%);box-shadow:0 0 0 1px var(--background),0 .25rem .75rem color-mix(in srgb,var(--read-only-accent) 16%,transparent);color:var(--foreground-strong);font-family:var(--font-jetbrains-mono);font-size:clamp(.58rem,.68vw,.72rem);font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;pointer-events:none}.ReadOnlyModeBanner_message__UAfSq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.ReadOnlyModeBanner_banner___J3wH{max-inline-size:calc(100vw - 1.5rem);padding-inline:.65rem;font-size:.56rem;letter-spacing:.06em}}