html,body{background-color:#f5f5f5;-webkit-font-smoothing:antialiased}header{background:url('bracket_bg.png') center/cover;background-color:#455a64}.google-developers-header{display:block;margin:0 auto}@media (min-width:385px){.google-developers-header{width:385px}}@media (max-width:384px){.google-developers-header{width:300px}}.inforow{display:block;text-align:center}.header-content{color:white;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1em;margin-bottom:1em;margin-left:1em;margin-right:1em;text-align:center}.header-content-span{display:inline-block;opacity:0.54}.header-content-link{display:inline-block;opacity:0.87;text-decoration:none}h1{display:inline;font-size:1em}.navrow{-ms-flex-align:center;align-items:center;-moz-align-items:center;-webkit-align-items:center;background-color:#546e7a;box-shadow:0;display:-moz-flex;display:-ms-flexbox;display:flex;padding:16px 5%;transition:box-shadow 0.3s ease;-moz-transition:box-shadow 0.3s ease;-webkit-transition:box-shadow 0.3s ease;z-index:3}.floating-navrow .navrow{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);left:0;position:fixed;right:0;top:0}.floating-navrow .navrow-placeholder{display:block}.buttongroup{-ms-flex:1;flex:1;-moz-flex:1;-webkit-flex:1}@media (max-width:759px){.navrow{-ms-flex-direction:column;flex-direction:column;-moz-flex-direction:column;-webkit-flex-direction:column}.searchfield{margin-bottom:8px;margin-top:8px}.buttongroup{display:inline-block}}.buttongroup-button{padding:0 0.4em 0 0.4em}.searchfield{margin-left:16px;margin-right:16px;padding:0}.searchfield .mdl-textfield__label{top:4px}.mdl-textfield__input{background-color:white;border-bottom:0;border-radius:0.1em;box-sizing:border-box;color:black;font-family:"Roboto","Helvetica","Arial",sans-serif;padding-left:0.5em}.mdl-textfield__label{box-sizing:border-box;font-family:"Roboto","Helvetica","Arial",sans-serif;padding-left:0.5em}.mdl-textfield__label::after{display:none}.menu-indicator{visibility:hidden}.mdl-menu__item .menu-indicator{transform:translate(0,4px)}.sample-menu,.sample-button{color:white;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1em;font-weight:medium;letter-spacing:0.5px;opacity:0.87;padding:0 4px 0 16px!important}.sample-button{padding:0 16px 0 16px!important}.sample-menu i.material-icons{font-size:24px;transform:translate(0,-2px)}.material-icons{font-size:1em}.menu-indicator{font-size:1.4em}li>span{font-family:"Roboto","Helvetica","Arial",sans-serif}@media (min-width:760px){.navrow{-ms-flex-direction:row;flex-direction:row;-moz-flex-direction:row;-webkit-flex-direction:row}}@media (max-width:759px){.searchfield{display:inline-block}}@media (max-width:350px){.searchfield{width:80%}}@media (max-width:839px){.per-page-selector{text-align:center}.per-page-text{display:inline-block}}@media (min-width:840px){.per-page-selector{float:left}}.per-page-selector{font-family:"Roboto","Helvetica","Arial",sans-serif}.per-page-item{background:none;border:none;color:#039be5;font:inherit;outline:none}.per-page-item,.per-page-selected-item{cursor:pointer;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.per-page-selected-item{color:#000}.page-number-selector{-ms-flex-align:center;align-items:center;-moz-align-items:center;-webkit-align-items:center;display:-ms-flexbox;display:flex;display:-moz-flex;display:-webkit-flex;-ms-flex-direction:row;flex-direction:row;-moz-flex-direction:row;-webkit-flex-direction:row;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:1.143em;-ms-flex-pack:center;justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;text-align:center}.page-number-selector .material-icons{font-size:24px;vertical-align:middle}.page-number-selector-button{background:none;border:none;color:#039be5;cursor:pointer;font:inherit;margin-left:0.1em;margin-right:0.1em;outline:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.page-number-selector-inactive{color:#000;cursor:default}.matching-samples-outer{font-family:"Roboto","Helvetica","Arial",sans-serif;text-align:right}@media (max-width:839px){.matching-samples-outer{text-align:center}}main{padding-left:5%;padding-right:5%}.mdl-card__supporting-text{color:black;font-family:"Roboto","Helvetica","Arial",sans-serif;opacity:0.54}.top-controls-grid{padding-bottom:0}.bottom-controls-grid{padding-top:0}.sample-grid{margin:0 -4px;padding-top:0;padding-bottom:0}.sample-card{margin-left:4px;margin-right:4px;margin-bottom:4px;width:auto}.mdl-card__title-text{margin-bottom:auto}.sample-title{color:#039be5;font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:0.833em;font-weight:medium;text-decoration:none}.card-bottom-half{background-color:#fafafa}.sample-languages,.sample-technologies{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:0.857em}.sample-languages{opacity:0.87;padding-bottom:0.3em}.sample-technologies{opacity:0.54}footer{font-family:"Roboto","Helvetica","Arial",sans-serif;padding-bottom:8px;text-align:center}.yes-visible{visibility:visible}.no-display{display:none}.block-display{display:block}