*,:after,:before{padding:0;margin:0;box-sizing:border-box;font-family:"Manrope",sans-serif}:root{--soft-cyan:#a5f3eb;--strong-cyan:#10d5c2;--thumb-hover:#7be9de;--thumb-grab:#25ada2;--light-grayish-red:#feece7;--light-red:#ff8c66;--pale-blue:#bdccff;--white:#fff;--very-pale-blue:#fafbff;--very-light-grayish-blue:#eaeefb;--light-grayish-blue:#cdd7ee;--grayish-blue:#858fad;--dark-desaturated-blue:#293356}body{background:#fafbff url(/interactive-pricing-component/static/media/bg-pattern.76d3fa7d.svg) no-repeat;background:var(--very-pale-blue) url(/interactive-pricing-component/static/media/bg-pattern.76d3fa7d.svg) no-repeat;min-height:100vh;height:100%}.App{min-height:100vh;height:100%}.App,.title{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.title{margin-bottom:5.75rem;position:relative}.circles{position:absolute;z-index:0}h1{margin-bottom:.75rem;font-size:1.75rem;text-align:center;color:#293356;color:var(--dark-desaturated-blue);z-index:10}.p-container{display:-webkit-flex;display:flex;z-index:10}.title p{color:#858fad;color:var(--grayish-blue)}.title p:first-child{margin-right:.25rem}.pricing{-webkit-justify-content:space-between;justify-content:space-between;height:25rem;width:33.875rem;background-color:#fff;background-color:var(--white);border-radius:.5rem;box-shadow:0 1rem 2rem 0 #cdd7ee;box-shadow:0 1rem 2rem 0 var(--light-grayish-blue);overflow:hidden}.pricing,.primary{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.primary{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;padding:1.25rem 3rem;height:16.5rem;border-bottom:1px solid #eaeefb;border-bottom:1px solid var(--very-light-grayish-blue);color:#858fad;color:var(--grayish-blue)}.top{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:6rem;margin-bottom:1.25rem}.pageviews{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.pageviews,.price{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.price strong{font-size:2.5rem;color:#293356;color:var(--dark-desaturated-blue);margin-right:.5rem}.slider{width:100%;-webkit-appearance:none;height:.5rem;border-radius:.25rem;background:#eaeefb;background:var(--very-light-grayish-blue);outline:none;opacity:1;transition:opacity .2s;margin-bottom:3.25rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.5rem;height:2.5rem;border:none;border-radius:50%;position:relative;top:-1rem;background:#10d5c2 url(/interactive-pricing-component/static/media/icon-slider.cbca35e0.svg) no-repeat 50%;background:var(--strong-cyan) url(/interactive-pricing-component/static/media/icon-slider.cbca35e0.svg) no-repeat 50%;cursor:-webkit-grab;cursor:grab;box-shadow:0 1rem 1rem 0 #a5f3eb;box-shadow:0 1rem 1rem 0 var(--soft-cyan);-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.slider::-webkit-slider-thumb:hover{background-color:#7be9de;background-color:var(--thumb-hover)}.slider::-webkit-slider-thumb:active{background-color:#25ada2;background-color:var(--thumb-grab);cursor:-webkit-grabbing;cursor:grabbing}input[type=range]{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min))/var(--range));--sx:calc(5px + var(--ratio)*(100% - 10px))}input[type=range]::-webkit-slider-runnable-track{height:.5rem;border-radius:.5em;background:#eaeefb;background:var(--very-light-grayish-blue);background:linear-gradient(#a5f3eb,#a5f3eb) 0/var(--sx) 100% no-repeat,#eaeefb;background:linear-gradient(var(--soft-cyan),var(--soft-cyan)) 0/var(--sx) 100% no-repeat,var(--very-light-grayish-blue)}.slider::-moz-range-progress{background-color:#a5f3eb;background-color:var(--soft-cyan);height:.5rem;border-radius:.25rem}.slider::-moz-range-thumb{width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#10d5c2 url(/interactive-pricing-component/static/media/icon-slider.cbca35e0.svg) no-repeat 50%;background:var(--strong-cyan) url(/interactive-pricing-component/static/media/icon-slider.cbca35e0.svg) no-repeat 50%;cursor:grab;box-shadow:0 1rem 1rem 0 #a5f3eb;box-shadow:0 1rem 1rem 0 var(--soft-cyan);-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}.slider::-moz-range-thumb:hover{background-color:#7be9de;background-color:var(--thumb-hover)}.slider::-moz-range-thumb:active{background-color:#25ada2;background-color:var(--thumb-grab);cursor:grabbing}.billing{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.billing p{font-size:12px}.billing .discount{background-color:#feece7;background-color:var(--light-grayish-red);height:1.125rem;border-radius:.5rem;padding:.25rem .375rem;font-size:.625rem;line-height:.625rem;font-weight:700;color:#ff8c66;color:var(--light-red);margin:0 1rem 0 .625rem}.d-std{display:inline-block}.d-alt{display:none}.checkbox{-webkit-appearance:none;appearance:none;background-color:#cdd7ee;background-color:var(--light-grayish-blue);border:none;border-radius:.6875rem;width:2.75rem;height:1.375rem;position:relative;cursor:pointer;margin:0 1rem;transition:background-color .1s ease-in-out}.checkbox:hover{background-color:#a5f3eb;background-color:var(--soft-cyan)}.checkbox:before{content:"";width:.875rem;height:.875rem;border-radius:50%;background-color:#fff;background-color:var(--white);position:absolute;top:.25rem;left:.25rem;transition:left .1s ease-in-out}.checkbox:checked{background-color:#10d5c2;background-color:var(--strong-cyan)}.checkbox:checked:before{left:1.625rem}.secondary{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 2.75rem 0 3rem;height:8.5rem}.checklist p{color:#858fad;color:var(--grayish-blue);font-size:12px}.checklist svg{margin:.125rem 1rem 0 0}.check{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin-bottom:.5rem}button{height:2.5rem;width:10.75rem;border:none;border-radius:1.75rem;background-color:#293356;background-color:var(--dark-desaturated-blue);color:#bdccff;color:var(--pale-blue);cursor:pointer;transition:color .1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}button:hover{color:#fafbff;color:var(--very-pale-blue)}@media screen and (min-height:700px){.pricing{margin-bottom:2.5rem}}@media screen and (max-height:660px){.title{margin:1rem 0 3.5rem}}@media screen and (max-height:630px){.title{margin:3rem 0 3.5rem}}@media screen and (max-width:580px){.App{padding:5.5rem 1.5rem}h1{margin-bottom:.625rem;font-size:1.25rem}.title{margin:0 0 4rem}.p-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.title p{margin-bottom:.25rem;font-size:13px}.primary{padding:2.125rem 1.5rem 2.375rem;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;position:relative;height:-webkit-min-content;height:min-content}.pageviews{font-size:.75rem;margin-bottom:5.5rem}.top{height:-webkit-min-content;height:min-content;margin-bottom:2.125rem}.slider{position:absolute;width:84%;top:5.6875rem}.price strong{font-size:2rem}.price p{font-size:.875rem}.pricing{width:100%;height:-webkit-max-content;height:max-content}.top{-webkit-flex-direction:column;flex-direction:column}.billing{position:relative;width:100%}.checkbox{margin:0 .75rem}.billing p{width:5.75rem}.billing p:first-child{text-align:right}.billing .discount{position:absolute;margin:0 0 0 .25rem}.d-std{display:inline-block}.d-alt{display:none}.secondary{padding:1.5rem 3rem 2rem;height:-webkit-min-content;height:min-content}.checklist,.secondary{-webkit-flex-direction:column;flex-direction:column}.checklist{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:1.375rem}.check{margin-bottom:.625rem}.checklist svg{margin:0 1rem 0 0}}@media screen and (max-width:490px){.d-std{display:none}.d-alt{display:inline-block}.checkbox{margin:0 .5rem}}
/*# sourceMappingURL=main.217d946f.chunk.css.map */