@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:400;src:local("Roboto Mono"),local("RobotoMono-Regular"),url(https://fonts.gstatic.com/s/robotomono/v4/hMqPNLsu_dywMa4C_DEpY50EAVxt0G0biEntp43Qt6E.ttf) format("truetype")}.svg-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:64px;height:64px;background:none;border:none;padding:0;margin:0;cursor:pointer}.svg-btn svg{width:24px;height:24px}@media (min-width:960px){.svg-btn{width:88px;height:88px}}.top-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:960px){.menu-btn{display:none}}.page-header{background-color:#2979ff;color:#fff;padding:64px 32px}.page-header__inner-section{width:100%}.page-header__inner-section h1{font-size:3rem;line-height:5rem;color:#fff;margin:0;margin-bottom:8px}.page-header__inner-section p{margin:0}@media (min-width:960px){.page-header{background-color:#2979ff;color:#fff;padding:120px 64px}.page-header__inner-section{max-width:1200px;margin-left:auto;margin-right:auto}.page-header__inner-section h1{width:60%;font-size:5.14rem;line-height:6.78rem}}.two-column{border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,.12)}.two-column_wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.two-column__section{padding:32px;border-width:1px;border-color:rgba(0,0,0,.12)}.two-column__section>:last-child{margin-bottom:0}.two-column__section:first-child{border-bottom-style:solid}@media (min-width:960px){.two-column_wrapper{-ms-flex-direction:row;flex-direction:row;max-width:1200px;margin-left:auto;margin-right:auto}.two-column__section{width:0;-ms-flex:1;flex:1;padding:64px}.two-column__section:first-child{border-bottom-style:none;border-right-style:solid}}.google-dev-logo{display:inline-block;height:64px;padding:24px 32px;box-sizing:border-box}.google-dev-logo svg{width:auto;height:100%}@media (min-width:960px){.google-dev-logo{display:inline-block;height:88px;padding:32px 40px}}footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-top-style:solid;border-width:1px;border-color:rgba(0,0,0,.12)}.footer__right-section{-ms-flex:1;flex:1}@media (min-width:960px){footer{height:140px}}@media (min-width:960px){.nav-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:1200px;margin-left:auto;margin-right:auto}.nav-content nav{width:0;-ms-flex:30;flex:30}.nav-content main{width:0;-ms-flex:70;flex:70}}nav{display:block;width:85%;height:100%;max-width:360px;position:fixed;top:0;left:0;transform:translateX(-100%);background-color:#fff;box-sizing:border-box;box-shadow:0 0 16px transparent;transition:transform .3s ease-in-out;will-change:transform;overflow-y:auto;z-index:2}nav.is-open{box-shadow:0 0 16px rgba(0,0,0,.8);left:0;transform:translateX(0)}nav ul{list-style:none;margin:0;padding:0;padding-left:24px}nav>ul:first-child{padding-top:32px}nav>ul:last-child{padding-bottom:32px}nav ul li:before{content:none}nav ul li{margin:0}nav ul li.heading,nav ul li.subheading,nav ul li a{display:block;text-decoration:none;padding:12px 32px}nav ul li.subheading{font-style:italic;padding-bottom:0;opacity:.7}nav>ul{margin:0;padding:0;padding-top:24px;padding-bottom:24px}nav .current-page a{color:rgba(0,0,0,.26)}.nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0;transition:opacity .3s ease-in-out;z-index:1;pointer-events:none}.nav-backdrop.is-open{opacity:1;pointer-events:all;-ms-touch-action:none;touch-action:none}@media (min-width:960px){nav{position:relative;min-width:auto;height:auto;border-right-style:solid;border-color:rgba(0,0,0,.12);border-width:1px;box-shadow:none;transition:none;transform:translateX(0)}nav>ul{padding-top:24px;padding-bottom:24px}nav>ul:first-child{padding-top:64px}nav>ul:last-child{padding-bottom:64px}.nav-backdrop,.nav-backdrop.isOpen{display:none}nav ul li.heading,nav ul li.subheading,nav ul li a{display:block;text-decoration:none;padding:12px 64px}}main>ol:nth-child(2){counter-reset:a;list-style-type:none;margin:0;padding:0}main>ol:nth-child(2)>li{counter-increment:a;position:relative;border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,.12);padding-right:16px;padding-left:3.25rem;padding-bottom:24px;margin:32px 0}main>ol:nth-child(2)>li:last-child{border:none;padding-bottom:0;margin-bottom:0}main>ol:nth-child(2)>li:before{content:counter(a);background-color:#2979ff;color:#fff;border-radius:100%;vertical-align:middle;text-align:center;position:absolute;width:36px;width:2.25rem;height:36px;height:2.25rem;line-height:36px;line-height:2.25rem;margin-left:-52px;margin-left:-3.25rem;top:-6px;top:-.375rem}main>ol:nth-child(2)>li>h1{line-height:1.4375rem;color:rgba(0,0,0,.87)}main>ol:nth-child(2)>li>h1 a{color:rgba(0,0,0,.87)}.token.attr-name,.token.builtin,.token.selector,.token.string{color:#e91e63}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#9d1db3}.token.cr:before,.token.lf:before{display:none}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#9d1db3;background:none}code .nx{color:#009688}code .p{color:#999}code .c1{color:#708090}code .k,code .kr{color:#00bcd4}html{height:100%}body,html{width:100%;margin:0;padding:0;font-size:16px;line-height:24px}body{font-family:Roboto,sans-serif;color:rgba(0,0,0,.87)}h1,h2,h3,h4,h5,h6{font-family:Roboto Mono,monospace;margin:0;font-weight:400;color:#2979ff}h1{font-size:1.5rem;line-height:2rem}h1,h2{margin:32px 0}h2{font-size:1.375rem;line-height:1.8125rem}h3{margin:32px 0 8px}h4,h5,h6{margin:32px 0 4px}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p{margin-top:0}p{margin-bottom:8px}ol,ul{margin:1.5rem 0;padding-left:2.5rem}img{max-width:100%}.highlighter-rouge,pre{margin:2rem 0}.highlighter-rouge>pre{margin:0}pre{background-color:#eceff1;padding:20px;overflow:auto}code,pre{font-family:Roboto Mono,monospace;color:#000;font-size:.9rem}main{padding:32px}main>*{max-width:750px}a{color:#2979ff;text-decoration:none}table{border-collapse:separate;border-spacing:0}blockquote{margin:0;padding:8px 16px;border-left-style:solid;border-left-width:1px;border-left-color:#2979ff}@media (min-width:960px){main{padding:64px}}