*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Ubuntu-Medium;font-size:100%;font-size:16px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}@font-face{font-family:Ubuntu-Bold;src:url(/multi-step-form/static/media/Ubuntu-Bold.fec2d0f1431a6114a6ce.ttf)}@font-face{font-family:Ubuntu-Medium;src:url(/multi-step-form/static/media/Ubuntu-Medium.e37c5546eb1a6efc4818.ttf)}@font-face{font-family:Ubuntu-Regular;src:url(/multi-step-form/static/media/Ubuntu-Regular.1cbb1b79a23478cc89ad.ttf)}.root{--MarineBlue:#02295a;--PurplishBlue:#473dff;--PastelBlue:#adbeff;--LightBlue:#bfe2fd;--StrawberryRed:#ed3548;--CoolGray:#9699ab;--LightGray:#d6d9e6;--Magnolia:#f0f6ff;--Alabaster:#fafbff;--White:#fff}.App{align-items:center;background-color:#eef5ff;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}@media screen and (max-width:767px){.App{align-items:flex-start;overflow-y:auto;position:relative}}.cardform{background-color:#fff;border-radius:10px;display:flex;padding:13px;width:calc(374.28571px + 39.28571vw)}@media screen and (max-width:767px){.cardform{flex-direction:column;margin:0 16px 100px;padding:0;width:100%;z-index:3}}.cardform__container{display:flex;flex-direction:column;justify-content:space-between;margin:calc(7.14286px + .89286vw) auto;width:calc(205.71429px + 16.96429vw)}@media screen and (max-width:767px){.cardform__container{background-color:#fff;border-radius:10px;height:auto;margin:100px auto 0;padding:25px;width:100%}}.sidebar{background:url(/multi-step-form/static/media/bg-sidebar-desktop.6918153f38678372ceb1.svg) no-repeat 50% 50%;background-size:cover;border-radius:10px;height:calc(197.71429px + 25.71429vw);padding:calc(12px + 1.25vw);width:calc(152.85714px + 8.48214vw)}@media screen and (max-width:767px){.sidebar{background-position:50% 88%;border-radius:0;height:170px;left:0;padding:30px;position:absolute;top:0;width:100%;z-index:-1}.sidebar__steps{align-items:center;display:flex;gap:14px;justify-content:center}}.step{color:#fff;gap:calc(6px + .625vw);margin-bottom:calc(10.71429px + 1.33929vw)}.step,.step__number{align-items:center;display:flex}.step__number{background-color:transparent;border:1px solid #fff;border-radius:50px;height:calc(21.42857px + .80357vw);justify-content:center;width:calc(21.42857px + .80357vw)}@media screen and (max-width:767px){.step__number{height:33px;width:33px}}.step.active .step__number{background-color:#bfe2fd;border:1px solid #bfe2fd;color:#000}.step__text{display:flex;flex-direction:column;font-size:calc(6.28571px + .53571vw);height:calc(18.85714px + .98214vw);justify-content:space-between;line-height:1;text-transform:uppercase}@media screen and (max-width:767px){.step__text{display:none}}.step__id{color:#9699ab;font-family:Ubuntu-Regular;font-weight:100}.step__title{letter-spacing:1px}.form{display:flex;flex-direction:column;height:100%}.form__top{height:auto}.form__container{display:flex;flex-direction:column;height:100%}.form__title{color:#03295a;font-family:Ubuntu-Bold;font-size:calc(21.71429px + .71429vw);margin-bottom:10px;margin-top:calc(11.14286px + .26786vw)}.form__text{color:#9699ab;font-family:Ubuntu-Regular;font-size:calc(13.42857px + .17857vw);line-height:1.5;margin-bottom:calc(17.14286px + .89286vw)}@media screen and (max-width:767px){.form__text{width:80%}}.form__content{display:flex;flex-direction:column;gap:calc(1.85714px + 1.60714vw)}@media screen and (max-width:767px){.form__content{gap:15px}}.form__label{display:flex;flex-direction:column;gap:calc(1px + .625vw)}.form__label-text{display:flex;justify-content:space-between}.form__label-title{color:#03295a;font-size:calc(11.42857px + .17857vw)}.form__label-error{color:#d63954;font-family:Ubuntu-Bold;font-size:calc(11.42857px + .17857vw)}.form__input{border:1px solid #d9d8dd;border-radius:calc(2.28571px + .53571vw);color:#03295a;font-size:calc(8.28571px + .53571vw);padding:calc(7.85714px + .35714vw) calc(4.71429px + .71429vw) calc(2.71429px + .71429vw)}@media screen and (max-width:767px){.form__input{font-size:14px;padding:10px 12px}}.form__input:focus{border:1px solid #554f95}.form__input::-webkit-input-placeholder{color:#9699ab}.form__input::placeholder{color:#9699ab}.form__input-error{border:1px solid #d63954}.form__plan{grid-column-gap:calc(10.28571px + .53571vw);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}@media screen and (max-width:767px){.form__plan{gap:12px;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}}.form__plan .plan-form__item{background-color:#fff;border:1px solid #dbdbdd;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:calc(4.85714px + .35714vw);padding:calc(61.42857px + 2.67857vw) calc(6px + .625vw) calc(6px + .625vw);transition:all .2s ease}.form__plan .plan-form__item-arcade{background:url(/multi-step-form/static/media/icon-arcade.a08c098289a31bb2f66d.svg) no-repeat;background-position-x:calc(6px + .625vw);background-position-y:calc(6px + .625vw)}.form__plan .plan-form__item-advanced{background:url(/multi-step-form/static/media/icon-advanced.705bd10c4c1f688871d7.svg) no-repeat;background-position-x:calc(6px + .625vw);background-position-y:calc(6px + .625vw)}.form__plan .plan-form__item-pro{background:url(/multi-step-form/static/media/icon-pro.2e7e377da9c658d60862.svg) no-repeat;background-position-x:calc(6px + .625vw);background-position-y:calc(6px + .625vw)}@media screen and (max-width:767px){.form__plan .plan-form__item{background-position:16px 16px;min-height:75px;padding:18px 18px 18px 70px}}.form__plan .plan-form__item:hover{border:1px solid #524e98}.form__plan .plan-form__radio{height:0;opacity:0;position:absolute;width:0}.form__plan .plan-form__radio:checked+.plan-form__item{background-color:#f8f9fe;border:1px solid #524e98}.form__plan .plan-form__title{color:#03295a;font-family:Ubuntu-Bold;font-size:calc(13.42857px + .17857vw)}.form__plan .plan-form__price{color:#9699ab;font-size:calc(11.42857px + .17857vw)}.form__plan .plan-form__free{color:#03295a;display:none;font-size:calc(9.42857px + .17857vw)}.form__plan .plan-form__free.active{display:block}.form__plan-period{background-color:#f8f9fe;border-radius:10px;display:flex;gap:calc(7.14286px + .89286vw);justify-content:center;margin-top:calc(6.85714px + 1.60714vw);padding:calc(6px + .625vw);width:100%}@media screen and (max-width:767px){.form__plan-period{gap:20px;margin-top:20px;padding:15px}}.form__plan-period .plan-period__title{align-items:center;background:transparent;color:#9699ab;cursor:pointer;display:flex;font-size:calc(12.42857px + .17857vw);height:100%;transition:color .2s ease}.form__plan-period .plan-period__radio{height:0;opacity:0;position:absolute;width:0}.form__plan-period .plan-period__radio:checked+.plan-period__title{color:#03295a}.form__plan-period .plan-period__check{height:0;opacity:0;position:absolute;width:0}.form__plan-period .plan-period__switch{background-color:#03295a;border-radius:100px;cursor:pointer;height:20px;position:relative;width:40px}.form__plan-period .plan-period__switch:before{background-color:#fff;border-radius:100px;content:"";height:12px;left:4px;position:absolute;top:4px;transition:left .2s ease;width:12px}.form__plan-period .plan-period__check:checked+.plan-period__switch:before{left:24px}.form__addons{display:flex;flex-direction:column;gap:calc(6px + .625vw)}@media screen and (max-width:767px){.form__addons{gap:12px}}.form__addons .addons-form__item{align-items:center;border:1px solid #dbdadf;border-radius:10px;cursor:pointer;display:flex;height:calc(41.42857px + 2.67857vw);justify-content:space-between;padding:calc(13.57143px + .44643vw);transition:all .2s ease}@media screen and (max-width:767px){.form__addons .addons-form__item{min-height:60px;padding:15px}}@media screen and (max-width:375px){.form__addons .addons-form__item{min-height:54px;padding:12px}}.form__addons .addons-form__item:hover{border:1px solid #524e98}.form__addons .addons-form__check:checked+.addons-form__item{background-color:#f8f9fe;border:1px solid #524e98}.form__addons .addons-form__item-container{display:flex;height:100%;justify-content:space-between}.form__addons .addons-form__mark{align-self:center;background:transparent;border:1px solid #e1e0e5;border-radius:4px;height:20px;margin-right:calc(13.57143px + .44643vw);width:20px}@media screen and (max-width:375px){.form__addons .addons-form__mark{height:16px;margin-right:12px;width:16px}}.form__addons .addons-form__text{display:flex;flex-direction:column;height:100%;justify-content:space-between}.form__addons .addons-form__title{color:#03295a;font-family:Ubuntu-Bold;font-size:calc(12.14286px + .26786vw)}@media screen and (max-width:767px){.form__addons .addons-form__title{font-size:14px}}@media screen and (max-width:375px){.form__addons .addons-form__title{font-size:12px}}.form__addons .addons-form__desc{color:#9699ab;font-size:calc(10.14286px + .26786vw)}@media screen and (max-width:767px){.form__addons .addons-form__desc{font-size:12px}}@media screen and (max-width:375px){.form__addons .addons-form__desc{font-size:10px}}.form__addons .addons-form__price{color:#524e9b;font-size:calc(12.42857px + .17857vw)}@media screen and (max-width:767px){.form__addons .addons-form__price{font-size:13px}}@media screen and (max-width:375px){.form__addons .addons-form__price{font-size:11px}}.form__addons .addons-form__check{height:0;opacity:0;position:absolute;width:0}.form__addons .addons-form__check:checked~.addons-form__item .addons-form__mark{background:url(/multi-step-form/static/media/icon-checkmark.6ba72db67010be44885b.svg) no-repeat 50% 50%;background-color:#4c41ff;border:1px solid #4c41ff}.form__result .result-form{display:flex;flex-direction:column}.form__result .result-form__data{background-color:#f8f9fe;padding:calc(5.71429px + 1.33929vw) calc(7.14286px + .89286vw)}@media screen and (max-width:767px){.form__result .result-form__data{padding:20px 15px}}.form__result .result-form__plan{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(9.57143px + 1.07143vw)}.form__result .result-form__plan-info{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.form__result .result-form__plan-price,.form__result .result-form__title{color:#052857;font-family:Ubuntu-Bold;font-size:calc(12.85714px + .35714vw)}.form__result .result-form__change,.form__result .result-form__text{font-size:calc(10.85714px + .35714vw)}.form__result .result-form__change{background:none;color:#9999a3;text-decoration:underline}.form__result .result-form__addons{border-top:1px solid #e7e8ed;display:flex;flex-direction:column;gap:calc(12.14286px + .89286vw);padding-top:calc(9.57143px + 1.07143vw)}.form__result .result-form__addons-item{display:flex;justify-content:space-between}.form__result .result-form__addons-price{color:#052857;font-size:calc(10.85714px + .35714vw)}.form__result .result-form__text{color:#9999a3}.form__result .result-form__total{display:flex;justify-content:space-between;padding:calc(5.71429px + 1.33929vw) calc(7.14286px + .89286vw)}@media screen and (max-width:767px){.form__result .result-form__total{padding:20px 15px 0}}.form__result .result-form__total-price{color:#483eff;font-family:Ubuntu-Bold;font-size:calc(14.85714px + .35714vw)}.form-finish{align-items:center;display:flex;flex-direction:column;gap:calc(7.14286px + .89286vw);height:100%;justify-content:center;width:100%}.form-finish__text{text-align:center}.buttons{display:flex;justify-content:space-between;width:100%}@media screen and (max-width:767px){.buttons{background-color:#fff;bottom:0;height:72px;left:0;padding:15px;position:fixed;width:100vw}}.buttons button{font-size:calc(13.42857px + .17857vw);line-height:1}.button{border-radius:6px;color:#fff;padding:calc(7.28571px + .53571vw) calc(17.14286px + .89286vw)}.next-button{background-color:#03295a}.prev-button{background:transparent;color:#9699ab}.confirm-button{background-color:#483eff}
/*# sourceMappingURL=main.29a22746.css.map*/