.sidebar_wrapper__XEcoX{padding-top:42px}.sidebar_section-list__P9W1U{overflow-y:auto;list-style:none}.sidebar_section__fBftm{display:flex;align-items:center;padding:3px 8px;min-height:48px;cursor:pointer;color:var(--pd-color-icon-secondary)}.sidebar_completed___iyGp{color:var(--pd-global-color-green-850);padding:3px 8px 3px 6px;border-left:2px solid var(--pd-global-color-green-850)}.sidebar_section-align__cA6Yz{display:flex;align-items:center}.sidebar_topic-number__iCwdP{width:26px;min-width:26px;margin-right:8px;text-align:center}.steps_wrapper__rCf4n{display:flex;justify-content:space-between;padding:10px 10px 0}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#272822;color:#ddd}.hljs-keyword,.hljs-literal,.hljs-name,.hljs-number,.hljs-selector-tag,.hljs-strong,.hljs-tag{color:#f92672}.hljs-code{color:#66d9ef}.hljs-attr,.hljs-attribute,.hljs-link,.hljs-regexp,.hljs-symbol{color:#bf79db}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-emphasis,.hljs-section,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string,.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-type,.hljs-variable{color:#a6e22e}.hljs-class .hljs-title,.hljs-title.class_{color:#fff}.hljs-comment,.hljs-deletion,.hljs-meta,.hljs-quote{color:#75715e}.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-section,.hljs-selector-id,.hljs-selector-tag,.hljs-title,.hljs-type{font-weight:700}.tutorial-wrapper_tutorial-wrapper__AlWSX{display:grid;grid-template-columns:1fr 3fr;grid-column-gap:60px;grid-template-rows:1fr auto;grid-template-areas:"sidebar-wrapper content-wrapper" "sidebar-wrapper  steps-wrapper";height:calc(100vh - 136px)}@media(max-width:712px){.tutorial-wrapper_tutorial-wrapper__AlWSX{grid-template-columns:4fr;grid-template-areas:"content-wrapper" "steps-wrapper"}.tutorial-wrapper_tutorial-wrapper__AlWSX .tutorial-wrapper_sidebar-wrapper__bCsPk{display:none}}.tutorial-wrapper_sidebar-wrapper__bCsPk{grid-area:sidebar-wrapper;overflow:auto}.tutorial-wrapper_content-wrapper__VSr3o{grid-area:content-wrapper;overflow-y:auto;padding:22px 10px 0}@media(min-width:713px){.tutorial-wrapper_content-wrapper__VSr3o{padding:42px 10px 0}}.tutorial-wrapper_content-spacing__AcfRN{display:flex}.tutorial-wrapper_steps-wrapper__3ESTm{grid-area:steps-wrapper}.tutorial-wrapper_secondary-link__qKkpF{color:var(--pd-color-text-secondary);text-decoration:none}.tutorial-wrapper_secondary-link__qKkpF:visited{color:var(--pd-color-text-secondary)}.tutorial-wrapper_content__sKv_S .section{display:none}.tutorial-wrapper_content__sKv_S .section.active{display:block}.tutorial-wrapper_content__sKv_S .section>h2{font-size:28px;font-weight:400;line-height:1em;margin:0 0 30px}.tutorial-wrapper_content__sKv_S p{margin:1em 0;line-height:1.5}.tutorial-wrapper_content__sKv_S .image-container{text-align:center}.tutorial-wrapper_content__sKv_S .image-container img{width:100%!important;vertical-align:bottom}.tutorial-wrapper_content__sKv_S aside{padding:.5em 1em;margin:2em 0;border-left:4px solid;border-radius:4px}.tutorial-wrapper_content__sKv_S aside.special{border-color:var(--pd-puco-color-visuals-growth-green);background:var(--pd-color-primary-background-light);color:var(--pd-color-text-primary)}.tutorial-wrapper_content__sKv_S aside.warning{border-color:var(--pd-puco-color-visuals-warm);background:var(--pd-puco-color-visuals-light-warm);color:var(--pd-color-text-primary)}.tutorial-wrapper_content__sKv_S a paper-button{display:inline-block;border-radius:4px;color:var(--pd-puco-color-text-link-light-inverted);font-size:14px;font-weight:600;letter-spacing:.6px;text-transform:none;align-items:center;justify-content:center;position:relative;box-sizing:border-box;min-width:5.14em;margin:0 .29em;background:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);outline-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;z-index:0;padding:.7em .57em;-webkit-font-smoothing:antialiased;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.tutorial-wrapper_content__sKv_S a paper-button.colored{background-color:var(--pd-color-text-positive)}.tutorial-wrapper_content__sKv_S a paper-button.red{background-color:var(--pd-color-text-negative)}.tutorial-wrapper_content__sKv_S a:active,.tutorial-wrapper_content__sKv_S a:hover,.tutorial-wrapper_content__sKv_S a:link,.tutorial-wrapper_content__sKv_S a:visited{text-decoration:none;font-weight:400;color:var(--pd-color-text-link);line-height:1.5}.tutorial-wrapper_content__sKv_S code,.tutorial-wrapper_content__sKv_S pre{font-family:monospace;border-radius:4px;font-size:16px}.tutorial-wrapper_content__sKv_S code *,.tutorial-wrapper_content__sKv_S pre *{font-family:monospace;border-radius:4px}.tutorial-wrapper_content__sKv_S pre{background-color:var(--pd-puco-color-fill-black-static);padding:14px}.tutorial-wrapper_content__sKv_S pre code{background-color:unset}.tutorial-wrapper_content__sKv_S code{white-space:pre;background-color:var(--pd-color-fill-light);padding:.1em .3em}.tutorial-wrapper_content__sKv_S ol,.tutorial-wrapper_content__sKv_S ul{-webkit-padding-start:40px;padding-inline-start:40px;margin:1em 0}.tutorial-wrapper_content__sKv_S ol li,.tutorial-wrapper_content__sKv_S ul li{margin:1em 0}.tutorial-wrapper_content__sKv_S h2.checklist{font-weight:500;margin:20px 0 0;font-size:20px}.tutorial-wrapper_content__sKv_S h3{font-size:16px;font-weight:500;margin:20px 0 0}.tutorial-wrapper_content__sKv_S ul.checklist{list-style:none;padding:0 0 0 1em}.tutorial-wrapper_content__sKv_S ul.checklist li{margin:.5em 0;padding-left:24px;background-size:20px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwxokwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokwqn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SURBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6DnAvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=")}.tutorial-wrapper_content__sKv_S table{border-spacing:0}.tutorial-wrapper_content__sKv_S table td{vertical-align:top;border-bottom:1px solid var(--pd-puco-color-divider-default);padding:8px}.tutorial-wrapper_content__sKv_S table p{margin:0}.tutorial-wrapper_content__sKv_S google-codelab-survey{display:none}.tutorial-wrapper_content__sKv_S .embedded-iframe{width:100%;height:550px}