.carousel-indicators{--carousel-track: #66767b;--carousel-fill: #005e73;--carousel-active-height: 8px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.hero-carousel-controls{display:contents}.hero-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:inline-grid;place-items:center;flex-shrink:0;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:linear-gradient(90deg,#0e78a6,#49d3db);color:#fff;cursor:pointer}.hero-carousel-arrow-previous{left:clamp(12px,1.2vw,24px)}.hero-carousel-arrow-next{right:clamp(12px,1.2vw,24px);background:linear-gradient(90deg,#49d3db,#0e78a6)}.hero-carousel-arrow:hover{filter:brightness(1.08)}.hero-carousel-arrow:focus-visible{outline:3px solid #087d91;outline-offset:3px;box-shadow:0 0 0 6px #fffcf0}@media(min-width:701px)and (max-width:1100px){.hero-carousel-arrow{width:48px;height:48px}}@media(max-width:700px){.hero-carousel-controls{display:flex;width:100%;justify-content:center;align-items:center;gap:12px}.hero-carousel-arrow{position:static;transform:none;width:44px;height:44px}.hero-carousel-arrow svg{width:24px;height:24px}}.carousel-indicators[data-tone=light]{--carousel-track: #ffffff70;--carousel-fill: #49d3db}.carousel-indicator{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}.carousel-indicator:focus-visible{outline:3px solid var(--carousel-fill);outline-offset:2px}.carousel-indicator:hover .carousel-indicator-track{outline:1px solid var(--carousel-fill);outline-offset:2px}.carousel-indicator:active .carousel-indicator-track{opacity:.75}.carousel-indicator-track{display:block;width:32px;height:5px;border-radius:6px;overflow:hidden;background:var(--carousel-track)}.carousel-indicator[aria-pressed=true] .carousel-indicator-track{height:var(--carousel-active-height)}.carousel-indicator-fill{display:block;width:100%;height:100%;background:var(--carousel-fill)}.carousel-indicator-fill.is-timed{transform-origin:left;animation:carousel-indicator-progress var(--carousel-progress-duration) linear forwards}@keyframes carousel-indicator-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:400px){.carousel-indicators{gap:0}}@media(prefers-reduced-motion:reduce){.carousel-indicator-fill.is-timed{animation:none;transform:scaleX(1)}}@media(forced-colors:active){.carousel-indicators[data-tone]{--carousel-track: GrayText;--carousel-fill: Highlight}.carousel-indicator[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}}