.sea-map svg{background:#c6e2f6}.sea-map svg text{font-family:Yle Next,Yle,Arial,sans-serif;font-weight:700;font-size:11px;fill:#333}.sea-map .land path{fill:#eee}.sea-map .weather-station{cursor:pointer}.sea-map .weather-station circle{fill:#84b9d8}.sea-map .weather-station.active circle{fill:#ffd000}.wind-compass .compass-label{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{transform-origin:center center;transform-box:fill-box;opacity:.75}table#weather-table{border-collapse:collapse;width:100%;font-family:Yle Next,Yle,Arial,sans-serif;font-weight:700;font-size:16px}table#weather-table img,table#weather-table svg{max-height:80px;width:auto;max-width:100%;margin:0 auto}table#weather-table td,table#weather-table th{padding:4px 2px;text-align:center;width:25%;vertical-align:bottom;background:transparent}table#weather-table td:first-child{vertical-align:middle}table#weather-table thead th{background:#eee;border-bottom:2px solid #eee;text-transform:none;color:#000;padding:8px 2px}table#weather-table tr:nth-child(odd){background:#fff}#app-2020-06-midsommarvader{max-width:620px;background:#f5f5f5;font-family:Arial,sans-serif}#app-2020-06-midsommarvader h2{font-family:Yle Next,Yle,Arial,sans-serif;font-weight:700;font-size:18px;margin-bottom:.5em;margin-top:.5em}#app-2020-06-midsommarvader p{font-size:14px;font-family:Arial,sans-serif;margin-bottom:.5em;margin-top:0}#app-2020-06-midsommarvader .filters{text-align:center}#app-2020-06-midsommarvader .filters label{font-size:1em;margin-bottom:.2em;display:block}#app-2020-06-midsommarvader .more-button{cursor:pointer;transition:background .2s;height:40px;border-top:2px solid #eee;border-bottom:2px solid #eee}#app-2020-06-midsommarvader .more-button:hover{background:#f5f5f5}#app-2020-06-midsommarvader .row:after{content:"";clear:both;display:table}#app-2020-06-midsommarvader .column-left{width:55%;float:left}#app-2020-06-midsommarvader .column-right{width:45%;float:left}#app-2020-06-midsommarvader .weather-wrapper{position:relative;min-height:120px}#app-2020-06-midsommarvader .station-info{padding:12px}@media screen and (min-width:500px){#app-2020-06-midsommarvader{margin:0 auto!important}#app-2020-06-midsommarvader h2{font-size:22px}#app-2020-06-midsommarvader .station-info{padding:15px}}.yddviz-radio{text-decoration:none;background:#fff;color:#555;font-family:Yle Next,Yle,Arial,sans-serif;font-weight:700;border:2px solid transparent;font-size:14px;padding:10px 4px;display:block;position:relative;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;cursor:pointer;margin:0 auto;line-height:1;transition:background-color .5s}.yddviz-radio:hover{background-color:#ddd;color:#000}.yddviz-radio:focus{outline:none;text-decoration:none;border:2px dashed #999}.yddviz-radio.active{background-color:#eee;color:#000}.yddviz-radio.active:focus{outline:none;text-decoration:none;border:2px dashed #fff}.yddviz-radio.active:hover{background-color:#ddd}.yddviz-radiogroup{margin:0 auto}.yddviz-radiogroup:after{content:"";clear:both;display:table}.yddviz-radiogroup .yddviz-radio{margin-bottom:0;display:block;float:left}.yddviz-radiogroup--2 .yddviz-radio{width:50%}.yddviz-select{display:block;margin:0 auto;border:2px solid #333;border-radius:6px;padding:6px;width:100%;font-size:16px;line-height:1.5}@media screen and (min-width:500px){.yddviz-select{margin-bottom:1em}}.yddviz-select:focus{outline:none;border:2px dashed #333;background:#f5f5f5}.ydd-article__body #app-2020-06-midsommarvader{margin-left:-20px;margin-right:-20px}