html,body{margin:0;padding:.5em;padding-top:0}body{font:14px "Helvetica Neue",Arial,sans-serif;line-height:1.4;background:#E3E3E3;color:#252525}a,a:visited{color:#36C}.sort,.sort:visited{color:#252525}table{border-collapse:collapse;table-layout:fixed;width:100%}caption{display:none}tr:nth-of-type(even){background:#F6F6F6}th,td{padding:.6em}tbody{font-size:90%}tbody>tr>td,tbody>tr>th{border:1px dashed #DDD}.ribbon{position:absolute;top:0;right:0;border:0}.head{width:31em;margin:3em auto;font-size:130%}h1,h2{margin:0;padding:0}h1{font-size:300%}h2{font-weight:400;font-size:140%}.results{background:#F9F9F9;padding:2em}.overflow{overflow:auto}.toolbar{text-align:center;margin-bottom:2em}.tbgroup{display:inline-block;height:3em;margin:0 1em}.btn{background:transparent;border-width:0 0 4px;border-style:solid;border-color:#CCC;color:#252525;padding:.5em;margin:0 .5em;cursor:pointer}.btn--active{border-color:#36C}.key{padding:.5em;margin-left:.5em;font-size:90%}.heading-heading{width:20em}.heading-value{width:7em;text-align:right}.heading-heading,.heading-row{text-align:left}.heading-row{font-weight:400}.value{text-align:right}.value>a{color:#252525;text-decoration:none}.value>a:hover{text-decoration:underline}.best-score{background:#8BBF36}.lossiest .loss,.legend .lossiest{color:#C00}.loss:before{content:', ';color:#252525}.degraded,.degraded a,.degraded .loss:before{background:#D62323;color:#FCC}.na{color:#CCC}@media only screen and (max-width:900px){table,thead,tbody,th,td,tr{display:block}thead tr{position:absolute;top:-9999px;left:-9999px}tr{border:1px solid #ccc;margin-bottom:1em}tbody{-webkit-column-count:2;-moz-column-count:2;column-count:2}tbody .heading-row{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tbody td{position:relative;padding-left:50%}tbody td:before{position:absolute;top:6px;left:6px;width:45%;white-space:nowrap}td:nth-of-type(1):before{content:"ImageOptim"}td:nth-of-type(2):before{content:"ImageAlpha & ImageOptim"}td:nth-of-type(3):before{content:"JPEGmini & ImageOptim"}td:nth-of-type(4):before{content:"Kraken"}td:nth-of-type(5):before{content:"CodeKit"}td:nth-of-type(6):before{content:"grunt-contrib-imagemin"}td:nth-of-type(7):before{content:"Smushit"}td:nth-of-type(8):before{content:"TinyPNG"}}@media only screen and (max-width:680px){tbody{-webkit-column-count:1;-moz-column-count:1;column-count:1}}