/* S3 only: approved RUNDE newsletter illustration, no raster or JavaScript. */
html:root .rn-newsletter-card .rn-newsletter-symbol{display:block;width:80px;height:80px;margin:0 auto;line-height:0;pointer-events:none}
html:root .rn-newsletter-card .rn-newsletter-symbol svg{display:block;width:80px;height:80px;margin:0;overflow:visible}
html:root .rn-newsletter-card .side-block__bottom>a{display:block;box-sizing:border-box;width:100%;margin:0;border:0;background:transparent;color:#333;cursor:pointer}
html:root .rn-newsletter-card .side-block__bottom>a:is(:hover,:focus-visible){background:#0e3c74;color:#fff}
.rn-newsletter-megaphone{transform-origin:26px 38px}
.rn-newsletter-tag{transform-origin:56.8px 50.8px}
@media(prefers-reduced-motion:no-preference){
 .rn-newsletter-card:is(:hover,:focus-within) .rn-newsletter-megaphone{animation:rn-newsletter-speak .7s ease-in-out both}
 .rn-newsletter-card:is(:hover,:focus-within) .rn-newsletter-rays{animation:rn-newsletter-signal .7s ease-out both}
 .rn-newsletter-card:is(:hover,:focus-within) .rn-newsletter-tag{animation:rn-newsletter-offer .7s ease-in-out both}
}
@keyframes rn-newsletter-speak{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}}
@keyframes rn-newsletter-signal{0%,100%{opacity:1}25%{opacity:.2}55%{opacity:1}75%{opacity:.45}}
@keyframes rn-newsletter-offer{0%,100%{transform:rotate(0)}30%{transform:rotate(8deg)}65%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){
 html:root .rn-newsletter-card,html:root .rn-newsletter-card *{animation:none!important;transition:none!important}
 html:root .rn-newsletter-card:is(:hover,:focus-within){transform:none!important}
}
