.bonodorer-announcement-bar{
  width:100%;
  background:
    radial-gradient(120% 180% at 50% -90%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg,var(--bab-bg-top,#24272b) 0%,#111317 42%,var(--bab-bg-bottom,#050607) 100%);
  color:var(--bab-text,#fff);
  z-index:99999;
  box-sizing:border-box;
  font-size:16px;
  line-height:1.5;
  border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:0 8px 22px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateY(0);
  opacity:1;
  will-change:transform,opacity;
}
.bonodorer-announcement-bar.is-sticky{position:sticky;top:0}
body.admin-bar .bonodorer-announcement-bar.is-sticky{top:32px}

.bonodorer-announcement-bar.is-entering{
  animation:bonodorerSlideDown 1.35s cubic-bezier(.16,.72,.22,1) both;
}
@keyframes bonodorerSlideDown{
  0%{transform:translateY(-115%);opacity:0}
  18%{transform:translateY(-112%);opacity:.05}
  72%{transform:translateY(5px);opacity:1}
  88%{transform:translateY(-2px);opacity:1}
  100%{transform:translateY(0);opacity:1}
}

.bonodorer-announcement-inner{
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:24px;
  max-width:1440px;
  margin:0 auto;
  padding:8px 22px;
  box-sizing:border-box;
}
.bonodorer-announcement-message{
  text-align:center;
  font-weight:500;
  letter-spacing:.01em;
  min-width:0;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
}
.bonodorer-announcement-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:6px 24px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:4px;
  background:linear-gradient(180deg,var(--bab-btn-bg-top,#fff) 0%,var(--bab-btn-bg-bottom,#f3f3f3) 100%);
  color:var(--bab-btn-text,#222)!important;
  text-decoration:none!important;
  font-weight:700;
  white-space:nowrap;
  box-shadow:0 1px 3px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.8);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.bonodorer-announcement-button:hover,
.bonodorer-announcement-button:focus{
  transform:translateY(-1px);
  filter:brightness(.98);
  box-shadow:0 3px 8px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.85);
}
.bonodorer-announcement-close{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--bab-text,#fff);
  width:40px;height:40px;padding:0;
  cursor:pointer;
  font-size:29px;
  line-height:1;
  font-weight:200;
  opacity:.9;
  transition:opacity .15s ease,transform .15s ease;
}
.bonodorer-announcement-close:hover,
.bonodorer-announcement-close:focus{opacity:1;transform:scale(1.08)}
.bonodorer-announcement-bar.is-hidden{display:none!important}

@media(max-width:782px){
  body.admin-bar .bonodorer-announcement-bar.is-sticky{top:46px}
  .bonodorer-announcement-inner{
    grid-template-columns:1fr auto;
    gap:8px 12px;
    padding:10px 12px;
  }
  .bonodorer-announcement-message{
    grid-column:1/-1;
    text-align:center;
    font-size:14px;
  }
  .bonodorer-announcement-button{
    justify-self:end;
    min-height:36px;
    padding:5px 16px;
    font-size:13px;
  }
  .bonodorer-announcement-close{
    justify-self:end;
    width:36px;height:36px;
    font-size:26px;
  }
}

@media (prefers-reduced-motion: reduce){
  .bonodorer-announcement-bar.is-entering{animation:none}
  .bonodorer-announcement-button,
  .bonodorer-announcement-close{transition:none}
}