@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hide{display:none}@media (max-width: 33.99em){.hide--xs{display:none}}@media (min-width: 34em){.hide--s{display:none}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.fit-t,.fit-x{top:0}.fit-b,.fit-x{bottom:0}.fit-l,.fit-x{left:0}.fit-r,.fit-x{right:0}.fill-v{height:100%}.fill-h{width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.flex-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.flex-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.flex-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flex-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.align-l{text-align:left}.align-c{text-align:center}.align-r{text-align:right}.align-j{text-align:justify}.align-m{vertical-align:middle}.align-t{vertical-align:top}.align-b{vertical-align:baseline}.float-l{float:left}.float-r{float:right}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.z0{z-index:0}.z1{z-index:3}.z2{z-index:4}.z3{z-index:5}.z5{z-index:6}.z6{z-index:7}.z7{z-index:8}.z8{z-index:9}.z9{z-index:10}.z10{z-index:11}a,hr{color:inherit}a{text-decoration:none}h1,h2,h3,h4,h5{font-weight:700;margin:1.75em 0 .875em}.h0{font-size:2.19rem;line-height:1.05}@media (min-width: 34em){.h0{font-size:2.8125rem}}.h1,.scale1,h1{font-size:1.56rem}@media (min-width: 34em){.h1,.scale1,h1{font-size:2.5rem}}.h1,h1{line-height:1.15}.h2,.scale2,h2{font-size:1.125rem}@media (min-width: 34em){.h2,.scale2,h2{font-size:1.375rem}}.h2,h2{line-height:1.2}.h3,.scale3,h3{font-size:1rem}@media (min-width: 34em){.h3,.scale3,h3{font-size:1.125rem}}.h3,h3{line-height:1.25}.h4,.scale4,h4{font-size:1rem}.h4,h4{line-height:1.3}.mha,.mla,.mxa{margin-left:auto}.mha,.mra,.mxa{margin-right:auto}.mta,.mva,.mxa{margin-top:auto}.mba,.mva,.mxa{margin-bottom:auto}.mt0,.mv0,.mx0{margin-top:0}.mb0,.mv0,.mx0{margin-bottom:0}.mh0,.ml0,.mx0{margin-left:0}.mh0,.mr0,.mx0{margin-right:0}.pt0,.pv0,.px0{padding-top:0}.pb0,.pv0,.px0{padding-bottom:0}.ph0,.pl0,.px0{padding-left:0}.ph0,.pr0,.px0{padding-right:0}.transition--color{-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.container--l,.container--m,.container--ml,.container--s,.container--xs{width:100%}.container--l{max-width:1400px}.container--ml{max-width:1300px}.container--m{max-width:1160px}.container--sm{max-width:960px}.container--s{max-width:850px}.container--xs{max-width:560px}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Roboto', Arial, Helvetica, sans-serif}.container{position:relative;width:100%;margin:0 auto;max-width:600px}.main .header{margin-bottom:1rem}.main .header .title{text-align:center;font-size:1.25rem;margin:1rem 0 0.5rem 0}.main .header p{font-size:14px;line-height:1.35}.main .footer .logo-op{float:left;margin-left:4px}.main .footer .logo-op img{vertical-align:top;height:18px}.main .footer .source{text-align:right;font-size:12px;font-weight:500;opacity:0.75;margin-top:10px;padding-bottom:50px}.main .input{margin-bottom:8px}.main .input__label{width:60px;font-size:14px;font-weight:400}.main .input__options{width:calc(100% - 60px)}.main .input__options .option{display:inline-block;display:block;padding:0.5rem 0.70rem;margin:0.15rem;background-color:#6baed6;color:#fff;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.25);box-shadow:1px 1px 4px rgba(0,0,0,0.25);text-transform:uppercase;font-size:0.75rem;font-weight:500;cursor:pointer;border-radius:3px}.main .input__options .option:hover{background-color:#66c2a4}.main .input__options .option.active{background-color:#2ca25f}.main .chart .item{margin-bottom:0.5rem}.main .chart .item .wrapper{width:100%;background-color:#f0f9e8;height:60px}.main .chart .item .name{float:left;width:160px;text-align:right;font-size:0.75rem;padding:5px;line-height:1.35;overflow:hidden;height:60px}.main .chart .item .logo{float:left;height:50px;width:50px;margin:5px}.main .chart .item .logo img{display:block;width:100%;height:100%}.main .chart .item .bar{float:left;margin:5px;background-color:#43a2ca;height:50px}.main .chart .item .value{float:left;width:100px;text-align:right;font-size:0.75rem;font-weight:700;text-transform:uppercase;line-height:1rem;overflow:hidden;height:60px}.card{display:none;position:absolute;left:10px;width:100%;max-width:580px;background-color:#ddd;border-radius:3px;padding:10px}.card__title{margin:0;padding-bottom:0.5rem;text-align:center;font-size:18px}.card__header{border-bottom:solid 1px rgba(0,0,0,0.5)}.card__header__logo{width:80px;height:80px;overflow:hidden}.card__header__logo img{width:100%}.card__header__content{width:100%;height:80px}.card__content .cell{margin-bottom:10px}.card__content .cell:last-child{margin-bottom:0}.card__content .cell .label{font-size:13px;font-weight:700;margin-bottom:0.25rem}.card__content .cell .value{line-height:1.5;font-size:13px}.card:after{position:absolute;bottom:100%;left:75px;margin-left:-5px;width:0;border-top:none;border-bottom:10px solid #ddd;border-right:10px solid transparent;border-left:10px solid transparent;content:" ";font-size:0;line-height:0}.card--top::after{position:absolute;top:100%;left:75px;margin-left:-5px;width:0;border-bottom:none;border-top:10px solid #ddd;border-right:10px solid transparent;border-left:10px solid transparent;content:" ";font-size:0;line-height:0}

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