@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap);:root{--marine-blue:#02295a;--Purplish-blue:#473dff;--Pastel-blue:#adbeff;--Light-blue:#bfe2fd;--Strawberry-red:#ed3548;--Cool-gray:#9699ab;--Light-gray:#d6d9e6;--Magnolia:#f0f6ff;--Alabaster:#fafbff;--White:#fff;--black:#000}main{background-color:#fff;background-color:var(--White);border-radius:.8rem;display:flex;height:80vh;padding:1rem;width:70vw}aside{background-image:url(/multi-step-validation-form/static/media/bg-sidebar-desktop.6918153f38678372ceb1.svg);background-repeat:no-repeat;background-size:cover;border-radius:.6rem;min-height:100%;padding:2rem 0 0 2rem;position:relative;width:26.5%}.row{align-items:center;display:flex;margin-bottom:2rem}.row .row-content{margin-left:1rem}.row span{border:1px solid #fff;border:1px solid var(--White);border-radius:50%;color:#fff;color:var(--White);display:block;display:grid;height:2rem;place-items:center;width:2rem}aside a.active span{background-color:#bfe2fd;background-color:var(--Light-blue);border-color:#bfe2fd;border-color:var(--Light-blue);color:#000;color:var(--black)}.row h1{color:#f0f6ff;color:var(--Magnolia);font-size:medium;font-weight:700}.row p{color:#d6d9e6;color:var(--Light-gray);font-size:small}article{margin:2rem auto 1.5rem;max-height:100%;min-width:52%;position:relative}article .main-header{color:#02295a;color:var(--marine-blue);font-size:2rem;margin-bottom:.3rem}article .main-description{color:#9699ab;color:var(--Cool-gray);margin-bottom:2rem}.personal-info form{display:flex;flex-direction:column}.personal-info form label{color:#02295a;color:var(--marine-blue);display:flex;font-weight:500;justify-content:space-between;margin-bottom:.3rem}.personal-info form input{border:1px solid #d6d9e6;border:1px solid var(--Light-gray);border-radius:.5rem;font-size:.88rem;font-weight:500;height:2.5rem;letter-spacing:.8px;margin-bottom:1.5rem;padding-left:1rem}.personal-info form input:focus{border:1px solid #473dff;border:1px solid var(--Purplish-blue);outline:none}.next-step{background-color:#02295a;background-color:var(--marine-blue);border-radius:.5rem;color:#f0f6ff;color:var(--Magnolia);font-size:.8rem;font-weight:500;right:0}.go-back,.next-step{bottom:0;cursor:pointer;letter-spacing:.7px;padding:.7rem 1rem;position:absolute;transition:.1s}.go-back{background:none;border:none;color:#9699ab;color:var(--Cool-gray);font-size:1rem;font-weight:700;left:0}.next-step:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.go-back:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.select-plan-cards-container{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr}.select-plan-cards-container .card{border:1px solid #d6d9e6;border:1px solid var(--Light-gray);border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:11rem;justify-content:space-between;padding:1rem;position:relative}.select-plan-cards-container .card:hover{border:2px solid #adbeff;border:2px solid var(--Pastel-blue)}.select-plan-cards-container .card div{display:flex;flex-direction:column}.layout{bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.select-plan-cards-container .card.active{background-color:#f0f6ff;background-color:var(--Magnolia);border:2px solid #adbeff;border:2px solid var(--Pastel-blue)}.select-plan-cards-container img{width:2.5rem}.select-plan-cards-container .card h1{color:#02295a;color:var(--marine-blue);font-size:1.2rem;margin-bottom:.3rem}.select-plan-cards-container .card p{color:#9699ab;color:var(--Cool-gray)}.select-plan-form{background-color:#f0f6ff;background-color:var(--Magnolia);border-radius:.5rem;display:flex;justify-content:center;margin-top:1rem;padding:1rem}.select-plan-form .plan-period{color:#9699ab;color:var(--Cool-gray);font-weight:700}.select-plan-form .plan-period.active{color:#02295a;color:var(--marine-blue)}.select-plan-form .switch{display:inline-block;height:1.2rem;margin:0 1rem;position:relative;width:2.5rem}.select-plan-form .switch input{height:0;opacity:0;width:0}.select-plan-form .slider{background-color:#02295a;background-color:var(--marine-blue);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.select-plan-form .slider:before{background-color:#fff;background-color:var(--White);bottom:.2rem;content:"";height:.8rem;left:.25rem;position:absolute;transition:.4s;width:.8rem}.select-plan-form input:checked+.slider{background-color:#02295a;background-color:var(--marine-blue)}.select-plan-form input:checked+.slider:before{-webkit-transform:translateX(1.2rem);transform:translateX(1.2rem)}.select-plan-form .slider.round{border-radius:9999px}.select-plan-form .slider.round:before{border-radius:50%}.add-ons-section{display:flex;flex-direction:column;row-gap:.7rem}.add-ons-row{align-items:center;border:1.5px solid #d6d9e6;border:1.5px solid var(--Light-gray);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:.8rem 1.2rem;position:relative;transition:.2s}.add-ons-row:hover{border:1.5px solid #473dff;border:1.5px solid var(--Purplish-blue)}.add-ons-row.active{background-color:#f0f6ff;background-color:var(--Magnolia);border:2px solid #473dff;border:2px solid var(--Purplish-blue)}.add-ons-row form{display:flex}.add-ons-row form input{cursor:pointer;margin-right:1.5rem;width:1.1rem}.add-ons-row form input[type=checkbox]:checked{accent-color:#473dff;accent-color:var(--Purplish-blue)}.add-ons-row form h1{color:#02295a;color:var(--marine-blue);font-size:1.1rem;margin-bottom:.3rem}.add-ons-row form p{color:#9699ab;color:var(--Cool-gray);font-size:.98rem}.add-ons-row span{color:#473dff;color:var(--Purplish-blue);font-size:.9rem;font-weight:500}.summary-details{background-color:#f0f6ff;background-color:var(--Magnolia);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem 1.3rem .5rem}.summary-details .first-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.summary-details .first-row .link{color:#9699ab;color:var(--Cool-gray);cursor:pointer;display:inline-block;text-decoration:underline}.summary-details .first-row .link:hover{color:#473dff;color:var(--Purplish-blue)}.summary-details .first-row h1{color:#02295a;color:var(--marine-blue);margin-bottom:.3rem}.summary-details .first-row span{color:#02295a;color:var(--marine-blue);font-size:1.1rem;font-weight:700}.summary-details hr{background-color:#f0f6ff;background-color:var(--Magnolia);border-color:#f0f6ff;border-color:var(--Magnolia);color:#f0f6ff;color:var(--Magnolia);margin-bottom:1rem;opacity:40%}.summary-details .second-row div{display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-details .second-row p{color:#9699ab;color:var(--Cool-gray);font-size:1.05rem;font-weight:500}.summary-details .second-row span{color:#02295a;color:var(--marine-blue);font-weight:500}.summary .total{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;width:90%}.summary .total p{color:#9699ab;color:var(--Cool-gray);font-size:1.1rem}.summary .total span{color:#473dff;color:var(--Purplish-blue);font-size:1.5rem;font-weight:700}.summary .next-step{background-color:#473dff;background-color:var(--Purplish-blue);border-color:#473dff;border-color:var(--Purplish-blue);box-shadow:none;color:#fff;color:var(--White);width:6rem}.summary .next-step:hover{background-color:#adbeff;background-color:var(--Pastel-blue);border-color:#adbeff;border-color:var(--Pastel-blue)}.thank-you{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:55%;position:relative}.thank-you h1{color:#02295a;color:var(--marine-blue);font-size:2rem;margin:1rem}.thank-you p{color:#9699ab;color:var(--Cool-gray);text-align:center}.attribution{bottom:1rem;position:absolute}.attribution a{transition:.2s}.attribution a:last-of-type{font-weight:700}.attribution a:hover{color:#473dff;color:var(--Purplish-blue)}@media (max-width:992px){main{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;margin-top:5rem;width:80vw}aside{background-position:bottom;border-radius:0;display:flex;justify-content:center;left:0;min-height:25%;min-width:100%;position:fixed;top:0;z-index:-1}.row h1,.row p{display:none}article{margin-bottom:0;margin-top:1rem;padding:0 .5rem;position:static}.personal-info form label span{font-size:.8rem}.select-plan .main-header{margin-top:-1rem}.select-plan-cards-container{display:flex;flex-direction:column;position:relative;row-gap:.5rem;top:-1rem}.select-plan-cards-container .card{display:flex;flex-direction:row;height:5rem;justify-content:left}.select-plan-cards-container .card img{margin-right:1rem}.select-plan-form{margin-top:1rem;position:relative;top:-1rem}.add-ons-row{height:5rem;padding:.5rem}.add-ons-row form label h1{font-size:1rem}.add-ons-row form label p{font-size:.8rem}.add-ons-row form input{margin-right:1rem}.summary .total p{color:#9699ab;color:var(--Cool-gray);font-size:1rem}.summary .total span{color:#473dff;color:var(--Purplish-blue);font-size:1rem;font-weight:700}.next-step{right:2rem}.go-back{left:2rem}.thank-you{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;padding:3rem .5rem;position:static;text-align:center}.thank-you h1{font-size:1.5rem}.attribution{max-width:93%;text-align:center}.attribution a{transition:.2s}.attribution a:last-of-type{font-weight:700}.attribution a:hover{color:#473dff;color:var(--Purplish-blue)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#d6d9e6;display:grid;font-family:Ubuntu,sans-serif;min-height:100vh;place-items:center}a{text-decoration:none}@media (max-width:992px){body{display:block;min-height:85vh;position:relative}}
/*# sourceMappingURL=main.8fd988bb.css.map*/