#app{font-family:Arial,sans-serif;max-width:980px;margin:0 auto}#ostersundomMap{height:500px;max-height:70vh;margin-bottom:10px}.kartLegend{padding:6px 8px;font:14px/16px Arial,Helvetica,sans-serif;background:#fff;background:hsla(0,0%,100%,.8);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px rgba(0,0,0,.2);border-radius:5px;line-height:20px;color:#555}label.year-label{margin-top:1rem;display:block;font-size:.8rem}.year-input{width:200px;display:inline-block}.year-input input{width:100%}.playpause{display:block;float:right;margin-top:8px}.playpause label{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:0;height:40px;border-color:transparent transparent transparent #202020;-webkit-transition:all .1s ease;transition:all .1s ease;cursor:pointer;border-style:double;border-width:0 0 0 40px}.playpause input[type=checkbox]{position:absolute;left:-9999px}.playpause input[type=checkbox]:checked+label{border-style:solid;border-width:20px 0 20px 40px}.playpause input[type=checkbox]:focus+label{-webkit-box-shadow:0 0 5px #add8e6;box-shadow:0 0 5px #add8e6}