.registration-card{width:100%;display:flex;flex-direction:column;background-color:#fff;text-align:center}@media only screen and (min-width: 768px){.registration-card{border-radius:8px;box-shadow:0 8px 16px #254f9a1f,0 8px 16px #254f9a14;height:auto;width:35.25rem;margin:1rem auto}}.registration-card__header{display:flex;align-items:center;padding:1.5rem 1.5rem 0}.registration-card__back{margin-right:auto}.registration-card__back .c-icon{font-size:1.25rem}.registration-card__logo{display:none;margin-left:auto}@media only screen and (min-width: 768px){.registration-card__logo{display:block}}.registration-card__logo-picto{width:7.5rem;display:block}.registration-card__content{display:flex;flex-direction:column;flex-grow:1}.registration-card__content:first-child{padding-top:1.5rem}.registration-card .c-base-input,.registration-card .c-text--style-caption{text-align:left}.registration-card .c-text--style-caption a{font-weight:700}.registration-progress{margin:0 1.5rem;text-align:left}.registration-progress-enter-active,.registration-progress-leave-active{transition:all .8s cubic-bezier(.16,1,.3,1)}.registration-progress-enter,.registration-progress-leave-to{opacity:0}.registration-progress__items{display:flex;gap:1rem;margin:0;padding:1.5rem 0 .5rem;list-style:none}.registration-progress--headless .registration-progress__items{padding-top:0}.registration-progress-item{background-color:#e5e5e5;height:.5rem;flex-grow:1;flex-basis:auto;border-radius:8px;margin:0;overflow:hidden}.registration-progress-item__fill{background-color:#0970e6;height:100%;width:0%;transition:width .8s cubic-bezier(.16,1,.3,1);border-radius:8px;overflow:hidden}.registration-progress-item--active .registration-progress-item__fill{width:100%}.registration-welcome{display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;align-items:center}@media only screen and (min-width: 768px){.registration-welcome{gap:.5rem}}.registration-welcome__actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;width:26.25rem;max-width:100%}@media only screen and (min-width: 768px){.registration-welcome__actions{width:100%}}.registration-welcome__text{margin:0}.registration-welcome__picto.svg-base{width:8.875rem;height:8.875rem;margin-bottom:1.5rem}.registration-welcome__footer{margin-block:-.5rem}.registration-welcome__footer-paragraph{display:inline-block}.registration-welcome__footer-link{margin-left:.5rem}.registration-stepper__stepper--loading{opacity:.5;pointer-events:none;cursor:wait}.registration-stepper__stepper-step{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:1.5rem}@media only screen and (min-width: 768px){.registration-stepper__stepper-step{padding:2.5rem}}.registration-stepper__stepper-step--0.transition-stepper-right-enter-active{transition-delay:.25s}.registration-stepper__loader{display:flex;align-items:center;height:25rem}.registration-loyalty-page{display:flex;align-items:stretch;min-height:100vh;color:#575757;font-weight:400}@media only screen and (min-width: 768px){.registration-loyalty-page{align-items:center}}.registration-loyalty-page__wrapper{position:relative}.registration-loyalty-page__background{display:none;position:fixed;top:0;left:0;z-index:0;width:100%;height:100%}@media only screen and (min-width: 768px){.registration-loyalty-page__background{display:flex;align-items:stretch}}.registration-loyalty-page__background-image{width:50%;position:relative;background-color:#f4f4f4}.registration-loyalty-page__background-image img{position:absolute;bottom:0;right:0;margin:0;width:100%;height:100%;max-width:45rem;max-height:67.5rem;object-fit:cover}.registration-loyalty-page__background-text{width:50%;background-color:#dcedc8;display:flex;align-items:center}@media only screen and (min-width: 1024px){.registration-loyalty-page__background-text{padding-left:19.5rem}}.registration-loyalty-page__background-text .c-text{font-family:Open Sans,cf-body-fallback,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;max-width:11ch;color:#575757;-webkit-hyphens:none;hyphens:none;display:none}@media only screen and (min-width: 1024px){.registration-loyalty-page__background-text .c-text{display:block}}
