.shadow:before,.tab.selected:before{content:"";bottom:-1px;z-index:1000}.links a,a{text-decoration:none}#header,.shadow{box-shadow:0 0 2px rgba(0,0,0,.2)}#tooltip,body{-webkit-font-smoothing:antialiased}#header,#info-panel,#main-table,#sticky,.grid-wrapper,.table .tr{-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1)}#filterPanel .td:before,#grid:after,#header:before,.shadow:before,.tab.selected:before{content:""}body{background:#f9f9f9;margin:0;padding:0;font-size:13px;line-height:20px;color:#444;font-family: Verdana,"Lantinghei SC","Hiragino Sans GB","Microsoft Yahei",Helvetica,arial,\5b8b\4f53,sans-serif;}#footer,#main-table,.table{font-family:arial}#device-title,.value{text-indent:16px;font-size:16px}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}a{color:#6498fb}.right{float:right}.links>*,.tab{float:left}.tr .material-icons{line-height:48px}#device-tabs{height:56px}.shadow{position:relative}.shadow:before{background:#000;opacity:.1;height:1px;position:absolute;width:100%}.tab{cursor:pointer;width:50%;position:relative;height:100%}.tab.selected:before{background:#6498fb;height:1px;position:absolute;width:100%}.tab>.material-icons{position:absolute;left:50%;top:50%;margin:-12px}#device-title{line-height:64px;color:#6498fb;height:64px}#device-preview{height:256px;background:#fafafa;position:relative}#footer{height:144px;background:#ffffff}#footer .links{margin-top:60px}#footer .grid-wrapper{width:100%}.links .dot{width:24px;text-align:center}.links a{color:#000;opacity:.54}.links a:hover{opacity:.8}#google-logo{background-image:url(../images/110844c09ed1147653.png);width:150px;height:30px;margin-top:53px;background-size:cover;display:inline-block}#device-tabs,#info-panel[data-device-type=watch] #device-tabs,#info-panel[data-device-type=laptop] #device-tabs,#info-panel[data-device-type=desktop] #device-tabs{opacity:0;pointer-events:none}body.device #device-tabs{opacity:1;pointer-events:auto}.subtitle{text-indent:16px;opacity:.5;margin-bottom:16px}.bucket,.unit{opacity:.54}.value{line-height:16px;height:20px}#header{background:#6498fb;z-index:100;height:312px;margin-bottom:8px;position:relative}#header:before{position:absolute;left:0;right:0;bottom:0;height:56px;background:#f9f9f9;z-index:-1}#header .title{text-indent:-4px;font-size:56px;line-height:56px;color:#fff;padding-top:132px;margin-bottom:68px;min-width:0;white-space:nowrap;overflow-x:hidden}#header #sticky.stuck>.title{font-size:24px;padding-top:0;margin-bottom:0;line-height:64px;text-indent:0}#filterPanel{background:#fff;height:56px}#filterPanel::-webkit-scrollbar{display:none}.td,.width-16,.width-20,.width-24,.width-32,.width-36,.width-40,.width-48{display:inline-block}.stuck{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);background:#6498fb;position:fixed;top:0;left:0;right:0;height:120px;z-index:1000}div::-webkit-scrollbar{width:0!important}.grid-wrapper{width:1280px;margin:0 auto;-webkit-transition:.2s width}.align-right{text-align:right}.align-center{text-align:center}.table{width:100%}.table .tr{cursor:default;position:relative!important;-webkit-transition:.1s all}#button-close,#button-info,#unit-cm,#unit-in,.sort{cursor:pointer}#main-table .tr[data-form-factor=laptop]:hover,#main-table .tr[data-form-factor=laptop]:hover .grid-wrapper,#main-table .tr[data-form-factor=desktop]:hover,#main-table .tr[data-form-factor=desktop]:hover .grid-wrapper{background:rgba(232,234,246,1)}#main-table .tr[data-form-factor=tablet]:hover,#main-table .tr[data-form-factor=tablet]:hover .grid-wrapper{background:rgba(228,245,253,1)}#main-table .tr[data-form-factor=handset]:hover,#main-table .tr[data-form-factor=handset]:hover .grid-wrapper{background:rgba(228,247,250,1)}#main-table .tr[data-form-factor=watch]:hover,#main-table .tr[data-form-factor=watch]:hover .grid-wrapper{background:rgba(227,242,241,1)}#main-table .tr[data-form-factor=laptop].selected,#main-table .tr[data-form-factor=laptop].selected .grid-wrapper,#main-table .tr[data-form-factor=desktop].selected,#main-table .tr[data-form-factor=desktop].selected .grid-wrapper{background:rgba(209,214,237,1)}#main-table .tr[data-form-factor=tablet].selected,#main-table .tr[data-form-factor=tablet].selected .grid-wrapper{background:rgba(201,235,252,1)}#main-table .tr[data-form-factor=handset].selected,#main-table .tr[data-form-factor=handset].selected .grid-wrapper{background:rgba(201,239,244,1)}#main-table .tr[data-form-factor=watch].selected,#main-table .tr[data-form-factor=watch].selected .grid-wrapper{background:rgba(199,230,227,1)}#main-table .tr[data-form-factor=laptop] .device,#main-table .tr[data-form-factor=laptop] .material-icons,#main-table .tr[data-form-factor=desktop] .device,#main-table .tr[data-form-factor=desktop] .material-icons{color:#3e50b4}#main-table .tr[data-form-factor=tablet] .device,#main-table .tr[data-form-factor=tablet] .material-icons{color:#02a8f3}#main-table .tr[data-form-factor=handset] .device,#main-table .tr[data-form-factor=handset] .material-icons{color:#00bbd3}#main-table .tr[data-form-factor=watch] .device,#main-table .tr[data-form-factor=watch] .material-icons{color:#009587}.sort:hover{color:rgba(0,0,0,.87)}.td{vertical-align:top;font-size:12px;line-height:48px}#titlerow .td{font-weight:500;font-size:12px;line-height:56px}.td.type{width:6%}.td.device{width:16%}.td.platform{width:9%}.td.screen-size{width:17%}.td.screen{width:14%}.td.aspect-ratio{width:10%}.td.density{width:14%}.scrollable{overflow:scroll;-ms-overflow-style:none}.unit{margin-left:6px;font-weight:700}.subtle.unit{margin-left:4px;font-weight:400}.oversampling{padding-left:4px}.unit.selected{color:#6498fb;opacity:1}.width-48{width:48px}.width-40{width:40px}.width-36{width:36px}.width-32{width:32px}.width-24{width:24px}.width-20{width:20px}.width-16{width:16px}.hide{display:none}.tab.selected .material-icons{color:#6498fb}.type>div{display:inline-block;margin-right:12px;margin-left:0}.sort{color:rgba(117,117,117,1);-webkit-transition:.15s opacity}#button-info,#tooltip{z-index:10000;color:#fff}#filterPanel .td{position:relative}#filterPanel .td:before{position:absolute;left:-20px;top:20px;height:16px;width:16px;background-image:url(../images/ic_arrow_down_48px.svg);background-size:cover;background-repeat:no-repeat;opacity:0;-webkit-transition:.1s opacity}#filterPanel .td[data-sort-direction=descend]:before{background-image:url(../images/ic_arrow_up_48px.svg)}#filterPanel .td.sorted:before,#filterPanel .td:hover:before,.sort:hover,.sort:hover:before{opacity:1}.opacity-54{opacity:.54}.left-8{margin-left:8px}#tooltip{border-radius:2px;font-weight:500;line-height:14px;font-size:10px;max-width:160px;padding:4px 8px;background:#606060;position:fixed;opacity:0;-webkit-transition:.1s opacity;pointer-events:none}#button-close:hover,#tooltip.fadeIn{opacity:1}#header .title,.grid-wrapper{padding-left:60px;padding-right:60px;max-width:1280px}#button-info{position:fixed;top:20px;right:16px}#info-panel{position:fixed;z-index:1000;top:0;bottom:0;width:256px;right:-360px;background:#fff;overflow-y:scroll;-ms-overflow-style:none;-webkit-transform:translate3d(0,0,0);-webkit-transition:.15s all;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}#button-close,#grid,#grid:after{position:absolute}body.detailview #info-panel{right:0}#header,#main-table{-webkit-transition:.15s margin-right}#sticky{-webkit-transition:.15s right}#content-intro{color:rgba(0,0,0,.4)}#content-intro span{display:table-cell;vertical-align:middle}.content-device{padding-bottom:40px}body .content-device,body.device #content-intro{display:none}body.device .content-device{display:block}#button-close{-webkit-transition:.15s opacity;opacity:.54;line-height:24px;z-index:1000;right:16px;top:20px}.group{clear:both;border-top:1px solid rgba(0,0,0,.1)}.group-title{margin-bottom:20px;padding-top:20px;clear:both;text-indent:16px;color:#6498fb;font-size:16px}#info-panel[data-device-type=watch] #metrics,#info-panel[data-device-type=watch] .column,#info-panel[data-device-type=watch] .gutter{display:none!important}#info-panel[data-device-type=watch] #grid,#info-panel[data-device-type=info] #grid{display:none}#grid{left:50%;top:50%;background:#fff}body #info-panel[data-device-type=watch] #device-preview{background-size:240px 240px;background-image:url(../images/device-watch.svg);background-position:center center;background-repeat:no-repeat}body #info-panel[data-device-type=info] #device-preview{background-size:320px 320px;background-image:url(../images/device-family.svg);background-position:center center;background-repeat:no-repeat}#info-panel[data-device-type=desktop] #grid:after{border-image:url(../images/device-desktop-1.svg);border-style:solid;border-image-repeat:repeat;border-image-slice:62 41 90 41;border-width:62px 41px 90px;left:-41px;top:-62px;bottom:-90px;right:-41px;margin:0}#info-panel[data-device-type=laptop] #grid:after{transform:translate3d(0,0,0);border-image-source:url(../images/device-laptop.svg);border-image-slice:78 48 74 48;border-image-repeat:repeat;border-style:solid;border-width:78px 48px 74px;top:-78px;bottom:-74px;left:-48px;right:-48px;margin:0 7px}#info-panel[data-device-type=tablet] #grid:after,#info-panel[data-device-type=handset] #grid:after{border-image-source:url(../images/device-mobile-1.svg);border-image-slice:34 80 34 80;border-image-repeat:repeat;border-style:solid;border-width:34px 80px;top:-34px;bottom:-34px;left:-80px;right:-80px;margin:0 10px}#info-panel.landscape[data-device-type=tablet] #grid:after,#info-panel.landscape[data-device-type=handset] #grid:after{border-image:url(../images/device-mobile-landscape.svg);border-image-slice:80 34 80 34;border-image-repeat:repeat;border-style:solid;border-width:80px 34px;left:-34px;top:-80px;bottom:-80px;right:-34px;margin:10px 0}#info-panel[columns="4"] #grid .four,#info-panel[columns="8"] #grid .eight,#info-panel[columns="8"] #grid .four,#info-panel[columns="12"] #grid .eight,#info-panel[columns="12"] #grid .four,#info-panel[columns="12"] #grid .twelve{display:block}#info-panel-scroller{overflow-y:scroll;overflow-x:hidden;position:absolute;top:120px;bottom:0;left:0;right:0}.flexbox{height:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flexbox.horizontal{flex-flow:row}.flexbox .column{background:#ffd63f;opacity:.25;display:none;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flexbox .gutter{width:4px;opacity:.25;background:#2095f2;display:none}.item{cursor:default;width:126px;display:inline-block}#device-row-template{display:none}.group .text{color:#444;margin:-4px 16px 16px}#header .title{margin-left:auto;margin-right:auto;width:100%}.device-row{cursor:pointer}@media (min-width:1536px){.grid-wrapper{padding:0}}@media (min-width:1400px){#header .title,.grid-wrapper{max-width:1280px}body #footer,body #header,body #main-table{margin-right:256px}body #info-panel{right:0}body .stuck{right:256px}.grid-wrapper{padding-left:60px;padding-right:60px}#button-close{display:none}#info-panel{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}}@media (min-width:1280px){#header .title{margin-left:auto;margin-right:auto;width:100%;max-width:1280px}}@media (max-width:480px){.grid-wrapper{padding-left:24px;padding-right:24px}body.detailview #mobile-dark-shield{opacity:.5;pointer-events:auto;cursor:pointer}#header .title{padding-left:24px;font-size:36px;font-family:font-family: Verdana,"Lantinghei SC","Hiragino Sans GB","Microsoft Yahei",Helvetica,arial,\5b8b\4f53,sans-serif;}#footer{height:176px}#footer .links{float:none;margin-top:16px}}