.harnais-quiz{--hq-navy:var(--bleu-profond, #0a2a39);--hq-cyan:var(--bleu-glacial, #00a3c8);--hq-pale:var(--bleu-pale, #e7f2fb);--hq-muted:#546a74;--hq-line:#ced4d7;--hq-disabled:#84949c;--hq-red:var(--rouge-energie, #e22023);--hq-display:"Open Sans Condensed",var(--font-family-display, sans-serif);--hq-body:var(--font-family-body, "Open Sans", sans-serif);--hq-space:20px;--hq-title-size:20px;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:min(90vh,940px);overflow:visible;border-radius:inherit;background:#fff;color:var(--hq-navy);font-family:var(--hq-body)}.harnais-quiz *,.harnais-quiz :after,.harnais-quiz :before{box-sizing:border-box}@media(min-width:768px){.harnais-quiz{--hq-space:30px}}.harnais-quiz:focus-within{outline:0}.harnais-quiz__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:20px 30px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--hq-navy)}.harnais-quiz__title{margin:0;color:#fff;font-family:var(--hq-display);font-size:var(--hq-title-size);font-style:italic;font-weight:800;line-height:1.1;text-transform:uppercase}.harnais-quiz .modal-close-btn{-webkit-appearance:none;appearance:none;z-index:2;display:flex;width:24px;height:24px;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none;color:#fff;cursor:pointer}.harnais-quiz .modal-close-btn svg{display:block;width:24px;height:24px}.harnais-quiz .modal-close-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.harnais-quiz__progress{height:3px;flex-shrink:0;background:var(--hq-pale)}.harnais-quiz__progress-fill{height:100%;width:120px;max-width:100%;background:var(--hq-cyan);transition:width .35s ease}.harnais-quiz__product{display:none;gap:20px;align-items:center;padding:10px 20px;background:var(--hq-pale)}.harnais-quiz__product-image{width:72px;height:72px;flex-shrink:0;object-fit:cover;border-radius:8px;background:#fff}.harnais-quiz__product-name{margin-bottom:6px;font-size:16px;font-weight:700;line-height:1}.harnais-quiz__product-sub{font-size:14px;font-weight:400;line-height:1.2}.harnais-quiz__product-price{margin-top:6px;font-size:14px;font-weight:700;line-height:1.2}.harnais-quiz--taille .harnais-quiz__product:not([hidden]){display:flex}.harnais-quiz__body{flex:1 1 auto;min-height:0;padding:20px var(--hq-space);overflow:auto}@media(min-width:768px){.harnais-quiz__body{padding:20px var(--hq-space) 30px}}.harnais-quiz:has([data-hq-step=breed].harnais-quiz__step--active) .harnais-quiz__body{overflow:visible}.harnais-quiz__step{display:none;flex-direction:column;align-items:stretch;gap:15px;padding-top:10px}.harnais-quiz__step--active{display:flex}.harnais-quiz__step[data-hq-step=breed] .harnais-quiz__hint{display:none}.harnais-quiz__step[data-hq-step=breed] .harnais-quiz__question{padding-bottom:10px}.harnais-quiz__label{margin:0;color:var(--hq-cyan);font-size:14px;font-weight:600;line-height:1.1;text-transform:uppercase}.harnais-quiz__question{margin:0;font-size:18px;font-weight:700;line-height:1.1}.harnais-quiz__hint{margin:-7px 0 0;font-size:14px;font-weight:400;line-height:1.6}.harnais-quiz__field{position:relative}.harnais-quiz__field--selected .harnais-quiz__input{padding-right:88px}.harnais-quiz__field--selected .harnais-quiz__change{display:inline-flex}.harnais-quiz__input{width:100%;height:42px;padding:10px 16px;border:1px solid var(--hq-line);border-radius:6px;background:#fff;color:var(--hq-navy);font-family:inherit;font-size:14px;line-height:1.6}.harnais-quiz__input::placeholder{color:var(--hq-disabled)}.harnais-quiz__input:focus{outline:0;border-color:var(--hq-cyan)}.harnais-quiz__input:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:2px}.harnais-quiz__dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:20;overflow:visible;border:1px solid var(--hq-cyan);border-radius:6px;background:#fff;box-shadow:0 12px 32px #0a2a392e}.harnais-quiz__dropdown--open{display:block}.harnais-quiz__fallback,.harnais-quiz__option{display:block;width:100%;padding:12px 16px;border:0;background:#fff;color:var(--hq-navy);font-size:14px;text-align:left;cursor:pointer}.harnais-quiz__fallback--active,.harnais-quiz__fallback:focus-visible,.harnais-quiz__fallback:hover,.harnais-quiz__option--active,.harnais-quiz__option:focus-visible,.harnais-quiz__option:hover{background:var(--hq-pale)}.harnais-quiz__fallback:focus-visible,.harnais-quiz__option:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:-2px}.harnais-quiz__option+.harnais-quiz__option{border-top:1px solid #f0f4f8}.harnais-quiz__fallback{border-top:1px solid #f0f4f8;color:var(--hq-cyan);font-weight:600}.harnais-quiz__change{display:none;position:absolute;top:50%;right:16px;z-index:2;padding:0;border:0;background:0 0;color:var(--hq-cyan);font-size:12px;font-weight:600;line-height:1;text-decoration:none;transform:translateY(-50%);cursor:pointer}.harnais-quiz__change:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:2px}.harnais-quiz__cta,.harnais-quiz__next,.harnais-quiz__restart{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:100%;min-height:42px;height:42px;padding:0 15px;border:0;border-radius:16px 0;background:var(--hq-navy);color:#fff;font-family:var(--hq-display);font-size:16px;font-style:italic;font-weight:800;line-height:1;letter-spacing:.32px;text-transform:uppercase;text-decoration:none;cursor:pointer}.harnais-quiz__cta:focus-visible,.harnais-quiz__next:focus-visible,.harnais-quiz__restart:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:2px}.harnais-quiz__cta--disabled,.harnais-quiz__cta:disabled,.harnais-quiz__next--disabled,.harnais-quiz__next:disabled,.harnais-quiz__restart--disabled,.harnais-quiz__restart:disabled{background:var(--hq-disabled);pointer-events:none;cursor:not-allowed}.harnais-quiz__cta span,.harnais-quiz__next span,.harnais-quiz__restart span{pointer-events:none}.harnais-quiz__cta--accent{background:var(--hq-cyan)}.harnais-quiz__icon-arrow,.harnais-quiz__icon-refresh{display:block;flex-shrink:0}.harnais-quiz__counter{margin:-5px 0 0;color:var(--hq-muted);font-size:12px;line-height:1.6;text-align:center}.harnais-quiz__unit{display:none}.harnais-quiz__status{margin:0;color:var(--hq-red);font-size:13px;line-height:1.4;text-align:center}.harnais-quiz__back{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:-5px auto 0;padding:0;border:0;background:0 0;color:var(--hq-navy);font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.harnais-quiz__back:before{content:"";width:8px;height:8px;background:currentColor;clip-path:polygon(100% 0,0 50%,100% 100%)}.harnais-quiz__back:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:2px}.harnais-quiz__morpho{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 0}@media(min-width:768px){.harnais-quiz__morpho{gap:15px}}.harnais-quiz__card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:109px;padding:16px}.harnais-quiz__card:nth-child(-n+2){min-height:127px}.harnais-quiz__card{border:1px solid var(--hq-line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.harnais-quiz__card--selected,.harnais-quiz__card:hover{border-color:var(--hq-cyan)}.harnais-quiz__card--selected{background:#00a3c80d}.harnais-quiz__card:focus-visible{outline:2px solid var(--hq-cyan);outline-offset:2px}.harnais-quiz__card-label{font-size:14px;font-weight:700;line-height:1.1}.harnais-quiz__card-copy{color:var(--hq-muted);font-size:14px;font-weight:400;line-height:1.3}.harnais-quiz__unknown{width:100%;min-height:auto}.harnais-quiz__result-title{margin:0;font-family:var(--hq-display);font-size:25px;font-style:italic;font-weight:800;line-height:1.1;text-align:center;text-transform:uppercase}.harnais-quiz__result-sub{margin:-5px 0 0;font-size:14px;line-height:1.6;text-align:center}.harnais-quiz__cards{display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:600px){.harnais-quiz__cards{flex-direction:row;align-items:stretch;gap:15px}.harnais-quiz__cards .harnais-quiz__model-card{flex:1 1 0;width:auto;min-width:0}}.harnais-quiz__model-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;width:100%;padding:20px;border:1px solid rgba(10,42,57,.2);border-radius:8px;text-align:center}.harnais-quiz__model-card>.harnais-quiz__cta,.harnais-quiz__model-card>.harnais-quiz__cta--disabled{margin-top:auto}.harnais-quiz__model-card--solo{padding:0;border:0;border-radius:0}.harnais-quiz__model-card--recommended{padding-top:30px;padding-bottom:20px;border:3px solid var(--hq-cyan);background:#00a3c80d}.harnais-quiz__model-card--recommended .harnais-quiz__price,.harnais-quiz__model-card--recommended .harnais-quiz__price s{color:var(--hq-cyan)}.harnais-quiz__model-card--recommended .harnais-quiz__desc{color:#79cfe2;font-weight:700}.harnais-quiz__tag{position:absolute;top:-17px;left:50%;padding:5px 20px;border-radius:22px;background:var(--hq-cyan);color:#fff;font-family:var(--hq-display);font-size:16px;font-style:italic;font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}.harnais-quiz__kicker{display:block;color:#0a2a39b3;font-size:11px;font-weight:400;line-height:1.6;text-transform:uppercase}.harnais-quiz__model-name,.harnais-quiz__size{display:block;color:var(--hq-navy);font-size:26px;font-weight:800;line-height:1}.harnais-quiz__size--pdp{margin:20px 0 10px;font-size:50px;line-height:1.1;text-align:center}.harnais-quiz__colors{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 20px;text-align:center}.harnais-quiz__colors .harnais-quiz__kicker{margin:0}.harnais-quiz__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.harnais-quiz__swatch{--swatch-size:2rem;--swatch-offset:calc(var(--swatch-size) / 8);-webkit-appearance:none;appearance:none;position:relative;display:block;width:var(--swatch-size);height:var(--swatch-size);padding:0;border:0;border-radius:9999px;background:0 0;cursor:pointer;transition:box-shadow .15s ease}.harnais-quiz__swatch:focus-visible,.harnais-quiz__swatch:hover{outline:0;box-shadow:0 0 0 var(--swatch-offset) #fff,0 0 0 calc(var(--swatch-offset) + 1px) #0a2a3957}.harnais-quiz__swatch:focus-visible{box-shadow:0 0 0 var(--swatch-offset) #fff,0 0 0 calc(var(--swatch-offset) + 2px) var(--hq-cyan)}.harnais-quiz__swatch--selected{box-shadow:0 0 0 calc(var(--swatch-offset) - 1px) #fff,0 0 0 calc(var(--swatch-offset) + 1px) var(--hq-navy)}.harnais-quiz__swatch--oos{opacity:.4}.harnais-quiz__swatch--oos .harnais-quiz__swatch-fill:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(to top left,transparent calc(50% - .5px),rgba(10,42,57,.55) 50%,transparent calc(50% + .5px))}.harnais-quiz__swatch-fill{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:var(--swatch-fill,#ced4d7) center/cover no-repeat;box-shadow:inset calc(var(--swatch-size)/ 12) calc(var(--swatch-size)/ 12) calc(var(--swatch-size)/ 16) #0000001a,inset 0 0 0 1px #00000013,inset 0 -1px 1px #0000001a}.harnais-quiz__price{display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;font-weight:800;line-height:1}.harnais-quiz__price s{font-size:14px;font-weight:400;opacity:.8}.harnais-quiz__discount{padding:4px 5px;border-radius:6px 0;background:var(--hq-red);color:#fff;font-family:var(--hq-display);font-size:14px;font-style:italic;font-weight:700;line-height:1;text-transform:uppercase}.harnais-quiz__desc{margin:0;color:#0a2a3980;font-size:14px;font-weight:600;line-height:1.1}.harnais-quiz__note{padding:15px 20px;border:1px solid #8d6f3e;border-radius:8px;background:#fff6e6;color:#8d6f3e;font-size:12px;line-height:1.2;text-align:center}.harnais-quiz__alert{min-width:0;padding:15px 20px;overflow-x:hidden;overflow-wrap:break-word;border:1px solid var(--hq-cyan);border-radius:8px;background:#00a3c81a;font-size:12px;line-height:1.6;text-align:center;word-wrap:break-word}.harnais-quiz__reco{position:relative;display:flex;align-items:center;gap:0;width:100%;padding:10px}.harnais-quiz__reco--recommended{margin-top:12px;padding-top:24px;border:3px solid var(--hq-cyan);border-radius:8px;background:#00a3c80d}.harnais-quiz__reco-image{width:139px;height:139px;flex-shrink:0;object-fit:contain}.harnais-quiz__reco-copy{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;text-align:center}.harnais-quiz__reco .harnais-quiz__kicker{font-size:12px;line-height:1.6}.harnais-quiz__reco .harnais-quiz__model-name,.harnais-quiz__reco .harnais-quiz__size{font-size:24px;line-height:1.1}.harnais-quiz__sav{display:flex;flex-direction:column;gap:15px;font-size:14px;line-height:1.6}.harnais-quiz__sav h3{margin:0 0 10px;font-family:var(--hq-display);font-size:25px;font-style:italic;font-weight:800;line-height:1.1;text-align:center;text-transform:uppercase}.harnais-quiz__sav p,.harnais-quiz__sav ul{margin:0}.harnais-quiz__sav ul{margin:0;padding-left:1.25em;list-style:disc}.harnais-quiz__sav li+li{margin-top:4px}.harnais-quiz__mailto{text-align:center}.harnais-quiz__mailto a{color:var(--hq-cyan);text-decoration:underline}.harnais-quiz__restart{margin-top:5px;border:1px solid rgba(10,42,57,.2);background:#fff;color:var(--hq-navy)}.harnais-quiz__alt{display:block;margin:0;color:var(--hq-cyan);font-size:12px;line-height:1.6;text-align:center;text-decoration:underline}modal-element.harnais-quiz-modal{--modal-width:min(353px, calc(100vw - 40px) );--modal-overflow-y:visible;--block-border-radius:18px;--floating-close-z-index:-1}@media(min-width:600px){modal-element.harnais-quiz-modal{--modal-width:min(618px, 95vw)}}modal-element.harnais-quiz-modal::part(container),modal-element.harnais-quiz-modal::part(scroll),modal-element.harnais-quiz-modal::part(wrapper){overflow:visible}
/*# sourceMappingURL=/cdn/shop/t/13/assets/harnais-quiz.css.map */