.migration-announcement { box-sizing: border-box; display: flex; width: 100%; height: 35px; gap: 14px; background: rgba(var(--color-background)); color: rgba(var(--color-text)); font: 600 12px/normal "Spline Sans Mono", ui-monospace, monospace; letter-spacing: 1.68px; text-align: center; text-transform: uppercase; }
.migration-announcement a { color: rgba(var(--color-light-text)); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 481px) and (max-width: 900px) { .migration-announcement { gap: 14px; padding: 10px 16px !important; } }
@media (max-width: 480px) { .migration-announcement { min-height: 66px; height: 66px; gap: 8px; flex-wrap: wrap; align-content: center; font-size: 11px; letter-spacing: .88px; line-height: normal; } }