hx-announcement.hx-announcement{display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;min-height:48px;background:#123e58;color:#f7fcff;font:500 15px/1.4 var(--font-body-family),sans-serif;letter-spacing:.015em;box-shadow:inset 0 -1px 0 #8fdef02b}
.hx-announcement::before{content:"";position:absolute;z-index:-1;inset:-70px 0;pointer-events:none;background:radial-gradient(ellipse 420px 100px at 50% 50%,#31b9e834,transparent 75%);opacity:.85;transition:opacity .55s ease}
.hx-announcement::after{content:"";position:absolute;inset:auto 18% 0;height:1px;background:linear-gradient(90deg,transparent,#6ed8f378,transparent);pointer-events:none}
.hx-announcement[data-changing]::before{opacity:.35}
.hx-announcement-window{width:100%;min-width:0;padding:10px 190px}
.hx-announcement-list{position:relative;display:grid;place-items:center;list-style:none;margin:0;padding:0;min-height:28px}
.hx-announcement-item{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .36s ease,transform .6s cubic-bezier(.22,1,.36,1),visibility .36s;pointer-events:none}
.hx-announcement-item.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.hx-announcement-item.is-leaving{visibility:visible;transform:translateY(-7px);transition-duration:.22s}
.hx-announcement-symbol{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #9cdded36;border-radius:9px;background:linear-gradient(145deg,#68d0ee15,#ffffff04);box-shadow:inset 0 1px 0 #dbf7ff0f,0 0 16px #37bce312}
.hx-announcement-icon{display:block;flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#bdefff}
.hx-announcement-dots{position:absolute;right:48px;display:flex;align-items:center;gap:2px}
.hx-announcement-dot{display:grid;place-items:center;width:24px;height:44px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hx-announcement-dot>span{position:relative;display:block;overflow:hidden;width:15px;height:2px;border-radius:3px;background:#c1e5f12e;transition:width .35s ease,background .35s ease}
.hx-announcement-dot[aria-pressed="true"]>span{width:21px;background:#c1e5f16b}
.hx-announcement-dot i{position:absolute;inset:0;display:block;transform:scaleX(0);transform-origin:left;background:#bdefff;box-shadow:0 0 6px #72d7ff}
.hx-announcement-toggle{position:absolute;right:12px;display:grid;place-items:center;width:32px;height:36px;padding:0;border:0;border-radius:8px;background:none;color:#b9dce9;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.hx-announcement-toggle:hover{background:#ffffff0d;color:#fff}
.hx-announcement-toggle .hx-announcement-icon{width:12px;height:12px;color:inherit}
.hx-announcement-play{display:none}.hx-announcement-pause{display:block}
.hx-announcement[data-paused] .hx-announcement-pause{display:none}.hx-announcement[data-paused] .hx-announcement-play{display:block}
.hx-announcement-toggle:focus-visible,.hx-announcement-dot:focus-visible{outline:2px solid #bdefff;outline-offset:-3px;border-radius:6px}
.hx-announcement-progress{display:none;position:absolute;bottom:0;left:50%;width:100px;height:2px;transform:translateX(-50%);overflow:hidden;background:#bdefff24}
.hx-announcement-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#9be7ff}
@media(max-width:959px){.hx-announcement-window{padding-inline:48px}.hx-announcement-dots{display:none}.hx-announcement-progress{display:block}}
@media(max-width:749px){hx-announcement.hx-announcement{min-height:46px;font-size:14px}.hx-announcement-window{padding:9px 40px 9px 16px}.hx-announcement-symbol{width:26px;height:26px;border-radius:8px}.hx-announcement-icon{width:16px;height:16px}.hx-announcement-item{gap:9px}.hx-announcement-toggle{right:4px;width:32px;height:40px}}
@media(prefers-reduced-motion:reduce){.hx-announcement-item{transition:none;transform:none}.hx-announcement::before,.hx-announcement-dot>span{transition:none}.hx-announcement-progress{display:none}.hx-announcement-dot[aria-pressed="true"] i{transform:scaleX(1)}.hx-announcement-toggle{display:none}}
@media(max-width:959px) and (prefers-reduced-motion:reduce){hx-announcement.hx-announcement{padding-bottom:24px}.hx-announcement-dots{display:flex;right:auto;left:50%;bottom:0;transform:translateX(-50%)}.hx-announcement-dot{width:36px;height:24px}.hx-announcement-window{padding-inline:16px}}