*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1}a:not([class]){text-decoration-skip-ink:auto}a,a:visited,a:active{text-decoration:none}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--duration-1: .15s;--duration-2: .2s;--step-duration: .5s;--step-delay: .1s}body{background-color:var(--color-magnolia)}@media screen and (max-width: 63.99875em){body:before{content:"";width:100%;height:10.75rem;position:absolute;background:url(./bg-sidebar-mobile.f8e29a05.svg) center/cover no-repeat;z-index:-1}}@media screen and (max-width: 63.99875em) and (max-width: 23.43625em){body:before{background-size:auto}}@media screen and (min-width: 64em){main{padding-block:6.5rem}}.flex-column{display:flex;flex-direction:column}.space-between{display:flex;justify-content:space-between;column-gap:.625rem}.align-center{display:flex;align-items:center}.hidden{display:none!important}.invisible{width:0px;position:absolute;opacity:0;appearance:none}:root{--font-ubuntu: "Ubuntu", sans-serif;--font-size-headline-2: 1.5rem;--font-size-headline-3: .9375rem;--font-size-2: .8125rem;--font-size-3: .875rem;--font-size-4: 1rem;--font-size-5: var(--font-size-3);--font-size-6: var(--font-size-4)}@media screen and (min-width: 48em){:root{--font-size-headline-2: 1.75rem;--font-size-headline-3: 1.0625rem;--font-size-2: .9375rem;--font-size-3: 1rem;--font-size-4: 1.125rem}}@media screen and (min-width: 64em){:root{--font-size-headline-2: 2rem;--font-size-2: .875rem;--font-size-3: .9375rem;--font-size-4: 1rem;--font-size-5: 1rem;--font-size-6: 1.25rem}}body{font-family:var(--font-ubuntu)}.headline-2{font-size:var(--font-size-headline-2);font-weight:700;color:var(--color-marine-blue);margin-block-end:.625rem}.headline-3{font-size:var(--font-size-headline-3);font-weight:700;color:var(--color-marine-blue)}.text{font-size:var(--font-size-4);font-weight:400;color:var(--color-cool-gray);line-height:1.5}.text--xsm{font-size:var(--font-size-2)}.text--sm{font-size:var(--font-size-3)}.text--md{font-size:var(--font-size-5)}.text--lg{font-size:var(--font-size-6)}.text--700{font-weight:700}.text--500{font-weight:500}.text--center{text-align:center}.text--purple{color:var(--color-purplish-blue)}.text--dark{color:var(--color-marine-blue)}.text-error{font-size:var(--font-size-3);font-weight:700;color:var(--color-strawberry-red);text-align:end;line-height:1.5}:root{--color-marine-blue: hsl(213, 96%, 18%);--color-purplish-blue: hsl(243, 100%, 62%);--color-pastel-blue: hsl(228, 100%, 84%);--color-pastel-blue-01: hsl(228, 100%, 84%, .1);--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%)}.card{min-height:100vh;display:grid;grid-auto-rows:auto 1fr}@media screen and (min-width: 64em){.card{--card-max-width: 31.25rem;--card-shadow-color: rgb(0, 0, 0, .09);width:min(100% - 1rem * 2,var(--card-max-width));padding:2rem 1.5rem;background-color:var(--color-white);border-radius:.625rem;box-shadow:0 .3125rem 1.25rem var(--card-shadow-color);min-height:auto;grid-template-columns:17.125rem auto;margin-inline:auto}}@media screen and (min-width: 64em) and (min-width: 64em){.card{--card-max-width: 58.75rem;--card-shadow-color: rgb(0, 0, 0, .05);padding:1rem;border-radius:1rem}}.sidebar{padding:2rem 1rem 0}@media screen and (min-width: 64em){.sidebar{min-height:35.5rem;padding:2.5rem 2rem;background:url(./bg-sidebar-desktop.e6d2744a.svg) top center/cover no-repeat;border-radius:.625rem}}.sidebar__list{display:flex;justify-content:center;align-items:center;column-gap:1rem}@media screen and (min-width: 64em){.sidebar__list{flex-direction:column;align-items:flex-start;row-gap:2rem}}.sidebar__list .item{counter-increment:item-counter}@media screen and (min-width: 64em){.sidebar__list .item{display:flex;column-gap:1rem;align-items:center}}.sidebar__list .item:before{--counter-size: 2.125rem;content:counter(item-counter);width:var(--counter-size);height:var(--counter-size);display:grid;place-items:center;font-size:var(--font-size-3);font-weight:700;color:var(--color-alabaster);border:.0625rem solid currentColor;border-radius:50%;transition-property:background-color,color,border-color;transition:calc(var(--step-duration) / 2) ease-in}@media screen and (min-width: 48em) and (max-width: 63.99875em){.sidebar__list .item:before{--counter-size: 2.5rem}}.sidebar__list .item.active:before{background-color:var(--color-light-blue);color:var(--color-marine-blue);border-color:var(--color-light-blue)}.sidebar__list .item__content{row-gap:.25rem}@media screen and (max-width: 63.99875em){.sidebar__list .item__content{display:none}}.sidebar__list .item__headline{font-size:.8125rem;font-weight:400;color:var(--color-light-gray);text-transform:uppercase}.sidebar__list .item__sub-headline{font-size:.9375rem;font-weight:500;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em}.form{justify-content:space-between}@media screen and (min-width: 64em){.form{width:100%;padding:2.625rem 5.25rem 1rem 6.25rem}}.form__steps{--steps-padding-block: 2.125rem 1.5rem;--steps-height: auto;width:100%;min-height:var(--steps-height);display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;padding-block:var(--steps-padding-block);margin-inline:auto}@media screen and (min-width: 64em){.form__steps{--steps-padding-block: 0}}.form__control{align-items:center;background-color:var(--color-white)}@media screen and (max-width: 63.99875em){.form__control{padding:1rem}}.step{width:100%}@media screen and (max-width: 63.99875em){.step{--card-max-width: 31.25rem;--card-shadow-color: rgb(0, 0, 0, .09);width:min(100% - 1rem * 2,var(--card-max-width));padding:2rem 1.5rem;background-color:var(--color-white);border-radius:.625rem;box-shadow:0 .3125rem 1.25rem var(--card-shadow-color);flex-shrink:0}}@media screen and (max-width: 63.99875em) and (min-width: 64em){.step{--card-max-width: 58.75rem;--card-shadow-color: rgb(0, 0, 0, .05);padding:1rem;border-radius:1rem}}.step.slide-out{position:absolute;top:var(--steps-padding-block);animation:slide-out var(--step-duration) ease-in-out forwards}@keyframes slide-out{to{opacity:0;transform:translate(100%)}}.step.slide-in{opacity:0;transform:translate(100%);animation:slide-in var(--step-duration) ease-in-out var(--step-delay) forwards}@keyframes slide-in{to{opacity:1;transform:translate(0)}}.step.scale-down{position:absolute;top:var(--steps-padding-block);animation:scale-down var(--step-duration) ease-in-out forwards}@keyframes scale-down{to{opacity:0;transform:scale(.75)}}.step.scale-up{opacity:0;transform:scale(.75);animation:scale-up var(--step-duration) ease-in-out var(--step-delay) forwards}@keyframes scale-up{to{opacity:1;transform:scale(1)}}.step__fields{row-gap:1rem;margin-block-start:1.25rem}@media screen and (min-width: 64em){.step__fields{margin-block-start:2rem}.personal .step__fields{row-gap:1.5rem}.plan .step__fields{display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.125rem}}.field{position:relative}.field__container{display:flex;column-gap:.875rem;padding:.875rem;border:.0625rem solid var(--color-light-gray);border-radius:.5rem;cursor:pointer;transition-property:border-color,background-color;transition:var(--duration-2) ease}@media screen and (min-width: 64em){.plan .field__container{flex-direction:column;row-gap:3rem}.add-on .field__container{column-gap:1.375rem;padding:1.25rem 1.375rem}}.field__input:focus-visible+.field__container,.field__container:hover{border-color:var(--color-purplish-blue)}.field__input:checked+.field__container{background-color:#adbeff1a;border-color:var(--color-purplish-blue)}.personal__input{width:100%;padding:.625rem 1rem;font-weight:500;color:var(--color-marine-blue);border:.0625rem solid var(--color-light-gray);border-radius:.25rem}@media screen and (min-width: 48em){.personal__input{padding-block:.875rem;border-radius:.5rem;margin-block-start:.125rem}}.personal__input:focus-visible{outline:none;border-color:var(--color-purplish-blue)}.personal__input::placeholder{font-weight:inherit;color:var(--color-cool-gray)}.personal__input.error{border-color:var(--color-strawberry-red)}.plan__content{row-gap:.375rem}.plan .icon{--plan-icon-size: 2.5rem;width:var(--plan-icon-size);height:var(--plan-icon-size)}@media screen and (min-width: 48em) and (max-width: 63.99875em){.plan .icon{--plan-icon-size: 2.75rem}}.plan .options{display:flex;justify-content:center;align-items:center;column-gap:1.5rem;padding:.875rem;margin-block-start:1.5rem;background-color:#adbeff1a;border-radius:.5rem}@media screen and (max-width: 19.99875em){.plan .options{column-gap:1rem}}@media screen and (min-width: 64em){.plan .options{margin-block-start:2rem}}.toggle__custom{--toggle-width: 2.375rem;--toggle-height: 1.25rem;--toggle-padding: .25rem;width:var(--toggle-width);height:var(--toggle-height);display:block;position:relative;padding:var(--toggle-padding);background-color:var(--color-marine-blue);border-radius:calc(var(--toggle-height) / 2);cursor:pointer}@media screen and (min-width: 48em) and (max-width: 63.99875em){.toggle__custom{--toggle-width: 2.625rem;--toggle-height: 1.375rem}}.toggle__custom:before{--toogle-icon-size: calc(var(--toggle-height) - var(--toggle-padding) * 2);content:"";width:var(--toogle-icon-size);height:var(--toogle-icon-size);display:block;background-color:var(--color-white);border-radius:50%;transition:transform var(--duration-2) ease}.toggle__input:checked+.toggle__custom:before{transform:translate(calc(100% + var(--toggle-padding) + var(--toggle-padding) / 2))}.add-on__checkbox{--checkbox-size: 1.25rem;--checkbox-border-width: .0625rem;width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;appearance:none;position:relative;background-color:transparent;border:var(--checkbox-border-width) solid var(--color-light-gray);border-radius:.25rem;cursor:pointer}.add-on__checkbox:before{content:url(./icon-checkmark.20a2d5c8.svg);width:inherit;height:inherit;position:absolute;inset:calc(var(--checkbox-border-width) * -1);opacity:0;padding:.0625rem .25rem 0;background-color:var(--color-purplish-blue);border-radius:inherit;transition:opacity var(--duration-2) ease}.field__input:checked~.field__container .add-on__checkbox:before{opacity:1}.add-on__content{flex:1;align-items:center;gap:.5rem}@media screen and (max-width: 19.99875em){.add-on__content{flex-wrap:wrap}}.add-on__wrapper{row-gap:.125rem}.summary__container{padding-inline:1rem;margin-block-start:1.5rem}@media screen and (min-width: 64em){.summary__container{padding-inline:1.375rem}}.summary__content{padding-block:1rem}@media screen and (min-width: 64em){.summary__content{padding-block:1.375rem}}.summary__selected{background-color:var(--color-pastel-blue-01);border-radius:.5rem}.summary__wrapper{row-gap:.25rem}@media screen and (min-width: 64em){.summary__wrapper{row-gap:.375rem}}.summary__add-on{row-gap:.5rem;border-block-start:.0625rem solid var(--color-light-gray)}.summary__add-on:empty{display:none}@media screen and (min-width: 64em){.summary__add-on{row-gap:.75rem}}.confirmation{padding-block:5rem}.confirmation .icon{--icon-size: 3.5rem;width:var(--icon-size);height:var(--icon-size);margin-block-end:1.5rem}@media screen and (min-width: 64em){.confirmation .icon{--icon-size: 5rem;margin-block-end:2.125rem}}@media screen and (min-width: 64em){.confirmation .headline-2{margin-block-end:1rem}}.button,.button-back,.button-next,.button-confirm,.button-change{display:grid;place-items:center;background-color:transparent;font-size:var(--font-size-5);font-weight:500}.button-back{height:min-content;padding-block:.375rem;color:var(--color-cool-gray);transition:color var(--duration-1) ease}.button-back:hover,.button-back:focus-visible{color:var(--color-marine-blue)}.button-next,.button-confirm{width:6.125rem;height:2.5rem;margin-inline-start:auto;color:var(--color-white);border-radius:.25rem}@media screen and (min-width: 48em){.button-next,.button-confirm{width:6.75rem;height:2.75rem;border-radius:.375rem}}@media screen and (min-width: 64em){.button-next,.button-confirm{width:7.625rem;height:3rem;border-radius:.5rem}}.button-next{background-color:var(--color-marine-blue);transition:filter var(--duration-1) ease}.button-next:hover,.button-next:focus-visible{filter:saturate(150%) opacity(90%)}.button-confirm{background-color:var(--color-purplish-blue);transition:filter var(--duration-1) ease}.button-confirm:hover,.button-confirm:focus-visible{filter:opacity(80%)}.button-change{width:fit-content;color:var(--color-cool-gray);text-decoration:underline solid currentColor .125rem;transition:color var(--duration-1) ease}.button-change:hover,.button-change:focus-visible{color:var(--color-purplish-blue)}
