.graph-bar{width:100%;padding:50px 0 200px}.graph-bar-container{width:calc(100% - 80px);max-width:1200px;margin:0 auto}.graph-bar h4{text-transform:uppercase;text-align:center;margin:30px 0;font-size:clamp(1.125rem,.9386rem + .8772vw,1.5rem);font-family:Endless Journey JNL,sans-serif;color:var(--graph-subtitle-color, #8A3050)}.graph-bar-graph{position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end}.graph-bar-units{position:absolute;top:50%;left:-70px;transform:translateY(-50%) rotate(270deg)}.graph-bar-units p{margin:0;font-size:clamp(.9375rem,.7822rem + .731vw,1.25rem);text-transform:uppercase;font-family:Endless Journey JNL,sans-serif;color:var(--graph-subtitle-color, #8A3050)}.graph-bar-graph-box{position:relative;width:calc(100% - 70px);display:flex;justify-content:space-between;flex-wrap:wrap;height:585px}.graph-bar-lines{position:absolute;z-index:1;bottom:0;width:100%;height:544px}.graph-bar-lines ul{margin:0;padding:0;list-style-type:none;width:100%;height:100%;display:flex;align-content:space-between;flex-wrap:wrap}.graph-bar-lines li{width:100%;position:relative}.graph-bar-lines li span{width:50px;font-size:20px;padding-right:5px;height:24px;line-height:24px;text-align:right;background:#fff9ef;position:relative;display:block;z-index:2;font-family:Endless Journey JNL,sans-serif;color:var(--graph-subtitle-color)}.graph-bar-lines li:after{content:"";position:absolute;top:50%;width:100%;right:0;transform:translateY(-.5px);height:1px;border-top:1px dotted var(--graph-subtitle-color)}.graph-bar-bars{width:calc(100% - 50px);margin-left:50px;height:calc(100% - 12px);display:flex;position:relative;z-index:2;align-items:flex-end;align-content:flex-end;justify-content:space-around}.graph-bar-bar-item{z-index:2;text-align:center;overflow:hidden;position:relative;height:0;max-width:178px;width:calc(25% - 70px);border-top-left-radius:5px;display:flex;align-items:center;justify-content:center;border-top-right-radius:5px;font-family:Endless Journey JNL,sans-serif}.graph-bar-bar-item.graph-bar-main{font-weight:700;color:#fff9ef;background:var(--graph-subtitle-color);transition:height .75s ease-in-out 0s}.graph-bar-bar-item.graph-bar-100{transition:height .75s ease-in-out .2s}.graph-bar-bar-item.graph-bar-200{transition:height .75s ease-in-out .4s}.graph-bar-bar-item.graph-bar-350{transition:height .75s ease-in-out .6s}.graph-bar-bar-item.graph-bar-other{border:1px dotted var(--graph-subtitle-color);color:var(--graph-subtitle-color);background:var(--graph-background-color)}.graph-bar-legends{width:calc(100% - 50px);margin-left:50px;right:0;margin-top:10px;display:flex;justify-content:space-around}.graph-bar-legend{position:relative;z-index:2;color:var(--graph-subtitle-color);text-align:center;max-width:185px;width:calc(25% - 70px);font-size:20px;font-family:Alma Mono,sans-serif}.graph-bar-legend.graph-bar-legend-main{font-weight:700}.graph-bar.active .graph-bar-bar-item.graph-bar-main{height:50px}.graph-bar.active .graph-bar-bar-item.graph-bar-100{height:131px}.graph-bar.active .graph-bar-bar-item.graph-bar-200{height:261px}.graph-bar.active .graph-bar-bar-item.graph-bar-350{height:459px}@media all and (max-width: 1024px){.graph-bar-graph-box{width:calc(100% - 35px)}.graph-bar-bar-item{width:calc(25% - 30px)}.graph-bar-legend{font-size:15px;width:calc(25% - 30px)}}@media all and (max-width: 768px){.graph-bar-bar-item{width:calc(25% - 15px)}.graph-bar-legend{font-size:14px;width:calc(25% - 15px)}}@media all and (max-width: 600px){.graph-bar-container{width:calc(100% - 40px)}.graph-bar-units{left:-60px}.graph-bar-lines li span{font-size:13px}.graph-bar-lines{height:420px}.graph-bar-graph-box{height:402px}.graph-bar.active .graph-bar-bar-item.graph-bar-main{height:40px}.graph-bar.active .graph-bar-bar-item.graph-bar-100{height:100px}.graph-bar.active .graph-bar-bar-item.graph-bar-200{height:200px}.graph-bar.active .graph-bar-bar-item.graph-bar-350{height:350px}.graph-bar-graph-box{width:calc(100% - 10px)}.graph-bar-bar-item{font-size:13px}}@media all and (max-width: 500px){.graph-bar-legend{white-space:nowrap;display:flex;text-align:right;transform:rotate(270deg);align-items:center;justify-content:flex-end}.graph-bar-legends{margin-top:30px;text-align:right;height:50px;position:relative;align-items:center;align-content:center}.graph-bar-legends{margin-top:20px}.graph-bar-bar-item{width:calc(25% - 10px)}.graph-bar-lines{height:300px}.graph-bar.active .graph-bar-bar-item.graph-bar-main{height:30px}.graph-bar.active .graph-bar-bar-item.graph-bar-100{height:70px}.graph-bar.active .graph-bar-bar-item.graph-bar-200{height:140px}.graph-bar.active .graph-bar-bar-item.graph-bar-350{height:245px}.graph-bar-graph-box{height:310px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/graph-bar.css.map */