#partibarometer{padding:0;text-shadow:1px 1px 1px rgba(0,0,0,.004);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;margin:1em auto;background:#fff;font-size:16px;line-height:1;position:relative;width:100%;box-sizing:border-box;max-width:800px;max-width:100%;overflow:hidden}#partibarometer .valg-logo{padding:1em 1em 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#partibarometer .valg-logo svg{fill:#333;width:165px;max-width:30vw}#partibarometer .valg-title{border-top:2px solid #333;padding:.65em 1em .35em;text-align:center;font-size:3em;line-height:1;font-weight:700}#partibarometer .valg-title-sub{text-align:center;font-size:2em;margin:0 auto 1em;padding:0 1em 1em;max-width:600px;line-height:1.2}#partibarometer .valg-footer{text-align:center;margin:0 auto 1em;padding:.25em 1em;line-height:1.2}#partibarometer>div{overflow-x:scroll;overflow-y:visible;position:relative;max-width:100%;overflow:hidden}#partibarometer>div .chart-container{max-width:800px;margin:0 auto 3em}#partibarometer>div .chart-container.balls{position:relative;padding-top:1.5em}#partibarometer>div .chart-container.balls:before{content:"Mandater";display:block;text-align:center;position:absolute;top:0;font-weight:700}#partibarometer aside{position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;display:none;pointer-events:none}#partibarometer aside:before{content:attr(data-title);font-size:1.25em;font-weight:700;display:inline-block;text-align:center;position:absolute;margin:0 auto;top:0;left:0;z-index:999;padding:.5em 1em;background:#333;color:#f2f2f2;box-sizing:border-box}#partibarometer aside:after{content:"\D7";font-weight:300;position:absolute;top:.5em;right:.75em;font-size:2em;opacity:.5}#partibarometer aside.on{display:block}#partibarometer aside canvas{position:absolute;background:#f2f2f2;background:linear-gradient(#f2f2f2,#fff);letter-spacing:2px;font-weight:300;white-space:pre}#partibarometer>*{box-sizing:border-box}#partibarometer .chart-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:500px;margin:2em 0}#partibarometer .chart-container.balls{height:auto}#partibarometer .party{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 0 auto;flex:1 0 auto;box-sizing:border-box;padding:0;position:relative}#partibarometer .party>*{pointer-events:none}#partibarometer .party:not(:last-child){border-right:1px solid rgba(0,0,0,.1)}#partibarometer .party .logo{opacity:0;height:auto;background-repeat:no-repeat;background-size:45%;background-position:50%;position:relative;transition:opacity .5s linear}#partibarometer .party .logo:after{content:"";display:block;position:absolute;bottom:-1em;left:0;width:100%;height:500px;opacity:.5;background:transparent;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}#partibarometer .party .bars,#partibarometer .party .numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}#partibarometer .party .balls,#partibarometer .party .bars,#partibarometer .party .numbers{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#partibarometer .party .balls{position:relative;transform:scale3d(0,0,1);transform-origin:50% 50%;transition:transform 1s cubic-bezier(0,0,0,1);-ms-flex-direction:column;flex-direction:column;width:100%}#partibarometer .party .balls .ball{width:100%;height:0;padding-bottom:100%;border-radius:50%}#partibarometer .party .balls .ball span{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}#partibarometer .party .balls .number{font-size:1em;text-align:center;font-weight:300;margin:1em 0;position:absolute;top:50%;padding-top:1.5em;opacity:0;transition:opacity .5s linear;letter-spacing:2px}#partibarometer .party .bars{z-index:10;width:100%;transform:scaleY(0);transform-origin:50% 100%;transition:transform 2s cubic-bezier(0,0,0,1);transition-delay:1s}#partibarometer .party .bars .bar{width:15%}#partibarometer .party .bars .bar span{border-radius:2px 2px 0 0;position:relative}#partibarometer .party .bars .bar span[data-change]:before{content:attr(data-change);position:absolute;top:-.25em;left:50%;transform:translate(-50%,-100%);color:#333;opacity:0;transition:opacity .5s linear;transition-delay:1s}#partibarometer .party .bars .bar:first-child{width:70%}#partibarometer .party.on .balls{transform:scaleX(1)}#partibarometer .party.on .balls .number,#partibarometer .party.on .bars .bar span:before,#partibarometer .party.on .logo{opacity:1}#partibarometer .party .numbers{-ms-flex-pack:distribute;justify-content:space-around;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;width:100%;opacity:0;transition:opacity .5s linear;transition-delay:1s;position:relative}#partibarometer .party .numbers span{letter-spacing:0;font-size:1.25em;font-weight:300;position:absolute;left:50%;transform:translateX(-50%);top:.5em}#partibarometer .party.on .bars{transform:scaleX(1)}#partibarometer .party.on .logo,#partibarometer .party.on .numbers{opacity:1}#partibarometer .party .bars{background:transparent;transition:all 2s cubic-bezier(1,.25,.25,1)}#partibarometer .party .bars .bar{height:100%;width:20%;position:relative}#partibarometer .party .bars .bar span{display:block;position:absolute;bottom:0;left:0;width:100%}#partibarometer .party .bars .bar:nth-child(2){opacity:.5}#partibarometer .party .bars .bar:nth-child(3){opacity:.25}#partibarometer .party>div:not(.balls):first-child{width:100%;-ms-flex:1 0 auto;flex:1 0 auto;height:400px}#partibarometer .party>div:not(.balls):nth-child(2){width:100%;-ms-flex:0 0 auto;flex:0 0 auto;height:auto;min-height:2.5em}#partibarometer .party>div:not(.balls):nth-child(3){width:100%;-ms-flex:0 0 auto;flex:0 0 auto;height:3em}#partibarometer .info{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0;box-sizing:border-box;-ms-flex-wrap:wrap;flex-wrap:wrap}#partibarometer .on+.info{display:none}#partibarometer .info div{margin:.25em 1em;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:70%;text-transform:uppercase;letter-spacing:1px;line-height:1.3}#partibarometer .info span{background:#333;display:block;width:20px;height:20px;border-radius:2px;margin-right:.5em}#partibarometer .info div:first-child span{opacity:.35}#partibarometer .info div:nth-child(2) span{opacity:.65}#partibarometer .info div:nth-child(3) span{width:45px}#partibarometer .info div:nth-child(4) span{border-radius:50%;width:25px;height:25px}@media screen and (max-width:600px){#partibarometer{font-size:12px}#partibarometer .valg-title{font-size:2.5em}#partibarometer .valg-title-sub{font-size:1.5em}#partibarometer .party .logo:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.075))}#partibarometer .logo{background-size:70%!important}#partibarometer .info span{width:3vw;height:3vw}#partibarometer .info div:nth-child(3) span{width:6vw}#partibarometer .chart-container{height:300px;margin-bottom:2em!important}#partibarometer .party .logo:after{height:300px}#partibarometer .party>div:not(.balls):first-child{height:200px}#partibarometer .party>div.balls{margin-bottom:1em}#partibarometer .party>div.balls .number{padding-top:.5em}}@media screen and (min-width:601px){#partibarometer .party:hover{cursor:pointer}#partibarometer .party:hover .bars{background:linear-gradient(rgba(0,0,0,.05),transparent 75%)}}