.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}}.ads-icon{background-image:url(../images/icons/google-ads.svg)}.analytics-bg{background-color:#f37c22}.codelab-card.category-analytics{border-bottom-color:#f37c22}.analytics-icon{background-image:url(../images/icons/google-analytics.svg)}.android-bg,.android-kotlin-bg,.android-tv-bg{background-color:#a4c639}.codelab-card.category-android,.codelab-card.category-android-kotlin,.codelab-card.category-android-tv{border-bottom-color:#a4c639}.android-icon,.android-kotlin-icon,.android-tv-icon{background-image:url(../images/icons/android.svg)}.android-auto-bg{background-color:#03a9f4}.codelab-card.category-android-auto{border-bottom-color:#03a9f4}.android-auto-icon{background-image:url(../images/icons/android-auto.svg)}.android-things-bg{background-color:#6c6c6c}.codelab-card.category-android-things{border-bottom-color:#6c6c6c}.android-things-icon{background-image:url(../images/icons/android-things.svg)}.assistant-icon{background-image:url(../images/icons/google-assistant.svg)}.ar-bg,.ar-core-bg,.augmented-reality-bg,.augmented-reality-core-bg{background-color:#4a148c}.codelab-card.category-ar,.codelab-card.category-ar-core,.codelab-card.category-augmented-reality,.codelab-card.category-augmented-reality-core{border-bottom-color:#4a148c}.ar-core-icon,.ar-icon,.augmented-reality-core-icon,.augmented-reality-icon{background-image:url(../images/icons/ar-core.svg)}.cardboard-bg,.games-bg,.play-games-bg,.virtual-reality-bg,.virtual-reality-games-bg,.virtualreality-bg,.virtualreality-games-bg,.vr-bg{background-color:#f16523}.codelab-card.category-cardboard,.codelab-card.category-games,.codelab-card.category-play-games,.codelab-card.category-virtual-reality,.codelab-card.category-virtual-reality-games,.codelab-card.category-virtualreality,.codelab-card.category-virtualreality-games,.codelab-card.category-vr{border-bottom-color:#f16523}.cardboard-icon,.games-icon,.play-games-icon,.virtual-reality-games-icon,.virtual-reality-icon,.virtualreality-games-icon,.virtualreality-icon,.vr-icon{background-image:url(../images/icons/cardboard.svg)}.apps-bg,.g-suite-bg,.gsuite-bg{background-color:#9aa0a6}.codelab-card.category-apps,.codelab-card.category-g-suite,.codelab-card.category-gsuite{border-bottom-color:#9aa0a6}.apps-icon,.g-suite-icon,.gsuite-icon{background-image:url(../images/icons/gsuite.svg)}.docs-icon{background-image:url(../images/icons/google-docs.svg)}.drive-icon{background-image:url(../images/icons/google-drive.svg)}.sheets-icon{background-image:url(../images/icons/google-sheets.svg)}.slides-bg{background-color:#fbbc05}.codelab-card.category-slides{border-bottom-color:#fbbc05}.slides-icon{background-image:url(../images/icons/google-slides.svg)}.blockly-icon{background-image:url(../images/icons/blockly.svg)}.brillo-bg{background-color:#3bbaf3}.codelab-card.category-brillo{border-bottom-color:#3bbaf3}.brillo-icon{background-image:url(../images/icons/brillo.svg)}.cast-icon,.chrome-cast-icon,.chromecast-icon{background-image:url(../images/icons/cast.svg)}.chrome-icon,.google-chrome-icon,.googlechrome-icon{background-image:url(../images/icons/chrome.svg)}.cloud-about-icon,.cloud-cloud-tools-icon,.cloud-general-icon,.cloud-icon,.cloud-other-icon,.cloud-others-icon,.cloud-platform-icon,.cloud-tools-icon{background-image:url(../images/icons/cloud-platform.svg)}.cloud-app-engine-icon,.cloud-appengine-icon{background-image:url(../images/icons/cloud-appengine.svg)}.big-query-icon,.bigquery-icon,.cloud-big-query-icon,.cloud-bigquery-icon{background-image:url(../images/icons/cloud-bigquery.svg)}.cloud-build-icon{background-image:url(../images/icons/cloud-build.svg)}.cloud-compute-engine-icon,.cloud-compute-icon{background-image:url(../images/icons/cloud-compute-engine.svg)}.cloud-data-lab-icon,.cloud-datalab-icon{background-image:url(../images/icons/cloud-datalab.svg)}.cloud-iam-icon{background-image:url(../images/icons/cloud-iam.svg)}.cloud-iot-core-icon,.cloud-iot-icon,.iot-core-icon,.iot-icon{background-image:url(../images/icons/cloud-iot-core.svg)}.cloud-key-management-service-icon,.cloud-kms-icon{background-image:url(../images/icons/cloud-key-management-service.svg)}.cloud-machine-learning-icon,.cloud-ml-icon{background-image:url(../images/icons/cloud-machine-learning.svg)}.cloud-monitor-icon,.cloud-monitoring-icon{background-image:url(../images/icons/cloud-monitoring.svg)}.cloud-network-icon,.cloud-networking-icon{background-image:url(../images/icons/cloud-networking.svg)}.cloud-security-command-center-icon,.cloud-security-icon{background-image:url(../images/icons/cloud-security-command-center.svg)}.cloud-data-icon,.cloud-sql-icon{background-image:url(../images/icons/cloud-sql.svg)}.design-bg{background-color:#757575}.codelab-card.category-design{border-bottom-color:#757575}.design-icon{background-image:url(../images/icons/design.svg)}.firebase-bg,.firebase-web-bg{background-color:#f57c00}.codelab-card.category-firebase,.codelab-card.category-firebase-web{border-bottom-color:#f57c00}.firebase-icon,.firebase-web-icon{background-image:url(../images/icons/firebase.svg)}.design-flutter-bg,.flutter-android-bg,.flutter-bg,.flutter-firebase-bg{background-color:#45d1fd}.codelab-card.category-design-flutter,.codelab-card.category-flutter,.codelab-card.category-flutter-android,.codelab-card.category-flutter-firebase{border-bottom-color:#45d1fd}.design-flutter-icon,.flutter-android-icon,.flutter-firebase-icon,.flutter-icon{background-image:url(../images/icons/flutter.svg)}.geo-bg,.google-maps-bg,.googlemaps-bg,.maps-bg,.sheets-bg{background-color:#34a853}.codelab-card.category-geo,.codelab-card.category-google-maps,.codelab-card.category-googlemaps,.codelab-card.category-maps,.codelab-card.category-sheets{border-bottom-color:#34a853}.geo-icon,.google-maps-icon,.googlemaps-icon,.maps-icon{background-image:url(../images/icons/google-maps.svg)}.cast-bg,.chrome-cast-bg,.chromecast-bg,.nest-bg{background-color:#5f6368}.codelab-card.category-cast,.codelab-card.category-chrome-cast,.codelab-card.category-chromecast,.codelab-card.category-nest{border-bottom-color:#5f6368}.nest-icon{background-image:url(../images/icons/nest.svg)}.open-thread-bg,.openthread-bg{background-color:#484848}.codelab-card.category-open-thread,.codelab-card.category-openthread{border-bottom-color:#484848}.open-thread-icon,.openthread-icon{background-image:url(../images/icons/openthread.svg)}.about-icon,.search-icon{background-image:url(../images/icons/google-g.svg)}.cloud-hpc-bg,.hpc-bg,.slurm-bg{background-color:#42afeb}.codelab-card.category-cloud-hpc,.codelab-card.category-hpc,.codelab-card.category-slurm{border-bottom-color:#42afeb}.cloud-hpc-icon,.hpc-icon,.slurm-icon{background-image:url(../images/icons/slurm.svg)}.tensor-flow-bg,.tensorflow-bg{background-color:#ed8e24}.codelab-card.category-tensor-flow,.codelab-card.category-tensorflow{border-bottom-color:#ed8e24}.tensor-flow-icon,.tensorflow-icon{background-image:url(../images/icons/tensorflow.svg)}.unity-bg{background-color:#222c37}.codelab-card.category-unity{border-bottom-color:#222c37}.unity-icon{background-image:url(../images/icons/unity.svg)}.weave-bg{background-color:#0f9d58}.codelab-card.category-weave{border-bottom-color:#0f9d58}.weave-icon{background-image:url(../images/icons/weave.svg)}.android-wear-icon,.wear-icon,.wear-os-icon{background-image:url(../images/icons/wear-os.svg)}.amqp-bg{background-color:#20329f}.codelab-card.category-amqp{border-bottom-color:#20329f}.amqp-icon{background-image:url(../images/icons/amqp.svg)}.boomi-bg{background-color:#043d58}.codelab-card.category-boomi{border-bottom-color:#043d58}.boomi-icon{background-image:url(../images/icons/boomi.svg)}.about-bg,.ads-bg,.android-wear-bg,.assistant-bg,.big-query-bg,.bigquery-bg,.blockly-bg,.chrome-bg,.cloud-about-bg,.cloud-app-engine-bg,.cloud-appengine-bg,.cloud-bg,.cloud-big-query-bg,.cloud-bigquery-bg,.cloud-build-bg,.cloud-cloud-tools-bg,.cloud-compute-bg,.cloud-compute-engine-bg,.cloud-data-bg,.cloud-data-lab-bg,.cloud-datalab-bg,.cloud-general-bg,.cloud-iam-bg,.cloud-iot-bg,.cloud-iot-core-bg,.cloud-key-management-service-bg,.cloud-kms-bg,.cloud-machine-learning-bg,.cloud-ml-bg,.cloud-monitor-bg,.cloud-monitoring-bg,.cloud-network-bg,.cloud-networking-bg,.cloud-other-bg,.cloud-others-bg,.cloud-platform-bg,.cloud-security-bg,.cloud-security-command-center-bg,.cloud-sql-bg,.cloud-tools-bg,.cloud-web-bg,.codelab-bg,.docs-bg,.drive-bg,.google-chrome-bg,.googlechrome-bg,.iot-bg,.iot-core-bg,.search-bg,.wear-bg,.wear-os-bg,.web-bg{background-color:#4285f4}.codelab-card.category-about,.codelab-card.category-ads,.codelab-card.category-android-wear,.codelab-card.category-assistant,.codelab-card.category-big-query,.codelab-card.category-bigquery,.codelab-card.category-blockly,.codelab-card.category-chrome,.codelab-card.category-cloud,.codelab-card.category-cloud-about,.codelab-card.category-cloud-app-engine,.codelab-card.category-cloud-appengine,.codelab-card.category-cloud-big-query,.codelab-card.category-cloud-bigquery,.codelab-card.category-cloud-build,.codelab-card.category-cloud-cloud-tools,.codelab-card.category-cloud-compute,.codelab-card.category-cloud-compute-engine,.codelab-card.category-cloud-data,.codelab-card.category-cloud-data-lab,.codelab-card.category-cloud-datalab,.codelab-card.category-cloud-general,.codelab-card.category-cloud-iam,.codelab-card.category-cloud-iot,.codelab-card.category-cloud-iot-core,.codelab-card.category-cloud-key-management-service,.codelab-card.category-cloud-kms,.codelab-card.category-cloud-machine-learning,.codelab-card.category-cloud-ml,.codelab-card.category-cloud-monitor,.codelab-card.category-cloud-monitoring,.codelab-card.category-cloud-network,.codelab-card.category-cloud-networking,.codelab-card.category-cloud-other,.codelab-card.category-cloud-others,.codelab-card.category-cloud-platform,.codelab-card.category-cloud-security,.codelab-card.category-cloud-security-command-center,.codelab-card.category-cloud-sql,.codelab-card.category-cloud-tools,.codelab-card.category-cloud-web,.codelab-card.category-codelab,.codelab-card.category-docs,.codelab-card.category-drive,.codelab-card.category-google-chrome,.codelab-card.category-googlechrome,.codelab-card.category-iot,.codelab-card.category-iot-core,.codelab-card.category-search,.codelab-card.category-wear,.codelab-card.category-wear-os,.codelab-card.category-web{border-bottom-color:#4285f4}.cloud-web-icon,.codelab-icon,.web-icon{background-image:url(../images/icons/web.svg)}.java-icon{background-image:url(../images/icons/java.svg)}.java-bg,.jms-bg{background-color:#dc403d}.codelab-card.category-java,.codelab-card.category-jms{border-bottom-color:#dc403d}.jms-icon{background-image:url(../images/icons/jms.svg)}.kafka-bg{background-color:#000}.codelab-card.category-kafka{border-bottom-color:#000}.kafka-icon{background-image:url(../images/icons/kafka.svg)}.mqtt-bg{background-color:#751b84}.codelab-card.category-mqtt{border-bottom-color:#751b84}.mqtt-icon{background-image:url(../images/icons/mqtt.svg)}.rest-bg{background-color:#a2a7ab}.codelab-card.category-rest{border-bottom-color:#a2a7ab}.rest-icon{background-image:url(../images/icons/rest.svg)}.solace-bg{background-color:#00c895}.codelab-card.category-solace{border-bottom-color:#00c895}.solace-icon{background-image:url(../images/icons/solace.svg)}.spring-bg{background-color:#6db33f}.codelab-card.category-spring{border-bottom-color:#6db33f}.spring-icon{background-image:url(../images/icons/spring.svg)}.kubernetes-bg{background-color:#2f6ce6}.codelab-card.category-kubernetes{border-bottom-color:#2f6ce6}.kubernetes-icon{background-image:url(../images/icons/k8s.svg)}.javascript-bg{background-color:#f5de19}.codelab-card.category-javascript{border-bottom-color:#f5de19}.javascript-icon{background-image:url(../images/icons/js.svg)}.helm-bg{background-color:#277a9f}.codelab-card.category-helm{border-bottom-color:#277a9f}.helm-icon{background-image:url(../images/icons/helm.svg)}.azure-bg{background-color:#038ad7}.codelab-card.category-azure{border-bottom-color:#038ad7}.azure-icon{background-image:url(../images/icons/azure.svg)}.opentelemetry-bg{background-color:#f7a71b}.codelab-card.category-opentelemetry{border-bottom-color:#f7a71b}.opentelemetry-icon{background-image:url(../images/icons/opentel.png)}.mulesoft-bg{background-color:#04a0de}.codelab-card.category-mulesoft{border-bottom-color:#04a0de}.mulesoft-icon{background-image:url(../images/icons/mule.svg)}.rabbitmq-bg{background-color:#f76302}.codelab-card.category-rabbitmq{border-bottom-color:#f76302}.rabbitmq-icon{background-image:url(../images/icons/rabbitmq.png)}.keda-bg{background-color:#326de6}.codelab-card.category-keda{border-bottom-color:#326de6}.keda-icon{background-image:url(../images/icons/keda.png)}.apama-bg{background-color:#0098cf}.codelab-card.category-apama{border-bottom-color:#0098cf}.apama-icon{background-image:url(../images/icons/apama.png)}.hermesjms-bg{background-color:#fef200}.codelab-card.category-hermesjms{border-bottom-color:#fef200}.hermesjms-icon{background-image:url(../images/icons/hermesjms.png)}.flink-bg{background-color:#e6516f}.codelab-card.category-flink{border-bottom-color:#e6516f}.flink-icon{background-image:url(../images/icons/flink.png)}.nifi-icon{background-image:url(../images/icons/nifi.jpg)}.nagios-bg{background-color:#000}.codelab-card.category-nagios{border-bottom-color:#000}.nagios-icon{background-image:url(../images/icons/nagios.png)}.jboss-icon{background-image:url(../images/icons/jboss.png)}.jboss-bg,.weblogic-bg{background-color:red}.codelab-card.category-jboss,.codelab-card.category-weblogic{border-bottom-color:red}.weblogic-icon{background-image:url(../images/icons/weblogic.png)}.websphere-bg{background-color:purple}.codelab-card.category-websphere{border-bottom-color:purple}.websphere-icon{background-image:url(../images/icons/websphere.png)}.nifi-bg,.webspherelib-bg{background-color:#6a8691}.codelab-card.category-nifi,.codelab-card.category-webspherelib{border-bottom-color:#6a8691}.webspherelib-icon{background-image:url(../images/icons/webspherelib.png)}.spark-bg{background-color:#e77215}.codelab-card.category-spark{border-bottom-color:#e77215}.spark-icon{background-image:url(../images/icons/spark.png)}.sap-bg{background-color:#00418d}.codelab-card.category-sap{border-bottom-color:#00418d}.sap-icon{background-image:url(../images/icons/sap.png)}.terraform-bg{background-color:#6043e9}.codelab-card.category-terraform{border-bottom-color:#6043e9}.terraform-icon{background-image:url(../images/icons/terraform.png)}.apigee-bg{background-color:#dd3302}.codelab-card.category-apigee{border-bottom-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}}