@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:900px){.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:900px){.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:900px){.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{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,.12)}.two-column__section{padding:32px}.two-column__section>:last-child{margin-bottom:0}.two-column__section:first-child{border-bottom-style:solid;border-width:1px;border-color:rgba(0,0,0,.12)}@media (min-width:900px){.two-column{-ms-flex-direction:row;flex-direction:row}.two-column__section{width:0;-ms-flex:1;flex:1;padding:64px}.two-column__section:first-child{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:900px){.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:900px){footer{height:140px}}@media (min-width:900px){.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:900px){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}}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)}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.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:900px){main{padding:64px}}