*{box-sizing:border-box;margin:0;padding:0}html{--color-marine-blue:#02295a;--color-cool-gray:#9699ab;--color-alabaster:#fafbff;font-size:62.5%;scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f6ff;color:#555;display:flex;flex-direction:column;font-family:Rubik,sans-serif;font-family:Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;height:100vh;justify-content:space-between;line-height:1;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#fff;border-radius:18px;box-shadow:0 2.4rem 4rem 0 #00000012;display:flex;height:60rem;margin:10rem auto;width:92rem}.sidebar{background:url(/static/media/bg-sidebar-desktop.6918153f38678372ceb1.svg);background-size:cover;border-radius:9px;margin:1.5rem 0 1.5rem 1.5rem}.steps{display:flex;flex-direction:column;gap:3.5rem;list-style:none;padding:3.5rem;width:28rem}.step{align-items:center;display:flex;gap:2rem}.step-description{display:flex;flex-direction:column;gap:.4rem}.step-num-icon{border:1px solid #fff;border-radius:50%;color:#fff;display:grid;font-size:1.8rem;font-weight:600;height:3.7rem;padding:1rem;place-content:center;width:3.7rem}.step-num-icon.active{background-color:#bfe2fd;color:#02295a;color:var(--color-marine-blue)}.step-num{color:#adbeff;font-size:1.4rem;font-weight:100}.step-name,.step-num{text-transform:uppercase}.step-name{color:#fff;font-size:1.8rem;font-weight:700}.main-form{margin:0 auto;padding:5rem 10rem 4rem;width:100%}.main{display:flex;flex-direction:column;height:100%;width:100%}.heading{color:#02295a;color:var(--color-marine-blue);font-size:3.2rem;margin-bottom:1.5rem}.subheading{color:#9699ab;color:var(--color-cool-gray);font-size:1.6rem;margin-bottom:4rem}.form{height:100%;justify-content:space-between}.form,.form-fields{display:flex;flex-direction:column}.form-fields{align-items:center;gap:2rem;justify-content:center}.form-fields div{display:flex;flex-direction:column;gap:1rem;position:relative;width:100%}label{display:block;font-size:1.4rem}input,label{color:#02295a;color:var(--color-marine-blue)}input{border:1px solid #9699ab;border:1px solid var(--color-cool-gray);border-radius:9px;font-family:inherit;font-size:1.6rem;height:5rem;padding:1rem;width:100%}input:focus{border:1px solid #02295a;border:1px solid var(--color-marine-blue);border-radius:9px;outline:none}.error-message{color:#ed3548;font-size:1.2rem;font-weight:700;position:absolute;right:1rem;top:.5rem}input.error{border:1px solid red}.nav-btns{align-items:center;display:flex;justify-content:space-between;justify-self:end;width:100%}.nav-btns span{color:#9699ab;color:var(--color-cool-gray);cursor:pointer;display:grid;font-size:1.6rem;text-decoration:none}.nav-btns span:hover{color:#02295a;color:var(--color-marine-blue)}button{background-color:#02295a;background-color:var(--color-marine-blue);border:none;border-radius:9px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.6rem;padding:1.5rem 3rem}.select-plan{justify-content:space-between}.plan-cards-and-toggle,.select-plan{display:flex;flex-direction:column;gap:2rem;height:100%;width:100%}.plan-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;height:auto;width:100%}.plan-card{border:1px solid #9699ab;border:1px solid var(--color-cool-gray);border-radius:9px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem}.plan-card.active,.plan-card:hover{border-color:#02295a;border-color:var(--color-marine-blue)}.plan-card.active{background-color:#fafbff;background-color:var(--color-alabaster)}.card-text{display:flex;flex-direction:column;gap:1rem}.card--name{color:#02295a;color:var(--color-marine-blue);font-size:1.6rem;margin-top:4rem}.card--price{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem}.discount-message{color:#02295a;color:var(--color-marine-blue);font-size:1.2rem}.toggle{background-color:#fafbff;background-color:var(--color-alabaster);border-radius:9px;padding:1.5rem}.toggle,.toggle-switch-and-content{align-items:center;display:flex;justify-content:center}.toggle-switch-and-content{gap:1rem}.monthly,.yearly{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem;text-align:right;text-transform:capitalize}.toggle-switch{display:inline-block;height:2rem;margin:0 auto;position:relative;width:4rem}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#02295a;background-color:var(--color-marine-blue);border-radius:2.4rem;cursor:pointer;height:100%;position:absolute;transition:background-color .3s;width:100%}.slider:before{background-color:#fff;border-radius:50%;bottom:.3rem;content:"";height:1.5rem;left:.35rem;position:absolute;transition:transform .3s;width:1.5rem}.toggle-switch input:checked+.slider:before{transform:translateX(1.9rem)}.form-add-ons{display:flex;flex-direction:column;gap:1.5rem;height:100%}.add-on{align-items:center;border:1px solid #9699ab;border:1px solid var(--color-cool-gray);border-radius:9px;display:flex;gap:2rem;padding:2rem}.add-on input{accent-color:#473dff;height:2.5rem;width:2.5rem}.add-on.active{background-color:#fafbff}.add-on.active,.add-on:hover{border-color:#02295a;border-color:var(--color-marine-blue)}.add-on:hover{cursor:pointer}.add-on--text{width:100%}.add-on--title{color:#02295a;color:var(--color-marine-blue);font-size:1.6rem;font-weight:500;margin-bottom:1rem}.add-on--description{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem}.add-on--price{color:#473dff;display:flex;font-size:1.4rem}.summary{height:100%;width:100%}.summary-container{background-color:#fafbff;background-color:var(--color-alabaster);border-radius:11px;padding:3rem}.summary--plan{border-bottom:1px solid #9699ab;border-bottom:1px solid var(--color-cool-gray);display:flex;justify-content:space-between}.summary--plan-name-and-change{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2.5rem}.summary--plan-name{color:#02295a;color:var(--color-marine-blue);font-size:1.6rem;font-weight:600;text-transform:capitalize}.summary--change-plan{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem;text-decoration:underline}.summary--change-plan:hover{cursor:pointer}.summary--plan-price{color:#02295a;color:var(--color-marine-blue);font-size:1.6rem;font-weight:600}.summary--add-ons{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.summary--add-on{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem}.final-price,.summary--add-on{display:flex;justify-content:space-between}.final-price{padding:3rem}.final-price--label{color:#9699ab;color:var(--color-cool-gray);font-size:1.4rem}.final-price--value{color:#02295a;color:var(--color-marine-blue);font-size:2rem;font-weight:700}.end-form{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;text-align:center;width:100%}.end-form img{display:block;margin:0 auto}.thank-you{font-size:3.2rem;font-weight:700}.end-info{color:#9699ab;color:var(--color-cool-gray);font-size:1.6rem}@media (max-width:34em){html{font-size:50%}#root{position:relative}#root,.app{height:100dvh;width:100vw}.app{background-color:initial;box-shadow:none;display:block;margin:0}.sidebar{background-position:100% 85%;background-size:100%;border-radius:0;height:25dvh;margin:0;padding:0;position:absolute;top:0;width:100vw;z-index:-1}.main-form{background-color:initial;background-color:#fff;border-radius:11px;margin-top:14rem;padding:2rem;width:90%}.steps{flex-direction:row;gap:2rem;margin:5rem auto;padding:0;width:-webkit-fit-content;width:fit-content}.step-num-icon{font-size:2rem;height:4rem;width:4rem}.step-description{display:none}.nav-btns{background-color:#fff;bottom:0;left:0;padding:2rem;position:absolute;width:100%}.attribution{margin-bottom:0}}
/*# sourceMappingURL=main.47dce419.css.map*/