.graph-section{position:relative;padding:5rem 0;overflow:hidden}.graph-section__inner{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem;text-align:center}.graph-section__title{font-size:2rem;font-weight:700;margin-bottom:1rem}.graph-section__subheading{font-size:1rem;margin-bottom:3rem;color:#666}.graph-section__chart{position:relative;width:100%;height:400px;display:flex;align-items:flex-end}.graph-section__line-container{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.graph-section__curve-line{position:absolute;bottom:0;height:100%;width:100%;background:linear-gradient(to right,#8b3dff 0% 100%);clip-path:path("M0 75% C25% 60%, 50% 45%, 100% 25% L100% 100% L0 100% Z");opacity:.1;animation:grow-curve 2s ease forwards}@keyframes grow-curve{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.graph-section__point-block{position:absolute;transform:translate(-50%,-100%);width:180px;background-color:#231933;color:#fff;padding:16px 24px;border-radius:10px;opacity:0}section.graph-section.animate .graph-section__point-block{animation:fade-in .8s ease forwards}@keyframes fade-in{to{opacity:1;transform:translate(-50%,-110%)}}.graph-section__point-heading{font-size:.75rem;text-transform:uppercase;opacity:.7}.graph-section__point-text{font-size:1.1rem;font-weight:600}.graph-section__points{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between}.graph-section__point{position:relative;width:12px;height:12px;background-color:#1e1b25;border-radius:50%}.graph-section__point--active{background-color:#8b3dff;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #8b3dff66}70%{box-shadow:0 0 0 15px #8b3dff00}to{box-shadow:0 0 #8b3dff00}}.graph-section__ruler{position:absolute;bottom:0;left:0;width:100%;height:20px;display:flex;justify-content:space-between}.graph-section__division{display:flex;flex-direction:row;gap:2px}.graph-section__tick{width:1px;height:100%;background-color:#888;opacity:.5}@media screen and (max-width: 768px){.graph-section__chart{height:auto}.graph-section__point-block{position:relative;margin-bottom:1rem;left:auto!important;top:auto!important;transform:none!important}.graph-section__ruler{display:none}}.graph-section__division{width:100%;justify-content:space-between;height:25px;align-items:flex-end}.graph-section__tick:nth-child(4){height:25px}.graph-section__tick{height:15px}.graph-section__ruler{height:25px}svg.graph-section__line{position:absolute}.graph-section__inner.page-width{max-width:100%;padding:0 20px;max-width:1300px;margin:0 auto}.graph-section__point-block{position:relative;left:auto!important;bottom:auto!important;transform:none!important}.graph-section__point-block-container{width:100%;display:flex;justify-content:space-between;padding-right:60px}.graph-section__chart{flex-direction:column;justify-content:flex-end;height:100%}.graph-section--line-container{width:100%;height:100%;display:flex}.graph-section--line-container svg{width:100%}.graph-section__ruler{bottom:0}.graph-section__point{position:relative;left:auto!important;margin-left:0;border-radius:0;width:1px}.graph-section__point{position:relative;left:auto!important;margin-left:0;border-radius:0;width:1px;transition:1s ease forwards;height:0%}@media screen and (min-width: 768px){section.graph-section.animate .graph-section__point{animation:rise 1s ease forwards}}@media screen and (max-width: 768px){section.graph-section.animate .graph-section__point{animation:rise-mobile 1s ease forwards}}.graph-section__points{z-index:2;height:300px;align-items:flex-end}.graph-section__point:before{content:"";width:1px;background:#000;position:absolute}.graph-section__point:before{content:"";width:12px;height:12px;border-radius:50%;margin-left:-6px}.graph-section__point.graph-section__point--active{max-height:100%!important}@keyframes rise{to{height:100%;opacity:1}}@keyframes rise-mobile{to{width:100%;opacity:1}}.graph-section__point.graph-section__point--active{background:#000}.graph-section__point.graph-section__point--active:before{background:#8b3dff;z-index:1}.graph-section__point:before{position:absolute}.graph-section__point.graph-section__point--active:after{background:#7602a41a;content:"";width:40px;height:40px;border-radius:50%;position:absolute;margin-left:0;z-index:0;left:50%;transform:translate(-50%);top:-14px}.graph-section__point-block{border-radius:8px;background:#2a1f2f;text-align:left;line-height:1.5em;width:100%;max-width:220px}.graph-section__point-text{font-size:24px;font-weight:400;line-height:1.3em}.graph-section__point-heading{color:#fffc;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-transform:uppercase}h2.graph-section__title{color:var(--BLACK, #282828);text-align:center;font-family:Poppins;font-size:40px;font-style:normal;font-weight:600;line-height:48px;letter-spacing:-1px}.graph-section__subheading{color:#282828cc;text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px}section.graph-section{padding-bottom:0;background:#fff}.graph-section__point-block:last-child{max-width:260px}svg.graph-section__line{stroke-dasharray:1320;stroke-dashoffset:1320;transition:stroke-dashoffset 4s ease-out}.animate svg.graph-section__line{stroke-dashoffset:0}@media screen and (max-width: 768px){svg.graph-section__line{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 4s ease-out}.animate svg.graph-section__line{stroke-dashoffset:0}}@media screen and (max-width: 768px){.graph-section__points{left:0;flex-direction:column;width:70px;height:100%;align-items:flex-start}.graph-section__ruler{display:block;display:flex}.graph-section__point-block-container{flex-direction:column;padding-left:90px;padding-top:10px;padding-right:30px;gap:50px}.graph-section__point-block{max-width:100%!important}.graph-section__point-heading{font-size:16px}.graph-section__point{max-width:70px;width:0;height:1px!important}.graph-section__point:before{right:0;margin-left:0;top:-5.5px}.graph-section--line-container.mobile-only{width:70px;position:absolute;z-index:22}.graph-section__chart{justify-content:flex-start;align-items:flex-start;margin-bottom:20px;min-height:600px}.graph-section__inner.page-width{padding:0}h2.graph-section__title,.graph-section__subheading{padding:0 20px}.graph-section__point-block{margin-bottom:0;display:flex;flex-direction:column;gap:8px;padding:18px 20px}.graph-section--line-container svg.graph-section__line{left:2px}.graph-section--line-container svg{position:absolute;left:-4px;height:100%}.graph-section__point.graph-section__point--active:after{transform:none;left:auto;right:-9px;top:-15px;width:30px;height:30px}.graph-section__ruler{flex-direction:column;width:25px;height:100%;left:-4px}.graph-section__division{width:25px;flex-direction:column;height:100%;align-items:flex-start}.graph-section__tick{width:15px;height:1px}.graph-section__tick:nth-child(4){height:1px;width:25px}.graph-section__point-block:nth-child(1){margin-left:-30px}.graph-section__point-block:nth-child(2){margin-left:-20px}.graph-section__point-block:nth-child(3){margin-left:-10px}.graph-section__point-block:nth-child(4){margin-left:0}.graph-section__point-text{font-size:22px}.graph-section__point:nth-child(1){max-width:50%}.graph-section__point:nth-child(2){max-width:60%}.graph-section__point:nth-child(3){max-width:70%}.graph-section__point:nth-child(4){max-width:80%}}@media screen and (min-width: 769px){.mobile-only{display:none!important}}@media screen and (max-width: 768px){.desktop-only{display:none!important}}@media screen and (max-width: 400px){.graph-section__point-text{font-size:20px}.graph-section__point-block{min-height:100px;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/279/compiled_assets/styles.css.map */