diagnostic-component{display:block}.diagnostic__step{display:flex;flex-wrap:wrap}.diagnostic__step-image img,.diagnostic__step-image .media,.diagnostic__step-image{max-height:calc(100vh - (var(--header-height) + var(--announcement-bar-height)));max-height:calc(100svh - (var(--header-height) + var(--announcement-bar-height)))}.diagnostic__step>*{width:100%}.diagnostic__step-content{padding:2rem 1.5rem;align-self:center}@media screen and (max-width: 989px){.diagnostic__step-image .media{padding-bottom:53.333%!important}}@media screen and (min-width: 990px){.diagnostic__step>*{width:50%}.diagnostic__step-content{padding:2rem 0}}.diagnostic__step--result>*{width:100%}@media screen and (min-width: 990px){.diagnostic__step-content{max-width:43.5rem;margin-inline:auto}}@media screen and (min-width: 1440px){.diagnostic__step-content{max-width:50rem}}@media screen and (min-width: 1680px){.diagnostic__step-content{max-width:60rem}}@media screen and (min-width: 1920px){.diagnostic__step-content{max-width:80rem}}.diagnostic__answers--images{display:flex;flex-wrap:wrap;gap:1.5rem}.diagnostic__answers--images .diagnostic__answer{width:calc((100% - (1.5rem * 2)) / 3)}@media screen and (min-width: 990px){.diagnostic__answers--images .diagnostic__answer{width:calc((100% - 4.5rem)/4)}}.diagnostic__question .h2{margin:0}.diagnostic__question{margin-bottom:3rem}.diagnostic__question .rte{line-height:2;margin-top:1em}.diagnostic__answers{margin-bottom:2.5rem}.diagnostic__answer :is(input[type=checkbox],input[type=radio]){display:none}.diagnostic__answer+.diagnostic__answer{margin-top:1rem}.diagnostic__answer .icon-check{width:1.6rem;height:auto;margin-left:auto;opacity:0;transition:opacity var(--duration-default) ease-in-out}.diagnostic__answer :is(input[type=checkbox],input[type=radio]):checked+label .icon-check{opacity:1}.diagnostic__answer:not(.diagnostic__answer--image):not(.diagnostic__answer--email) label{display:flex;align-items:center;justify-content:space-between}.diagnostic__answer:not(.diagnostic__answer--email) label{display:block;border:solid .1rem rgba(var(--color-foreground),.2);padding:1.2rem 1.5rem;cursor:pointer;transition:border-color var(--duration-default) ease-in-out}.diagnostic__answer--image label{padding:0!important;border-color:transparent}.diagnostic__answer :is(input[type=checkbox],input[type=radio]):checked+label{border-color:rgb(var(--color-foreground))}@media screen and (min-width: 750px){.diagnostic__answer+.diagnostic__answer{margin-top:1.2rem}.diagnostic__answer:not(.diagnostic__answer--email) label{padding:1.5rem 2.2rem}}.diagnostic__answer--image label{padding:0;border-color:transparent}.diagnostic__answer--image+.diagnostic__answer--image{margin-top:0}.answer-image-title{font-size:1.2rem}.diagnostic__answer--image{line-height:1}.diagnostic__actions{display:flex;flex-wrap:wrap;gap:1.8rem}.diagnostic__actions>*{flex:1}.diagnostic__product{display:block}.diagnostic__product-image{width:12rem;display:block}.diagnostic__product-status :is(.added,.icon-checked),.diagnostic__product-status input:checked~:is(.removed,.icon-close-bold){display:none}.diagnostic__product-status input:checked~:is(.added,.icon-checked){display:block}@media screen and (min-width: 990px){.diagnostic__product-image{width:14rem}}.diagnostic__result-header--inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:2.4rem}.diagnostic__category-title{font-size:1.6rem;text-transform:uppercase;font-family:var(--font-body-family);font-weight:var(--font-body-weight-semibold);margin:0 0 2rem}.diagnostic__products+.diagnostic__category-title{margin-top:4rem}.diagnostic__result-body{padding-block:2.5rem 7.5rem}@media screen and (min-width: 750px){.diagnostic__category-title{font-size:2rem}.diagnostic__result-body{padding-block:4rem 8rem}}.diagnostic__product{display:grid;grid-template-columns:12rem 1fr;gap:2.3rem 3rem;align-items:center;border:solid .1rem rgba(208,208,208,1);padding:2rem 1.2rem}.diagnostic__product:not(.hidden)~.diagnostic__product{border-top:0}.diagnostic__product-content{display:grid;grid-template-columns:1fr;gap:.8rem}.diagnostic__product-content>*{grid-column:1 / span 1}.diagnostic__product-price{grid-row:3 / span 1}.diagnostic__product-step{justify-self:baseline;line-height:1}.diagnostic__product-status{display:flex;align-items:center;gap:2rem}.diagnostic__product-button{width:100%}@media screen and (max-width: 989px){.diagnostic__product-button{grid-column:1 / span 2}}.diagnostic__product-title{font-size:1.6rem;font-weight:var(--font-body-weight-medium)}.diagnostic__product-description{line-height:1.4;font-size:1.4rem}.diagnostic__product-description p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (min-width: 990px){.diagnostic__product{grid-template-columns:14rem 1fr auto;padding:0;gap:3rem}.diagnostic__product-content{grid-template-columns:4fr 1fr;padding-block:2rem;gap:.8rem 3rem;align-items:center}.diagnostic__product-price{grid-column:2 / span 1;grid-row:1 / span 3;text-align:center}.diagnostic__product-button{padding:3rem 3rem 3rem 0;min-width:20rem}}@media screen and (min-width: 1280px){.diagnostic__product-content{grid-template-columns:7fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/diagnostic-component.css.map */