.dpab{box-sizing:border-box;color:var(--dpab-color);background:var(--dpab-bg);font-family:var(--dpab-font);font-size:var(--dpab-size);font-weight:var(--dpab-weight);text-align:var(--dpab-align);border:var(--dpab-border-width) solid var(--dpab-border-color);border-radius:var(--dpab-radius);z-index:var(--dpab-z);width:100%;line-height:1.4}
.dpab *, .dpab *::before,.dpab *::after{box-sizing:border-box}
.dpab[hidden]{display:none!important}
.dpab--fixed{position:fixed;left:0;right:0;max-width:100vw}
.dpab--top{top:0}
.dpab--bottom{bottom:0}
.dpab--inline{position:relative;margin:var(--dpab-margin-top,0px) 0 var(--dpab-margin-bottom,0px);width:100%}
.dpab-viewport{overflow:hidden;width:100%}
.dpab-track{display:flex;width:100%;align-items:center}
.dpab-segment{display:flex;align-items:center;justify-content:var(--dpab-align);min-width:0;width:100%;padding:var(--dpab-pad-y) var(--dpab-pad-x)}
.dpab-layout{display:inline-flex;align-items:center;justify-content:inherit;gap:14px;max-width:100%;min-width:0}
.dpab-copy{min-width:0;max-width:100%;overflow-wrap:break-word}
.dpab-copy p,.dpab-copy h1,.dpab-copy h2,.dpab-copy h3,.dpab-copy h4{color:inherit;font:inherit;margin:0}
.dpab-copy p+p{margin-top:5px}
.dpab-copy a{color:var(--dpab-link);text-decoration:underline}
.dpab-copy img{max-height:72px;max-width:100%;width:auto;height:auto}
.dpab-image{display:block;flex-shrink:0;width:auto;max-width:var(--dpab-image-width);max-height:70px;height:auto;object-fit:contain}
.dpab-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:7px 12px;border-radius:3px;color:var(--dpab-button-color)!important;background:var(--dpab-button-bg);font:inherit;text-decoration:none!important;line-height:1.2;white-space:nowrap}
.dpab-button:hover,.dpab-button:focus{filter:brightness(.91)}
.dpab--closable .dpab-viewport{padding-right:38px}
.dpab-close{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:3px;color:var(--dpab-close);background:transparent;font-size:27px;font-weight:400;line-height:1;cursor:pointer;z-index:1}
.dpab-close:hover,.dpab-close:focus-visible{background:rgba(128,128,128,.22)}
.dpab--animated .dpab-track{width:max-content;min-width:100%;animation:dpab-marquee var(--dpab-duration) linear infinite;will-change:transform}
.dpab--animated .dpab-segment{flex:0 0 auto;width:auto;max-width:none;min-width:max(50vw,420px);justify-content:center}
.dpab--animated .dpab-layout{max-width:none;white-space:nowrap}
.dpab--animated .dpab-copy{max-width:none;white-space:nowrap}
.dpab--animated .dpab-copy p{display:inline}
.dpab--animated .dpab-copy p+p::before{content:'  ·  ';white-space:pre}
.dpab--reverse .dpab-track{animation-direction:reverse}
.dpab--pause-hover:hover .dpab-track,.dpab--pause-hover:focus-within .dpab-track{animation-play-state:paused}
@keyframes dpab-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.dpab{font-size:var(--dpab-mobile-size)}.dpab-segment{padding:calc(var(--dpab-pad-y) * .75) calc(var(--dpab-pad-x) * .6)}.dpab-layout{gap:9px}.dpab-button{padding:6px 9px}.dpab-image{max-height:45px}}
@media(prefers-reduced-motion:reduce){.dpab--animated .dpab-track{animation:none!important;width:100%;transform:none!important}.dpab--animated .dpab-segment{min-width:0;width:100%;overflow:hidden;justify-content:var(--dpab-align)}.dpab-duplicate{display:none!important}}
/* Make a manually inserted bar visible while editing a server-rendered block. */
.editor-styles-wrapper .dpab[hidden]{display:block!important}
/* Keep long static announcements legible at narrow viewport widths. */
@media(max-width:600px){.dpab:not(.dpab--animated) .dpab-layout{flex-wrap:wrap}}

/* A below-navigation bar stays in normal flow until the sticky threshold is reached. */
.dpab--after_nav.dpab--sticky{position:sticky;top:var(--dpab-sticky-top,0px);z-index:var(--dpab-z)}
/* Inclusive, non-overlapping device ranges (CSS viewport width, not user-agent detection). */
@media(min-width:1025px){.dpab--hide-desktop{display:none!important}}
@media(min-width:768px) and (max-width:1024px){.dpab--hide-tablet{display:none!important}}
@media(max-width:767px){.dpab--hide-mobile{display:none!important}}
/* Editor previews should not depend on the editor's iframe width. */
.editor-styles-wrapper .dpab--hide-desktop,.editor-styles-wrapper .dpab--hide-tablet,.editor-styles-wrapper .dpab--hide-mobile{display:block!important}