.paper-codelab{--color-ah-navy:#1b222b;--color-ah-ink:#1b222b;--color-ah-ink-soft:#454e58;--color-ah-ink-faint:#6b747d;--color-ah-green:#006943;--color-ah-green-dark:#005031;--color-ah-green-lift:#4b986f;--color-ah-mint:#e0ebe5;--color-ah-mint-2:#eff5f2;--color-ah-paper:#fff;--color-ah-line:#cfd6d2;--color-ah-gold:#4b986f;--color-ah-gold-deep:#006943;--font-ah-sans:var(--font-paper-sans), system-ui, sans-serif;--font-ah-mono:var(--font-paper-mono), monospace;--font-display:var(--font-paper-sans), system-ui, sans-serif;font-family:var(--font-paper-sans), system-ui, sans-serif;letter-spacing:.006em;color:#1b222b;-webkit-font-smoothing:antialiased;background:#fafaf8}.paper-codelab .p-label{font-family:var(--font-paper-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:1.4}.paper-codelab .p-nav{background:#fafaf8;border-bottom:1.5px solid #1b222b}.paper-codelab .p-brand{color:#1b222b;align-items:center;gap:12px;text-decoration:none;display:flex}.paper-codelab .p-mark{background:#1b222b;border-radius:9px;flex:none;width:32px;height:32px;position:relative;overflow:hidden}.paper-codelab .p-mark:after{content:"";background:#4b986f;border-radius:50% 50% 0 0;height:19px;position:absolute;bottom:-9px;left:6px;right:6px}.paper-codelab .p-mark:before{content:"";z-index:1;background:#e0ebe5;height:1.5px;position:absolute;bottom:7px;left:4px;right:4px}.paper-codelab .p-wordmark{letter-spacing:.04em;font-size:18px;font-weight:700}.paper-codelab .p-chip{height:24px;font-family:var(--font-paper-mono), monospace;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:#006943;background:#e0ebe5;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:500;display:inline-flex}.paper-codelab .cl-progress{background:#e6eae8;height:4px}.paper-codelab .p-hero{background-color:#fafaf8;background-image:linear-gradient(#e6eee9 1px,#0000 1px),linear-gradient(90deg,#e6eee9 1px,#0000 1px);background-size:32px 32px;border-bottom:1.5px solid #1b222b}.paper-codelab .p-title{letter-spacing:.002em;text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:600;line-height:1.12}.paper-codelab .p-lead{color:#454e58;letter-spacing:.008em;font-size:18.5px;line-height:1.65}.paper-codelab .cl-chip{color:#454e58;letter-spacing:.01em;background:#fff;border-color:#cfd6d2;min-height:30px;padding:4px 13px;font-size:14px}.paper-codelab .cl-chip-link{color:#1b222b;border-color:#1b222b;font-weight:600}.paper-codelab .cl-chip-link:hover{color:#fff;background:#1b222b;border-color:#1b222b}.paper-codelab .cl-steps-block{font-family:var(--font-paper-mono), monospace;letter-spacing:.09em;color:#6b747d;font-weight:500}.paper-codelab .cl-steps a{letter-spacing:.008em;border-radius:10px;font-size:14.5px}.paper-codelab .cl-steps a[aria-current=step]{color:#fff;background:#1b222b}.paper-codelab .cl-steps a[aria-current=step] .cl-steps-num{color:#e0ebe5}.paper-codelab .cl-steps-num{font-family:var(--font-paper-mono), monospace}.paper-codelab .cl-card{background:#fff;border:1.5px solid #1b222b;border-radius:20px}.paper-codelab .p-step-title{letter-spacing:.004em;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.2}.paper-codelab .cl-mobile-steps{background:#fff;border:1.5px solid #1b222b;border-radius:14px}.paper-codelab .cl-prose{letter-spacing:.006em}.paper-codelab .cl-prose h3{letter-spacing:.006em;font-size:22px;font-weight:600;line-height:1.3}.paper-codelab .cl-prose strong{font-weight:600}.paper-codelab .cl-prose :not(pre)>code{font-size:.86em}.paper-codelab .cl-table{border-radius:14px}.paper-codelab .cl-table th{font-family:var(--font-paper-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:#454e58;background:#f4f6f4;font-size:12px;font-weight:500}.paper-codelab .cl-code{background:#1b222b;border-color:#1b222b;border-radius:14px}.paper-codelab .cl-code-bar{color:#a7b0b9;border-bottom-color:#2e3742}.paper-codelab .cl-code-bar button:hover{background:#2e3742}.paper-codelab .cl-callout{border-radius:14px}.paper-codelab .cl-callout-label,.paper-codelab .cl-motion-title{font-family:var(--font-paper-mono), monospace;letter-spacing:.09em;font-weight:500}.paper-codelab .cl-motion{background:#f4f6f4;border-radius:16px}.paper-codelab .cl-nav-btn{color:#1b222b;letter-spacing:.012em;background:#fff;border:1.5px solid #1b222b}.paper-codelab .cl-nav-btn:hover{background:#eff5f2;border-color:#1b222b}.paper-codelab .cl-nav-btn-primary{color:#fff;background:#1b222b}.paper-codelab .cl-nav-btn-primary:hover{background:#1b222b;transform:translate(-2px,-2px);box-shadow:4px 4px #4b986f}.paper-codelab .cl-nav-btn{transition:transform .15s,box-shadow .15s,background .15s}@media (prefers-reduced-motion:reduce){.paper-codelab .cl-nav-btn{transition:none}.paper-codelab .cl-nav-btn-primary:hover{transform:none}}