.k-codetoinspire .ci-i-sh{border-bottom:1px solid var(--ci-i-border-sub);background:#fff;align-items:center;gap:56px;padding:24px;display:flex}.k-codetoinspire .ci-i-sh-l{flex-direction:column;flex:1 0 0;justify-content:center;gap:8px;min-width:1px;display:flex}.k-codetoinspire .ci-i-sh-close{color:var(--ci-i-prim);align-self:flex-start;align-items:center;gap:6px;padding:4px 0;display:flex}.k-codetoinspire .ci-i-sh-steps{align-items:center;gap:12px;padding:8px 0;display:flex}.k-codetoinspire .ci-i-sh-course{color:var(--ci-i-prim);white-space:nowrap;font-weight:700}.k-codetoinspire .ci-i-sh-course:empty{display:none}.k-codetoinspire .ci-i-sh-chips{align-items:flex-start;gap:12px;display:flex}.k-codetoinspire .ci-i-sh-chip{border:1px solid var(--ci-i-border-sub);width:24px;height:24px;color:var(--ci-i-mute);white-space:nowrap;background:#fff;border-radius:1024px;justify-content:center;align-items:center;display:flex}.k-codetoinspire .ci-i-sh-chip.is-on{border:2px solid var(--ci-i-border-ink);width:auto;color:var(--ci-i-prim);padding:4px 12px;font-weight:700}.k-codetoinspire .ci-i-sh-note{color:var(--ci-i-ink)}.k-codetoinspire .ci-i-sh-r{align-items:flex-end;gap:24px;display:flex}.k-codetoinspire .ci-i-sh.is-last .ci-i-sh-r{align-self:flex-start;margin-top:26px}.k-codetoinspire .ci-i-sh-save,.k-codetoinspire .ci-i-sh-prev{gap:6px}.k-codetoinspire .ci-i-bigb{flex:none;width:36px;height:42px;display:block;position:relative}.k-codetoinspire .ci-i-bigb:before{content:"";background:var(--bc);border-radius:8px;position:absolute;inset:6px 0 0}.k-codetoinspire .ci-i-bigb>span{border:1px solid var(--bc);background:#fbfcfd;border-radius:7px;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:absolute;inset:6px 0 0}.k-codetoinspire .ci-i-bigb.is-ink{--bc:var(--ci-i-ink)}.k-codetoinspire .ci-i-bigb.is-coral{--bc:var(--ci-i-coral)}.k-codetoinspire .ci-i-bigb.app-pressed{filter:none;transform:none}.k-codetoinspire .ci-i-bigb.app-pressed>span{transform:translateY(2px)}.k-codetoinspire .ci-i-sb{align-items:stretch;display:flex}.k-codetoinspire .ci-i-form{flex-direction:column;flex:none;gap:29px;width:924px;padding:32px;display:flex}.k-codetoinspire .ci-i-form .ci-i-fld{width:860px}.k-codetoinspire .ci-i-guide{background:var(--ci-i-hover);width:519px;color:var(--ci-i-head);flex-direction:column;flex:none;gap:32px;padding:32px;font-size:16px;line-height:24px;display:flex}.k-codetoinspire .ci-i-g-hd{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-g-hd h3,.k-codetoinspire .ci-i-g-s h4{white-space:nowrap;font-size:24px;font-weight:700;line-height:32px}.k-codetoinspire .ci-i-g-hd p{font-size:20px;line-height:28px}.k-codetoinspire .ci-i-g-s{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-g-s p+ul{margin-top:-4px}.k-codetoinspire .ci-i-guide ul{padding-left:24px;list-style:outside}.k-codetoinspire .ci-i-guide li.is-sub{margin-left:24px;list-style:circle}.k-codetoinspire .ci-i-g-vid{aspect-ratio:1584/672;object-fit:cover;width:100%;display:block}.k-codetoinspire .ci-i-g-tb{border:1px solid var(--ci-i-border-sub);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.k-codetoinspire .ci-i-g-tb>span{border-right:1px solid var(--ci-i-border-sub);border-bottom:1px solid var(--ci-i-border-sub);text-align:center;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.k-codetoinspire .ci-i-g-tb>span.is-h{font-weight:700}.k-codetoinspire .ci-i-g-tb i{border-radius:21px;flex:none;width:22px;height:22px;display:block}.k-codetoinspire .ci-i-s1-dur{gap:16px;display:flex}.k-codetoinspire .ci-i-s1-dur .ci-i-box{width:422px}.k-codetoinspire .ci-i-s1-dv{min-height:20px}.k-codetoinspire .ci-i-dd{position:relative}.k-codetoinspire .ci-i-dd-ch{transition:transform .3s var(--ci-i-ease)}.k-codetoinspire .ci-i-dd.is-open .ci-i-dd-ch{transform:rotate(180deg)}.k-codetoinspire .ci-i-dd-m{z-index:3;border:1px solid var(--ci-i-border-sub);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .35s var(--ci-i-ease);background:#fff;border-radius:8px;flex-direction:column;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);box-shadow:0 12px 32px #252b331f}.k-codetoinspire .ci-i-dd.is-open .ci-i-dd-m{opacity:1;pointer-events:auto;transform:none}.k-codetoinspire .ci-i-dd-o{text-align:left;color:var(--ci-i-ink);border-radius:6px;padding:8px 12px}.k-codetoinspire .ci-i-dd-o:hover,.k-codetoinspire .ci-i-dd-o.is-on{background:var(--ci-i-sub)}.k-codetoinspire .ci-i-s2-form{gap:32px}.k-codetoinspire .ci-i-s2-g{flex-direction:column;gap:32px;width:860px;display:flex}.k-codetoinspire .ci-i-s2-gh{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s2-q{justify-content:space-between;align-items:flex-start;display:flex}.k-codetoinspire .ci-i-s2-q p{color:var(--ci-i-head);white-space:nowrap;font-size:20px;line-height:28px}.k-codetoinspire .ci-i-s2-d{color:var(--ci-i-ink)}.k-codetoinspire .ci-i-s2-list{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s2-f.is-new{animation:ci-i-field-in .45s var(--ci-i-ease) both}.k-codetoinspire .ci-i-s2-f.is-del{animation:ci-i-field-out .4s var(--ci-i-ease) both}@keyframes ci-i-field-in{0%{opacity:0;height:0;margin-top:-16px}to{opacity:1;height:38px;margin-top:0}}@keyframes ci-i-field-out{0%{opacity:1;height:38px}to{opacity:0;height:0;margin-top:-16px}}.k-codetoinspire .ci-i-s3-b{padding-top:27px}.k-codetoinspire .ci-i-sec-new{animation:ci-i-sec-in .55s var(--ci-i-ease) both}.k-codetoinspire .ci-i-sec-new .ci-i-sec-list{min-height:20px}@keyframes ci-i-sec-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.k-codetoinspire .ci-i-s4-b{flex-direction:column;gap:32px;padding:32px;display:flex}.k-codetoinspire .ci-i-s4-up{align-items:center;gap:32px;display:flex}.k-codetoinspire .ci-i-s4-box{background:var(--ci-i-page);border:1px solid var(--ci-i-border);border-radius:11px;flex:none;width:249.5px;height:163.3px;position:relative;overflow:hidden}.k-codetoinspire .ci-i-s4-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s ease,transform .9s var(--ci-i-ease);position:absolute;inset:0;transform:scale(1.04)}.k-codetoinspire .ci-i-s4-box.is-done .ci-i-s4-img{opacity:1;transform:none}.k-codetoinspire .ci-i-s4-bar{background:var(--ci-i-border-sub);opacity:0;border-radius:4px;height:4px;transition:opacity .25s;position:absolute;bottom:28px;left:24px;right:24px}.k-codetoinspire .ci-i-s4-bar i{background:var(--ci-i-coral);border-radius:4px;width:0;height:100%;display:block}.k-codetoinspire .ci-i-s4-box.is-busy .ci-i-s4-bar{opacity:1}.k-codetoinspire .ci-i-s4-box.is-busy .ci-i-s4-bar i{animation:1.2s cubic-bezier(.4,.1,.3,1) forwards ci-i-load}@keyframes ci-i-load{to{width:100%}}.k-codetoinspire .ci-i-s4-ub{transition:left .45s var(--ci-i-ease),top .45s var(--ci-i-ease),opacity .3s ease;gap:6px;position:absolute;top:63px;left:41px}.k-codetoinspire .ci-i-s4-box.is-busy .ci-i-s4-ub{opacity:0}.k-codetoinspire .ci-i-s4-box.is-done .ci-i-s4-ub{top:117px;left:139px}.k-codetoinspire .ci-i-s4-spec{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s4-spec h3{color:var(--ci-i-head);font-size:20px;font-weight:700;line-height:28px}.k-codetoinspire .ci-i-s4-spec p{width:361px;color:var(--ci-i-ink)}.k-codetoinspire .ci-i-s4-b>.ci-i-fld{width:1379px}.k-codetoinspire .ci-i-s4-opt{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s4-row{align-items:flex-start;gap:8px;display:flex}.k-codetoinspire .ci-i-s4-row.is-lang{gap:16px}.k-codetoinspire .ci-i-s4-cb{color:var(--ci-i-ink);align-items:flex-start;gap:12px;display:flex}.k-codetoinspire .is-lang .ci-i-s4-cb{width:241px}.k-codetoinspire .ci-i-s5-b{flex-direction:column;gap:32px;padding:32px;display:flex}.k-codetoinspire .ci-i-s5-top{align-items:center;gap:32px;display:flex}.k-codetoinspire .ci-i-s5-mat{flex-direction:column;flex:1 0 0;gap:16px;display:flex}.k-codetoinspire .ci-i-s5-mat h3,.k-codetoinspire .ci-i-s5-sh h3{color:var(--ci-i-head);font-size:20px;font-weight:700;line-height:28px}.k-codetoinspire .ci-i-s5-row{align-items:flex-end;gap:16px;display:flex}.k-codetoinspire .ci-i-s5-m{width:129px}.k-codetoinspire .ci-i-s5-final{white-space:nowrap;flex-direction:column;justify-content:center;align-self:stretch;display:flex}.k-codetoinspire .ci-i-s5-final p{color:var(--ci-i-head);font-size:16px;line-height:24px}.k-codetoinspire .ci-i-s5-pct{color:var(--ci-i-ok);font-variant-numeric:tabular-nums;font-size:60px;font-weight:700;line-height:72px;transition:color .3s;display:block}.k-codetoinspire .ci-i-s5-pct.is-off{color:var(--ci-i-coral)}.k-codetoinspire .ci-i-s5-pct.is-bump{animation:ci-i-bump .35s var(--ci-i-ease)}@keyframes ci-i-bump{40%{transform:scale(1.06)}}.k-codetoinspire .ci-i-s5-scale{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s5-sh{justify-content:space-between;align-items:center;display:flex}.k-codetoinspire .ci-i-s5-list{flex-direction:column;gap:16px;display:flex}.k-codetoinspire .ci-i-s5-g{background:var(--ci-i-page);border:1px solid var(--ci-i-border-sub);border-radius:12px;align-items:center;gap:32px;padding:16px 32px;display:flex}.k-codetoinspire .ci-i-s5-g>p{color:var(--ci-i-head);flex:1 0 0;font-size:16px;font-weight:700;line-height:24px}.k-codetoinspire .ci-i-s5-rng{justify-content:center;align-items:center;gap:16px;width:325px;display:flex}.k-codetoinspire .ci-i-s5-rng .ci-i-box{width:140px}.k-codetoinspire .ci-i-s5-rng>span{color:#000}.k-codetoinspire .ci-i-ov .ci-i-pv,.k-codetoinspire .ci-i-ov .ci-i-done{opacity:0;pointer-events:none;background:#161a206b;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.k-codetoinspire .ci-i-ov .ci-i-pv.is-open,.k-codetoinspire .ci-i-ov .ci-i-done.is-open{opacity:1;pointer-events:auto}.k-codetoinspire .ci-i-ov .ci-i-toast{pointer-events:none}.k-codetoinspire .ci-i-pv-card,.k-codetoinspire .ci-i-done-card{transition:transform .55s var(--ci-i-ease);background:#fff;border-radius:16px;transform:translateY(28px)scale(.98);box-shadow:0 24px 64px #161a2047}.k-codetoinspire .is-open>.ci-i-pv-card,.k-codetoinspire .is-open>.ci-i-done-card{transform:none}.k-codetoinspire .ci-i-pv-card{width:820px;overflow:hidden}.k-codetoinspire .ci-i-pv-hd{border-bottom:1px solid var(--ci-i-border-sub);color:var(--ci-i-head);justify-content:space-between;align-items:center;padding:14px 20px 14px 24px;font-size:16px;font-weight:700;line-height:24px;display:flex}.k-codetoinspire .ci-i-pv-x{background:var(--ci-i-sub);border-radius:6px;padding:8px;display:flex}.k-codetoinspire .ci-i-pv-c{gap:28px;padding:28px;display:flex}.k-codetoinspire .ci-i-pv-th{background:var(--ci-i-sub);border:1px solid var(--ci-i-border);border-radius:10px;flex:none;width:330px;height:220px;display:block;overflow:hidden}.k-codetoinspire .ci-i-pv-th img{object-fit:cover;width:100%;height:100%;display:block}.k-codetoinspire .ci-i-pv-tx{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:10px;display:flex}.k-codetoinspire .ci-i-pv-t{color:var(--ci-i-head);font-size:24px;font-weight:700;line-height:32px}.k-codetoinspire .ci-i-pv-s{color:var(--ci-i-cap);font-size:16px;line-height:24px}.k-codetoinspire .ci-i-pv-m{color:var(--ci-i-ink);gap:8px;display:flex}.k-codetoinspire .ci-i-pv-tags{gap:8px;display:flex}.k-codetoinspire .ci-i-pv-go{margin-top:auto}.k-codetoinspire .ci-i-done-card{text-align:center;flex-direction:column;align-items:center;gap:12px;width:560px;padding:40px 40px 32px;display:flex}.k-codetoinspire .ci-i-done-ic{width:84px;height:84px;margin-bottom:8px;display:block}.k-codetoinspire .ci-i-done-ic svg{width:100%;height:100%;display:block;overflow:visible}.k-codetoinspire .ci-i-done-r{fill:var(--ci-i-ok-sub);stroke:var(--ci-i-ok);stroke-width:4px;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:40px 40px;transition:stroke-dashoffset .8s var(--ci-i-ease) .2s;transform:rotate(-90deg)}.k-codetoinspire .ci-i-done-k{fill:none;stroke:var(--ci-i-ok);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .5s var(--ci-i-ease) .85s}.k-codetoinspire .is-open .ci-i-done-r,.k-codetoinspire .is-open .ci-i-done-k{stroke-dashoffset:0}.k-codetoinspire .ci-i-done-card h3{color:var(--ci-i-head);font-size:24px;font-weight:700;line-height:32px}.k-codetoinspire .ci-i-done-card>p{color:var(--ci-i-cap);font-size:16px;line-height:24px}.k-codetoinspire .ci-i-done-card>p b{color:var(--ci-i-ink)}.k-codetoinspire .ci-i-done-l{background:var(--ci-i-page);border:1px solid var(--ci-i-border-sub);text-align:left;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 20px;width:100%;margin:8px 0;padding:16px 20px;display:grid}.k-codetoinspire .ci-i-done-l li{color:var(--ci-i-ink);opacity:0;transition:opacity .35s ease,transform .45s var(--ci-i-ease);align-items:center;gap:8px;display:flex;transform:translateY(6px)}.k-codetoinspire .is-open .ci-i-done-l li{opacity:1;transform:none}.k-codetoinspire .is-open .ci-i-done-l li:first-child{transition-delay:1.05s}.k-codetoinspire .is-open .ci-i-done-l li:nth-child(2){transition-delay:1.15s}.k-codetoinspire .is-open .ci-i-done-l li:nth-child(3){transition-delay:1.25s}.k-codetoinspire .is-open .ci-i-done-l li:nth-child(4){transition-delay:1.35s}.k-codetoinspire .is-open .ci-i-done-l li:nth-child(5){transition-delay:1.45s}.k-codetoinspire .ci-i-done-l i{background:var(--ci-i-ok);border-radius:50%;flex:none;width:18px;height:18px;display:block;position:relative}.k-codetoinspire .ci-i-done-l i:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.k-codetoinspire .ci-i-done-b{gap:12px;margin-top:8px;display:flex}
