@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/MatchingSquare.Shared/MatchingSquare.Shared.o0umn9xc2z.bundle.scp.css';
@import '_content/WMBlazorSlickCarousel/WMBlazorSlickCarousel.bundle.scp.css';

/* /Layouts/Wizard/WizardLayout.razor.rz.scp.css */
.wizard-main[b-j8q318jy0n] {
    flex-grow: 1;
}
/* /Pages/Offers/Edit/OfferInformationsEdit.razor.rz.scp.css */
.offer-contacts-help[b-3fmouanu94] {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    margin: -0.4rem 0 2.4rem;
    padding: 1.4rem 1.6rem;
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 6%, #fff);
    font-size: 1.36rem;
    line-height: 1.5;
}

.offer-contacts-help__icon[b-3fmouanu94] {
    flex: 0 0 auto;
    color: var(--bs-primary, #0173a3);
    font-size: 1.8rem;
    line-height: 1.2;
}

.offer-contacts-help ul[b-3fmouanu94] {
    margin: 0.6rem 0 0;
    padding-left: 1.8rem;
}

.offer-contacts-help li + li[b-3fmouanu94] {
    margin-top: 0.4rem;
}

.offer-contacts-help a[b-3fmouanu94] {
    font-weight: 600;
    text-decoration: underline;
}
/* /Pages/Participants/Edit/ParticipantWizardInformations.razor.rz.scp.css */
.wizard-intro[b-wydu6tpddd] {
    display: grid;
    gap: 1.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard-intro li[b-wydu6tpddd] {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    padding: 1.6rem 2rem;
    border-radius: 1.36rem;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 5%, #fff);
}

.wizard-intro__icon[b-wydu6tpddd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 14%, #fff);
    color: var(--bs-primary, #0173a3);
    font-size: 1.68rem;
}

.wizard-intro p[b-wydu6tpddd] {
    margin: 0;
    align-self: center;
    line-height: 1.5;
}
/* /Pages/Users/UserJoin.razor.rz.scp.css */
/* What joining leads to, in three steps. */
.join-journey[b-a26m775nih] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: journey;
}

.join-journey li[b-a26m775nih] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem;
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 5%, #fff);
    counter-increment: journey;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
}

.join-journey li[b-a26m775nih]::before {
    content: counter(journey);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: var(--bs-primary, #0173a3);
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
}

.join-journey img[b-a26m775nih] {
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
}

@media (max-width: 767.98px) {
    .join-journey[b-a26m775nih] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Users/UserRegister.razor.rz.scp.css */
.register-account[b-riqzkwwx7o] {
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    padding: 2rem;
    border-radius: 1.36rem;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 6%, #fff);
}

.register-account__icon[b-riqzkwwx7o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bs-primary, #0173a3) 15%, #fff);
    color: var(--bs-primary, #0173a3);
    font-size: 1.9rem;
}

.register-account p[b-riqzkwwx7o] {
    margin: 0 0 0.8rem;
    line-height: 1.5;
}

.register-account p:last-child[b-riqzkwwx7o] {
    margin-bottom: 0;
}

.register-account__hint[b-riqzkwwx7o] {
    font-size: 1.36rem;
    color: var(--bs-secondary-color, #6c757d);
}
/* /Shared/ButtonSpinner.razor.rz.scp.css */
.button-spinner[b-xbco1vlol2] {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.25em;
    border-radius: 50%;
    border: 0.18em solid color-mix(in srgb, currentColor 25%, transparent);
    border-top-color: currentColor;
    animation: button-spinner-spin-b-xbco1vlol2 0.7s linear infinite;
}

.button-spinner-sm[b-xbco1vlol2] {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    border-width: 0.15em;
}

@keyframes button-spinner-spin-b-xbco1vlol2 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .button-spinner[b-xbco1vlol2] {
        animation-duration: 1.6s;
    }
}
/* /Shared/PageLoader.razor.rz.scp.css */
.page-loader[b-ekne5zgsl1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    min-height: 60vh;
    padding: 4.8rem 1.6rem;
    opacity: 0;
    animation: page-loader-fade-in-b-ekne5zgsl1 0.3s ease-out 0.25s forwards;
}

.page-loader-compact[b-ekne5zgsl1] {
    min-height: 25.6rem;
}

.page-loader-inline[b-ekne5zgsl1] {
    min-height: 0;
    padding: 1.6rem 0;
    gap: 1.2rem;
}

.page-loader-inline .page-loader-spinner[b-ekne5zgsl1] {
    width: 3.2rem;
    height: 3.2rem;
    border-width: 0.32rem;
}

.page-loader-inline .page-loader-text[b-ekne5zgsl1] {
    font-size: 1.36rem;
}

.page-loader-spinner[b-ekne5zgsl1] {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    border: 0.4rem solid color-mix(in srgb, var(--bs-primary, #0173a3) 18%, transparent);
    border-top-color: var(--bs-primary, #0173a3);
    animation: page-loader-spin-b-ekne5zgsl1 0.8s linear infinite;
}

.page-loader-text[b-ekne5zgsl1] {
    margin: 0;
    font-size: 1.52rem;
    color: var(--bs-secondary-color, #6c757d);
    letter-spacing: 0.02em;
}

@keyframes page-loader-spin-b-ekne5zgsl1 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes page-loader-fade-in-b-ekne5zgsl1 {
    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-loader-spinner[b-ekne5zgsl1] {
        animation-duration: 2s;
    }
}
/* /Shared/StepNavBar.razor.rz.scp.css */
/* The heading and the action bar have their own styles (WizardHeading, WizardActionBar): here only the
   "Toutes les étapes" button and the list it opens. --wizard-brand comes from the heading. */

.wizard-progress__toggle[b-5y44o81t41] {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.44rem;
    border: 1px solid color-mix(in srgb, var(--wizard-brand, #0173a3) 35%, transparent);
    border-radius: 999px;
    background: #fff;
    color: var(--wizard-brand, #0173a3);
    font-size: 1.44rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.wizard-progress__toggle:hover[b-5y44o81t41],
.wizard-progress__toggle:focus-visible[b-5y44o81t41] {
    background: color-mix(in srgb, var(--wizard-brand, #0173a3) 8%, #fff);
}

.wizard-progress__chevron[b-5y44o81t41] {
    font-size: 0.75em;
    transition: transform 0.2s ease;
}

.wizard-progress__chevron.is-open[b-5y44o81t41] {
    transform: rotate(180deg);
}

.wizard-steps[b-5y44o81t41] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
    gap: 0.8rem;
    margin: 1.6rem 0 0;
    padding: 1.2rem;
    list-style: none;
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.06);
}

.wizard-steps__item a[b-5y44o81t41] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding: 0.88rem 1.04rem;
    border-radius: 0.96rem;
    color: inherit;
    text-decoration: none;
}

.wizard-steps__item a:hover[b-5y44o81t41],
.wizard-steps__item a:focus-visible[b-5y44o81t41] {
    background: color-mix(in srgb, var(--wizard-brand, #0173a3) 7%, #fff);
}

.wizard-steps__number[b-5y44o81t41] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 3.04rem;
    height: 3.04rem;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--wizard-muted, #6c757d) 40%, transparent);
    color: var(--wizard-muted, #6c757d);
    font-size: 1.36rem;
    font-weight: 700;
}

.wizard-steps__label[b-5y44o81t41] {
    min-width: 0;
    font-size: 1.52rem;
    line-height: 1.3;
}

.wizard-steps__item.is-done .wizard-steps__number[b-5y44o81t41] {
    border-color: var(--wizard-brand, #0173a3);
    background: var(--wizard-brand, #0173a3);
    color: #fff;
}

.wizard-steps__item.is-current .wizard-steps__number[b-5y44o81t41] {
    border-color: var(--wizard-brand, #0173a3);
    color: var(--wizard-brand, #0173a3);
}

.wizard-steps__item.is-current .wizard-steps__label[b-5y44o81t41] {
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .wizard-progress__toggle span[b-5y44o81t41] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wizard-progress__chevron[b-5y44o81t41] {
        transition: none;
    }
}
/* /Shared/WizardActionBar.razor.rz.scp.css */
.wizard-actions[b-u6of7qvc6u] {
    position: sticky;
    bottom: 0;
    z-index: 50;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1.6rem;
    margin-top: 3.2rem;
    padding: 1.6rem 2.4rem calc(1.6rem + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0 0 1.6rem 1.6rem;
    background: #fff;
    box-shadow: 0 -0.8rem 2.4rem rgba(0, 0, 0, 0.04);
}

.wizard-actions.is-disabled[b-u6of7qvc6u] {
    pointer-events: none;
    opacity: 0.6;
}

.wizard-actions__start[b-u6of7qvc6u] {
    justify-self: start;
}

.wizard-actions__end[b-u6of7qvc6u] {
    justify-self: end;
}

/* The buttons come from the page: btn btn-primary / btn-outline-primary plus this class. */
.wizard-actions[b-u6of7qvc6u]  .wizard-actions__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.96rem;
    min-width: 14.4rem;
    padding: 1.1rem 2.4rem;
    font-size: 1.5rem;
}

.wizard-actions[b-u6of7qvc6u]  .wizard-later {
    font-size: 1.44rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6c757d);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    white-space: nowrap;
}

.wizard-actions[b-u6of7qvc6u]  .wizard-later:hover,
.wizard-actions[b-u6of7qvc6u]  .wizard-later:focus-visible {
    color: var(--bs-primary, #0173a3);
}

@media (max-width: 767.98px) {
    .wizard-actions[b-u6of7qvc6u] {
        grid-template-columns: 1fr 1fr;
        gap: 1.2rem;
        padding: 1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom, 0px));
        border-radius: 0;
    }

    .wizard-actions__middle[b-u6of7qvc6u] {
        display: none;
    }

    .wizard-actions__start[b-u6of7qvc6u],
    .wizard-actions__end[b-u6of7qvc6u] {
        justify-self: stretch;
    }

    .wizard-actions[b-u6of7qvc6u]  .wizard-actions__button {
        width: 100%;
        min-width: 0;
    }

    /* Without a way back, the way on takes the whole row. */
    .wizard-actions__start:empty[b-u6of7qvc6u] {
        display: none;
    }

    .wizard-actions__start:empty + .wizard-actions__middle + .wizard-actions__end[b-u6of7qvc6u] {
        grid-column: 1 / -1;
    }
}
/* /Shared/WizardHeading.razor.rz.scp.css */
.wizard-progress[b-3fymf6cmzh] {
    --wizard-brand: var(--bs-primary, #0173a3);
    --wizard-muted: var(--bs-secondary-color, #6c757d);
    padding: 2.8rem 0 2rem;
}

.wizard-progress__head[b-3fymf6cmzh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.6rem;
}

.wizard-progress__titles[b-3fymf6cmzh] {
    min-width: 0;
}

.wizard-progress__count[b-3fymf6cmzh] {
    display: block;
    font-size: 1.28rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--wizard-brand);
}

.wizard-progress__title[b-3fymf6cmzh] {
    margin: 0.4rem 0 0;
    font-size: clamp(2.4rem, 1.92rem + 1.2vw, 3.2rem);
    line-height: 1.2;
    font-weight: 700;
}

.wizard-progress__subtitle[b-3fymf6cmzh] {
    margin: 0.64rem 0 0;
    font-size: 1.52rem;
    color: var(--wizard-muted);
}

.wizard-progress__tools[b-3fymf6cmzh] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.8rem;
    flex: 0 0 auto;
}

.wizard-progress__bar[b-3fymf6cmzh] {
    height: 0.64rem;
    margin-top: 1.76rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--wizard-brand) 15%, transparent);
    overflow: hidden;
}

.wizard-progress__bar span[b-3fymf6cmzh] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--wizard-brand);
    transition: width 0.35s ease;
}

/* "Terminer plus tard" and the like: a quiet way out, given by the page. On a phone it sits up here,
   on a larger screen in the middle of the action bar. */
.wizard-progress[b-3fymf6cmzh]  .wizard-later {
    font-size: 1.44rem;
    font-weight: 600;
    color: var(--wizard-muted);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    white-space: nowrap;
}

.wizard-progress[b-3fymf6cmzh]  .wizard-later:hover,
.wizard-progress[b-3fymf6cmzh]  .wizard-later:focus-visible {
    color: var(--wizard-brand);
}

.wizard-progress[b-3fymf6cmzh]  .wizard-later--top {
    display: none;
}

@media (max-width: 767.98px) {
    .wizard-progress[b-3fymf6cmzh] {
        padding: 2rem 0 1.6rem;
    }

    .wizard-progress[b-3fymf6cmzh]  .wizard-later--top {
        display: inline;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wizard-progress__bar span[b-3fymf6cmzh] {
        transition: none;
    }
}
/* /Shared/WizardShell.razor.rz.scp.css */
/* <main> is a flex box in the site's styles: the shell must not grow past the screen to fit its
   widest content (min-width: 0), it takes the room left and keeps its own max width. */
.wizard-shell[b-25ec1bpgi4] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    max-width: 96rem;
    margin: 0 auto;
    padding: 0 1.6rem 4rem;
}

.wizard-card[b-25ec1bpgi4] {
    display: flex;
    flex-direction: column;
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.06);
}

/* The step pages bring their own section padding and container: inside the card they only need
   the card's width. The section grows with the card and would centre a short step vertically:
   start it at the top. */
.wizard-card[b-25ec1bpgi4]  .registration-banner {
    align-items: flex-start;
    padding: 3.2rem 0 0.8rem;
}

/* min-width: 0 because .registration-banner is a flex box: its container would otherwise grow to its
   widest content, such as the text editor's toolbar on a phone, and push the page sideways. Held to
   the card's width, the editor folds its toolbar buttons into a "more" menu instead. */
.wizard-card[b-25ec1bpgi4]  .registration-banner > .container {
    min-width: 0;
    max-width: none;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

@media (max-width: 767.98px) {
    /* On a phone the card fills the rest of the screen, so that on a short step the buttons sit at
       the bottom rather than halfway down with empty space under them. */
    .wizard-shell[b-25ec1bpgi4] {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .wizard-card[b-25ec1bpgi4] {
        flex: 1 0 auto;
        border-radius: 1.6rem 1.6rem 0 0;
        box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.04);
    }

    .wizard-card[b-25ec1bpgi4]  .wizard-actions {
        margin-top: auto;
    }

    .wizard-shell[b-25ec1bpgi4]  .wizard-progress {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .wizard-card[b-25ec1bpgi4]  .registration-banner {
        padding-top: 2.4rem;
    }

    .wizard-card[b-25ec1bpgi4]  .registration-banner > .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
}