.test-results{--border-radius: 1.3rem;--border-width: .2rem;--max-width: 121rem;padding:60px 0;background-color:var(--t-bg)}.test-results__inner{display:grid;grid-template-columns:1fr;align-items:center;max-width:var(--max-width);margin-left:auto;margin-right:auto}.test-results__heading{font-size:2.5rem;line-height:3rem;margin:0;order:-1;margin-top:3rem;color:var(--t-title)}.test-results__custom-select-wrapper{order:-1}.test-results__text{margin-top:2rem;color:var(--t-text)}.test-results__cta+.test-results__text{margin-top:30px}.test-results__text p{margin:0}.test-results__text p+p{margin-bottom:1rem}.test-results__cta{margin-top:3rem}.test-results__cta a{display:inline-block;font-size:13px;font-weight:700;line-height:14px;letter-spacing:1.04px;padding:16px 25px;text-transform:uppercase}.test-results__cta a:hover{background-color:var(--color-navy);color:var(--color-white)}.test-results__secondary-cta{margin-top:20px}.test-results__previews{display:flex;align-items:center;justify-content:center;flex-basis:50%;flex-shrink:0;width:100%;order:-3}.test-results__preview-wrapper{background-color:var(--color-navy);border:var(--border-width) solid var(--color-navy);border-radius:var(--border-radius);overflow:hidden;position:relative;max-width:var(--max-width);margin-right:0;touch-action:initial}.test-results__preview{position:relative;width:100%!important}.test-results__preview img{display:block;height:auto;width:100%;aspect-ratio:1.3/1;object-fit:cover;object-position:top center}.test-results-preview__expand-wrapper{position:absolute;bottom:0;right:0}.test-results-preview__expand,.test-results-preview__download{-webkit-appearance:none;appearance:none;background-color:var(--color-navy);border:0;border-radius:var(--border-radius) 0 0 0;border-color:var(--color-navy);border-style:solid;border-width:var(--border-width) 0 0 var(--border-width);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;outline:none;position:relative;height:5.6rem;width:5.6rem}@media screen and (max-width: 749px){.test-results__main{display:contents}.test-results__heading{order:-2}.test-results__text{order:-1}}.test-results__list{--spacing-top-min: 30;--spacing-top-max: 40;--spacing-top: clamp( calc(var(--spacing-top-min) * .1rem), calc( var(--spacing-top-min) * .1rem + (var(--spacing-top-max) - var(--spacing-top-min)) * ( (100vw - (var(--viewport-width-mobile) * 1px)) / (var(--viewport-width-desktop) - var(--viewport-width-mobile)) ) ), calc(var(--spacing-top-max) * .1rem) );display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:30px 0 0}.test-result{display:inline-flex;align-items:center;position:relative;padding-left:2rem;padding-right:2rem;white-space:nowrap;margin:0;box-shadow:none!important;background-color:var(--color-navy);border-color:var(--color-navy);color:var(--color-white);border-radius:.4rem}.test-result__heading,.test-result__active-text{font-family:var(--font-body-family)!important;font-weight:var(--font-weight--bold);letter-spacing:var(--letter-spacing--large);text-transform:uppercase;margin:0}.test-result:hover{--background-color: var(--color-navy);--border-color: var(--color-navy);--color: var(--color-white)}.test-result__heading{color:inherit;line-height:1;margin:0}.test-result__link{color:var(--color-white);display:block;margin-left:min(1.4rem,2.5vw)}.test-result__extras{display:none;pointer-events:none}.test-result__link{margin-top:calc(var(--button-border-width) * -1);margin-bottom:calc(var(--button-border-width) * -1)}.test-result__link:before{content:"";position:absolute;top:calc(var(--button-border-width) * -1);right:calc(var(--button-border-width) * -1);bottom:calc(var(--button-border-width) * -1);left:calc(var(--button-border-width) * -1)}.test-results__modal{background-color:var(--color-white);box-sizing:border-box;display:block;position:fixed;top:0;left:0;bottom:unset;right:unset;overflow:hidden;height:100%;width:100%;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.5);transition-property:opacity,transform,visibility;transition-duration:var(--duration-medium),var(--duration-medium),0s;transition-timing-function:var(--ease-out-cubic);transition-delay:0s,0s,var(--duration-medium);will-change:transform,opacity;z-index:101}.test-results__modal[open]{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s;pointer-events:initial}.test-results-modal--image .test-results-modal__content{overflow-y:scroll}.test-results-modal--file:before{content:"";border-color:var(--color-white);border-style:solid;border-width:.8rem;border-radius:var(--border-radius);position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:1}.test-results-modal__close{position:absolute;top:2rem;right:2rem;transition:transform .2s var(--ease-in-quad);will-change:transform;width:1.8rem;z-index:100}.test-results-modal__close:hover{background:transparent;color:inherit;transform:scale(1.08);transition:transform var(--transition-hover-out)}.test-results-modal__close:active{transform:scale(1.02);transition:transform var(--transition-hover-out)}.test-results-modal__content{height:100%;width:100%}.test-results-modal__content img{height:auto;width:100%}.test-results__text{order:-1}.test-results__secondary-cta{order:1}@media screen and (min-width: 750px){.test-results__previews{--pad-min: 0;--pad-max: 44;--pad: clamp( calc(var(--pad-min) * .1rem), calc( var(--pad-min) * .1rem + (var(--pad-max) - var(--pad-min)) * ( (100vw - (var(--viewport-width-tablet) * 1px)) / ( var(--viewport-width-desktop-large) - var(--viewport-width-tablet) ) ) ), calc(var(--pad-max) * .1rem) );flex-grow:1;justify-content:flex-end;margin-top:0}.test-results__list{gap:calc(3rem - (var(--button-xl-pad-y) * 2))}.test-result__heading,.test-result__active-text{font-size:18px;line-height:22px}.test-results{padding-top:80px;padding-bottom:80px}.test-results__inner{grid-template-columns:1fr 1fr;gap:20px}.test-result,.test-result:hover,.test-result:active{--progress: 0;background:none;border:0;color:var(--color-navy);transition:none;position:relative;overflow:hidden;padding:calc(var(--button-xl-pad-y) + var(--border-width)) 2rem}.test-result__link .icon{display:block;opacity:0}.test-result.is-active .test-result__link .icon{opacity:1}.test-result__heading{mix-blend-mode:multiply}.test-result__link{pointer-events:none;z-index:1}.test-result__extras{display:block!important;height:0;position:static;width:0;z-index:0}.test-result__bg{content:"";display:block!important;position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-navy);border-radius:.4rem;transform:translate(calc((var(--progress) - 100) * 1%));will-change:transform;z-index:-1;margin-left:-.1rem}.test-result__active-text{color:var(--color-white);content:attr(data-text);display:flex;align-items:center;justify-content:flex-start;letter-spacing:var(--letter-spacing--h3);text-align:left;height:100%;width:calc(var(--progress) * 1%);overflow:hidden;white-space:nowrap;position:absolute;top:0;left:0;text-indent:2rem;mix-blend-mode:screen;z-index:1}.test-result.is-active{--progress: 100}.test-result.is-active .test-result__link{pointer-events:initial}.test-result.is-active .test-result__bg{margin-left:0}.test-result:not(.is-active) .test-result__heading{transform:translate(-2rem);transition:transform .3s var(--ease-out-cubic);will-change:transform}.test-result:focus-visible{outline:none!important}.test-result:not(.is-active):hover .test-result__heading,.test-result:not(.is-active):focus-visible .test-result__heading{transform:translate(0)}.test-results__modal{border-radius:var(--border-radius);top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);max-height:90vh;max-width:min(calc(100vw - (var(--spacing-edge) * 2)),134rem)}.test-results__heading,.test-results__custom-select-wrapper,.test-results__previews,.test-results__text,.test-results__secondary-cta{order:0}.test-results__preview img{aspect-ratio:1/1}.test-results__modal[open]{transform:translate(-50%,-50%) scale(1)}.test-results-preview__expand-wrapper{display:grid;grid-template-columns:1fr 1fr}.test-results-preview__download{border-radius:0}.test-results__cta+.test-results__text{margin-top:40px}.test-results__custom-select-wrapper custom-select{display:block;max-width:360px}}@media screen and (min-width: 800px){.test-results__custom-select-wrapper{padding-right:30px}}@media screen and (min-width: 900px){.test-results__custom-select-wrapper{padding-right:65px}}@media screen and (min-width: 1200px){.test-results__heading{font-size:38px;line-height:44px}.test-results__custom-select-wrapper custom-select{max-width:475px}}
/*# sourceMappingURL=/cdn/shop/t/339/assets/section-test-results.css.map */