.transparency-map{background-color:white;font-family:"Gotham-Narrow","Hiragino Kaku Gothic Pro","Helvetica Neue","Tahoma","Arial",sans-serif;font-weight:300;position:relative}
.transparency-map .opaque-top{stop-color:white;stop-opacity:1}
.transparency-map .opaque-bottom{stop-color:#f4f7f9;stop-opacity:1}
.transparency-map .translucent{stop-color:#f4f7f9;stop-opacity:0}
.transparency-map .title{font-size:32px;color:#2d3337;padding:5px 0 40px 0}
.transparency-map .map{background-color:#f4f7f9;margin-left:auto;margin-right:auto;width:100%;height:500px}
.transparency-map .map .fade-layer{pointer-events:none}
.transparency-map .help{position:absolute;background:#292f32;color:#f5f8fa;display:none;font-size:20px;text-align:left;line-height:120%;width:230px;margin:18px 0;padding:18px 20px;-moz-border-radius:6px;-moz-border-radius-bottomleft:0;-webkit-border-radius:6px;-webkit-border-bottom-left-radius:0;border-radius:6px;border-bottom-left-radius:0}
.transparency-map .help .notch{position:absolute;bottom:-20px;left:0;margin:0;border-top:10px solid #292f32;border-left:10px solid #292f32;border-right:10px solid transparent;border-bottom:10px solid transparent;padding:0;width:0;height:0;font-size:0;line-height:0;_border-right-color:pink;_border-left-color:pink;_filter:chroma(color=pink)}
.transparency-map .help-close{position:absolute;top:0;right:7px}
.transparency-map .back-button .icon{fill:white;fill-opacity:.001;vector-effect:non-scaling-stroke;stroke-width:5px;stroke:#ccd6dd;stroke-linecap:round}
.transparency-map .back-button .arrow{vector-effect:non-scaling-stroke;stroke-width:5px;stroke:#ccd6dd;stroke-linecap:round;fill:none}
.transparency-map .back-button .label{text-shadow:none;font-size:1px;fill:#ccd6dd;font-weight:normal}
.transparency-map .legand{font-size:14px;fill:#2d3337}
.transparency-map .legand .tag{text-transform:uppercase;font-size:16px}
.transparency-map .legand .backdrop{fill:none}
.transparency-map .bars{background:white;margin-left:auto;margin-right:auto;width:100%;height:140px}
.transparency-map .bars .backdrop{fill:#f4f7f9}
.transparency-map .bars .mouseTarget{cursor:pointer;opacity:0}
.transparency-map .bars .period{stroke-width:1px}
.transparency-map .bars .period-label,.transparency-map .bars .year-label{user-select:none;font-size:13px;font-weight:normal;pointer-events:none}
.transparency-map .info{background-color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.4);box-shadow:0 2px 5px 0 rgba(0,0,0,0.4);box-sizing:border-box;display:none;font-weight:normal;max-width:100%;position:absolute;pointer-events:none;width:260px;padding:10px;z-index:10000}
.transparency-map .info .flag-row{display:table}
.transparency-map .info .row{font-size:0;width:100%}
.transparency-map .info .row .flag-box{display:table-cell;height:100%}
.transparency-map .info .row .flag{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:relative;top:0;transform:translateY(10%);width:40px;height:40px}
.transparency-map .info .row .region{display:table-cell;vertical-align:middle;white-space:nowrap;padding:0;padding:0 10px}
.transparency-map .info .row .no-data{display:table-cell;vertical-align:middle;white-space:nowrap;width:100%;color:#ea8e9c;padding:0;font-size:12px}
.transparency-map .info .row .region,.transparency-map .info .row .label{font-size:16px;color:#24292c}
.transparency-map .info .row .value,.transparency-map .info .row .label{display:inline-block}
.transparency-map .info .row .value{width:40%;text-align:right;font-size:30px;color:#24292c}
.transparency-map .info .row .label{margin-left:10px;width:50%;text-align:left;font-size:16px;color:#7d8e9c}
.transparency-map .info .percent-bar{height:4px;width:100%;display:block;margin-bottom:15px;overflow:hidden;background-color:#e5e5e5}
.transparency-map .info .percent-bar .progress{position:relative;top:0;left:0;width:0;height:4px;background-color:#1ec881}
.transparency-map .info .divider{height:1px;width:100%;display:block;margin-bottom:15px;overflow:hidden;background-color:#e5e5e5}
.transparency-map .infoTitle{fill:#292f33;font-size:14px;font-weight:bold;fill:#444}
.transparency-map .infoSubTitle{font-weight:bold;font-size:12px}
.transparency-map .info-requested{color:#77b255}
.transparency-map .info-granted{fill:#3e7236;color:#3e7236}
.transparency-map .remove-requested{fill:#dd2e44;color:#dd2e44}
.transparency-map .remove-granted{color:#a0041e}
.transparency-map .clickHint{font-size:12px}
.transparency-map .requestCount{font-size:18px;fill:#292f33}
.transparency-map .requestLabel{fill:#292f33;font-size:9px}
.transparency-map .regionBox{vector-effect:non-scaling-stroke;stroke-width:2px;stroke:red;fill:rgba(255,0,0,0.5)}
.transparency-map .region{vector-effect:non-scaling-stroke;stroke-width:0}
.transparency-map .country{vector-effect:non-scaling-stroke;stroke-width:.7;stroke:white}
.transparency-map .small-plate{vector-effect:non-scaling-stroke;fill:black;fill:white;stroke:black;stroke-width:1;stroke-opacity:.4}
.transparency-map .state{vector-effect:non-scaling-stroke;stroke-width:1px;stroke:#eee}
.transparency-map .button-bar{box-sizing:border-box;padding:1.25rem;pointer-events:none;position:absolute;text-align:right;width:100%}
.transparency-map .button-bar .download-csv,.transparency-map .button-bar .tweet-btn{pointer-events:all;display:inline-block;margin-bottom:0}
.transparency-map .button-bar .download-csv button,.transparency-map .button-bar .tweet-btn button{background-color:#8f46d0;border-color:transparent;color:#fff;line-height:1.25rem}
.transparency-map .button-bar .download-csv button:hover,.transparency-map .button-bar .tweet-btn button:hover{background-color:rgba(143,70,208,0.6)}
.transparency-map .button-bar .download-csv i[class^="icon-"],.transparency-map .button-bar .tweet-btn i[class^="icon-"]{left:-8px;position:relative}
.transparency-map .button-bar .btn-container.tweet-btn{margin-left:7px}
@media screen and (max-width:600px){.transparency-map .button-bar .download-csv{margin-bottom:.5rem}
}
.transparency-map[data-type="information-requests"] .button-bar button{background-color:#2dc783}
.transparency-map[data-type="information-requests"] .button-bar button:hover{background-color:rgba(45,199,131,0.6)}
@media screen and (max-width:900px){.transparency-map{display:none}
}