.notif-scroll-banner{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 16px;margin:4px 0 10px;border-radius:var(--r8,8px);background:linear-gradient(90deg,var(--red,#E31D1A),var(--red-dark,#b81512));color:#fff;font-family:var(--font,"Inter",sans-serif);animation:notif-scroll-banner-in .35s ease-out}@keyframes notif-scroll-banner-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notif-scroll-banner-icon{flex-shrink:0;width:16px;height:16px}.notif-scroll-banner-text{flex:1 1;min-width:0;font-size:.8rem;font-weight:500;line-height:1.3}.notif-scroll-banner-btn{flex-shrink:0;background:#fff;color:var(--red,#E31D1A);border:none;border-radius:var(--r8,8px);padding:6px 14px;font-family:inherit;font-size:.76rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.notif-scroll-banner-btn:hover{transform:translateY(-1px)}.notif-scroll-banner-btn:disabled{opacity:.7;cursor:default;transform:none}.notif-scroll-banner-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .2s ease}.notif-scroll-banner-dismiss:hover{background:rgba(255,255,255,.28)}@media (max-width:480px){.notif-scroll-banner-text{font-size:.74rem}.notif-scroll-banner-btn{padding:5px 10px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.notif-scroll-banner{animation:none}}