/* The small indicators keep their appearance inside generous touch targets. */
.hero-progress {pointer-events:auto;gap:0;padding-top:0;}
.hero-progress .hero-progress-dot {display:grid;place-items:center;width:44px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;}
.hero-progress-dot::before {content:"";width:7px;height:7px;border-radius:99px;background:var(--border);transition:width .2s,background .2s;}
.hero-progress-dot.is-active::before {width:22px;background:var(--pink-500);}
.hero-image-next {position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;}
.hero-image-next span {position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #afbf9e;border-radius:50%;background:#fffbedeb;color:#315e50;font-size:26px;box-shadow:0 2px 6px #243e3020;}
.hero-image-next:hover span {background:#e8efdc;}
.hero-image-next:focus-visible {outline:3px solid #116fc6;outline-offset:-5px;}
.hero-progress-dot:focus-visible {outline:3px solid #116fc6;outline-offset:-3px;}
@media(prefers-reduced-motion:reduce){.hero-progress-dot::before{transition:none;}}
@media(forced-colors:active){.hero-progress-dot::before{background:CanvasText;}.hero-progress-dot.is-active::before{background:Highlight;}.hero-image-next span{background:ButtonFace;color:ButtonText;border-color:ButtonText;}}