.k-codetoinspire .ci-pf{font-family:var(--ci-font);position:absolute;inset:0;overflow:hidden}.k-codetoinspire .ci-pf-win{background:#fbfcfd;border-radius:28px;width:1080px;height:800px;transition:transform 1s cubic-bezier(.22,.8,.3,1) .1s,opacity .6s .1s;position:absolute;top:112px;left:143px;overflow:hidden;box-shadow:0 44px 90px -24px #1008309e}.k-codetoinspire .ci-pf[data-pre] .ci-pf-win{opacity:0;transition:none;transform:scale(.94)}.k-codetoinspire .ci-pf-nav{background:#161a20;border-bottom:1px solid #38404a;align-items:center;height:72px;padding-left:32px;display:flex;position:absolute;top:0;left:0;right:0}.k-codetoinspire .ci-pf-nav img{width:230px;height:auto;display:block}.k-codetoinspire .ci-pf-rail{color:#c8d0da;background:#161a20;flex-direction:column;align-items:center;gap:36px;width:92px;padding-top:36px;display:flex;position:absolute;top:72px;bottom:0;left:0}.k-codetoinspire .ci-pf-rail .is-on{color:var(--ci-red)}.k-codetoinspire .ci-pf-h{color:var(--ci-head);margin:0;font-size:52px;font-weight:700;line-height:64px;transition:opacity .5s 1.1s;position:absolute;top:104px;left:132px}.k-codetoinspire .ci-pf[data-pre] .ci-pf-h{opacity:0;transition:none}.k-codetoinspire .ci-pf-c{z-index:1;box-sizing:border-box;border:1px solid var(--ci-line);text-align:center;width:284px;height:266px;transition:transform 1.05s cubic-bezier(.5,0,.2,1) calc(var(--i) * 80ms),translate 1.05s ease calc(var(--i) * 80ms),box-shadow .8s ease calc(.3s + var(--i) * 80ms);background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:16px;padding:30px 14px 0;display:flex;position:absolute;box-shadow:0 0 #10083000}.k-codetoinspire .ci-pf[data-pre] .ci-pf-c{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(var(--k));transition:none;box-shadow:0 26px 54px -14px #1008308c}.k-codetoinspire .ci-pf[data-pre=off] .ci-pf-c{opacity:0}.k-codetoinspire .ci-pf[data-pre=float] .ci-pf-c{animation:ci-pf-in .7s ease calc(var(--i) * .17s) backwards,ci-pf-drift 3.6s ease-in-out calc(var(--i) * -.7s) infinite alternate}@keyframes ci-pf-in{0%{opacity:0}to{opacity:1}}@keyframes ci-pf-drift{0%{translate:0 -9px}to{translate:0 9px}}.k-codetoinspire .ci-pf-ic{background:var(--ci-red-subtle);width:112px;height:112px;color:var(--ci-red);transition:background-color .5s ease calc(.65s + var(--i) * 80ms),color .5s ease calc(.65s + var(--i) * 80ms);border-radius:50%;flex:none;position:relative}.k-codetoinspire .ci-pf[data-pre] .ci-pf-ic{background:var(--t);color:var(--c);transition:none}.k-codetoinspire .ci-pf-ic>span{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.k-codetoinspire .ci-pf-n{color:var(--ci-head);flex:1;align-self:stretch;font-size:36px;font-weight:700;line-height:42px;position:relative}.k-codetoinspire .ci-pf-n>span{position:absolute;top:0;left:0;right:0}.k-codetoinspire .ci-pf-i0,.k-codetoinspire .ci-pf-n0{opacity:0;transition:opacity .4s ease calc(.65s + var(--i) * 80ms)}.k-codetoinspire .ci-pf-i1,.k-codetoinspire .ci-pf-n1{transition:opacity .4s ease calc(.75s + var(--i) * 80ms)}.k-codetoinspire .ci-pf[data-pre] .ci-pf-i0,.k-codetoinspire .ci-pf[data-pre] .ci-pf-n0{opacity:1;transition:none}.k-codetoinspire .ci-pf[data-pre] .ci-pf-i1,.k-codetoinspire .ci-pf[data-pre] .ci-pf-n1{opacity:0;transition:none}@media (width<=767px){.k-codetoinspire .ci-pf-n{font-size:40px;line-height:44px}}@media (prefers-reduced-motion:reduce){.k-codetoinspire .ci-pf *{transition:none;animation:none}}
