.wprooms-notice-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99990;
display: flex;
align-items: center;
gap: 10px;
box-sizing: border-box;
width: 100%;
line-height: 1.4;
transition: transform .25s ease, opacity .25s ease;
} .admin-bar .wprooms-notice-bar {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .wprooms-notice-bar {
top: 46px;
}
} .wprooms-nb-spacer {
display: block;
width: 100%;
flex-shrink: 0;
} .wprooms-nb-close {
background: none;
border: none;
cursor: pointer;
font-size: 1.25em;
line-height: 1;
opacity: .7;
padding: 0;
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
flex-shrink: 0;
transition: opacity .15s;
color: inherit;
}
.wprooms-nb-close:hover {
opacity: 1;
} .wprooms-nb-icon {
flex-shrink: 0;
}
.wprooms-nb-message { } .wprooms-nb-fulllink {
cursor: pointer;
} .wprooms-nb-cta {
display: inline;
}
.wprooms-nb-cta:hover {
opacity: .85;
} .wprooms-notice-bar.is-dismissed {
transform: translateY(-110%);
opacity: 0;
pointer-events: none;
} .wprooms-notice-bar.is-inline {
position: relative;
top: auto;
}