@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;}}#youth-services-school-summer-enrollment.graph-wrapper{margin:0 auto;background-color:#f9f9f9;padding:3% 1%;border-radius:5px;max-width:48rem}#youth-services-school-summer-enrollment.graph-wrapper p{font-weight:700;text-align:center}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph{display:flex;width:100%}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph p{font-size:16px}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph div{margin:1% 0;padding:3%;text-align:center;font-weight:700;color:#fff}#youth-services-school-summer-enrollment.graph-wrapper .legend-wrapper{display:flex;justify-content:center;margin:1% auto}#youth-services-school-summer-enrollment.graph-wrapper .legend-wrapper i,#youth-services-school-summer-enrollment.graph-wrapper .legend-wrapper span{margin:0 1%}#youth-services-school-summer-enrollment.graph-wrapper .legend-wrapper i{display:inline-block;width:15px;height:15px}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph div span{font-size:14px}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph{justify-content:flex-start;align-items:center}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph:hover{background-color:#eee}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph div{width:75%;padding-right:0}#youth-services-school-summer-enrollment.graph-wrapper .graph-wrapper.enrollment .horizontal-bar-graph p{text-align:left}#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph .summer-enrollment,#youth-services-school-summer-enrollment.graph-wrapper .horizontal-bar-graph .school-enrollment{height:5px;padding:5%;text-align:left}#youth-services-school-summer-enrollment.graph-wrapper .table-note{font-size:90%;font-style:italic;font-weight:lighter;text-align:center}