:root{--bars-height: 30px}@media(min-width: 768px){:root{--bars-height: 46px}}.bar{display:flex;height:var(--bars-height);width:0%}.bar .bar-full{flex-basis:100%}.bar .bar-one-third{flex-basis:33.3333333333%}.bar .bar-two-thirds{flex-basis:66.6666666667%}.bar .bar-light-blue{background-color:#84d4ee}.bar .bar-dark-blue{background-color:#233f75}.bar .bar-purple{background-color:#7a2f7e}.bar .bar-gray-blue{background-color:#7b8dac}.bar .bar-transparent{background-color:rgba(0,0,0,0)}.bar .bar-lilac{background-color:#af82b1}@keyframes bar{0%{width:0}100%{width:100%}}.animated-bars{display:flex;flex-direction:column;left:0;min-width:200px;position:absolute;width:25%;z-index:9}.animated-bars.animate .bar{animation:bar 1s ease-in-out forwards}.animated-bars.bars-reversed{flex-direction:column-reverse}.animated-bars.bars-top{top:0;transform:translateY(-50%)}.animated-bars.bars-bottom{bottom:0;transform:translateY(50%)}.animated-bars.bars-hidden-mobile{display:none}@media(min-width: 768px){.animated-bars.bars-hidden-mobile{display:flex}}
/*# sourceMappingURL=animated-bars.css.map */