@font-face{font-display:swap;font-family:Advercase;font-weight:400;src:url(/fonts/advercase-regular.woff2) format("woff2"),url(/fonts/advercase-regular.woff) format("woff")}:root{--blue:#1a70f1;--blue-hover:#1660d6;--blue-tint:#eef3ff;--border:#e5e5e9;--border-strong:#c9c9cf;--border-subtle:#eeeef1;--ink:#111114;--mono:"DM Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--surface:#f7f7f8;--text-body:#5f5f66;--text-meta:#8a8a93;--text-meta-aa:#6e6e78;--warm:#fffbf5}body,html{background:#fff}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:var(--ink);font-family:DM Sans,system-ui,-apple-system,sans-serif!important}google-codelab{padding-top:60px}google-codelab #codelab-title{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.88);box-shadow:none;color:var(--ink);gap:8px;height:60px;padding:0 24px 0 12px}google-codelab #codelab-title:after{background:rgba(213,217,226,.5);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}google-codelab #codelab-nav-buttons #arrow-back,google-codelab #codelab-nav-buttons #menu{border-radius:8px;color:var(--ink);height:36px;transition:background-color .2s;width:36px}google-codelab #codelab-nav-buttons #arrow-back:hover,google-codelab #codelab-nav-buttons #menu:hover{background:var(--surface)}google-codelab #codelab-nav-buttons svg{height:20px;width:20px}google-codelab #codelab-title h1,google-codelab #codelab-title h1.title{color:var(--ink);font-family:DM Sans,sans-serif!important;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 8px}google-codelab #codelab-title #time-remaining{align-items:center;color:var(--text-meta-aa);display:flex!important;font-size:13px;font-variant-numeric:tabular-nums;gap:6px;margin-right:16px}google-codelab #codelab-title #time-remaining .material-icons,google-codelab #codelab-title #time-remaining i{background:currentColor;font-size:0!important;height:14px;margin:0;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}google-codelab #codelab-title .sigma-logo-link{background-image:url(/images/genesis/logo-black.svg)!important;background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;border-left:1px solid var(--border);box-sizing:content-box;flex:none;height:22px!important;padding-left:16px;position:static!important;transform:none!important;width:72px!important}.g-progress{background:transparent;height:2px;left:0;pointer-events:none;position:fixed;right:0;top:59px;z-index:1002}.g-progress i{background:var(--blue);display:block;height:100%;transition:width .35s ease;width:0}google-codelab #drawer{background:#fff;border-right:1px solid var(--border-subtle);width:288px}google-codelab #drawer .steps{max-height:calc(100% - 56px)}google-codelab #drawer ol{padding:20px 12px 24px}google-codelab #drawer ol:before{color:var(--text-meta-aa);content:"Steps";display:block;font-size:12px;font-weight:600;letter-spacing:.06em;padding:0 12px 10px;text-transform:uppercase}google-codelab #drawer ol li a{background:transparent;border:0!important;border-radius:8px;box-shadow:none!important;color:var(--text-body);font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.35;margin:1px 0;min-height:0;padding:9px 12px;transition:background-color .2s,color .2s}google-codelab #drawer ol li a:hover{background:var(--surface);color:var(--ink)}google-codelab #drawer ol li a:active,google-codelab #drawer ol li a:focus{background:var(--surface);outline:0}google-codelab #drawer ol li a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}google-codelab #drawer ol li .step:before{background:#fff;border:1px solid var(--border);box-sizing:border-box;color:var(--text-meta-aa);font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:600;height:22px;line-height:20px;margin-right:12px;min-width:22px;width:22px}google-codelab #drawer ol li[completed] a{color:var(--text-body)}google-codelab #drawer ol li[completed] .step:before{background:var(--ink);border-color:var(--ink);color:#fff}google-codelab #drawer ol li[selected] a{background:var(--blue-tint);color:var(--ink);font-weight:500;position:relative}google-codelab #drawer ol li[selected] a:before{content:none}google-codelab #drawer ol li[selected] .step:before{background:#fff;border-color:var(--blue);color:var(--ink);font-weight:600}google-codelab #drawer .metadata{border-top:1px solid var(--border-subtle);color:var(--text-body);font-size:13px;padding:14px 24px}google-codelab #drawer .metadata a{align-items:center;color:var(--text-body);display:inline-flex;gap:6px;margin:0;text-decoration:none}google-codelab #drawer .metadata a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}google-codelab #drawer .metadata .material-icons{background:currentColor;font-size:0!important;height:14px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zm0 7v-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zm0 7v-7'/%3E%3C/svg%3E") center/contain no-repeat;width:14px}google-codelab #drawer ol::-webkit-scrollbar{width:6px}google-codelab #drawer ol::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;box-shadow:none}google-codelab #main{background:#fff}google-codelab google-codelab-step{padding-top:48px}google-codelab:not([theme=minimal]) google-codelab-step .instructions{background:transparent;border-radius:0;box-shadow:none;color:var(--text-body);font-size:16px!important;line-height:1.65;margin:0 auto 140px;max-width:980px!important}google-codelab-step .instructions .inner{padding:0 40px}google-codelab-step .g-stepno{color:var(--blue);display:block;font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.3;margin:0 0 10px;text-transform:uppercase}google-codelab-step h2.step-title{color:var(--ink);font-family:DM Sans,sans-serif!important;font-size:26px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.15!important;margin:0 0 24px!important}google-codelab:not([theme=minimal]) google-codelab-step .instructions h2:not(.step-title),google-codelab:not([theme=minimal]) google-codelab-step .instructions h3{color:var(--ink);font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:40px 0 10px}google-codelab:not([theme=minimal]) google-codelab-step .instructions h4{color:var(--ink);font-size:15px;font-weight:600;line-height:1.3;margin:28px 0 8px}google-codelab-step .instructions p{margin:0 0 16px}google-codelab-step .instructions ol,google-codelab-step .instructions ul{margin:0 0 18px;padding-left:22px}google-codelab-step .instructions li{margin:0 0 6px;padding-left:4px}google-codelab-step .instructions li::marker{color:var(--text-meta)}google-codelab-step .instructions ol li::marker{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}google-codelab-step .instructions b,google-codelab-step .instructions strong{color:var(--ink);font-weight:600}google-codelab-step .instructions em{color:var(--ink);font-style:normal}google-codelab:not([theme=minimal]) google-codelab-step .instructions a,google-codelab:not([theme=minimal]) google-codelab-step .instructions a:visited{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(17,17,20,.35);text-decoration-thickness:1px;text-underline-offset:2px;transition:text-decoration-color .2s}google-codelab:not([theme=minimal]) google-codelab-step .instructions a:hover{text-decoration-color:var(--ink)}google-codelab-step .instructions hr{border:0;border-top:1px solid var(--border-subtle);margin:32px 0}google-codelab-step .instructions img{border-radius:0}google-codelab-step .instructions img.g-shot{background:none;border:0;border-radius:0;display:block;height:auto;margin:8px 0}google-codelab-step .instructions p.image-container{margin:20px 0 24px}google-codelab-step .instructions .local-video,google-codelab-step .instructions iframe,google-codelab-step .instructions video{border:1px solid var(--border)!important;border-radius:12px!important;max-width:100%}google-codelab-step code{border:1px solid var(--border-subtle);border-radius:6px;font-size:.84em;padding:.1em .38em}google-codelab-step code,google-codelab-step pre{background:var(--surface);color:var(--ink);font-family:var(--mono)}google-codelab-step pre{border:1px solid var(--border);border-radius:12px;font-size:13px;line-height:1.65;margin:4px 0 22px;padding:16px 18px;position:relative}google-codelab-step pre>code{background:transparent;border:0;border-radius:0;font-size:inherit;padding:0}google-codelab-step code .pln,google-codelab-step code .pun,google-codelab-step pre .pln,google-codelab-step pre .pun{color:var(--ink)}google-codelab-step code .atv,google-codelab-step code .str,google-codelab-step pre .atv,google-codelab-step pre .str{color:#0f7b5f}google-codelab-step code .kwd,google-codelab-step pre .kwd{color:#7c3aed}google-codelab-step code .com,google-codelab-step pre .com{color:var(--text-meta-aa);font-style:normal}google-codelab-step code .tag,google-codelab-step code .typ,google-codelab-step pre .tag,google-codelab-step pre .typ{color:#9a3412}google-codelab-step pre code.language-copy-code,google-codelab-step pre code.language-copy-code *{color:var(--ink)!important}google-codelab-step code .dec,google-codelab-step code .lit,google-codelab-step pre .dec,google-codelab-step pre .lit{color:#b45309}google-codelab-step code .atn,google-codelab-step pre .atn{color:#9a3412}google-codelab-step code em{color:var(--text-meta-aa)}google-codelab-step pre.has-copy-button{padding:16px 84px 16px 18px!important}google-codelab-step .copy-button{align-items:center;background:#fff!important;border:1px solid var(--border)!important;border-radius:999px;box-shadow:none!important;color:var(--ink)!important;cursor:pointer;display:inline-flex;font:500 12px/1 DM Sans,sans-serif!important;gap:6px;height:28px;left:auto!important;letter-spacing:0;opacity:1;padding:0 10px;position:absolute;right:10px;top:10px;transition:border-color .2s,background-color .2s;width:auto}google-codelab-step .copy-button:hover{background:var(--surface)!important;border-color:var(--border-strong)!important}google-codelab-step .copy-button.copied{background:var(--blue-tint)!important;border-color:var(--blue-tint)!important;color:var(--ink)!important}google-codelab-step .instructions aside.callout,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.positive,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.special,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.tip{background:#fff!important;border-left-width:1px!important;border:1px solid var(--border)!important;border-radius:12px!important;color:var(--text-body)!important;font-size:15px;line-height:1.6;margin:24px 0;padding:16px 20px 16px 52px;position:relative}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside:before{background:var(--text-meta);content:"";height:18px;left:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute;top:19px;width:18px}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning{background:#fff!important;border-color:#eadfcb!important}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note:before,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice:before,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning:before{background:#b45309;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E")}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside p{margin:0 0 8px}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside p:last-child{margin:0}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside strong{color:var(--ink)}google-codelab-step .instructions table{border:1px solid var(--border);border-collapse:separate;border-radius:12px;border-spacing:0;font-size:14px;margin:8px 0 24px;overflow:hidden;width:100%}google-codelab-step .instructions th,google-codelab-step .instructions tr:first-child td{background:var(--surface);color:var(--text-meta-aa);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}google-codelab-step .instructions td,google-codelab-step .instructions th{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:10px 14px;text-align:left;vertical-align:top}google-codelab-step .instructions tr:last-child td{border-bottom:0}google-codelab-step .instructions table code{background:#fff}google-codelab-step .instructions paper-button,google-codelab-step paper-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:none;color:var(--ink);display:inline-flex;font:500 14px/1 DM Sans,sans-serif;gap:8px;height:40px;padding:0 18px;text-transform:none;transition:background-color .2s,border-color .2s}google-codelab-step .instructions paper-button:hover{background:var(--surface);border-color:var(--border-strong)}google-codelab-step .instructions paper-button.colored{background:var(--blue);border-color:var(--blue);color:#fff}google-codelab-step .instructions paper-button.colored:hover{background:var(--blue-hover)}google-codelab-step .instructions :link paper-button,google-codelab-step .instructions a:has(>paper-button){text-decoration:none!important}google-codelab-step .instructions iron-icon{height:16px;width:16px}google-codelab #controls{bottom:0;padding:0;pointer-events:none}google-codelab #fabs{align-items:center;background:linear-gradient(0deg,#fff 55%,hsla(0,0%,100%,0));margin:0;max-width:none;padding:20px 40px 24px;pointer-events:none}#done,#next-step,#previous-step{align-items:center;border-radius:999px;box-shadow:none;display:inline-flex;font:500 15px/1 DM Sans,sans-serif!important;gap:8px;height:44px;letter-spacing:-.01em;padding:0 22px;pointer-events:auto;text-transform:none;transition:transform .3s ease,background-color .2s,border-color .2s}#previous-step{background:#fff;border:1px solid var(--border);color:var(--ink)}#previous-step:hover{background:var(--surface);border-color:var(--border-strong)}#previous-step:before{background:currentColor;content:"";height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m7 7-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m7 7-7-7 7-7'/%3E%3C/svg%3E") center/contain no-repeat;width:16px}#done,#next-step{background:var(--blue);border:1px solid var(--blue);color:#fff}#done:hover,#next-step:hover{background:var(--blue-hover);border-color:var(--blue-hover)}#next-step:after{background:currentColor;content:"";height:16px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;width:16px}#done:focus-visible,#next-step:focus-visible,#previous-step:focus-visible{box-shadow:0 0 0 3px rgba(26,112,241,.3);outline:none}google-codelab #fabs .g-of{color:var(--text-meta-aa);font-size:13px;font-variant-numeric:tabular-nums;margin:0 16px;pointer-events:none}@media (max-width:768px){google-codelab #codelab-title{padding:0 12px 0 8px}google-codelab #codelab-title #time-remaining,google-codelab #codelab-title .sigma-logo-link{display:none!important}google-codelab #drawer{box-shadow:none}google-codelab[drawer--open] #drawer{box-shadow:0 12px 32px rgba(17,17,20,.18)}google-codelab google-codelab-step{padding-top:28px}google-codelab-step .instructions .inner{padding:0 16px}google-codelab-step h2.step-title{font-size:24px!important}google-codelab #fabs{padding:16px}google-codelab #fabs .g-of{display:none}}@media (prefers-reduced-motion:reduce){#next-step,#previous-step,.g-progress i{transition:none}}.g-social{display:flex;gap:8px;margin:12px 0 0}.g-social a{border:1px solid var(--border);border-radius:8px;color:var(--ink)!important;display:grid;height:36px;place-items:center;text-decoration:none!important;transition:background-color .2s,border-color .2s;width:36px}.g-social a:hover{background:var(--surface)}.g-social svg{fill:currentColor;height:16px;width:16px}.g-zoom{background:none;border:0;border-radius:8px;cursor:zoom-in;display:block;max-width:100%;padding:0;position:relative;width:-moz-fit-content;width:fit-content}.g-zoom:focus-visible{outline:2px solid #1a70f1;outline-offset:4px}.g-zoom .badge{align-items:center;background:rgba(0,0,0,.7);border-radius:999px;color:#fff;display:inline-flex;font:500 12px/16px DM Sans,sans-serif;gap:4px;opacity:0;padding:4px 12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:opacity .15s}.g-zoom:focus-visible .badge,.g-zoom:hover .badge{opacity:1}.g-zoom .badge svg{height:14px;width:14px}.g-lb{align-items:center;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2147483000}.g-lb .bd{background:rgba(0,0,0,.85);border:0;cursor:default;inset:0;position:absolute}.g-lb .dlg{flex-direction:column;height:100%;max-width:1280px;position:relative;width:100%;z-index:1}.g-lb .dlg,.g-lb .x{display:flex;justify-content:center}.g-lb .x{align-items:center;background:hsla(0,0%,100%,.15);border:0;border-radius:999px;color:#fff;cursor:pointer;height:44px;padding:0;position:fixed;right:16px;top:16px;transition:background-color .15s;width:44px;z-index:2}.g-lb .x:hover{background:hsla(0,0%,100%,.25)}.g-lb .x svg{height:20px;width:20px}.g-lb .vp{align-items:center;border-radius:16px;display:flex;flex:1;justify-content:center;overflow:hidden;width:100%}.g-lb .vp.z{display:block;overflow:auto;scrollbar-width:none}.g-lb .im{background:none;border:0;border-radius:8px;cursor:zoom-in;display:block;margin:0 auto;padding:0}.g-lb .vp.z .im{cursor:zoom-out}.g-lb img{border-radius:8px;display:block;margin:0 auto;max-height:88vh;max-width:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s;width:auto}.g-lb button:focus-visible{outline:2px solid #fff;outline-offset:2px}google-codelab-step .instructions aside.callout,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.positive,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.special,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.tip{background:#f5f8ff!important;border-color:#c7d7f7!important;border-radius:8px!important}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside:before{background:#1a70f1}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning{background:#fff8ee!important;border-color:#f2d3a6!important}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note:before,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice:before,google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning:before{background:#c2620a}google-codelab:not([theme=minimal]) google-codelab-step .instructions aside code{background:#fff;border-color:rgba(0,0,0,.06)}.g-zoom .badge{background:rgba(17,17,20,.72);bottom:16px;font-size:0;gap:0;height:32px;justify-content:center;padding:0;right:16px;top:auto;width:32px}.g-zoom .badge svg{height:16px;width:16px}google-codelab #drawer ol li{position:relative}google-codelab #drawer ol li .step{align-items:flex-start}google-codelab #drawer ol li .step:before{margin-top:-2px;position:relative;z-index:1}google-codelab #drawer ol li:not(:last-child):after{background:rgba(26,112,241,.3);bottom:var(--g-rail-bottom,-8px);content:"";left:22px;pointer-events:none;position:absolute;top:var(--g-rail-top,30px);width:2px;z-index:1}.g-social{gap:12px}.g-social a{background:#fff;border-radius:12px;color:var(--blue)!important;height:44px;width:44px}.g-social a:hover{background:#fff;border-color:var(--border-strong)}.g-social svg{height:20px;width:20px}