.product-quiz-selector{background-color:#777e5c;width:100%;padding:80px 0}@media screen and (min-width:768px){.product-quiz-selector{padding:120px 0}}.product-quiz-selector__container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px}@media screen and (min-width:768px){.product-quiz-selector__container{padding-left:40px;padding-right:40px}}.product-quiz-selector__heading{font-family:var(--heading-font-family);font-size:32px;font-weight:400;color:#000;text-align:left;margin:0 0 16px;line-height:1.2;max-width:800px;width:100%}@media screen and (min-width:768px){.product-quiz-selector__heading{font-size:42px;text-align:center;margin-bottom:16px}}.product-quiz-selector__subheading{font-family:Montserrat,sans-serif;font-size:16px;line-height:1.6;color:#000;margin:0 0 32px;text-align:left;max-width:800px;width:100%}@media screen and (min-width:768px){.product-quiz-selector__subheading{font-size:16px;text-align:center;margin-bottom:40px;text-wrap:pretty}}.product-quiz-selector__progress-section{width:100%;padding:16px;max-width:800px;bottom:24px;text-align:center}@media screen and (min-width:768px){.product-quiz-selector__progress-section{padding:40px 16px}}.product-quiz-selector__progress-section.is-hidden{display:none}.product-quiz-selector__progress-label{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#000;margin:0 0 8px}.product-quiz-selector__progress-bar{width:100%;height:4px;background-color:#d4d4cc;border-radius:2px;overflow:hidden;margin-bottom:8px}.product-quiz-selector__progress-fill{height:100%;background-color:#1d3813;width:0%;transition:width .3s ease}.product-quiz-selector__progress-text{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#000;margin:0}.product-quiz-selector__questions-wrapper{max-width:800px;width:100%;margin:0 auto;border-radius:8px;padding:48px 32px 50px;min-height:500px;position:relative}@media screen and (min-width:768px){.product-quiz-selector__questions-wrapper{padding:64px 56px 50px;min-height:420px}}.product-quiz-selector__questions-wrapper.showing-results{padding:0;max-width:1200px;min-height:500px}.product-quiz-selector__question{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:48px;left:24px;right:24px;display:flex;flex-direction:column;gap:32px;min-height:400px}@media screen and (min-width:768px){.product-quiz-selector__question{top:64px;left:56px;right:56px;gap:40px;min-height:300px}}.product-quiz-selector__question.is-active{opacity:1;visibility:visible;position:absolute}.product-quiz-selector__question.is-hidden{display:none}.product-quiz-selector__question-text{font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:500;color:#3d3d3d;text-align:center;margin:0;line-height:1.4}.product-quiz-selector__answers{display:grid;grid-template-columns:1fr;gap:16px;margin:0}@media screen and (min-width:768px){.product-quiz-selector__answers{grid-template-columns:repeat(2,1fr);gap:20px}}.product-quiz-selector__answer{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;color:#f5f5f5;background-color:#1d3813;border:2px solid transparent;padding:20px 24px;cursor:pointer;transition:all .2s ease;text-align:center;min-height:64px;display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.product-quiz-selector__answer{font-size:16px}}.product-quiz-selector__answer:hover{background-color:#abb18b;border-color:#1d3813;color:#222;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.product-quiz-selector__answer:focus{outline:1px solid #000;outline-offset:2px}.product-quiz-selector__answer:active{transform:translateY(0)}.product-quiz-selector__back{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:#3d3d3d;background:none;border:none;cursor:pointer;padding:8px 0;transition:color .2s ease;display:block;margin-top:auto;align-self:flex-start}.product-quiz-selector__back:hover{color:#1d3813;text-decoration:underline}.product-quiz-selector__back:focus{outline:2px solid #1d3813;outline-offset:2px}.product-quiz-selector__results{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:48px;left:32px;right:32px;bottom:120px;overflow-y:auto}@media screen and (min-width:768px){.product-quiz-selector__results{top:64px;left:56px;right:56px;bottom:140px}}.product-quiz-selector__results.is-active{opacity:1;visibility:visible;position:relative;top:auto;left:auto;right:auto;bottom:auto}.product-quiz-selector__results.is-hidden{display:none}.product-quiz-selector__result-heading{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#000;text-align:center;margin:0 0 16px}@media screen and (min-width:768px){.product-quiz-selector__result-heading{font-size:16px;text-align:start;margin-bottom:0}}.product-quiz-result{display:flex;flex-direction:column;gap:24px}@media screen and (min-width:768px){.product-quiz-result{flex-direction:row;gap:0;align-items:stretch;min-height:500px}}.product-quiz-result__image-wrapper{text-align:center;aspect-ratio:1 / 1;overflow:hidden}@media screen and (min-width:768px){.product-quiz-result__image-wrapper{flex:0 0 50%;display:flex;align-items:center;justify-content:center}}.product-quiz-result__image{width:100%;height:100%;object-fit:cover;border-radius:4px}.product-quiz-result__details{text-align:start;display:flex;flex-direction:column;justify-content:center;padding:20px;gap:16px}@media screen and (min-width:768px){.product-quiz-result__details{flex:0 0 50%;text-align:left;gap:16px;padding:0 20px;justify-content:center}}@media screen and (min-width:992px){.product-quiz-result__details{padding:0 60px}}.product-quiz-result__title{font-family:var(--heading-font-family);font-size:24px;text-align:center;font-weight:400;color:#000;margin:0;line-height:1.3}@media screen and (min-width:768px){.product-quiz-result__title{font-size:28px;text-align:start}}.product-quiz-result__price{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;color:#1d3813;margin:0}@media screen and (min-width:768px){.product-quiz-result__price{font-size:20px;margin-bottom:16px}}.product-quiz-result__description{font-family:Montserrat,sans-serif;font-size:14px;line-height:1.6;color:#3d3d3d;margin:0}.product-quiz-result__description p{margin:0 0 12px}.product-quiz-result__description p:last-child{margin-bottom:0}.product-quiz-result--error{text-align:center;padding:40px 20px}.product-quiz-result--error p{font-family:Montserrat,sans-serif;font-size:16px;color:#3d3d3d;line-height:1.6}.product-quiz-selector__actions{display:flex;flex-direction:column;gap:16px;align-items:center}@media screen and (min-width:768px){.product-quiz-selector__actions{gap:20px}}.product-quiz-selector__add-to-cart{font-family:Montserrat,sans-serif;font-size:14px;cursor:pointer;min-width:200px;position:relative;margin-top:16px}@media screen and (min-width:768px){.product-quiz-selector__add-to-cart{font-size:18px;margin-top:16px}}.product-quiz-selector__add-to-cart:hover:not(:disabled){background-color:#2a5319;box-shadow:0 4px 8px #0003}.product-quiz-selector__add-to-cart:focus{outline:2px solid #1d3813;outline-offset:2px}.product-quiz-selector__add-to-cart:active:not(:disabled){transform:translateY(0)}.product-quiz-selector__add-to-cart:disabled{opacity:.6;cursor:not-allowed}.product-quiz-selector__add-to-cart.is-loading{color:transparent;pointer-events:none}.product-quiz-selector__add-to-cart.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.product-quiz-selector__retake{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;color:#3d3d3d;text-decoration:underline;cursor:pointer;transition:all .2s ease;margin-top:50px;min-width:200px}@media screen and (min-width:768px){.product-quiz-selector__retake{position:absolute;font-size:14px;bottom:20px}}.product-quiz-selector__retake:hover{transform:translateY(-2px)}.product-quiz-selector__retake:active{transform:translateY(0)}.product-quiz-selector__noscript{max-width:800px;margin:0 auto;background-color:#ebe2d5;border-radius:8px;padding:48px 40px;text-align:center}.product-quiz-selector__noscript p{font-family:Montserrat,sans-serif;font-size:16px;color:#3d3d3d;margin:0}.product-quiz-selector__noscript a{color:#1d3813;text-decoration:underline;font-weight:600}.product-quiz-selector__noscript a:hover{color:#2a5319}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/12/assets/product-quiz-selector.css.map */