html,body{height:100%}html{direction:rtl;overflow:hidden;font-size:62.5%;background-color:#fff;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,input,textarea{color:#222;font-size:1.4rem;line-height:1.5;font-family:sans-serif}::selection{color:#fff;text-shadow:none;background-color:#8f8f8f}::placeholder{color:#ddd}:focus{outline:0}body,h1,ul,ol,dd,blockquote{margin:auto}h1{font-weight:400;font-size:3.7rem;line-height:1.2;font-family:Segoe UI,sans-serif}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}dl{list-style:disc inside}dt{font-weight:700}dd{display:list-item;padding-top:2%;padding-bottom:2%}ul,ol{padding:0;list-style:none inside}a,img{-webkit-user-drag:none;-moz-user-drag:none;user-drag:none}a{color:#2d76b9;text-decoration:none;cursor:default;outline:0}a:hover,a:focus{color:#2f6291;text-decoration:underline}img{max-width:100%;vertical-align:top;border:0;-ms-interpolation-mode:bicubic}hr{margin-top:12px;margin-bottom:12px;border-width:0;border-top:1px solid #eee}.clearfix:after{content:"";display:table;clear:both}.hidden{display:none}.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.transition:before,.transition{-webkit-transition-duration:.14s;transition-duration:.14s}.transition:hover:before,.transition:hover{-webkit-transition-duration:.1s;transition-duration:.1s}.ui-odd{background-color:#00b4fa;background-size:4px 4px;background-image:repeating-linear-gradient(315deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 1px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) 3px);box-shadow:inset 0 1px 0 1px rgba(255,255,255,.3)}.ui-even{background-color:#db1ddb;box-shadow:inset 0 1px 0 1px rgba(255,255,255,.3)}.ui-mark{background-color:#000}.wrapper{position:relative}.container{display:-webkit-box;display:flexbox;display:flex;min-width:240px;height:100%}.box-column{display:-webkit-box;display:flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.box-row{display:-webkit-box;display:flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.scroll{direction:ltr;overflow-x:hidden;overflow-y:visible}.article{direction:rtl;padding:4%;padding-bottom:calc(2% + 80px);-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.blockquote{-webkit-column-span:all;column-span:all}.description{-webkit-column-count:2;column-count:2;-webkit-column-gap:50px;column-gap:50px;-webkit-column-rule:1px dotted #ccc;column-rule:1px dotted #ccc}.description:first-letter{float:right;font-size:3.7rem;line-height:.2}.description:first-line{line-height:100%}.time{color:#aaa;line-height:2;-webkit-column-span:all;column-span:all}.footer{margin-top:5%;text-align:right}.motion-handler{display:inline-block;white-space:nowrap}.motion-handler:hover .motion-rotate{-webkit-animation-play-state:running;animation-play-state:running}@keyframes rotate{to{-webkit-transform:rotate(360deg)}}@keyframes rotate{to{transform:rotate(360deg)}}.motion-rotate{-webkit-animation:rotate 300ms linear infinite;animation:rotate 500ms linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.image-chrome{margin-right:2%;margin-left:2%;height:40px;vertical-align:middle}#usability:checked~.select:not(:hover) [for=usability],#hours:checked~.select:not(:hover) [for=hours],#mobile:checked~.select:not(:hover) [for=mobile],#connection:checked~.select:not(:hover) [for=connection],#influence:checked~.select:not(:hover) [for=influence]{border-radius:2px}#usability:checked~.select [for=usability],#hours:checked~.select [for=hours],#mobile:checked~.select [for=mobile],#connection:checked~.select [for=connection],#influence:checked~.select [for=influence]{display:block}#usability:checked~.select [for=usability]:before,#hours:checked~.select [for=hours]:before,#mobile:checked~.select [for=mobile]:before,#connection:checked~.select [for=connection]:before,#influence:checked~.select [for=influence]:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAMAAADOHsaHAAAAclBMVEUCAgIEBAQCAgIBAQEAAAAAAAABAQEBAQEEBAQDAwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwMCAgIBAQEAAAAEBAQCAgICAgICAgIEBAQDAwMCAgIDAwMAAAAAAAADAwMAAAABAQECAgIEBAQDAwO9B76cAAAAInRSTlNxREaTA+HM0QHBEl8vGk6emAazBWkCFhWMfmhhWE8HAQMAHmBc3AAAAFNJREFUeNp1yUcOgDAAA0F6772DIf7/F8khQogI39ZjQK1jU8IBLJqBuh6byDySLejhaxjIIrYF3Uy3beR1CvpJqxv2hYJhCugmN7Oq8WPH2r/zBloKFnBQ0qYLAAAAAElFTkSuQmCC),linear-gradient(left,#eee,rgba(238,238,238,0));background-position:left center,center;background-repeat:no-repeat,repeat-x}#usability:checked~.select [for=usability]:hover:before,#hours:checked~.select [for=hours]:hover:before,#mobile:checked~.select [for=mobile]:hover:before,#connection:checked~.select [for=connection]:hover:before,#influence:checked~.select [for=influence]:hover:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAMAAADOHsaHAAAAclBMVEUCAgIEBAQCAgIBAQEAAAAAAAABAQEBAQEEBAQDAwMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwMCAgIBAQEAAAAEBAQCAgICAgICAgIEBAQDAwMCAgIDAwMAAAAAAAADAwMAAAABAQECAgIEBAQDAwO9B76cAAAAInRSTlNxREaTA+HM0QHBEl8vGk6emAazBWkCFhWMfmhhWE8HAQMAHmBc3AAAAFNJREFUeNp1yUcOgDAAA0F6772DIf7/F8khQogI39ZjQK1jU8IBLJqBuh6byDySLejhaxjIIrYF3Uy3beR1CvpJqxv2hYJhCugmN7Oq8WPH2r/zBloKFnBQ0qYLAAAAAElFTkSuQmCC),linear-gradient(left,#2f6291,rgba(47,98,145,0))}#usability:checked~.chart [data-chart=usability],#usability:checked~.chart [data-row=percentage],#hours:checked~.chart [data-chart=hours],#hours:checked~.chart [data-row=hours],#mobile:checked~.chart [data-chart=mobile],#mobile:checked~.chart [data-row=percentage],#connection:checked~.chart [data-chart=connection],#connection:checked~.chart [data-row=percentage],#influence:checked~.chart [data-chart=influence],#influence:checked~.chart [data-row=percentage]{display:-webkit-box;display:flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}#usability:checked~.list-label [data-label=age],#hours:checked~.list-label [data-label=nationality],#mobile:checked~.list-label [data-label=nationality],#connection:checked~.list-label [data-label=age],#connection:checked~.list-label [data-label=connection],#influence:checked~.list-label [data-label=age],#influence:checked~.list-label [data-label=consent]{display:inline}.select:before{content:"";position:absolute;top:-5px;right:-5px;left:-5px;bottom:-5px}.select{position:relative;z-index:2;height:42px;color:#444;line-height:2;-moz-box-sizing:border-box;box-sizing:border-box}.select:hover~.chart{-webkit-transform:rotateX(4deg);transform:rotateX(4deg)}.select:hover~.mask{opacity:1}.handler:before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:85px;background-image:linear-gradient(left,#eee,rgba(238,238,238,0))}.handler{display:none;overflow:hidden;height:28px;position:relative;padding:.8% 2% .8% 20px;background-color:#eee;-webkit-transition-property:background-color;transition-property:background-color}.handler:after{content:attr(data-value);overflow:hidden;display:block;width:200%;height:28px;text-overflow:ellipsis}.handler:not(:first-child){border-top:1px solid #ddd}.select:hover .handler{display:block}.select:hover .handler:first-child{border-radius:2px 2px 0 0}.select:hover .handler:last-child{border-radius:0 0 2px 2px}.handler:hover{color:#fff;background-color:#2f6291}.handler:hover:before{background-image:linear-gradient(left,#2f6291,rgba(47,98,145,0))}.mask{position:absolute;z-index:1;top:0;right:0;left:0;bottom:0;opacity:0;background-image:linear-gradient(#222,rgba(34,34,34,0));pointer-events:none}.charts{overflow:hidden;position:relative;padding:2% 2%0;color:#fff;background-color:#222;-webkit-perspective:350;perspective:350;-webkit-perspective-origin:center 90%;perspective-origin:center 90%}.list-label{position:relative;z-index:1;margin:2%;margin-right:9%;line-height:1.7}.list-label .item:not(:last-child){margin-left:2%}.subitem:not(:last-child):after{content:","}.label{display:inline-block;min-width:30px;min-height:20px;padding:.5% .7%;line-height:20px;margin:.4% 1%;text-align:center;vertical-align:middle;border-radius:2px}.chart{-webkit-box-flex:5;-ms-flex:5;flex:5;position:relative;height:80%;margin-top:5%;text-align:center}.list-row{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;height:125%;margin-top:-25%;pointer-events:none;-webkit-transform:translate3d(0,0,0)}.row{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:2%}.row[data-value]{border-width:1px;border-image:linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0))0 0 30 0 stretch;border-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0))0 0 30 0 stretch}.row[data-value]:before{position:absolute;bottom:-10px;padding-right:1%;padding-left:1%;margin-right:1%;margin-left:1%;vertical-align:bottom;content:attr(data-value)}.list-column{width:100%;padding-right:8.5%;padding-left:5%;-moz-box-sizing:border-box;box-sizing:border-box}.column{overflow:hidden;position:relative;min-height:0;margin:0 2%}.column-piece{-webkit-box-flex:.5;-ms-flex:.5;flex:.5;margin-right:.5%;margin-left:.5%}.column:hover{-webkit-box-flex:3;-ms-flex:3;flex:3}.seperator{width:2%;padding:1%}@keyframes grow{0%{opacity:0;height:0}}@keyframes grow{0%{opacity:0;height:0}}.motion-grow{-webkit-animation:grow 500ms ease-in-out;animation:grow 500ms ease}.column .item{position:absolute;bottom:0;right:0;left:0;-webkit-filter:grayscale(.5);filter:grayscale(.5)}.column .item:nth-child(odd){border-radius:10px 10px 0 0}.column:hover .item{-webkit-filter:none;filter:none}.column .item:before{content:attr(data-value);display:-webkit-box;display:flexbox;display:flex;-webkit-justify-content:center;justify-content:center;font-size:2.7rem;font-size:150%;text-shadow:0 1px 1px #000}.column:hover .item:before{font-size:250%}.label-column{position:absolute;bottom:0;right:3%;left:3%;line-height:2}@viewport{width:device-width;user-zoom:fixed}@media (max-width:1024px){.description{-webkit-column-count:1}}@media (max-width:800px){html{overflow-y:scroll}h1{font-size:3rem}.container,.article,.charts{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-flex-direction:column;flex-direction:column}.description{-webkit-column-count:2}.charts{min-height:500px}}@media (max-width:640px){.description{-webkit-column-count:1}.chart{font-size:85%}}@media (max-width:480px){html{-webkit-text-size-adjust:100%}}@media print{*{color:#000;text-shadow:none;background-color:transparent}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" ("attr(href)")"}img{page-break-inside:avoid}@page{margin:.5cm}p{orphans:3;widows:3}}@media \0screen\,screen\9 {html{*overflow:auto}ul,ol{*list-style-position:outside}hr{*display:block;*height:auto}.clearfix{*zoom:1}}@media (-webkit-min-device-pixel-ratio:0){a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}::-webkit-scrollbar{width:8px;background-color:#fff}::-webkit-scrollbar-thumb{background-color:#ccc}::-webkit-scrollbar-thumb:hover{background-color:#999}::-webkit-input-placeholder{color:#ddd}}@media (min-resolution:.001dpcm){.clearfix:after{content:" "}}