.box-graph{margin-bottom:200px;position:relative;z-index:2}.box-graph path{stroke-width:2}.box-graph .path_wave{transition:fill .3s ease;fill:transparent;cursor:pointer}.box-graph .path_red{stroke:#bd111f}.box-graph .path_yellow{stroke:#e79b0a}.box-graph .path_green{stroke:#11eb68}.box-graph .path_blue{stroke:#0246cc}.box-graph.over-red-1 .path_wave_red_1,.box-graph.over-red-2 .path_wave_red_2{fill:#bd111f33}.box-graph.over-yellow-1 .path_wave_yellow_1,.box-graph.over-yellow-2 .path_wave_yellow_2{fill:#e79b0a33}.box-graph.over-green-1 .path_wave_green_1,.box-graph.over-green-2 .path_wave_green_2{fill:#11eb6833}.box-graph.over-blue-1 .path_wave_blue_1,.box-graph.over-blue-2 .path_wave_blue_2{fill:#0246cc33}.box-graph{height:200vh;top:0;z-index:1;width:100%}.box-graph .img{transition:all .1s;position:relative}.box-graph .img{position:sticky;transition:all .1s;max-width:none}#scroll{padding-top:180px;transition:all .1s;position:relative;overflow-x:hidden}.box-graph .box-content{margin-bottom:0;position:-webkit-sticky;position:sticky;top:21%;transition:all .3s}.box-graph .dot{min-width:260px;z-index:9;position:absolute}.box-graph .dot .dot-content{z-index:1;width:100%;padding-bottom:20px;position:relative;opacity:0;visibility:hidden;transition:all .3s linear}.box-graph .dot .dot-marker{cursor:pointer;z-index:2;transition:all .3s;content:"";width:16px;height:16px;border-radius:100%;border:1px solid #0f1419;position:absolute;left:-8px;bottom:-8px}.box-graph .dot .dot-content--title{font-weight:600;white-space:nowrap;font-size:32px;letter-spacing:.01em;line-height:111%}.box-graph .dot .dot-content--desc{transition:all .3s linear;line-height:24px;font-weight:400;padding-top:16px;opacity:1}.box-graph.over-red-1 .dot-red-1 .dot-marker,.box-graph.over-red-2 .dot-red-2 .dot-marker,.box-graph.over-yellow-1 .dot-yellow-1 .dot-marker,.box-graph.over-yellow-2 .dot-yellow-2 .dot-marker,.box-graph.over-green-1 .dot-green-1 .dot-marker,.box-graph.over-green-2 .dot-green-2 .dot-marker,.box-graph.over-blue-1 .dot-blue-1 .dot-marker,.box-graph.over-blue-2 .dot-blue-2 .dot-marker{width:22px;height:22px;bottom:-11px;left:-11px;border:3px solid #fff}.box-graph.over-red-1 .dot-red-1 .dot-content,.box-graph.over-red-2 .dot-red-2 .dot-content,.box-graph.over-yellow-1 .dot-yellow-1 .dot-content,.box-graph.over-yellow-2 .dot-yellow-2 .dot-content,.box-graph.over-green-1 .dot-green-1 .dot-content,.box-graph.over-green-2 .dot-green-2 .dot-content,.box-graph.over-blue-1 .dot-blue-1 .dot-content,.box-graph.over-blue-2 .dot-blue-2 .dot-content{padding-bottom:40px;opacity:1;visibility:visible}.box-graph.over-red-1 .dot-red-1 .dot-content--desc,.box-graph.over-red-2 .dot-red-2 .dot-content--desc,.box-graph.over-yellow-1 .dot-yellow-1 .dot-content--desc,.box-graph.over-yellow-2 .dot-yellow-2 .dot-content--desc,.box-graph.over-green-1 .dot-green-1 .dot-content--desc,.box-graph.over-green-2 .dot-green-2 .dot-content--desc,.box-graph.over-blue-1 .dot-blue-1 .dot-content--desc,.box-graph.over-blue-2 .dot-blue-2 .dot-content--desc{opacity:1}.box-graph .dot-green .dot-marker{background:#13c926}.box-graph .dot-yellow .dot-marker{background:#e79b09}.box-graph .dot-red .dot-marker{background:#bd111f}.box-graph .dot-blue .dot-marker{background:#0246cc}.box-graph .dot-green-1{bottom:349px;left:115px}.box-graph .dot-green-2{bottom:380px;left:2018px}.box-graph .dot-yellow-1{bottom:200px;left:426px}.box-graph .dot-yellow-2{bottom:191px;left:1703px}.box-graph .dot-red-1{bottom:380px;left:723px}.box-graph .dot-red-2{bottom:340px;left:1384px}.box-graph .dot-blue-1{bottom:222px;left:1042px}.box-graph .dot-blue-2{bottom:223px;left:2328px}.box-graph.s0 .dot-green-1 .dot-content,.box-graph.s1 .dot-yellow-1 .dot-content,.box-graph.s2 .dot-red-1 .dot-content,.box-graph.s3 .dot-blue-1 .dot-content,.box-graph.s4 .dot-red-2 .dot-content,.box-graph.s5 .dot-yellow-2 .dot-content,.box-graph.s6 .dot-green-2 .dot-content,.box-graph.s7 .dot-blue-2 .dot-content{opacity:1;padding-bottom:40px;visibility:visible}.box-graph.s6 .dot-green-2 .dot-content{padding-bottom:30px}.box-graph .dot .dot-content--desc{opacity:1}.background-plot{z-index:0;width:100%;height:100%;top:0;position:absolute;justify-content:space-around;display:flex}.bg-plot-item{min-height:633px;margin-left:2vh;width:1px;min-width:1px;background:linear-gradient(0deg,#ea6cff37,#e0620680 51.23%,#c106e037 101.45%)}.box-section-before{margin-top:20px}.box-section-after{margin-bottom:20px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/style-graph.css.map */