:root{--environment-banner-height:28px}.env-banner:has(.env-banner-report){height:var(--environment-banner-height)}.env-banner .env-banner-report{color:#fff;font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:#080808;border:0;border-left:1px solid #080808;border-radius:0;align-items:center;gap:10px;padding:0 18px;font-size:13px;display:flex;position:absolute;inset:0 0 0 auto}.env-banner-report svg{color:#d7263d;flex-shrink:0}.env-banner-report span{text-underline-offset:3px;text-decoration:underline}.env-banner .env-banner-report:hover{background:#202020}.env-banner .env-banner-report:focus-visible{outline-offset:-4px;outline:2px solid #fff}.env-banner:has(.env-banner-report)+.env-app{--app-viewport-height:calc(100vh - var(--environment-banner-height));--app-viewport-dynamic-height:calc(100dvh - var(--environment-banner-height));inset-block-start:var(--environment-banner-height)}@media (max-width:600px){.env-banner:has(.env-banner-report){letter-spacing:.1em;grid-template-columns:minmax(0,1fr) auto;padding:0;font-size:10px;display:grid}.env-banner>[role=status]{text-align:center}.env-banner .env-banner-report{align-self:stretch;gap:6px;padding-inline:12px;font-size:12px;position:static}}@media (pointer:coarse){:root{--environment-banner-height:44px}}