.diagnostic{height:100dvh;color:var(--text-color-diag);position:relative}@media(min-width: 768px){.diagnostic{max-height:calc(100dvh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)))}}.diagnostic .diagnostic-start{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 30px}@media(min-width: 768px){.diagnostic .diagnostic-start{justify-content:space-between;padding:0 0 60px}}.diagnostic .diagnostic-start__background-media{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}.diagnostic .diagnostic-start__background-media .video-wrapper{height:100%}.diagnostic .diagnostic-start__background-media img{width:100%;height:100%;object-fit:cover}.diagnostic .diagnostic-start__content{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:280px;margin:auto}@media(min-width: 768px){.diagnostic .diagnostic-start__content{max-width:350px;gap:24px}}.diagnostic .diagnostic-start__content h1,.diagnostic .diagnostic-start__content p,.diagnostic .diagnostic-start__content button{margin:0;text-align:center}.diagnostic .diagnostic-start__content .button{padding:16px;font-size:16px;font-weight:500 !important}@media(min-width: 768px){.diagnostic .diagnostic-start__content .button{margin-top:4px}}.diagnostic .diagnostic-start__heading{font-size:28px;font-weight:500;line-height:120%;text-transform:uppercase}@media(min-width: 768px){.diagnostic .diagnostic-start__heading{font-size:51px;line-height:100%}}.diagnostic .diagnostic-start__description{font-size:16px;font-weight:400;line-height:130%}@media(min-width: 768px){.diagnostic .diagnostic-start__description{font-size:21px}}.diagnostic .diagnostic-start__return-home{display:none}@media(min-width: 768px){.diagnostic .diagnostic-start__return-home{font-size:14px !important}}@media(max-height: 800px){.diagnostic .diagnostic-start__return-home{display:flex;flex-direction:row;align-items:center;gap:3px;color:#fff;font-size:12px}.diagnostic .diagnostic-start__return-home span{color:currentColor;text-decoration:underline}.diagnostic .diagnostic-start__return-home::after{content:"";position:absolute;inset:-11px;background:#000;filter:blur(60px);opacity:.3;z-index:-1}}.diagnostic .diagnostic-start .button--tertiary{padding:12px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);font-size:15px;border:1px solid #b2dcd6;color:var(--text-color-diag);padding:12px}@media(min-width: 768px){.diagnostic .diagnostic-start .button--tertiary{width:fit-content;position:relative;bottom:unset;left:unset;transform:unset;font-size:12px}}.diagnostic .diagnostic-start .diagnostic-categories .diagnostic-categories__category:first-of-type{font-weight:500}.diagnostic .diagnostic-start .diagnostic-categories .diagnostic-categories__category:first-of-type:before{width:100% !important}.diagnostic .diagnostic-categories{display:none}@media(min-width: 768px){.diagnostic .diagnostic-categories{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding-top:30px;width:100%;z-index:2}}.diagnostic .diagnostic-categories__category{margin:0;margin-block-end:0;margin-block-start:0;position:relative}.diagnostic .diagnostic-categories__category--is-active{font-weight:500}.diagnostic .diagnostic-categories__category--is-active:before{width:100% !important}.diagnostic .diagnostic-categories__category:before{content:"";width:0;height:1px;background:currentColor;position:absolute;bottom:-4px;left:0;transition:width 300ms ease}.diagnostic .question{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100dvh;max-height:100dvh;position:relative;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.diagnostic .question::-webkit-scrollbar{display:none}@media(min-width: 768px){.diagnostic .question{max-height:calc(100dvh - (var(--announcement-bar-height, 0px) + var(--header-height, 0px)));display:grid;grid-template-columns:40% 60%;grid-template-rows:100%;align-items:start}}.diagnostic .question--last .diagnostic-timer{position:absolute;top:0;left:0;width:100%;z-index:3}.diagnostic .question--last .question__content{margin-top:48px}@media(min-width: 768px){.diagnostic .question--last .question__content{margin-top:30px}}.diagnostic .question--last .question__home-link-content{top:40px}@media(min-width: 768px){.diagnostic .question--last .question__home-link-content{top:50px}}.diagnostic .question__background-color{width:100%;height:100%;background:#f4f9f8}.diagnostic .question__media-wrapper{max-height:150px;height:100%;width:100%}@media(min-width: 768px){.diagnostic .question__media-wrapper{display:block;max-height:unset;position:relative}}.diagnostic .question__media-wrapper .video-wrapper{object-fit:cover;height:100%;width:100%}.diagnostic .question__media-wrapper img{object-fit:cover;height:100%;width:100%}.diagnostic .question__content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;margin-bottom:65px;padding:0 40px}@media(min-width: 768px){.diagnostic .question__content{margin-top:0;margin-bottom:0;height:calc(100% - 60px)}}.diagnostic .question__content .diagnostic-categories{position:absolute;top:0;padding-bottom:4px;background:#fff}.diagnostic .question__text-form-content{padding:35px 25px;max-width:510px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;height:fit-content;max-height:calc(100dvh - 60px - 48px)}@media(min-width: 768px){.diagnostic .question__text-form-content{gap:30px;padding:90px 0 35px;max-height:unset}}.diagnostic .question__heading{font-size:28px;font-weight:500;line-height:120%;text-transform:uppercase;text-align:center;margin-bottom:0}@media(min-width: 768px){.diagnostic .question__heading{font-size:38px;line-height:110%}}.diagnostic .question__description{text-align:center;margin:0;font-size:16px;margin-bottom:8px}@media(min-width: 768px){.diagnostic .question__description{font-size:21px}}.diagnostic .question .customerDataForm{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}.diagnostic .question .customerDataForm .choice{position:relative;cursor:pointer;background:rgba(0,0,0,0);transition:background 150ms ease}.diagnostic .question .customerDataForm .choice--hovered-style:hover{background:rgb(var(--accent-color))}.diagnostic .question .customerDataForm .choice input{opacity:0;pointer-events:none;visibility:hidden;position:absolute;top:0;left:0}.diagnostic .question .customerDataForm .choice input:checked+label{background:#b2dcd6}.diagnostic .question .customerDataForm label{font-size:16px;font-weight:500;line-height:100%;text-transform:uppercase;padding:16px 24px;border:1px solid #b2dcd6;display:block;text-align:center;cursor:pointer}.diagnostic .question .customerDataForm .input{padding:12px 12px 12px 45px;border:1px solid #eaeced;background-repeat:no-repeat;font-size:14px}.diagnostic .question .customerDataForm .input::placeholder{color:rgb(var(--text-color))}.diagnostic .question .customerDataForm[data-type=pour-qui]{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center}.diagnostic .question .customerDataForm[data-type=nom-genre]{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;width:100%}.diagnostic .question .customerDataForm[data-type=nom-genre] input[type=text]{width:100%;grid-column:span 2;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 20.25C4.81594 17.1122 8.11406 15 12 15C15.8859 15 19.1841 17.1122 21 20.25" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:left .7rem top 50%}.diagnostic .question .customerDataForm[data-type=nom-genre] .choice:last-of-type{grid-column:span 2}.diagnostic .question .customerDataForm[data-type=email]{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:530px;margin:0 auto}.diagnostic .question .customerDataForm[data-type=email] .input{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M21 5.25L12 13.5L3 5.25" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 5.25H21V18C21 18.1989 20.921 18.3897 20.7803 18.5303C20.6397 18.671 20.4489 18.75 20.25 18.75H3.75C3.55109 18.75 3.36032 18.671 3.21967 18.5303C3.07902 18.3897 3 18.1989 3 18V5.25Z" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.3641 12L3.23157 18.5381" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.7684 18.5381L13.6359 12" stroke="%23343330" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:left .8rem top 50%;width:100%}.diagnostic .question .customerDataForm[data-type=email] .button{font-size:16px;margin-top:0;width:100%}@media(min-width: 768px){.diagnostic .question .customerDataForm[data-type=email] .button{width:fit-content;margin:0 auto;font-size:12px;width:fit-content}}.diagnostic .question .customerDataForm[data-type=email] .skip-step{font-size:14px;font-weight:400;line-height:130%;text-decoration-line:underline;text-align:center}.diagnostic .question .customerDataForm[data-type=email]~.question__diag-saved{display:none}.diagnostic .question .customerDataForm .button--next-question{font-size:16px;font-weight:500 !important;grid-column:span 2;margin-top:15px}@media(min-width: 768px){.diagnostic .question .customerDataForm .button--next-question{margin-top:30px}}.diagnostic .question__answers{display:grid;grid-template-columns:1fr;gap:16px;width:100%}@media(min-width: 768px){.diagnostic .question__answers{max-width:300px;margin:0 auto}}.diagnostic .question .answer-button{padding:16px;text-align:center;font-size:16px;font-weight:600;line-height:130%;text-transform:uppercase;border:1px solid rgb(var(--accent-color));background:rgba(0,0,0,0);transition:background 150ms ease}.diagnostic .question .answer-button:hover,.diagnostic .question .answer-button.is-answered{background:rgb(var(--accent-color))}.diagnostic .question__diag-saved{margin-bottom:5px;margin-top:20px}@media(min-width: 768px){.diagnostic .question__diag-saved{margin-top:0}}.diagnostic .question__diag-saved p{font-size:12px;font-style:italic;text-align:center}.diagnostic .question__diag-saved svg{margin-left:4px}.diagnostic .question .back-button{position:fixed;bottom:0;right:0;width:100%;color:#fff;background:#323e48;padding:11px 32px;display:flex;flex-direction:row;align-items:center;gap:14px;text-transform:uppercase;font-size:12px;font-weight:600}@media(min-width: 768px){.diagnostic .question .back-button{padding:16px 32px;justify-content:center;width:60%}}.diagnostic .question .back-button span{margin-top:6px}.diagnostic .question__home{display:flex;flex-direction:row;align-items:center;gap:8px}.diagnostic .question__home span{font-weight:500;margin-top:4px;text-decoration:underline}.diagnostic .question__home-link-content{position:absolute;top:20px;left:25px;z-index:2}.diagnostic .question__home-link-content span{color:currentColor}@media(min-width: 768px){.diagnostic .question__home-link-content{display:none}}@media(max-height: 800px)and (min-width: 768px){.diagnostic .question__home-link-content{display:block}}@media(min-width: 768px){.diagnostic .question .home-link-content--has-desktop-image{color:#fff}.diagnostic .question .home-link-content--has-desktop-image::after{content:"";position:absolute;inset:-11px;background:#000;filter:blur(60px);opacity:.3;z-index:-1}}@media(max-width: 767px){.diagnostic .question .home-link-content--has-mobile-image{color:#fff}.diagnostic .question .home-link-content--has-mobile-image::after{content:"";position:absolute;inset:-11px;background:#000;filter:blur(60px);opacity:.2;z-index:-1}}.diagnostic .question .email-optin-label{border:0 !important;font-style:normal !important;font-weight:400 !important;font-size:14px !important;line-height:100% !important;color:rgb(var(--text-color));text-align:left !important;padding:0 !important;margin-left:12px;text-transform:none !important;margin-top:5px;line-height:120% !important}@media(min-width: 768px){.diagnostic .question .email-optin-label{font-size:16px !important}}.diagnostic .question .checkbox-container{align-items:flex-start;display:flex}.diagnostic .question .checkbox{border-color:rgb(var(--accent-color));border-radius:4px;width:20px;height:20px;margin-top:4px}.diagnostic .question .checkbox:checked{background-color:rgb(var(--accent-color))}.diagnostic .diagnostic-timer{color:rgb(var(--text-color));width:100%;background:#fff;height:100%;max-height:30px;border-bottom:1px solid #f4f9f8}@media(min-width: 768px){.diagnostic .diagnostic-timer{height:100%;max-height:48px}}.diagnostic .diagnostic-timer__text{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-size:14px;height:100%}@media(min-width: 768px){.diagnostic .diagnostic-timer__text{font-size:18px}}.diagnostic .diagnostic-timer svg{width:16px;height:16px}@media(min-width: 768px){.diagnostic .diagnostic-timer svg{width:24px;height:24px}}.diagnostic #diag-submit-error{display:none;text-align:center;color:red}.suffix-diag{max-height:100dvh}.suffix-diag .shopify-section-group-footer-group{display:none}.suffix-diag .shopify-section-group-header-group{display:none}@media(min-width: 768px){.suffix-diag .shopify-section-group-header-group{display:block}}@media(max-height: 800px)and (min-width: 768px){.suffix-diag .shopify-section-group-header-group{display:none}}