.somon-art.svelte-lv6cta{border-radius:3px 45px 3px 3px;height:380px;overflow:hidden}.somon-intro.svelte-lv6cta{grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;padding-block:65px;display:grid}.somon-intro.svelte-lv6cta h2:where(.svelte-lv6cta){color:#275cda;margin-top:24px;font-size:19px;font-weight:500}.somon-intro.svelte-lv6cta p:where(.svelte-lv6cta){margin-top:20px}.somon-intro.svelte-lv6cta a:where(.svelte-lv6cta){margin-top:28px}.code-story.svelte-lv6cta{grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;display:grid}.code-steps.svelte-lv6cta{margin-top:30px}.code-steps.svelte-lv6cta button:where(.svelte-lv6cta){text-align:left;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #aaa294;align-items:center;gap:18px;padding:19px 0;font-size:18px;display:flex}.code-steps.svelte-lv6cta button:where(.svelte-lv6cta)>span:where(.svelte-lv6cta){font:700 28px/1 Manrope,Arial,sans-serif}.code-steps.svelte-lv6cta button:where(.svelte-lv6cta)>svg{margin-left:auto}.code-steps.svelte-lv6cta button[aria-current=step]:where(.svelte-lv6cta){color:#275cda}.code-explanation.svelte-lv6cta{min-height:70px;margin-top:25px;font-size:13px}.code-window.svelte-lv6cta{color:#fff;background:#14243b;padding:29px 32px}.code-window-header.svelte-lv6cta{border-bottom:1px solid #575349;justify-content:space-between;align-items:center;padding-bottom:23px;font-size:12px;display:flex}.code-window-header.svelte-lv6cta svg{color:#275cda}.code-window.svelte-lv6cta pre:where(.svelte-lv6cta){min-height:175px;padding-block:35px;font:400 clamp(15px,1.8vw,25px)/1.9 Manrope,Arial,sans-serif;overflow:auto}.code-window-footer.svelte-lv6cta{border-top:1px solid #575349;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;display:flex}.code-window-footer.svelte-lv6cta>span:where(.svelte-lv6cta){color:#b7b0a1;max-width:200px;font-size:9px}.code-window-footer.svelte-lv6cta button:where(.svelte-lv6cta){color:#fff;background:#275cda;border:0;align-items:center;gap:13px;padding:12px 15px;font-size:12px;display:flex}.source-section.svelte-lv6cta{grid-template-columns:1fr 1fr;gap:70px;display:grid}.source-section.svelte-lv6cta p:where(.svelte-lv6cta){margin-top:26px;font-size:15px}.source-section.svelte-lv6cta pre:where(.svelte-lv6cta){background:#dedacf;margin-block:24px;padding:21px;font-size:13px;overflow:auto}@media (width<=1000px){.somon-intro.svelte-lv6cta{gap:30px}.code-story.svelte-lv6cta{gap:35px}.code-window.svelte-lv6cta{padding:25px}}@media (width<=700px){.somon-art.svelte-lv6cta{aspect-ratio:3/2;height:auto}.somon-intro.svelte-lv6cta,.code-story.svelte-lv6cta,.source-section.svelte-lv6cta{grid-template-columns:1fr;gap:30px}.somon-intro.svelte-lv6cta{padding-block:40px}.code-window.svelte-lv6cta{padding:23px 18px}.code-window.svelte-lv6cta pre:where(.svelte-lv6cta){min-height:150px;font-size:13px}.code-window-footer.svelte-lv6cta{display:block}.code-window-footer.svelte-lv6cta button:where(.svelte-lv6cta){margin-top:18px}.source-section.svelte-lv6cta p:where(.svelte-lv6cta){font-size:14px}.source-section.svelte-lv6cta pre:where(.svelte-lv6cta){font-size:11px}}