quizz-modale{display:block}.quizz-modale{position:relative}.quizz-modale .flickity-viewport{overflow:visible!important}.quizz-modale summary{list-style:none;cursor:pointer}.quizz-modale summary::-webkit-details-marker{display:none}.quizz-modale:not([open]) .quizz-modale__overlay{display:none}.quizz-modale[open] .quizz-modale__overlay{display:-webkit-box;display:-ms-flexbox;display:flex}.quizz-modale .grid-product .grid-product__image-mask{aspect-ratio:initial}.quizz-modale__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#00000080;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0}@media (min-width: 768px){.quizz-modale__overlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:0}}.quizz-modale__container{position:relative;width:100%;height:100%;background-color:var(--colorFooter);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.quizz-modale__container::-webkit-scrollbar{display:none}@media (min-width: 768px){.quizz-modale__container{height:100%;max-width:600px;border-radius:5px 0 0 5px;-webkit-box-shadow:-2px 0 10px rgba(0,0,0,.1);box-shadow:-2px 0 10px #0000001a}}.quizz-modale__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;padding:24px 17px;overflow:hidden}@media (min-width: 768px){.quizz-modale__content{padding:32px}}.quizz-modale__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.quizz-modale__progress{font-weight:500;font-size:18px;line-height:24px;letter-spacing:.45px;color:var(--colorTextBody)}.quizz-modale__progress .quizz-modale__step-current{color:#3aaa32}.quizz-modale__close{background:none;border:none;padding:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px}.quizz-modale__close:hover{opacity:.7}.quizz-modale__close svg{width:17.5px;height:17.5px}.quizz-modale__title{font-weight:500;font-size:24px;line-height:32px;letter-spacing:.45px;color:var(--colorTextBody);margin:0 0 24px}@media (min-width: 768px){.quizz-modale__title{font-size:30px;line-height:40px}}.quizz-modale__description{font-weight:300;font-size:16px;line-height:24px;letter-spacing:.4px;color:var(--colorTextBody);margin:0 0 24px}@media (min-width: 768px){.quizz-modale__description{font-size:18px;line-height:28px;letter-spacing:.45px}}.quizz-modale__options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:24px}.quizz-modale__options--step1{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.quizz-modale__option{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:var(--color-bg);border:1px solid #dadada;border-radius:5px;padding:20px 16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:16px}.quizz-modale__option:hover{border-color:#3aaa32}.quizz-modale__option--selected{background-color:#dbffdb;border-color:#3aaa32}.quizz-modale__option-icon{line-height:0}.quizz-modale__option-text{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.4px;color:var(--colorTextBody);text-align:start}@media (min-width: 768px){.quizz-modale__option-text{font-size:18px;letter-spacing:.45px}}.quizz-modale__footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;min-height:45px;padding-top:16px;position:relative}.quizz-modale__footer:before{content:"";position:absolute;bottom:100%;height:20px;width:100%;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(var(--colorFooter)));background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--colorFooter) 100%)}.quizz-modale__footer--step2,.quizz-modale__footer--step3,.quizz-modale__footer--step4,.quizz-modale__footer--step5{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}@media (min-width: 768px){.quizz-modale__footer--step2,.quizz-modale__footer--step3,.quizz-modale__footer--step4,.quizz-modale__footer--step5{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (max-width: 767px){.quizz-modale__footer--step5{padding-bottom:24px}}.quizz-modale__cta{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}@media (min-width: 768px){.quizz-modale__cta{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}}.quizz-modale__cta[disabled]{cursor:default;color:#b6b6b6!important;background-color:#f6f6f6!important}.quizz-modale__body{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:calc(100% - 75px);overflow-y:auto;overflow-x:hidden}.quizz-modale__step{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.quizz-modale__step--active{display:-webkit-box;display:-ms-flexbox;display:flex}.quizz-modale__newsletter{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:-webkit-gradient(linear,left top,left bottom,from(#d7f3d5),to(#fff)),#fff;background:linear-gradient(180deg,#d7f3d5,#fff),#fff;border-radius:5px;padding:12px;margin-bottom:24px;gap:12px}@media (min-width: 768px){.quizz-modale__newsletter{padding:20px;gap:16px}}.quizz-modale__newsletter-text{font-weight:300;font-size:16px;line-height:20px;color:var(--colorTextBody);margin:0}@media (min-width: 768px){.quizz-modale__newsletter-text{font-size:18px;line-height:28px;letter-spacing:.45px}}.quizz-modale__newsletter-benefits{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.quizz-modale__newsletter-benefit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.quizz-modale__newsletter-benefit svg{width:32px;height:32px;-ms-flex-negative:0;flex-shrink:0}.quizz-modale__newsletter-benefit span{font-weight:300;font-size:16px;line-height:20px;color:var(--colorTextBody);-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 768px){.quizz-modale__newsletter-benefit span{white-space:nowrap;font-size:18px;line-height:28px;letter-spacing:.45px}}.quizz-modale__email-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quizz-modale__email-label{font-weight:500;font-size:14px;line-height:20px;letter-spacing:.45px;color:var(--colorTextBody)}.quizz-modale__email-input-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-bg);border:1px solid #dadada;border-radius:5px;overflow:hidden;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.quizz-modale__email-input-wrapper:focus-within{border-color:#3aaa32}.quizz-modale__email-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:56px;background:transparent;border:none;padding:16px 8px 16px 16px;font-weight:300;font-size:18px;line-height:24px;letter-spacing:.45px;color:var(--colorTextBody)}.quizz-modale__email-input::-webkit-input-placeholder{color:#757575}.quizz-modale__email-input::-moz-placeholder{color:#757575}.quizz-modale__email-input:-ms-input-placeholder{color:#757575}.quizz-modale__email-input::-ms-input-placeholder{color:#757575}.quizz-modale__email-input::placeholder{color:#757575}.quizz-modale__email-input:focus{outline:none}.quizz-modale__email-submit{position:relative;width:42px;height:42px;background-color:#3aaa32;border:none;border-radius:5px;margin:0 8px 0 0;padding:0;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease;-ms-flex-negative:0;flex-shrink:0}.quizz-modale__email-submit:hover{background-color:#2d8a26;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.quizz-modale__email-submit:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.quizz-modale__email-submit.btn--loading{cursor:default;-webkit-transform:none;-ms-transform:none;transform:none}.quizz-modale__email-submit.btn--loading:hover{background-color:#3aaa32;-webkit-transform:none;-ms-transform:none;transform:none}.quizz-modale__email-submit svg{width:20px;height:20px}.quizz-modale__email-submit svg path{color:#fff;fill:currentColor;stroke:currentColor}.quizz-modale input:active,.quizz-modale input:focus{border:none}.quizz-modale__submit-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.quizz-modale__submit-icon--arrow,.quizz-modale__submit-icon--check{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.quizz-modale__submit-icon--arrow svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.quizz-modale__success-message,.quizz-modale__error-message{padding:12px 16px;border-radius:5px;margin-bottom:16px;font-weight:500;font-size:14px;line-height:20px}.quizz-modale__success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.quizz-modale__error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.quizz-modale__option-image{-ms-flex-negative:0;flex-shrink:0;width:64px;height:64px}.quizz-modale__option-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.quizz-modale__cta--secondary{line-height:1.42;text-decoration:none;text-align:center;white-space:normal;font-size:calc(var(--typeBaseSize) - 4px);font-size:max(var(--typeBaseSize) - 4px,13px);font-weight:700;text-transform:uppercase;letter-spacing:.3em;display:inline-block;padding:11px 20px;margin:0;width:100%;min-width:90px;vertical-align:middle;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--buttonRadius);color:#3aaa32;background-color:#fff;-webkit-transition:border .2s ease;transition:border .2s ease}.quizz-modale__cta--secondary:hover{border-color:#3aaa32}@media (min-width: 768px){.quizz-modale__cta--secondary{-webkit-box-flex:0;-ms-flex:none;flex:none;width:auto}}.quizz-modale__collection-filters{display:block!important}.quizz-modale__products-slider{margin-bottom:24px}.quizz-modale__products-slider:not(.flickity-enabled){display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quizz-modale__products-slider .flickity-viewport{height:auto;min-height:300px}.quizz-modale__products-slider .flickity-page-dots{display:none}.quizz-modale__products-loader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:300px;padding:40px}.quizz-modale__spinner{width:48px;height:48px;border:4px solid rgba(58,170,50,.1);border-top-color:#3aaa32;border-radius:50%;-webkit-animation:quizz-spinner-rotate .8s linear infinite;animation:quizz-spinner-rotate .8s linear infinite}@media (prefers-reduced-motion: reduce){.quizz-modale__spinner{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.quizz-modale__product-slide{width:calc(100% - 32px);margin-right:16px}@media (min-width: 768px){.quizz-modale__product-slide{width:calc(50% - 16px)}}.quizz-modale__product-slide .product-card,.quizz-modale__product-slide .grid__item{width:100%;margin:0;padding:0}.quizz-modale__product-slide .product-card__inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quizz-modale__product-slide .product-card__image-wrapper{aspect-ratio:1;width:100%;height:auto;margin-bottom:12px}.quizz-modale__product-slide .product-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.quizz-modale__product-slide .product-card__info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0}.quizz-modale__product-slide .product-card__title{font-size:16px;line-height:1.3;margin-bottom:8px}.quizz-modale__product-slide .product-card__title a{color:var(--colorTextBody);text-decoration:none}.quizz-modale__product-slide .product-card__title a:hover{color:#3aaa32}.quizz-modale__product-slide .product-card__price{font-weight:500;color:var(--colorTextBody)}.quizz-modale__product-slide .product-card__vendor{font-size:14px;color:#757575;margin-bottom:4px}.quizz-modale__no-products{text-align:center;padding:40px 20px;color:#757575}.quizz-modale__no-products p{margin:0;font-size:16px;line-height:1.5}.quizz-modale__no-products button{margin-top:16px}body.quizz-modale-open{overflow:hidden}@media (min-width: 768px){body.quizz-modale-open{overflow:auto}}@-webkit-keyframes quizz-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes quizz-spinner-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/component-quizz-modale.css.map */