.loom-embed.svelte-1ckelrw{position:relative;aspect-ratio:16/9;width:100%;border-radius:20px;overflow:hidden;background:#f2f3f4}@media (max-width: 768px){.loom-embed.svelte-1ckelrw{border-radius:14px}}.loom-embed.svelte-1ckelrw iframe:where(.svelte-1ckelrw){position:absolute;top:0;left:0;width:100%;height:100%;border:0}.tutorial.svelte-16s3d3h{width:100%;max-width:1184px;margin:0 auto;padding:0 32px 64px}@media (max-width: 768px){.tutorial.svelte-16s3d3h{padding:0 16px 48px;max-width:100%}}@media (min-width: 769px){.tutorial-head.svelte-16s3d3h{padding-top:56px}}@media (max-width: 768px){.tutorial-head.svelte-16s3d3h{padding-top:8px}}.back-link.svelte-16s3d3h{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;min-width:40px;min-height:40px;padding:0;overflow:hidden;border-radius:10px;background:#f2f3f4;color:#231d2c;margin-bottom:24px;transition:background-color .2s ease}.back-link.svelte-16s3d3h>svg{transform:rotate(90deg);margin-right:2px}.back-link.svelte-16s3d3h:hover{background:#eaebed}.back-link.svelte-16s3d3h:focus-visible{outline:2px solid #368af7;outline-offset:2px}.cat.svelte-16s3d3h{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#368af7}h1.svelte-16s3d3h{font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:#231d2c;margin:14px 0 18px;overflow-wrap:anywhere}@media (max-width: 768px){h1.svelte-16s3d3h{font-size:28px;line-height:1.15}}.dek.svelte-16s3d3h{font-size:20px;line-height:1.5;color:#6c7784}@media (max-width: 768px){.dek.svelte-16s3d3h{font-size:17px}}.tutorial-head.svelte-16s3d3h .meta:where(.svelte-16s3d3h){margin-top:28px;padding-bottom:32px;font-size:14px;color:#6c7784}.hero.svelte-16s3d3h{margin-bottom:40px}@media (max-width: 768px){.hero.svelte-16s3d3h{margin-bottom:28px}}.tutorial-body.svelte-16s3d3h{font-size:18px;line-height:1.75;color:#2c2733}@media (max-width: 768px){.tutorial-body.svelte-16s3d3h{font-size:17px}}.tutorial-body.svelte-16s3d3h *{text-align:left}.tutorial-body.svelte-16s3d3h h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.015em;color:#231d2c;margin:40px 0 14px}@media (max-width: 768px){.tutorial-body.svelte-16s3d3h h2{font-size:23px}}.tutorial-body.svelte-16s3d3h p{margin:0 0 22px}.tutorial-body.svelte-16s3d3h a{color:#368af7;text-decoration:underline}.tutorial-body.svelte-16s3d3h ul,.tutorial-body.svelte-16s3d3h ol{margin:0 0 22px;padding-left:24px}.tutorial-body.svelte-16s3d3h li{margin:0 0 8px}.related.svelte-16s3d3h{padding:48px 0 16px;border-top:1px solid #eaebed}.related.svelte-16s3d3h h2:where(.svelte-16s3d3h){font-size:20px;font-weight:800;color:#231d2c;margin-bottom:24px;text-align:left}.related-grid.svelte-16s3d3h{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (max-width: 768px){.related-grid.svelte-16s3d3h{grid-template-columns:1fr}}