body.template-product .srl-tl{border:1px solid #E5E5E5;padding:18px 18px 16px;margin:0;font-family:var(--text-font-family)}
body.template-product .srl-tl__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
body.template-product .srl-tl__title{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#6F6F6F}
body.template-product .srl-tl__total{font-size:13px;font-weight:600;color:#111111}
body.template-product .srl-tl__rail{position:relative;height:20px;margin:0 8px 10px}
body.template-product .srl-tl__rail::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:#E5E5E5}
body.template-product .srl-tl__fill{position:absolute;left:0;top:9px;height:1px;background:#79634e;width:100%;transform-origin:left center}
body.template-product .srl-tl__dot{position:absolute;top:5px;left:calc(var(--i) * 50%);margin-left:calc(var(--i) * -4.5px);
  width:9px;height:9px;background:#79634e;border-radius:0;transform:rotate(45deg)}
body.template-product .srl-tl__pkg{position:absolute;top:0;left:100%;margin-left:-9px;color:#79634e;line-height:0;opacity:0}
body.template-product .srl-tl__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}
body.template-product .srl-tl__steps li{display:flex;flex-direction:column;gap:2px}
body.template-product .srl-tl__steps li:nth-child(2){text-align:center;align-items:center}
body.template-product .srl-tl__steps li:nth-child(3){text-align:right;align-items:flex-end}
body.template-product .srl-tl__step{font-size:13px;font-weight:600;color:#111111}
body.template-product .srl-tl__dur{font-size:12px;color:#6F6F6F}
body.template-product .srl-tl__note{margin:14px 0 0;font-size:12px;line-height:1.55;color:#6F6F6F}
@media (prefers-reduced-motion: no-preference){
  body.template-product .srl-tl.is-run body.template-product .srl-tl__fill{animation:srlFill 1500ms cubic-bezier(.4,0,.2,1) both}
  body.template-product .srl-tl.is-run body.template-product .srl-tl__pkg{animation:srlPkg 1500ms cubic-bezier(.4,0,.2,1) both}
  @keyframes srlFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes srlPkg{0%{left:0;opacity:1}99%{opacity:1}100%{left:100%;opacity:0}}
}