.ls{text-align:left;width:100%;container-type:inline-size}.ls .ls-stage{--u:calc(100cqw / 700);--petrol:#0d425c;--petrol-2:#173e52;--cyan:#28b5db;--cyan-dark:#1a8fad;--red:#dc2626;--orange:#f97316;--amber:#f59e0b;--green:#10b981;--ink:#0d425c;--text:#334155;--muted:#94a3b8;--soft:#64748b;--line:#e5e7eb;grid-template-rows:1fr calc(var(--u) * 40);aspect-ratio:16/9;color:var(--text);font-family:var(--font-body);font-size:calc(var(--u) * 13);user-select:none;background:#f8fafc;line-height:1.3;display:grid;position:relative;overflow:hidden}.ls svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ls svg text{stroke:none}.ls .ls-screens{min-height:0;position:relative}.ls .ls-screen{opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s linear .22s;display:flex;position:absolute;inset:0}.ls .ls-screen.is-on{opacity:1;visibility:visible;transition:opacity .35s .22s}.ls .ls-side{width:calc(var(--u) * 50);padding:calc(var(--u) * 13) calc(var(--u) * 10);gap:calc(var(--u) * 9);background:var(--petrol);flex-direction:column;flex:none;margin:0;list-style:none;display:flex}.ls .ls-side li{height:calc(var(--u) * 30);border-radius:calc(var(--u) * 7);color:#ffffff8c;background:#ffffff14;place-items:center;display:grid}.ls .ls-side li.ls-mark{margin-bottom:calc(var(--u) * 8);color:var(--cyan);font-size:calc(var(--u) * 15);background:#28b5db29;border-radius:50%;font-weight:900}.ls .ls-side li.is-on{background:var(--cyan);color:#fff}.ls .ls-side svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.ls .ls-main{flex-direction:column;flex:1;min-width:0;display:flex}.ls .ls-top{justify-content:space-between;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 9) calc(var(--u) * 18);border-bottom:1px solid var(--line);background:#fff;display:flex}.ls .ls-top small{font-size:calc(var(--u) * 12.5);color:var(--muted);display:block}.ls .ls-top b{font-size:calc(var(--u) * 16);color:var(--ink);font-weight:800;display:block}.ls .ls-body{min-height:0;padding:calc(var(--u) * 12) calc(var(--u) * 16);flex:1}.ls .ls-card{padding:calc(var(--u) * 11) calc(var(--u) * 13);border:1px solid var(--line);border-radius:calc(var(--u) * 11);background:#fff;min-width:0}.ls .ls-head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 9);display:flex}.ls .ls-head>b{font-size:calc(var(--u) * 14);color:var(--ink);font-weight:800}.ls .ls-btn,.ls .ls-ghost,.ls .ls-mini{padding:calc(var(--u) * 5 + .08em) calc(var(--u) * 12) calc(var(--u) * 5 - .08em);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 12.5);white-space:nowrap;flex:none;font-weight:700;transition:background-color .2s,color .2s}.ls .ls-btn{background:var(--cyan);color:#fff;border:1px solid #0000}.ls .ls-ghost{border:1px solid var(--line);color:var(--soft);background:#fff}.ls .ls-mini{padding:calc(var(--u) * 3.5 + .08em) calc(var(--u) * 9) calc(var(--u) * 3.5 - .08em);background:var(--cyan);color:#fff}.ls .is-hit{background-color:var(--cyan-dark)!important;color:#fff!important}.ls .ls-dot{align-items:center;gap:calc(var(--u) * 5);font-size:calc(var(--u) * 12.5);color:var(--soft);white-space:nowrap;font-weight:600;display:inline-flex}.ls .ls-dot:before{content:"";width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:var(--c,var(--cyan));border-radius:50%;flex:none}.ls .ls-dot.red{--c:var(--red)}.ls .ls-dot.orange{--c:var(--orange)}.ls .ls-dot.yellow{--c:var(--amber)}.ls .ls-dot.green{--c:var(--green)}.ls .ls-pill{padding:calc(var(--u) * 4 + .08em) calc(var(--u) * 8) calc(var(--u) * 4 - .08em);font-size:calc(var(--u) * 12.5);white-space:nowrap;border-radius:999px;font-weight:700;transition:background-color .3s,color .3s}.ls .ls-input .ls-pill{padding-top:calc(var(--u) * 2 + .08em);padding-bottom:calc(var(--u) * 2 - .08em);line-height:1.2}.ls .ls-pill.green{color:#15803d;background:#dcfce7}.ls .ls-pill.orange{color:#c2410c;background:#ffedd5}.ls .ls-pill.red{color:#b91c1c;background:#fee2e2}.ls .ls-pill.grey{color:#475569;background:#eef2f6}.ls .ls-pill.cyan{color:#0f6d87;background:#28b5db24}.ls .ls-bar{height:calc(var(--u) * 5);background:#e2e8f0;border-radius:999px;display:block;overflow:hidden}.ls .ls-bar s{border-radius:inherit;background:var(--c,var(--cyan));transform-origin:0;height:100%;transform:scaleX(var(--v,0));transition:transform .8s cubic-bezier(.22,1,.36,1);display:block}.ls .ls-field{gap:calc(var(--u) * 4);font-size:calc(var(--u) * 12.5);color:var(--soft);font-weight:600;display:grid}.ls .ls-input{box-sizing:border-box;height:calc(var(--u) * 28);padding:0 calc(var(--u) * 10);border:1px solid var(--line);border-radius:calc(var(--u) * 7);color:var(--ink);font-size:calc(var(--u) * 13);white-space:nowrap;background:#fff;align-items:center;font-weight:600;transition:border-color .2s;display:flex}.ls .ls-typed{min-width:0}.ls .ls-input.is-2l{height:calc(var(--u) * 46);padding-top:calc(var(--u) * 6);white-space:normal;align-items:flex-start;line-height:1.3}.ls .ls-input.is-focus{border-color:var(--cyan)}.ls .is-typing:after{content:"";vertical-align:text-bottom;background:var(--ink);width:1px;height:1.1em;margin-left:1px;display:inline-block}.ls .ls-toggle{width:calc(var(--u) * 28);height:calc(var(--u) * 16);background:#cbd5e1;border-radius:999px;transition:background-color .25s;display:inline-block;position:relative}.ls .ls-toggle:after{content:"";top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 12);height:calc(var(--u) * 12);background:#fff;border-radius:50%;transition:transform .25s;position:absolute}.ls .ls-toggle.is-on{background:var(--cyan)}.ls .ls-toggle.is-on:after{transform:translateX(calc(var(--u) * 12))}.ls .ls-grow{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1),opacity .3s;display:grid}.ls .ls-grow.is-on{opacity:1;grid-template-rows:1fr}.ls .ls-grow>*{min-height:0;overflow:hidden}.ls .ls-modal{z-index:3;opacity:0;visibility:hidden;background:#0d425c47;place-items:center;transition:opacity .25s,visibility 0s linear .25s;display:grid;position:absolute;inset:0}.ls .ls-modal.is-open{opacity:1;visibility:visible;transition:opacity .25s}.ls .ls-modal-box{width:calc(var(--u) * 420);padding:calc(var(--u) * 13) calc(var(--u) * 18) calc(var(--u) * 15);border-radius:calc(var(--u) * 11);background:#fff;box-shadow:0 18px 40px #051c284d}.ls .ls-modal-head{padding-bottom:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 10);border-bottom:1px solid var(--line);font-size:calc(var(--u) * 13);color:var(--soft);justify-content:space-between;align-items:center;display:flex}.ls .ls-modal-head b{color:var(--ink);font-weight:800}.ls .ls-modal-foot{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 8);margin-top:calc(var(--u) * 12);display:flex}.ls .ls-confirm{top:calc(var(--u) * 12);right:calc(var(--u) * 14);z-index:4;align-items:center;gap:calc(var(--u) * 8);max-width:calc(var(--u) * 420);padding:calc(var(--u) * 8) calc(var(--u) * 12);border-radius:calc(var(--u) * 6);color:#fff;font-size:calc(var(--u) * 12.5);opacity:0;transform:translateY(calc(var(--u) * -8));background:#22a052;font-weight:700;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;box-shadow:0 8px 20px #051c2833}.ls .ls-confirm.is-on{opacity:1;transform:none}.ls .ls-confirm svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);flex:none}.ls .ls-st{padding:calc(var(--u) * 4 + .08em) calc(var(--u) * 8) calc(var(--u) * 4 - .08em);border-radius:calc(var(--u) * 4);font-size:calc(var(--u) * 12.5);color:#fff;white-space:nowrap;flex:none;font-weight:700;transition:background-color .3s}.ls .ls-st.todo{background:var(--petrol-2)}.ls .ls-st.doing{background:#e8711c}.ls .ls-tag{padding:calc(var(--u) * 2.5 + .08em) calc(var(--u) * 6) calc(var(--u) * 2.5 - .08em);border-radius:calc(var(--u) * 3);background:var(--red);color:#fff;font-size:calc(var(--u) * 12.5);white-space:nowrap;font-weight:700}.ls .ls-tag.grey{color:#475569;background:#e2e8f0}.ls .ls-steps{padding:0 calc(var(--u) * 18);justify-content:space-between;gap:calc(var(--u) * 8);border-top:1px solid var(--line);background:#fff;align-items:center;margin:0;list-style:none;display:flex}.ls .ls-steps li{align-items:center;gap:calc(var(--u) * 7);font-size:calc(var(--u) * 12.5);color:var(--muted);white-space:nowrap;font-weight:700;transition:color .3s;display:flex}.ls .ls-steps i{width:calc(var(--u) * 20);height:calc(var(--u) * 20);background:#eef2f6;border-radius:50%;flex:none;place-items:center;font-style:normal;transition:background-color .3s,color .3s;display:grid}.ls .ls-steps li.is-on{color:var(--ink)}.ls .ls-steps li.is-on i{background:var(--cyan);color:#fff}.ls .ls-steps li.is-past i{color:#0f6d87;background:#28b5db33}.ls .ls-flyer{z-index:4;border-radius:calc(var(--u) * 8);pointer-events:none;background:#fff;transition:transform .75s cubic-bezier(.65,0,.35,1),opacity .3s,width .75s;position:absolute;box-shadow:0 14px 34px #051c2847}.ls .ls-flyer.is-text{white-space:nowrap;box-shadow:none;transform-origin:0 0;background:0 0;border-radius:0;transition:transform .75s cubic-bezier(.65,0,.35,1),color .75s}.ls .ls-cursor{width:calc(var(--u) * 22);height:calc(var(--u) * 22);transform:translate(var(--x,1500%), var(--y,800%));opacity:0;pointer-events:none;z-index:5;transition:transform .8s cubic-bezier(.65,0,.35,1),opacity .3s;position:absolute;top:0;left:0}.ls.is-playing .ls-cursor{opacity:1}.ls.is-playing .ls-cursor.is-away{opacity:0}.ls .ls-cursor svg{width:100%;height:100%;fill:initial;stroke:initial;position:relative}.ls .ls-ripple{left:calc(var(--u) * -9);top:calc(var(--u) * -9);width:calc(var(--u) * 26);height:calc(var(--u) * 26);opacity:0;background:#28b5db73;border-radius:50%;position:absolute;transform:scale(.3)}.ls .ls-cursor.is-click .ls-ripple{animation:.55s cubic-bezier(.22,1,.36,1) ls-ripple}@keyframes ls-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@container (width<=440px){.ls .ls-stage{--u:calc(100cqw / 440);aspect-ratio:440/560}.ls .ls-side,.ls .ls-hide-sm,.ls .ls-steps li:not(.is-on) span{display:none}.ls .ls-steps{justify-content:flex-start;gap:calc(var(--u) * 12)}}@media (prefers-reduced-motion:reduce){.ls .ls-cursor{display:none}}
