.LineDemo-module__XYb7ka__demo{--node-size:56px;--flow-pad:32px;--flow-gap:22px;color:var(--ink);margin-top:40px}.LineDemo-module__XYb7ka__pickerHeading{color:var(--ink-3);margin-bottom:12px;font-size:.72rem}.LineDemo-module__XYb7ka__picker{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.LineDemo-module__XYb7ka__picker button{min-height:42px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:9px 17px;font-size:.8rem;transition:color .18s,background .18s,border-color .18s;display:inline-flex}.LineDemo-module__XYb7ka__picker button:hover{color:var(--ink);background:#171b23}.LineDemo-module__XYb7ka__picker button[aria-selected=true]{color:var(--ink);border-color:color-mix(in srgb, var(--line) 35%, #252a35);background:color-mix(in srgb, var(--line) 9%, #14171d);box-shadow:inset 0 1px #ffffff06}.LineDemo-module__XYb7ka__areaDot{background:var(--line);border-radius:50%;width:6px;height:6px}.LineDemo-module__XYb7ka__board{background:#11141a;border:1px solid #2b303a;border-radius:17px;overflow:hidden;box-shadow:0 20px 55px -32px #000b,inset 0 1px #ffffff05}.LineDemo-module__XYb7ka__header{background:#15181f;border-bottom:1px solid #242933;justify-content:space-between;align-items:center;gap:24px;padding:23px 28px;display:flex}.LineDemo-module__XYb7ka__titleGroup{align-items:center;gap:15px;min-width:0;display:flex}.LineDemo-module__XYb7ka__lineNumber{border:1px solid color-mix(in srgb, var(--line) 24%, #252b38);background:color-mix(in srgb, var(--line) 9%, #141821);width:40px;height:40px;color:var(--line);font-family:var(--font-mono);border-radius:11px;flex:none;place-items:center;font-size:.85rem;display:grid}.LineDemo-module__XYb7ka__titleGroup h3{letter-spacing:-.02em;color:var(--ink);font-size:1.12rem;font-weight:500;line-height:1.3}.LineDemo-module__XYb7ka__titleGroup p{color:#929baa;margin-top:5px;font-size:.7rem}.LineDemo-module__XYb7ka__titleGroup p>span{color:#495263;margin-inline:8px}.LineDemo-module__XYb7ka__headerMeta{flex:none;align-items:center;gap:19px;display:flex}.LineDemo-module__XYb7ka__demoLabel{color:#8e97a6;font-size:.64rem}.LineDemo-module__XYb7ka__replay{color:#a9b2c1;cursor:pointer;background:0 0;border:1px solid #303642;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:7px 11px;font-size:.66rem;transition:color .15s,background .15s;display:inline-flex}.LineDemo-module__XYb7ka__replay:hover{color:#f0f3f9;background:#202630}.LineDemo-module__XYb7ka__flow{padding:34px var(--flow-pad) 28px;background:radial-gradient(at 50% 0,#17213555,#0000 65%);position:relative}.LineDemo-module__XYb7ka__steps{column-gap:var(--flow-gap);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.LineDemo-module__XYb7ka__rail{--rail-edge:calc(var(--flow-pad) + (100% - 2 * var(--flow-pad) - 4 * var(--flow-gap)) / 10);height:2px;left:var(--rail-edge);right:var(--rail-edge);background:#2a303c;position:absolute;top:62px}.LineDemo-module__XYb7ka__railFill{width:calc(var(--progress) * 100%);background:var(--line);opacity:.68;transition:width .75s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0 auto 0 0}.LineDemo-module__XYb7ka__traveler{left:calc(var(--progress) * 100%);width:6px;height:6px;box-shadow:0 0 9px var(--line);background:#f3f6ff;border-radius:50%;transition:left .75s cubic-bezier(.22,1,.36,1);position:absolute;top:-2px}.LineDemo-module__XYb7ka__step{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.LineDemo-module__XYb7ka__node{width:var(--node-size);height:var(--node-size);color:var(--line);background:#151c29;border:1px solid #333d50;border-radius:16px;flex:none;place-items:center;transition:color .25s,border-color .25s,background .25s,box-shadow .25s;display:grid;position:relative;box-shadow:0 4px 10px #0003,inset 0 1px #ffffff07}.LineDemo-module__XYb7ka__step[data-state=done] .LineDemo-module__XYb7ka__node{border-color:color-mix(in srgb, var(--line) 43%, #273044);background:color-mix(in srgb, var(--line) 10%, #121721)}.LineDemo-module__XYb7ka__completedMark{color:#11151e;background:var(--line);border:3px solid #11141a;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-5px}.LineDemo-module__XYb7ka__step[data-state=current] .LineDemo-module__XYb7ka__node{color:#e8efff;border-color:var(--line);box-shadow:0 0 0 4px color-mix(in srgb, var(--line) 8%, transparent), 0 5px 15px #0003}.LineDemo-module__XYb7ka__step[data-state=upcoming] .LineDemo-module__XYb7ka__node{color:#666f7f;background:#14171d;border-color:#2a303b;box-shadow:inset 0 1px #ffffff04}.LineDemo-module__XYb7ka__step[data-state=waiting] .LineDemo-module__XYb7ka__node{color:var(--amarela);background:#262117;border-color:#b48236;box-shadow:0 0 0 5px #f5b54409,inset 0 1px #f5b54412}.LineDemo-module__XYb7ka__stepContent{width:100%;padding-top:19px}.LineDemo-module__XYb7ka__stepName{color:#919baa;letter-spacing:.02em;font-size:.64rem;display:block}.LineDemo-module__XYb7ka__stepName>span{color:#414b5a;margin-inline:5px}.LineDemo-module__XYb7ka__step h4{color:#e2e7ef;text-wrap:balance;min-height:2.9em;margin-top:9px;font-size:.85rem;font-weight:500;line-height:1.45}.LineDemo-module__XYb7ka__step[data-state=upcoming] h4{color:#7f899a}.LineDemo-module__XYb7ka__step[data-state=waiting] .LineDemo-module__XYb7ka__stepName{color:#d4ad68}.LineDemo-module__XYb7ka__step[data-human] h4{min-height:0}.LineDemo-module__XYb7ka__approver{color:#a7aeba;margin-top:4px;font-size:.64rem;line-height:1.55}.LineDemo-module__XYb7ka__log{color:#9aa5b7;text-wrap:pretty;flex-direction:column;align-items:center;gap:5px;min-height:4.1em;margin-top:13px;font-size:.69rem;line-height:1.65;transition:opacity .25s;display:flex}.LineDemo-module__XYb7ka__log time{color:#788497;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.57rem}.LineDemo-module__XYb7ka__step[data-state=upcoming] .LineDemo-module__XYb7ka__log{opacity:.36}.LineDemo-module__XYb7ka__approveButton{color:#261a08;cursor:pointer;background:#f5b544;border:1px solid #f8c668;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:39px;margin-top:15px;padding:10px 13px;font-size:.71rem;font-weight:550;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px #0002,inset 0 1px #fff4}.LineDemo-module__XYb7ka__approveButton:hover{background:#ffd17a;transform:translateY(-1px)}.LineDemo-module__XYb7ka__approveButton:active{transform:translateY(0)}.LineDemo-module__XYb7ka__approveButton>svg{flex:none}.LineDemo-module__XYb7ka__approvedLabel{color:var(--line);align-items:center;gap:6px;min-height:36px;margin-top:18px;font-size:.67rem;display:inline-flex}.LineDemo-module__XYb7ka__footer{background:#0e1116;border-top:1px solid #242a34;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.LineDemo-module__XYb7ka__status{align-items:flex-start;gap:10px;max-width:47%;display:flex}.LineDemo-module__XYb7ka__statusDot{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.LineDemo-module__XYb7ka__board[data-phase=waiting] .LineDemo-module__XYb7ka__statusDot{background:var(--amarela)}.LineDemo-module__XYb7ka__status p{color:#c8ced9;font-size:.75rem;line-height:1.65}.LineDemo-module__XYb7ka__status div>span{color:#818d9f;margin-top:3px;font-size:.64rem;line-height:1.6;display:block}.LineDemo-module__XYb7ka__actions{align-items:center;gap:16px;display:flex}.LineDemo-module__XYb7ka__primaryLink{color:#141922;background:#eef0f3;border:1px solid #e4e8f0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 18px;font-size:.73rem;font-weight:500;line-height:1.5;text-decoration:none;transition:background .16s;display:inline-flex}.LineDemo-module__XYb7ka__primaryLink:hover{background:#fff}.LineDemo-module__XYb7ka__primaryLink svg{flex:none}.LineDemo-module__XYb7ka__emailLink{color:#a5afbf;align-items:center;gap:8px;min-height:42px;font-size:.69rem;text-decoration:none;display:inline-flex}.LineDemo-module__XYb7ka__emailLink:hover{color:#f1f4f9}.LineDemo-module__XYb7ka__emailLink svg{flex:none}.LineDemo-module__XYb7ka__examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}.LineDemo-module__XYb7ka__examples article{border-top:1px solid #282e37;padding-top:17px}.LineDemo-module__XYb7ka__examples h4{color:#dce2eb;font-size:.86rem;font-weight:500}.LineDemo-module__XYb7ka__examples p{color:#949fb0;margin-top:7px;font-size:.75rem;line-height:1.7}.LineDemo-module__XYb7ka__note{color:#7e8a9c;max-width:105ch;margin-top:22px;font-size:.66rem;line-height:1.75}@media (max-width:1150px){.LineDemo-module__XYb7ka__demo{--flow-pad:23px;--flow-gap:16px}.LineDemo-module__XYb7ka__header,.LineDemo-module__XYb7ka__footer{padding-inline:23px}.LineDemo-module__XYb7ka__footer{flex-wrap:wrap;gap:18px}.LineDemo-module__XYb7ka__status{flex:340px;max-width:none}.LineDemo-module__XYb7ka__actions{flex-wrap:wrap}.LineDemo-module__XYb7ka__step h4{font-size:.8rem}.LineDemo-module__XYb7ka__approveButton{gap:6px;padding-inline:10px;font-size:.65rem}.LineDemo-module__XYb7ka__approveButton svg:last-child{display:none}}@media (max-width:759px){.LineDemo-module__XYb7ka__demo{--node-size:46px}.LineDemo-module__XYb7ka__picker{gap:5px;margin-bottom:16px}.LineDemo-module__XYb7ka__picker button{padding-inline:12px;font-size:.75rem}.LineDemo-module__XYb7ka__header{align-items:flex-start;gap:15px;padding:20px}.LineDemo-module__XYb7ka__titleGroup{gap:11px}.LineDemo-module__XYb7ka__titleGroup h3{font-size:1rem}.LineDemo-module__XYb7ka__titleGroup p{font-size:.63rem}.LineDemo-module__XYb7ka__titleGroup p>span{margin-inline:5px}.LineDemo-module__XYb7ka__lineNumber{border-radius:9px;width:34px;height:34px;font-size:.73rem}.LineDemo-module__XYb7ka__headerMeta{flex-direction:column;align-items:flex-end;gap:8px}.LineDemo-module__XYb7ka__demoLabel{white-space:nowrap;font-size:.56rem}.LineDemo-module__XYb7ka__replay{min-height:30px;padding:6px 8px}.LineDemo-module__XYb7ka__replay span{display:none}.LineDemo-module__XYb7ka__flow{padding:26px 22px}.LineDemo-module__XYb7ka__rail{display:none}.LineDemo-module__XYb7ka__steps{grid-template-columns:1fr;gap:0}.LineDemo-module__XYb7ka__step{grid-template-columns:var(--node-size) minmax(0, 1fr);text-align:left;align-items:start;column-gap:20px;padding-bottom:27px;display:grid}.LineDemo-module__XYb7ka__step:last-child{padding-bottom:0}.LineDemo-module__XYb7ka__step:not(:last-child):after{content:"";width:1px;left:calc(var(--node-size) / 2);top:calc(var(--node-size) + 5px);background:#2b3444;position:absolute;bottom:5px}.LineDemo-module__XYb7ka__step[data-state=done]:after{background:color-mix(in srgb, var(--line) 60%, #273044)}.LineDemo-module__XYb7ka__node{border-radius:13px}.LineDemo-module__XYb7ka__node>svg{width:21px;height:21px}.LineDemo-module__XYb7ka__stepContent{padding-top:1px}.LineDemo-module__XYb7ka__stepName{font-size:.6rem}.LineDemo-module__XYb7ka__step h4{text-wrap:initial;min-height:0;margin-top:5px;font-size:.86rem}.LineDemo-module__XYb7ka__approver{font-size:.67rem}.LineDemo-module__XYb7ka__log{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:8px;min-height:0;margin-top:8px;font-size:.69rem}.LineDemo-module__XYb7ka__log time{flex:none;font-size:.55rem}.LineDemo-module__XYb7ka__approveButton{gap:8px;min-height:41px;margin-top:13px;padding-inline:14px;font-size:.74rem}.LineDemo-module__XYb7ka__approveButton svg:last-child{display:block}.LineDemo-module__XYb7ka__approvedLabel{min-height:28px;margin-top:10px;font-size:.7rem}.LineDemo-module__XYb7ka__footer{flex-direction:column;align-items:stretch;padding:20px}.LineDemo-module__XYb7ka__status{flex:auto}.LineDemo-module__XYb7ka__status p{font-size:.76rem}.LineDemo-module__XYb7ka__actions{flex-direction:column;align-items:stretch;gap:12px}.LineDemo-module__XYb7ka__primaryLink{min-height:44px;padding-inline:15px;font-size:.76rem}.LineDemo-module__XYb7ka__emailLink{justify-content:center;min-height:35px;font-size:.72rem}.LineDemo-module__XYb7ka__examples{gap:20px}.LineDemo-module__XYb7ka__examples h4{font-size:.78rem}.LineDemo-module__XYb7ka__examples p{font-size:.7rem}}@media (max-width:480px){.LineDemo-module__XYb7ka__header{gap:10px;padding:18px}.LineDemo-module__XYb7ka__headerMeta .LineDemo-module__XYb7ka__demoLabel{display:none}.LineDemo-module__XYb7ka__headerMeta .LineDemo-module__XYb7ka__replay{min-width:34px;min-height:34px}.LineDemo-module__XYb7ka__titleGroup h3{font-size:.97rem}.LineDemo-module__XYb7ka__titleGroup p{font-size:.59rem}.LineDemo-module__XYb7ka__flow{padding:24px 20px}.LineDemo-module__XYb7ka__step{column-gap:16px}.LineDemo-module__XYb7ka__log{flex-direction:column;gap:3px}.LineDemo-module__XYb7ka__log time{display:inline-block}.LineDemo-module__XYb7ka__examples{grid-template-columns:1fr;gap:15px}.LineDemo-module__XYb7ka__examples article{padding-top:14px}.LineDemo-module__XYb7ka__examples h4{font-size:.83rem}.LineDemo-module__XYb7ka__examples p{font-size:.74rem}.LineDemo-module__XYb7ka__note{font-size:.65rem}}@media (prefers-reduced-motion:reduce){.LineDemo-module__XYb7ka__demo *,.LineDemo-module__XYb7ka__demo :before,.LineDemo-module__XYb7ka__demo :after{transition:none!important;animation:none!important}}