.quiz-question{height:0;opacity:0;transform:translateX(100%);transition:.1s ease-in-out;visibility:hidden}.quiz-question.is-current{height:auto;opacity:1;transform:translateX(0);visibility:visible}.quiz-question.is-answered{transform:translateX(-100%)}.quiz-question .card-body p{--font-size:14px;--line-height:22px;--font-weight:400}.brand-match{--max-width:930px}@media only screen and (max-width:767px){.brand-match .grid-list{flex-direction:column}}@media only screen and (min-width:768px){.brand-match-dropdown{flex:0 0 33.3%;padding:0 4px}}.brand-match-dropdown select{width:100%}.answer-item{--border:#fff;flex:0 0 50%}.answer-item.is-selected,.answer-item:focus,.touch .answer-item:hover{--border:var(--turq-thrive);outline:none}.quiz-question{--max-width:742px;margin-left:auto;margin-right:auto;max-width:calc(var(--max-width) + var(--side-padding)*2)}.media-question{background-color:var(--turq-thrive);border-radius:50%;color:var(--white);font-size:20px;font-weight:700;position:relative}.media-question:before{content:"?";left:0;position:absolute;right:0;text-align:center;top:50%;transform:translateY(-50%)}.result-col{--side-padding:0;--max-width:600px;margin-left:auto;margin-right:auto;max-width:calc(var(--max-width) + var(--side-padding)*2);padding-top:0}@media only screen and (min-width:1200px){.quiz-results .results-wrapper{display:flex}}.quiz-results .product-summary{border-radius:4px;margin-bottom:16px;margin-top:16px;padding:16px 16px 16px 0}.quiz-results .product-summary .swatch-mini{background-color:transparent}@media only screen and (max-width:767px){.quiz-results .product-summary{padding:16px 0}}.quiz-results .summary-header{display:flex;justify-content:space-between;padding-right:8px}.quiz-results .summary-header *{margin:0}@media only screen and (min-width:768px){.quiz-results .summary-header h3{width:250px}}.quiz-results .summary-body{flex:1 1 100%;max-width:285px}.quiz-results .summary-body .button{width:100%}.quiz-results .form-add{--btn-width:200px;margin:0}.quiz-newsletter{--max-width:600px;margin-left:auto;margin-right:auto;max-width:calc(var(--max-width) + var(--side-padding)*2)}[hidden]+.quiz-newsletter{display:none}.quiz-newsletter .header{margin-bottom:0}.quiz-result .product-summary,.step-text{margin:0}.result-group .icon-container{height:36px}.text-item{margin-top:24px}.text-item a,.text-item p{margin:0}@media only screen and (max-width:767px){.group-add{width:100%}}