@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;}}#child-welfare-survey-family-needs.graph-wrapper{max-width:48rem;margin:1% auto 5%}#child-welfare-survey-family-needs.graph-wrapper svg rect{transition:opacity .3s ease-in-out}#child-welfare-survey-family-needs.graph-wrapper .legend-wrapper{margin:3% auto}#child-welfare-survey-family-needs.graph-wrapper .legend-wrapper div{margin:1% auto;display:flex;flex-direction:column;justify-content:space-evenly;align-self:flex-start}#child-welfare-survey-family-needs.graph-wrapper .legend-wrapper div:hover{background-color:#eff6ff}#child-welfare-survey-family-needs.graph-wrapper .legend-wrapper div i{display:inline-block;margin:0 auto;width:20px;height:20px;transition:opacity .3s ease-in-out}#child-welfare-survey-family-needs.graph-wrapper .legend-wrapper div span{transition:opacity .3s ease-in-out;text-align:center}.add-transparency{opacity:.1}