@media only screen and (max-width: 768px){.product-quiz__questions{width:95%;max-width:450px}.answer-card{width:40%}.product-quiz__landing-page{width:90%}.question__answers--horizontal{flex-direction:column}.question__answers--horizontal .answer-card{width:100%;flex-direction:row;padding:10px;border-radius:12px;height:70px}.question__answers--horizontal .answer-card img{width:60px;border-radius:12px}.next-question{width:100%}.top-nav__button{display:flex}.progress-nav__button{display:none}.product-quiz__top-nav{justify-content:center}}@media only screen and (min-width: 769px){.product-quiz__questions{width:80%;max-width:900px}.product-quiz__landing-page{width:70%;min-width:679px}.question__answers--horizontal{flex-direction:row}.question__answers--horizontal .answer-card{flex-direction:column;width:240px}.question__answers--horizontal .answer-card img{width:100%;border-radius:22px}.question__answers--horizontal .question__answers__button__checkmark{right:10px}.question__answers--horizontal .question__answers__button{padding:10px 15px;justify-content:center}.top-nav__button{display:none}.progress-nav__button{display:flex}.product-quiz__top-nav{justify-content:start}}@media only screen and (max-width: 1024px){.product-quiz__landing-page{flex-direction:column}.landing-page__text{padding:0 20px 20px}}@media only screen and (min-width: 1025px){.product-quiz__landing-page{flex-direction:row;padding:20px}.landing-page__image{border-radius:22px}}body{background-color:#f9f8f6}.product-quiz__top-nav,.product-quiz__landing-page,.answer-card{background-color:#f4f4f4}.section-product-quiz{position:relative;margin-top:0}.product-quiz__top-nav{display:flex;flex-direction:row;width:100%;padding:5px 10px;align-items:center;position:relative;min-height:34px}.product-quiz__back{align-items:center;gap:10px;max-width:fit-content;color:#000;position:absolute;left:10px}.product-quiz__back:hover{text-decoration:underline}.product-quiz__back svg{width:10px}.product-quiz__progress-nav{display:flex;flex-direction:row;width:50%;padding:5px 10px;align-items:center;position:relative;margin-bottom:calc(var(--section-gap) * var(--fluid-1-5));justify-content:center;height:34px;margin:0 auto}.progress-nav__progress-bar{height:6px;width:15rem;border-radius:3px;background-color:#f4f4f4;overflow:hidden}.progress__bar__fill{background:#dfb83e;background:linear-gradient(90deg,#926a1f,#dfb83e);height:100%;width:3%;transition:width 125ms}.product-quiz__landing-page{display:flex;box-shadow:0 0 #0000,0 0 #0000,0 12px 32px #00000026;max-width:956px;margin:auto;gap:20px;border-radius:22px}.landing-page__image{flex:0 1 40%;overflow:hidden}.landing-page__image img{width:100%;object-fit:cover}.landing-page__text{flex:1 0 50%;display:flex;flex-direction:column}.landing-page__text h1{font-size:30px}.landing-page__text__info{flex:1 0 50%}.landing-page__text__button{display:flex;align-items:center;gap:10px;padding:7px 26px;border:var(--btn-border-width) solid rgb(42 43 42);outline-color:#2a2b2a;outline-offset:3px;background:#525352 linear-gradient(104deg,#525352 60%,#2a2b2a 60% 100%) no-repeat 100% 100%;background-size:300% 100%;color:#fff;max-width:fit-content}.landing-page__text__button svg{width:10px;fill:#fff}.question__title{text-align:center}.question__answers__button{font-family:var(--body-font-family);color:rgb(var(--text-color));padding:8px}.product-quiz__questions{margin:auto;padding:10px;display:flex;flex-direction:column;row-gap:20px}.product-quiz__question--vertical{max-width:450px;margin:auto}.product-quiz__question{display:flex;flex-direction:column;gap:20px;padding:20px 0 35px;position:relative;min-height:200px;border-radius:22px;transition:height .25s;background:transparent}.product-quiz__question--collapsed{display:none}.question__answers{display:flex;justify-content:space-evenly;align-items:center;padding:0 10px;flex-wrap:wrap;row-gap:10px}.question__answers{margin-bottom:20px}.question__answers--vertical{flex-direction:column}.question__navigation{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:20px 10px;flex-wrap:wrap;position:sticky;bottom:0;width:100%;background:#fff;background:linear-gradient(180deg,#fff0,#f9f8f6 50%)}.question__navigation__button{display:flex;align-items:center;gap:10px;padding:7px 26px;border:var(--btn-border-width) solid rgb(42 43 42);outline-color:#2a2b2a;outline-offset:3px;background:#525352 linear-gradient(104deg,#525352 60%,#2a2b2a 60% 100%) no-repeat 100% 100%;background-size:300% 100%;color:#fff;justify-content:center}.quiz-loading{position:absolute;left:50%;top:40%}@media (hover: hover) and (pointer: fine){.question__navigation__button:hover,.landing-page__text__button:hover{background-position:0 100%}}.question__navigation__button:hover{text-decoration:underline}.question__navigation__button svg{width:10px;fill:#fff}.answer-card{display:flex;flex-direction:column;padding:4px 4px 0;border-radius:25px;cursor:pointer;align-items:center;border:2px solid transparent;transition:all .25s}.question__answers--vertical .answer-card{width:100%;flex-direction:row;padding:10px;border-radius:12px;height:70px}.answer-card--selected:active,.answer-card--selected:focus,.answer-card--selected{border:var(--input-border-width) solid #5bb93c;background-color:#eaf6ef}.question__answers__button__checkmark{width:0px;position:absolute;right:0;fill:#5bb93c;transition:width .25s}.question__answers__button{display:flex;flex-direction:row;position:relative;width:100%;align-items:center;text-align:center}.answer-card--selected .question__answers__button__checkmark{width:20px}.answer-card img{width:100%;max-width:100%}.product-quiz__results{opacity:0;max-height:0;overflow:hidden;transition:opacity .5s ease,max-height .8s ease}.product-quiz__results--visible{opacity:1;max-height:2000px}.quiz-loading{display:flex;justify-content:center;align-items:center;padding:40px 0}.quiz-loading__spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-quiz__questions.fade-out{opacity:0;transition:opacity .4s ease}
/*# sourceMappingURL=/cdn/shop/t/265/assets/product-quiz.css.map */