.belair-flash { align-items: center; animation: belair-flash-in .25s ease-out; background: #071b35; border: 1px solid #28a9e0; border-radius: 10px; box-shadow: 0 12px 30px rgba(0,31,91,.22); color: #fff; display: flex; font-size: .92rem; font-weight: 700; gap: .65rem; max-width: calc(100vw - 2rem); padding: .85rem 1rem; position: fixed; right: 1rem; top: 50%; transform: translateY(-50%); width: fit-content; z-index: 1100; }
.belair-flash .fa { align-items: center; background: #28a9e0; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 auto; height: 1.45rem; justify-content: center; width: 1.45rem; }
@keyframes belair-flash-in { from { opacity: 0; transform: translateY(calc(-50% - .5rem)); } to { opacity: 1; transform: translateY(-50%); } }
@media (max-width: 575px) { .belair-flash { right: .75rem; width: calc(100vw - 1.5rem); } }