.main-quiz__opening .images{height:100vh}.main-quiz__opening-content{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;gap:var(--spacing-l);left:50%;padding:var(--spacing-3xl) var(--spacing-m);position:absolute;text-align:center;top:50%;translate:-50% -50%;width:calc(100vw - var(--spacing-xl))}.main-quiz__opening-content .icon__logo{margin-block-end:var(--spacing-l);width:66%}.main-quiz__opening-content .button{justify-content:center;margin-block-start:var(--spacing-l);width:100%}@media(min-width:64em){.main-quiz__opening-content{padding:var(--spacing-6xl);width:40%}.main-quiz__opening-content h1{font-size:var(--spacing-xl)}.main-quiz__opening-content .button,.main-quiz__opening-content .icon__logo{width:66%}}
.main-quiz__start{background-color:#0a2248;color:var(--color-neutral-5);height:100vh;overflow:hidden}.main-quiz__start-header-logo{left:50%;position:absolute;top:var(--spacing-xl);transform:translateX(-50%);width:7.75rem;z-index:var(--layer-flat)}.main-quiz__start-header-logo .icon{width:7.75rem}.main-quiz__start-header-close{position:absolute;right:var(--spacing-m);top:2.25rem;z-index:var(--layer-flat)}.main-quiz__start-header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0;width:auto}.main-quiz__start-restart{align-items:center;display:flex;gap:var(--spacing-2xs);left:var(--spacing-m);position:absolute;top:2.25rem;z-index:var(--layer-flat)}.main-quiz__start-restart .icon{width:.875rem}.main-quiz__start-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-l);left:50%;max-height:calc(100vh - 150px);overflow-y:auto;position:absolute;scrollbar-color:gray;scrollbar-width:thin;text-align:center;top:7.5rem;transform:translateX(-50%);width:calc(100vw - var(--spacing-xl))}.main-quiz__start-content::-webkit-scrollbar{width:5px}.main-quiz__start-content::-webkit-scrollbar-track{background-color:transparent}.main-quiz__start-content::-webkit-scrollbar-thumb{background-color:var(--color-neutral-3)}.main-quiz__start-arrows{align-items:center;display:flex;gap:var(--spacing-l);justify-content:space-between;width:100%}.main-quiz__start-arrows button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0;width:auto}.main-quiz__start-arrows button:disabled{opacity:.5;pointer-events:none}.main-quiz__start-progress-bar{background-color:rgba(0,172,163,.4);height:var(--spacing-3xs);margin-block-end:var(--spacing-xl);width:100%}.main-quiz__start-progress{background-color:var(--color-brand-teal);height:var(--spacing-3xs);transition:width var(--timing-normal) var(--easing-normal)}.main-quiz__start-wave-background{background-color:var(--color-brand-navy);height:100%;overflow:hidden;position:relative;transition:transform var(--timing-normal) var(--easing-normal);width:100%}.main-quiz__start-wave-background svg{bottom:0;display:block;height:auto;position:absolute;width:100%}.main-quiz__start-options{display:flex;flex-direction:column;margin-block-start:var(--spacing-m);width:100%}.main-quiz__start-option{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;gap:var(--spacing-m);outline:none;padding:0;width:auto}.main-quiz__start-option .images{min-width:100px;transition:box-shadow var(--timing-normal) var(--easing-normal);width:100px}.main-quiz__start-option:not(:last-child){border-bottom:1px solid hsla(40,23%,97%,.4);margin-block-end:var(--spacing-s);padding-block-end:var(--spacing-s)}.main-quiz__start-option .divider{display:none}.main-quiz__start-option p{text-align:left}@media(min-width:64em){.main-quiz__start-header-logo{top:var(--spacing-2xl)}.main-quiz__start-header-close{left:auto;right:var(--spacing-2xl);top:2.5625rem}.main-quiz__start-restart{left:auto;right:5.5rem;top:2.6875rem}.main-quiz__start-description{width:80%}.main-quiz__start-content{gap:var(--spacing-l);padding:0;top:50%;transform:none;translate:-50% -50%;width:60%}.main-quiz__start-arrows{justify-content:center}.main-quiz__start-progress-bar{width:50%}.main-quiz__start-options{flex-direction:row;margin-block-start:var(--spacing-3xl)}.main-quiz__start-option{flex:1;flex-direction:column;gap:var(--spacing-xl);margin-inline:var(--spacing-l);max-height:none}.main-quiz__start-option .images{width:var(--spacing-10xl)}.main-quiz__start-option:not(:last-child){border:0;margin-block-end:0;padding-block-end:0}.main-quiz__start-option:hover .images{box-shadow:0 4px 40px 0 hsla(0,0%,100%,.25)}.main-quiz__start-option p{position:relative;text-align:center}.main-quiz__start-option .divider{background-color:var(--color-neutral-5);display:block;height:1px;opacity:0;transition:opacity var(--timing-normal) var(--easing-normal);width:var(--spacing-4xl)}.main-quiz__start-option:hover .divider{opacity:1}}
.main-quiz__results{margin-block-end:var(--spacing-2xl)}.main-quiz__results-header{color:var(--color-neutral-5)}.main-quiz__results-header-logo{left:50%;position:absolute;top:var(--spacing-xl);transform:translateX(-50%);width:7.75rem;z-index:var(--layer-raised)}.main-quiz__results-header-logo .icon{width:7.75rem}.main-quiz__results-header-close{position:absolute;right:var(--spacing-m);top:2.25rem;z-index:var(--layer-raised)}.main-quiz__results-header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0;width:auto}.main-quiz__results-restart{align-items:center;display:flex;gap:var(--spacing-2xs);left:var(--spacing-m);position:absolute;top:2.25rem;z-index:var(--layer-raised)}.main-quiz__results-restart .icon{width:.875rem}.main-quiz__results-banner{position:relative}.main-quiz__results-banner__text-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-l);justify-content:center;text-align:center}.main-quiz__results-banner__grid{align-items:center;bottom:var(--spacing-xl);color:var(--color-neutral-5);left:50%;position:absolute;transform:translateX(-50%);z-index:var(--layer-raised)}.main-quiz__results-banner__overlay{background:linear-gradient(180deg,rgba(0,14,52,.7),rgba(0,14,52,0) 29.05%),linear-gradient(180deg,transparent,rgba(0,0,0,.4)),linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3));height:100%;left:0;position:absolute;top:0;width:100%;z-index:var(--layer-flat)}.main-quiz__results-banner__content-wrapper{aspect-ratio:3/2.7;position:relative}.main-quiz__results-recommendation{gap:0;margin-block-start:var(--spacing-l)}.main-quiz__results-recommendation-products{display:grid;grid-gap:var(--spacing-l) var(--spacing-xs);gap:var(--spacing-l) var(--spacing-xs);grid-template-columns:1fr 1fr;margin-block-start:var(--spacing-l)}.main-quiz__results-recommendation-products .product-card:first-child{grid-column:span 2}.main-quiz__results-cta{display:flex;flex-direction:column;gap:var(--spacing-m);margin-block-start:var(--spacing-xl)}.main-quiz__results-cta-restart{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border:1px solid var(--color-brand-navy);box-shadow:none;color:inherit;cursor:pointer;display:flex;flex:1;font:inherit;gap:var(--spacing-xs);justify-content:center;min-height:var(--spacing-2xl);outline:none;padding:0;width:auto}.main-quiz__results-cta-restart:hover{background-color:var(--color-brand-navy);color:var(--color-neutral-5)}.main-quiz__results-cta-restart svg{width:var(--spacing-s)}.main-quiz__results-cta .button{flex:1;justify-content:center}.main-quiz__results-mail{margin-block-start:var(--spacing-4xl)}.main-quiz__results-mail.form-group input[type=email]{background-color:transparent;color:var(--color-brand-navy)}.main-quiz__results-mail.form-group input[type=email]::-moz-placeholder{color:var(--color-brand-navy)}.main-quiz__results-mail.form-group input[type=email]::placeholder{color:var(--color-brand-navy)}.main-quiz__results-mail .button{justify-content:center}.main-quiz__results-tick{align-items:center;background-color:var(--color-brand-teal);border-radius:100%;display:flex;height:var(--spacing-3xl);justify-content:center;margin:auto;width:var(--spacing-3xl)}.main-quiz__results-tick svg{height:var(--spacing-xl);width:var(--spacing-xl)}@media(min-width:64em){.main-quiz__results{margin-block-end:var(--spacing-9xl)}.main-quiz__results-header-logo{top:var(--spacing-2xl)}.main-quiz__results-header-close{left:auto;right:var(--spacing-2xl);top:2.5625rem}.main-quiz__results-restart{left:auto;right:5.5rem;top:2.6875rem}.main-quiz__results-banner__content-wrapper{aspect-ratio:3/1.2}.main-quiz__results-banner__text-wrapper{gap:var(--spacing-xl)}.main-quiz__results-banner__grid{bottom:var(--spacing-7xl)}.main-quiz__results-recommendation{margin-block-start:var(--spacing-5xl);text-align:center}.main-quiz__results-recommendation-products{align-items:flex-start;display:flex;gap:var(--spacing-l);margin-block-start:var(--spacing-6xl)}.main-quiz__results-recommendation-products .product-card{flex:1}.main-quiz__results-cta{flex-direction:row;gap:var(--spacing-l)}.main-quiz__results-cta,.main-quiz__results-mail{margin-block-start:var(--spacing-6xl)}}
.main-quiz.critical-component-hide{display:block}.main-quiz.critical-component-clear{opacity:1}.site-footer-group-section,.site-header-group-section{display:none}