:root{--padding-large: 28px}.animated__graph__bars_wrapper.pageWrapper{padding-top:0}.animated__graph__bars{padding:0 64px}.animated__graph__bars_header h2{font-weight:550;font-size:64px;line-height:120%;color:#020b1e;max-width:1184px;margin:0 0 20px}.animated__graph__bars_header p{margin:32px 0 0;font-size:18px;color:#020b1e;letter-spacing:-.005em;line-height:150%}.animated__graph__bars_html{margin:128px auto 0;max-width:1488px}.animated__graph_pct span{font-size:192px;color:#11657c;letter-spacing:-.09px;line-height:100%;font-weight:600;position:absolute}.animated__graph_pct{font-size:192px;color:#11657c;letter-spacing:-.09px;line-height:100%;font-weight:600}.animated__graph_pct:first-child{position:relative}.animated__graph_pct:nth-child(-n+2){grid-area:1 / 1}.animated__graph_pct_wp{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:1fr;max-width:min-content;gap:8px}.animated__graph_pct:nth-child(2){visibility:hidden}.animated__graph_pct_message{font-family:Geist Mono,monospace;color:#020b1e;font-size:18px;font-weight:380;letter-spacing:-.09px;line-height:150%;max-width:432px}.animated__graph__bars_html_nt{display:flex;align-items:center;gap:128px}.animated__graph__bars_dsg{flex:1;display:flex;flex-direction:column;gap:20px}.animated__graph__barswp{position:relative}.animated__graph__bars_bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;justify-content:space-between}.animated__graph__bars_line{display:flex;flex-direction:column;position:relative}.animated__graph__bars_line:before{content:"";border-left:1px dashed #D4D4D4;height:100%}.animated__graph__bars_line div{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:14px;font-family:Geist Mono,monospace;letter-spacing:.05em;font-weight:500;color:#8e8e8e;line-height:150%}.animated__graph__bars_line:before{content:"";border-left:1px dashed #D4D4D4;height:calc(100% - var(--padding-large))}.animated__graph__bars_dsg_content{display:flex;flex-direction:column;gap:6px;padding:32px 0 56px}.animated__graph__bars_bar{height:48px;position:relative;overflow:hidden}.animated__graph__bars_bar>div{position:absolute;left:0;top:0;bottom:0;background-position:left;transition:width 2s cubic-bezier(.32,.68,.34,1);overflow:hidden;display:flex;align-items:center;gap:32px}.animated__graph__bars_label{font-size:20px;line-height:150%;color:#fff;margin:0 0 0 12px;font-weight:400;letter-spacing:-.09px;white-space:nowrap}.animated__graph__bars_bar>div{position:absolute;left:0;top:0;bottom:0;background-position:left;transition:width 2s cubic-bezier(.32,.68,.34,1);overflow:hidden;display:flex;align-items:center;gap:32px;background-size:auto 100%}.animated__graph__bars_bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px}.animated__graph__bars_keys{flex:1;display:flex;gap:20px}.animated__graph__bars_key{display:flex;align-items:center;gap:8px}.animated__graph__bars_square{min-width:24px;height:24px;background-size:cover}.animated__graph__bars_txt,.animated__graph__bars_bt_lbl{font-size:18px;line-height:150%;font-weight:600;color:#020b1e}.animated__graph__bars_bar>:nth-child(2){transition-delay:256ms}.animated__graph__bars_bar:not(.animate) div{width:0!important}.animated__graph__bars_value{font-size:14px;font-weight:400;letter-spacing:.05em;flex:1;text-align:right;line-height:150%;color:#fff;margin:0 12px 0 0;font-family:Geist Mono,helvetica}@media(max-width:1919px){.animated__graph__bars{padding:0 40px}.animated__graph__bars_header h2{font-size:59px;max-width:898px;margin:0 0 16px}.animated__graph__bars_html{margin:96px auto 0;max-width:1129px}.animated__graph__bars_html_nt{gap:96px}.animated__graph__bars_label{font-size:19px}.animated__graph__bars_header p{margin:24px 0 0;font-size:17px;max-width:668px}}@media screen and (max-width:1024px){.animated__graph__bars{padding:0 28px}.animated__graph__bars_html_nt{flex-wrap:wrap;gap:40px;flex-direction:column;align-items:stretch}.animated__graph_pct span,.animated__graph_pct{font-size:120px}.animated__graph__bars_html_nt>div{width:100%;max-width:100%}.animated__graph__bars_dsg{gap:14px}.animated__graph_pct_message{font-size:17px;max-width:100%}.animated__graph__bars_keys{gap:12px;flex-direction:column}.animated__graph__bars_txt,.animated__graph__bars_bt_lbl{font-size:17px}.animated__graph__bars_header h2{font-size:48px;max-width:100%;margin:0 0 14px}.animated__graph__bars_header p{margin:20px 0 0;font-size:17px;line-height:normal}.animated__graph__bars_html{margin:64px auto 0}.animated__graph__bars_label{font-size:19px}.animated__graph__bars_bottom{gap:16px}.animated__graph__bars_header p{max-width:529px}.animated__graph__bars_dsg_content{padding:20px 0 40px}}@media screen and (max-width:749px){.animated__graph__bars{padding:0 16px}.animated__graph__bars_header h2{font-size:39px;margin:0 0 12px}.animated__graph__bars_header p{margin:16px 0 0;font-size:15px}.animated__graph__bars_html{margin:32px auto 0}.animated__graph__bars_html_nt{gap:32px}.animated__graph__bars_label{font-size:17px}.animated__graph_pct_message,.animated__graph__bars_txt,.animated__graph__bars_bt_lbl{font-size:15px}.animated__graph__bars_value,.animated__graph__bars_line div{font-size:12px}:root{--padding-large: 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pdp3-v1-animated-bar-graph.css.map */