*{-webkit-box-sizing:border-box;box-sizing:border-box}#yddviz-app{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin:0 auto;max-width:800px;font-size:16px}@media screen and (min-width:640px){#yddviz-app{font-size:18px}}#yddviz-app h2{text-align:center;font-size:1.2em}#yddviz-app p{line-height:1.5}#yddviz-app .row:after{content:"";clear:both;display:table}#yddviz-app .column{float:left}#yddviz-app .column-options{width:23%}@media screen and (min-width:640px){#yddviz-app .column-options{width:50%}}#yddviz-app .column-map{width:77%;position:relative}@media screen and (min-width:640px){#yddviz-app .column-map{width:50%}}#yddviz-app .option-icon{width:100%;padding:5px;border-radius:15px;background:#ddd;margin-bottom:6px;margin-right:6px;text-align:center;cursor:pointer;-webkit-transition:background .2s;transition:background .2s}#yddviz-app .option-icon img{width:100%}#yddviz-app .option-icon.active{background:#8aac41}@media screen and (min-width:640px){#yddviz-app .option-icon{width:calc(50% - 10px);float:left;margin-bottom:10px;margin-right:10px}}#yddviz-app .toplist{position:absolute;bottom:0;left:35%;max-width:65%;font-size:14px}#yddviz-app .toplist ul{margin:0;padding:0}#yddviz-app .toplist ul li{list-style:none;margin-bottom:0}#yddviz-app .toplist svg{height:.8em}@media screen and (min-width:640px){#yddviz-app .toplist{left:50%;font-size:18px}}#yddviz-app .grade-0{fill:#f6b62b}#yddviz-app .grade-1{fill:#fdcb76}#yddviz-app .grade-2{fill:#fee1b7}#yddviz-app svg#osterbotten .first{fill:#f6b62b}#yddviz-app svg#osterbotten .second{fill:#fdcb76}#yddviz-app svg#osterbotten .third{fill:#fee1b7}#yddviz-app svg#osterbotten #finland{fill:#fcfcfc}