.cks[data-v-e54397dd]{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.cks__toggle[data-v-e54397dd]{background:#0f172a0a;border:1px solid #0f172a0f;border-radius:100px;gap:.15rem;padding:.15rem;display:inline-flex}.cks__toggle-btn[data-v-e54397dd]{color:var(--new-light-text-muted);cursor:pointer;transition:background .2s var(--new-ease,ease),color .2s var(--new-ease,ease);background:0 0;border:0;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.74rem;font-weight:600;display:inline-flex}.cks__toggle-btn svg[data-v-e54397dd]{width:13px;height:13px}.cks__toggle-btn.is-active[data-v-e54397dd]{color:var(--new-light-text);background:#fff;box-shadow:0 1px 4px #0f172a14}.cks__viewport[data-v-e54397dd]{justify-content:center;width:100%;display:flex}.cks__frame[data-v-e54397dd]{width:100%;transition:max-width .4s var(--new-ease,ease),border-radius .4s var(--new-ease,ease);background:#fff;position:relative;overflow:hidden}.cks__frame--desktop[data-v-e54397dd]{border:1px solid #0f172a1a;border-radius:16px;max-width:1100px;box-shadow:0 30px 60px #0f172a26}.cks__chrome[data-v-e54397dd]{background:#f3f4f6;border-bottom:1px solid #0f172a14;align-items:center;gap:.5rem;height:44px;padding:0 1rem;display:flex}.cks__dot[data-v-e54397dd]{background:#0f172a2e;border-radius:50%;width:11px;height:11px}.cks__dot[data-v-e54397dd]:first-child{background:#ff5f57}.cks__dot[data-v-e54397dd]:nth-child(2){background:#febc2e}.cks__dot[data-v-e54397dd]:nth-child(3){background:#28c840}.cks__url[data-v-e54397dd]{max-width:320px;color:var(--new-light-text-muted);text-align:center;background:#fff;border-radius:100px;flex:1;margin-left:.75rem;padding:.35rem .9rem;font-size:.78rem}.cks__frame--mobile[data-v-e54397dd]{border:10px solid #11131a;border-radius:44px;max-width:390px;box-shadow:0 30px 60px #0f172a40}.cks__notch[data-v-e54397dd]{z-index:2;background:#11131a;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:120px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cks__screen[data-v-e54397dd]{width:100%;height:70vh;max-height:760px}.cks__frame--mobile .cks__screen[data-v-e54397dd]{box-sizing:border-box;background:#11131a;height:720px;padding-top:26px}@media (width<=768px){.cks__chrome[data-v-e54397dd],.cks__notch[data-v-e54397dd],.cks__toggle[data-v-e54397dd]{display:none}.cks__frame[data-v-e54397dd]{border:1px solid #0f172a1a;border-radius:16px;max-width:100%;box-shadow:0 14px 30px #0f172a1a}.cks__screen[data-v-e54397dd]{height:78vh}}