@layer base{body{font-family:National,sans-serif}h1{font-weight:800;@apply text-6xl text-gray-700;}h2{@apply text-5xl text-gray-700 font-bold tracking-tight leading-tight;}h3{@apply text-4xl text-gray-700 leading-tight font-bold;}h4{@apply text-3xl font-thin text-gray-700 leading-snug;}p{@apply text-2xl text-gray-700 leading-snug font-normal;}button{font-weight:200,@apply text-base font-normal}hgroup p{@apply text-xl font-bold;}label,legend{@apply text-lg font-semibold;}}.graph-wrapper #app{margin:0 auto 5%;padding:3% 1%;border-radius:5px;text-transform:none;max-width:48rem}.graph-wrapper #app p{font-weight:700;text-align:center;margin:10px}.graph-wrapper #app h4{text-align:center}.graph-wrapper #app svg{margin:auto;display:block}.graph-wrapper #app pull-quote,.graph-wrapper #app single-data-point{width:300px;padding:5% 1%;margin:3% 1%}.graph-wrapper #app single-data-point .cause-of-death-flexbox .cause-of-death-container{padding:1% 3%}.graph-wrapper #app pull-quote p:before,.graph-wrapper #app pull-quote p:after{content:'"';font-size:66px;color:#0099cd;display:block}.graph-wrapper #app pull-quote p:after{position:relative;top:35px}.graph-wrapper #app div{margin:3% auto}.graph-wrapper #app .info p{text-align:left;font-weight:initial;width:100%}.graph-wrapper #app .dashboard{margin:auto}.graph-wrapper #app .dashboard p{padding-left:5%}.graph-wrapper #app .dashboard .header-flex-container{display:flex}.graph-wrapper #app .dashboard .header-flex-container p:first-child{width:250px}.graph-wrapper #app .dashboard .header-flex-container p{width:100px;font-size:12px}.graph-wrapper #app .legend-wrapper{display:flex;justify-content:center;margin:1% auto;align-items:center}.graph-wrapper #app .legend-wrapper i,.graph-wrapper #app .legend-wrapper span{margin:0 1%}.graph-wrapper #app .legend-wrapper span{font-size:14px}.graph-wrapper #app .legend-wrapper i{display:inline-block;width:15px;height:15px}.graph-wrapper #app .line-chart-wrapper .legend-wrapper i{border-radius:50%}.graph-wrapper #app .tooltip{opacity:0;position:fixed;left:0;top:0;z-index:999;color:#000;font-family:helvetica,sans-serif;line-height:150%;font-weight:700;background-color:#fff;padding:1%;border:3px solid gainsboro;border-radius:15px;width:300px;transition:opacity .3s ease-in-out;display:none;box-shadow:5px 5px 10px #dcdcdc}.graph-wrapper #app .stacked-bar-chart-wrapper .container{display:flex;margin:.5% 0}.graph-wrapper #app .stacked-bar-chart-wrapper .container span{width:200px;text-align:left;font-size:80%}.graph-wrapper #app .stacked-bar-chart-wrapper#industry-immigration-status .container span{width:250px}.graph-wrapper #app .button-container{display:flex;justify-content:center;position:sticky;z-index:9;top:150px;box-shadow:0 5px 10px #a9a9a9;background-color:#f5f5f5;margin-bottom:50px;padding:2% 0}.graph-wrapper #app .school-button{font-weight:700;text-transform:uppercase;text-align:center;background-color:#fff;color:#000;font-size:14px;border:1px solid lightblue;padding:1.2%;border-radius:5px;cursor:pointer;width:200px;height:40px;box-sizing:border-box;margin:0 2%}.graph-wrapper #app .school-button:before,.graph-wrapper #app .school-button:after{box-sizing:border-box}.graph-wrapper #app .school-button:hover,.graph-wrapper #app school-button:active,.graph-wrapper #app school-button:focus{border-bottom:3px solid #0099cd;background-color:#fff;color:#000}.graph-wrapper #app .school-button-active{border-bottom:3px solid #0099cd;background-color:#fff;color:#000}.graph-wrapper #app .school-map-image{object-fit:cover;object-position:center center;width:300px!important;height:300px;border-radius:50%;border:3px solid #0099cd}.graph-wrapper #app .school-map-label{position:relative;bottom:150px;left:370px;font-weight:700;font-size:120%;text-transform:uppercase;margin:0}.graph-wrapper #app .school-subheader{text-align:center;font-weight:400!important;text-transform:uppercase}.graph-wrapper #app .stats-container{display:flex;justify-content:center}.graph-wrapper #app .bar-graph-flex-container{display:flex;justify-content:space-evenly}.graph-wrapper #app .bar-graph-flex-container.horizontal-bar-chart p{width:250px;text-align:left;font-size:80%;font-weight:400;font-style:italic}.graph-wrapper #app .sources-wrapper{background-color:#f5f5f5;padding:1% 0;margin:3% auto}.graph-wrapper #app .sources-wrapper h3{cursor:pointer;text-align:center}.graph-wrapper #app .sources-wrapper h3:after{content:"+"}.graph-wrapper #app .sources-wrapper .source-list{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.graph-wrapper #app .sources-wrapper .source-list .table-note span{display:inline;font-weight:700}.graph-wrapper #app .sources-wrapper .source-list .table-note{text-align:left}.graph-wrapper #app .sources-wrapper .source-list-active{max-height:100%}.graph-wrapper #app #g-Brooklyn-School---500px-box,.graph-wrapper #app #g-Brooklyn-School---500px-box .g-artboard{margin:0 auto}.graph-wrapper #app #g-Brooklyn-School---500px-box img,.graph-wrapper #app #g-Brooklyn-School---500px-box p{margin:0}.graph-wrapper #app #g-Brooklyn-School---500px-box .g-aiAbs{position:absolute}.graph-wrapper #app #g-Brooklyn-School---500px-box .g-aiImg{position:absolute;top:0;display:block;width:100%!important}.graph-wrapper #app #g-Brooklyn-School---500px-box .g-aiSymbol{position:absolute;box-sizing:border-box}.graph-wrapper #app #g-Brooklyn-School---500px-box .g-aiPointText p{white-space:nowrap}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2{position:relative;overflow:hidden}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 p{font-family:arial,helvetica,sans-serif;line-height:11px;height:auto;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;letter-spacing:0;font-size:11px;text-align:left;color:#000;text-transform:none;padding-bottom:0;padding-top:0;mix-blend-mode:normal;font-style:normal;position:static}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 .g-pstyle0{line-height:10px;height:10px;font-size:11px;text-align:center}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 .g-pstyle1{line-height:14px;height:14px;font-size:11px}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 .g-pstyle2{height:11px}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 .g-pstyle3{line-height:8px;height:8px;font-size:11px;text-align:center}.graph-wrapper #app #g-Brooklyn-School---500px-Artboard_2 .g-pstyle4{line-height:8px;height:8px;font-size:7px}.graph-wrapper #app #g-Bronx-School-Map-500px-box,.graph-wrapper #app #g-Bronx-School-Map-500px-box .g-artboard{margin:0 auto}.graph-wrapper #app #g-Bronx-School-Map-500px-box img,.graph-wrapper #app #g-Bronx-School-Map-500px-box p{margin:0}.graph-wrapper #app #g-Bronx-School-Map-500px-box .g-aiAbs{position:absolute}.graph-wrapper #app #g-Bronx-School-Map-500px-box .g-aiImg{position:absolute;top:0;display:block;width:100%!important}.graph-wrapper #app #g-Bronx-School-Map-500px-box .g-aiSymbol{position:absolute;box-sizing:border-box}.graph-wrapper #app #g-Bronx-School-Map-500px-box .g-aiPointText p{white-space:nowrap}.graph-wrapper #app #g-Bronx-School-Map-500px-Artboard_2{position:relative;overflow:hidden}.graph-wrapper #app #g-Bronx-School-Map-500px-Artboard_2 p{font-family:arial,helvetica,sans-serif;line-height:13px;height:auto;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;letter-spacing:0;font-size:11px;text-align:left;color:#000;text-transform:none;padding-bottom:0;padding-top:0;mix-blend-mode:normal;font-style:normal;position:static}.graph-wrapper #app #g-Bronx-School-Map-500px-Artboard_2 .g-pstyle0{line-height:10px;height:10px;font-size:11px;text-align:center}.graph-wrapper #app #g-Bronx-School-Map-500px-Artboard_2 .g-pstyle1{height:13px}.graph-wrapper #app #g-Bronx-School-Map-500px-Artboard_2 .g-pstyle2{line-height:10px;height:10px;font-size:8px}.graph-wrapper #app #g-Manhattan-School--500px-box,.graph-wrapper #app #g-Manhattan-School--500px-box .g-artboard{margin:0 auto}.graph-wrapper #app #g-Manhattan-School--500px-box img,.graph-wrapper #app #g-Manhattan-School--500px-box p{margin:0}.graph-wrapper #app #g-Manhattan-School--500px-box .g-aiAbs{position:absolute}.graph-wrapper #app #g-Manhattan-School--500px-box .g-aiImg{position:absolute;top:0;display:block;width:100%!important}.graph-wrapper #app #g-Manhattan-School--500px-box .g-aiSymbol{position:absolute;box-sizing:border-box}.graph-wrapper #app #g-Manhattan-School--500px-box .g-aiPointText p{white-space:nowrap}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2{position:relative;overflow:hidden}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 p{font-family:arial,helvetica,sans-serif;line-height:11px;height:auto;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;letter-spacing:0;font-size:11px;text-align:left;color:#000;text-transform:none;padding-bottom:0;padding-top:0;mix-blend-mode:normal;font-style:normal;position:static}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 .g-pstyle0{line-height:10px;height:10px;font-size:11px;text-align:center}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 .g-pstyle1{height:11px;font-size:11px}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 .g-pstyle2{height:11px}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 .g-pstyle3{line-height:9px;height:9px;font-size:11px;text-align:center}.graph-wrapper #app #g-Manhattan-School--500px-Artboard_2 .g-pstyle4{line-height:9px;height:9px;font-size:7px}.graph-wrapper #app #app{font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.graph-wrapper #app .graph-dashboard{display:flex;justify-content:space-evenly}@media screen and (max-width:610px){.graph-wrapper #app .button-container{flex-direction:column;align-items:center;justify-content:space-between}.graph-wrapper #app .button-container button{margin:1% 0}}