.BillingHeroAnimationContainer{position:relative;min-width:0;height:100%}.BillingHeroAnimation{--billingHeroAnimationHeight:525px;--billingHeroAnimationWidth:540px;--billingHeroAnimationSliderColor:#edf1f5;--billingHeroAnimationSliderHeight:3px;--billingHeroAnimationProfessionalColor:#15be53;--billingHeroAnimationStarterColor:#fab000;--billingHeroAnimationEnterpriseColor:#09cbcb;position:relative;height:var(--billingHeroAnimationHeight);width:var(--billingHeroAnimationWidth);font-size:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:0;left:0}.BillingHeroAnimation span{display:block}@media (min-width:600px){.BillingHeroAnimation{position:absolute}}.BillingHeroAnimation .Card{width:100%;height:100%;background:linear-gradient(#edf1f5,#edf1f5 36.5714286%,#f6f9fc 36.5714287%,#f6f9fc);display:flex;flex-direction:column}.BillingHeroAnimation__header{background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px var(--columnPaddingNormal)}.BillingHeroAnimation__typographic{font:var(--fontWeightBold) 12px/1.666666667 var(--fontFamily);display:flex;align-items:center}.BillingHeroAnimation__logo{width:24px;height:20px;margin:0 15px 0 0}.BillingHeroAnimation__nav{display:flex}.BillingHeroAnimation__navItem{font:var(--fontWeightNormal) 12px/1.666666667 var(--fontFamily);color:#6c7b8a;margin:0 18px 0 0}.BillingHeroAnimation__navItem:last-of-type{margin-right:0}.BillingHeroAnimation__body{position:relative;flex:1}.BillingHeroAnimation__pageSubTitle,.BillingHeroAnimation__pageTitle{position:absolute;left:0;width:100%;text-align:center}.BillingHeroAnimation__pageTitle{top:6.7085954%;font:var(--fontWeightBold) 15px/1.666666667 var(--fontFamily);color:#0a2540}.BillingHeroAnimation__pageSubTitle{top:11.7400419%;font:var(--fontWeightNormal) 12px/1.666666667 var(--fontFamily);color:#6c7b8a}.BillingHeroAnimation__planBox,.BillingHeroAnimation__sliderBox{position:absolute;background-color:#fff;box-shadow:var(--cardShadowXSmall);border-radius:4px}.BillingHeroAnimation__planBox{width:66.9131238%;height:58.0712788%;left:50%}.BillingHeroAnimation__planBox--professional{z-index:1}.BillingHeroAnimation__planName,.BillingHeroAnimation__sliderPlanName{font:var(--fontWeightBold) 12px/1.846153846 var(--fontFamily);position:absolute}.BillingHeroAnimation__planName{left:50%;text-align:center;z-index:1}.BillingHeroAnimation__planName--starter{text-align:left}.BillingHeroAnimation__planName--enterprise{text-align:right}.BillingHeroAnimation__sliderUsers,.BillingHeroAnimation__users{position:absolute;font:var(--fontWeightNormal) 10px/14px var(--fontFamily)}.BillingHeroAnimation__users{z-index:1;color:#6c7b8a;width:20%;text-align:center}.BillingHeroAnimation__users--starter{text-align:left;width:15%}.BillingHeroAnimation__users--enterprise{text-align:right;width:17%}.BillingHeroAnimation__planIcon{--planIconSize:48px;width:var(--planIconSize);height:var(--planIconSize);position:absolute;top:0;left:50%;z-index:2}.BillingHeroAnimation__planIcon--professional{fill:var(--billingHeroAnimationProfessionalColor)}.BillingHeroAnimation__planIcon--starter{fill:var(--billingHeroAnimationStarterColor)}.BillingHeroAnimation__planIcon--enterprise{fill:var(--billingHeroAnimationEnterpriseColor)}.BillingHeroAnimation__planButton{padding:3px 13.5px 4px;font:var(--fontWeightBold) 10px/1.666666667 var(--fontFamily);border-radius:9999px;position:absolute;left:50%;z-index:1}.BillingHeroAnimation__planButton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9999px;opacity:.15}.BillingHeroAnimation__planButton--professional{color:var(--billingHeroAnimationProfessionalColor)}.BillingHeroAnimation__planButton--professional:before{background-color:var(--billingHeroAnimationProfessionalColor)}.BillingHeroAnimation__planButton--starter{color:var(--billingHeroAnimationStarterColor)}.BillingHeroAnimation__planButton--starter:before{background-color:var(--billingHeroAnimationStarterColor)}.BillingHeroAnimation__planButton--enterprise{color:var(--billingHeroAnimationEnterpriseColor)}.BillingHeroAnimation__planButton--enterprise:before{background-color:var(--billingHeroAnimationEnterpriseColor)}.BillingHeroAnimation__sliderBox{top:95px;left:50%;width:100px;height:72px;transform:translateX(-50%);z-index:1;box-shadow:var(--cardShadowSmall);box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.BillingHeroAnimation__sliderPlanName{left:0;top:26px;width:100%;text-align:center}.BillingHeroAnimation__sliderUsers{top:61.111111111%;left:0;width:100%;text-align:center;z-index:1}.BillingHeroAnimation__slider{width:79.297597043%;left:10.351201478%;top:38%;z-index:1}.BillingHeroAnimation__slider,.BillingHeroAnimation__sliderTrack{position:absolute;height:var(--billingHeroAnimationSliderHeight);background-color:var(--billingHeroAnimationSliderColor)}.BillingHeroAnimation__sliderTrack{width:100%;overflow:hidden;border-radius:9999px;top:0;left:0}.BillingHeroAnimation__activeSliderTrack{width:100%;height:100%;transform:translateX(-100%);position:absolute;top:0;left:0}.BillingHeroAnimation__sliderPoint{position:absolute;width:12px;height:12px;border-radius:6px;background-color:var(--billingHeroAnimationSliderColor);top:calc(50% - 6px)}.BillingHeroAnimation__sliderPoint--first{left:-6px}.BillingHeroAnimation__sliderPoint--second{left:calc(33.33333% - 6px)}.BillingHeroAnimation__sliderPoint--third{left:calc(66.66667% - 6px)}.BillingHeroAnimation__sliderPoint--forth{left:calc(100% - 6px)}.BillingHeroAnimation__sliderNob{width:20px;height:20px;border-radius:9999px;background-color:#fff;box-shadow:var(--cardShadowXSmall);display:flex;justify-content:center;align-items:center;position:absolute;top:calc(50% - 10px);left:-10px;z-index:1}.BillingHeroAnimation__sliderNob svg{width:10px;height:6px}.BillingHeroAnimation__bullet{position:absolute;top:0;left:0;padding-left:10px;font:var(--fontWeightNormal) 10px/1.6 var(--fontFamily);color:#6c7b8a;z-index:1}.BillingHeroAnimation__bullet:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;border-radius:9999px;background-color:currentColor}.BillingHeroAnimation__bullet--first{transform:translate(133px,307px)}.BillingHeroAnimation__bullet--second{transform:translate(133px,327px)}.BillingHeroAnimation__bullet--third{transform:translate(290px,307px)}.BillingHeroAnimation__bullet--forth{transform:translate(290px,327px)}.BillingHeroAnimation__checkmark{--firstColumnLeft:40.444177%;--secondColumnLeft:61.392052%;--thirdColumnLeft:82.439926063%;--firstRowTop:46.285535%;--rowIncrease:5.920021%;width:13px;height:12px;position:absolute;z-index:1}.BillingHeroAnimation__checkmark svg{width:100%;height:100%;fill:currentColor}.BillingHeroAnimation__checkmark--first{top:calc(var(--firstRowTop) + var(--rowIncrease)*1);left:var(--firstColumnLeft)}.BillingHeroAnimation__checkmark--second{top:calc(var(--firstRowTop) + var(--rowIncrease)*2);left:var(--firstColumnLeft)}.BillingHeroAnimation__checkmark--third{top:calc(var(--firstRowTop) + var(--rowIncrease)*3);left:var(--firstColumnLeft)}.BillingHeroAnimation__checkmark--forth{top:calc(var(--firstRowTop) + var(--rowIncrease)*1);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--fifth{top:calc(var(--firstRowTop) + var(--rowIncrease)*2);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--sixth{top:calc(var(--firstRowTop) + var(--rowIncrease)*3);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--seventh{top:calc(var(--firstRowTop) + var(--rowIncrease)*4);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--eighth{top:calc(var(--firstRowTop) + var(--rowIncrease)*5);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--ninth{top:calc(var(--firstRowTop) + var(--rowIncrease)*6);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--tenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*7);left:var(--secondColumnLeft)}.BillingHeroAnimation__checkmark--eleventh{top:calc(var(--firstRowTop) + var(--rowIncrease)*1);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--twelfth{top:calc(var(--firstRowTop) + var(--rowIncrease)*2);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--thirteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*3);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--fourteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*4);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--fifteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*5);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--sixteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*6);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--seventeenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*7);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--eighteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*8);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--nineteenth{top:calc(var(--firstRowTop) + var(--rowIncrease)*9);left:var(--thirdColumnLeft)}.BillingHeroAnimation__checkmark--first,.BillingHeroAnimation__checkmark--second,.BillingHeroAnimation__checkmark--third{color:var(--billingHeroAnimationStarterColor)}.BillingHeroAnimation__checkmark--eighth,.BillingHeroAnimation__checkmark--fifth,.BillingHeroAnimation__checkmark--forth,.BillingHeroAnimation__checkmark--ninth,.BillingHeroAnimation__checkmark--seventh,.BillingHeroAnimation__checkmark--sixth,.BillingHeroAnimation__checkmark--tenth{color:var(--billingHeroAnimationProfessionalColor)}.BillingHeroAnimation__checkmark--eighteenth,.BillingHeroAnimation__checkmark--eleventh,.BillingHeroAnimation__checkmark--fifteenth,.BillingHeroAnimation__checkmark--fourteenth,.BillingHeroAnimation__checkmark--nineteenth,.BillingHeroAnimation__checkmark--seventeenth,.BillingHeroAnimation__checkmark--sixteenth,.BillingHeroAnimation__checkmark--thirteenth,.BillingHeroAnimation__checkmark--twelfth{color:var(--billingHeroAnimationEnterpriseColor)}.BillingHeroAnimation__bullet,.BillingHeroAnimation__checkmark,.BillingHeroAnimation__pageSubTitle,.BillingHeroAnimation__pageTitle,.BillingHeroAnimation__planBox,.BillingHeroAnimation__planButton,.BillingHeroAnimation__planIcon,.BillingHeroAnimation__planName,.BillingHeroAnimation__slider,.BillingHeroAnimation__sliderBox,.BillingHeroAnimation__sliderPlanName,.BillingHeroAnimation__sliderUsers,.BillingHeroAnimation__users{opacity:0}
