groovd-announcement{display:block;background:var(--announcement-background);color:var(--announcement-color);font-size:var(--announcement-font-mobile);font-weight:800;line-height:1.4;text-align:center}
groovd-announcement .groovd-announcement__inner{display:flex;align-items:center;gap:4px;padding-top:var(--announcement-padding-mobile);padding-bottom:var(--announcement-padding-mobile)}
.groovd-announcement__slides{display:grid;flex:1;min-width:0}
.groovd-announcement__slide{grid-area:1/1;visibility:hidden;pointer-events:none;overflow-wrap:anywhere;align-self:center}
.groovd-announcement__slide.is-active{visibility:visible;pointer-events:auto}
groovd-announcement a{color:inherit;text-decoration:none;display:block}
groovd-announcement a:hover{text-decoration:underline}
groovd-announcement button{display:flex;align-items:center;justify-content:center;flex:0 0 28px;min-height:28px;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
groovd-announcement svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
groovd-announcement :focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(min-width:750px){groovd-announcement{font-size:var(--announcement-font-desktop)}groovd-announcement .groovd-announcement__inner{padding-top:var(--announcement-padding-desktop);padding-bottom:var(--announcement-padding-desktop)}}