/* Temporary layers reuse the current decoded banner; the surrounding layout stays intact. */
.hero-transition-overlay{position:absolute;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate}
.hero-transition-picture{position:absolute;display:block;max-width:none;margin:0;padding:0;border:0}
.hero-transition-tile{position:absolute;overflow:hidden;will-change:opacity}
.hero-dots .hero-rotation{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:7px;border:1px solid currentColor;border-radius:50%;width:28px;height:28px;color:inherit;opacity:.8}
.hero-dots .hero-rotation:after{display:none}
.hero-dots .hero-rotation:hover{opacity:1;background:#ffffff16}
.hero-rotation svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
@media(max-width:767px){.hero-dots .hero-rotation{width:24px;height:24px;margin-left:5px}}
@media(prefers-reduced-motion:reduce){.hero-transition-overlay{display:none}}