You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

35 lines
324 KiB

5 years ago
body,dd,div,dl,figure,form,img,input,menu{margin:0;padding:0}body[no-overflow]{overflow:hidden}iframe{border:0}iframe:not([src]){display:none}.caution>:first-child,.dogfood>:first-child,.key-point>:first-child,.key-term>:first-child,.note>:first-child,.objective>:first-child,.quickstart-left>:first-child,.quickstart-wide>:first-child,.special>:first-child,.success>:first-child,.warning>:first-child,aside>:first-child,blockquote>:first-child,dd>:first-child,li>p:first-child,td>.devsite-table-wrapper:first-child>table,td>.expandable:first-child>:nth-child(2),td>:first-child,td>:first-child>li:first-child{margin-top:0}.caution>:last-child,.dogfood>:last-child,.key-point>:last-child,.key-term>:last-child,.note>:last-child,.objective>:last-child,.quickstart-left>:last-child,.quickstart-wide>:last-child,.special>:last-child,.success>:last-child,.warning>:last-child,aside>:last-child,blockquote>:last-child,dd>:last-child,li>p:last-child,td>.devsite-table-wrapper:last-child>table,td>.expandable:last-child>:last-child,td>:last-child,td>:last-child>li:last-child{margin-bottom:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::after,*::before{-webkit-box-sizing:inherit;box-sizing:inherit}.clearfix::after,.quickstart-step::after{clear:both;content:"";display:table;height:0;visibility:hidden}body,html{color:#202124;font:400 16px/24px Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;margin:0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body[devsite-framebox]{height:auto;overflow:hidden;padding:20px}p{margin:16px 0;padding:0}img,video{border:0;height:auto;max-width:100%}table img{max-width:272px}:link,:visited{color:#039be5;outline:0;text-decoration:none}a:focus{text-decoration:underline}.devsite-toast-content :link,.devsite-toast-content :visited{color:#fff;text-decoration:underline}.devsite-toast-content a:focus{background:rgba(255,255,255,.3);border-radius:2px;margin:-4px;padding:4px;text-decoration:none}sup{line-height:1}dd,ol,ul{margin:0;padding-left:40px}td>dl>dd,td>ol,td>ul{padding-left:20px}ol{list-style:decimal outside}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}ol.upper-alpha{list-style-type:upper-alpha}ul{list-style:disc outside}li,li p{margin:8px 0;padding:0}dt{font:700 16px/24px Roboto,sans-serif}dd,dt{margin:16px 0}blockquote{background:#f1f3f4;margin:16px 0;padding:8px;quotes:none}hr{background:#e8eaed;border:0;height:1px;margin:16px 0;width:100%}abbr,acronym{border-bottom:1px dotted #80868b;cursor:help}address,cite,dfn,em{font-style:italic}strong{font-weight:bold}*[visually-hidden]{opacity:0 !important;pointer-events:none !important;visibility:hidden !important}*.hidden,*[hidden]{display:none !important}*[no-scroll]{overflow:hidden}#app-progress{left:0;position:fixed;right:0;top:0;z-index:1011}.devsite-article .material-icons{vertical-align:bottom}.devsite-article-body .material-icons:not(:link),[type=landing] .devsite-article .material-icons:not(:link){cursor:default}.footnotes ol{padding-left:16px}.footnotes li{font:400 13px/20px Roboto,sans-serif}#qv-wrapper,#table-of-contents,#tb-wrapper,.inline-toc,div.toc:not(.class):not(.group):not(.type):not(.interface),h2#contents,h2.toc,h3#contents,h3.toc,ol.toc,section.toc,ul.toc{display:none}@media screen and (max-width: 840px){#app-progress{z-index:1014}}.no-feedback [ds-is=feedback]{display:none}.preserve-case{text-transform:none}a.external::after{content:"open_in_new";font:normal normal normal 24px/1 "Material Icons";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-transform:none;word-wrap:normal;font-size:18px;margin-left:4px;vertical-align:text-bottom}devsite-heading.numbered>h2,h2.numbered{line-height:48px;margin-top:60px;padding-bottom:19px}devsite-heading.numbered>h2::before,h2.numbered::before{background:#bdc1c6;border-radius:50%;color:#fff;display:inline-block;height:48px;line-height:48px;margi
#devsite-hamburger-menu{display:none}#devsite-hamburger-menu::before{content:"menu"}devsite-book-nav #devsite-close-nav{color:#80868b;line-height:0;overflow:hidden}devsite-book-nav #devsite-close-nav::before{content:"arrow_back"}devsite-book-nav[top-level-nav] #devsite-close-nav::before{content:"close"}devsite-book-nav{max-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1004}body[pending] devsite-book-nav{background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);height:100vh;top:0 !important}body[ready] devsite-book-nav[fixed]{-webkit-box-shadow:none;box-shadow:none;contain:content;max-height:100%;padding-bottom:36px;position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);will-change:top,max-height,transform}.devsite-book-nav-bg{background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}body[ready] .devsite-book-nav-bg[fixed]{bottom:0;display:block;position:fixed;top:0;z-index:1}.devsite-book-nav-bg::after{background:#f1f3f4;bottom:-10px;content:"";display:block;height:10px;left:0;position:fixed;width:266px}devsite-book-nav .devsite-nav{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}devsite-book-nav .devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child{border-top:0;margin-top:20px;padding-top:0}devsite-book-nav li .devsite-nav-title{padding-left:24px}devsite-book-nav devsite-expandable-nav li .devsite-nav-title{padding-left:40px}devsite-book-nav devsite-expandable-nav li li .devsite-nav-title{padding-left:56px}devsite-book-nav devsite-expandable-nav li li li .devsite-nav-title{padding-left:72px}devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-title{padding-left:88px}devsite-book-nav devsite-expandable-nav li li li li li .devsite-nav-title{padding-left:104px}devsite-book-nav li.devsite-nav-divider .devsite-nav-title{padding-left:0}devsite-book-nav .devsite-nav-title{padding-right:8px}devsite-book-nav .devsite-nav-list>.devsite-nav-heading:not(.devsite-nav-divider){border-top:1px solid #ddd;padding-top:11px}devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider){margin-top:12px}devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:24px}devsite-book-nav devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:40px}devsite-book-nav devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:56px}devsite-book-nav devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:72px}devsite-book-nav devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:88px}devsite-book-nav devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path{padding-left:104px}devsite-book-nav .devsite-nav-heading.devsite-nav-divider{background:#eceff1;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:3px 24px}devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child{padding-top:4px}devsite-book-nav .devsite-nav-divider>.devsite-nav-title{font:400 12px/16px Roboto,sans-serif;text-transform:uppercase}devsite-book-nav .devsite-nav-accordion+.devsite-nav-accordion,devsite-book-nav .devsite-nav-divider+.devsite-nav-accordion{border-top:0;padding-top:12px}devsite-book-nav .devsite-nav-accordion+.devsite-nav-divider{border-top:0;padding-top:4px}devsite-book-nav .devsite-nav-accordion+.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider),devsite-book-nav .devsite-nav-divider+.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider),devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider)
devsite-expandable-nav{cursor:pointer;display:block;position:relative}devsite-expandable-nav>.devsite-nav-section{max-width:100%;overflow-y:hidden;-webkit-transition:height .2s;transition:height .2s;width:100%;will-change:height}devsite-expandable-nav:not([animatable])>.devsite-nav-section{-webkit-transition:height 1ms;transition:height 1ms}devsite-expandable-nav[collapsed]:not([animating])>.devsite-nav-section{display:none}devsite-expandable-nav[collapsed]:not([connected])>.devsite-nav-section{height:0}devsite-expandable-nav>.devsite-nav-title-no-path{cursor:pointer;outline:0}devsite-expandable-nav>.devsite-nav-title{padding-left:24px}devsite-expandable-nav devsite-expandable-nav>.devsite-nav-title{padding-left:40px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-title{padding-left:56px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-title{padding-left:72px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-title{padding-left:88px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-title{padding-left:104px}devsite-expandable-nav>.devsite-nav-toggle{color:#bdc1c6;cursor:pointer;font:normal normal normal 24px/1 "Material Icons";-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-transform:none;word-wrap:normal}.devsite-nav-item:not(.devsite-nav-accordion)>devsite-expandable-nav>.devsite-nav-toggle{font-size:18px;position:absolute;top:2px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;will-change:transform}.devsite-nav-item:not(.devsite-nav-accordion)>devsite-expandable-nav:not([animatable])>.devsite-nav-toggle{-webkit-transition:-webkit-transform 1ms;transition:-webkit-transform 1ms;transition:transform 1ms;transition:transform 1ms, -webkit-transform 1ms}devsite-expandable-nav>.devsite-nav-toggle{left:4px}devsite-expandable-nav devsite-expandable-nav>.devsite-nav-toggle{left:20px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-toggle{left:36px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-toggle{left:52px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-toggle{left:68px}devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav devsite-expandable-nav>.devsite-nav-toggle{left:84px}.devsite-nav-item:not(.devsite-nav-accordion)>devsite-expandable-nav[collapsed]>.devsite-nav-toggle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}devsite-expandable-nav>.devsite-nav-toggle::before{content:"arrow_drop_down"}.devsite-nav-accordion{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:11px 0}.devsite-nav-accordion>devsite-expandable-nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.devsite-nav-accordion>devsite-expandable-nav>.devsite-nav-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.54);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 196px;flex:1 0 196px;font-weight:700;overflow:hidden}.devsite-nav-accordion>devsite-expandable-nav>.devsite-nav-toggle{font-size:24px;margin-right:8px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:-webkit-transform .5s;transition:-webkit-tra
devsite-footer-linkboxes{background:#fff;display:block;font:400 14px/16px Roboto,sans-serif}devsite-footer-linkboxes .devsite-footer-linkboxes-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0 12px}devsite-footer-linkboxes .devsite-footer-linkbox{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:24px 12px}devsite-footer-linkboxes .devsite-footer-linkbox-heading{font:500 14px/16px Roboto,sans-serif;margin:0 0 8px}devsite-footer-linkboxes .devsite-footer-linkbox-list{list-style-type:none;padding:0}devsite-footer-linkboxes .devsite-footer-linkbox-item{margin:0}devsite-footer-linkboxes .devsite-footer-linkbox-link{color:#202124;display:block;padding:8px 0}devsite-footer-linkboxes .devsite-footer-linkbox-link:focus,devsite-footer-linkboxes .devsite-footer-linkbox-link:hover{color:#039be5;text-decoration:none}@media screen and (max-width: 1240px){.devsite-main-content[has-book-nav]~devsite-footer-linkboxes .devsite-footer-linkbox{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}@media screen and (max-width: 600px){devsite-footer-linkboxes .devsite-footer-linkboxes-list{display:block;padding:0}devsite-footer-linkboxes .devsite-footer-linkbox{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 16px 24px}devsite-footer-linkboxes .devsite-footer-linkbox:first-child{padding-top:24px}}
devsite-footer-promos{border-top:1px solid #ddd;background:#fff;display:block;font:14px/20px Roboto,sans-serif;padding:0 24px}devsite-footer-promos .devsite-footer-promos-list{border-bottom:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;-ms-flex-pack:distribute;justify-content:space-around;padding:20px 0 19px}devsite-footer-promos .devsite-footer-promo{-webkit-box-flex:0;-ms-flex:0 1 192px;flex:0 1 192px;margin:20px 0;text-align:center}devsite-footer-promos .devsite-footer-promo:not(:first-child){margin-left:24px}devsite-footer-promos .devsite-footer-promo-icon{color:rgba(0,0,0,.87);display:block;font-size:48px;height:48px;margin:0 auto 8px;width:48px}devsite-footer-promos .devsite-footer-promo-title{color:rgba(0,0,0,.87);display:block;font-weight:500}devsite-footer-promos .devsite-footer-promo-title:focus,devsite-footer-promos .devsite-footer-promo-title:hover{color:#039be5;text-decoration:none}@media screen and (max-width: 1240px){.devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promos-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promo{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;padding:0 20px}.devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promo:not(:first-child){margin-left:0}}@media screen and (max-width: 840px){.devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promos-list,devsite-footer-promos .devsite-footer-promos-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:12px 0}.devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promo,devsite-footer-promos .devsite-footer-promo{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin:0;padding:8px 8px 8px 0;text-align:left}devsite-footer-promos .devsite-footer-promo:not(:first-child){margin-left:0}devsite-footer-promos .devsite-footer-promo-icon{height:32px;margin:0 8px 0 0;width:32px}devsite-footer-promos .devsite-footer-promo-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:normal}devsite-footer-promos .devsite-footer-promo-description{display:none}}@media screen and (max-width: 600px){devsite-footer-promos{padding:0 16px}devsite-footer-promos .devsite-footer-promos-list{display:block}}
devsite-footer-utility{background:#fff;display:block}devsite-footer-utility nav{border-top:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 24px;padding:23px 0 24px}devsite-footer-utility .devsite-footer-sites{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;font:400 14px/16px Roboto,sans-serif}devsite-footer-utility .devsite-footer-sites-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0}devsite-footer-utility .devsite-footer-sites-item{margin:0 0 0 40px}devsite-footer-utility .devsite-footer-sites-link{color:#202124;display:block;padding:8px 0}devsite-footer-utility .devsite-footer-sites-link:focus,devsite-footer-utility .devsite-footer-sites-link:hover{color:#039be5;text-decoration:none}devsite-footer-utility .devsite-footer-sites-logo-link{display:block;line-height:1}devsite-footer-utility .devsite-footer-sites-logo{margin:-2px 0 0;max-width:216px}devsite-footer-utility .devsite-footer-utility-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;list-style:none;padding:0}devsite-footer-utility .devsite-footer-utility-link{color:#202124}devsite-footer-utility .devsite-footer-utility-link:focus,devsite-footer-utility .devsite-footer-utility-link:hover{color:#039be5}devsite-footer-utility .devsite-footer-utility-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 8px 0 0}devsite-footer-utility .devsite-footer-utility-item:not(:first-child)::before{content:"|";margin:0 8px 0 0}devsite-footer-utility .devsite-footer-utility-item.devsite-footer-utility-button::before{content:"";margin:0}devsite-footer-utility .devsite-footer-utility-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:20px;margin-left:auto;padding-left:16px}devsite-footer-utility .devsite-footer-utility-button>a{margin-left:16px}devsite-footer-utility .devsite-footer-utility-button>a:focus{text-decoration:none}devsite-footer-utility .devsite-footer-utility-language{margin-left:16px}devsite-footer-utility .devsite-footer-utility-language-select{min-width:96px;padding:0 27px 0 15px}@media screen and (max-width: 1240px){.devsite-main-content[has-book-nav]~devsite-footer-utility .devsite-footer-sites{display:block}.devsite-main-content[has-book-nav]~devsite-footer-utility .devsite-footer-sites-item{margin:0 40px 0 0}.devsite-main-content[has-book-nav]~devsite-footer-utility .devsite-footer-sites-logo{margin-bottom:16px}}@media screen and (max-width: 840px){devsite-footer-utility .devsite-footer-sites{display:block}devsite-footer-utility .devsite-footer-sites-item{margin:0 40px 0 0}devsite-footer-utility .devsite-footer-sites-logo{margin-bottom:16px}}@media screen and (max-width: 600px){devsite-footer-utility nav{display:block;margin:0 16px}devsite-footer-utility .devsite-footer-sites,devsite-footer-utility .devsite-footer-sites-list{display:block}devsite-footer-utility .devsite-footer-sites-logo{margin-bottom:16px}.devsite-main-content[has-book-nav]~devsite-footer-utility .devsite-footer-sites-item,devsite-footer-utility .devsite-footer-sites-item{margin:0}devsite-footer-utility .devsite-footer-utility-language{margin:16px 0 0}devsite-footer-utility .devsite-footer-utility-list{-ms-flex-wrap:wrap;flex-wrap:wrap}devsite-footer-utility .devsite-footer-utility-button{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin:16px 0 0;padding:0}}
devsite-header{display:block;position:relative;z-index:1006}body[ready] devsite-header[fixed]{contain:layout;pointer-events:none;position:fixed;top:0;width:100%}devsite-header .devsite-top-logo-row-wrapper-wrapper{position:relative;z-index:1}body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper::before{content:"";height:400px;position:absolute;-webkit-transform:translateY(-400px);transform:translateY(-400px);width:100%}devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper{pointer-events:all}devsite-header .devsite-collapsible-section{position:relative}devsite-header .devsite-collapsible-section,devsite-header[no-lower-row][fixed]{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}devsite-header[fixed] .devsite-collapsible-section{contain:style;pointer-events:all;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);will-change:transform}devsite-header .devsite-top-logo-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:48px;padding:0 24px;position:relative}devsite-header .devsite-header-background{display:block;position:relative}devsite-header .devsite-top-button{background:0;padding:0 8px;-webkit-transition:background .2s,color .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,-webkit-box-shadow .2s;transition:background .2s,box-shadow .2s,color .2s;transition:background .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s}devsite-header .devsite-top-button,devsite-header .devsite-top-button:active,devsite-header .devsite-top-button:focus,devsite-header .devsite-top-button:hover{border:0}devsite-header .devsite-product-button-row>devsite-feedback button{margin-right:8px}devsite-header .devsite-header-background>devsite-feedback button{bottom:6px;position:absolute;right:16px}devsite-header devsite-feedback button{background:0;margin-right:-8px;padding:0 8px;-webkit-transition:background .2s,color .2s,-webkit-box-shadow .2s;transition:background .2s,color .2s,-webkit-box-shadow .2s;transition:background .2s,box-shadow .2s,color .2s;transition:background .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s}devsite-header devsite-feedback button,devsite-header devsite-feedback button:active,devsite-header devsite-feedback button:focus,devsite-header devsite-feedback button:hover{border:0}devsite-header .devsite-header-icon-button{display:none;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:24px;min-width:24px;padding:0;-webkit-transition:color .2s;transition:color .2s;width:24px}devsite-header .devsite-top-logo-row-middle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media screen and (max-width: 840px){devsite-header{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}devsite-header .devsite-top-logo-row{padding:0 16px}devsite-header .devsite-header-upper-tabs devsite-tabs{margin-left:16px}devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav,devsite-header devsite-feedback button{display:none}}devsite-header .devsite-header-billboard{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 24px 20px;position:relative;z-index:100}devsite-header .devsite-header-billboard h1{font:300 24px/32px Roboto,sans-serif;line-height:1;margin:14px 0;overflow:visible;padding:0}devsite-header .devsite-header-billboard-logo{max-height:64px}devsite-header .devsite-header-billboard-search{margin:0 auto;max-width:816px;padding-bottom:48px}devsite-header .devsite-header-billboard-search devsite-search{width:100%}devsite-header .devsite-header-billboard-search devsite-search .devsite-popout-result{max-height:50vh}@media screen and (max-width: 840px){devsite-header .devsite-header-billboard-search{margin:0 24px}}devsite-header .devsite-doc-set-nav-row{-webkit-bo
devsite-progress{pointer-events:none;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}devsite-progress[type=indeterminate]{-webkit-transform:scaleY(1);transform:scaleY(1)}devsite-progress .devsite-progress--indeterminate{position:relative;height:2px}devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1,devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2,devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3,devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:scaleX(0);transform:scaleX(0)}devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1{-webkit-animation:progress-indeterminate-1 2.5s linear infinite;animation:progress-indeterminate-1 2.5s linear infinite;z-index:1}devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2{-webkit-animation:progress-indeterminate-2 2.5s ease-in infinite;animation:progress-indeterminate-2 2.5s ease-in infinite;z-index:2}devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3{-webkit-animation:progress-indeterminate-3 2.5s ease-out infinite;animation:progress-indeterminate-3 2.5s ease-out infinite;z-index:3}devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4{-webkit-animation:progress-indeterminate-4 2.5s ease-out infinite;animation:progress-indeterminate-4 2.5s ease-out infinite;z-index:4}@-webkit-keyframes progress-indeterminate-1{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}50%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes progress-indeterminate-1{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}50%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes progress-indeterminate-2{0%,20%{-webkit-transform:scaleX(0);transform:scaleX(0)}70%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes progress-indeterminate-2{0%,20%{-webkit-transform:scaleX(0);transform:scaleX(0)}70%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes progress-indeterminate-3{0%,60%{-webkit-transform:scaleX(0);transform:scaleX(0)}90%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes progress-indeterminate-3{0%,60%{-webkit-transform:scaleX(0);transform:scaleX(0)}90%,100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes progress-indeterminate-4{0%,75%{-webkit-transform:scaleX(0);transform:scaleX(0)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes progress-indeterminate-4{0%,75%{-webkit-transform:scaleX(0);transform:scaleX(0)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}
devsite-search{border-radius:2px;display:inline-block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:36px;margin:6px 0 6px 24px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);vertical-align:top;width:200px;will-change:transition;z-index:10}devsite-search .devsite-search-image{color:#80868b;left:8px;position:absolute;top:6px;-webkit-transition:color .2s;transition:color .2s}devsite-search .devsite-search-image::before{content:"search"}devsite-search .devsite-search-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}devsite-search .devsite-suggest-results-container{border-top:1px solid #ddd}devsite-search input.devsite-search-field{background:none;border:0;color:#80868b;height:36px;outline:0;padding:8px 8px 8px 40px;-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;width:100%}devsite-search input.devsite-search-field::-webkit-input-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field:-ms-input-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field::-ms-input-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field::placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field::-webkit-input-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field::-moz-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field:-ms-input-placeholder{color:#80868b;-webkit-transition:color .2s;transition:color .2s}devsite-search input.devsite-search-field:focus{border:0;padding-bottom:8px}devsite-search .devsite-searchbox{width:100%}devsite-search .devsite-searchbox::before{background:#fff;content:"";height:500px;left:-6px;opacity:0;pointer-events:none;position:absolute;top:-458px;-webkit-transition:opacity 1ms .2s;transition:opacity 1ms .2s;width:calc(100% + 12px);will-change:opacity;z-index:-1}devsite-search[search-active]{overflow:visible}devsite-search[search-active] .devsite-searchbox::before{opacity:1}devsite-search[search-active] .devsite-searchbox:hover{background:#f1f3f4}devsite-search[search-active] .devsite-search-field{color:#202124}devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field:-ms-input-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field::-ms-input-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field::placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field::-moz-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-field:-ms-input-placeholder{color:#80868b}devsite-search[search-active] .devsite-search-image{color:#80868b}devsite-search[ds-is] .devsite-popout{display:block;margin-top:6px;position:absolute;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;visibility:hidden;width:100%;z-index:-2}devsite-search[search-active] .devsite-popout{display:block;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.2s;transition-delay:.2s;visibility:visible;will-change:transform}devsite-search .devsite-popout-result{max-height:calc(100vh - 56px);overflow-y:auto;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}devsite-search .devsite-popout-result:empty{display:none}devsite-search[search-active][no-suggest] .
devsite-sitemask{background:rgba(0,0,0,.4);bottom:-200px;cursor:pointer;left:-200px;opacity:0;pointer-events:none;position:fixed;right:-200px;top:-200px;-webkit-transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),visibility .2s linear;transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1),visibility .2s linear;visibility:hidden;z-index:1012;-webkit-tap-highlight-color:transparent}devsite-sitemask[visible]{opacity:1;pointer-events:auto;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;visibility:visible}
devsite-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:48px;max-width:calc(100% - 208px);position:relative}devsite-tabs[connected]{max-width:none}devsite-tabs .devsite-tabs-wrapper{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:0}devsite-tabs[dropdown--open] .devsite-tabs-wrapper,devsite-tabs[overflow-menu--open] .devsite-tabs-wrapper{overflow:visible}devsite-tabs tab{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;position:relative}devsite-tabs tab>a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font:500 14px/20px Roboto,sans-serif;margin:0;padding:0 24px;text-transform:uppercase;-webkit-transition:color .2s;transition:color .2s;white-space:nowrap}devsite-tabs tab>a,devsite-tabs tab>a:focus,devsite-tabs tab>a:hover{text-decoration:none}devsite-tabs.upper-tabs tab a{font-weight:400;text-transform:none}devsite-tabs.upper-tabs tab[active]>a{font-weight:500}devsite-tabs tab a:focus::after,devsite-tabs tab a:hover::after,devsite-tabs tab[active] a::after{bottom:0;content:"";display:block;height:2px;left:0;position:absolute;right:0}devsite-tabs tab[dropdown]>a{padding-right:0;position:relative;z-index:2}devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle::before,devsite-tabs.upper-tabs .devsite-icon-arrow-drop-down::before{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;transition:color .2s,transform .2s;transition:color .2s,transform .2s,-webkit-transform .2s}devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle::before,devsite-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-drop-down::before{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}devsite-tabs tab[overflow-tab]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}devsite-tabs tab[overflow-tab] tab>a{padding:0 24px}devsite-tabs tab[overflow-tab] a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:relative}devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown,devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown-toggle{display:none}devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu{background:#fff;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:320px;overflow-y:auto;padding:16px 0;position:absolute;top:-16px;z-index:1005}devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu{border-radius:0 0 2px 2px;-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15),inset 0 4px 6px -4px rgba(154,160,166,.5);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15),inset 0 4px 6px -4px rgba(154,160,166,.5);top:48px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;z-index:-1}devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu[hidden]{display:block !important;pointer-events:none;-webkit-transform:translate3d(0, -150%, 0);transform:translate3d(0, -150%, 0)}devsite-tabs[ds-is=tabs] tab[overflow-tab] .devsite-tabs-overflow-menu tab a{background:#fff
devsite-toc.devsite-toc{float:right;width:160px}devsite-toc>.devsite-nav-list{border-left:4px solid #80868b;width:160px}devsite-toc[fixed]>.devsite-nav-list{contain:content;position:fixed;overflow-x:hidden;overflow-y:auto;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);will-change:max-height,transform}devsite-toc>.devsite-nav-list>:first-child>.devsite-nav-title{padding-top:0}devsite-toc>.devsite-nav-list>:last-child>.devsite-nav-list>:last-child>.devsite-nav-title:last-child,devsite-toc>.devsite-nav-list>:last-child>.devsite-nav-title:only-child{padding-bottom:0}devsite-toc.devsite-toc-embedded{display:none}devsite-toc.devsite-toc-embedded>.devsite-nav-list{width:auto}devsite-toc .devsite-nav-list{padding-left:12px}devsite-toc .devsite-nav-more-items,devsite-toc .devsite-nav-show-all{display:none}devsite-toc[expandable] .devsite-nav-more-items,devsite-toc[expandable] .devsite-nav-show-all{color:#80868b;display:block;height:24px;padding:0}devsite-toc .devsite-nav-show-all{margin:-4px 0 0 4px;min-width:20px}devsite-toc .devsite-nav-show-all::before{content:"expand_more"}devsite-toc .devsite-nav-more-items{margin-bottom:-8px;min-width:0}devsite-toc .devsite-nav-more-items::before{content:"more_horiz"}devsite-toc[expanded] .devsite-nav-more-items::before,devsite-toc[expanded] .devsite-nav-show-all::before{content:"expand_less"}devsite-toc .devsite-toc-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}@media screen and (max-width: 1240px){devsite-toc.devsite-toc,devsite-toc[visible].devsite-toc{display:none}devsite-toc.devsite-toc-embedded:not(:empty){display:block;margin:20px 0 24px}}
devsite-user{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}devsite-user:not(:empty){margin-right:-8px}devsite-user #devsite-signin-btn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font:500 14px/36px Roboto,sans-serif}devsite-user .ogb-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity .2s cubic-bezier(0.4, 0, 0.2, 1)}devsite-user .ogb-pending{opacity:0}devsite-user .ogb-si{margin:0 0 0 24px}devsite-user[signed-in] .ogb-si{margin-left:16px}devsite-user .ogb-so{margin-left:12px}@media screen and (max-width: 840px){devsite-user .ogb-so{margin-left:0}}devsite-user .devsite-user-dialog{display:none}devsite-user .devsite-user-dialog a:link,devsite-user .devsite-user-dialog a:visited{color:#1a73e8;text-decoration:none}devsite-user[dialog--open] .devsite-user-dialog{background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:2px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);color:#000;display:block;outline:none;overflow:hidden;position:absolute;right:24px;top:62px}devsite-user .devsite-user-dialog-photo,devsite-user .devsite-user-dialog-toggle,devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;overflow:hidden;padding:0}devsite-user .devsite-user-dialog-toggle{border:4px solid transparent;-webkit-box-sizing:content-box;box-sizing:content-box;height:32px;margin-right:4px;overflow:hidden;text-decoration:none;width:32px}devsite-user .devsite-user-dialog-toggle:focus{border-color:rgba(0,0,0,.2) !important}devsite-user .devsite-user-dialog-photo-thumbnail{height:32px;width:32px}devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;font-size:17px;height:32px}devsite-user .devsite-user-dialog-learn-more{background:#fef9db;font-size:11px;line-height:normal;padding:10px 20px;white-space:normal}devsite-user .devsite-user-dialog-user{display:-webkit-box;display:-ms-flexbox;display:flex;margin:20px;white-space:nowrap;width:calc(100% - 40px)}devsite-user .devsite-user-dialog-photo,devsite-user .devsite-user-dialog-photo-portrait{-webkit-box-flex:0;-ms-flex:0 0 96px;flex:0 0 96px;height:96px}devsite-user .devsite-user-dialog-letter{text-transform:uppercase}devsite-user .devsite-user-dialog-photo .devsite-user-dialog-letter{font-size:52px}devsite-user .devsite-user-dialog-details{font-size:13px;line-height:normal;margin-left:20px}devsite-user .devsite-user-dialog-email,devsite-user .devsite-user-dialog-name{text-overflow:ellipsis;overflow:hidden}devsite-user .devsite-user-dialog-name{font-weight:bold;margin:-4px 0 1px}devsite-user .devsite-user-dialog-email{color:#666}devsite-user .devsite-user-dialog-privacy-policy{margin:6px 0}devsite-user .devsite-user-dialog-about>a{background:#4d90fe;border:1px solid #3079ed;border-radius:2px;display:inline-block;font:13px/28px Roboto;font-weight:bold;margin:10px 0 0;padding:0 12px;white-space:nowrap}devsite-user .devsite-user-dialog-about>a:link,devsite-user .devsite-user-dialog-about>a:visited{color:#fff}devsite-user .devsite-user-dialog-buttons{background:#f5f5f5;border-top:1px solid rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 20px}devsite-user .devsite-user-dialog-buttons>a{background:#f8f8f8;border:1px solid #c6c6c6;border-radius:2px;display:inline-block;font:13px/28px Roboto;padding:0 12px}devsite-user .devsite-user-dialog-buttons>a:link,devsite-user .devsite-user-dialog-buttons>a:visited{color:#666}devsite-user .devsite-user-dialog-buttons>a:last-child{margin-left:auto}@media screen and (max-width: 840px){devsite-user .ogb-si{margin-left:4px}}
devsite-content-footer{clear:both;color:rgba(0,0,0,.54);display:block;font:13px/20px Roboto,sans-serif}
body.google-samples{background:#f1f3f4}body.google-samples .devsite-article{margin:0;width:auto}android-samples{display:block;--mdc-theme-primary: $WHITE}android-samples .mdc-button:not(:disabled){color:#fff}android-samples .sample-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-24px 0 16px -24px}android-samples .resource-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;min-width:0;padding:24px 0 0 24px}android-samples .resource-card:active,android-samples .resource-card:focus{text-decoration:none}android-samples .sample-card{background:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.21);box-shadow:0 1px 3px 0 rgba(0,0,0,.21);-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;max-height:165px;min-width:0;overflow:hidden;padding:10px 20px 20px;position:relative}android-samples .card-featured .card-info::before{color:#039be5;content:"FEATURED";font-size:10px;position:absolute;right:10px;text-align:right;top:8px}android-samples .card-info .section{color:#9aa0a6;font:700 11px/20px Roboto,sans-serif;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}android-samples .card-info .title{color:#3c4043;font:500 18px/23px Roboto,sans-serif;margin:7px 0;max-height:46px;overflow:hidden;text-overflow:ellipsis;white-space:normal}android-samples .sample-description-area .text{color:#5f6368;font-size:14px;line-height:20px;margin:0 0 100px;max-height:60px;overflow:hidden}android-samples .sample-description-area *:not(.text){display:none}android-samples .no-display{display:none}android-samples .block-display{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 1440px){android-samples .resource-card{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}}@media screen and (max-width: 840px){android-samples .resource-card{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}}@media screen and (max-width: 600px){android-samples .sample-grid{margin:-16px 0 8px -16px}android-samples .resource-card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;padding:16px 0 0 16px}}android-samples .navrow{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#546e7a;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:68px;padding:16px;visibility:hidden}@media screen and (max-width: 840px){android-samples .navrow{max-height:112px}}@media screen and (max-width: 600px){android-samples .navrow{max-height:184px}}body[mdc--ready] android-samples .navrow{max-height:none;visibility:visible}android-samples .mdc-menu-surface[open]{display:block;opacity:1}android-samples .navrow .buttongroup{display:-webkit-box;display:-ms-flexbox;display:flex}android-samples .sample-menu{padding:0 4px 0 16px}android-samples .sample-button,android-samples .sample-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:0;-webkit-box-shadow:none;box-shadow:none;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;opacity:.87}android-samples .sample-button:hover,android-samples .sample-menu:hover{background-color:rgba(158,158,158,.2)}android-samples .sample-button:active,android-samples .sample-button:focus,android-samples .sample-menu:active,android-samples .sample-menu:focus{background-color:rgba(158,158,158,.4);-webkit-box-shadow:none;box-shadow:none}android-samples .mdc-button{letter-spacing:0}android-samples .mdc-list-item__text{font-size:14px}android-samples .googlesamples-filter-menu{padding-left:0}android-samples .menu-indicator{font-size:20px;visibility:hidden}android-samples .menu-indicator.yes-visible{visibility:visible}android-samples .navrow .searchfield{font-size:16px;margin:0 0 0 auto;width:300px}android-samples .navrow input#search{background:#fff;border:0;border-radius:2px;margin:0;padding:4px 0 4px 8px;width:100%}android-samples .navrow .searchfield label{display:none}@media screen and (max-width: 840px){android-samples .navrow{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direct
body[theme=android-theme][layout=docs] .devsite-banner-announcement{border-radius:0}body[theme=android-theme][layout=docs]{background:#e8eaed}body[theme=android-theme][layout=docs] .devsite-article{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);border-radius:2px}body[theme=android-theme] [ds-is=header] .devsite-top-logo-row-wrapper-wrapper{background:#fff;border-bottom:0}body[theme=android-theme] [ds-is=header] .devsite-tabs-dropdown-content{border-top:0}body[theme=android-theme] [ds-is=header] .devsite-top-logo-row-wrapper-wrapper::before{background:#fff}body[theme=android-theme] [ds-is=header] .devsite-top-logo-row,body[theme=android-theme] [ds-is=header] [ds-is=tabs].upper-tabs .devsite-tabs-wrapper{background:#fff}body[theme=android-theme] [ds-is=header] .devsite-header-billboard{background:#f7f9fa}body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-guillemet,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-link{color:rgba(0,0,0,.54);fill:rgba(0,0,0,.54)}body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-guillemet:focus,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-guillemet:hover,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-link:focus,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-link:hover{color:rgba(0,0,0,.87)}body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path,body[theme=android-theme] [ds-is=header] .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path{fill:rgba(0,0,0,.87)}body[theme=android-theme] [ds-is=header] .devsite-product-description-row{color:#80868b}body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-guillemet,body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-link{color:#3c4043;fill:#3c4043}body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-guillemet:focus,body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-guillemet:hover,body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-link:focus,body[theme=android-theme] [ds-is=header] .devsite-product-description-row .devsite-breadcrumb-link:hover{color:#80868b;fill:#80868b}body[theme=android-theme] [ds-is=header] .devsite-header-icon-button{color:rgba(0,0,0,.54)}body[theme=android-theme] [ds-is=header] .devsite-header-icon-button:active,body[theme=android-theme] [ds-is=header] .devsite-header-icon-button:focus,body[theme=android-theme] [ds-is=header] .devsite-header-icon-button:hover{color:rgba(0,0,0,.87)}body[theme=android-theme] [ds-is=header] .devsite-top-button{color:#80868b}body[theme=android-theme] [ds-is=header] .devsite-top-button:focus,body[theme=android-theme] [ds-is=header] .devsite-top-button:hover{background-color:rgba(204,204,204,.15);color:#3c4043}body[theme=android-theme] [ds-is=header] .devsite-top-button:active{background-color:rgba(204,204,204,.3);color:#3c4043}body[theme=android-theme] [ds-is=header] .devsite-top-logo-row .devsite-top-button,body[theme=android-theme] [ds-is=header] [ds-is=user] #devsite-signin-btn{background:transparent;color:#039be5}body[theme=android-theme] [ds-is=header] .devsite-top-logo-row .devsite-top-button:active,body[theme=android-theme] [ds-is=header] .devsite-top-logo-row .devsite-top-button:focus,body[theme=android-theme] [ds-is=header] .devsite-top-logo-row .devsite-top-button:hover,body[theme=android-theme] [ds-is=header] [ds-is=user] #devsite-signin-btn:active,body[theme=android-theme] [ds-is=header] [ds-is=user] #devsite-signin-btn:focus,body[theme=android-theme] [ds-is=header] [ds-is=user] #devsite-signin-btn:hover{background:transpa
[background] :link:not(.button),[background] :visited:not(.button),[data-eyebrow] :link{color:inherit}.dac-center{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.dac-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.dac-grow-2{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.dac-grow-3{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}.dac-grow-4{-webkit-box-flex:4;-ms-flex-positive:4;flex-grow:4}.dac-grow-5{-webkit-box-flex:5;-ms-flex-positive:5;flex-grow:5}.dac-grow-6{-webkit-box-flex:6;-ms-flex-positive:6;flex-grow:6}.dac-grow-7{-webkit-box-flex:7;-ms-flex-positive:7;flex-grow:7}.dac-grow-8{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}.dac-grow-9{-webkit-box-flex:9;-ms-flex-positive:9;flex-grow:9}.dac-grow-10{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10}.dac-grow-11{-webkit-box-flex:11;-ms-flex-positive:11;flex-grow:11}.dac-grow-12{-webkit-box-flex:12;-ms-flex-positive:12;flex-grow:12}.dac-full-width{width:100%}.dac-hidden-sm-up,.dac-hidden-xs-down.dac-hidden-sm-up,.dac-hidden-xs-up{display:none !important}.dac-flex-spread{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dac-flex-spread devsite-heading{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width: 720px){.dac-hidden-xs-down{display:none !important}.dac-hidden-sm-up,.dac-hidden-xs-up{display:block !important}}@media screen and (max-width: 1000px){.dac-hidden-sm-down{display:none !important}}@media screen and (min-width: 720px)and (max-width: 1000px){.dac-hidden-xs-down.dac-hidden-sm-up{display:block !important}}.dac-landing-row-item-height-small{min-height:350px}.dac-landing-row-item-height-medium{min-height:500px}.dac-landing-row-item-height-large{min-height:750px}@media screen and (max-width: 1000px){.dac-landing-row-item-height-small{min-height:inherit}.dac-landing-row-item-height-large,.dac-landing-row-item-height-medium{min-height:250px}}.dac-banner-card,.dac-banner-card.dac-landing-row-bg-slate,.dac-landing-row-bg-blob-8,.dac-landing-row.dac-landing-row-collapse{background-clip:content-box}.devsite-landing-row:not([background]).dac-landing-row-bg-blob-8,[background=grey]{background-color:#f7f9fa}.dac-landing-row-bg-mint{background-color:#55ffb5}.dac-landing-row-bg-yellow{background-color:#ffd600}.dac-landing-row-bg-mint,.dac-landing-row-bg-yellow .button.dac-outline-button{border-color:#414141;color:#414141}.dac-landing-row-bg-mint:focus,.dac-landing-row-bg-mint:hover,.dac-landing-row-bg-yellow .button.dac-outline-button:focus,.dac-landing-row-bg-yellow .button.dac-outline-button:hover{background:#414141;border-color:#414141;color:#fff}.dac-landing-row-bg-blue{background-color:#2196f3}.dac-landing-row-bg-blue:link:not(.dac-button){color:#fff}.dac-landing-row-bg-slate,.devsite-landing-row:not([background]).dac-landing-row-bg-slate{background-color:#455a64}.dac-landing-row-bg-green,.dac-landing-row-item-description-bg-green .devsite-landing-row-item-description{background-color:#4b7d2f}.dac-landing-row-bg-blue .devsite-landing-row-item-body h2,.dac-landing-row-bg-blue .devsite-landing-row-item-body h3,.dac-landing-row-bg-blue .devsite-landing-row-item-body h4,.dac-landing-row-bg-blue .devsite-landing-row-item-body h4,.dac-landing-row-bg-blue .devsite-landing-row-item-description-content,.dac-landing-row-bg-blue .devsite-landing-row-item-description-content p,.dac-landing-row-bg-blue .devsite-landing-row-item-description-content p,.dac-landing-row-bg-green .devsite-landing-row-item-body h2,.dac-landing-row-bg-green .devsite-landing-row-item-body h3,.dac-landing-row-bg-green .devsite-landing-row-item-description-content,.dac-landing-row-bg-slate .devsite-landing-row-item-body h2,.dac-landing-row-bg-slate .devsite-landing-row-item-body h3,.dac-landing-row-bg-slate .devsite-landing-row-item-body h4,.dac-landing-row-bg-slate .devsite-landing-row-item-description-content,.dac-landing-row-bg-slate .devsite-landing-row-item-desc