.en{font-family:Roboto;}
#wrapper{position:relative;z-index0:10000000000;}
#wrapper .container{position:relative;}

#MalaysiaStatesBattleGround #wrapper{}
#MapBox{position:relative;}
#MapBox svg{max-width:100%;}
#MalaysiaStates .line{stroke:#000;fill:#000;}
#MalaysiaStates text{font-size:1.2em;}
#MalaysiaStates g .territory{stroke:#000;fill:#fff;}
#MalaysiaStates g:hover .territory{fill:#fee4c9;}
#MalaysiaStates g:focus .territory,#MalaysiaStates g.Active .territory{fill:#fd4d00;stroke:#fff;}
#MalaysiaStates g:focus .territory.highlight,#MalaysiaStates g.Active .territory.highlight{stroke:#fd4d00;}

#MalaysiaStates g:focus text,#MalaysiaStates g.Active text{display:block;fill:#fff;}
#MalaysiaStates g:focus text.show,#MalaysiaStates g.Active text.show{display:block;fill:#fd4d00;}
#MalaysiaStates g:hover{cursor:pointer;}
#MalaysiaStatesText{top:2em;right:0;width:100%;height:100%;position:absolute;display:none;}
#MalaysiaStatesText h1{font-size:2em;font-weight:700;color:#090061;}
#MalaysiaStatesText > div:not(.IntroText){display:none;}
#MalaysiaStatesText.Active{display:block;}
#InfographicContainer svg{height:auto;}

#MapBox{width:100%;display:block;}
#MapBox svg{width:100%;}
#MapBox .map,#MapBox .map-info{display:inline-block;}
#MapBox .map{height:90%;width:50%;position:relative;}
#MapBox .map-info{width:50%;padding:0;}
#MapBox .map .indicator{border-radius:0.3em;background:#fff0dc;border0:1px solid #fd4d00;padding:0.2em 0.8em;font-size:0.8em;right:2em;top:10em;position:absolute;}
#MapBox .panel{text-align:left;top:0!important;padding:2em;color:#333;position:absolute;background:rgba(255,255,255,1);border-radius:0.4em;box-shadow:0 0 30px 0 rgba(0,70,90,0.05);}
#MapBox .panel.IntroText000{background:var(--theme-ui-colors-background);border-radius:none;box-shadow:none;}
#MapBox .panel.IntroText:after{display:none;}
#MapBox .panel img.responsive{width:100%;display:block;margin:2em auto;}
#MapBox .panel .btn{margin:auto;text-align:center;display:table;}
#MalaysiaStatesText .panel a{height:auto;line-height:1.75;border-bottom:none!important;text-decoration:none!important;}
#MapBox h2,#MapBox h3{color:#000;}
#MapBox h3 span{display:block;}
#MapBox h3 span.en{font-weight:500;text-transform:uppercase;}
#MapBox h3 span.en,.seats .seat-label{color:#999;font-size:16px;}

.panel p em{font-weight:700;color:#fd4d00;}

.state-seat{margin:0 auto 0.4em auto;}
.state-label,.parliament-seat{padding:0;}
.parliament-seat{text-align:right;}
.parliament-seat .seats{text-align:center;display:inline-block;}
.seats .seat-count,.seats .seat-label,.party-group span{display:block;}
.seats .seat-count{font-size:2em;font-weight:700;line-height:1;}
.seats .seat-label{font-size:0.9em;}

.state-result{padding:1em 0;margin:0 auto 1.4em auto;border-top:1px solid #000;border-bottom:1px solid #000;}
.result-label,.result-panel{text-align:center;}
.result-panel{display:table;margin:auto;}
.result-label{margin-bottom:0.2em;font-weight:500;}

.party-group{padding:0.6em 0.8em 0.4em 0.8em;margin:2px;border-radius:0.4em;line-height:1.1;color:#fff;background:#999;display:table-cell;border:1px solid #fff;}
.party-group .party-seat{font-size:1.5em;font-weight:700;}
.party-group .party-name{font-size:0.9em;}

.coalition-pn{background:#8db7e6;}
.coalition-bn,.party-pas{background:#1e73bf;}
.coalition-gps{background:#caf4ff;}
.party-pbs{background:#f0da84;color:#000;}
.party-pws{background:#fe7a8c;}
.party-pbm{background:#69c0cd;}
.party-pejuang{background:#fabf0d;}
.party-muda{background:#221e1e;}
.party-psb{background:#f4a6a6;}
.coalition-ph{background:#c42a1c;}
.coalition-independent{background:#d2edbf;}
.coalition-gps,.coalition-independent{color:var(--theme-ui-colors-text-main);}

.cjk-ideographic{list-style-type:cjk-ideographic;}
.list-num{padding:0;margin:1em 0;list-style-type: none;}
.list-num li{padding:0;margin:1em 0;counter-increment:li;}
.list-num li:before{width:1em;margin:0 0.5em 1em 0;padding:0.4em 0;height:28px;width:28px;border-radius:50%;font-size:0.9em;line-height:1;float:left;text-align:center;background:#fee4c9;color:#000;content:counter(li);display:inline-block;direction:rtl;}


@media screen and (min-width:768px) and (max-width:1000px){
.container{max-width:96%;}
}

@media screen and (min-width:200px) and (max-width:767px){
#MalaysiaStatesBattleGround #wrapper{margin:0 auto 14em auto;}
.container{width:100%;}
#MapBox svg{width:100%;margin:auto;text-align:center;display:block;}
#MapBox{height:auto;min-height:100vh;}
#MapBox .map,#MapBox .map-info{margin:auto;display:block;}
#MapBox .map{width:100%;height:450px;padding:1em 0 2em 0;overflow:auto;position:fixed;}
#MapBox .map:after{display:none;content:'';width:100%;height:140px;background000:linear-gradient(0deg, rgba(244,254,254,1) 0%, rgba(244,254,254,0) 100%);left:0;bottom:-2em;position:sticky;}
#MapBox .map-info{width:90%;top:55%;margin-top:0;left:0;position:absolute;}
#MapBox .map .indicator{right:1em;}
#MapBox .panel{padding:3em 1.6em 1em 1.6em;top:auto!important;height:auto;000overflow-y:scroll;color:#333;position:relative;background:rgba(255,255,255,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
#MapBox .panel000:after{content:'';width:100%;height:100px;background:linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);left:0;bottom:0em;position:sticky;display:block;}
#MapBox .panel.IntroText{overflow-y:auto;height:auto}
#MalaysiaStatesText h1{font-size:1.8em;}
#MalaysiaStatesText{top:auto;position:relative;}
#MalaysiaStates text{font-size:1.4em;}
#myge15,#myge15-logo svg{width:50%;height:auto;left:auto;top:auto;margin:0 auto -2.6em auto;position:relative;}

#footer{height:auto;margin:22em auto 0 auto;top:20em;}

.state-result{margin:0 auto 1em auto;}
.state-seat{margin:0 auto 0.2em auto;}
}