.k4-draw{--k4-draw-len:clamp(56px,7vw,112px);--k4-draw-x:clamp(16px,4vw,48px);--k4-draw-c:#6cc0ea99;height:var(--k4-draw-len);box-sizing:border-box;max-width:1360px;padding:0 var(--k4-draw-x);pointer-events:none;margin:0 auto;position:relative}.v3-in .k4-draw{--k4-draw-x:0px;max-width:none;padding:0}.k4-draw.is-bridge{--k4-draw-len:var(--v3-pad,96px);margin:calc(-1 * var(--v3-pad,96px)) 0 clamp(14px,2vw,22px)}.k4-draw.is-dark{--k4-draw-c:#6cc0ea73}.k4-draw-svg{width:12px;height:calc(100% - 10px);top:0;bottom:10px;left:calc(var(--k4-draw-x) - 6px);position:absolute;overflow:visible}.k4-draw.is-center .k4-draw-svg{left:calc(50% - 6px)}.k4-draw-mask{stroke:#fff;stroke-width:12px;fill:none;stroke-dasharray:1;stroke-dashoffset:0}.k4-draw-dash{stroke:var(--k4-draw-c);stroke-width:1.5px;stroke-dasharray:3 6;stroke-linecap:round;fill:none}.k4-draw-dot{box-sizing:border-box;border:1.5px solid var(--k4-draw-c);width:10px;height:10px;bottom:0;left:calc(var(--k4-draw-x) - 5px);background:#fff;border-radius:50%;position:absolute}.k4-draw.is-dark .k4-draw-dot{background:#0b1626}.k4-draw.is-center .k4-draw-dot{left:calc(50% - 5px)}@keyframes k4-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes k4-draw-dot{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){html:not(.fx-still) .k4-draw{view-timeline:--k4-draw block}html:not(.fx-still) .k4-draw-mask{animation:linear both k4-draw;animation-timeline:--k4-draw;animation-range:entry 30% cover 60%}html:not(.fx-still) .k4-draw-dot{animation:linear both k4-draw-dot;animation-timeline:--k4-draw;animation-range:cover 55% cover 65%}}}@media print{.k4-draw{display:none}}.v3-sec.is-soft .k4-draw-dot{background:#f2f4f7}