.layout.horizontal,.layout.horizontal-reverse,.layout.vertical,.layout.vertical-reverse{display:-webkit-flex;display:-ms-flexbox;display:flex}.layout.horizontal{-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.layout.vertical{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.layout.wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex,.flex-1{-ms-flex:1;-webkit-flex:1;flex:1}.layout.start{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.layout.center,.layout.center-center{-ms-flex-align:center;-webkit-align-items:center;align-items:center}.layout.end{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.layout.start-justified{-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.layout.center-center,.layout.center-justified{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.layout.end-justified{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.layout.around-justified{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.layout.justified{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.self-start{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start}.self-center{-ms-flex-item-align:center;-webkit-align-self:center;align-self:center}.self-end{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end}.self-stretch{-ms-flex-item-align:stretch;-webkit-align-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:#474747;font-size:16px;line-height:24px}body,h1{-webkit-font-smoothing:antialiased;font-family:Open Sans,Roboto,Noto,sans-serif;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{-webkit-font-smoothing:antialiased;font-family:Open Sans,Roboto,Noto,sans-serif;font-weight:400}h3{font-size:34px;letter-spacing:-.01em;line-height:40px}h4{-webkit-font-smoothing:antialiased;font-family:Open Sans,Roboto,Noto,sans-serif;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{-webkit-transform:none;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{-webkit-transform:translateY(-100%);background-color:#eceff1;color:#546e7a;max-width:100%;padding:8px 0;position:absolute;top:0;transform:translateY(-100%);transition:-webkit-transform .4s cubic-bezier(0,0,.2,1);transition:transform .4s cubic-bezier(0,0,.2,1);transition:transform .4s cubic-bezier(0,0,.2,1),-webkit-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{-webkit-font-smoothing:antialiased;background-color:#607d8b;color:#fff;font-family:Open Sans,Roboto,Noto,sans-serif;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{-ms-flex-pack:center;-webkit-justify-content:center;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{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;line-height:24px;width:100%}.banner-description{-ms-flex-align:center;-ms-flex-direction:column;-webkit-align-items:center;-webkit-flex-direction:column;align-items:center;display:-webkit-flex;display:-ms-flexbox;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:-webkit-flex;display:-ms-flexbox;display:flex}.banner-description .banner-info{-ms-flex:1;-webkit-flex:1;flex:1}}#mainToolbar{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#20262b;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;height:64px;padding:16px}#mainToolbar paper-icon-button[icon=menu]{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}#mainToolbar a{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}#mainToolbar .logo-icon{height:24px;margin-right:16px;width:30px}#mainToolbar .logo-devs{height:36px;margin-top:5px;width:216px}#searchbar{border-radius:25px}#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:#546e7a;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}}.codelab-card.category-about{border-bottom-color:#4285f4}.about-bg{background-color:#4285f4}.about-icon{background-image:url(../images/icons/google-g.svg)}.codelab-card.category-ads{border-bottom-color:#4285f4}.ads-bg{background-color:#4285f4}.ads-icon{background-image:url(../images/icons/google-ads.svg)}.codelab-card.category-analytics{border-bottom-color:#f37c22}.analytics-bg{background-color:#f37c22}.analytics-icon{background-image:url(../images/icons/google-analytics.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)}.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)}.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)}.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)}.codelab-card.category-assistant{border-bottom-color:#4285f4}.assistant-bg{background-color:#4285f4}.assistant-icon{background-image:url(../images/icons/google-assistant.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)}.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)}.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)}.codelab-card.category-docs{border-bottom-color:#4285f4}.docs-bg{background-color:#4285f4}.docs-icon{background-image:url(../images/icons/google-docs.svg)}.codelab-card.category-drive{border-bottom-color:#4285f4}.drive-bg{background-color:#4285f4}.drive-icon{background-image:url(../images/icons/google-drive.svg)}.codelab-card.category-sheets{border-bottom-color:#34a853}.sheets-bg{background-color:#34a853}.sheets-icon{background-image:url(../images/icons/google-sheets.svg)}.codelab-card.category-slides{border-bottom-color:#fbbc05}.slides-bg{background-color:#fbbc05}.slides-icon{background-image:url(../images/icons/google-slides.svg)}.codelab-card.category-blockly{border-bottom-color:#4285f4}.blockly-bg{background-color:#4285f4}.blockly-icon{background-image:url(../images/icons/blockly.svg)}.codelab-card.category-brillo{border-bottom-color:#3bbaf3}.brillo-bg{background-color:#3bbaf3}.brillo-icon{background-image:url(../images/icons/brillo.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.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)}.codelab-card.category-design{border-bottom-color:#757575}.design-bg{background-color:#757575}.design-icon{background-image:url(../images/icons/design.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)}.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)}.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)}.codelab-card.category-nest{border-bottom-color:#5f6368}.nest-bg{background-color:#5f6368}.nest-icon{background-image:url(../images/icons/nest.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)}.codelab-card.category-search{border-bottom-color:#4285f4}.search-bg{background-color:#4285f4}.search-icon{background-image:url(../images/icons/google-g.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)}.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)}.codelab-card.category-unity{border-bottom-color:#222c37}.unity-bg{background-color:#222c37}.unity-icon{background-image:url(../images/icons/unity.svg)}.codelab-card.category-weave{border-bottom-color:#0f9d58}.weave-bg{background-color:#0f9d58}.weave-icon{background-image:url(../images/icons/weave.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)}.codelab-card.category-web{border-bottom-color:#4285f4}.web-bg{background-color:#4285f4}.web-icon{background-image:url(../images/icons/web.svg)}.codelab-card.category-amqp{border-bottom-color:#20329f}.amqp-bg{background-color:#20329f}.amqp-icon{background-image:url(../images/icons/amqp.svg)}.codelab-card.category-boomi{border-bottom-color:#043d58}.boomi-bg{background-color:#043d58}.boomi-icon{background-image:url(../images/icons/boomi.svg)}.codelab-card.category-codelab{border-bottom-color:#4285f4}.codelab-bg{background-color:#4285f4}.codelab-icon{background-image:url(../images/icons/web.svg)}.codelab-card.category-java{border-bottom-color:#dc403d}.java-bg{background-color:#dc403d}.java-icon{background-image:url(../images/icons/java.svg)}.codelab-card.category-jms{border-bottom-color:#dc403d}.jms-bg{background-color:#dc403d}.jms-icon{background-image:url(../images/icons/jms.svg)}.codelab-card.category-kafka{border-bottom-color:#000}.kafka-bg{background-color:#000}.kafka-icon{background-image:url(../images/icons/kafka.svg)}.codelab-card.category-mqtt{border-bottom-color:#751b84}.mqtt-bg{background-color:#751b84}.mqtt-icon{background-image:url(../images/icons/mqtt.svg)}.codelab-card.category-rest{border-bottom-color:#a2a7ab}.rest-bg{background-color:#a2a7ab}.rest-icon{background-image:url(../images/icons/rest.svg)}.codelab-card.category-solace{border-bottom-color:#00c895}.solace-bg{background-color:#00c895}.solace-icon{background-image:url(../images/icons/solace-2025.png)}.codelab-card.category-spring{border-bottom-color:#6db33f}.spring-bg{background-color:#6db33f}.spring-icon{background-image:url(../images/icons/spring.svg)}.codelab-card.category-kubernetes{border-bottom-color:#2f6ce6}.kubernetes-bg{background-color:#2f6ce6}.kubernetes-icon{background-image:url(../images/icons/k8s.svg)}.codelab-card.category-javascript{border-bottom-color:#f5de19}.javascript-bg{background-color:#f5de19}.javascript-icon{background-image:url(../images/icons/js.svg)}.codelab-card.category-helm{border-bottom-color:#277a9f}.helm-bg{background-color:#277a9f}.helm-icon{background-image:url(../images/icons/helm.svg)}.codelab-card.category-azure{border-bottom-color:#038ad7}.azure-bg{background-color:#038ad7}.azure-icon{background-image:url(../images/icons/azure.svg)}.codelab-card.category-opentelemetry{border-bottom-color:#f7a71b}.opentelemetry-bg{background-color:#f7a71b}.opentelemetry-icon{background-image:url(../images/icons/opentel.png)}.codelab-card.category-mulesoft{border-bottom-color:#04a0de}.mulesoft-bg{background-color:#04a0de}.mulesoft-icon{background-image:url(../images/icons/mule.svg)}.codelab-card.category-rabbitmq{border-bottom-color:#f76302}.rabbitmq-bg{background-color:#f76302}.rabbitmq-icon{background-image:url(../images/icons/rabbitmq.png)}.codelab-card.category-keda{border-bottom-color:#326de6}.keda-bg{background-color:#326de6}.keda-icon{background-image:url(../images/icons/keda.png)}.codelab-card.category-apama{border-bottom-color:#0098cf}.apama-bg{background-color:#0098cf}.apama-icon{background-image:url(../images/icons/apama.png)}.codelab-card.category-hermesjms{border-bottom-color:#fef200}.hermesjms-bg{background-color:#fef200}.hermesjms-icon{background-image:url(../images/icons/hermesjms.png)}.codelab-card.category-flink{border-bottom-color:#e6516f}.flink-bg{background-color:#e6516f}.flink-icon{background-image:url(../images/icons/flink.png)}.codelab-card.category-nifi{border-bottom-color:#6a8691}.nifi-bg{background-color:#6a8691}.nifi-icon{background-image:url(../images/icons/nifi.jpg)}.codelab-card.category-nagios{border-bottom-color:#000}.nagios-bg{background-color:#000}.nagios-icon{background-image:url(../images/icons/nagios.png)}.codelab-card.category-jboss{border-bottom-color:red}.jboss-bg{background-color:red}.jboss-icon{background-image:url(../images/icons/jboss.png)}.codelab-card.category-weblogic{border-bottom-color:red}.weblogic-bg{background-color:red}.weblogic-icon{background-image:url(../images/icons/weblogic.png)}.codelab-card.category-websphere{border-bottom-color:purple}.websphere-bg{background-color:purple}.websphere-icon{background-image:url(../images/icons/websphere.png)}.codelab-card.category-webspherelib{border-bottom-color:#6a8691}.webspherelib-bg{background-color:#6a8691}.webspherelib-icon{background-image:url(../images/icons/webspherelib.png)}.codelab-card.category-spark{border-bottom-color:#e77215}.spark-bg{background-color:#e77215}.spark-icon{background-image:url(../images/icons/spark.png)}.codelab-card.category-sap{border-bottom-color:#00418d}.sap-bg{background-color:#00418d}.sap-icon{background-image:url(../images/icons/sap.png)}.codelab-card.category-terraform{border-bottom-color:#6043e9}.terraform-bg{background-color:#6043e9}.terraform-icon{background-image:url(../images/icons/terraform.png)}.codelab-card.category-apigee{border-bottom-color:#dd3302}.apigee-bg{background-color:#dd3302}.apigee-icon{background-image:url(../images/icons/apigee.png)}#cards{-ms-flex-pack:start;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-justify-content:flex-start;flex-wrap:wrap;justify-content:flex-start;margin-bottom:24px}#cards,.codelab-card{display:-webkit-flex;display:-ms-flexbox;display:flex}.codelab-card{-ms-flex:1 0 330px;-ms-flex-direction:column;-webkit-flex:1 0 330px;-webkit-flex-direction:column;background-color:#fff;border-bottom:2px solid transparent;border-radius:3px;box-shadow:0 1px rgba(0,0,0,.15);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{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;display:-webkit-flex;display:-ms-flexbox;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{-ms-flex:1 0 auto;-webkit-flex:1 0 auto;-webkit-font-smoothing:antialiased;color:#212121;flex:1 0 auto;padding:16px 16px 0}.card-footer{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;-webkit-justify-content:space-between;align-items:center;border-top:0;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;padding:8px 16px}.card-footer paper-button{-webkit-font-smoothing:antialiased;border-radius:25px!important;color:#fff;font-family:Open Sans,Roboto,Noto,sans-serif;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1;padding:10px 25px;text-transform:uppercase;text-transform:none}.card-footer .category-icon{background-position:0 50%;background-repeat:no-repeat;background-size:80px;height:80px;width:100px}.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{-ms-flex-align:center;-ms-flex-direction:column;-webkit-align-items:center;-webkit-flex-direction:column;align-items:center;flex-direction:column}.codelab-card{-ms-flex:1 0 200px;-webkit-flex:1 0 200px;flex:1 0 200px;margin:0 0 16px;max-width:100%;min-width:330px;width:100%}.codelab-card .card-header{-ms-flex-align:center;-webkit-align-items:center;align-items:center}.codelab-card .card-header .category-icon{margin:0}}@media (min-width:767px) and (max-width:1136px){.codelab-card{-ms-flex:0 0 32%;-webkit-flex:0 0 32%;flex:0 0 32%;margin:0 2% 2% 0}}#footer{background-color:#20262b;font-size:18px;padding:40px 0}#footer li,#footer ul{font-size:14px;font-weight:100;list-style:none;margin:0;padding:0}#footer a{color:#9e9e9e}#footer a:hover{color:#00c895}#footer .footer-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex}#footer .link-list{-ms-flex:1;-webkit-flex:1;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{color:#fff;display:block;margin:8px 0 16px}.footerbar{background-color:#1f2429;color:#666;font-size:12px;padding:20px 0}.footerbar a{color:currentcolor}@media (max-width:767px){#footer{padding:24px 0}#footer .footer-wrapper{-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}#footer .link-list{margin:0 0 24px}}