.sx-flow{--dark:#0e0f12;--light:#f7f7f5;--ink:#121316;--accent:#ff6a13;--sealed:#19c37d;--attack:#e5383b;--gx:max(24px,6vw);--sans:"Noto Sans JP","Hiragino Sans",sans-serif}.sx-flow *{box-sizing:border-box}.sx-flow,.sx-flow>.sx-b{margin:0}.sx-flow>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;background:var(--dark);overflow-x:clip}.sx-flow .sec{padding:clamp(80px,12vh,128px) var(--gx)}.sx-flow .sec.dark{background:var(--dark);color:#fff;--sub:#ffffffb8;--mute:#ffffff80;--rule:#ffffff1f}.sx-flow .sec.light{background:var(--light);color:var(--ink);--sub:#121316b8;--mute:#12131680;--rule:#1213161f}.sx-flow h2{font:900 clamp(28px,3.2vw,40px)/1.3 var(--sans);letter-spacing:-.01em;word-break:auto-phrase;margin:0}.sx-flow .lead{font:500 clamp(15px,1.2vw,17px)/1.75 var(--sans);color:var(--sub);margin:14px 0 0}.sx-flow .notes{margin:20px 0 0;padding:0;list-style:none}.sx-flow .notes li{font:500 13.5px/1.8 var(--sans);color:var(--sub);padding-left:20px;position:relative}.sx-flow .notes li:before{content:"※";color:var(--mute);position:absolute;left:0}@keyframes sx-flow-beat{0%{box-shadow:0 0 #19c37d99}70%,to{box-shadow:0 0 0 7px #19c37d00}}.sx-flow .rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.sx-flow .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sx-flow .rv{opacity:1;transform:none}.sx-flow *{transition:none!important;animation:none!important}}.sx-flow .fr{height:132px;color:var(--ink);font:500 12px/1.4 var(--sans);background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1213161f,0 26px 30px -22px #000000b3}.sx-flow .fh{white-space:nowrap;height:24px;font:700 11.5px var(--sans);background:#f7f7f5;border-bottom:1px solid #12131614;align-items:center;padding:0 10px;display:flex}.sx-flow .fb{padding:6px 10px;position:relative}.sx-flow .fb .r{white-space:nowrap;border-bottom:1px solid #1213160f;justify-content:space-between;align-items:center;gap:8px;padding:3.5px 0;display:flex}.sx-flow .fb .lb{color:#1213168c}.sx-flow .fb .v{font-weight:700}.sx-flow .fb .g{color:#0f9a60;align-items:center;gap:5px;font-weight:600;display:inline-flex}.sx-flow .dt{background:var(--sealed);border-radius:50%;width:6px;height:6px;display:inline-block}.sx-flow .f1 .r:nth-child(n) .dt{animation:2.4s infinite sx-flow-beat}.sx-flow .f1 .r:nth-child(2) .dt{animation-delay:.6s}.sx-flow .f1 .r:nth-child(3) .dt{animation-delay:1.2s}.sx-flow .f1 .r:nth-child(4) .dt{animation-delay:1.8s}.sx-flow .rd{color:#12131640;transition:color .4s .3s}.sx-flow .in .rd{color:var(--attack)}.sx-flow .ob{background:var(--accent);color:#fff;height:16px;font:700 9.5px var(--sans);border:0;border-radius:4px;padding:0 6px;position:absolute;top:-20px;right:10px}.sx-flow .f2 .fb{padding-top:6px}.sx-flow .f2 .ob{top:-20px}.sx-flow .ck{color:#12131626;transition:color .3s}.sx-flow .in .f3 .r:first-child .ck{color:var(--sealed);transition-delay:.4s}.sx-flow .in .f3 .r:nth-child(2) .ck{color:var(--sealed);transition-delay:.7s}.sx-flow .in .f3 .r:nth-child(3) .ck{color:var(--sealed);transition-delay:1s}.sx-flow .in .f3 .r:nth-child(4) .ck{color:var(--sealed);transition-delay:1.3s}.sx-flow .mono{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600}.sx-flow .pr{color:#12131666;align-items:center;gap:5px;transition:color .4s .8s;display:inline-flex}.sx-flow .pr .dt{background:#12131633;transition:background .4s .8s}.sx-flow .in .pr{color:#0f9a60}.sx-flow .in .pr .dt{background:var(--sealed)}.sx-flow .sm{font:500 10.5px var(--sans);color:#1213168c;margin:6px 0 0}.sx-flow .tag{font:700 9px var(--sans);color:#12131673;position:absolute;top:-18px;right:8px}.sx-flow .tag.g{color:#0f9a60;align-items:center;gap:4px;display:inline-flex}.sx-flow .wp{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.sx-flow .wp b{font:700 12px var(--sans);border:1px solid #12131624;border-radius:6px;margin:0;padding:8px 10px;display:block}.sx-flow .wp .ar{color:var(--accent);font-weight:900}.sx-flow .bar{background:#12131614;border-radius:2px;height:4px;margin-top:16px}.sx-flow .bar i{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .4s;display:block}.sx-flow .in .bar i{width:70%}.sx-flow .fb .inp{height:40px;font:500 12px var(--sans);border:1px solid #1213162e;border-radius:6px;align-items:flex-start;margin-top:8px;padding:8px;display:flex}.sx-flow .cur{background:var(--ink);width:1px;height:14px;animation:1s step-end infinite sx-flow-bl;display:inline-block}@keyframes sx-flow-bl{50%{opacity:0}}.sx-flow .ol{height:22px;font:700 10.5px var(--sans);color:var(--ink);background:#fff;border:1px solid #1213164d;border-radius:5px;margin-top:10px;padding:0 10px}.sx-flow .fld{height:18px;font:500 9.5px/17px var(--sans);color:#12131673;border:1px solid #12131624;border-radius:4px;margin-top:5px;padding:0 6px}.sx-flow .fld.tall{height:26px}.sx-flow .f8 .fh{padding-right:84px;font-size:10.5px}.sx-flow .ob.s{height:18px;margin-top:6px;position:static}.sx-flow .more{font:700 16px var(--sans);color:#fff;text-underline-offset:7px;margin-top:clamp(56px,8vh,80px);-webkit-text-decoration:underline #ff6a13b3;text-decoration:underline #ff6a13b3;text-decoration-thickness:2px;display:inline-block}.sx-flow a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sx-flow .sum3{flex-wrap:wrap;gap:24px clamp(40px,6vw,96px);margin-top:clamp(36px,6vh,56px);display:flex}.sx-flow .sum3 div{flex-direction:column;display:flex}.sx-flow .sum3 strong{font:900 clamp(48px,5vw,72px)/1 var(--sans)}.sx-flow .sum3 strong small{margin-left:6px;font-size:.32em}.sx-flow .sum3 span{font:700 14px var(--sans);color:var(--sub);margin-top:10px}.sx-flow .sum3 .o strong{color:var(--accent)}.sx-flow .tl{flex-direction:column;gap:clamp(56px,9vh,96px);margin:clamp(48px,8vh,80px) 0 0;padding:0;list-style:none;display:flex;position:relative}.sx-flow .tl:before{content:"";background:#ffffff24;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.sx-flow .stp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-left:72px;display:grid;position:relative}.sx-flow .stp .dot{width:40px;height:40px;font:900 15px var(--sans);background:var(--dark);color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 2px #fff6}.sx-flow .stp.you .dot{background:var(--accent);box-shadow:none;color:#121316}.sx-flow .who{font:700 13px var(--sans);color:var(--mute);margin:0}.sx-flow .stp.you .who{color:var(--accent)}.sx-flow .stp h3{font:900 clamp(24px,2.4vw,32px)/1.35 var(--sans);margin:6px 0 0}.sx-flow .sum{font:700 17px/1.7 var(--sans);margin:12px 0 0}.sx-flow .stp .d{font:500 15.5px/1.85 var(--sans);color:var(--sub);margin:10px 0 0}.sx-flow .sh{justify-content:center;display:flex}.sx-flow .sh .fr{transform-origin:50%;width:340px;height:auto;min-height:150px;margin:26px 0;transform:scale(1.25)}.sx-flow .fx .fb{padding:8px 12px}.sx-flow .reqb{align-items:center;gap:10px;margin-top:12px;display:flex}.sx-flow .big-ob{background:var(--accent);color:#fff;height:26px;font:700 11px var(--sans);border:0;border-radius:6px;padding:0 12px}.sx-flow .reqb .sm{font:500 10px var(--sans);color:#12131680}.sx-flow .fr.dk{color:#e7e9ee;background:#16181d}.sx-flow .fr.dk .fh{color:#fff;background:#1e2128;border-color:#ffffff14}.sx-flow .pre{font:500 10.5px/1.7 ui-monospace,Menlo,monospace}.sx-flow .pre .l{white-space:pre;text-overflow:ellipsis;overflow:hidden}.sx-flow .pre .m{color:#8b90a0}.sx-flow .pre .dl{color:#ffb3b4;background:#e5383b2e}.sx-flow .pre .ad{color:#9ff0c9;background:#19c37d29}.sx-flow .sm2{font:500 10px var(--sans);color:#8b90a0;margin:6px 0 0}.sx-flow .ap{align-items:center;gap:14px;display:flex;padding:16px 12px!important}.sx-flow .fpi{width:52px;height:52px;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%;flex:none;place-items:center;transition:all .4s .9s;display:grid;position:relative}.sx-flow .fpi b{opacity:0;color:#fff;font:900 22px var(--sans);transition:opacity .3s 1s;position:absolute}.sx-flow .in .fpi{background:var(--sealed);color:#0000;box-shadow:0 0 0 7px #19c37d2e}.sx-flow .in .fpi b{opacity:1}.sx-flow .ap .t1{font:700 12px var(--sans);margin:0}.sx-flow .ap .t2{font:800 13px var(--sans);margin:6px 0 0}.sx-flow .ap .dn{color:#0f9a60;display:none}.sx-flow .in .ap .w{display:none}.sx-flow .in .ap .dn{display:inline}.sx-flow .olb{height:20px;font:700 10px var(--sans);background:#fff;border:1px solid #1213164d;border-radius:5px;padding:0 8px}.sx-flow .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px);margin:clamp(36px,6vh,56px) 0 0;padding:0;list-style:none;display:grid}.sx-flow .mw{font:700 13.5px/1.6 var(--sans);color:var(--mute);margin:0}.sx-flow .modes h3{font:900 22px/1.45 var(--sans);margin:8px 0 0}.sx-flow .bar{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:18px;display:grid}.sx-flow .bar i{background:#1213161a;border-radius:4px;height:8px}.sx-flow .bar i.on{background:var(--ink)}.sx-flow .bar i.pr{background:repeating-linear-gradient(-45deg,var(--ink) 0 4px,transparent 4px 7px)}.sx-flow .upto{font:700 13px var(--sans);margin:10px 0 0}.sx-flow .modes .d{font-size:15px}.sx-flow .legend{font:500 12.5px var(--sans);color:var(--sub);flex-wrap:wrap;gap:8px 18px;margin-top:28px;display:flex}.sx-flow .legend span{align-items:center;gap:6px;display:inline-flex}@media (max-width:900px){.sx-flow .stp{grid-template-columns:minmax(0,1fr);padding-left:56px}.sx-flow .stp>*{min-width:0}.sx-flow .sh .fr{max-width:100%}.sx-flow .tl:before{left:15px}.sx-flow .stp .dot{width:32px;height:32px;font-size:13px}.sx-flow .sh{justify-content:flex-start}.sx-flow .sh .fr{width:100%;margin:0;transform:none}.sx-flow .modes{grid-template-columns:1fr}}
.sx-howto{--dark:#0e0f12;--light:#f7f7f5;--ink:#121316;--accent:#ff6a13;--sealed:#19c37d;--attack:#e5383b;--gx:max(24px,6vw);--sans:"Noto Sans JP","Hiragino Sans",sans-serif}.sx-howto *{box-sizing:border-box}.sx-howto,.sx-howto>.sx-b{margin:0}.sx-howto>.sx-b{font-family:var(--sans);-webkit-font-smoothing:antialiased;line-break:strict;background:var(--dark);overflow-x:clip}.sx-howto .sec{padding:clamp(80px,12vh,128px) var(--gx)}.sx-howto .sec.dark{background:var(--dark);color:#fff;--sub:#ffffffb8;--mute:#ffffff80;--rule:#ffffff1f}.sx-howto .sec.light{background:var(--light);color:var(--ink);--sub:#121316b8;--mute:#12131680;--rule:#1213161f}.sx-howto h2{font:900 clamp(28px,3.2vw,40px)/1.3 var(--sans);letter-spacing:-.01em;word-break:auto-phrase;margin:0}.sx-howto .lead{font:500 clamp(15px,1.2vw,17px)/1.75 var(--sans);color:var(--sub);margin:14px 0 0}.sx-howto .notes{margin:20px 0 0;padding:0;list-style:none}.sx-howto .notes li{font:500 13.5px/1.8 var(--sans);color:var(--sub);padding-left:20px;position:relative}.sx-howto .notes li:before{content:"※";color:var(--mute);position:absolute;left:0}@keyframes sx-howto-beat{0%{box-shadow:0 0 #19c37d99}70%,to{box-shadow:0 0 0 7px #19c37d00}}.sx-howto .rv{opacity:0;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.sx-howto .rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.sx-howto .rv{opacity:1;transform:none}.sx-howto *{transition:none!important;animation:none!important}}.sx-howto .fr{height:132px;color:var(--ink);font:500 12px/1.4 var(--sans);background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1213161f,0 26px 30px -22px #000000b3}.sx-howto .fh{white-space:nowrap;height:24px;font:700 11.5px var(--sans);background:#f7f7f5;border-bottom:1px solid #12131614;align-items:center;padding:0 10px;display:flex}.sx-howto .fb{padding:6px 10px;position:relative}.sx-howto .fb .r{white-space:nowrap;border-bottom:1px solid #1213160f;justify-content:space-between;align-items:center;gap:8px;padding:3.5px 0;display:flex}.sx-howto .fb .lb{color:#1213168c}.sx-howto .fb .v{font-weight:700}.sx-howto .fb .g{color:#0f9a60;align-items:center;gap:5px;font-weight:600;display:inline-flex}.sx-howto .dt{background:var(--sealed);border-radius:50%;width:6px;height:6px;display:inline-block}.sx-howto .f1 .r:nth-child(n) .dt{animation:2.4s infinite sx-howto-beat}.sx-howto .f1 .r:nth-child(2) .dt{animation-delay:.6s}.sx-howto .f1 .r:nth-child(3) .dt{animation-delay:1.2s}.sx-howto .f1 .r:nth-child(4) .dt{animation-delay:1.8s}.sx-howto .rd{color:#12131640;transition:color .4s .3s}.sx-howto .in .rd{color:var(--attack)}.sx-howto .ob{background:var(--accent);color:#fff;height:16px;font:700 9.5px var(--sans);border:0;border-radius:4px;padding:0 6px;position:absolute;top:-20px;right:10px}.sx-howto .f2 .fb{padding-top:6px}.sx-howto .f2 .ob{top:-20px}.sx-howto .ck{color:#12131626;transition:color .3s}.sx-howto .in .f3 .r:first-child .ck{color:var(--sealed);transition-delay:.4s}.sx-howto .in .f3 .r:nth-child(2) .ck{color:var(--sealed);transition-delay:.7s}.sx-howto .in .f3 .r:nth-child(3) .ck{color:var(--sealed);transition-delay:1s}.sx-howto .in .f3 .r:nth-child(4) .ck{color:var(--sealed);transition-delay:1.3s}.sx-howto .mono{font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:600}.sx-howto .pr{color:#12131666;align-items:center;gap:5px;transition:color .4s .8s;display:inline-flex}.sx-howto .pr .dt{background:#12131633;transition:background .4s .8s}.sx-howto .in .pr{color:#0f9a60}.sx-howto .in .pr .dt{background:var(--sealed)}.sx-howto .sm{font:500 10.5px var(--sans);color:#1213168c;margin:6px 0 0}.sx-howto .tag{font:700 9px var(--sans);color:#12131673;position:absolute;top:-18px;right:8px}.sx-howto .tag.g{color:#0f9a60;align-items:center;gap:4px;display:inline-flex}.sx-howto .wp{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.sx-howto .wp b{font:700 12px var(--sans);border:1px solid #12131624;border-radius:6px;margin:0;padding:8px 10px;display:block}.sx-howto .wp .ar{color:var(--accent);font-weight:900}.sx-howto .bar{background:#12131614;border-radius:2px;height:4px;margin-top:16px}.sx-howto .bar i{background:var(--accent);border-radius:2px;width:0;height:100%;transition:width 1.4s cubic-bezier(.2,.8,.2,1) .4s;display:block}.sx-howto .in .bar i{width:70%}.sx-howto .fb .inp{height:40px;font:500 12px var(--sans);border:1px solid #1213162e;border-radius:6px;align-items:flex-start;margin-top:8px;padding:8px;display:flex}.sx-howto .cur{background:var(--ink);width:1px;height:14px;animation:1s step-end infinite sx-howto-bl;display:inline-block}@keyframes sx-howto-bl{50%{opacity:0}}.sx-howto .ol{height:22px;font:700 10.5px var(--sans);color:var(--ink);background:#fff;border:1px solid #1213164d;border-radius:5px;margin-top:10px;padding:0 10px}.sx-howto .fld{height:18px;font:500 9.5px/17px var(--sans);color:#12131673;border:1px solid #12131624;border-radius:4px;margin-top:5px;padding:0 6px}.sx-howto .fld.tall{height:26px}.sx-howto .f8 .fh{padding-right:84px;font-size:10.5px}.sx-howto .ob.s{height:18px;margin-top:6px;position:static}.sx-howto .more{font:700 16px var(--sans);color:#fff;text-underline-offset:7px;margin-top:clamp(56px,8vh,80px);-webkit-text-decoration:underline #ff6a13b3;text-decoration:underline #ff6a13b3;text-decoration-thickness:2px;display:inline-block}.sx-howto a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sx-howto .sum3{flex-wrap:wrap;gap:24px clamp(40px,6vw,96px);margin-top:clamp(36px,6vh,56px);display:flex}.sx-howto .sum3 div{flex-direction:column;display:flex}.sx-howto .sum3 strong{font:900 clamp(48px,5vw,72px)/1 var(--sans)}.sx-howto .sum3 strong small{margin-left:6px;font-size:.32em}.sx-howto .sum3 span{font:700 14px var(--sans);color:var(--sub);margin-top:10px}.sx-howto .sum3 .o strong{color:var(--accent)}.sx-howto .tl{flex-direction:column;gap:clamp(56px,9vh,96px);margin:clamp(48px,8vh,80px) 0 0;padding:0;list-style:none;display:flex;position:relative}.sx-howto .tl:before{content:"";background:#ffffff24;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.sx-howto .stp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-left:72px;display:grid;position:relative}.sx-howto .stp .dot{width:40px;height:40px;font:900 15px var(--sans);background:var(--dark);color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;left:0;box-shadow:inset 0 0 0 2px #fff6}.sx-howto .stp.you .dot{background:var(--accent);box-shadow:none;color:#121316}.sx-howto .who{font:700 13px var(--sans);color:var(--mute);margin:0}.sx-howto .stp.you .who{color:var(--accent)}.sx-howto .stp h3{font:900 clamp(24px,2.4vw,32px)/1.35 var(--sans);margin:6px 0 0}.sx-howto .sum{font:700 17px/1.7 var(--sans);margin:12px 0 0}.sx-howto .stp .d{font:500 15.5px/1.85 var(--sans);color:var(--sub);margin:10px 0 0}.sx-howto .sh{justify-content:center;display:flex}.sx-howto .sh .fr{transform-origin:50%;width:340px;height:auto;min-height:150px;margin:26px 0;transform:scale(1.25)}.sx-howto .fx .fb{padding:8px 12px}.sx-howto .reqb{align-items:center;gap:10px;margin-top:12px;display:flex}.sx-howto .big-ob{background:var(--accent);color:#fff;height:26px;font:700 11px var(--sans);border:0;border-radius:6px;padding:0 12px}.sx-howto .reqb .sm{font:500 10px var(--sans);color:#12131680}.sx-howto .fr.dk{color:#e7e9ee;background:#16181d}.sx-howto .fr.dk .fh{color:#fff;background:#1e2128;border-color:#ffffff14}.sx-howto .pre{font:500 10.5px/1.7 ui-monospace,Menlo,monospace}.sx-howto .pre .l{white-space:pre;text-overflow:ellipsis;overflow:hidden}.sx-howto .pre .m{color:#8b90a0}.sx-howto .pre .dl{color:#ffb3b4;background:#e5383b2e}.sx-howto .pre .ad{color:#9ff0c9;background:#19c37d29}.sx-howto .sm2{font:500 10px var(--sans);color:#8b90a0;margin:6px 0 0}.sx-howto .ap{align-items:center;gap:14px;display:flex;padding:16px 12px!important}.sx-howto .fpi{width:52px;height:52px;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%;flex:none;place-items:center;transition:all .4s .9s;display:grid;position:relative}.sx-howto .fpi b{opacity:0;color:#fff;font:900 22px var(--sans);transition:opacity .3s 1s;position:absolute}.sx-howto .in .fpi{background:var(--sealed);color:#0000;box-shadow:0 0 0 7px #19c37d2e}.sx-howto .in .fpi b{opacity:1}.sx-howto .ap .t1{font:700 12px var(--sans);margin:0}.sx-howto .ap .t2{font:800 13px var(--sans);margin:6px 0 0}.sx-howto .ap .dn{color:#0f9a60;display:none}.sx-howto .in .ap .w{display:none}.sx-howto .in .ap .dn{display:inline}.sx-howto .olb{height:20px;font:700 10px var(--sans);background:#fff;border:1px solid #1213164d;border-radius:5px;padding:0 8px}.sx-howto .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,56px);margin:clamp(36px,6vh,56px) 0 0;padding:0;list-style:none;display:grid}.sx-howto .mw{font:700 13.5px/1.6 var(--sans);color:var(--mute);margin:0}.sx-howto .modes h3{font:900 22px/1.45 var(--sans);margin:8px 0 0}.sx-howto .bar{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:18px;display:grid}.sx-howto .bar i{background:#1213161a;border-radius:4px;height:8px}.sx-howto .bar i.on{background:var(--ink)}.sx-howto .bar i.pr{background:repeating-linear-gradient(-45deg,var(--ink) 0 4px,transparent 4px 7px)}.sx-howto .upto{font:700 13px var(--sans);margin:10px 0 0}.sx-howto .modes .d{font-size:15px}.sx-howto .legend{font:500 12.5px var(--sans);color:var(--sub);flex-wrap:wrap;gap:8px 18px;margin-top:28px;display:flex}.sx-howto .legend span{align-items:center;gap:6px;display:inline-flex}@media (max-width:900px){.sx-howto .stp{grid-template-columns:minmax(0,1fr);padding-left:56px}.sx-howto .stp>*{min-width:0}.sx-howto .sh .fr{max-width:100%}.sx-howto .tl:before{left:15px}.sx-howto .stp .dot{width:32px;height:32px;font-size:13px}.sx-howto .sh{justify-content:flex-start}.sx-howto .sh .fr{width:100%;margin:0;transform:none}.sx-howto .modes{grid-template-columns:1fr}}