.preprod-banner{align-items:center;background:linear-gradient(90deg,#dc2626,#ef4444 50%,#dc2626);box-shadow:0 2px 8px #dc262666;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:600;gap:12px;height:28px;justify-content:center;left:0;letter-spacing:.5px;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.preprod-banner__dot{animation:preprod-pulse 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;height:8px;width:8px}.preprod-banner__label{font-weight:800;letter-spacing:1px}.preprod-banner__hint{font-size:11px;font-weight:400;opacity:.9}.preprod-banner__close{align-items:center;background:#ffffff2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:background .15s ease;width:20px}.preprod-banner__close:hover{background:#ffffff52}.preprod-banner__close:focus-visible{outline:2px solid #fff;outline-offset:1px}@keyframes preprod-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}