:root{--ff-primary:"Ubuntu",sans-serif;--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;--fs-xxs:0.500rem;--fs-xs:0.650rem;--fs-s:0.750rem;--fs-m:0.875rem;--fs-default:1rem;--fs-l:1.125rem;--fs-xl:1.25rem;--fs-xxl:1.5rem;--fs-xxxl:2rem;--fs-3xl:2.5rem;--fs-4xl:3rem;--fs-5xl:4rem;--fs-6xl:5rem;--fs-7xl:6rem;--fs-8xl:7rem;--fs-9xl:8rem;--fs-10xl:9rem;--fs-11xl:10rem;--fc-dark:var(--marine-blue);--fc-light:var(--cool-gray);--fw-s:400;--fw-m:500;--fw-l:700;--border-width:.1rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}button{background-color:inherit;border:inherit;font-family:inherit}body,html{background-color:#fff;background-color:var(--white);font-family:Ubuntu,sans-serif;font-family:var(--ff-primary);font-size:clamp(.778rem,3vw + 1rem,1.222rem);font-size:clamp(.778rem,3vw + var(--fs-default),1.222rem);font-weight:400;font-weight:var(--fw-s);margin:auto;position:relative;text-align:left;width:clamp(375px,100%,1440px)}main{background-color:#f0f6ff;background-color:var(--magnolia);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(7,minmax(103px,1fr));padding-bottom:1rem}footer{background-color:#fff;background-color:var(--white);bottom:0;height:1rem;position:absolute;width:100%}h1{color:#02295a;color:var(--fc-dark);font-size:1.5rem;font-size:var(--fs-xxl);margin-bottom:.25rem}p{color:#9699ab;color:var(--fc-light);font-size:.875rem;font-size:var(--fs-m);line-height:1.5;margin-bottom:1.75rem}.largefont{font-size:1.125rem;font-size:var(--fs-l)}.mediumfont{font-size:.875rem;font-size:var(--fs-m)}.smallfont{font-size:.75rem;font-size:var(--fs-s)}.smallerfont{font-size:.65rem;font-size:var(--fs-xs)}.light{color:#9699ab;color:var(--fc-light)}.dark{color:#02295a;color:var(--fc-dark)}.bold{font-weight:500;font-weight:var(--fw-m)}.bolder{font-weight:700;font-weight:var(--fw-l)}.purple{color:#473dff;color:var(--purplish-blue)}.invisible{visibility:hidden}.addon-topcontainer,.confirm-topcontainer,.info-topcontainer,.plan-topcontainer,.summary-topcontainer{display:grid;grid-column:1/-1;grid-row:2/-1;grid-template-rows:4fr 1fr}.addon-container,.confirm-container,.info-container,.plan-container,.summary-container{background-color:#fff;background-color:var(--white);border-radius:.5rem;box-shadow:-5px 14px 40px -9px rgba(0,0,0,.15);grid-column:1/-1;grid-row:1/2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:92%;padding:1.5rem;position:relative}@media (min-width:1000px){body,html{background-color:#f0f6ff;background-color:var(--magnolia);height:100vh;width:100%}.main-container{display:flex;height:100vh;justify-content:space-around}main{background-color:#fff;background-color:var(--white);border-radius:1rem;box-shadow:-5px 14px 40px -9px rgba(0,0,0,.15);display:grid;grid-template-columns:1.5fr repeat(4,1fr);grid-template-rows:repeat(6,1fr);margin:auto;max-width:870.48px;min-height:614.31px;padding:.75rem 0 .75rem .75rem}.addon-topcontainer,.confirm-topcontainer,.info-topcontainer,.plan-topcontainer,.summary-topcontainer{grid-column:2/6;grid-row:1/-1}.addon-container,.confirm-container,.info-container,.plan-container,.summary-container{box-shadow:none;grid-column:1/5;grid-row:1/6;padding:2rem 4rem;position:relative}footer{background-color:#f0f6ff;background-color:var(--magnolia)}}.menu-container-mobile{grid-column-gap:.5rem;align-items:end;background-image:url(/multi-step-form/static/media/bg-sidebar-mobile.ad41661b40ca0b967f3a.svg);background-position:top;background-repeat:no-repeat;background-size:100%;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-column:1/-1;grid-row:1/3;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr)}.menu-container-desktop{display:none}.circle{background:transparent;color:var(--magnolia)}.circle,.circle-active{--circle-width:1.75rem;border:var(--border-width) solid var(--magnolia);border-radius:50%;font-size:var(--fs-s);height:var(--circle-width);justify-self:center;padding:calc(var(--circle-width)*.25 - var(--border-width)) 0;text-align:center;width:var(--circle-width)}.circle-active{background-color:var(--light-blue);color:var(--marine-blue);font-weight:var(--fw-l)}.circle-active:first-child,.circle:first-child{grid-column:3/4}.circle-active:nth-child(2),.circle:nth-child(2){grid-column:4/5}.circle-active:nth-child(3),.circle:nth-child(3){grid-column:5/6}.circle-active:nth-child(4),.circle:nth-child(4){grid-column:6/7}@media (min-width:1000px){.menu-container-mobile{display:none}.menu-container-desktop{background-image:url(/multi-step-form/static/media/bg-sidebar-desktop.6918153f38678372ceb1.svg);background-repeat:no-repeat;background-size:cover;border-radius:1rem;display:flex;flex-direction:column;grid-column:1/2;grid-row:1/7;height:100%;padding:2rem 3rem 2rem 1rem;width:100%}.circle-wrapper{gap:1rem}.circle-wrapper,.step-wrapper{display:flex;margin-bottom:.75rem}.step-wrapper{flex-direction:column}.desktop-label,.step{text-transform:uppercase}.step{color:var(--pastel-blue);font-size:small}.desktop-label{color:var(--white);letter-spacing:.1rem}}.info-box-container{display:flex;flex-direction:column}.info-label-box{display:flex;justify-content:space-between}.info-label{margin:0 0 .1rem}.errormessage{color:var(--strawberry-red);font-size:var(--fs-xs);font-weight:var(--fw-l)}.info-box input{border:var(--border-width) solid var(--light-gray);border-radius:.25rem;color:var(--marine-blue);cursor:pointer;display:block;font-family:var(--ff-primary);font-weight:var(--fw-l);margin-bottom:.75rem;padding:.5rem;width:100%}.info-box input:hover,:focus{color:var(--marine-blue);cursor:pointer;outline:none}.info-box input:hover,.info-box input[type=text]:focus,:focus{border:var(--border-width) solid var(--purplish-blue)}.info-box input::-webkit-input-placeholder{color:var(--cool-gray);font-weight:var(--fw-l);letter-spacing:.02rem}.info-box input::placeholder{color:var(--cool-gray);font-weight:var(--fw-l);letter-spacing:.02rem}.info-box:last-child{margin-bottom:0}.info-box-button-container{align-items:center;background-color:var(--white);display:flex;grid-column:1/2;grid-row:7/8;justify-content:flex-end;padding:1rem 1.5rem}.info-box-button{background-color:var(--marine-blue);border-radius:.2rem;color:var(--light-blue);cursor:pointer;font-size:var(--fs-s);font-weight:var(--fw-m);padding:.6rem .75rem}.info-box-button:focus{background-color:var(--marine-blue);border:none}@media (min-width:1000px){.info-label{margin:0 0 .25rem}.info-box-button-container{grid-column:1/5;grid-row:6/7;margin:auto;padding:0 5rem 1rem;width:100%}}.plan-box-container{display:flex;flex-direction:column;gap:1rem}.plan-label{margin:0}.plan-box{align-items:flex-start;border:var(--border-width) solid var(--light-gray);border-radius:.5rem;display:flex;gap:1rem;padding:.75rem}.plan-box:hover,:focus{background-color:var(--alabaster);border:var(--border-width) solid var(--purplish-blue);cursor:pointer}.plan-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}@media (min-width:1000px){.plan-box-container{flex-direction:row;justify-content:center}.plan-box{align-items:flex-start;flex-direction:column;gap:3rem;min-width:30%}}.toggle-container{align-items:center;background-color:var(--alabaster);border-radius:.5rem;display:flex;gap:1.5rem;justify-content:center;margin:1rem 0;padding:.75rem}.round-slider-container{align-items:center;background-color:var(--marine-blue);border-radius:50px;cursor:pointer;display:flex;height:1rem;justify-content:space-around;position:relative;width:2rem}.round-slider,.round-slider-right{background-color:var(--white);border-radius:50%;height:.6rem;left:.2rem;position:absolute;top:.2rem;width:.6rem}.round-slider-right{-webkit-transform:translateX(1rem);transform:translateX(1rem)}input{display:none}@media (min-width:1000px){.toggle-container{margin:1.5rem 0}}.button-container{align-items:center;background-color:var(--white);display:flex;grid-column:1/2;grid-row:7/8;justify-content:space-between;padding:1rem 1.5rem}.button-nextstep{background-color:var(--marine-blue)}.button-confirm,.button-nextstep{border-radius:.2rem;color:var(--light-blue);cursor:pointer;font-size:var(--fs-s);font-weight:var(--fw-m);padding:.6rem .75rem}.button-confirm{background-color:var(--purplish-blue)}.return-link:hover,:focus{cursor:pointer}@media (min-width:1000px){.button-container{grid-column:1/5;grid-row:6/7;margin:auto;padding:0 5rem 1rem;width:100%}}.addon-box-container{display:flex;flex-direction:column;gap:.5rem}.addon-label{margin:0;padding:.1rem 0}.addon-icon{background-color:var(--purplish-blue);border-radius:.2rem}.addon-amount{color:var(--purplish-blue)}.addon-box{align-items:center;border:var(--border-width) solid var(--light-gray);border-radius:.5rem;display:grid;grid-template-columns:1fr 4fr 1fr;justify-content:left;padding:.75rem}.addon-box:hover,:focus{cursor:pointer}.addon-box-clicked{align-items:center;background-color:var(--alabaster);border:var(--border-width) solid var(--purplish-blue);border-radius:.5rem;cursor:pointer;display:grid;font-weight:inherit;grid-template-columns:1fr 4fr 1fr;justify-content:left;padding:.75rem}.checkmark{background-color:var(--white);border:var(--border-width) solid var(--light-gray);border-radius:.25rem}.checkmark,.checkmark-clicked{height:1.1rem;left:0;position:relative;top:0;width:1.1rem}.checkmark-clicked{background-color:var(--purplish-blue);border:var(--border-width) solid var(--white);border-radius:.25rem}.checkmark-clicked:after{border:solid #fff;border-width:0 .125rem .125rem 0;content:"";display:block;height:.5rem;left:.33rem;position:absolute;top:.15rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.3rem}.addon-wrapper{text-align:left}.purchases-container{background-color:var(--alabaster);border-radius:.5rem;display:grid;padding:1rem}.purchase-plan{display:grid;grid-template-columns:1fr 1fr}.purchase-addons{grid-gap:.75rem;display:grid;gap:.75rem;grid-auto-flow:row}.purchase-addon{display:flex;justify-content:space-between}.purchase-total{display:grid;grid-template-columns:1fr 1fr;padding:1rem 1rem 0}.purchase-amount,.total-amount{justify-self:end}hr{border:.05rem solid var(--light-gray);margin:1rem 0}.href{display:flex}.href:hover,:focus{color:var(--purplish-blue)}.confirm-box-container{display:flex;flex-direction:column;text-align:center}.confirm-box-container img{display:block;margin:auto;padding:3rem 0 1.5rem;width:20%}.attribution{-webkit-margin-before:1.5rem;background-color:var(--white);font-size:11px;margin-block-start:1.5rem;text-align:center}.attribution a{color:#3e52a3}@media (min-width:1000px){.attribution{background-color:var(--magnolia)}}
/*# sourceMappingURL=main.5e35aef5.css.map*/