#shadow,#toolbar,#banner,#codelab-categories,google-codelab-index-cards .card,google-codelab-index-cards .card-footer .paper-button{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}#rounded,#searchbar,#codelab-categories,google-codelab-index-cards .card,google-codelab-index-cards .card-footer .paper-button{border-radius:4px}html,body{height:100%;width:100%;margin:0;padding:0}body{transition:opacity ease-in 0.2s;padding-top:64px;background:#ECEFF1;font-family:'Roboto', 'Noto', sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:24px;color:#5c5c5c}*{box-sizing:border-box}a{text-decoration:none}[hidden]{display:none !important}#toolbar{display:flex;align-items:center;height:64px;background-color:#455a64;color:#fff;padding:16px;position:fixed;left:0;right:0;top:0;z-index:10000}#toolbar .site-width{display:flex;align-items:center;justify-content:space-between}#toolbar .logo{margin-right:20px}#toolbar .logo a{color:#fff;font-size:30px;font-weight:bold}#searchbar{background-color:#546E7A;transition:background-color 400ms cubic-bezier(0, 0, 0.2, 1);flex-grow:1;display:flex;align-items:center;max-width:400px}#searchbar:hover{background-color:#78909C}#searchbar input{border:0;background:none;outline:0;width:100%;font-size:16px;font-weight:400;color:#fff;line-height:40px;height:40px;flex-grow:1;z-index:1}#searchbar input::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}#searchbar input:-ms-input-placeholder{color:rgba(255,255,255,0.5)}#search-icon,#clear-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}#clear-icon[hide]{visibility:hidden;pointer-events:none}.site-width{margin:0 auto;width:90vw;max-width:1024px}#banner{background-color:#fff;padding:40px 0 48px 0}h2{margin:0;font-family:'Roboto', 'Noto', sans-serif;-webkit-font-smoothing:antialiased;font-size:45px;font-weight:400;letter-spacing:-.018em;line-height:48px}#banner h2,#banner h3{font-weight:300}#sort-by{padding:24px 0;display:flex;justify-content:space-between;align-items:center}#sort-by .sort-by-inner{display:flex;align-items:center;flex-shrink:0}#sort-by-tabs a{color:#98999a;text-transform:uppercase;line-height:48px;font-weight:500;font-size:14px;padding:0 12px;display:flex;border-bottom:2px solid transparent}#sort-by-tabs a:hover{background-color:#e0e0e0}#sort-by-tabs a[selected]{color:#616161;border-bottom:2px solid #616161}#codelab-categories{border:none;padding:8px 22px 8px 10px;appearance:none;-webkit-appearance:none;font-size:16px;line-height:24px;color:#212121;position:relative;cursor:pointer;background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSI0cHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+") no-repeat 100% center}#codelab-categories:focus{outline:0}footer{background-color:#424242;font-size:13px}footer .footer-wrapper{display:flex;padding:40px 0}footer .link-list{border-top:1px solid #616161;flex:1;margin-right:32px}footer .link-list label{display:block;color:#fff;margin:8px 0 16px}footer ul,footer li{list-style:none;margin:0;padding:0}footer a{color:#9e9e9e}footer .footerbar{background-color:#616161;color:#fff;font-size:13px;padding:10px 0}footer .footerbar a{color:currentcolor}#shadow,#toolbar,#banner,#codelab-categories,google-codelab-index-cards .card,google-codelab-index-cards .card-footer .paper-button{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}#rounded,#searchbar,#codelab-categories,google-codelab-index-cards .card,google-codelab-index-cards .card-footer .paper-button{border-radius:4px}google-codelab-index-cards{display:flex;flex-wrap:wrap;margin:0 -10px 0}google-codelab-index-cards .card{position:relative;display:flex;flex-direction:column;background-color:#fff;border-bottom:2px solid transparent;margin:0 10px 20px;width:100%}google-codelab-index-cards .card-duration{display:flex;color:#aaa;font-size:11px;padding:0 16px;justify-content:space-between}google-codelab-index-cards .card .card-description{padding:16px 16px 0;flex:1 0 auto;color:#212121}google-codelab-index-cards .card .card-footer{display:flex;align-items:center;padding:8px 16px}google-codelab-index-cards .card-footer .paper-button{color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:24px;padding:6px 24px;text-transform:none;margin-left:auto;background-color:#1A73E8}@media only screen and (min-width: 625px){google-codelab-index-cards .card{width:calc(50% - 20px)}}@media only screen and (min-width: 901px){google-codelab-index-cards .card{width:calc(33.3% - 20px)}}google-codelab-index{display:flex;flex-direction:column;min-height:100%}main{flex:1;padding:0 0 20px}@media only screen and (max-width: 625px){#sort-by{flex-direction:column;align-items:flex-start}#sort-by .sort-by-inner{margin-top:20px}}

/*# sourceMappingURL=google_codelab_index_scss_bin.css.map */