.dcp-tutorial-detail,.dcp-tutorial-detail *{box-sizing:border-box}.dcp-tutorial-detail{background:#f0ebe0;margin:0}.dcp-tutorial-detail a{color:inherit;text-decoration:none}.dcp-tutorial-detail button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}.dcp-tutorial-detail .p1{--bg:#0e1113;--pn:#151a1d;--pn2:#1b2226;--ln:#2a3237;--ink:#ece9e2;--mu:#9aa4a8;--ac:#ff5a1f;--ai:#0e1113;--se:#5fb3aa;--gl:#ffffff0b}.dcp-tutorial-detail .p2{--bg:#161311;--pn:#1e1a17;--pn2:#26211d;--ln:#3a322c;--ink:#efe6d8;--mu:#ab9e8e;--ac:#d4622f;--ai:#1a120d;--se:#c9a15a;--gl:#ffebd20b}.dcp-tutorial-detail .p3{--bg:#131a15;--pn:#1a231c;--pn2:#212d24;--ln:#2f3d32;--ink:#e9ecdf;--mu:#9fae9f;--ac:#ff5a1f;--ai:#0f1610;--se:#8fae8b;--gl:#dcffe10b}.dcp-tutorial-detail .p4{--bg:#0a0d12;--pn:#111620;--pn2:#171e2b;--ln:#252d3b;--ink:#e6eaf0;--mu:#93a0b2;--ac:#ffb020;--ai:#0a0d12;--se:#4a8bd4;--gl:#c8dcff0b}.dcp-tutorial-detail .p5{--bg:#f0ebe0;--pn:#e7e0d1;--pn2:#f7f3ea;--ln:#cbc2ae;--ink:#15181a;--mu:#555c5a;--ac:#cf3d00;--ai:#fff7f0;--se:#2f4a36;--gl:#14181a12}.dcp-tutorial-detail .p9{--bg:#f0ebe0;--pn:#e7e0d1;--pn2:#f7f3ea;--ln:#cbc2ae;--ink:#15181a;--mu:#555c5a;--ac:#d4622f;--ai:#15181a;--se:#2f4a36;--gl:#14181a12;--at:#a04419}.dcp-tutorial-detail .pa{--bg:#131a15;--pn:#1a231c;--pn2:#212d24;--ln:#2f3d32;--ink:#e9ecdf;--mu:#9fae9f;--ac:#d4622f;--ai:#0f1610;--se:#8fae8b;--gl:#dcffe10b;--at:#d4622f}.dcp-tutorial-detail .t1{--fd:"Barlow Condensed",sans-serif;--fb:"Barlow",sans-serif;--fm:"IBM Plex Mono",monospace;--dw:700;--dt:uppercase;--dl:.005em;--dlh:.92;--hs:1}.dcp-tutorial-detail .t2{--fd:"Big Shoulders Display",sans-serif;--fb:"Manrope",sans-serif;--fm:"Space Mono",monospace;--dw:800;--dt:uppercase;--dl:0em;--dlh:.9;--hs:1.12}.dcp-tutorial-detail .t3{--fd:"Fraunces",serif;--fb:"Instrument Sans",sans-serif;--fm:"IBM Plex Mono",monospace;--dw:600;--dt:none;--dl:-.025em;--dlh:1;--hs:.86}.dcp-tutorial-detail .t4{--fd:"Archivo",sans-serif;--fb:"Archivo",sans-serif;--fm:"DM Mono",monospace;--dw:800;--dt:uppercase;--dl:-.01em;--dlh:.98;--hs:.66;--ds:125%}.dcp-tutorial-detail .tjm{background:var(--bg);color:var(--ink);font-family:var(--fb);position:relative;overflow:hidden}.dcp-tutorial-detail .fd{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);line-height:var(--dlh);font-stretch:var(--ds,100%);margin:0}.dcp-tutorial-detail .fm{font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase}.dcp-tutorial-detail .pgr{flex-direction:column;display:flex}.dcp-tutorial-detail .pgr>*{flex:none}.dcp-tutorial-detail .pgr>.ft{flex:auto}.dcp-tutorial-detail .btn{background:var(--ac);height:50px;color:var(--ai);font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ac);align-items:center;gap:10px;padding:0 24px;font-size:12px;font-weight:500;display:inline-flex}.dcp-tutorial-detail .btn span{transition:transform .2s;display:inline-block}.dcp-tutorial-detail .btn:hover span{transform:translate(5px)}.dcp-tutorial-detail .btn.sm{height:38px;padding:0 16px;font-size:12px}.dcp-tutorial-detail .b3{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:linear-gradient(var(--ac),var(--ac))0 100%/0 2px no-repeat;padding-bottom:4px;font-size:12px;font-weight:500;transition:background-size .3s;display:inline-block}.dcp-tutorial-detail .b3:hover{background-size:100% 2px}.dcp-tutorial-detail .b3 span{color:var(--at,var(--ac));margin-left:6px}.dcp-tutorial-detail .bt3 .btn{height:auto;color:var(--ink);background:linear-gradient(var(--ac),var(--ac))0 100%/0 2px no-repeat,linear-gradient(var(--ln),var(--ln))0 100%/100% 2px no-repeat;border:0;padding:0 0 6px;font-size:14px;font-weight:600;transition:background-size .3s}.dcp-tutorial-detail .bt3 .btn:hover{background-size:100% 2px,100% 2px}.dcp-tutorial-detail .bt3 .btn.sm{padding:0 0 5px;font-size:12px}.dcp-tutorial-detail .bt3 .btn span{color:var(--at,var(--ac))}.dcp-tutorial-detail .e2{width:100%;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);align-items:center;gap:12px;font-size:12px;display:flex}.dcp-tutorial-detail .e2 b{color:var(--at,var(--ac));font-weight:500}.dcp-tutorial-detail .e2 span{white-space:nowrap}.dcp-tutorial-detail .e2:after{content:"";background:var(--ln);flex:1;height:1px}.dcp-tutorial-detail .live{background:var(--ac);width:8px;height:8px;animation:1.4s infinite blink;display:inline-block}.dcp-tutorial-detail .lab{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-size:12px}.dcp-tutorial-detail .tg{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);border:1px solid var(--ln);padding:3px 7px;font-size:12px}.dcp-tutorial-detail .smp{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);border:1px solid var(--ln);background:var(--bg);white-space:nowrap;padding:3px 7px;font-size:12px;display:inline-block}.dcp-tutorial-detail .fig{background:var(--bg);border-top:1px solid var(--ln);border-right:1px solid var(--ln);font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);z-index:5;padding:8px 14px;font-size:12px;position:absolute;bottom:0;left:0}.dcp-tutorial-detail .fig b{color:var(--at,var(--ac));margin-right:8px;font-weight:500}.dcp-tutorial-detail .tk{pointer-events:none;z-index:4;opacity:.6;background:linear-gradient(var(--ink),var(--ink))0 0/12px 1px no-repeat,linear-gradient(var(--ink),var(--ink))0 0/1px 12px no-repeat,linear-gradient(var(--ink),var(--ink))100% 0/12px 1px no-repeat,linear-gradient(var(--ink),var(--ink))100% 0/1px 12px no-repeat,linear-gradient(var(--ink),var(--ink))0 100%/12px 1px no-repeat,linear-gradient(var(--ink),var(--ink))0 100%/1px 12px no-repeat,linear-gradient(var(--ink),var(--ink))100% 100%/12px 1px no-repeat,linear-gradient(var(--ink),var(--ink))100% 100%/1px 12px no-repeat;position:absolute;inset:12px}.dcp-tutorial-detail .duo{isolation:isolate;background:#000;position:absolute;overflow:hidden}.dcp-tutorial-detail .duo>img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .4s,transform .8s;position:absolute;top:0;left:0}.dcp-tutorial-detail .duo:after{content:"";background:var(--ac);mix-blend-mode:multiply;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.dcp-tutorial-detail .swl{background:var(--ac);z-index:6;pointer-events:none;width:2px;animation:1.3s cubic-bezier(.7,0,.2,1) both sw;position:absolute;top:-1px;bottom:-1px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}@keyframes reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sw{0%{opacity:1;left:0}to{opacity:0;left:100%}}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes sx{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fi{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(3.4)}}@keyframes roll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--n)*-1em))}}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.dcp-tutorial-detail .hd{background:var(--bg);border-bottom:1px solid var(--ln);z-index:7;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex;position:relative}.dcp-tutorial-detail .n1w{z-index:30;height:72px;position:relative}.dcp-tutorial-detail .brand{align-items:center;gap:12px;display:flex}.dcp-tutorial-detail .wm{font-family:var(--fd);letter-spacing:.06em;text-transform:var(--dt);font-size:22px;font-weight:700;font-stretch:100%}.dcp-tutorial-detail .wm b{color:var(--ac);font-weight:700}.dcp-tutorial-detail .links{gap:6px;height:72px;display:flex}.dcp-tutorial-detail .nl{height:72px;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);align-items:center;gap:8px;padding:0 16px;font-size:12px;transition:color .2s;display:flex;position:relative}.dcp-tutorial-detail .nl:after{content:"";background:var(--ac);transform-origin:0;height:2px;transition:transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:16px;right:16px;transform:scaleX(0)}.dcp-tutorial-detail .nl:hover,.dcp-tutorial-detail .nl.on{color:var(--ink)}.dcp-tutorial-detail .nl:hover:after,.dcp-tutorial-detail .nl.on:after{transform:scaleX(1)}.dcp-tutorial-detail .navr{align-items:center;gap:26px;display:flex}.dcp-tutorial-detail .lnk{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);font-size:12px;transition:color .2s}.dcp-tutorial-detail .lnk:hover{color:var(--ink)}.dcp-tutorial-detail .nsr{border:1px solid #0000;justify-content:center;align-items:center;width:34px;height:34px;margin-right:-10px;display:inline-flex}.dcp-tutorial-detail .nsr:hover{border-color:var(--ln)}.dcp-tutorial-detail .dim{z-index:5;background:#15181a52;height:1000px;position:absolute;top:72px;left:0;right:0}.dcp-tutorial-detail .mg{background:var(--pn);border-bottom:1px solid var(--ink);z-index:6;grid-template-columns:400px minmax(0,1fr) 420px;height:344px;display:grid;position:absolute;top:72px;left:0;right:0;overflow:hidden}.dcp-tutorial-detail .mg-c{border-left:1px solid var(--ln);flex-direction:column;padding:26px 36px 0 48px;display:flex}.dcp-tutorial-detail .mg-c:first-child{border-left:0}.dcp-tutorial-detail .mg-lab{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-bottom:8px;font-size:12px}.dcp-tutorial-detail .mg-i{border-top:1px solid var(--ln);grid-template-rows:auto auto;grid-template-columns:1fr auto;column-gap:12px;padding:13px 0;transition:padding .2s;display:grid}.dcp-tutorial-detail .mg-i b{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(24px*var(--hs));line-height:1}.dcp-tutorial-detail .mg-i i{color:var(--mu);grid-column:1;font-size:13px;font-style:normal}.dcp-tutorial-detail .mg-i s{font-family:var(--fm);color:var(--mu);grid-area:1/2/span 2;align-self:center;text-decoration:none;transition:transform .2s,color .2s}.dcp-tutorial-detail .mg-i:hover{padding-left:8px}.dcp-tutorial-detail .mg-i:hover s{color:var(--at,var(--ac));transform:translate(4px)}.dcp-tutorial-detail .mg-fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.dcp-tutorial-detail .mg-fi{border-top:1px solid var(--ln);align-items:center;gap:10px;padding:13px 0;font-size:14px;transition:color .2s;display:flex}.dcp-tutorial-detail .mg-fi:before{content:"";background:var(--ac);width:6px;height:6px}.dcp-tutorial-detail .mg-fi:hover{color:var(--at,var(--ac))}.dcp-tutorial-detail .mg-f{border:1px solid var(--ln);background:var(--pn2);gap:16px;height:290px;margin:26px 36px 0 0;padding:16px;transition:border-color .2s;display:flex;overflow:hidden}.dcp-tutorial-detail .mg-f:hover{border-color:var(--ink)}.dcp-tutorial-detail .mg-f img.mg-ph{object-fit:contain;flex:none;align-self:center;width:112px;height:224px}.dcp-tutorial-detail .mg-tx{flex-direction:column;justify-content:center;gap:8px;display:flex}.dcp-tutorial-detail .mg-tx b{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(28px*var(--hs));line-height:1}.dcp-tutorial-detail .mg-tx i{color:var(--mu);font-size:13px;font-style:normal;line-height:1.45}.dcp-tutorial-detail .mg-tx em{font-style:normal;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--at,var(--ac));font-size:12px}.dcp-tutorial-detail .mg-paid{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--at,var(--ac));border:1px solid var(--at,var(--ac));vertical-align:middle;margin-left:8px;padding:1px 5px;font-size:12px;font-weight:500}.dcp-tutorial-detail .mg-map{justify-content:center;align-items:center;height:250px;margin:20px 0 0;display:flex;position:relative}.dcp-tutorial-detail .mg-mw{width:400px;height:250px;position:relative}.dcp-tutorial-detail .mg-mw img{opacity:.6;width:400px;height:250px;position:absolute;top:0;left:0}.dcp-tutorial-detail .p5 .mg-mw img,.dcp-tutorial-detail .p9 .mg-mw img{filter:invert()}.dcp-tutorial-detail .mg-mw i{background:var(--ac);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.dcp-tutorial-detail .mg-pl{background:var(--pn2);border:1px solid var(--ln);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.dcp-tutorial-detail .mg-pl img{object-fit:cover;opacity:.16;width:100%;height:100%;position:absolute;top:0;left:0}.dcp-tutorial-detail .p5 .mg-pl img,.dcp-tutorial-detail .p9 .mg-pl img{filter:invert()}.dcp-tutorial-detail .mg-pl u{border-left:22px solid var(--ac);border-top:14px solid #0000;border-bottom:14px solid #0000;width:0;height:0;margin-left:8px;position:relative}.dcp-tutorial-detail .ft{border-top:1px solid var(--ln);background:var(--bg);flex-direction:column;display:flex}.dcp-tutorial-detail .ft-top{grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:24px;height:320px;padding:30px 48px 26px;display:grid}.dcp-tutorial-detail .ft-brand{flex-direction:column;gap:14px;display:flex}.dcp-tutorial-detail .ft-bl{white-space:nowrap;align-items:center;gap:12px;display:flex}.dcp-tutorial-detail .ft-brand p{color:var(--mu);max-width:260px;margin:0;font-size:15px;line-height:1.45}.dcp-tutorial-detail .vet{border:1px solid var(--ac);font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--at,var(--ac));align-self:flex-start;align-items:center;gap:10px;padding:7px 12px;font-size:12px;display:inline-flex}.dcp-tutorial-detail .vet:before{content:"";background:var(--ac);width:6px;height:6px}.dcp-tutorial-detail .b4{border:1px solid var(--ac);align-self:flex-start;display:inline-flex}.dcp-tutorial-detail .b4 a{height:40px;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--at,var(--ac));align-items:center;padding:0 16px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.dcp-tutorial-detail .b4 a+a{border-left:1px solid var(--ac)}.dcp-tutorial-detail .b4 a:hover{background:var(--ac);color:var(--ai)}.dcp-tutorial-detail .ft-col h5{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--at,var(--ac));margin:0 0 12px;font-size:12px;font-weight:500}.dcp-tutorial-detail .ft-col a{color:var(--ink);border-top:1px solid var(--ln);padding:7px 0;font-size:14px;transition:padding .2s,color .2s;display:block}.dcp-tutorial-detail .ft-col a:hover{color:var(--at,var(--ac));padding-left:6px}.dcp-tutorial-detail .soc{gap:6px;display:flex}.dcp-tutorial-detail .soc a{border:1px solid var(--ln);width:36px;height:36px;font-family:var(--fm);letter-spacing:.06em;color:var(--mu);justify-content:center;align-items:center;font-size:12px;transition:border-color .2s,color .2s;display:flex}.dcp-tutorial-detail .soc a:hover{border-color:var(--ink);color:var(--ink)}.dcp-tutorial-detail .ft-st{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);height:44px;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);align-items:center;gap:14px;padding:0 48px;font-size:12px;display:flex}.dcp-tutorial-detail .ft-st span:last-child{margin-left:auto}.dcp-tutorial-detail .ft-tk{border-bottom:1px solid var(--ln);background:var(--pn);flex:none;align-items:center;height:44px;display:flex}.dcp-tutorial-detail .ft-tkl{border-right:1px solid var(--ln);height:100%;font-family:var(--fm);letter-spacing:.14em;color:var(--at,var(--ac));background:var(--bg);flex:none;align-items:center;gap:10px;padding:0 24px;font-size:12px;display:flex}.dcp-tutorial-detail .ft-tkr{flex:1;overflow:hidden}.dcp-tutorial-detail .ft-tki{white-space:nowrap;width:max-content;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);gap:44px;font-size:12px;animation:46s linear infinite mq;display:flex}.dcp-tutorial-detail .ft-tki span:before{content:"";background:var(--ac);width:6px;height:6px;margin-right:12px;display:inline-block}.dcp-tutorial-detail .ft-tkr:hover .ft-tki{animation-play-state:paused}.dcp-tutorial-detail .ft-tkx{border-left:1px solid var(--ln);background:var(--bg);flex:none;align-items:center;height:100%;padding:0 20px;display:flex}.dcp-tutorial-detail .ft-gi{flex:1;min-height:150px;position:relative;overflow:hidden}.dcp-tutorial-detail .ft-gt{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(168px*var(--hs));color:var(--ink);white-space:nowrap;line-height:.86;position:absolute;bottom:-.1em;left:40px}.dcp-tutorial-detail .ft-gt b{color:var(--ac);font-weight:inherit}.dcp-tutorial-detail .ft-lg{border-top:1px solid var(--ln);height:48px;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);background:var(--bg);justify-content:space-between;align-items:center;padding:0 48px;font-size:12px;display:flex;position:relative}.dcp-tutorial-detail :focus-visible{outline:2px solid var(--ac);outline-offset:2px}.dcp-tutorial-detail .pgsw{background:var(--ac);z-index:3;pointer-events:none;animation:.9s cubic-bezier(.7,0,.2,1) .15s both tdsw;position:absolute;inset:72px 0 0;transform:translate(-101%)}@keyframes tdsw{0%{transform:translate(-101%)}45%{transform:translate(0)}to{transform:translate(101%)}}@keyframes tdfu{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tdpulse{0%,to{opacity:.45}50%{opacity:1}}.dcp-tutorial-detail .td-ln{margin-bottom:-.08em;padding:.04em 0 .14em;display:block;overflow:hidden}.dcp-tutorial-detail .td-rs{animation:.9s cubic-bezier(.2,.8,.2,1) both rise;animation-delay:var(--d,0s);display:block}.dcp-tutorial-detail .td-st{animation:.6s cubic-bezier(.2,.8,.2,1) both tdfu;animation-delay:calc(var(--i,0)*80ms)}.dcp-tutorial-detail .td-hero{border-bottom:1px solid var(--ln);grid-template-columns:minmax(0,1fr) 420px;gap:20px 48px;padding:24px 48px 36px;display:grid;position:relative;overflow:hidden}.dcp-tutorial-detail .td-gd{background-image:linear-gradient(var(--gl)1px,transparent 1px),linear-gradient(90deg,var(--gl)1px,transparent 1px);pointer-events:none;background-size:48px 48px;width:100%;height:100%;position:absolute;top:0;left:0}.dcp-tutorial-detail .td-crumb{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);flex-wrap:wrap;grid-column:1/span 2;gap:10px;font-size:12px;display:flex;position:relative}.dcp-tutorial-detail .td-crumb>a{transition:color .2s}.dcp-tutorial-detail .td-crumb>a:hover{color:var(--ink)}.dcp-tutorial-detail .td-crumb>b{color:var(--ink);font-weight:500}.dcp-tutorial-detail .td-hl{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.dcp-tutorial-detail .td-h1{font-size:calc(92px*var(--hs));margin-top:6px}.dcp-tutorial-detail .td-lede{color:var(--mu);max-width:640px;margin:0;font-size:19px;line-height:1.5}.dcp-tutorial-detail .td-mr{flex-wrap:wrap;gap:8px;display:flex}.dcp-tutorial-detail .td-tag{border:1px solid var(--ln);font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.dcp-tutorial-detail .td-tag.ac{border-color:var(--ac);color:var(--at,var(--ac))}.dcp-tutorial-detail .td-acts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dcp-tutorial-detail .td-act{border:1px solid var(--ln);height:38px;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:border-color .15s,background .15s;display:inline-flex}.dcp-tutorial-detail .td-act:hover{border-color:var(--ink);background:var(--pn2)}.dcp-tutorial-detail .td-hr{z-index:1;border:1px solid var(--ln);background:var(--pn);align-self:end;position:relative}.dcp-tutorial-detail .td-hrh{border-bottom:1px solid var(--ln);font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.dcp-tutorial-detail .td-hrr{border-top:1px solid var(--ln);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:46px;padding:0 16px;font-size:14px;display:grid}.dcp-tutorial-detail .td-hrh+.td-hrr{border-top:0}.dcp-tutorial-detail .td-hrr i{font-style:normal;font-family:var(--fm);letter-spacing:.08em;color:var(--mu);font-size:12px}.dcp-tutorial-detail .td-proto{border-top:1px solid var(--ln);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.dcp-tutorial-detail .td-pv{border:1px solid var(--ln);height:30px;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);padding:0 12px;font-size:12px;transition:border-color .2s,color .2s}.dcp-tutorial-detail .td-pv:hover{border-color:var(--ink);color:var(--ink)}.dcp-tutorial-detail .td-pv.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.dcp-tutorial-detail .td-sec{padding:44px 48px 0}.dcp-tutorial-detail .td-pr{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:32px;margin-top:22px;display:grid}.dcp-tutorial-detail .td-pl{border:1px solid var(--ln);background:var(--pn);position:relative}.dcp-tutorial-detail .td-stg{background:repeating-linear-gradient(135deg,var(--ln)0,var(--ln)1px,transparent 1px,transparent 14px),var(--pn2);border-bottom:1px solid var(--ln);height:496px;position:relative}.dcp-tutorial-detail .td-dlb{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);z-index:5;font-size:12px;position:absolute;top:18px;left:20px}.dcp-tutorial-detail .td-big{background:var(--ac);width:88px;height:88px;color:var(--ai);z-index:2;justify-content:center;align-items:center;margin:-44px 0 0 -44px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%}.dcp-tutorial-detail .td-big:hover{transform:scale(1.06)}.dcp-tutorial-detail .td-play .td-ipa,.dcp-tutorial-detail .td-pause .td-ip{display:none}.dcp-tutorial-detail .td-skel{z-index:3;background:repeating-linear-gradient(135deg,var(--pn2)0,var(--pn2)12px,var(--pn)12px,var(--pn)24px);width:100%;height:100%;font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);justify-content:center;align-items:center;font-size:12px;animation:1.4s infinite tdpulse;display:flex;position:absolute;top:0;left:0}.dcp-tutorial-detail .td-enl{color:#ece9e2;z-index:6;background:#0c0e0cb8;border:1px solid #fff3;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;bottom:14px;right:14px}.dcp-tutorial-detail .td-ctl{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;height:64px;padding:0 20px;display:grid}.dcp-tutorial-detail .td-cb{background:var(--ac);width:40px;height:40px;color:var(--ai);justify-content:center;align-items:center;display:flex}.dcp-tutorial-detail .td-prog{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:28px;display:flex;position:relative}.dcp-tutorial-detail .td-prog i{background:var(--ln);height:5px;display:block;position:absolute;left:0;right:0}.dcp-tutorial-detail .td-prog b{background:var(--ac);height:5px;font-size:0;display:block;position:absolute;left:0}.dcp-tutorial-detail .td-tm{font-family:var(--fm);letter-spacing:.06em;color:var(--mu);white-space:nowrap;font-size:12px}.dcp-tutorial-detail .td-tm b{color:var(--ink);font-weight:500}.dcp-tutorial-detail .td-now{border-top:1px solid var(--ln);background:var(--pn2);align-items:center;gap:12px;height:44px;padding:0 20px;font-size:14px;display:flex}.dcp-tutorial-detail .td-card{border:1px solid var(--ln);background:var(--pn)}.dcp-tutorial-detail .td-cdh{border-bottom:1px solid var(--ln);font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.dcp-tutorial-detail .td-cdh b{color:var(--ink);font-weight:500}.dcp-tutorial-detail .td-chr{border-top:1px solid var(--ln);grid-template-columns:54px minmax(0,1fr);gap:12px;width:100%;padding:12px 18px;font-size:14px;line-height:1.35;transition:background .15s,padding .2s;display:grid}.dcp-tutorial-detail .td-cdh+.td-chr,.dcp-tutorial-detail .td-chs>.td-chr:first-child{border-top:0}.dcp-tutorial-detail .td-chr:hover{background:var(--pn2);padding-left:22px}.dcp-tutorial-detail .td-chr.on{background:var(--bg)}.dcp-tutorial-detail .td-chr .t{font-family:var(--fm);letter-spacing:.06em;color:var(--at,var(--ac));padding-top:2px;font-size:12px}.dcp-tutorial-detail .td-side{flex-direction:column;gap:20px;display:flex}.dcp-tutorial-detail .td-psv{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.dcp-tutorial-detail .td-bar{background:var(--ln);height:6px}.dcp-tutorial-detail .td-bar b{background:var(--ac);height:6px;transition:width .3s;display:block}.dcp-tutorial-detail .td-prt{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);justify-content:space-between;gap:10px;font-size:12px;display:flex}.dcp-tutorial-detail .td-prt b{color:var(--ink);font-weight:500}.dcp-tutorial-detail .td-2c{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:40px;margin-top:22px;display:grid}.dcp-tutorial-detail .td-h2{font-size:calc(60px*var(--hs));margin-top:22px}.dcp-tutorial-detail .td-stp{border-top:1px solid var(--ln);grid-template-columns:56px minmax(0,1fr) 220px;align-items:start;gap:20px;padding:20px 0;display:grid}.dcp-tutorial-detail .td-stp:first-child{border-top:0}.dcp-tutorial-detail .td-chk{border:1px solid var(--mu);background:var(--bg);color:#0000;width:40px;height:40px;font-family:var(--fm);justify-content:center;align-items:center;font-size:13px;transition:background .15s,border-color .15s;display:flex}.dcp-tutorial-detail .td-chk:hover{border-color:var(--ink)}.dcp-tutorial-detail .td-chk.on{background:var(--ac);border-color:var(--ac);color:var(--ai)}.dcp-tutorial-detail .td-stn{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--at,var(--ac));margin-bottom:6px;font-size:12px}.dcp-tutorial-detail .td-stt{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(30px*var(--hs));margin:0;line-height:1.04}.dcp-tutorial-detail .td-std{color:var(--mu);margin:10px 0 0;font-size:15px;line-height:1.55}.dcp-tutorial-detail .td-stp.dn .td-stt{color:var(--mu);text-decoration:line-through}.dcp-tutorial-detail .td-fig{background:repeating-linear-gradient(135deg,var(--pn2)0,var(--pn2)10px,var(--pn)10px,var(--pn)20px);border:1px solid var(--ln);width:100%;height:150px;display:block;position:relative;overflow:hidden}.dcp-tutorial-detail .td-fig img{width:220px;height:auto;position:absolute;top:-14px;left:0}.dcp-tutorial-detail .td-fig .ph{width:100%;height:100%;font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);text-align:center;justify-content:center;align-items:center;padding:0 14px;font-size:12px;display:flex;position:absolute;top:0;left:0}.dcp-tutorial-detail .td-ring{border:2px solid var(--ac);pointer-events:none;z-index:2;width:40px;height:26px;margin:-13px 0 0 -20px;position:absolute}.dcp-tutorial-detail .td-empty{border:1px dashed var(--ln);flex-direction:column;align-items:flex-start;gap:12px;padding:30px 24px;display:flex}.dcp-tutorial-detail .td-empty p{color:var(--mu);max-width:480px;margin:0;font-size:15px;line-height:1.5}.dcp-tutorial-detail .td-rsr{border-top:1px solid var(--ln);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 18px;display:grid}.dcp-tutorial-detail .td-cdh+.td-rsr{border-top:0}.dcp-tutorial-detail .td-rsr b{font-size:15px;font-weight:600;display:block}.dcp-tutorial-detail .td-rsr i{font-style:normal;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);font-size:12px}.dcp-tutorial-detail .td-tx{max-height:300px;overflow:auto}.dcp-tutorial-detail .td-hf{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.dcp-tutorial-detail .td-ph{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dcp-tutorial-detail .td-tsm{border-top:1px solid var(--ln);font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:flex}.dcp-tutorial-detail .td-srch{border-top:1px solid var(--ln);padding:12px 18px;position:relative}.dcp-tutorial-detail .td-srch svg{color:var(--mu);position:absolute;top:26px;left:30px}.dcp-tutorial-detail .td-inp{background:var(--pn2);border:1px solid var(--ln);width:100%;height:42px;color:var(--ink);font-family:var(--fb);border-radius:0;outline:none;padding:0 14px 0 40px;font-size:14px}.dcp-tutorial-detail .td-inp:focus{border-color:var(--ink);outline:2px solid var(--ac);outline-offset:1px}.dcp-tutorial-detail .td-mk{background:var(--ac);color:var(--ai);padding:0 2px}.dcp-tutorial-detail .td-rg{border-top:1px solid var(--ln);border-left:1px solid var(--ln);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;display:grid}.dcp-tutorial-detail .td-rc{border-right:1px solid var(--ln);border-bottom:1px solid var(--ln);background:var(--bg);flex-direction:column;transition:background .2s;display:flex}.dcp-tutorial-detail .td-rc:hover{background:var(--pn)}.dcp-tutorial-detail .td-rt{background:repeating-linear-gradient(135deg,var(--ln)0,var(--ln)1px,transparent 1px,transparent 12px),var(--pn2);border-bottom:1px solid var(--ln);height:150px;position:relative}.dcp-tutorial-detail .td-rt .c{background:var(--bg);border:1px solid var(--ln);font-family:var(--fm);letter-spacing:.1em;padding:4px 8px;font-size:12px;position:absolute;top:12px;left:12px}.dcp-tutorial-detail .td-rt .d{background:var(--bg);border:1px solid var(--ln);font-family:var(--fm);letter-spacing:.06em;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;right:12px}.dcp-tutorial-detail .td-rb{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.dcp-tutorial-detail .td-rb b{font-size:17px;font-weight:600;line-height:1.3}.dcp-tutorial-detail .td-rb span{color:var(--mu);font-size:13px;line-height:1.45}.dcp-tutorial-detail .td-pn{border:1px solid var(--ln);background:var(--pn);border-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.dcp-tutorial-detail .td-pb{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:84px;padding:0 24px;transition:background .2s;display:grid}.dcp-tutorial-detail .td-pb+.td-pb{border-left:1px solid var(--ln);text-align:right;grid-template-columns:minmax(0,1fr) auto}.dcp-tutorial-detail .td-pb:hover{background:var(--pn2)}.dcp-tutorial-detail .td-pb.off{opacity:.5;cursor:not-allowed}.dcp-tutorial-detail .td-pb.off:hover{background:0 0}.dcp-tutorial-detail .td-pb .a{font-family:var(--fm);color:var(--at,var(--ac));font-size:18px}.dcp-tutorial-detail .td-pb .lab{margin-bottom:4px;display:block}.dcp-tutorial-detail .td-pb b{font-size:15px;font-weight:600;line-height:1.3;display:block}.dcp-tutorial-detail .td-sp{flex:1 0 48px}.dcp-tutorial-detail .td-state{border-bottom:1px solid var(--ln);flex-direction:column;align-items:flex-start;gap:20px;padding:96px 48px 48px;display:flex}.dcp-tutorial-detail .td-big2{font-size:calc(96px*var(--hs))}.dcp-tutorial-detail .td-th{background:repeating-linear-gradient(135deg,var(--ln)0,var(--ln)1px,transparent 1px,transparent 14px),var(--pn2);height:540px;position:relative}.dcp-tutorial-detail .td-thc{border-bottom:1px solid var(--ln);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;height:68px;padding:0 26px;display:grid}.dcp-tutorial-detail .td-chips{flex-wrap:nowrap;gap:8px;padding:12px 26px;display:flex;overflow-x:auto}.dcp-tutorial-detail .td-chips .xk-chip{white-space:nowrap;flex:none}.dcp-tutorial-detail .td-ok{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 4px 8px;display:flex}.dcp-tutorial-detail .td-ok .ck{border:1px solid var(--se);width:48px;height:48px;color:var(--se);justify-content:center;align-items:center;display:flex}.dcp-tutorial-detail .td-ok h4{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(36px*var(--hs));margin:0;line-height:1}.dcp-tutorial-detail .td-ok p{color:var(--mu);max-width:460px;margin:0;font-size:15px;line-height:1.55}.dcp-tutorial-detail .td-fnote{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--mu);font-size:12px;line-height:1.6}.dcp-tutorial-detail .td-ref{font-family:var(--fm);letter-spacing:.12em;border:1px solid var(--ln);background:var(--bg);padding:8px 12px;font-size:13px;display:inline-block}.dcp-tutorial-detail .td-cbx{text-align:left;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.dcp-tutorial-detail .td-cbx i{border:1px solid var(--mu);background:var(--bg);color:#0000;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.dcp-tutorial-detail .td-cbx.on i{background:var(--ac);border-color:var(--ac);color:var(--ai)}.dcp-tutorial-detail .td-shr{flex-wrap:wrap;gap:8px;display:flex}.dcp-tutorial-detail .td-shr a{border:1px solid var(--ln);height:40px;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:0 14px;font-size:12px;transition:border-color .15s;display:inline-flex}.dcp-tutorial-detail .td-shr a:hover{border-color:var(--ink)}.dcp-tutorial-detail .td-store{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dcp-tutorial-detail .td-store a{border:1px solid var(--ink);height:56px;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;transition:background .2s,color .2s;display:flex}.dcp-tutorial-detail .td-store a:hover{background:var(--ink);color:var(--bg)}.dcp-tutorial-detail .td-qr{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:20px;display:grid}.dcp-tutorial-detail .td-qrb{border:1px solid var(--ln);background:repeating-linear-gradient(90deg,var(--ink)0,var(--ink)3px,transparent 3px,transparent 7px),repeating-linear-gradient(0deg,var(--bg)0,var(--bg)3px,transparent 3px,transparent 9px),var(--pn);width:132px;height:132px;font-family:var(--fm);letter-spacing:.1em;justify-content:center;align-items:flex-end;font-size:12px;display:flex}.dcp-tutorial-detail .td-qrb span{background:var(--bg);border:1px solid var(--ln);margin-bottom:8px;padding:3px 6px}.dcp-tutorial-detail .lh-w{background:#0c0e0ce6;flex:1;justify-content:center;align-items:center;gap:56px;min-height:0;padding:18px 48px;display:flex}.dcp-tutorial-detail .lh-i{flex:none;height:100%;position:relative}.dcp-tutorial-detail .lh-i img{width:auto;height:100%;display:block}.dcp-tutorial-detail .lh-p{background:var(--ac);color:#15181a;width:30px;height:30px;font-family:var(--fm);z-index:2;border:2px solid #f4f0e8;border-radius:50%;justify-content:center;align-items:center;margin:-15px 0 0 -15px;font-size:12px;font-weight:600;display:flex;position:absolute}.dcp-tutorial-detail .lh-p.on{border-color:var(--ac);background:#f4f0e8}.dcp-tutorial-detail .lh-l{color:#ece9e2;flex-direction:column;width:380px;max-height:100%;display:flex;overflow:auto}.dcp-tutorial-detail .lh-r{color:#b8c2b8;text-align:left;border-top:1px solid #2f3d32;grid-template-columns:32px minmax(0,1fr);gap:12px;width:100%;padding:12px 10px;font-size:14px;line-height:1.45;display:grid}.dcp-tutorial-detail .lh-r b{font-family:var(--fm);color:#d4622f;font-size:12px;font-weight:500}.dcp-tutorial-detail .lh-r.on{color:#ece9e2;background:#ffffff12}.dcp-tutorial-detail .ov-sc{z-index:90;cursor:default;background:#0c0e0ca8;animation:.18s both ovf;position:absolute;inset:0}.dcp-tutorial-detail .ov-md{background:var(--pn2);width:640px;max-height:860px;color:var(--ink);border:1px solid var(--ln);z-index:91;margin-left:-320px;animation:.22s cubic-bezier(.2,.7,.2,1) both ovu;position:absolute;left:50%;overflow:auto}.dcp-tutorial-detail .ov-md--w{width:960px;margin-left:-480px}.dcp-tutorial-detail .ov-md--s{width:480px;margin-left:-240px}.dcp-tutorial-detail .ov-hd{border-bottom:1px solid var(--ln);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 16px;display:flex}.dcp-tutorial-detail .ov-hd h3{font-family:var(--fd);font-weight:var(--dw);text-transform:var(--dt);letter-spacing:var(--dl);font-stretch:var(--ds,100%);font-size:calc(30px*var(--hs));line-height:var(--dlh);margin:0}.dcp-tutorial-detail .ov-hd p{color:var(--mu);margin:6px 0 0;font-size:14px;line-height:1.5}.dcp-tutorial-detail .ov-bd{padding:22px 26px}.dcp-tutorial-detail .ov-ft{border-top:1px solid var(--ln);background:var(--pn);justify-content:space-between;align-items:center;gap:12px;padding:16px 26px;display:flex}.dcp-tutorial-detail .ov-x{border:1px solid var(--ln);background:var(--bg);width:34px;height:34px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.dcp-tutorial-detail .ov-x:hover{border-color:var(--ac)}.dcp-tutorial-detail .ov-dr{background:var(--pn2);width:560px;height:820px;color:var(--ink);border-left:1px solid var(--ln);z-index:91;flex-direction:column;animation:.26s cubic-bezier(.2,.7,.2,1) both ovr;display:flex;position:absolute;right:0;overflow:auto}.dcp-tutorial-detail .ov-dr>*{flex:none}.dcp-tutorial-detail .ov-dr>.ov-ft{margin-top:auto}.dcp-tutorial-detail .ov-lb{z-index:91;flex-direction:column;height:860px;animation:.18s both ovf;display:flex;position:absolute;left:0;right:0}.dcp-tutorial-detail .ov-lb-st{cursor:zoom-in;background:#0c0e0ce6;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.dcp-tutorial-detail .ov-lb-st.z{cursor:zoom-out}.dcp-tutorial-detail .ov-lb-st img,.dcp-tutorial-detail .ov-lb-st video{max-width:92%;max-height:100%;transition:transform .25s;display:block}.dcp-tutorial-detail .ov-lb-bar{color:#ece9e2;background:#0c0e0ceb;border-top:1px solid #2f3d32;flex:none;align-items:center;gap:16px;padding:14px 26px;display:flex}.dcp-tutorial-detail .ov-lb-bar b{font-family:var(--fm);letter-spacing:.12em;color:#d4622f;font-size:12px;font-weight:500}.dcp-tutorial-detail .ov-lb-bar span{flex:1;font-size:14px;line-height:1.4}.dcp-tutorial-detail .ov-nv{color:#ece9e2;background:#0c0e0c99;border:1px solid #2f3d32;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.dcp-tutorial-detail .ov-nv:hover{border-color:#d4622f}.dcp-tutorial-detail .ov-enl{color:#ece9e2;opacity:0;z-index:3;background:#0c0e0cb8;border:1px solid #fff3;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .15s;display:inline-flex;position:absolute;top:10px;right:10px}.dcp-tutorial-detail .ov-enl:focus-visible{opacity:1}.dcp-tutorial-detail .ov-zm{cursor:zoom-in;position:relative}.dcp-tutorial-detail .ov-zm:hover .ov-enl,.dcp-tutorial-detail .ov-zm:focus-within .ov-enl{opacity:1}.dcp-tutorial-detail .ov-i{vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.dcp-tutorial-detail .ov-ib{border:1px solid var(--ln);width:18px;height:18px;font-family:var(--fm);color:var(--mu);background:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.dcp-tutorial-detail .ov-ib:hover,.dcp-tutorial-detail .ov-ib.on{border-color:var(--ac);color:var(--ink)}.dcp-tutorial-detail .ov-pop{background:var(--pn2);border:1px solid var(--ac);width:288px;color:var(--ink);font-family:var(--fb);text-transform:none;letter-spacing:0;text-align:left;z-index:70;padding:14px 16px;font-size:13px;font-weight:400;line-height:1.5;animation:.16s both ovu;position:absolute;top:calc(100% + 8px);left:-10px;box-shadow:0 14px 30px #00000040}.dcp-tutorial-detail .ov-pop--r{left:auto;right:-10px}.dcp-tutorial-detail .ov-pop b{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--at,var(--ac));margin-bottom:4px;font-size:12px;font-weight:500;display:block}.dcp-tutorial-detail .ov-pop em{font-style:normal;font-family:var(--fm);letter-spacing:.06em;color:var(--mu);margin-top:8px;font-size:12px;display:block}.dcp-tutorial-detail .ov-pop em:empty{display:none}.dcp-tutorial-detail .ov-pop a{font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ac);margin-top:8px;font-size:12px;display:inline-block}.dcp-tutorial-detail .ov-gl{border-bottom:1px dotted var(--mu);cursor:help}.dcp-tutorial-detail .ov-tst{background:var(--ink);width:380px;color:var(--bg);z-index:95;border-left:4px solid var(--ac);align-items:flex-start;gap:12px;padding:14px 16px;animation:.22s both ovu;display:flex;position:absolute;right:32px}.dcp-tutorial-detail .ov-tst span{flex:1;font-size:14px;line-height:1.4}.dcp-tutorial-detail .ov-tst button{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;font-size:12px;text-decoration:underline}.dcp-tutorial-detail .ov-f{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.dcp-tutorial-detail .ov-f label{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-size:12px}.dcp-tutorial-detail .ov-f input,.dcp-tutorial-detail .ov-f textarea,.dcp-tutorial-detail .ov-f select{background:var(--bg);border:1px solid var(--ln);width:100%;color:var(--ink);font:inherit;border-radius:0;outline:0;padding:11px 12px;font-size:15px;display:block}.dcp-tutorial-detail .ov-f input:focus,.dcp-tutorial-detail .ov-f textarea:focus,.dcp-tutorial-detail .ov-f select:focus{border-color:var(--ac)}.dcp-tutorial-detail .ov-f .er{color:#b3261e;font-size:12px}.dcp-tutorial-detail .ov-f .er:empty{display:none}.dcp-tutorial-detail .pa .ov-f .er,.dcp-tutorial-detail .pa .xk-er{color:#ff8a7a}.dcp-tutorial-detail .ov-stp{gap:6px;margin-bottom:20px;display:flex}.dcp-tutorial-detail .ov-stp i{background:var(--ln);flex:1;height:4px}.dcp-tutorial-detail .ov-stp i.on{background:var(--ac)}@keyframes ovf{0%{opacity:0}to{opacity:1}}@keyframes ovu{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ovr{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.dcp-tutorial-detail .xk-lab{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);font-size:12px}.dcp-tutorial-detail .xk-tags{flex-wrap:wrap;gap:8px;display:flex}.dcp-tutorial-detail .xk-tag{border:1px solid var(--ln);font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--mu);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.dcp-tutorial-detail .xk-tag.ac{border-color:var(--ac);color:var(--at,var(--ac))}.dcp-tutorial-detail .xk-sec{margin-top:22px}.dcp-tutorial-detail .xk-sec:first-child{margin-top:0}.dcp-tutorial-detail .xk-sec h4{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin:0 0 6px;font-size:12px;font-weight:500}.dcp-tutorial-detail .xk-p{color:var(--mu);margin:0 0 10px;font-size:15px;line-height:1.55}.dcp-tutorial-detail .xk-row{border-top:1px solid var(--ln);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 0;font-size:14px;display:grid}.dcp-tutorial-detail .xk-row i{font-style:normal;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);font-size:12px}.dcp-tutorial-detail .xk-btns{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.dcp-tutorial-detail .xk-chips{flex-wrap:wrap;gap:8px;display:flex}.dcp-tutorial-detail .xk-chip{border:1px solid var(--ln);height:34px;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);align-items:center;padding:0 12px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.dcp-tutorial-detail .xk-chip:hover{border-color:var(--ink);color:var(--ink)}.dcp-tutorial-detail .xk-chip.on{background:var(--ac);border-color:var(--ac);color:var(--ai)}.dcp-tutorial-detail .xk-note{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);font-size:12px;line-height:1.6}.dcp-tutorial-detail .xk-er{color:#b3261e;margin-top:2px;font-size:12px}.dcp-tutorial-detail .xk-er:empty{display:none}.dcp-tutorial-detail .xk-dis{opacity:.45;cursor:not-allowed}.dcp-tutorial-detail .xk-sub{z-index:12;background:var(--bg);border-bottom:1px solid var(--ln);align-items:center;gap:4px;height:48px;padding:0 48px;display:flex;position:sticky;top:0}.dcp-tutorial-detail .xk-sub a{height:48px;font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-size:12px;transition:color .15s,border-color .15s;display:inline-flex}.dcp-tutorial-detail .xk-sub a:hover{color:var(--ink)}.dcp-tutorial-detail .xk-sub a.on{color:var(--ink);border-bottom-color:var(--ac)}.dcp-tutorial-detail .xk-sub .xk-sl{font-family:var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--mu);margin-right:12px;font-size:12px}.dcp-tutorial-detail .xk-sub .xk-top{margin-left:auto;padding:0}.dcp-tutorial-detail .tjm{overflow:clip}.dcp-tutorial-detail .pgsw{top:0}.dcp-tutorial-detail .xk-sub{top:var(--sn-h,72px)}.dcp-tutorial-detail #td-player,.dcp-tutorial-detail #td-steps,.dcp-tutorial-detail #td-res,.dcp-tutorial-detail #td-tx,.dcp-tutorial-detail #td-fb,.dcp-tutorial-detail #td-rel,.dcp-tutorial-detail #td-top{scroll-margin-top:136px}.dcp-tutorial-detail .td-stg{aspect-ratio:16/9;height:auto;overflow:hidden}.dcp-tutorial-detail .td-stg .td-simg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dcp-tutorial-detail .td-stg .mp-noimg{background:0 0}.dcp-tutorial-detail .td-stg.act .td-big{display:none}.dcp-tutorial-detail .mp-host{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.dcp-tutorial-detail .mp-yt,.dcp-tutorial-detail .mp-host iframe,.dcp-tutorial-detail .mp-host video{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dcp-tutorial-detail .mp-host video{object-fit:contain}.dcp-tutorial-detail .mp-noimg{background:repeating-linear-gradient(135deg,var(--pn2)0,var(--pn2)12px,var(--pn)12px,var(--pn)24px);display:block}.dcp-tutorial-detail .td-nomed{z-index:2;background:var(--bg);border:1px solid var(--ln);font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--mu);padding:12px 14px;font-size:12px;position:absolute;bottom:20px;left:20px;right:20px}.dcp-tutorial-detail .td-err{border-top:1px solid var(--ln);background:var(--pn2);color:#b3261e;padding:12px 20px;font-size:14px;line-height:1.5}.dcp-tutorial-detail .td-prog[aria-disabled=true]{cursor:default;opacity:.6}.dcp-tutorial-detail .td-hf button:disabled,.dcp-tutorial-detail .btn:disabled{opacity:.6;cursor:default}.dcp-tutorial-detail .td-inp[type=search]::-webkit-search-cancel-button{appearance:none}.dcp-tutorial-detail .td-state{min-height:420px}.dcp-tutorial-detail .td-stp2{color:var(--mu);max-width:520px;margin:0;font-size:19px;line-height:1.5}.dcp-tutorial-detail .td-pr.one{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-2c.one{grid-template-columns:minmax(0,720px)}.dcp-tutorial-detail .td-lede{white-space:pre-line;overflow-wrap:anywhere}.dcp-tutorial-detail .td-hrr{height:auto;min-height:46px;padding:10px 16px}.dcp-tutorial-detail .td-hrr i{text-align:right;overflow-wrap:anywhere}.dcp-tutorial-detail .td-stp{grid-template-columns:56px minmax(0,1fr)}.dcp-tutorial-detail .td-stp.hasfig{grid-template-columns:56px minmax(0,1fr) 220px}.dcp-tutorial-detail .td-std{white-space:pre-line}.dcp-tutorial-detail .td-fig{height:auto;max-height:320px}.dcp-tutorial-detail .td-fig img{width:100%;height:auto;display:block;position:static;top:auto}.dcp-tutorial-detail .td-rt .td-rimg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.dcp-tutorial-detail .td-rt .mp-noimg{background:0 0}.dcp-tutorial-detail .td-rt .c,.dcp-tutorial-detail .td-rt .d{z-index:2}.dcp-tutorial-detail .td-rc{min-width:0;color:inherit}.dcp-tutorial-detail .td-cbx{min-height:44px}.dcp-tutorial-detail .td-chs{max-height:420px;overflow:auto}@media (max-width:1280px){.dcp-tutorial-detail .td-pr{grid-template-columns:minmax(0,1fr) 340px;gap:24px}.dcp-tutorial-detail .td-hero{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width:1100px){.dcp-tutorial-detail .td-hero{grid-template-columns:minmax(0,1fr);padding:24px 32px 32px}.dcp-tutorial-detail .td-crumb{grid-column:1}.dcp-tutorial-detail .td-h1{font-size:calc(72px*var(--hs))}.dcp-tutorial-detail .td-sec{padding:36px 32px 0}.dcp-tutorial-detail .td-pr{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-2c{grid-template-columns:minmax(0,1fr);gap:32px}.dcp-tutorial-detail .td-2c.one{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-rg{grid-template-columns:repeat(2,minmax(0,1fr))}.dcp-tutorial-detail .xk-sub{white-space:nowrap;scrollbar-width:none;padding:0 32px;overflow-x:auto}.dcp-tutorial-detail .xk-sub::-webkit-scrollbar{display:none}.dcp-tutorial-detail .xk-sub a{flex:none}}@media (max-width:979px){.dcp-tutorial-detail .xk-sub{top:var(--sn-h,64px)}.dcp-tutorial-detail #td-player,.dcp-tutorial-detail #td-steps,.dcp-tutorial-detail #td-res,.dcp-tutorial-detail #td-tx,.dcp-tutorial-detail #td-fb,.dcp-tutorial-detail #td-rel,.dcp-tutorial-detail #td-top{scroll-margin-top:124px}}@media (max-width:720px){.dcp-tutorial-detail .xk-sub{gap:0;padding:0 8px}.dcp-tutorial-detail .xk-sub .xk-sl{display:none}.dcp-tutorial-detail .xk-sub a{height:48px;padding:0 14px;font-size:12px}.dcp-tutorial-detail .td-state{min-height:0;padding:48px 16px 40px}.dcp-tutorial-detail .td-big2{font-size:clamp(40px,13vw,64px)}.dcp-tutorial-detail .td-stp2{font-size:17px}.dcp-tutorial-detail .td-hero{row-gap:18px;padding:16px 16px 28px}.dcp-tutorial-detail .td-crumb,.dcp-tutorial-detail .e2{font-size:12px}.dcp-tutorial-detail .td-h1{font-size:clamp(30px,9vw,44px)}.dcp-tutorial-detail .td-lede{font-size:17px}.dcp-tutorial-detail .td-tag{font-size:12px}.dcp-tutorial-detail .td-act{height:44px;font-size:12px}.dcp-tutorial-detail .td-acts .btn{height:44px}.dcp-tutorial-detail .td-hrh{font-size:12px}.dcp-tutorial-detail .td-hrr{grid-template-columns:minmax(0,1fr);gap:4px}.dcp-tutorial-detail .td-hrr i{text-align:left;font-size:12px}.dcp-tutorial-detail .td-sec{padding:28px 16px 0}.dcp-tutorial-detail .td-big{width:72px;height:72px;margin:-36px 0 0 -36px}.dcp-tutorial-detail .td-ctl{gap:10px;height:64px;padding:0 12px}.dcp-tutorial-detail .td-cb{width:44px;height:44px}.dcp-tutorial-detail .td-tm{font-size:13px}.dcp-tutorial-detail .td-now{align-items:flex-start;height:auto;min-height:44px;padding:10px 16px}.dcp-tutorial-detail .td-cdh{padding:14px 16px;font-size:12px}.dcp-tutorial-detail .td-chr{padding:12px 16px;font-size:15px}.dcp-tutorial-detail .td-psv{padding:16px}.dcp-tutorial-detail .td-prt{flex-wrap:wrap;font-size:12px}.dcp-tutorial-detail .td-h2{font-size:clamp(30px,9vw,44px)}.dcp-tutorial-detail .td-stp{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 0}.dcp-tutorial-detail .td-stp.hasfig{grid-template-columns:48px minmax(0,1fr)}.dcp-tutorial-detail .td-stp.hasfig .td-fig{grid-column:1/-1}.dcp-tutorial-detail .td-chk{width:44px;height:44px}.dcp-tutorial-detail .td-stt{font-size:clamp(22px,6.5vw,28px)}.dcp-tutorial-detail .td-std{font-size:16px}.dcp-tutorial-detail .td-rsr{padding:12px 16px}.dcp-tutorial-detail .td-hf{padding:16px}.dcp-tutorial-detail .td-inp{height:48px;font-size:16px}.dcp-tutorial-detail .td-srch svg{top:28px}.dcp-tutorial-detail .td-rg{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-rt{aspect-ratio:16/9;height:auto}.dcp-tutorial-detail .td-rb b{font-size:18px}.dcp-tutorial-detail .td-rb span{font-size:14px}.dcp-tutorial-detail .td-pn{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-pb{padding:14px 16px}.dcp-tutorial-detail .td-pb+.td-pb{border-left:0;border-top:1px solid var(--ln)}.dcp.dcp-tutorial-detail .ov-md{border-left:0;border-right:0;width:100vw!important;max-height:100dvh!important}.dcp-tutorial-detail .ov-hd{padding:18px 16px 14px}.dcp-tutorial-detail .ov-bd{padding:18px 16px}.dcp-tutorial-detail .ov-ft{flex-wrap:wrap;padding:14px 16px}.dcp-tutorial-detail .ov-hd h3{font-size:clamp(22px,7vw,28px)}.dcp-tutorial-detail .ov-x{width:44px;height:44px}.dcp-tutorial-detail .xk-chip{height:44px;font-size:12px}.dcp-tutorial-detail .xk-note,.dcp-tutorial-detail .xk-lab,.dcp-tutorial-detail .xk-sec h4{font-size:12px}.dcp-tutorial-detail .td-store{grid-template-columns:minmax(0,1fr)}.dcp-tutorial-detail .td-shr a{height:48px}.dcp-tutorial-detail .td-ok h4{font-size:clamp(28px,8vw,36px)}.dcp-tutorial-detail .td-prog{height:44px}.dcp-tutorial-detail .td-psv .b3,.dcp-tutorial-detail .td-hf .b3{padding:14px 0}.dcp-tutorial-detail .td-ph .xk-chip{justify-content:center;min-width:48px}.dcp-tutorial-detail .ov-md .b3,.dcp-tutorial-detail .ov-dr .b3{padding:14px 0}.dcp-tutorial-detail .ov-md .btn.sm,.dcp-tutorial-detail .ov-dr .btn.sm{height:44px}.dcp-tutorial-detail .ov-f input,.dcp-tutorial-detail .ov-f textarea{min-height:44px}.dcp-tutorial-detail .td-shr a{justify-content:center;min-width:48px}.dcp-tutorial-detail .ov-md .b3,.dcp-tutorial-detail .ov-dr .b3{align-items:center;min-width:44px;display:inline-flex}}