.PreviewBanner-module-scss-module__y9H_ba__root{z-index:var(--z-portal);justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--global-bar-height);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:var(--color-text-on-brand);font-size:var(--text-sm);line-height:var(--leading-snug);text-align:center;flex-wrap:wrap;display:flex;position:fixed;top:0;left:0;right:0}.PreviewBanner-module-scss-module__y9H_ba__label{text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:#ffffff2e}.PreviewBanner-module-scss-module__y9H_ba__message{font-weight:500;display:none}@media (min-width:768px){.PreviewBanner-module-scss-module__y9H_ba__message{display:inline}}.PreviewBanner-module-scss-module__y9H_ba__exit{color:var(--color-text-on-brand);text-underline-offset:3px;transition:opacity var(--transition-normal);font-weight:600;text-decoration:underline}@media (hover:hover) and (pointer:fine){.PreviewBanner-module-scss-module__y9H_ba__exit:hover{opacity:.8}}.PreviewBanner-module-scss-module__y9H_ba__exit:focus-visible{outline:2px solid var(--color-text-on-brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){.PreviewBanner-module-scss-module__y9H_ba__exit{transition:none}}