.hero-indicator{display:flex;align-items:center;gap:7px;z-index:1}.hero-indicator-line{display:block;width:19px;height:2px;background:#41696a;transition:background .35s}.hero-indicator-line.is-active{background:var(--lime)}.hero-pause{display:grid;place-items:center;width:24px;height:24px;margin:0 0 0 5px;padding:0;border:0;border-radius:50%;background:var(--teal-dark);cursor:pointer;transition:transform .2s ease,background .2s ease}.hero-pause:hover{background:var(--teal);transform:scale(1.06)}.hero-control-symbol{position:relative;display:block;width:12px;height:12px}.hero-pause[aria-pressed=false] .hero-control-symbol:before,.hero-pause[aria-pressed=false] .hero-control-symbol:after{content:"";position:absolute;top:0;width:3px;height:12px;border-radius:2px;background:var(--lime)}.hero-pause[aria-pressed=false] .hero-control-symbol:before{left:0}.hero-pause[aria-pressed=false] .hero-control-symbol:after{right:0}.hero-pause[aria-pressed=true] .hero-control-symbol{width:0;height:0;border-top:6px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,0);border-left:10px solid var(--lime);transform:translateX(1px)}.hero-pause[hidden]{display:none}@media (max-width: 700px){.hero-pause{width:22px;height:22px;margin-left:4px}.hero-control-symbol{width:11px;height:11px}.hero-pause[aria-pressed=false] .hero-control-symbol:before,.hero-pause[aria-pressed=false] .hero-control-symbol:after{height:11px}.hero-pause[aria-pressed=true] .hero-control-symbol{border-top-width:5px;border-bottom-width:5px;border-left-width:9px}}