.ch-newsl,.ch-newsl *,.ch-newsl *:before,.ch-newsl *:after{box-sizing:border-box}.ch-newsl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ch-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--ch-space-20)}.ch-newsl[hidden]{display:none}.ch-newsl__voile{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background-color:var(--ch-color-overlay);animation:ch-newsl-voile var(--ch-duration-base) var(--ch-ease-out) both;cursor:pointer}@keyframes ch-newsl-voile{0%{opacity:0}}.ch-newsl__panneau{position:relative;display:grid;grid-template-columns:30rem 46rem;inline-size:76rem;max-inline-size:100%;max-block-size:calc(100vh - var(--ch-space-40));overflow:auto;border-radius:var(--ch-radius-lg);background-color:var(--ch-color-surface-raised);box-shadow:var(--ch-shadow-lg);animation:ch-newsl-panneau var(--ch-duration-base) var(--ch-ease-out) both}@keyframes ch-newsl-panneau{0%{opacity:0;transform:translateY(1.2rem)}}.ch-newsl__visuel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--ch-space-40);background-color:var(--ch-color-primary);color:var(--ch-color-primary-contrast);text-align:center}.ch-newsl__visuel-texte{position:relative;z-index:var(--ch-z-raised);margin-block-end:var(--ch-space-48)}.ch-newsl__surtitre{margin:0;font-size:var(--ch-text-caption-s);font-weight:var(--ch-weight-semibold);letter-spacing:var(--ch-tracking-wide);line-height:1.25;text-transform:uppercase}.ch-newsl__avantage{margin:var(--ch-space-12) 0 0;font-size:var(--ch-text-display);font-weight:var(--ch-weight-bold);letter-spacing:var(--ch-tracking-tight);line-height:var(--ch-leading-tight)}.ch-newsl__avantage-note{margin:var(--ch-space-12) 0 0;font-size:var(--ch-text-body-s);line-height:var(--ch-leading-normal)}.ch-newsl__decor{position:absolute;inset-block-end:0;inset-inline:0;inline-size:100%;block-size:17rem;object-fit:contain;object-position:bottom center;mix-blend-mode:multiply;pointer-events:none}.ch-newsl__pastille{display:flex;align-items:center;justify-content:center;inline-size:6.4rem;block-size:6.4rem;border-radius:var(--ch-radius-circle);background-color:var(--ch-color-primary-contrast);color:var(--ch-color-primary)}.ch-newsl__pastille svg{inline-size:3.2rem;block-size:3.2rem}.ch-newsl__confirmation{margin:var(--ch-space-24) 0 0;font-size:var(--ch-text-h5);font-weight:var(--ch-weight-semibold);line-height:var(--ch-leading-snug)}.ch-newsl__contenu{display:flex;flex-direction:column;gap:var(--ch-space-20);padding:var(--ch-space-40)}.ch-newsl__titre{margin:0;color:var(--ch-color-text);font-size:var(--ch-text-h3);font-weight:var(--ch-weight-bold);letter-spacing:var(--ch-tracking-tight);line-height:var(--ch-leading-tight)}.ch-newsl__texte{margin:0;color:var(--ch-color-text-muted);font-size:var(--ch-text-body-m);line-height:var(--ch-leading-normal)}.ch-newsl__form{display:flex;flex-direction:column;gap:var(--ch-space-20);margin:0}.ch-newsl__form>.h-captcha{display:contents}.ch-newsl__champ{display:flex;flex-direction:column;gap:var(--ch-space-8)}.ch-newsl__label{color:var(--ch-color-text);font-size:var(--ch-text-label);font-weight:var(--ch-weight-medium);line-height:1.29}.ch-newsl__saisie-enveloppe{position:relative}.ch-newsl__saisie{inline-size:100%;block-size:5.2rem;padding-inline:var(--ch-space-16);border:1px solid var(--ch-color-border-strong);border-radius:var(--ch-radius-md);background-color:var(--ch-color-surface);color:var(--ch-color-text);font-family:inherit;font-size:var(--ch-text-body-m)}.ch-newsl__saisie::placeholder{color:var(--ch-color-text-subtle)}.ch-newsl__saisie:focus-visible{outline:0;border-color:var(--ch-color-focus-ring);box-shadow:var(--ch-shadow-focus)}.ch-newsl__saisie[aria-invalid=true]{border-color:var(--ch-color-error);padding-inline-end:var(--ch-space-48)}.ch-newsl__saisie-icone{position:absolute;inset-block-start:50%;inset-inline-end:var(--ch-space-16);transform:translateY(-50%);inline-size:2rem;block-size:2rem;color:var(--ch-color-error);pointer-events:none}.ch-newsl__saisie-icone svg{inline-size:2rem;block-size:2rem}.ch-newsl__message{display:flex;align-items:flex-start;gap:var(--ch-space-12);margin:0;padding:var(--ch-space-12);border-radius:var(--ch-radius-sm);font-size:var(--ch-text-body-s);line-height:1.43}.ch-newsl__message svg{flex:0 0 auto;inline-size:1.6rem;block-size:1.6rem}.ch-newsl__message--erreur{background-color:var(--ch-color-error-bg);color:var(--ch-color-error-text)}.ch-newsl__code{display:flex;flex-direction:column;align-items:center;gap:var(--ch-space-4);padding:var(--ch-space-20);border:1px dashed var(--ch-color-border-strong);border-radius:var(--ch-radius-md);background-color:var(--ch-color-surface-sunken);text-align:center}.ch-newsl__code-valeur{color:var(--ch-color-text);font-size:var(--ch-text-h5);font-weight:var(--ch-weight-bold);letter-spacing:var(--ch-tracking-wide);line-height:var(--ch-leading-snug)}.ch-newsl__code-note{color:var(--ch-color-text-muted);font-size:var(--ch-text-caption);line-height:1.54}.ch-newsl__mention{margin:0;color:var(--ch-color-text-subtle);font-size:var(--ch-text-caption-s);line-height:var(--ch-leading-normal)}.ch-newsl__mention a{color:inherit}.ch-newsl__fermer{position:absolute;inset-block-start:var(--ch-space-12);inset-inline-end:var(--ch-space-12);display:flex;align-items:center;justify-content:center;inline-size:4.4rem;block-size:4.4rem;padding:0;border:0;border-radius:var(--ch-radius-circle);background:none;color:var(--ch-color-text);cursor:pointer}.ch-newsl__fermer:hover{background-color:var(--ch-color-surface-sunken)}.ch-newsl__fermer:focus-visible{outline:0;box-shadow:var(--ch-shadow-focus)}.ch-newsl__fermer svg{inline-size:2rem;block-size:2rem}@media screen and (max-width:749px){.ch-newsl{padding:var(--ch-space-20)}.ch-newsl__panneau{grid-template-columns:1fr;inline-size:35rem}.ch-newsl__visuel{padding:var(--ch-space-32) var(--ch-space-24) var(--ch-space-24)}.ch-newsl__visuel-texte{margin-block-end:0}.ch-newsl__decor{display:none}.ch-newsl__contenu{gap:var(--ch-space-16);padding:var(--ch-space-24)}.ch-newsl__form{gap:var(--ch-space-16)}}@media(prefers-reduced-motion:reduce){.ch-newsl__voile,.ch-newsl__panneau{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-ch-newsletter-modale.css.map */