.yddviz-2018-06-sjovader{max-width:620px;background:#f5f5f5}.yddviz-2018-06-sjovader h2 small{font-family:Arial,sans-serif;font-size:14px}.yddviz-2018-06-sjovader select{height:30px;font-size:16px}.yddviz-2018-06-sjovader table#weather-table{border-collapse:collapse;width:100%;font-family:Yle Next,sans-serif}.yddviz-2018-06-sjovader table#weather-table img,.yddviz-2018-06-sjovader table#weather-table svg{max-height:80px;width:auto;max-width:100%;margin:0 auto}.yddviz-2018-06-sjovader table#weather-table td,.yddviz-2018-06-sjovader table#weather-table th{padding:4px 0;text-align:center;width:25%;vertical-align:bottom;background:transparent}.yddviz-2018-06-sjovader table#weather-table td:first-child{vertical-align:middle}.yddviz-2018-06-sjovader table#weather-table thead th{background:#f5f5f5;border-bottom:2px solid #eee;text-transform:none;color:#000}.yddviz-2018-06-sjovader table#weather-table tr:nth-child(odd){background:#fff}.yddviz-2018-06-sjovader .more-button{cursor:pointer;-webkit-transition:background .2s;transition:background .2s;height:40px;border-top:2px solid #eee;border-bottom:2px solid #eee}.yddviz-2018-06-sjovader .more-button:hover{background:#f5f5f5}.yddviz-2018-06-sjovader .row:after{content:"";clear:both;display:table}.yddviz-2018-06-sjovader .column-left{width:60%;float:left}.yddviz-2018-06-sjovader .column-right{width:40%;float:left}.yddviz-2018-06-sjovader .weather-wrapper{position:relative;min-height:120px}.yddviz-2018-06-sjovader .load-message{position:absolute;top:0;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.8);z-index:3;text-align:center;padding:20px}.yddviz-2018-06-sjovader .station-info{padding:10px}@media screen and (min-width:500px){.yddviz-2018-06-sjovader{margin:0 auto!important}.yddviz-2018-06-sjovader .station-info{padding:20px}}.ydd-article__body .yddviz-2018-06-sjovader{margin-left:-20px;margin-right:-20px}.wind-compass span{font-size:12px;display:block}.wind-compass .compass-image{position:relative;display:inline-block;max-width:50px}@media screen and (min-width:500px){.wind-compass .compass-image{max-width:none}}.wind-compass .compass-image .wind-arrow{position:absolute;top:0;left:0;-webkit-transform-origin:center center;transform-origin:center center;transform-box:fill-box;opacity:.75}.sea-map svg{background:#c6e2f6}.sea-map svg text{font-family:Yle Next,sans-serif;font-size:14px;pointer-events:none;fill:#333}.sea-map #finland{fill:#eee}.sea-map .sea{cursor:pointer;fill:#84b9d8}.sea-map .sea polygon{opacity:.4;-webkit-transition:opacity .2s;transition:opacity .2s;stroke:#fff}.sea-map .sea:hover polygon{opacity:.5}.sea-map .sea.active{fill:#5e88be}.sea-map .sea.active .weather-station{fill:#ffd000}
/*# sourceMappingURL=app.3ce502b3541b06eb5a08275ac51c3c14.css.map */