/* RC11-D2 — accessible autoplay controls for the looped SEO service carousel. */
.nhs .nhs-service-tab-tools{align-items:center}
.nhs .nhs-service-autoplay-status{display:grid;grid-template-columns:auto;gap:8px;min-width:86px;align-items:center;justify-items:center}
.nhs .nhs-service-autoplay-progress{display:block;width:76px;height:3px;border-radius:999px;overflow:hidden;background:rgba(127,205,255,.12)}
.nhs .nhs-service-autoplay-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:right center;background:linear-gradient(90deg,var(--nh-accent),#85ddff);border-radius:inherit;will-change:transform}
.nhs .nhs-service-autoplay-toggle{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--nhs-line2);border-radius:12px;background:var(--nhs-glass);color:var(--nhs-t1);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.08);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.nhs .nhs-service-autoplay-toggle:hover,.nhs .nhs-service-autoplay-toggle:focus-visible{border-color:rgba(41,199,255,.42);background:var(--nhs-glass-strong);transform:translateY(-1px)}
.nhs .nhs-service-autoplay-toggle .is-pause{display:block;width:11px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.nhs .nhs-service-autoplay-toggle .is-play{display:none;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:0;border-left:11px solid currentColor;transform:translateX(1px)}
.nhs .nhs-service-autoplay-toggle.is-paused .is-pause{display:none}
.nhs .nhs-service-autoplay-toggle.is-paused .is-play{display:block}
html[data-theme="light"] .nhs .nhs-service-autoplay-progress,body.light-mode .nhs .nhs-service-autoplay-progress{background:rgba(21,91,144,.11)}

@media(max-width:782px){
  .nhs .nhs-service-tab-tools{display:grid;grid-template-columns:54px minmax(86px,1fr) 42px 54px;gap:10px;padding-inline:6px}
  .nhs .nhs-service-arrow{width:54px;height:54px;border-radius:16px}
  .nhs .nhs-service-autoplay-toggle{width:42px;height:42px;border-radius:14px;justify-self:center}
  .nhs .nhs-service-autoplay-status{min-width:0;width:100%;gap:9px}
  .nhs .nhs-service-counter{min-width:0;font-size:10px}
  .nhs .nhs-service-autoplay-progress{width:min(100%,96px);height:3px}
}
@media(max-width:430px){
  .nhs .nhs-service-tab-tools{grid-template-columns:50px minmax(72px,1fr) 40px 50px;gap:8px;padding-inline:2px}
  .nhs .nhs-service-arrow{width:50px;height:50px}
  .nhs .nhs-service-autoplay-toggle{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .nhs .nhs-service-autoplay-progress i{transition:none!important;transform:scaleX(0)!important}
}