.environment-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 5.5%;border-bottom:1px solid #b9dce9;background:#e8f5fa;color:#285775;font-family:var(--sans,Outfit,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-size:12px;line-height:1.5}.environment-tag{font-size:9px;font-weight:600;letter-spacing:1.1px;line-height:1.3;background:#2c6d8e;color:#fff;border-radius:5px;padding:5px 8px;white-space:nowrap;flex-shrink:0}.environment-banner[data-environment=preview]{background:#fff4df;border-color:#ead6b2;color:#765b30}.environment-banner[data-environment=preview] .environment-tag{background:#846b42}.environment-viewer-badge{font-size:8px;letter-spacing:.8px;font-weight:600;padding:3px 6px;border:1px solid #a2cfe1;border-radius:4px;color:#28627e;background:#e8f5fa;white-space:nowrap;line-height:1.3}.environment-viewer-badge[data-environment=preview]{background:#fff4df;border-color:#ead6b2;color:#765b30}.viewer:fullscreen .environment-viewer-badge,.viewer.expanded .environment-viewer-badge{display:inline-block}@media(max-width:700px){.environment-banner{justify-content:flex-start;gap:9px;padding:10px 6%;font-size:10px}.environment-tag{font-size:8px;padding:5px 6px;letter-spacing:.8px}.environment-viewer-badge{font-size:7px;padding:3px 5px;letter-spacing:.5px}}
