.alert-banner{align-items:center;background-color:#ec1212;color:#fff;display:flex;gap:2rem;isolation:isolate;justify-content:center;left:0;padding:.75rem;position:fixed;right:0;text-align:center;top:0;transition:all .3s ease-in-out;z-index:5}.alert-banner:has([data-enabled=true]){opacity:0}.header{transition:all .3s ease-out}body:has(.alert-banner [data-enabled=false]) .header{top:calc(var(--header-padding) + 1rem)}.alert-banner button{cursor:pointer}@media (max-width:900px){.alert-banner{flex-direction:column;gap:1rem}}