.dekode-alert-bar__wrapper{--color-background:#222;--color-foreground:#fff;--icon-size:1.5rem;--dismiss-size:2.5rem;--dismiss-radius:3px;--column-gap:1rem;--padding-block:1rem;--padding-inline-start:var(--wp--style--root--padding-left,1.5rem);--padding-inline-end:var(--wp--style--root--padding-right,1.5rem);background:var(--color-background);color:var(--color-foreground);margin-block:0;padding-inline:var(--padding-inline-start) var(--padding-inline-end)}.dekode-alert-bar__content{align-items:flex-start;display:flex;gap:var(--column-gap);justify-content:space-between;margin-inline:auto;max-width:var(--wp--style--global--wide-size);padding-block:var(--padding-block)}.dekode-alert-bar__content>*{margin:0}.dekode-alert-bar__icon{flex:0 0 auto}.dekode-alert-bar__icon svg{display:block;height:var(--icon-size);width:var(--icon-size)}.dekode-alert-bar__message{flex:1 1 auto}.dekode-alert-bar__dismiss{align-items:center;background:transparent;border:0;border-radius:var(--dismiss-radius);color:inherit;cursor:pointer;display:inline-flex;flex:0 0 auto;height:var(--dismiss-size);justify-content:center;margin-block:calc((var(--icon-size) - var(--dismiss-size))/2);padding:0;width:var(--dismiss-size)}.dekode-alert-bar__dismiss:focus-visible{outline:1px solid currentColor;outline-offset:0}.dekode-alert-bar__dismiss svg{display:block;height:var(--icon-size);width:var(--icon-size)}