.k-codetoinspire .ci-spark,.k-codetoinspire .ci-rise,.k-codetoinspire .ci-coin{z-index:30;pointer-events:none;position:absolute}.k-codetoinspire .ci-spark{border-radius:50%;display:block}.k-codetoinspire .ci-rise{white-space:nowrap;font:700 13px/18px var(--ci-pixel);color:#161a20;background:var(--ci-mint);border-radius:99px;padding:2px 9px;box-shadow:0 4px 14px #00000059}.k-codetoinspire .ci-rise.is-red{background:var(--ci-red);color:#fff}.k-codetoinspire .ci-coin{white-space:nowrap;font:700 13px/18px var(--ci-pixel);color:#161a20;background:#ffc354;border-radius:99px;padding:2px 9px;box-shadow:0 4px 14px #00000059}.k-codetoinspire .ci-rv{opacity:0;transition:opacity .7s var(--ci-ease) var(--rv-d,0s),transform .9s var(--ci-ease) var(--rv-d,0s);transform:translateY(28px)}.k-codetoinspire .ci-rv.is-seen{opacity:1;transform:none}.k-codetoinspire [data-snap] .ci-rv{transition:none!important}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-rv{opacity:1;transition:none;transform:none}}.k-codetoinspire .ci-orb{isolation:isolate;flex:none;width:244px;height:124px;margin:-4px -28.2px -4px -64.2px;position:relative}.k-codetoinspire .ci-orb .ci-ring{z-index:5;margin:-57.82px 0 0 -57.82px;position:absolute;top:50%;left:50%}.k-codetoinspire .ci-orb .ci-ring:before{content:"";background:#161a20;border-radius:50%;position:absolute;inset:4px}.k-codetoinspire .ci-orb-trk{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k-codetoinspire .ci-orb-trk.is-front{z-index:6}.k-codetoinspire .ci-orb-trk ellipse,.k-codetoinspire .ci-orb-trk path{fill:none;stroke:#4f5864;stroke-width:1px;stroke-dasharray:2 5;stroke-linecap:round}.k-codetoinspire .ci-orb-trk.is-front path{stroke:#6b7787}.k-codetoinspire .ci-orb-sat{cursor:pointer;will-change:transform,opacity;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;width:28px;height:32px;margin:-16px 0 0 -14px;padding:0;position:absolute;top:62px;left:122px}.k-codetoinspire .ci-orb-sat:after{content:"";position:absolute;inset:-7px}.k-codetoinspire .ci-orb-in{width:100%;height:100%;transition:transform .6s var(--ci-ease),filter .6s ease;display:block}.k-codetoinspire .ci-orb-in img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.k-codetoinspire .ci-orb-sat.is-on .ci-orb-in{filter:drop-shadow(0 0 5px #99ebb880)}.k-codetoinspire .ci-orb-sat.is-off .ci-orb-in{filter:grayscale()brightness(.6)}.k-codetoinspire .ci-orb-sat.is-pop .ci-orb-in{transform:scale(1.6)}.k-codetoinspire .ci-orb-sat.is-on.is-pop .ci-orb-in{filter:drop-shadow(0 0 10px #99ebb8d9)}.k-codetoinspire .ci-orb-sat.is-off.is-pop .ci-orb-in{filter:grayscale()brightness(.95)drop-shadow(0 0 8px #fbfcfd73)}.k-codetoinspire .ci-orb-sat:focus-visible .ci-orb-in{outline:1.5px solid var(--ci-mint);outline-offset:2px;border-radius:6px}.k-codetoinspire .ci-orb.is-live .ci-orb-sat.is-on:not(.is-pop) .ci-orb-in{animation:3.2s ease-in-out infinite ci-orb-tw}.k-codetoinspire .ci-orb.is-live .ci-orb-sat.is-on:nth-of-type(2):not(.is-pop) .ci-orb-in{animation-delay:-1.1s}.k-codetoinspire .ci-orb.is-live .ci-orb-sat.is-on:nth-of-type(3):not(.is-pop) .ci-orb-in{animation-delay:-2.2s}@keyframes ci-orb-tw{0%,to{filter:drop-shadow(0 0 4px #99ebb859)}50%{filter:drop-shadow(0 0 9px #99ebb8cc)}}.k-codetoinspire .ci-orb-chip{z-index:30;opacity:0;pointer-events:none;width:206px;transition:opacity .35s ease,transform .5s var(--ci-ease);background:#252b33;border:1px solid #38404a;border-radius:10px;flex-direction:column;gap:3px;margin:22px 0 0 -103px;padding:9px 12px 10px;display:flex;position:absolute;top:100%;left:50%;transform:translateY(-8px)scale(.97);box-shadow:0 10px 28px #00000073}.k-codetoinspire .ci-orb-chip.is-open{opacity:1;transform:none}.k-codetoinspire .ci-orb-chip b{font:500 15px/20px var(--ci-pixel);color:#fbfcfd}.k-codetoinspire .ci-orb-chip em{color:#c8d0da;font-size:11.5px;font-style:normal;line-height:16px}.k-codetoinspire .ci-orb-chip .ci-bar{--bh:4px;--bfc:#8695a7;margin-top:4px}.k-codetoinspire .ci-orb-chip.is-on .ci-bar{--bfc:var(--ci-mint)}.k-codetoinspire .ci-orb-chip.is-on em{color:var(--ci-mint)}.k-codetoinspire .ci-tr-b:after{content:"";border:1.5px solid var(--ci-mint);opacity:0;transition:opacity .4s ease,transform .6s var(--ci-ease);pointer-events:none;border-radius:12px;position:absolute;inset:-6px -9px;transform:scale(.94)}.k-codetoinspire .ci-tr.is-hi .ci-tr-b:after{opacity:1;transform:none}.k-codetoinspire .ci-tr.is-hi .ci-tr-n{color:#fbfcfd}.k-codetoinspire .ci-prof-who{position:relative}.k-codetoinspire .ci-prof-badges{perspective:260px}.k-codetoinspire .ci-prof-b{cursor:pointer;outline:none}.k-codetoinspire .ci-prof-b.is-hidden{pointer-events:none}.k-codetoinspire .ci-prof-b.is-flip{animation:ci-flip .9s var(--ci-ease)}@keyframes ci-flip{0%{transform:rotateY(0)scale(1)}45%{transform:rotateY(180deg)scale(1.35)}to{transform:rotateY(360deg)scale(1)}}.k-codetoinspire .ci-ach3{position:relative}.k-codetoinspire .ci-ach3.is-spot{border-color:#99ebb8;box-shadow:0 0 0 1px #99ebb8,0 0 30px #99ebb847}.k-codetoinspire .ci-utoast{z-index:4;color:#bff2d0;white-space:nowrap;opacity:0;pointer-events:none;width:330px;transition:opacity .45s ease,transform .7s var(--ci-ease);background:#0a4230;border:1px solid #99ebb8;border-radius:99px;align-items:center;gap:10px;padding:5px 7px 5px 16px;font-size:18px;line-height:26px;display:flex;position:absolute;top:-19px;right:40px;transform:translateY(10px)}.k-codetoinspire .ci-utoast>*{flex:none}.k-codetoinspire .ci-utoast i{background:#99ebb8;border-radius:50%;width:9px;height:9px}.k-codetoinspire .ci-utoast b{color:#fff;font-weight:700}.k-codetoinspire .ci-utoast-go{font:inherit;color:#0a4230;cursor:pointer;background:#99ebb8;border-radius:99px;margin-left:auto;padding:1px 14px;font-weight:700;transition:background .3s,color .3s}.k-codetoinspire .ci-utoast-go.is-done{color:#99ebb8;background:0 0}.k-codetoinspire .ci-ach3.is-toast .ci-utoast{opacity:1;pointer-events:auto;transition-delay:.9s,.9s;transform:none}.k-codetoinspire .ci-lrow-me{z-index:8;transition:border-color .4s ease,background .4s ease,opacity .6s ease,transform .8s var(--ci-ease),height .5s var(--ci-ease),padding .5s var(--ci-ease),margin .5s var(--ci-ease),box-shadow .5s ease;position:sticky;top:68px}.k-codetoinspire .ci-lrow-me.is-cond{background:#1d232a;border-color:#4f5864;height:54px;margin-bottom:14px;padding-top:8px;padding-bottom:8px;box-shadow:0 14px 28px #0006}.k-codetoinspire .ci-lrow-me.is-cond.is-hi{background:#12362c;border-color:#99ebb8}.k-codetoinspire .ci-pod-hi,.k-codetoinspire .ci-lrow-hi{cursor:pointer;transition:background .35s,border-color .35s,color .35s}.k-codetoinspire .ci-pod-hi.is-fived,.k-codetoinspire .ci-lrow-hi.is-fived{color:#161a20;background:#99ebb8;border-color:#99ebb8}.k-codetoinspire .is-fived .ci-ic{animation:ci-hand .9s var(--ci-ease)}@keyframes ci-hand{0%{transform:rotate(0)}25%{transform:rotate(-22deg)}55%{transform:rotate(16deg)}80%{transform:rotate(-8deg)}to{transform:rotate(0)}}.k-codetoinspire .ci-pod.is-wave,.k-codetoinspire .ci-lbd-rows .ci-lrow.is-wave{animation:ci-lbw .75s var(--ci-ease) calc(var(--w,0) * 70ms) both}@keyframes ci-lbw{0%{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-pod.is-wave,.k-codetoinspire .ci-lbd-rows .ci-lrow.is-wave,.k-codetoinspire .is-fived .ci-ic{animation:none}}.k-codetoinspire .ci-dash>.ci-dh{z-index:7;transition:height .5s var(--ci-ease),padding .5s var(--ci-ease),margin .5s var(--ci-ease),box-shadow .5s ease;position:sticky;top:61.434px}.k-codetoinspire .ci-dash>.ci-dh.is-cond{height:62px;margin-bottom:43.82px;padding-top:8px;padding-bottom:8px;box-shadow:0 14px 26px #0000004d}.k-codetoinspire .ci-dh-hi img{transition:transform .5s var(--ci-ease)}.k-codetoinspire .ci-dh.is-cond .ci-dh-hi img{transform:scale(.8)}.k-codetoinspire .ci-dh-n{transform-origin:0}.k-codetoinspire .ci-dh-n.is-bump{animation:ci-bump .8s var(--ci-ease)}@keyframes ci-bump{0%{transform:scale(1)}35%{color:#fff;transform:scale(1.18)}to{transform:scale(1)}}.k-codetoinspire .ci-cnav-fill:after{content:"";background:var(--ci-red);opacity:0;width:3px;transition:opacity .6s;position:absolute;top:0;bottom:0;right:0}.k-codetoinspire .ci-cnav.is-filling .ci-cnav-fill:after{opacity:.75}.k-codetoinspire .ci-df-card{cursor:pointer;transition:opacity .6s ease calc(var(--i,0) * 90ms),transform .8s var(--ci-ease) calc(var(--i,0) * 90ms),border-color .4s ease,background .4s ease,box-shadow .4s ease;outline:none}.k-codetoinspire .ci-df-card:focus-visible{box-shadow:0 0 0 2px var(--ci-red)}.k-codetoinspire .ci-df-txt p{transition:color .4s}.k-codetoinspire .ci-df-ic{flex:none;width:21.683px;height:21.683px;position:relative}.k-codetoinspire .ci-df-ic .ci-ic{transition:opacity .35s ease,transform .6s var(--ci-ease);position:absolute;top:0;left:0}.k-codetoinspire .ci-df-ic .ci-df-ok{color:var(--ci-green);opacity:0;transform:scale(.4)rotate(-40deg)}.k-codetoinspire .ci-df-card.is-done{border-color:var(--ci-green);background:var(--ci-mint-subtle);box-shadow:0 0 0 1px var(--ci-green)}.k-codetoinspire .ci-df-card.is-done .ci-df-txt p{color:var(--ci-cap)}.k-codetoinspire .ci-df-card.is-done .ci-df-go{opacity:0;transform:translate(10px)}.k-codetoinspire .ci-df-card.is-done .ci-df-ok{opacity:1;transform:none}.k-codetoinspire .ci-cc-n{font-variant-numeric:tabular-nums}.k-codetoinspire .ci-cc.ci-rv .ci-cc-img{clip-path:inset(0 0 100% round 11px);transition:clip-path 1.1s var(--ci-ease) calc(var(--rv-d,0s) + .15s),transform 1.4s var(--ci-ease) calc(var(--rv-d,0s) + .15s);transform:scale(1.12)}.k-codetoinspire .ci-cc.ci-rv.is-seen .ci-cc-img{clip-path:inset(0 round 11px);transform:none}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-dh-n.is-bump{animation:none}.k-codetoinspire .ci-cc.ci-rv .ci-cc-img{clip-path:none;transition:none;transform:none}}.k-codetoinspire .ci-obj-head{z-index:6;background:var(--ci-page);transition:box-shadow .45s ease,padding .45s var(--ci-ease),margin .45s var(--ci-ease);margin:0 -32.52px;padding:0 32.52px 14.455px;position:sticky;top:61.434px}.k-codetoinspire .ci-obj-head.is-cond{box-shadow:0 12px 20px -12px #161a2047,0 1px 0 var(--ci-g2);margin-top:-12px;padding-top:12px}.k-codetoinspire .ci-ux{position:relative}.k-codetoinspire .ci-unit{transition:opacity .6s ease calc(var(--i,0) * 90ms),transform .8s var(--ci-ease) calc(var(--i,0) * 90ms),box-shadow .45s ease,border-color .45s ease;cursor:pointer}.k-codetoinspire .ci-ux.is-open .ci-unit{border-color:var(--ci-g1);box-shadow:0 8px 20px -10px #161a2038}.k-codetoinspire .ci-unit-chev{transition:transform .5s var(--ci-ease),color .4s ease}.k-codetoinspire .ci-ux.is-open .ci-unit-chev{color:var(--ci-red);transform:rotate(180deg)}.k-codetoinspire .ci-unit-xp{transition:transform .6s var(--ci-ease) .9s,opacity .3s ease .9s}.k-codetoinspire .ci-ux-p{transition:grid-template-rows .6s var(--ci-ease);grid-template-rows:0fr;margin:0 28px;display:grid}.k-codetoinspire .ci-ux.is-open .ci-ux-p{grid-template-rows:1fr}.k-codetoinspire .ci-ux-w{min-height:0;overflow:hidden}.k-codetoinspire .ci-ux-l{zoom:.90344;border:1px solid var(--ci-g2);background:#fff;border-radius:12px;margin:10px 0 4px;padding:0 20px;list-style:none}.k-codetoinspire .ci-ux-l li{border-top:1px solid var(--ci-g3);color:var(--ci-body);opacity:0;transition:opacity .35s ease,transform .5s var(--ci-ease);align-items:center;gap:14px;padding:14px 0;font-size:16px;line-height:24px;display:flex;transform:translateY(-8px)}.k-codetoinspire .ci-ux-l li:first-child{border-top:0}.k-codetoinspire .ci-ux.is-open .ci-ux-l li{opacity:1;transition-delay:calc(.16s + var(--k,0) * 70ms);transform:none}.k-codetoinspire .ci-ulm{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--ci-g1);border-radius:50%;flex:none;display:block;position:relative}.k-codetoinspire .ci-ulm .ci-ic{color:var(--ci-green);position:absolute;top:0;left:0}.k-codetoinspire .ci-ux-l li.is-done .ci-ulm{box-shadow:none}.k-codetoinspire .ci-ux-l li.is-next .ci-ulm{box-shadow:inset 0 0 0 2px var(--ci-red)}.k-codetoinspire .ci-ux-l li.is-next .ci-ulm:after{content:"";background:var(--ci-red);border-radius:50%;position:absolute;inset:6px}.k-codetoinspire .ci-ulm-t{flex:1 1 0;min-width:0}.k-codetoinspire .ci-ux-l li.is-done .ci-ulm-t{color:var(--ci-cap)}.k-codetoinspire .ci-ux-l li.is-next .ci-ulm-t{color:var(--ci-head);font-weight:700}.k-codetoinspire .ci-ulm-go{background:var(--ci-red-subtle);border:1px solid var(--ci-red);color:var(--ci-red);border-radius:999px;flex:none;padding:2px 10px;font-size:13px;font-weight:700;line-height:18px}.k-codetoinspire .ci-ulm-k{color:var(--ci-g1);flex:none}.k-codetoinspire .ci-ulm-m{text-align:right;color:#8695a7;font-variant-numeric:tabular-nums;flex:none;width:56px;font-size:14px}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-ux-p,.k-codetoinspire .ci-ux-l li,.k-codetoinspire .ci-unit-chev{transition:none}}.k-codetoinspire .ci-cd>.ci-dh{z-index:7;transition:height .5s var(--ci-ease),padding .5s var(--ci-ease),margin .5s var(--ci-ease),box-shadow .5s ease;position:sticky;top:61.434px}.k-codetoinspire .ci-cd>.ci-dh.is-cond{height:62px;margin-bottom:49.24px;padding-top:8px;padding-bottom:8px;box-shadow:0 14px 26px #0000004d}.k-codetoinspire .ci-ml-h{max-height:25.296px;transition:max-height .5s var(--ci-ease),margin .5s var(--ci-ease),opacity .35s ease;overflow:hidden}.k-codetoinspire .ci-dh.is-cond .ci-ml-h{opacity:0;max-height:0;margin-bottom:-5.421px}.k-codetoinspire .ci-cd-f p span span{font-variant-numeric:tabular-nums}.k-codetoinspire .ci-vid{cursor:pointer;outline:none}.k-codetoinspire .ci-vid:focus-visible{box-shadow:0 0 0 2px var(--ci-red)}.k-codetoinspire .ci-vid:after{transition:background .8s}.k-codetoinspire .ci-vid.is-play:after{background:#161a20d1}.k-codetoinspire .ci-vid .ci-vid-btn{transition:opacity .4s ease,transform .6s var(--ci-ease)}.k-codetoinspire .ci-vid.is-play .ci-vid-btn{opacity:0;transform:scale(.92)}.k-codetoinspire .ci-vid.ci-rv img{transition:transform 1.8s var(--ci-ease) var(--rv-d,0s);transform:scale(1.12)}.k-codetoinspire .ci-vid.ci-rv.is-seen img{transform:none}.k-codetoinspire .ci-vid-code{z-index:1;border:1px solid var(--ci-ink2);width:520px;color:var(--ci-g1);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .8s var(--ci-ease);background:#161a20f0;border-radius:10px;margin:-80px 0 0 -260px;padding:20px 26px 22px;font:400 21px/34px Courier New,Courier,monospace;position:absolute;top:50%;left:50%;transform:translateY(14px)}.k-codetoinspire .ci-vid.is-play .ci-vid-code{opacity:1;transform:none}.k-codetoinspire .ci-vid-code span{white-space:nowrap;width:0;display:block;overflow:hidden}.k-codetoinspire .ci-vid-code span.is-out{color:var(--ci-mint)}.k-codetoinspire .ci-vid.is-play .ci-vid-code span{animation:ci-type calc(var(--n) * 40ms) steps(var(--n),end) calc(.4s + var(--d)) both}@keyframes ci-type{0%{width:0}to{width:calc(var(--n) * 1ch)}}.k-codetoinspire .ci-vid-bar{z-index:2;color:var(--ci-paper);opacity:0;pointer-events:none;transition:opacity .4s ease,transform .6s var(--ci-ease);align-items:center;gap:16px;font:400 15px/20px Courier New,Courier,monospace;display:flex;position:absolute;bottom:22px;left:26px;right:26px;transform:translateY(8px)}.k-codetoinspire .ci-vid.is-play .ci-vid-bar{opacity:1;transform:none}.k-codetoinspire .ci-vid-bar em{color:var(--ci-g3);font-style:normal}.k-codetoinspire .ci-vid-t{font-variant-numeric:tabular-nums;min-width:36px;font-weight:400}.k-codetoinspire .ci-vid-prog{background:#fbfcfd38;border-radius:99px;flex:1 1 0;height:4px;position:relative}.k-codetoinspire .ci-vid-prog i{border-radius:inherit;background:var(--ci-red);transform-origin:0;transform:scaleX(var(--vp,0));position:absolute;inset:0}.k-codetoinspire .ci-vid-prog:after{content:"";left:calc(var(--vp,0) * 100%);background:var(--ci-paper);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 2px 6px #0006}.k-codetoinspire .ci-faq-it.ci-rv{transition:opacity .7s var(--ci-ease) var(--rv-d,0s),transform .9s var(--ci-ease) var(--rv-d,0s),border-color .4s ease,background .4s ease}.k-codetoinspire .ci-tst-row{translate:clamp(-360px,var(--py,0px),0px) 0;will-change:translate}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic{animation:ci-cstar .6s var(--ci-ease) both}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic:first-child{animation-delay:calc(var(--rv-d,0s) + .5s)}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic:nth-child(2){animation-delay:calc(var(--rv-d,0s) + .59s)}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic:nth-child(3){animation-delay:calc(var(--rv-d,0s) + .68s)}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic:nth-child(4){animation-delay:calc(var(--rv-d,0s) + .77s)}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic:nth-child(5){animation-delay:calc(var(--rv-d,0s) + .86s)}@keyframes ci-cstar{0%{opacity:0;transform:scale(.4)rotate(-30deg)}to{opacity:1;transform:none}}.k-codetoinspire .ci-unl-row{perspective:700px}.k-codetoinspire .ci-cd .ci-ach{cursor:pointer;outline:none;transition:border-color .5s,box-shadow .6s,color .5s;position:relative}.k-codetoinspire .ci-cd .ci-ach:focus-visible{box-shadow:0 0 0 2px var(--ci-mint)}.k-codetoinspire .ci-cd .ci-ach img{transition:filter .7s ease,opacity .7s ease,transform .8s var(--ci-ease)}.k-codetoinspire .ci-ach-lock{background:var(--ci-red);color:#fff;opacity:0;width:20px;height:20px;transition:opacity .35s ease,transform .6s var(--ci-ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:52px;left:46px;transform:scale(.4)}.k-codetoinspire .ci-ach.is-lock .ci-ach-lock{opacity:1;transform:none}.k-codetoinspire .ci-cd .ci-ach.is-lock{color:#8695a7}.k-codetoinspire .ci-cd .ci-ach.is-lock img{filter:grayscale()brightness(.75);opacity:.65}.k-codetoinspire .ci-cd .ci-ach.is-pop{border-color:var(--ci-mint);box-shadow:0 0 0 1px var(--ci-mint),0 0 26px #99ebb847}.k-codetoinspire .ci-cd .ci-ach.is-pop img{transform:scale(1.14)}.k-codetoinspire .ci-ach.is-flip{animation:ci-aflip .9s var(--ci-ease)}@keyframes ci-aflip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)scale(1.06)}to{transform:rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-tst-row{translate:none}.k-codetoinspire .ci-tst-row.is-seen .ci-tst-stars .ci-ic,.k-codetoinspire .ci-ach.is-flip{animation:none}.k-codetoinspire .ci-vid-code span{width:auto;animation:none!important}.k-codetoinspire .ci-vid.ci-rv img{transition:none;transform:none}}.k-codetoinspire .ci-lv-vid img{transform:scale(calc(1 + var(--vp,0) * .05));transform-origin:50% 40%;transition:filter .6s}.k-codetoinspire .ci-lv-bar{align-items:center}.k-codetoinspire .ci-lv-vid .ci-lv-track{cursor:pointer;overflow:visible}.k-codetoinspire .ci-lv-vid .ci-lv-track:before{content:"";position:absolute;inset:-14px -4px}.k-codetoinspire .ci-lv-vid .ci-lv-track i,.k-codetoinspire .ci-lv-vid.is-playing .ci-lv-track i{width:100%;transform:scaleX(var(--vp,0));transform-origin:0;border-radius:4px;transition:none}.k-codetoinspire .ci-lv-mk{left:calc(var(--at) * 1%);cursor:pointer;width:2px;height:10px;transition:background .3s ease,transform .3s var(--ci-ease);background:#ffffff8c;border-radius:1px;margin-left:-1px;position:absolute;top:-3px}.k-codetoinspire .ci-lv-mk:after{content:"";position:absolute;inset:-8px -7px}.k-codetoinspire .ci-lv-mk.is-past{background:#fb5d5d}.k-codetoinspire .ci-lv-mk:hover{transform:scaleY(1.5)}.k-codetoinspire .ci-lv-dot{left:calc(var(--vp,0) * 100%);width:12px;height:12px;transition:transform .4s var(--ci-ease);background:#fb5d5d;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;transform:scale(0);box-shadow:0 0 0 3px #fb5d5d47}.k-codetoinspire .ci-lv-vid.is-playing .ci-lv-dot{transform:scale(1)}.k-codetoinspire .ci-lv-vid.is-running .ci-lv-dot{animation:1.6s ease-in-out infinite ci-lvdot}@keyframes ci-lvdot{50%{box-shadow:0 0 0 6px #fb5d5d1f}}.k-codetoinspire .ci-lv-ch{color:#fbfcfd;white-space:nowrap;background:#161a20c7;border-radius:99px;padding:3px 10px;font-size:13px;line-height:18px;position:absolute;bottom:calc(100% - 4px);right:18px}.k-codetoinspire .ci-lv-ch:before{content:"";vertical-align:1px;background:#fb5d5d;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.k-codetoinspire .ci-lv-vid.is-end .ci-lv-track i{background:#99ebb8}.k-codetoinspire .ci-lv-vid.is-end .ci-lv-dot{background:#99ebb8;box-shadow:0 0 0 3px #99ebb84d}.k-codetoinspire .ci-lv-vid.is-end .ci-lv-ch:before{background:#99ebb8}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-lv-vid.is-running .ci-lv-dot{animation:none}}.k-codetoinspire .ci-snip{cursor:pointer;transition:background .3s,border-color .3s;position:relative}.k-codetoinspire .ci-snip.ci-rv{transition:opacity .7s var(--ci-ease) var(--rv-d,0s),transform .9s var(--ci-ease) var(--rv-d,0s),background .3s ease,border-color .3s ease}.k-codetoinspire .ci-snip:hover{border-color:#f29999}.k-codetoinspire .ci-snip .ci-ic{transition:color .3s}.k-codetoinspire .ci-snip-ok{background:var(--ci-mint);color:#161a20;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .5s var(--ci-ease);border-radius:99px;padding:2px 10px;font-size:12px;font-style:normal;font-weight:700;line-height:18px;position:absolute;bottom:calc(100% - 7px);right:14px;transform:translateY(7px);box-shadow:0 4px 12px #161a2038}.k-codetoinspire .ci-snip.is-copied{background:#e8f8ef;border-color:#99ebb8}.k-codetoinspire .ci-snip.is-copied .ci-ic{color:#1a8f52;--ic:url(/media/codetoinspire-app/a/s-ic-check-outline.svg)!important}.k-codetoinspire .ci-snip.is-copied .ci-snip-ok{opacity:1;transform:none}@keyframes ci-caret{50%{opacity:0}}.k-codetoinspire .ci-code-src p.is-hl:after{content:"";vertical-align:-4px;background:#fb5d5d;width:2px;height:20px;margin-left:1px;animation:1s step-end infinite ci-caret;display:inline-block}.k-codetoinspire .ci-prev-out{position:relative;overflow:clip}.k-codetoinspire .ci-prev-hello{width:fit-content}.k-codetoinspire .ci-prev-sweep{pointer-events:none;opacity:0;background:linear-gradient(#fb5d5d00,#fb5d5d24 72%,#fb5d5d73 98%,#fb5d5d);height:120px;position:absolute;top:-130px;left:0;right:0}.k-codetoinspire .ci-prev-sweep.is-go{animation:ci-sweep 1.15s var(--ci-ease) both}@keyframes ci-sweep{0%{opacity:0;top:-130px}18%{opacity:1}to{opacity:0;top:100%}}.k-codetoinspire .ci-prev-ok{color:#0a4230;white-space:nowrap;opacity:0;transition:opacity .4s ease,transform .6s var(--ci-ease);background:#e8f8ef;border:1px solid #99ebb8;border-radius:99px;align-items:center;gap:5px;margin-left:auto;padding:2px 10px 2px 7px;font-size:12px;font-weight:700;line-height:18px;display:flex;transform:translateY(5px)}.k-codetoinspire .ci-prev-ok .ci-ic{color:#1a8f52}.k-codetoinspire .ci-prev-ok.is-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-code-src p.is-hl:after,.k-codetoinspire .ci-prev-sweep.is-go{animation:none}}.k-codetoinspire .ci-lq-mw{justify-content:center;display:flex;position:relative}.k-codetoinspire .ci-mascot{cursor:pointer}.k-codetoinspire .ci-mascot.is-hop{animation:ci-hop .9s var(--ci-ease)}@keyframes ci-hop{0%{transform:none}38%{transform:translateY(-14px)rotate(-4deg)}to{transform:none}}.k-codetoinspire .ci-lq-tip{color:#f0f3f7;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .45s ease,transform .7s var(--ci-ease);background:#252b33;border:1px solid #4f5864;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;line-height:19px;display:block;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-8px,-50%);box-shadow:0 10px 24px #00000059}.k-codetoinspire .ci-lq-tip:before{content:"";background:#252b33;border-bottom:1px solid #4f5864;border-left:1px solid #4f5864;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:-6px;transform:rotate(45deg)}.k-codetoinspire .ci-lq-tip.is-on{opacity:1;transform:translateY(-50%)}.k-codetoinspire .ci-lq-p{cursor:pointer}.k-codetoinspire .ci-lq-mk{background:linear-gradient(#fb5d5d99,#fb5d5d99) 0 92%/0 .5em no-repeat;transition:background-size .4s,color .4s}.k-codetoinspire .ci-lq-mk.is-on{color:#fff;transition:background-size .9s var(--ci-ease),color .4s ease;background-size:100% .5em}.k-codetoinspire .ci-lq-start:after{content:"";opacity:0;pointer-events:none;border:2px solid #99ebb8;border-radius:12px;position:absolute;inset:-5px -5px -12px}.k-codetoinspire .ci-lq-start.is-ready:after{animation:ci-ready 1.3s var(--ci-ease) 2}@keyframes ci-ready{0%{opacity:.95;transform:scale(.94)}to{opacity:0;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-mascot.is-hop,.k-codetoinspire .ci-lq-start.is-ready:after{animation:none}}.k-codetoinspire .ci-lr-in{position:relative}.k-codetoinspire .ci-score,.k-codetoinspire .ci-lr-b{cursor:pointer}.k-codetoinspire .ci-lr-b.is-tap{animation:ci-bt .6s var(--ci-ease)}@keyframes ci-bt{0%{transform:none}40%{transform:scale(1.08)}to{transform:none}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-lr-b.is-tap{animation:none}}.k-codetoinspire .ci-la .ci-field-in{cursor:text;transition:border-color .35s}.k-codetoinspire .ci-la .ci-field-in.is-ok{border-color:#4f8a69}.k-codetoinspire .ci-field-ok{color:#99ebb8;opacity:0;transition:opacity .35s ease,transform .5s var(--ci-ease);margin-left:auto;padding-left:8px;display:flex;transform:scale(.6)}.k-codetoinspire .ci-field-in.is-ok .ci-field-ok{opacity:1;transform:none}.k-codetoinspire .ci-la .ci-field.is-err .ci-field-in,.k-codetoinspire .ci-la .ci-up.is-err{border-color:#fb5d5d}.k-codetoinspire .ci-la .ci-up{transition:border-color .35s}.k-codetoinspire .ci-la .ci-up.is-full .ci-up-pc{color:#99ebb8}.k-codetoinspire .ci-la .ci-up.is-up .ci-up-b{opacity:0;transition:opacity .3s}.k-codetoinspire .ci-la-r{position:relative}.k-codetoinspire .ci-la-err{color:#fbbfbf;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .5s var(--ci-ease);margin:0;font-size:12.65px;line-height:18px;position:absolute;bottom:96px;left:28.91px;right:28.91px;transform:translateY(6px)}.k-codetoinspire .ci-la-err.is-on{opacity:1;transform:none}.k-codetoinspire .ci-a11y{position:relative}@keyframes ci-mir{0%{opacity:0;transform:translateX(var(--mx,44px))}to{opacity:1;transform:none}}.k-codetoinspire .ci-a11y.is-mirror :is(.ci-ah-l,.ci-ah-inc,.ci-af-l,.ci-af-go){animation:ci-mir .85s var(--ci-ease) both}.k-codetoinspire .ci-a11y.is-mirror .ci-ah-inc{animation-delay:90ms}.k-codetoinspire .ci-a11y.is-mirror .ci-af-l{animation-delay:.16s}.k-codetoinspire .ci-a11y.is-mirror .ci-af-go{animation-delay:.22s}.k-codetoinspire .ci-a-rule{z-index:6;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.k-codetoinspire .ci-a11y.is-rg .ci-a-rule{opacity:1}.k-codetoinspire .ci-a-rule i{height:84px;transform:translateY(var(--ry,300px));transition:transform .38s var(--ci-ease);border-block:2px solid #fb5d5dbf;position:absolute;top:0;left:0;right:0;box-shadow:0 0 0 4000px #080a0e9e}.k-codetoinspire .ci-a11y .ci-mk{overflow:clip}.k-codetoinspire .ci-a11y .ci-mk:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 0,var(--ci-paper) 96px);height:calc(100% + 96px);transition:transform 1.4s var(--ci-ease) var(--rv-d,0s);position:absolute;top:0;left:0;right:0;transform:translateY(-96px)}.k-codetoinspire .ci-a11y .ci-mk.is-seen:before{transform:translateY(100%)}.k-codetoinspire .ci-a11y .ci-vid-btn{translate:0 var(--py,0px)}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-a11y.is-mirror :is(.ci-ah-l,.ci-ah-inc,.ci-af-l,.ci-af-go){animation:none}.k-codetoinspire .ci-a11y .ci-mk:before{transition:none}}.k-codetoinspire .ci-m-hd{height:calc(128px * (1 - var(--co,0)));padding-block:calc(32px * (1 - var(--co,0)));margin-top:calc(-1px * (1 - var(--co,0)));overflow:hidden}.k-codetoinspire .ci-m-hd>*{opacity:calc(1 - var(--co,0) * 1.5);translate:0 calc(var(--co,0) * -16px)}.k-codetoinspire .ci-m-nav-bar{transition:box-shadow .4s;position:relative}.k-codetoinspire .ci-m-top.is-cond .ci-m-nav-bar{box-shadow:0 12px 24px -12px #0000008c}.k-codetoinspire .ci-m-xp{height:28px;color:var(--ci-mint);white-space:pre;pointer-events:none;opacity:calc((var(--co,0) - .55) * 2.4);translate:0 calc((1 - var(--co,0)) * 10px);background:#252b33;border:1px solid #38404a;border-radius:99px;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:14px;line-height:20px;display:flex;position:absolute;bottom:16px;right:112px}.k-codetoinspire .ci-m-xp b{font-variant-numeric:tabular-nums;color:var(--ci-mint);font-weight:700}.k-codetoinspire .ci-m-nav img[data-par]{translate:0 var(--py,0px)}.k-codetoinspire .ci-m-df-c{transition:border-color .5s;position:relative}.k-codetoinspire .ci-m-df-c:before{content:"";background:var(--ci-mint-subtle);transform-origin:0;transition:transform .9s var(--ci-ease);border-radius:11px;position:absolute;inset:0;transform:scaleX(0)}.k-codetoinspire .ci-m-df-c.is-set{border-color:var(--ci-green)}.k-codetoinspire .ci-m-df-c.is-set:before{transform:none}.k-codetoinspire .ci-m-df-top,.k-codetoinspire .ci-m-df-txt{position:relative}.k-codetoinspire .ci-m-df-c.is-set .ci-m-df-top>span:last-child{color:var(--ci-green);font-weight:700}.k-codetoinspire .ci-m-df-go{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;padding:0;display:block;position:relative}.k-codetoinspire .ci-m-df-go .ci-ic{transition:opacity .35s ease,transform .6s var(--ci-ease);position:absolute;top:0;left:0}.k-codetoinspire .ci-m-df-go .ci-m-df-bell{opacity:0;transform-origin:50% 14%;color:var(--ci-green);transform:scale(.5)}.k-codetoinspire .ci-m-df-c.is-set .ci-m-df-go .ci-m-df-bell{opacity:1;animation:ci-ring .9s var(--ci-ease) .15s;transform:none}.k-codetoinspire .ci-m-df-c.is-set .ci-m-df-go .ci-ic:first-child{opacity:0;transform:translate(10px)}@keyframes ci-ring{0%{rotate:0deg}30%{rotate:-14deg}55%{rotate:10deg}78%{rotate:-5deg}to{rotate:0deg}}.k-codetoinspire [data-snap] .ci-m-df-c,.k-codetoinspire [data-snap] .ci-m-df-c:before{transition:none!important}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-m-df-c.is-set .ci-m-df-go .ci-m-df-bell{animation:none}.k-codetoinspire .ci-m-df-c:before{transition:none}}