.hdcx-notification,
.hdcx-notification *{box-sizing:border-box}

.hdcx-notification{
  width:100%;
  margin:0!important;
  padding:0!important;
  background:var(--hdcx-bar-background,var(--hdcx-bar-bg));
  color:var(--hdcx-bar-text);
  border:0!important;
  font-family:inherit;
  font-size:var(--hdcx-bar-font-size);
  line-height:1.25;
  z-index:var(--hdcx-bar-z);
  isolation:isolate;
}

.hdcx-notification--fixed{position:fixed;left:0;right:0}
.hdcx-notification--fixed.hdcx-notification--top{top:0}
.hdcx-notification--fixed.hdcx-notification--bottom{bottom:0;border:0!important}
.hdcx-notification--sticky{position:sticky;left:0;right:0}
.hdcx-notification--sticky.hdcx-notification--top{top:0}
.hdcx-notification--sticky.hdcx-notification--bottom{bottom:0;border:0!important}
.hdcx-notification--flow{position:relative}

body.admin-bar .hdcx-notification--fixed.hdcx-notification--top,
body.admin-bar .hdcx-notification--sticky.hdcx-notification--top{top:32px}

.hdcx-notification__inner{
  position:relative;
  width:min(calc(100% - 28px),var(--hdcx-bar-max-width));
  min-height:34px;
  margin:0 auto;
  padding:var(--hdcx-bar-padding-y) 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.hdcx-notification--align-left .hdcx-notification__inner{justify-content:flex-start}
.hdcx-notification__message{min-width:0;font-weight:600;letter-spacing:.005em;text-wrap:balance}

.hdcx-notification__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--hdcx-bar-text)!important;
  text-decoration:none!important;
  font-weight:800;
  border:0!important;
  transition:opacity .2s ease,transform .2s ease;
}
.hdcx-notification__link:hover{opacity:.9;transform:translateY(-1px)}
.hdcx-notification__link svg,
.hdcx-notification__close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.hdcx-notification__close{
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  color:var(--hdcx-bar-text);
  background:rgba(255,255,255,.1);
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.hdcx-notification__close:hover{background:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.04)}

.hdcx-notification-spacer{display:block;width:100%;height:0;margin:0;padding:0;border:0;pointer-events:none}
.hdcx-notification.is-dismissed,
.hdcx-notification-spacer.is-dismissed{display:none!important}

@media (min-width:783px){
  .hdcx-notification.hdcx-hide-desktop{display:none!important}
}

@media (max-width:782px){
  body.admin-bar .hdcx-notification--fixed.hdcx-notification--top,
  body.admin-bar .hdcx-notification--sticky.hdcx-notification--top{top:46px}

  .hdcx-notification{font-size:var(--hdcx-bar-mobile-font-size)}
  .hdcx-notification.hdcx-hide-mobile{display:none!important}
  .hdcx-notification__inner{
    width:100%;
    min-height:36px;
    padding:var(--hdcx-bar-padding-y) 42px var(--hdcx-bar-padding-y) 14px;
    gap:8px;
    flex-wrap:wrap;
  }
  .hdcx-notification--align-center .hdcx-notification__inner{text-align:center}
  .hdcx-notification__message{width:auto;max-width:100%}
  .hdcx-notification__link{font-size:.93em}
  .hdcx-notification__close{right:7px;width:30px;height:30px}
}

@media (prefers-reduced-motion:reduce){
  .hdcx-notification *,
  .hdcx-notification *::before,
  .hdcx-notification *::after{transition:none!important;animation:none!important}
}

/* v1.1.1: Notification Bar completamente borderless */
.hdcx-notification,.hdcx-notification::before,.hdcx-notification::after,.hdcx-notification__inner,.hdcx-notification__link{border:0!important;border-width:0!important;box-shadow:none;}
.hdcx-notification::after{content:none!important;display:none!important;}