@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



svg{
    overflow:visible !important;
}

.is-draft .is-comment{display:block; color:#555555;}
.is-comment, .rm-this{display:none;}

.c-fix:after{display:table; content:""; clear:both;}

.metro-interactive-content .table-wrap{
    margin:0px auto 1em auto;
    position:relative;
    border-top:1px solid #555555;
    padding-top:5px;
}

.metro-interactive-content .table-wrap .table-header{
    position:absolute;
    background-color:#FFFFFF;
    padding:5px 10px;
    border-radius:0px;
    transform-origin: top left;
    transform: rotate(-90deg) translate(calc(-100% + 5px), -150%);
    font-size:16px;
    font-weight: bold !important;
    text-transform: uppercase;
}

.metro-interactive-content .table-row{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    padding:5px 0px;
    border-bottom:1px dotted #dddddd;
}
.metro-interactive-content .table-row:last-child{
    border-bottom:0px !important;
}

.metro-interactive-content .table-wrap .table-row > div p{
    margin:0px !important;
}

.metro-interactive-content .table-row > div{
    flex-basis:30%;
    flex-grow:1;
    flex-shrink:0;
    box-sizing: border-box;
}



.metro-interactive-content .table-wrap .table-row > div:first-child{
    flex-basis:70%;
    flex-shrink:1;
    padding-right:15px;
}

.metro-interactive-content .table-wrap .table-definition,
.metro-interactive-content .table-wrap .table-score{
    font-size:14px;
    line-height:1.4em;
}

.metro-interactive-content .table-wrap .table-value{
    font-size:14px;
    font-weight:bold;
    line-height:1.4em;
}

.metro-interactive-content .table-wrap .table-data p{
    line-height:1.4em;
}

.metro-interactive-content .centered-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-bottom:1em;
}

.metro-interactive-content .chart-title-box{
    display: flex;
    justify-content: center;
}

.metro-interactive-content .notes-and-sources:before{
    content:"";
    display:block;
    width:100px;
    height:24px;
    border-bottom:1px solid #555555;
    margin:10px 0px 10px 0px;
}

.metro-interactive-content .notes-and-sources p{
    font-size:14px !important;
    line-height:1.4em;
}

.metro-interactive-content .notes-and-sources > p{
}

.metro-interactive-content .notes-and-sources p span{
    font-style:italic;
    font-weight:normal;
}

.metro-interactive-content .notes-and-sources p b{
    font-style:normal !important;
    font-weight:bold !important;
    font-size:inherit !important;
}

.metro-interactive-content h3.chart-title{font-size:24px;font-weight:bold;margin:0px 0px 1em 0px !important;text-align:center;}
.metro-interactive-content p.chart-subtitle{font-size:18px;font-style:normal;font-weight:bold;margin:0px !important;}
.metro-interactive-content p.chart-subtitle2{font-size:16px;font-style:italic;font-weight:normal;margin: 5px 0px 2em 0px !important;}
.metro-interactive-content p.chart-source{font-style:italic;margin-top:-2em !important; margin-bottom:3em !important;}
.metro-interactive-content div{box-sizing:border-box;}

.metro-interactive-content h3, 
.metro-interactive-content p, 
.metro-interactive-content td, 
.metro-interactive-content th, 
.metro-interactive-content text{font-family:'Inter', sans-serif;font-optical-sizing: auto;}
.metro-interactive-content p{margin:5px 0px 5px 0px !important; font-size:16px;}
.metro-interactive-content i{font-style:italic;}
.metro-interactive-content b{font-weight:bold;font-size:1.15em;}
.metro-interactive-content table tbody{
    background-color: transparent;
}
.metro-interactive-content table{
    table-layout:fixed;
    width:100%;
}
.metro-interactive-content td,
.metro-interactive-content th{
    padding:5px 0px 5px 0px !important; 
    border-bottom-width:1px !important; 
    border-right-width:0px !important; 
    border-left-width:0px !important; 
    border-top-width:0px !important; 
    border-style:solid !important;
    background:transparent !important; 
    border-color:#dddddd !important;
    font-size:16px;
    text-align:left !important;
    vertical-align: bottom !important;
}
.metro-interactive-content td:last-child,
.metro-interactive-content th:last-child{text-align:right} 
.metro-interactive-content .blue-text{color:#1479BB;}
.metro-interactive-content .bigger-text{font-size:1.25em;}
.metro-interactive-content .is-footnote{font-size:15px;color:#444444;font-style:italic;}
.metro-interactive-content .no-break{white-space: nowrap;}

.metro-interactive-content .border-bottom{border-bottom:1px solid #555555;padding:5px;margin:15px 0px;}

.metro-interactive-content select{
    padding:6px 5px;
    font-family:'Inter', sans-serif;
    margin:0em auto 1em auto;
    font-size:16px;
    border:1px solid #555555;
    border-width:1px 1px 1px 1px;
    background:transparent;
    min-width:40%;
}

#dashboard-stats{
    padding-left:0px;
}
#dashboard-stats ~ *{
    padding-left:0px;
}

g.bar_segments path{
    shape-rendering: crispEdges;
}

.metro-interactive-content .v-tooltip p{
    margin:0px 0px 5px 0px !important;
    font-size:15px;
    color:#101010;
    line-height:1.3em;
  }
  .metro-interactive-content .v-tooltip{
    pointer-events:none;
    background-color:rgba(255,255,255,0.9);
    padding:10px;
    border:1px solid #aaaaaa;
    box-shadow:3px 3px 6px rgba(0,0,0,0.2);
  }
  

.metro-interactive-content .flex-container{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
}

.metro-interactive-content .flex-container > div{   
    width:30%;
    padding:0px;
    box-sizing:border-box;
}

.metro-interactive-content .flex-container > div:first-child{
    width:70%;
}  

.metro-interactive-content .flex-container > div > div{
    padding:10px 20px;
}

@media (min-width:0px){

    #dashboard-container{
        padding:1em 1em 1em 2em;
        border-width:1px 0px;
        border-style:solid;
        border-color:#dddddd;
    }

    .metro-interactive-content .flex-container > div{   
        width:100%;
    }

    .metro-interactive-content .flex-container > div:first-child{
        width:100%;
    }  
}

@media (min-width:900px){
    #dashboard-container{
        padding:1em 0px;
        border-width:1px 0px;
        border-style:solid;
        border-color:#dddddd;
    }

    .metro-interactive-content .flex-container > div{   
        width:45%;
    }

    .metro-interactive-content .flex-container > div:first-child{
        width:45%;
    }  
}

@media (min-width:1200px){
    .metro-interactive-content .flex-container > div{   
        width:40%;
    }

    .metro-interactive-content .flex-container > div:first-child{
        width:55%;
    }  
}