.layout.horizontal,.layout.horizontal-reverse,.layout.vertical,.layout.vertical-reverse{display:flex}.layout.horizontal{flex-direction:row}.layout.vertical{flex-direction:column}.layout.wrap{flex-wrap:wrap}.flex,.flex-1{flex:1}.layout.start{align-items:flex-start}.layout.center,.layout.center-center{align-items:center}.layout.end{align-items:flex-end}.layout.start-justified{justify-content:flex-start}.layout.center-center,.layout.center-justified{justify-content:center}.layout.end-justified{justify-content:flex-end}.layout.around-justified{justify-content:space-around}.layout.justified{justify-content:space-between}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.block{display:block}[hidden]{display:none!important}.invisible{visibility:hidden!important}.relative{position:relative}.fit{bottom:0;left:0;position:absolute;right:0;top:0}body.fullbleed{height:100vh;margin:0}.scroll{-webkit-overflow-scrolling:touch;overflow:auto}body{color:#5c5c5c;font-size:16px;line-height:24px}body,h1{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400}h1{font-size:56px;letter-spacing:-.026em;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{font-size:45px;letter-spacing:-.018em;line-height:48px}h2,h3{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400}h3{font-size:34px;letter-spacing:-.01em;line-height:40px}h4{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-size:24px;font-weight:400;letter-spacing:-.012em;line-height:32px}*{box-sizing:border-box;margin:0;outline:none}body{background:#eceff1}body.view #banner{padding-bottom:24px;padding-top:80px;position:relative}body #loading-placeholder{display:none;padding:40px 0;text-align:center}body.loading card-sorter#cards,body.loading div#filters,body.loading div#searchbar{display:none}body.loading div#loading-placeholder{display:block}b{font-weight:500}a{color:currentcolor;text-decoration:none}li,ul{list-style:none;padding:0}.site-width{margin:0 auto;max-width:1024px;width:90vw}#banner{background-color:#fff;box-shadow:0 3px 6px -3px #bdbdbd;padding:40px 0 48px}#banner[down] .banner-slider{transform:none}#banner[down] .banner-title{visibility:hidden}#banner h2,#banner h3{font-weight:300}#banner #logo{height:125px;max-width:100%;width:auto}#banner .banner-slider{background-color:#eceff1;color:#546e7a;max-width:100%;padding:8px 0;position:absolute;top:0;transform:translateY(-100%);transition:transform .4s cubic-bezier(0,0,.2,1);width:100%;will-change:transform}#banner .banner-slider h3{font-size:30px}#banner .banner_arrows{margin-left:16px}#banner .banner-title{margin-bottom:8px}#banner .banner-description .banner-meta{padding:0 32px}#banner .banner-description .banner-meta h3{margin-bottom:8px}#banner paper-button{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;background-color:#607d8b;color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1;line-height:normal;min-width:150px;padding:8px 16px;text-align:center;text-transform:uppercase}#banner paper-button.iron-selected{background-color:#455a64}#sortby{justify-content:center;padding:24px 0}#sortby paper-tabs{text-transform:uppercase}#sortby paper-tabs paper-tab{margin:auto 7px;padding:0 5px}.paper-button-0,.paper-menu-button-0{border-radius:3px!important}.dropdown-filter{background-color:#fff;border-radius:3px}.dropdown-content{border-radius:3px!important}.dropdown-content paper-item:hover{background:#eee;cursor:pointer}@media (max-width:767px){#banner{line-height:16px;padding:16px 0}#banner paper-button{display:inline-block;margin:16px 0 0}#filters{height:20px;margin:0;padding:0;visibility:hidden}.banner-info{align-self:flex-start;line-height:24px;width:100%}.banner-description{align-items:center;display:flex;flex-direction:column}.banner-technologies{left:0;position:absolute;width:100%;z-index:1}.banner-title{font-size:7vw}.banner-meta{display:none}#logo{margin-bottom:16px}.filters{width:100%}}@media (min-width:768px){#banner .banner-title,#banner paper-button{margin-bottom:16px}.banner-info{line-height:32px;margin-right:32px}.banner-info a{text-decoration:underline}.banner-description{display:flex}.banner-description .banner-info{flex:1}}#mainToolbar{align-items:center;background-color:#00b5c9;color:#fff;display:flex;height:64px;padding:16px}#mainToolbar paper-icon-button[icon=menu]{flex-shrink:0}#mainToolbar a{align-items:center;display:flex}#mainToolbar .logo-icon{height:24px;margin-right:16px;width:30px}#mainToolbar .logo-devs{height:36px;margin-top:5px}#searchbar{border-radius:3px}#searchbar paper-input-container{padding:0}#searchbar paper-input-container input,#searchbar paper-input-container label{color:#fff}#searchbar paper-input-container label{opacity:.5}@media (min-width:768px){#searchbar{background-color:#0b656f;transition:background-color .4s cubic-bezier(0,0,.2,1);width:100%}#searchbar:hover{background-color:#78909c}.logo-devs{margin:5px 32px 0 0}}@media (max-width:767px){#searchbar paper-input-container{display:none}#mainToolbar{height:56px}#mainToolbar paper-icon-button[icon=menu]{margin-right:8px;width:40px}}.bg-u5ezzc8{background-color:#4285f4}.border-u5ezzc8,.codelab-card.category-about{border-bottom-color:#4285f4}.about-bg{background-color:#4285f4}.about-icon{background-image:url(/images/icons/google-g.svg)}.bg-u5ezzcz{background-color:#4285f4}.border-u5ezzcz{border-bottom-color:#4285f4}.icon-google-ads.svg{background-image:url(/images/icons/google-ads.svg)}.codelab-card.category-ads{border-bottom-color:#4285f4}.ads-bg{background-color:#4285f4}.ads-icon{background-image:url(/images/icons/google-ads.svg)}.bg-u5ezzd8{background-color:#f37c22}.border-u5ezzd8{border-bottom-color:#f37c22}.icon-google-analytics.svg{background-image:url(/images/icons/google-analytics.svg)}.codelab-card.category-analytics{border-bottom-color:#f37c22}.analytics-bg{background-color:#f37c22}.analytics-icon{background-image:url(/images/icons/google-analytics.svg)}.bg-u5ezzdx{background-color:#a4c639}.border-u5ezzdx{border-bottom-color:#a4c639}.icon-android.svg{background-image:url(/images/icons/android.svg)}.codelab-card.category-android{border-bottom-color:#a4c639}.android-bg{background-color:#a4c639}.android-icon{background-image:url(/images/icons/android.svg)}.codelab-card.category-android-kotlin{border-bottom-color:#a4c639}.android-kotlin-bg{background-color:#a4c639}.android-kotlin-icon{background-image:url(/images/icons/android.svg)}.codelab-card.category-android-tv{border-bottom-color:#a4c639}.android-tv-bg{background-color:#a4c639}.android-tv-icon{background-image:url(/images/icons/android.svg)}.bg-u5ezzdy{background-color:#03a9f4}.border-u5ezzdy{border-bottom-color:#03a9f4}.icon-android-auto.svg{background-image:url(/images/icons/android-auto.svg)}.codelab-card.category-android-auto{border-bottom-color:#03a9f4}.android-auto-bg{background-color:#03a9f4}.android-auto-icon{background-image:url(/images/icons/android-auto.svg)}.bg-u5ezze5{background-color:#6c6c6c}.border-u5ezze5{border-bottom-color:#6c6c6c}.icon-android-things.svg{background-image:url(/images/icons/android-things.svg)}.codelab-card.category-android-things{border-bottom-color:#6c6c6c}.android-things-bg{background-color:#6c6c6c}.android-things-icon{background-image:url(/images/icons/android-things.svg)}.bg-u5ezzes{background-color:#4285f4}.border-u5ezzes,.codelab-card.category-android-wear{border-bottom-color:#4285f4}.android-wear-bg{background-color:#4285f4}.android-wear-icon{background-image:url(/images/icons/wear-os.svg)}.bg-u5ezzf7{background-color:#4285f4}.border-u5ezzf7{border-bottom-color:#4285f4}.icon-google-assistant.svg{background-image:url(/images/icons/google-assistant.svg)}.codelab-card.category-assistant{border-bottom-color:#4285f4}.assistant-bg{background-color:#4285f4}.assistant-icon{background-image:url(/images/icons/google-assistant.svg)}.bg-u5ezzfm{background-color:#4a148c}.border-u5ezzfm{border-bottom-color:#4a148c}.icon-ar-core.svg{background-image:url(/images/icons/ar-core.svg)}.codelab-card.category-ar{border-bottom-color:#4a148c}.ar-bg{background-color:#4a148c}.ar-icon{background-image:url(/images/icons/ar-core.svg)}.codelab-card.category-ar-core{border-bottom-color:#4a148c}.ar-core-bg{background-color:#4a148c}.ar-core-icon{background-image:url(/images/icons/ar-core.svg)}.codelab-card.category-augmented-reality{border-bottom-color:#4a148c}.augmented-reality-bg{background-color:#4a148c}.augmented-reality-icon{background-image:url(/images/icons/ar-core.svg)}.codelab-card.category-augmented-reality-core{border-bottom-color:#4a148c}.augmented-reality-core-bg{background-color:#4a148c}.augmented-reality-core-icon{background-image:url(/images/icons/ar-core.svg)}.bg-u5ezzga{background-color:#f16523}.border-u5ezzga{border-bottom-color:#f16523}.icon-cardboard.svg{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-cardboard{border-bottom-color:#f16523}.cardboard-bg{background-color:#f16523}.cardboard-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-games{border-bottom-color:#f16523}.games-bg{background-color:#f16523}.games-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-play-games{border-bottom-color:#f16523}.play-games-bg{background-color:#f16523}.play-games-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-vr{border-bottom-color:#f16523}.vr-bg{background-color:#f16523}.vr-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-virtualreality{border-bottom-color:#f16523}.virtualreality-bg{background-color:#f16523}.virtualreality-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-virtualreality-games{border-bottom-color:#f16523}.virtualreality-games-bg{background-color:#f16523}.virtualreality-games-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-virtual-reality{border-bottom-color:#f16523}.virtual-reality-bg{background-color:#f16523}.virtual-reality-icon{background-image:url(/images/icons/cardboard.svg)}.codelab-card.category-virtual-reality-games{border-bottom-color:#f16523}.virtual-reality-games-bg{background-color:#f16523}.virtual-reality-games-icon{background-image:url(/images/icons/cardboard.svg)}.bg-u5ezzgz{background-color:#9aa0a6}.border-u5ezzgz{border-bottom-color:#9aa0a6}.icon-gsuite.svg{background-image:url(/images/icons/gsuite.svg)}.codelab-card.category-gsuite{border-bottom-color:#9aa0a6}.gsuite-bg{background-color:#9aa0a6}.gsuite-icon{background-image:url(/images/icons/gsuite.svg)}.codelab-card.category-g-suite{border-bottom-color:#9aa0a6}.g-suite-bg{background-color:#9aa0a6}.g-suite-icon{background-image:url(/images/icons/gsuite.svg)}.codelab-card.category-apps{border-bottom-color:#9aa0a6}.apps-bg{background-color:#9aa0a6}.apps-icon{background-image:url(/images/icons/gsuite.svg)}.bg-u5ezzh5{background-color:#4285f4}.border-u5ezzh5{border-bottom-color:#4285f4}.icon-google-docs.svg{background-image:url(/images/icons/google-docs.svg)}.codelab-card.category-docs{border-bottom-color:#4285f4}.docs-bg{background-color:#4285f4}.docs-icon{background-image:url(/images/icons/google-docs.svg)}.bg-u5ezzi0{background-color:#4285f4}.border-u5ezzi0{border-bottom-color:#4285f4}.icon-google-drive.svg{background-image:url(/images/icons/google-drive.svg)}.codelab-card.category-drive{border-bottom-color:#4285f4}.drive-bg{background-color:#4285f4}.drive-icon{background-image:url(/images/icons/google-drive.svg)}.bg-u5ezzi7{background-color:#34a853}.border-u5ezzi7{border-bottom-color:#34a853}.icon-google-sheets.svg{background-image:url(/images/icons/google-sheets.svg)}.codelab-card.category-sheets{border-bottom-color:#34a853}.sheets-bg{background-color:#34a853}.sheets-icon{background-image:url(/images/icons/google-sheets.svg)}.bg-u5ezziw{background-color:#fbbc05}.border-u5ezziw{border-bottom-color:#fbbc05}.icon-google-slides.svg{background-image:url(/images/icons/google-slides.svg)}.codelab-card.category-slides{border-bottom-color:#fbbc05}.slides-bg{background-color:#fbbc05}.slides-icon{background-image:url(/images/icons/google-slides.svg)}.bg-u5ezzjd{background-color:#4285f4}.border-u5ezzjd{border-bottom-color:#4285f4}.icon-blockly.svg{background-image:url(/images/icons/blockly.svg)}.codelab-card.category-blockly{border-bottom-color:#4285f4}.blockly-bg{background-color:#4285f4}.blockly-icon{background-image:url(/images/icons/blockly.svg)}.bg-u5ezzk4{background-color:#3bbaf3}.border-u5ezzk4{border-bottom-color:#3bbaf3}.icon-brillo.svg{background-image:url(/images/icons/brillo.svg)}.codelab-card.category-brillo{border-bottom-color:#3bbaf3}.brillo-bg{background-color:#3bbaf3}.brillo-icon{background-image:url(/images/icons/brillo.svg)}.bg-u5ezzkw{background-color:#5f6368}.border-u5ezzkw{border-bottom-color:#5f6368}.icon-cast.svg{background-image:url(/images/icons/cast.svg)}.codelab-card.category-cast{border-bottom-color:#5f6368}.cast-bg{background-color:#5f6368}.cast-icon{background-image:url(/images/icons/cast.svg)}.codelab-card.category-chromecast{border-bottom-color:#5f6368}.chromecast-bg{background-color:#5f6368}.chromecast-icon{background-image:url(/images/icons/cast.svg)}.codelab-card.category-chrome-cast{border-bottom-color:#5f6368}.chrome-cast-bg{background-color:#5f6368}.chrome-cast-icon{background-image:url(/images/icons/cast.svg)}.bg-u5ezzkx{background-color:#4285f4}.border-u5ezzkx{border-bottom-color:#4285f4}.icon-chrome.svg{background-image:url(/images/icons/chrome.svg)}.codelab-card.category-chrome{border-bottom-color:#4285f4}.chrome-bg{background-color:#4285f4}.chrome-icon{background-image:url(/images/icons/chrome.svg)}.codelab-card.category-google-chrome{border-bottom-color:#4285f4}.google-chrome-bg{background-color:#4285f4}.google-chrome-icon{background-image:url(/images/icons/chrome.svg)}.codelab-card.category-googlechrome{border-bottom-color:#4285f4}.googlechrome-bg{background-color:#4285f4}.googlechrome-icon{background-image:url(/images/icons/chrome.svg)}.bg-u5ezzl7{background-color:#4285f4}.border-u5ezzl7{border-bottom-color:#4285f4}.icon-cloud-platform.svg{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud{border-bottom-color:#4285f4}.cloud-bg{background-color:#4285f4}.cloud-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-about{border-bottom-color:#4285f4}.cloud-about-bg{background-color:#4285f4}.cloud-about-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-general{border-bottom-color:#4285f4}.cloud-general-bg{background-color:#4285f4}.cloud-general-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-other{border-bottom-color:#4285f4}.cloud-other-bg{background-color:#4285f4}.cloud-other-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-others{border-bottom-color:#4285f4}.cloud-others-bg{background-color:#4285f4}.cloud-others-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-platform{border-bottom-color:#4285f4}.cloud-platform-bg{background-color:#4285f4}.cloud-platform-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-tools{border-bottom-color:#4285f4}.cloud-tools-bg{background-color:#4285f4}.cloud-tools-icon{background-image:url(/images/icons/cloud-platform.svg)}.codelab-card.category-cloud-cloud-tools{border-bottom-color:#4285f4}.cloud-cloud-tools-bg{background-color:#4285f4}.cloud-cloud-tools-icon{background-image:url(/images/icons/cloud-platform.svg)}.bg-u5ezzlg{background-color:#4285f4}.border-u5ezzlg{border-bottom-color:#4285f4}.icon-cloud-appengine.svg{background-image:url(/images/icons/cloud-appengine.svg)}.codelab-card.category-cloud-appengine{border-bottom-color:#4285f4}.cloud-appengine-bg{background-color:#4285f4}.cloud-appengine-icon{background-image:url(/images/icons/cloud-appengine.svg)}.codelab-card.category-cloud-app-engine{border-bottom-color:#4285f4}.cloud-app-engine-bg{background-color:#4285f4}.cloud-app-engine-icon{background-image:url(/images/icons/cloud-appengine.svg)}.bg-u5ezzm2{background-color:#4285f4}.border-u5ezzm2{border-bottom-color:#4285f4}.icon-cloud-bigquery.svg{background-image:url(/images/icons/cloud-bigquery.svg)}.codelab-card.category-cloud-bigquery{border-bottom-color:#4285f4}.cloud-bigquery-bg{background-color:#4285f4}.cloud-bigquery-icon{background-image:url(/images/icons/cloud-bigquery.svg)}.codelab-card.category-cloud-big-query{border-bottom-color:#4285f4}.cloud-big-query-bg{background-color:#4285f4}.cloud-big-query-icon{background-image:url(/images/icons/cloud-bigquery.svg)}.codelab-card.category-bigquery{border-bottom-color:#4285f4}.bigquery-bg{background-color:#4285f4}.bigquery-icon{background-image:url(/images/icons/cloud-bigquery.svg)}.codelab-card.category-big-query{border-bottom-color:#4285f4}.big-query-bg{background-color:#4285f4}.big-query-icon{background-image:url(/images/icons/cloud-bigquery.svg)}.bg-u5ezzmv{background-color:#4285f4}.border-u5ezzmv{border-bottom-color:#4285f4}.icon-cloud-build.svg{background-image:url(/images/icons/cloud-build.svg)}.codelab-card.category-cloud-build{border-bottom-color:#4285f4}.cloud-build-bg{background-color:#4285f4}.cloud-build-icon{background-image:url(/images/icons/cloud-build.svg)}.bg-u5ezzn8{background-color:#4285f4}.border-u5ezzn8{border-bottom-color:#4285f4}.icon-cloud-compute-engine.svg{background-image:url(/images/icons/cloud-compute-engine.svg)}.codelab-card.category-cloud-compute{border-bottom-color:#4285f4}.cloud-compute-bg{background-color:#4285f4}.cloud-compute-icon{background-image:url(/images/icons/cloud-compute-engine.svg)}.codelab-card.category-cloud-compute-engine{border-bottom-color:#4285f4}.cloud-compute-engine-bg{background-color:#4285f4}.cloud-compute-engine-icon{background-image:url(/images/icons/cloud-compute-engine.svg)}.bg-u5ezznl{background-color:#4285f4}.border-u5ezznl,.codelab-card.category-cloud-data{border-bottom-color:#4285f4}.cloud-data-bg{background-color:#4285f4}.cloud-data-icon{background-image:url(/images/icons/cloud-sql.svg)}.bg-u5ezznu{background-color:#4285f4}.border-u5ezznu{border-bottom-color:#4285f4}.icon-cloud-datalab.svg{background-image:url(/images/icons/cloud-datalab.svg)}.codelab-card.category-cloud-datalab{border-bottom-color:#4285f4}.cloud-datalab-bg{background-color:#4285f4}.cloud-datalab-icon{background-image:url(/images/icons/cloud-datalab.svg)}.codelab-card.category-cloud-data-lab{border-bottom-color:#4285f4}.cloud-data-lab-bg{background-color:#4285f4}.cloud-data-lab-icon{background-image:url(/images/icons/cloud-datalab.svg)}.bg-u5ezzoo{background-color:#4285f4}.border-u5ezzoo{border-bottom-color:#4285f4}.icon-cloud-iam.svg{background-image:url(/images/icons/cloud-iam.svg)}.codelab-card.category-cloud-iam{border-bottom-color:#4285f4}.cloud-iam-bg{background-color:#4285f4}.cloud-iam-icon{background-image:url(/images/icons/cloud-iam.svg)}.bg-u5ezzp0{background-color:#4285f4}.border-u5ezzp0{border-bottom-color:#4285f4}.icon-cloud-iot-core.svg{background-image:url(/images/icons/cloud-iot-core.svg)}.codelab-card.category-cloud-iot{border-bottom-color:#4285f4}.cloud-iot-bg{background-color:#4285f4}.cloud-iot-icon{background-image:url(/images/icons/cloud-iot-core.svg)}.codelab-card.category-cloud-iot-core{border-bottom-color:#4285f4}.cloud-iot-core-bg{background-color:#4285f4}.cloud-iot-core-icon{background-image:url(/images/icons/cloud-iot-core.svg)}.codelab-card.category-iot-core{border-bottom-color:#4285f4}.iot-core-bg{background-color:#4285f4}.iot-core-icon{background-image:url(/images/icons/cloud-iot-core.svg)}.codelab-card.category-iot{border-bottom-color:#4285f4}.iot-bg{background-color:#4285f4}.iot-icon{background-image:url(/images/icons/cloud-iot-core.svg)}.bg-u5ezzp7{background-color:#4285f4}.border-u5ezzp7{border-bottom-color:#4285f4}.icon-cloud-key-management-service.svg{background-image:url(/images/icons/cloud-key-management-service.svg)}.codelab-card.category-cloud-key-management-service{border-bottom-color:#4285f4}.cloud-key-management-service-bg{background-color:#4285f4}.cloud-key-management-service-icon{background-image:url(/images/icons/cloud-key-management-service.svg)}.codelab-card.category-cloud-kms{border-bottom-color:#4285f4}.cloud-kms-bg{background-color:#4285f4}.cloud-kms-icon{background-image:url(/images/icons/cloud-key-management-service.svg)}.bg-u5ezzpi{background-color:#4285f4}.border-u5ezzpi{border-bottom-color:#4285f4}.icon-cloud-machine-learning.svg{background-image:url(/images/icons/cloud-machine-learning.svg)}.codelab-card.category-cloud-ml{border-bottom-color:#4285f4}.cloud-ml-bg{background-color:#4285f4}.cloud-ml-icon{background-image:url(/images/icons/cloud-machine-learning.svg)}.codelab-card.category-cloud-machine-learning{border-bottom-color:#4285f4}.cloud-machine-learning-bg{background-color:#4285f4}.cloud-machine-learning-icon{background-image:url(/images/icons/cloud-machine-learning.svg)}.bg-u5ezzq2{background-color:#4285f4}.border-u5ezzq2{border-bottom-color:#4285f4}.icon-cloud-monitoring.svg{background-image:url(/images/icons/cloud-monitoring.svg)}.codelab-card.category-cloud-monitoring{border-bottom-color:#4285f4}.cloud-monitoring-bg{background-color:#4285f4}.cloud-monitoring-icon{background-image:url(/images/icons/cloud-monitoring.svg)}.codelab-card.category-cloud-monitor{border-bottom-color:#4285f4}.cloud-monitor-bg{background-color:#4285f4}.cloud-monitor-icon{background-image:url(/images/icons/cloud-monitoring.svg)}.bg-u5ezzql{background-color:#4285f4}.border-u5ezzql{border-bottom-color:#4285f4}.icon-cloud-networking.svg{background-image:url(/images/icons/cloud-networking.svg)}.codelab-card.category-cloud-networking{border-bottom-color:#4285f4}.cloud-networking-bg{background-color:#4285f4}.cloud-networking-icon{background-image:url(/images/icons/cloud-networking.svg)}.codelab-card.category-cloud-network{border-bottom-color:#4285f4}.cloud-network-bg{background-color:#4285f4}.cloud-network-icon{background-image:url(/images/icons/cloud-networking.svg)}.bg-u5ezzrc{background-color:#4285f4}.border-u5ezzrc{border-bottom-color:#4285f4}.icon-cloud-security-command-center.svg{background-image:url(/images/icons/cloud-security-command-center.svg)}.codelab-card.category-cloud-security{border-bottom-color:#4285f4}.cloud-security-bg{background-color:#4285f4}.cloud-security-icon{background-image:url(/images/icons/cloud-security-command-center.svg)}.codelab-card.category-cloud-security-command-center{border-bottom-color:#4285f4}.cloud-security-command-center-bg{background-color:#4285f4}.cloud-security-command-center-icon{background-image:url(/images/icons/cloud-security-command-center.svg)}.bg-u5ezzsc{background-color:#4285f4}.border-u5ezzsc{border-bottom-color:#4285f4}.icon-cloud-sql.svg{background-image:url(/images/icons/cloud-sql.svg)}.codelab-card.category-cloud-sql{border-bottom-color:#4285f4}.cloud-sql-bg{background-color:#4285f4}.cloud-sql-icon{background-image:url(/images/icons/cloud-sql.svg)}.bg-u5ezzt6{background-color:#4285f4}.border-u5ezzt6,.codelab-card.category-cloud-web{border-bottom-color:#4285f4}.cloud-web-bg{background-color:#4285f4}.cloud-web-icon{background-image:url(/images/icons/web.svg)}.bg-u5ezzt7{background-color:#757575}.border-u5ezzt7{border-bottom-color:#757575}.icon-design.svg{background-image:url(/images/icons/design.svg)}.codelab-card.category-design{border-bottom-color:#757575}.design-bg{background-color:#757575}.design-icon{background-image:url(/images/icons/design.svg)}.bg-u5ezztb{background-color:#f57c00}.border-u5ezztb{border-bottom-color:#f57c00}.icon-firebase.svg{background-image:url(/images/icons/firebase.svg)}.codelab-card.category-firebase{border-bottom-color:#f57c00}.firebase-bg{background-color:#f57c00}.firebase-icon{background-image:url(/images/icons/firebase.svg)}.codelab-card.category-firebase-web{border-bottom-color:#f57c00}.firebase-web-bg{background-color:#f57c00}.firebase-web-icon{background-image:url(/images/icons/firebase.svg)}.bg-u5ezztg{background-color:#45d1fd}.border-u5ezztg{border-bottom-color:#45d1fd}.icon-flutter.svg{background-image:url(/images/icons/flutter.svg)}.codelab-card.category-flutter{border-bottom-color:#45d1fd}.flutter-bg{background-color:#45d1fd}.flutter-icon{background-image:url(/images/icons/flutter.svg)}.codelab-card.category-flutter-firebase{border-bottom-color:#45d1fd}.flutter-firebase-bg{background-color:#45d1fd}.flutter-firebase-icon{background-image:url(/images/icons/flutter.svg)}.codelab-card.category-flutter-android{border-bottom-color:#45d1fd}.flutter-android-bg{background-color:#45d1fd}.flutter-android-icon{background-image:url(/images/icons/flutter.svg)}.codelab-card.category-design-flutter{border-bottom-color:#45d1fd}.design-flutter-bg{background-color:#45d1fd}.design-flutter-icon{background-image:url(/images/icons/flutter.svg)}.bg-u5ezzu5{background-color:#34a853}.border-u5ezzu5{border-bottom-color:#34a853}.icon-google-maps.svg{background-image:url(/images/icons/google-maps.svg)}.codelab-card.category-google-maps{border-bottom-color:#34a853}.google-maps-bg{background-color:#34a853}.google-maps-icon{background-image:url(/images/icons/google-maps.svg)}.codelab-card.category-googlemaps{border-bottom-color:#34a853}.googlemaps-bg{background-color:#34a853}.googlemaps-icon{background-image:url(/images/icons/google-maps.svg)}.codelab-card.category-maps{border-bottom-color:#34a853}.maps-bg{background-color:#34a853}.maps-icon{background-image:url(/images/icons/google-maps.svg)}.codelab-card.category-geo{border-bottom-color:#34a853}.geo-bg{background-color:#34a853}.geo-icon{background-image:url(/images/icons/google-maps.svg)}.bg-u5ezzv0{background-color:#5f6368}.border-u5ezzv0{border-bottom-color:#5f6368}.icon-nest.svg{background-image:url(/images/icons/nest.svg)}.codelab-card.category-nest{border-bottom-color:#5f6368}.nest-bg{background-color:#5f6368}.nest-icon{background-image:url(/images/icons/nest.svg)}.bg-u5ezzvu{background-color:#484848}.border-u5ezzvu{border-bottom-color:#484848}.icon-openthread.svg{background-image:url(/images/icons/openthread.svg)}.codelab-card.category-openthread{border-bottom-color:#484848}.openthread-bg{background-color:#484848}.openthread-icon{background-image:url(/images/icons/openthread.svg)}.codelab-card.category-open-thread{border-bottom-color:#484848}.open-thread-bg{background-color:#484848}.open-thread-icon{background-image:url(/images/icons/openthread.svg)}.bg-u5ezzwq{background-color:#4285f4}.border-u5ezzwq{border-bottom-color:#4285f4}.icon-google-g.svg{background-image:url(/images/icons/google-g.svg)}.codelab-card.category-search{border-bottom-color:#4285f4}.search-bg{background-color:#4285f4}.search-icon{background-image:url(/images/icons/google-g.svg)}.bg-u5ezzxj{background-color:#42afeb}.border-u5ezzxj{border-bottom-color:#42afeb}.icon-slurm.svg{background-image:url(/images/icons/slurm.svg)}.codelab-card.category-slurm{border-bottom-color:#42afeb}.slurm-bg{background-color:#42afeb}.slurm-icon{background-image:url(/images/icons/slurm.svg)}.codelab-card.category-hpc{border-bottom-color:#42afeb}.hpc-bg{background-color:#42afeb}.hpc-icon{background-image:url(/images/icons/slurm.svg)}.codelab-card.category-cloud-hpc{border-bottom-color:#42afeb}.cloud-hpc-bg{background-color:#42afeb}.cloud-hpc-icon{background-image:url(/images/icons/slurm.svg)}.bg-u5ezzxr{background-color:#ed8e24}.border-u5ezzxr{border-bottom-color:#ed8e24}.icon-tensorflow.svg{background-image:url(/images/icons/tensorflow.svg)}.codelab-card.category-tensorflow{border-bottom-color:#ed8e24}.tensorflow-bg{background-color:#ed8e24}.tensorflow-icon{background-image:url(/images/icons/tensorflow.svg)}.codelab-card.category-tensor-flow{border-bottom-color:#ed8e24}.tensor-flow-bg{background-color:#ed8e24}.tensor-flow-icon{background-image:url(/images/icons/tensorflow.svg)}.bg-u5ezzy2{background-color:#222c37}.border-u5ezzy2{border-bottom-color:#222c37}.icon-unity.svg{background-image:url(/images/icons/unity.svg)}.codelab-card.category-unity{border-bottom-color:#222c37}.unity-bg{background-color:#222c37}.unity-icon{background-image:url(/images/icons/unity.svg)}.bg-u5ezzyd{background-color:#0f9d58}.border-u5ezzyd{border-bottom-color:#0f9d58}.icon-weave.svg{background-image:url(/images/icons/weave.svg)}.codelab-card.category-weave{border-bottom-color:#0f9d58}.weave-bg{background-color:#0f9d58}.weave-icon{background-image:url(/images/icons/weave.svg)}.bg-u5ezzyi{background-color:#4285f4}.border-u5ezzyi{border-bottom-color:#4285f4}.icon-wear-os.svg{background-image:url(/images/icons/wear-os.svg)}.codelab-card.category-wear{border-bottom-color:#4285f4}.wear-bg{background-color:#4285f4}.wear-icon{background-image:url(/images/icons/wear-os.svg)}.codelab-card.category-wear-os{border-bottom-color:#4285f4}.wear-os-bg{background-color:#4285f4}.wear-os-icon{background-image:url(/images/icons/wear-os.svg)}.bg-u5ezzyq{background-color:#4285f4}.border-u5ezzyq{border-bottom-color:#4285f4}.icon-web.svg{background-image:url(/images/icons/web.svg)}.codelab-card.category-web{border-bottom-color:#4285f4}.web-bg{background-color:#4285f4}.web-icon{background-image:url(/images/icons/web.svg)}#cards{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:24px}.codelab-card{background-color:#fff;border-bottom:2px solid transparent;border-radius:3px;box-shadow:0 1px rgba(0,0,0,.15);display:flex;flex:1 0 330px;flex-direction:column;margin:0 16px 16px 0;max-width:330px;position:relative}.codelab-card:nth-of-type(3n){margin-right:0}.codelab-card img{margin-right:4px}.codelab-card .card-header{padding:16px 16px 0}.codelab-card .card-duration,.codelab-card .card-header{align-items:center;display:flex;justify-content:space-between}.codelab-card .card-duration{color:#aaa;font-size:11px;mix-blend-mode:normal;padding:0 16px}.codelab-card .card-duration img{opacity:.24}.codelab-card .card-author,.codelab-card .card-updated{color:#bdbdbd;font-size:12px;line-height:16px;text-align:right}.codelab-card .description{color:#212121;flex:1 0 auto;padding:16px 16px 0;-webkit-font-smoothing:antialiased}.card-footer{align-items:center;border-top:0;display:flex;justify-content:space-between;padding:8px 16px}.card-footer paper-button{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1;padding:13px 25px;text-transform:uppercase;text-transform:none}.card-footer .category-icon{background-position:0 50%;background-repeat:no-repeat;background-size:32px;height:42px;width:42px}.card-pin{background-image:url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h18v18H0"/><path fill="#888" d="M13 4V2H5v2h1v5l-1.5 1.5V12H8v4l1 1 1-1v-4h3.5v-1.5L12 9V4"/></g></svg>');background-repeat:no-repeat;bottom:14px;height:20px;left:7px;position:absolute;width:15px}@media (max-width:767px){#cards{align-items:center;flex-direction:column}.codelab-card{flex:1 0 200px;margin:0 0 16px;max-width:100%;min-width:330px;width:100%}.codelab-card .card-header{align-items:center}.codelab-card .card-header .category-icon{margin:0}}@media (min-width:767px) and (max-width:1136px){.codelab-card{flex:0 0 32%;margin:0 2% 2% 0}}#footer{background-color:#fff;font-size:13px;padding:40px 0}#footer li,#footer ul{list-style:none;margin:0;padding:0}#footer a{color:#9e9e9e}#footer .footer-wrapper{display:flex}#footer .link-list{border-top:1px solid #616161;flex:1;margin-right:32px}#footer .link-list:last-child{margin-bottom:0;margin-right:0}#footer .link-list label{display:block;margin:8px 0 16px}.footerbar{background-color:#fff;font-size:13px;padding:10px 0}.footerbar a{color:currentcolor}@media (max-width:767px){#footer{padding:24px 0}#footer .footer-wrapper{flex-direction:column}#footer .link-list{margin:0 0 24px}}