@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;600;700&display=swap");.chart-container{font-family:Nunito,Libre Franklin,sans-serif;font-size:12.8px;font-size:.8rem;color:#505d6f;font-weight:400;width:80%;max-width:700px;margin:0 auto}.chart{padding-top:1rem}.chart.axis line,.chart.axis path{stroke:#e4e4e6}.chart.axis text{fill:#a5a6ae}.optimal{position:absolute;width:30px;text-align:center;fill:#164d8c;font-size:11.2px;font-size:.7rem;font-weight:400}.optimal span{font-weight:700}.line{stroke-width:2px}.line.dynamic{stroke:#4a90e2}.line.static{stroke:#ff6c40}.line.conversion{stroke:#ffe700}.line.visitors{stroke:#2cd9c5}.rect{fill:#4a90e2}.rect.highlight{fill:#164d8c}.rect.over{fill:#091e38}.area{fill:url(#area-stripes)}.daytime text{fill:#505d6f;font-size:11.2px;font-size:.7rem}.daytime .label{text-transform:uppercase}.daytime line{stroke:#a5a6ae}.sliderContainer text{font-family:Nunito,Libre Franklin,sans-serif;fill:#505d6f}.sliderContainer .action{-webkit-transform:translate(-40px,-32px);transform:translate(-40px,-32px);font-size:11.2px;font-size:.7rem}.sliderContainer .axis{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.sliderContainer .tick line{stroke:transparent}.sliderContainer .tick text{opacity:1;font-weight:400}.sliderContainer .tick.t-0 text{-webkit-transform:translateX(-30px);transform:translateX(-30px)}.sliderContainer .tick.t-1 text{-webkit-transform:translateX(30px);transform:translateX(30px)}.sliderContainer .track{stroke:#e4e4e6}.sliderContainer .track-inset{stroke:transparent}.sliderContainer .parameter-value path{stroke:#a5a6ae;fill:rgba(165,166,174,.2);outline:0}.sliderContainer .parameter-value circle{fill:#a5a6ae}.sliderContainer .parameter-value text{-webkit-transform:translateY(-50px);transform:translateY(-50px);font-size:11.2px;font-size:.7rem;font-weight:700}.overlay{fill:none;pointer-events:all}.tip-elements line{stroke:#64747e}.tip-elements circle{stroke:#fff;stroke-width:6px;-webkit-filter:url(#shadow);filter:url(#shadow)}.tip-elements circle.static{fill:#ff6c40}.tip-elements circle.dynamic{fill:#4a90e2}.tip-elements circle.conversion{fill:#ffe700}.tip-elements circle.visitors{fill:#2cd9c5}.tip-pop{font-size:11.2px;font-size:.7rem;font-weight:600;color:#505d6f;position:absolute;text-align:center;width:30px;height:auto;padding:6px 10px;background:#fff;border:0;border-radius:3px;pointer-events:none;-webkit-filter:drop-shadow(rgba(165,166,174,.3) 0 2px 12px);filter:drop-shadow(rgba(165,166,174,.3) 0 2px 12px)}.tip-pop.down:after{content:"";position:absolute;left:0;right:0;top:25px;margin:0 auto;width:0;height:0;border:8px solid transparent;border-top:10px solid #fff}.tip-pop.down.dynamic,.tip-pop.down.revenue{border-bottom:2px solid #4a90e2}.tip-pop.down.visitors{border-bottom:2px solid #2cd9c5}.tip-pop.up:after{content:"";position:absolute;left:0;right:0;top:-18px;margin:0 auto;width:0;height:0;border:8px solid transparent;border-bottom:10px solid #fff}.tip-pop.up.conversion{border-top:2px solid #ffe700}.tip-pop.up.static{border-top:2px solid #ff6c40}.tooltip{height:200px;width:300px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.3);box-shadow:0 5px 15px 0 rgba(0,0,0,.3)}.tooltip,.tooltip__arrow{position:absolute;left:50%}.tooltip__arrow{width:50px;height:25px;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden}.tooltip__arrow:after{content:"";position:absolute;width:20px;height:20px;background:#fff;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%;-webkit-box-shadow:1px 1px 20px 0 rgba(0,0,0,.6);box-shadow:1px 1px 20px 0 rgba(0,0,0,.6)}.chart-header{padding:6px 0;border-bottom:1px solid #a5a6ae;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.chart-header,.chart-header .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-direction:normal}.chart-header .main{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.chart-header .main .title{font-weight:700;font-size:14.4px;font-size:.9rem}.chart-header .main .subtitle{font-size:11.2px;font-size:.7rem}.chart-header .main .subtitle tspan{font-weight:700}.chart-header .legend{-ms-flex-item-align:end;align-self:flex-end}.chart-header .legend,.chart-header .legend .cell{display:-webkit-box;display:-ms-flexbox;display:flex}.chart-header .legend .cell{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.chart-header .legend .cell .figures{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 0}.chart-header .legend .cell .figures .figure{font-weight:700;font-size:14.4px;font-size:.9rem}.chart-header .legend .cell .figures .figure tspan{font-weight:400;font-size:11.2px;font-size:.7rem}.chart-header .legend .cell .figures .variation{background-color:#e4e4e6;border-radius:3px;margin-left:6px;padding:3px;font-size:11.2px;font-size:.7rem;font-weight:700}.chart-header .legend .cell .figures .variation.dynamic{display:none}.chart-header .legend .cell .figures .variation tspan{color:#ff6c40}.chart-header .legend .cell .text{font-size:8px;font-size:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chart-header .legend .cell .text:before{content:"";display:block;border-radius:50%;width:8px;height:8px;margin-right:4px}.chart-header .legend .cell .text.static:before{background-color:#ff6c40}.chart-header .legend .cell .text.dynamic:before,.chart-header .legend .cell .text.revenue:before{background-color:#4a90e2}.chart-header .legend .cell .text.conversion:before{background-color:#ffe700}.chart-header .legend .cell .text.visitors:before{background-color:#2cd9c5}@media (min-width:100px) and (max-width:600px){.chart-container{width:96%}.chart-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.daytime text{font-size:.6rem}}.content .intro{width:80%;margin:40px auto;font-family:Nunito,Libre Franklin,sans-serif;font-size:11.2px;font-size:.7rem;line-height:1.5;color:#505d6f;font-weight:400;padding-top:40px}