:root{--stroke-dashoffset: 0 }.section_diagnostic{display:flex;min-height:calc(100vh - 124px)}main#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:20px;font-family:Cochin LT Std,serif;line-height:24px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}main#app p{margin:0;letter-spacing:0;font-weight:400;font-size:unset;line-height:unset}main#app .wrap{width:100%;max-width:1248px;margin:0 auto;padding-inline:24px}main#app .wrap.small{max-width:1100px}main#app .btn{padding:12px 16px 8px;font-size:22px;font-family:Wilma,"sans-serif"!important;line-height:24px;text-align:center;text-decoration:none;color:#000;background-color:#fffbeb;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}main#app header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;background:#fffbeb}main#app header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 0 10px;font-size:18px;font-family:Wilma,"sans-serif"!important;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;gap:0 64px}main#app header progress{width:100%;height:4px;background:#fffbeb}main#app header progress::-webkit-progress-value{background:#000}main#app header progress::-webkit-progress-bar{background:#fffbeb}main#app article{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-grow:1}main#app article .image{position:relative;background:url(./bg.jpg) no-repeat center center;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}main#app .klaviyo_diagnostic_wrapper{display:none}main#app article .image .vertical_text{position:absolute;bottom:400px;right:79px;font-family:Wilma,"sans-serif"!important;font-size:100px;font-style:normal;font-weight:200;line-height:100px;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}main#app article #results{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:75%;margin:20px;padding:16px;font-size:12px;font-family:monospace;line-height:18px;background:#fffd}main#app article #results strong{display:block;margin:0 0 4px;font-size:14px}main#app article #results h2{margin:16px 0 8px;font-size:16px;font-family:monospace}main#app article #results p{margin:0 0 8px}main#app article .contenu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 5%;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}main#app article .contenu .align{width:100%;min-width:480px;max-width:600px;margin:auto 0}main#app article .contenu .question{width:100%;margin:auto 0}main#app article .contenu .question h1{margin:0 0 10px;font-size:20px;font-weight:500;font-style:normal;line-height:28px}main#app article .contenu .question h2{margin:0 0 24px;font-size:26px;font-family:Wilma,"sans-serif"!important;font-weight:400;line-height:26px}main#app article .contenu .question .answer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-top:1px solid #000;gap:10px}main#app article .contenu .question .answer:nth-child(odd){background-color:#fffbeb}main#app article .contenu .question .answer:last-child{margin-bottom:40px;border-bottom:1px solid #000}main#app article .contenu .question .answer label{cursor:pointer}main#app article .contenu .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px}main#app article .contenu .controls button{max-width:50%;padding:14px 12px 12px;font-size:20px;font-family:Wilma,"sans-serif"!important;font-weight:400;line-height:24px;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-transform:uppercase;border:1px solid transparent;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#000}main#app article .contenu .controls button.prev{border-color:#000;background:#fff}main#app article .contenu .controls button.prev:hover{color:#fff;background-color:#000}main#app article .contenu .controls button.next{border-color:#fffbeb;background:#fffbeb}main#app article .contenu .controls button.next:not(:disabled):hover{color:#fff;background-color:#000}main#app article .contenu .controls button.next:disabled{cursor:not-allowed}main#app #results .h1,main#app #results h1{font-size:48px;font-family:Wilma,"sans-serif"!important;line-height:48px;letter-spacing:1.44px}main#app #results h3{width:100%;font-size:30px;font-family:Wilma,"sans-serif"!important;font-weight:200;line-height:30px;letter-spacing:.9px}main#app #results h4{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:start;margin:0 0 12px;font-size:20px;font-weight:700;line-height:24px;gap:6px}main#app #results .by_3{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr 15px 1fr;grid-template-columns:repeat(3,1fr);gap:15px}main#app #results .by_3>a,main#app #results .by_3>div{text-decoration:none;color:#000}main#app #results .by_3>a img,main#app #results .by_3>div img{width:100%;margin:0 0 20px;-o-object-fit:cover;object-fit:cover}main#app #results .by_3>a h4,main#app #results .by_3>div h4{max-width:95%;margin:0 0 4px;font-size:22px;font-family:Wilma,"sans-serif"!important;font-weight:200;font-style:normal;line-height:24px}main#app #results .by_3>a p,main#app #results .by_3>div p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:94%}main#app #results .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:10px;gap:12px}main#app #results .head .h1{margin:60px 0 0}main#app #results .head>p{max-width:60%}main#app #results .banner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:450px;background:url(./banner.jpg) no-repeat center center;background-size:cover}main#app #results .banner>div{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-align:center;-ms-flex-align:center;align-items:center;margin:auto;gap:16px}main#app #results .banner>div p{font-size:64px;font-family:Wilma,"sans-serif"!important;line-height:64px;text-align:center;color:#fff}main#app #results .global_score{margin-block:80px}main#app #results .global_score .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:100px}main#app #results .global_score .wrap #circular_progress_bar{position:relative}main#app #results .global_score .wrap #circular_progress_bar .outer{width:280px;height:280px;border-radius:50%;padding:30px;background-color:#f4f4f4}main#app #results .global_score .wrap #circular_progress_bar .inner{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:220px;height:220px;border-radius:50%;background-color:#fff}main#app #results .global_score .wrap #circular_progress_bar #score{text-align:center;font-family:Wilma,"sans-serif"!important;font-size:75px;font-style:normal;font-weight:200;line-height:75px;letter-spacing:-2.25px}main#app #results .global_score .wrap #circular_progress_bar circle{fill:none;stroke:url(#GradientColor);stroke-width:30px;stroke-dasharray:780;stroke-dashoffset:780;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:anim .5s linear forwards;animation:anim .5s linear forwards}main#app #results .global_score .wrap #circular_progress_bar svg{position:absolute;top:0;left:0}@-webkit-keyframes anim{to{stroke-dashoffset:var(--stroke-dashoffset)}}@keyframes anim{to{stroke-dashoffset:var(--stroke-dashoffset)}}main#app #results .global_score .wrap>div:last-of-type{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-flex:1;-ms-flex:1;flex:1;gap:16px}main#app #results .global_score .wrap>div:last-of-type p{line-height:28px}main#app #results .categorie{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 65px;gap:12px 32px}main#app #results .categorie .details{-webkit-box-flex:1;-ms-flex:1;flex:1}main#app #results .categorie .details>div:first-of-type{padding:24px 32px;border:1px solid #000}main#app #results .categorie .details>div:first-of-type .score{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 16px;font-weight:700}main#app #results .categorie .details>div:first-of-type .score span{font-size:24px;font-family:Wilma,"sans-serif"!important;font-weight:200;font-style:normal;line-height:24px;letter-spacing:.72px}main#app #results .categorie .details>div:first-of-type p{line-height:28px}main#app #results .categorie .details>div:first-of-type .progress_bar{position:relative;display:block;width:100%;height:8px;margin:0 0 20px;border-radius:50px;overflow:hidden;background:-webkit-gradient(linear,right top,left top,color-stop(12.55%,#fef2b9),color-stop(82.93%,#feb9b9));background:linear-gradient(270deg,#fef2b9 12.55%,#feb9b9 82.93%)}main#app #results .categorie .details>div:first-of-type .progress_bar span{position:absolute;right:0;display:block;width:0%;height:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:#e6e6e6}main#app #results .categorie .details>div:last-of-type{padding:24px 32px;background-color:#fffbeb}main#app #results .categorie .details>div:last-of-type p{margin:0 0 24px;line-height:28px}main#app #results .categorie .details>div:last-of-type p:last-of-type{margin-bottom:0}main#app #results .categorie .recommended>span{display:block;margin:0 0 8px;font-size:16px;font-weight:500;line-height:24px}main#app #results .categorie .recommended .border_wrap{padding:1px;background:-webkit-gradient(linear,right top,left top,color-stop(12.55%,#fef2b9),color-stop(82.93%,#feb9b9));background:linear-gradient(270deg,#fef2b9 12.55%,#feb9b9 82.93%)}main#app #results .categorie .recommended .border_wrap div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;gap:12px}main#app #results .categorie .recommended .border_wrap div *{padding-inline:12px}main#app #results .categorie .recommended .border_wrap div img{padding-top:12px}main#app #results .categorie .recommended .border_wrap div p{font-family:Wilma,"sans-serif"!important;font-weight:200}main#app #results .categorie .recommended .border_wrap div .price{display:inline-block;font-size:16px;font-weight:500;line-height:24px}main#app #results .categorie .recommended .border_wrap div .btn{display:block;padding:12px 12px 8px;font-size:18px;line-height:20px}main#app #results .categorie .recommended .btn{max-width:100%}main#app #advices{margin:60px 0}main#app #results #advices h3{margin:0 0 12px}main#app #qr_code{display:none}@media only screen and (max-width:1024px){main#app #results .banner div p{font-size:52px;line-height:52px}}@media only screen and (max-width:767px){main#app article .image{display:none}main#app article .contenu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px}main#app article .contenu .align{min-width:unset}main#app section{margin:0 0 60px}main#app #results .h1,main#app #results h1{font-size:40px;line-height:44px}main#app #results .by_3{-ms-grid-columns:315px;grid-template-columns:315px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px}main#app #results .by_3>a h4,main#app #results .by_3>a p,main#app #results .by_3>div h4,main#app #results .by_3>div p{max-width:100%}main#app #results .head{margin-bottom:40px}main#app #results .head>p{max-width:100%}main#app #results .banner>div{padding-inline:24px}main#app #results .banner>div p{font-size:40px;line-height:40px}main#app #results .global_score{margin-block:60px}main#app #results .global_score .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:52px}main#app #results .categorie{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px;gap:12px 32px}main#app #results .categorie .details{width:100%}main#app #results .recommended{flex:1 1 100%}main#app #results .recommended .border_wrap>div{max-width:260px}}@media print{@page{margin:10%}main#app p{font-size:12pt!important;text-align:justify!important}main#app br{display:none}main#app h3{font-size:14pt!important}main#app section{margin:0!important}main#app #results{margin:0 0 50px!important}main#app #results .h1,main#app #results h1{font-size:24pt!important;line-height:28pt!important}main#app #results #advices,main#app #results #circular_progress_bar,main#app #results .banner,main#app #results .progress_bar,main#app #results .recommended{display:none!important}main#app #results .small{max-width:1248px!important}main#app #results .global_score{margin-top:30px!important}main#app #results .global_score .wrap>div:last-child{margin-bottom:50px}main#app #results .global_score .wrap .btn{display:none}main#app #results .head p{max-width:100%}main#app #results .categorie{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}main#app #results .categorie:last-of-type{page-break-after:unset;margin:0!important}main#app #results .categorie .details>div:first-of-type{padding:0;border:none;margin:0 0 20px}main#app #results .categorie .details>div:last-of-type{padding:0;background-color:unset}main#app #qr_code{display:block;margin:0 auto}main#app #qr_code .wrap{text-align:center;page-break-inside:auto}main#app #qr_code .wrap p{text-align:center!important}main#app #qr_code .wrap>div{position:relative}main#app #qr_code .wrap>div:after{content:url(https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=https://www.labonnebrosse.com/);position:absolute;right:0;left:0;top:0}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/diagnostic.css.map */