.bb-announcement{overflow:hidden;position:relative;width:100%}.bb-announcement:not(.has-text-color){color:#fff}.bb-announcement:not(.has-background){background:linear-gradient(to right,var(--wp--preset--color--primary-700,#002de1) 0,var(--wp--preset--color--primary-500,#0542fa) 100%)}.bb-announcement__container{font-size:.875rem;line-height:1.5;padding-block:.5rem;position:relative;-webkit-user-select:none;user-select:none}.bb-announcement__close{align-items:center;background:#0000;border:none;border-radius:50%;color:currentColor;cursor:pointer;display:flex;height:1.5rem;justify-content:center;opacity:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;width:1.5rem;z-index:2}.bb-announcement__close:hover{background:#ffffff1a}.bb-announcement__close:focus{opacity:1;outline:2px solid currentColor;outline-offset:2px;visibility:visible}.bb-announcement:hover .bb-announcement__close{opacity:1;visibility:visible}.bb-announcement__close-icon{font-size:1.25rem;line-height:1;pointer-events:none}.bb-announcement.is--style-countdown .bb-announcement__content{justify-content:space-between}@media(max-width:768px){.bb-announcement.is--style-countdown .bb-announcement__content{justify-content:center}}.bb-announcement.is--slide-in{animation:slideDown .5s ease-out}.bb-announcement.is--slide-out{animation:slideUp .3s ease-in forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}