.custom-growth-stats{padding-block-start:64px;background-color:#111}@media screen and (min-width: 600px){.custom-growth-stats{padding-block-start:80px}}.custom-growth-stats .title-wrap{padding-bottom:40px;display:grid;gap:24px}@media screen and (min-width: 600px){.custom-growth-stats .title-wrap{padding-bottom:64px;gap:32px}}.custom-growth-stats .title-wrap .tagline{margin:0;color:#3ddcc0;text-align:center;font-family:Pretendard;font-size:16px;font-weight:300;line-height:normal;letter-spacing:1.6px}@media screen and (min-width: 600px){.custom-growth-stats .title-wrap .tagline{font-size:18px;letter-spacing:1.8px}}.custom-growth-stats .title-wrap .title{margin:0;text-align:center;font-family:Pretendard;font-size:34px;font-style:normal;font-weight:500;line-height:46px;color:#fff}@media screen and (min-width: 600px){.custom-growth-stats .title-wrap .title{font-size:40px;line-height:52px}}.custom-growth-stats .content{display:grid;gap:32px}@media screen and (min-width: 600px){.custom-growth-stats .content{gap:40px}}.custom-growth-stats .content .item{display:grid;align-items:center;justify-content:center;text-align:center;gap:8px}@media screen and (min-width: 600px){.custom-growth-stats .content .item{gap:12px}}.custom-growth-stats .content .item .label{color:var(--b-w-gray-500, #999);font-family:Pretendard;font-size:14px;font-weight:400;line-height:14px}@media screen and (min-width: 600px){.custom-growth-stats .content .item .label{font-size:15px;font-weight:400}}.custom-growth-stats .content .item .value{color:var(--b-w-gray-50, #FFF);font-family:Jost;font-size:40px;font-weight:500;line-height:40px}.custom-growth-stats .content .item .value>span{font-weight:600}.custom-growth-stats .graph{padding:0 0 64px;margin-top:48px;position:relative;// .target-line path{// stroke-dasharray: 4 4;// stroke-dashoffset: 1;// opacity: 0;// transition: opacity 1s ease-out,stroke-dashoffset 2s ease-out;//}// .target-line path.animated{// opacity: 1;// stroke-dashoffset: 0;//}}@media screen and (min-width: 600px){.custom-growth-stats .graph{padding:0 0 96px}}.custom-growth-stats .graph .graph-header{padding:0 16px}.custom-growth-stats .graph .graph-header .date{color:var(--b-w-gray-500, #999);font-family:Pretendard;font-size:14px;font-weight:500;line-height:14px}@media screen and (min-width: 600px){.custom-growth-stats .graph .graph-header .date{padding:10px 0;font-size:18px}}.custom-growth-stats .graph .graph-header .line-guide-row{margin-top:20px;display:flex;justify-content:space-between}.custom-growth-stats .graph .graph-header .line-guide-row .line-guide{display:flex;align-items:center;gap:12px;color:#999;font-family:Pretendard;font-size:12px;font-weight:400;line-height:10px}@media screen and (min-width: 600px){.custom-growth-stats .graph .graph-header .line-guide-row .line-guide{font-size:14px;line-height:normal}}.custom-growth-stats .graph .graph-header .line-guide-row .line-guide .item{display:flex;align-items:center;gap:6px}.custom-growth-stats .graph .graph-header .line-guide-row .unit{font-family:Pretendard;font-size:12px;font-weight:400;line-height:10px;letter-spacing:-.012px;color:var(--b-w-gray-600, #666)}@media screen and (min-width: 600px){.custom-growth-stats .graph .graph-header .line-guide-row .unit{font-size:14px;line-height:normal;letter-spacing:-.014px}}.custom-growth-stats .graph .container{margin:28px auto 0;position:relative;aspect-ratio:340 / 220;width:calc(100% - 20px);height:100%}@media screen and (min-width: 600px){.custom-growth-stats .graph .container{margin:24px auto 0}}.custom-growth-stats .graph .container:before{content:"";position:absolute;left:0;top:0;width:60px;height:100%;background:linear-gradient(to left,#1110,#1111114d 40%,#111 90% 100%);z-index:10;pointer-events:none}.custom-growth-stats .graph .container:after{content:"";position:absolute;right:0;top:0;width:60px;height:100%;background:linear-gradient(to right,#1110,#1111114d 40%,#111 90% 100%);// background: linear-gradient(to left,rgba(17,17,17,.8),transparent);// background: linear-gradient(90deg,rgba(17,17,17,0) 0%,rgba(17,17,17,.3) 40%,#111 90%,#111 100%);z-index:10;pointer-events:none}.custom-growth-stats .graph .container .container-bg{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.custom-growth-stats .graph .container .container-bg>.line{width:100%;height:1px;background:#fff;opacity:.1}.custom-growth-stats .graph .container>.line{position:absolute;// width: calc(100% - 32px);// height: 100%}.custom-growth-stats .graph .container>.w-full{position:absolute;width:100%;height:100%}.custom-growth-stats .graph .container .dim{position:absolute;width:100%;height:100%;background:linear-gradient(270deg,#ffffff1a,#fff 46.62%,#ffffff1a)}.custom-growth-stats .graph .container .svg-desktop{display:none}@media screen and (min-width: 600px){.custom-growth-stats .graph .container .svg-mobile{display:none}.custom-growth-stats .graph .container .svg-desktop{display:block}}.custom-growth-stats .graph .green-gradation,.custom-growth-stats .graph .puple-gradation{opacity:0;transition:opacity 2s ease-out}.custom-growth-stats .graph .green-gradation.animated,.custom-growth-stats .graph .puple-gradation.animated{opacity:1}.custom-growth-stats .graph .green-line path,.custom-growth-stats .graph .puple-line path{stroke-dasharray:1000;stroke-dashoffset:1000;opacity:1;transition:stroke-dashoffset 3s ease-out}.custom-growth-stats .graph .green-line path.animated,.custom-growth-stats .graph .puple-line path.animated{stroke-dashoffset:0}.custom-growth-stats .graph .target-line{transform:translateY(100%);transition:transform .6s ease-out}.custom-growth-stats .graph .target-line.animated{transform:translateY(0)}.custom-growth-stats .graph .target-point{opacity:0;transition:opacity 1s ease-out}.custom-growth-stats .graph .target-point.animated{opacity:1}.custom-growth-stats .graph .target-point.pulse{animation:pulse2 2s ease-out infinite}.custom-growth-stats .graph .point-text{opacity:0;transition:opacity 1s ease-out}.custom-growth-stats .graph .point-text.animated{opacity:1}.custom-growth-stats .graph .years{margin-top:10px;padding:0 9.722vw;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 600px){.custom-growth-stats .graph .years{margin-top:12px;padding:0 64px}}.custom-growth-stats .graph .years .year-item{font-family:Pretendard;font-size:14px;font-weight:500;line-height:normal;letter-spacing:-.014px;color:var(--b-w-gray-500, #999)}@media screen and (min-width: 600px){.custom-growth-stats .graph .years .year-item{font-size:16px;letter-spacing:-.016px}}@keyframes pulse2{0%{opacity:1}50%{opacity:.4}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/custom-growth-stats.css.map */