.notification-bar{background:var(--background-color);height:56px;overflow:clip;position:relative;transition:var(--transition);width:100%;&.notification-bar--blue{--background-color:var(--blue-50);--link-color:var(--blue-base)}&.notification-bar--teal{--background-color:var(--teal-50);--link-color:var(--teal-800)}&.notification-bar--red{--background-color:var(--red-50);--link-color:var(--text-base)}&:has(+header[data-scrolled=true]){height:0}@media (max-width:1050px){display:none}}.notification-bar__content{height:100%;inset:0 auto auto 0;position:absolute;width:100%;& .content-wrapper{align-items:center;display:flex;gap:var(--spacing-4x);height:100%;justify-content:center}}.notification-bar__message{font-size:.7778rem;line-height:1.2}.notification-bar__link{font-size:.7778rem!important;font-weight:600!important;line-height:1!important;&:not(.btn){--anchor-color:var(--link-color)}&.btn{padding:var(--spacing-2x) var(--spacing-4x)}}