:root{--color-marine-blue: hsl(213, 96%, 18%);--color-purplish-blue: hsl(243, 100%, 62%);--color-pastel-blue: hsl(228, 100%, 84%);--color-light-blue: hsl(206, 94%, 87%);--color-strawberry-red: hsl(354, 84%, 57%);--color-cool-gray: hsl(231, 11%, 63%);--color-light-gray: hsl(229, 24%, 87%);--color-magnolia: hsl(217, 100%, 97%);--color-alabaster: hsl(231, 100%, 99%);--color-white: hsl(0, 0%, 100%);--font-family: "Ubuntu", sans-serif;--font-size: 18px}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body{font-size:var(--font-size);font-family:var(--font-family);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;background-color:var(--color-light-blue)}@media (max-width: 768px){body{padding:0;margin-top:0;justify-content:flex-start}}div#root{width:100%}._container_1ff8r_1{display:flex;flex-direction:column;align-items:flex-start;padding:32px 80px 32px 32px;background-image:url(/frontend-mentor-multi-step-form/assets/bg-sidebar-desktop-e6d2744a.svg);background-repeat:no-repeat;background-size:cover;min-height:600px;border-radius:16px;color:var(--color-white)}@media (max-width: 768px){._container_1ff8r_1{background-image:url(/frontend-mentor-multi-step-form/assets/bg-sidebar-mobile-f8e29a05.svg);min-height:250px;width:100%;border-radius:0;padding-right:0;padding-left:0}}._container_1ff8r_1 ._steps_1ff8r_24{display:flex;flex-direction:column;gap:32px;width:100%}@media (max-width: 768px){._container_1ff8r_1 ._steps_1ff8r_24{flex-direction:row;align-items:center;gap:16px;justify-content:center}}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;gap:16px}@media (max-width: 768px){._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24{flex:0}}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._index_1ff8r_50{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;background-color:transparent;color:var(--color-white);border:1px solid var(--color-white);transition:all .2s ease-in-out}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._active_1ff8r_63{background-color:var(--color-white);color:var(--color-marine-blue)}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (max-width: 768px){._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67{display:none}}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67 ._title_1ff8r_78,._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67 ._text_1ff8r_79{text-transform:uppercase}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67 ._title_1ff8r_78{font-weight:400;color:var(--color-pastel-blue);font-size:calc(var(--font-size) * .75)}._container_1ff8r_1 ._steps_1ff8r_24 ._step_1ff8r_24 ._description_1ff8r_67 ._text_1ff8r_79{font-weight:700;color:var(--color-white);letter-spacing:2px;white-space:nowrap}._app_831h1_1{background-color:var(--color-white);display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding:16px;border-radius:16px;width:990px;margin:0 auto}@media (max-width: 768px){._app_831h1_1{flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:var(--color-light-blue);margin-top:0;padding:0}}._primary_wm9cv_1{background-color:var(--color-purplish-blue);border-color:transparent;color:var(--color-light-gray);font-weight:700;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-transform:capitalize}._primary_wm9cv_1:hover{filter:brightness(1.2)}._secondary_wm9cv_16{background-color:var(--color-marine-blue);border-color:transparent;color:var(--color-light-gray);font-weight:700;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-transform:capitalize}._secondary_wm9cv_16:hover{filter:brightness(1.2)}._link_wm9cv_31{background-color:transparent;color:var(--color-cool-gray);font-weight:700;padding:12px 0;font-size:calc(var(--font-size) * .8);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-transform:capitalize}._link_wm9cv_31:hover{filter:brightness(1.2)}._form_10lmr_1{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;flex:1}._section-title_10lmr_10{display:flex;flex-direction:column;gap:8px;margin-bottom:48px}._title_10lmr_17{color:var(--color-marine-blue);font-weight:700;margin:0}._sub-title_10lmr_23{color:var(--color-cool-gray);font-weight:400;margin:0}._section-footer_10lmr_29{flex:1;width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;background-color:var(--color-white);padding:16px}@media (max-width: 768px){._section-footer_10lmr_29{position:absolute;bottom:0;left:0}}._section-inputs_1pjuh_1,._section-addons_1pjuh_9{display:flex;flex-direction:column;gap:16px;width:100%;flex:1}._section-footer_1pjuh_17{flex:1;width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}._addon-container_1pjuh_26{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;width:100%;border:1px solid var(--color-light-gray);border-radius:8px;padding:16px 24px;cursor:pointer;transition:all .2s ease-in-out}._addon-container_1pjuh_26:hover{background-color:var(--color-light-blue)}@media (max-width: 768px){._addon-container_1pjuh_26{padding-left:16px;padding-right:16px}}._active_1pjuh_52{border:1px solid var(--color-marine-blue);background-color:var(--color-light-blue)}._addon-data-container_1pjuh_57{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1}._addon-info-container_1pjuh_65{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}@media (max-width: 768px){._addon-info-container_1pjuh_65{gap:4px}}._addon-title_1pjuh_78{font-size:var(--font-size);font-size:18px;font-weight:700;color:var(--color-marine-blue);margin:0}@media (max-width: 768px){._addon-title_1pjuh_78{font-size:calc(var(--font-size) * .7)}}._addon-info_1pjuh_65{font-size:12px;font-weight:400;color:var(--color-cool-gray);margin:0}._container_1rt7u_1{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){._container_1rt7u_1{padding-left:20px}}._checkbox_1rt7u_20{position:absolute;opacity:0;cursor:pointer;height:0;width:0}._checkmark_1rt7u_29{position:absolute;top:0;left:0;height:20px;width:20px;background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:4px}._container_1rt7u_1:hover ._checkbox_1rt7u_20~._checkmark_1rt7u_29{background-color:var(--color-light-gray)}._container_1rt7u_1 ._checkbox_1rt7u_20:checked~._checkmark_1rt7u_29{background-color:var(--color-purplish-blue);border-color:var(--color-purplish-blue)}._checkmark_1rt7u_29:after{content:"";position:absolute;display:none}._checkbox_1rt7u_20:checked~._checkmark_1rt7u_29:after{display:block}._checkbox_1rt7u_20:checked~._checkmark_1rt7u_29:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}._card-pricing_or05u_1{color:var(--color-cool-gray);font-size:calc(var(--font-size) * .75);font-weight:400;margin:0}._active_or05u_8{color:var(--color-purplish-blue)}._container_9km48_1{display:flex;padding:32px 80px;flex-direction:column;align-items:center;justify-content:flex-start;min-height:600px;width:100%;background-color:var(--color-white);border-radius:16px}@media (max-width: 768px){._container_9km48_1{margin-top:-100px;width:unset;padding:32px 24px;margin-left:20px;margin-right:20px;min-height:unset}}._switch_vip0n_1{position:relative;display:inline-block;width:48px;height:24px}._switch_vip0n_1 input{opacity:0;width:0;height:0}._slider_vip0n_14{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-marine-blue);border-radius:34px;-webkit-transition:.2s;transition:.2s}._slider_vip0n_14:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--color-white);border-radius:50%;-webkit-transition:.2s;transition:.2s}input:focus+._slider_vip0n_14{box-shadow:0 0 3px var(--color-marine-blue)}input:checked+._slider_vip0n_14:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}._section-billing_257z7_1{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%;border-radius:8px;background-color:var(--color-light-blue)}@media (max-width: 768px){._label_257z7_13{font-size:calc(var(--font-size) * .8)}}._card_ibbi5_1{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:8px;padding:16px 12px;width:100%;border:1px solid var(--color-light-gray);cursor:pointer;margin-bottom:32px;gap:32px;transition:all .2s ease-in-out}._card_ibbi5_1:hover{background-color:var(--color-light-blue)}@media (max-width: 768px){._card_ibbi5_1{flex-direction:row;justify-content:flex-start;margin-bottom:0;gap:8px}}._card-icon_ibbi5_27{width:32px;height:32px}._active_ibbi5_32{border:1px solid var(--color-marine-blue);background-color:var(--color-light-blue)}._card-body_ibbi5_37{display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media (max-width: 768px){._card-body_ibbi5_37{gap:2px}}._card-title_ibbi5_49{color:var(--color-marine-blue);font-weight:700;font-size:calc(var(--font-size) * .9);margin:0}._card-additional-info_ibbi5_56{color:var(--color-marine-blue);font-size:calc(var(--font-size) * .7);font-weight:400;margin:0}._section-inputs_axcio_1{display:flex;flex-direction:column;gap:16px;width:100%;flex:1}._section-plans_axcio_9{display:flex;flex-direction:row;gap:16px;width:100%}@media (max-width: 768px){._section-plans_axcio_9{flex-direction:column;gap:8px}}._section-billing_axcio_22{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;width:100%;border-radius:8px;background-color:var(--color-light-blue)}._section-footer_axcio_33,._section-footer_1t7up_1{flex:1;width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}._container_1t7up_10{display:flex;flex-direction:column;justify-content:flex-start;width:100%;flex:1}._description-container_1t7up_18{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}._plan-container_1t7up_26{display:flex;flex-direction:column;justify-content:flex-start;border-radius:8px;background-color:var(--color-magnolia);padding:24px 16px}._plan_1t7up_26{display:flex;flex-direction:row;justify-content:space-between}._plan-title_1t7up_41{color:var(--color-marine-blue);font-weight:700;font-size:calc(var(--font-size) * .9);margin:0;text-transform:capitalize}._plan-change-link_1t7up_49{color:var(--color-light-gray);text-decoration:underline;font-size:calc(var(--font-size) * .7);margin:0;padding:0}._plan-change-link_1t7up_49:hover{color:var(--color-marine-blue)}._plan-price_1t7up_60{color:var(--color-marine-blue);font-weight:700;font-size:calc(var(--font-size) * .9);margin:0}._addons-container_1t7up_67{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background-color:var(--color-magnolia)}._addons-container_1t7up_67:before{content:"";display:block;width:100%;height:1px;background-color:var(--color-light-gray);margin-bottom:16px;margin-top:16px}._addon_1t7up_67{display:flex;flex-direction:row;justify-content:space-between}._addon-price_1t7up_90{color:var(--color-marine-blue);font-size:calc(var(--font-size) * .75);margin:0}._addon-price_1t7up_90:before{content:"+"}._addon-title_1t7up_99{color:var(--color-cool-gray);font-size:calc(var(--font-size) * .75);margin:0}._total-container_1t7up_105{display:flex;flex-direction:row;padding:24px 16px;justify-content:space-between}._total-title_1t7up_112{color:var(--color-cool-gray);font-size:calc(var(--font-size) * .75);margin:0}._total-price_1t7up_118{color:var(--color-purplish-blue);font-weight:700;font-size:calc(var(--font-size) * 1.1);margin:0;padding:0}._total-price_1t7up_118:before{content:"+"}._container_l4k2h_1{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;flex:1;gap:20px}._icon_l4k2h_11{height:75px;width:75px}._title_l4k2h_16{color:var(--color-marine-blue);font-weight:700;font-size:calc(var(--font-size) * 1.5);margin:12px 0 0}._paragraph_l4k2h_24{color:var(--color-cool-gray);font-size:calc(var(--font-size) * 1);font-weight:400;margin:0;text-align:center}._paragraph_l4k2h_24 a{color:var(--color-cool-gray)}._input-group_8d5es_1{display:flex;flex-direction:column;align-items:flex-start;width:100%}._input-group_8d5es_1+._input-group_8d5es_1{margin-top:16px}._label_8d5es_11{font-size:16px;text-transform:capitalize;color:var(--color-marine-blue);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;width:100%}._input_8d5es_1{padding:12px 16px;border:1px solid var(--color-light-gray);border-radius:8px;font-size:14px;width:100%}._input_8d5es_1::placeholder{font-weight:600;color:var(--color-cool-gray)}._with-error_8d5es_34{border-color:var(--color-strawberry-red)}._error_8d5es_38{color:var(--color-strawberry-red);font-size:12px;font-weight:700;margin:0;text-transform:lowercase}._section-inputs_ywmoa_1{width:100%}._section-footer_ywmoa_5{flex:1;width:100%;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end}