body{background-color:#0db0b0;color:#fff}.section-headline{font-size:.95rem;font-weight:700}@media (min-width:1023.98px){.section-headline{font-size:1.4rem;font-weight:500}}.bar_container{height:200px;position:relative;vertical-align:bottom}.vbar-wrap{height:100%}.hbar-wrap,.vbar-wrap{background:#fff3;display:inline-block;position:relative}.hbar-wrap{height:48px;margin-top:10px;overflow:hidden;width:100%}.bar_item{bottom:0;color:#fff;display:inline-block;min-height:10%!important;padding:5px;position:absolute;text-align:center;vertical-align:bottom;width:40%}.bar_pre{background-color:red;left:0}.bar_post{background-color:green;left:50%}.hidden{opacity:0}.q-slider__text{font-size:18px}@keyframes lineInserted{0%{height:0}to{height:20px}}