.graph__based__results__wp{padding:0 0 40px}.graph__based__results__interior{max-width:1080px;margin:0 auto;padding:32px 60px;display:flex;gap:60px;align-items:center;border-radius:10px}.graph__based__animated_wy{flex:1;display:flex;justify-content:center;padding:83px 8px 22px}.graph__based__animated__nt{position:relative;width:320px;height:300px}.graph__based____y_axis{position:absolute;left:20px;top:40px;bottom:30px;width:1px;background-color:#797b7a;display:flex;flex-direction:column;justify-content:space-between}.graph__based____y_label{position:absolute;left:-15px;font-size:11.131px;color:#797b7a;transform:translateY(-50%);font-weight:500;line-height:13.914px}.graph__based____y_label.y_label__two{top:13px}.graph__based____y_label.y_label__one{top:54%}.graph__based____y_label.y_label__zero{top:99%}.graph__based____x_axis_dashed{position:absolute;left:20px;top:165px;width:321.413px;border-top:1.5px dashed #1F2322;z-index:3}.graph__based____x_axis{position:absolute;left:20px;bottom:30px;width:321.413px;height:1px;background-color:#797b7a}.graph__based____bars{position:absolute;left:50px;bottom:31px;display:flex;gap:20px;align-items:flex-end}.graph__based____bar__wp{display:flex;flex-direction:column;align-items:center;position:relative}.graph__based____bar{width:108.529px;border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(0)}.bar-buoy{height:171.142px;background-color:#e6f977}.bar-water{height:102.963px;background-color:#bbbcbc}.graph__based____x_label{position:absolute;bottom:-27px;font-family:Rhymes-Light-Italic;font-size:13.914px;white-space:nowrap}.graph__based____annotation{position:absolute;width:115px;text-align:left;font-size:16px;line-height:19.48px;color:#1f2322;opacity:0;z-index:1;font-weight:500}.annotation-buoy{top:-131px;left:0;right:0}.annotation-buoy .graph__based____txt span{font-family:Rhymes-Light-Italic}.annotation-water{top:-82px;left:0}.graph__based____arrow{margin-top:7.91px;display:block;text-align:center}.graph__based__results__interior.in-view .bar-buoy{animation:growUp 1.2s cubic-bezier(.25,1,.5,1) forwards}.graph__based__results__interior.in-view .bar-water{animation:growUp 1.2s cubic-bezier(.25,1,.5,1) forwards .2s}.graph__based__results__interior.in-view .graph__based____annotation{animation:fadeIn .8s ease forwards 1s}.graph__based____content{max-width:539px;width:100%}.graph__based____content__nt{display:grid;gap:20px}.graph__based____content_heading{font-size:30px;line-height:36px}.graph__based____content_paragraph{font-size:16px;line-height:25px}.graph__based____content_button drawer-open{border-radius:50px;border:1px solid #1f2322;display:flex;justify-content:center;text-align:center;gap:8px;width:fit-content;padding:2px 24px;font-size:16px;line-height:25px;min-height:50px;align-items:center;transition:ease .3s;cursor:pointer}.graph__based____content_button drawer-open:hover{background:#1f2322;color:#fff}.graph__based____content_button drawer-open:hover img{filter:invert(1)}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:749px){.graph__based__results__interior{padding:24px 20px 40px;gap:20px;flex-direction:column}.single_tw_o__content__cp_price{font-weight:300}.graph__based__animated_wy{padding:21px 8px 5px}.graph__based____bar{width:78px}.bar-water{height:74px}.graph__based__results__wp{padding:20px 0}.rainforest_pdp_faq_wrapper{padding:40px 0}.bar-buoy{height:123px}.graph__based____content__nt{gap:8px;text-align:center}.graph__based____content_heading{font-size:24px;line-height:34px}.graph__based____content_paragraph{font-size:14px;line-height:21px}.graph__based____content_button drawer-open{margin:12px auto 0}.graph__based____x_axis,.graph__based____x_axis_dashed{width:231px}.graph__based____annotation{width:86px;font-size:12px;line-height:14px}.graph__based____arrow{width:83px;margin-top:5.44px}.graph__based__animated__nt{width:250px;height:232px}.graph__based____x_label{bottom:-21px;font-size:10px}.graph__based____y_label.y_label__two{top:10px}.graph__based____x_axis_dashed{top:126px}.graph__based____annotation.annotation-buoy .graph__based____arrow svg{height:74px}.annotation-water{top:-54px}.annotation-buoy{top:-84px}}
/*# sourceMappingURL=/cdn/shop/t/266/assets/page-lp-bwg-graph.css.map */