:root{--growth-chart-row-height:50px;--growth-chart-dot-size:9px;--label-wrapper-width:116px}@media (min-width:480px){:root{--label-wrapper-width:128px}}@media (min-width:640px){:root{--growth-chart-row-height:60px;--growth-chart-dot-size:10px;--label-wrapper-width:140px}}@media (min-width:960px){:root{--growth-chart-row-height:80px;--growth-chart-dot-size:12px;--label-wrapper-width:160px}}.growth-chart{display:flex;gap:16px;margin:0 auto;max-width:1024px;width:100%}.growth-chart__labels{color:var(--blue-600);font-size:var(--sm-font-size);font-weight:500;line-height:calc(var(--growth-chart-row-height) + 1px);margin-top:calc(var(--growth-chart-row-height)/-2 - 1px);text-align:right}.growth-chart__rows{display:flex;flex:1;flex-direction:column;gap:1px;position:relative}.growth-chart__row{background-color:#fff;height:var(--growth-chart-row-height)}.growth-chart__dots{height:100%;left:0;position:absolute;top:0;width:100%}.growth-chart__dot-wrapper{cursor:pointer;height:calc(var(--growth-chart-dot-size)*4);margin-left:calc(var(--growth-chart-dot-size)*-2 - 2px);padding:calc(var(--growth-chart-dot-size)*1.5);position:absolute;width:calc(var(--growth-chart-dot-size)*4)}.growth-chart__dot-wrapper:not(.active):hover{background-color:var(--blue-50);border-radius:50%}.growth-chart__dot-wrapper:hover .growth-chart__dot{background-color:var(--blue-200)}.growth-chart__dot{background-color:var(--gray-200);border-radius:50%;height:var(--growth-chart-dot-size);width:var(--growth-chart-dot-size)}.growth-chart__dot-wrapper:first-child{left:12.14286%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4)}.growth-chart__dot-wrapper:nth-child(2){left:27.28571%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4*1.8)}.growth-chart__dot-wrapper:nth-child(3){left:42.42857%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4*1.8*1.8)}.growth-chart__dot-wrapper:nth-child(4){left:57.57143%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4*1.8*1.8*1.8)}.growth-chart__dot-wrapper:nth-child(5){left:72.71429%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4*1.8*1.8*1.8*1.8)}.growth-chart__dot-wrapper:nth-child(6){left:87.85714%;top:calc(var(--growth-chart-row-height)*5 - var(--growth-chart-row-height)/4*1.8*1.8*1.8*1.8*1.8)}.growth-chart__label-wrapper{left:calc(var(--growth-chart-dot-size)*2 - var(--label-wrapper-width)/2);pointer-events:none;position:absolute;text-align:center;top:40px;touch-action:none;width:var(--label-wrapper-width)}.growth-chart__label{background-color:var(--blue-600);color:#fff;display:inline-block;font-size:var(--sm-font-size);font-weight:700;margin-top:9px;opacity:0;padding:8px 12px;text-align:center;transition:opacity .6s}.growth-chart__label:after{border-color:transparent transparent var(--blue-600) transparent;border-radius:20%;border-style:solid;border-width:0 10px 10px;content:"";height:0;left:50%;margin-left:-10px;position:absolute;top:0;width:0}.growth-chart__dot-wrapper.active .growth-chart__dot{background-color:var(--blue-600)}.growth-chart__dot-wrapper.active .growth-chart__label{opacity:1}