/* The complete example remains the baseline. HexMotion applies temporary WAAPI states. */
.sv-motion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px 11px;background:#fafafa;min-height:54px}
.sv-motion-stage-box{display:grid;flex:1;min-width:0;align-items:center;line-height:1.45}
.sv-motion-stage{grid-area:1/1;display:flex;gap:10px;align-items:baseline;font-size:11px;color:#525252;opacity:0;min-width:0}
.sv-motion-last-stage{opacity:1}
.sv-motion-stage-number{font-size:10px;color:#858585;font-variant-numeric:tabular-nums;flex:none}
.sv-motion-stage-name{min-width:0}
.sv-motion-phase-icon{width:14px;height:14px;flex:none;align-self:center;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sv-motion-product-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.sv-motion-actions{display:flex;align-items:center;gap:10px;flex:none}
.sv-motion-pause,.sv-motion-replay{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;background:transparent;color:#555555;padding:3px 0;cursor:pointer;font-size:11px;font-weight:400;line-height:1.4}
.sv-motion-pause{width:38px}
.sv-motion-pause:disabled{opacity:.35;cursor:default}
.sv-motion-replay:disabled{opacity:.55;cursor:default}
.sv-motion-replay:not(:disabled):hover,.sv-motion-pause:not(:disabled):hover{color:#171717}
.sv-motion-replay:not(:disabled):hover .sv-motion-icon{transform:rotate(-24deg)}
.sv-motion-pause:focus-visible,.sv-motion-replay:focus-visible{outline:2px solid #777777;outline-offset:4px;border-radius:2px}
.sv-motion-icon{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
.sv-motion-pause .sv-motion-icon{width:14px;height:14px}
.sv-motion-meter{display:grid;grid-template-columns:repeat(var(--sv-stages,5),minmax(0,1fr));gap:5px;padding:0 24px 13px;background:#fafafa;border-bottom:0}
.sv-motion-meter-segment{height:2px;overflow:hidden;background:#e7e7e7;border-radius:2px}
.sv-motion-meter-fill{display:block;width:100%;height:100%;background:#626262;transform-origin:left center}
.sv-motion-word{display:inline-block;transform-origin:center bottom}
.sv-motion-sr-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sv-motion-ready .sv-artifact-body{overflow:hidden}
.sv-motion-ruled{position:relative}
.sv-motion-rule{position:absolute;display:block;left:0;right:0;bottom:-1px;height:1px;background:#b0b0b0;transform-origin:left center;pointer-events:none}
.sv-motion-catalog-match{transition:none;border-radius:3px}
.sv-motion-ready .sv-catalog-row{padding-inline:9px;margin-inline:-9px}
.sv-motion-ready .sv-fit{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding-block:7px;justify-self:end}
.sv-motion-fit-check{width:13px;height:13px;color:#5b5b5b;overflow:visible}
.sv-motion-fit-check path,.sv-motion-ready .sv-confirmation-icon path,.sv-motion-ready .sv-handoff-icon path{stroke-dasharray:1;stroke-dashoffset:0}
.sv-motion-ready .sv-confirmation-icon .sv-motion-icon{width:16px;height:16px}
.sv-motion-ready .sv-order-record{position:relative;overflow:hidden;isolation:isolate}
.sv-motion-lookup-beam{position:absolute;pointer-events:none;z-index:-1;inset:0 auto 0 0;width:55%;opacity:0;background:linear-gradient(90deg,transparent,rgba(200,200,200,.4),transparent);border-right:1px solid rgba(160,160,160,.4)}
.sv-motion-ready .sv-handoff-icon{display:block;width:19px;height:19px;flex:none}
.sv-motion-ready .sv-handoff-icon .sv-motion-icon{width:19px;height:19px;color:#777777}
.sv-motion-ready .sv-handoff dl>div{border-top-color:#e8e8e8}
.sv-motion-ready .sv-handoff dl>div .sv-motion-rule{bottom:auto;top:-1px}
.sv-motion-ready .sv-answer-excerpt mark{background:linear-gradient(#e0e0e0,#e0e0e0) no-repeat left center/100% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sv-motion-ready .sv-answer-excerpt mark .sv-motion-word{white-space:nowrap}
.sv-motion-ready .sv-answer-excerpt sup{display:inline-block}
.sv-motion-ready .sv-cited-sources>div{border-bottom-color:#e8e8e8}
.sv-motion-ready .sv-cited-sources>div>span[aria-hidden='true']:not(.sv-motion-rule){margin-left:auto;font-size:17px}
.sv-motion-ready .sv-answer-record{margin-top:24px;margin-bottom:0;border-bottom:0;border-top:1px solid #e4e4e4;padding-top:20px;padding-bottom:0}
.sv-motion-ready .sv-answer-record dd{transform-origin:left center}
.sv-motion-ready .sv-cited-sources>div>span:first-child{transform-origin:center center}
.sv-motion-ready[data-hm-state='complete'] .sv-motion-meter-fill{background:#666666}
@media(max-width:600px){
 .sv-motion-toolbar{padding:9px 16px 7px;gap:8px;min-height:60px}.sv-motion-stage{font-size:10px;gap:7px}.sv-motion-stage-number{font-size:9px}.sv-motion-actions{gap:6px}.sv-motion-pause{width:38px}.sv-motion-replay{font-size:11px;gap:5px}.sv-motion-replay .sv-motion-icon{width:14px;height:14px}.sv-motion-meter{padding:0 16px 11px;gap:4px}.sv-motion-ready .sv-fit{gap:5px;font-size:10px}.sv-motion-fit-check{width:12px;height:12px}.sv-motion-ready .sv-catalog-row{padding-inline:6px;margin-inline:-6px}.sv-motion-ready .sv-order-confirmation h3{font-size:15px}.sv-motion-ready .sv-confirmation-icon .sv-motion-icon{width:14px;height:14px}.sv-motion-ready .sv-answer-record{margin-top:21px;padding-top:18px}
}
@media(max-width:350px){.sv-motion-stage{font-size:10px;gap:6px}.sv-motion-toolbar{padding-inline:13px;gap:5px}.sv-motion-actions{gap:5px}.sv-motion-meter{padding-inline:13px}.sv-motion-stage-number,.sv-motion-phase-icon{display:none}.sv-motion-stage-name{max-width:135px}}
@media(prefers-reduced-motion:reduce){.sv-motion-icon{transition:none}.sv-motion-replay:hover .sv-motion-icon{transform:none}.sv-motion-pause{display:none}}