.mh-sl__dot{position:relative;flex:1 1 0;height:2px;padding:0;background:var(--sl-line);border:0;border-radius:1px;cursor:pointer;overflow:hidden;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.mh-sl__dot::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--sl-cyan);transform:scaleX(0);transform-origin:left center}.mh-sl__dot.is-done::after{transform:scaleX(1)}.mh-sl__dot.is-run::after{animation:mhSlFill var(--sl-dur) linear forwards}.mh-sl.is-hold .mh-sl__dot.is-run::after{animation-play-state:paused}.mh-sl__dot:focus-visible{outline:2px solid var(--sl-cyan);outline-offset:4px}.mh-sl__un--sm{font-size:18px;letter-spacing:.02em;font-weight:400}@media (max-width:1024px){.mh-sl__un--sm{font-size:17px}}@media (max-width:640px){.mh-sl__un--sm{font-size:15px}}@media (prefers-reduced-motion:reduce){.mh-sl__dot.is-run::after{animation:none;transform:scaleX(1)}}