.diagnostic-howuse .title{margin:-9px;width:100%}.diagnostic-howuse.no-heading .title{display:none}.diagnostic-howuse .title-wrapper-with-link{margin-top:0}@media screen and (max-width:749px){.diagnostic-howuse .title-wrapper-with-link{margin-bottom:3rem}.diagnostic-howuse .page-width{padding-left:0;padding-right:0}}.diagnostic-howuse-card__image-wrapper--third-width{width:33%}.diagnostic-howuse-card__image-wrapper--half-width{width:50%}.diagnostic-howuse-list__item.center .diagnostic-howuse-card__image-wrapper:not(.diagnostic-howuse-card__image-wrapper--full-width),.diagnostic-howuse-list__item:only-child{margin-left:auto;margin-right:auto}.diagnostic-howuse .button--primary{margin-top:1.5rem}@media screen and (min-width:750px){.diagnostic-howuse .button--primary{margin-top:4rem}}.diagnostic-howuse-list{margin-top:0;margin-bottom:0;padding:0}.diagnostic-howuse-list__item:only-child{max-width:72rem}.diagnostic-howuse-list__item--empty{display:none}.diagnostic-howuse:not(.background-none) .diagnostic-howuse-card{background:rgb(var(--color-background));height:100%}.diagnostic-howuse.background-primary .diagnostic-howuse-card{background:rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04))}.diagnostic-howuse-card__info h3{margin-top:0}.diagnostic-howuse-card__info .button{margin-top:1.5rem}.diagnostic-howuse-list h3,.diagnostic-howuse-list p{margin:0}.diagnostic-howuse-card-spacing{padding-top:2.5rem;margin-left:2.5rem;margin-right:2.5rem}.diagnostic-howuse-list__item.center .media--adapt,.diagnostic-howuse-list__item .media--adapt .diagnostic-howuse-card__image{width:auto}.diagnostic-products-list__item{display:grid;height:fit-content}.diagnostic-howuse-list__item.center .media--adapt img{left:50%;transform:translate(-50%)}@media screen and (max-width:749px){.diagnostic-howuse-list{margin:0;width:100%}.diagnostic-howuse-list:not(.slider){padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:750px){.diagnostic-howuse-list.slider,.diagnostic-howuse-list.grid--4-col-desktop{padding:0}.diagnostic-howuse-list__item,.grid--4-col-desktop .diagnostic-howuse-list__item{padding-bottom:0}.background-none .grid--2-col-tablet .diagnostic-howuse-list__item{margin-top:4rem}}.background-none .diagnostic-howuse-card-spacing{padding:0;margin:0}.diagnostic-howuse-card__info{padding:2.5rem}.background-none .diagnostic-howuse-card__info{padding-top:0;padding-left:0;padding-right:0}.background-none .slider .diagnostic-howuse-card__info{padding-bottom:0}.background-none .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info{padding-top:2.5rem}.background-none .slider .diagnostic-howuse-card__info{padding-left:.5rem}.background-none .slider .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info{padding-left:1.5rem}.background-none .diagnostic-howuse-list:not(.slider) .center .diagnostic-howuse-card__info{padding-left:2.5rem;padding-right:2.5rem}@media screen and (max-width:749px){.background-none .slider .diagnostic-howuse-card__info{padding-bottom:1rem}.diagnostic-howuse.background-none .slider.slider--mobile{margin-bottom:0rem}}@media screen and (min-width:750px){.background-none .diagnostic-howuse-card__image-wrapper:not(.diagnostic-howuse-card__image-wrapper--full-width){margin-left:1.5rem;margin-right:1.5rem}.background-none .diagnostic-howuse-list .diagnostic-howuse-card__info,.background-none .diagnostic-howuse-list:not(.slider) .center .diagnostic-howuse-card__info{padding-left:1.5rem;padding-right:1.5rem}}.diagnostic-howuse-card{position:relative;box-sizing:border-box}.diagnostic-howuse-card>.diagnostic-howuse-card__image-wrapper--full-width:not(.diagnostic-howuse-card-spacing){border-top-left-radius:calc(var(--text-boxes-radius) - var(--text-boxes-border-width));border-top-right-radius:calc(var(--text-boxes-radius) - var(--text-boxes-border-width));overflow:hidden}.diagnostic-howuse.background-none .diagnostic-howuse-card{border-radius:0}.diagnostic-howuse-card__info .link{text-decoration:none;font-size:inherit;margin-top:1.5rem}.diagnostic-howuse-card__info .icon-wrap{margin-left:.8rem;white-space:nowrap}@media screen and (min-width:990px){.diagnostic-howuse-list__item--empty{display:list-item}}.diagnostic-howuse--content-over .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info{--color-foreground: 255, 255, 255;position:absolute;bottom:0;left:0;width:100%;padding:2.4rem 1.5rem}@media screen and (min-width:750px){.diagnostic-howuse--content-over .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info{padding:4rem 1.5rem}}.diagnostic-howuse--content-over .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info .rte{--color-foreground: 255, 255, 255}.diagnostic-howuse--content-over .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info .button{--alpha-button-background: 0}.diagnostic-howuse--content-over .diagnostic-howuse-card__image-wrapper+.diagnostic-howuse-card__info .button:not(:hover):not(:focus){--color-button-text: 255, 255, 255}.diagnostic-howuse-card__subtitle{font-family:Stolzl;font-size:17px;font-style:normal;font-weight:400;line-height:normal;border-radius:30px;border:1px solid var(--Bleu-Archie, #172345);background:#fff8eb;padding:2px 20px;display:inline-block}.diagnostic-howuse-card__title{font-size:24px;margin-bottom:12px;font-family:Stolzl;line-height:1}.diagnostic-howuse-card__title em{font-family:Gabriela;font-size:25.5px}.diagnostic-howuse .diagnostic-howuse-list__item:not(:last-child) .diagnostic-howuse-card__subtitle:after{content:"";position:absolute;width:100%;height:1px;background:#172345;clear:both;z-index:-1;margin-top:9px}@media screen and (max-width:990px){.diagnostic-howuse .diagnostic-howuse-list__item:nth-child(2) .diagnostic-howuse-card__subtitle:after{display:none}}.diagnostic-howuse-card__info h3{font-family:Gabriela;font-size:25px!important;font-style:normal;font-weight:600;line-height:54px}.diagnostic-howuse-card__info .rte{text-align:center}.diagnostic-howuse .title-wrapper--self{margin-bottom:40px;border:.75px solid var(--Bleu-Archie, #172345);background:#ffcc76}.diagnostic-howuse .title-wrapper--self h2{font-size:30px;font-style:normal;font-weight:700;line-height:50px;padding:5px 0}@media screen and (max-width:749px){.diagnostic-howuse-card__title{font-size:16px;padding-top:10px;padding-bottom:5px}.diagnostic-howuse-card__title em{font-size:18px}.diagnostic-howuse-card__info .rte{font-size:14px}.diagnostic-howuse-card__info{padding:1.5rem!important}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/diagnostic-how-to-use.css.map */