*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}svg:not(:root){overflow:hidden}button,input{font-size:100%;line-height:1.15;margin:0;overflow:visible}.chromeframe{margin-bottom:-50px;margin-top:80px;padding:0 20px}.iewarning{display:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.iewarning{display:block}}.hidden{display:none}.scrollbar__wrapper{background:#ff9e80;width:100%;z-index:2}#scrollbar,.scrollbar__wrapper{height:5px;left:0;position:fixed;top:0}#scrollbar{overflow:hidden;width:0;z-index:9999}.animate{animation:grow 60s linear infinite}@keyframes grow{0%{width:0}to{width:100%}}#scrollbar-bg{background-color:#e64a19;height:100%;left:0;position:absolute;top:0;width:100%}.card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.card.speed{align-items:center;display:flex;justify-content:space-evenly}.card.speed svg{width:100%}.speed-info{max-width:200px;text-align:center;width:60%}.speed-info h2{margin:0 auto 10px;width:80%}.speed-sign{align-items:center;display:flex;justify-content:center}.speed-sign__text{font-family:sans-serif;font-size:110px;font-weight:700;position:absolute}.speed-info.speed-info__freeflow{max-width:100px;width:30%}.speed-info.speed-info__freeflow h2{font-size:1rem;line-height:1.3}.speed-info.speed-info__freeflow .speed-sign__text{font-size:55px}.image,.image__wrapper{position:relative;width:100%}.image{background:url(https://api.trafikinfo.trafikverket.se/v2/Images/data/road.infrastructure.camera/TrafficFlowCamera_39636518.jpg?type=fullsize&maxage=140) 50% 0 no-repeat;background-size:cover;height:450px}.image__timestamp-wrapper{background:#db3701;color:#fff;font-size:90%;left:0;padding:10px 8px;position:absolute;right:0;text-align:center;top:0}.image__date{display:none}.image__delta{display:block}.image__error_wrapper{background:#b00020;color:#fff;left:20px;position:absolute;right:20px;text-align:center;top:80px}.image__error_wrapper>div{padding:5px}.image__error_wrapper>div:not(.hidden)+div{padding-top:0}.image__caption{bottom:10px;color:#fff;font-size:80%;mix-blend-mode:difference;position:absolute;right:10px;text-align:right}.weather{align-items:center;display:flex;flex-direction:column;justify-content:center}.weather__icon{margin-bottom:20px}.weather__temperature{font-size:5rem;line-height:5rem}.weather__description{font-size:1.7rem}.traffic-flow-map.card{background-color:#a1e0fd;height:300px;overflow:hidden}.traffic-flow-map__background{display:block;width:100%}.traffic-flow-map__row{display:flex;left:0;position:absolute;top:0}.traffic-flow-map__row:last-child{top:50%}.traffic-flow-map__row img{width:50%}.tomtom-map.card{height:300px;overflow:hidden}.map__wrapper{display:flex;position:relative}.map__wrapper>img{width:50%}.map__wrapper .traffic{position:absolute}.traffic--east{right:0}@media (min-height:640px){.image{height:550px}.image__delta{display:inline}.image__error_wrapper{top:50px}}@media (min-height:800px){.image{height:680px}}@media (min-height:900px){.image{height:750px}}@media (min-width:540px){.card,.card__wrapper{width:500px}.image__timestamp-wrapper{font-size:100%;padding:10px}.image__date{display:inline}.map__clip{clip-path:inset(55px 0 145px 0);position:relative;top:-55px}}@media (min-width:769px){.content{align-items:flex-start;flex-direction:row;justify-content:center}}@media only screen and (min-width:600px){.topbar__title{font-size:1.5em}}