.qp-section{background:#fff;padding:32px 56px 56px}@media(max-width:749px){.qp-section{padding:16px}}.qp-frame{position:relative;border-radius:8px;overflow:hidden;height:820px;display:flex;align-items:center;justify-content:center;padding:24px 40px}@media(max-width:749px){.qp-frame{height:auto;min-height:560px;flex-direction:column;justify-content:center;padding:16px}}.qp-frame__bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:0;transition:transform .3s ease-out}.qp-frame__bg-image{width:100%;height:100%;object-fit:cover;display:block;image-rendering:high-quality;-webkit-image-rendering:high-quality}.qp-frame__placeholder{width:100%;height:100%;background:#e8e6e1}.qp-frame__gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 60%,transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.qp-frame__pills{position:absolute;bottom:24px;left:40px;z-index:3;opacity:0;transition:opacity .5s ease;pointer-events:none;max-width:45%;display:none}.qp-frame__pills-label{font-family:Avantt,sans-serif;font-weight:600;font-size:16px;line-height:12.24px;letter-spacing:.6px;color:#fff;margin-bottom:10px}@media(max-width:749px){.qp-frame__pills{bottom:auto;left:auto;position:relative;max-width:100%;margin-bottom:12px;padding:12px;display:none}}.qp-frame__pills .quiz-answer-stack{position:relative;bottom:auto;left:auto;right:auto;padding:0;background:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.qp-frame__pills .quiz-answer-pill{font-family:Avantt,sans-serif;font-size:12px;line-height:12.24px;letter-spacing:.6px;font-weight:600;color:#fff;padding:8px 16px;border-radius:20px;background:#5a4a42b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.qp-card{position:relative;width:48dvh;max-width:100%;background:var(--theoric-beige, #f1f0eb);border-radius:8px;box-shadow:0 0 8px #0000003d;padding:40px 32px;transition:width .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.qp-card--wide{width:80dvh}@media(max-width:749px){.qp-card{width:100%!important;border-radius:8px;padding:32px 16px}}.qp-card__welcome{display:flex;flex-direction:column;gap:8px}.qp-card__welcome p{font-size:1rem;line-height:160%}.qp-card__title{font-family:Avantt,sans-serif;font-weight:600;font-size:32px;line-height:120%;letter-spacing:.6px;color:var(--theoric-brown, #54392d);margin:0}.qp-card__desc{font-family:Arial,sans-serif;font-weight:400;font-size:16px;font-size:12px;line-height:1.2;letter-spacing:.6px;color:#54392dbf;width:305px;max-width:100%;margin:0 0 16px}.qp-card__welcome .quiz-progress{display:block!important;height:3px;background:#e5e4df;border-radius:2px;overflow:hidden;margin-bottom:16px}.qp-card__start-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15.53px;background:var(--theoric-brown, #54392d);color:var(--theoric-beige, #f1f0eb);border:none;font-family:Avantt,sans-serif;font-weight:600;font-size:14px;line-height:8.7px;letter-spacing:.43px;text-transform:uppercase;cursor:pointer;transition:opacity .2s}.qp-card__start-btn:hover{opacity:.85}.qp-card__privacy{font-family:Arial,sans-serif;font-weight:400;font-size:10px;line-height:140%;letter-spacing:.6px;color:#54392d8c;text-align:center;margin:8px 0 0}.qp-card__privacy a{color:#54392dbf;text-decoration:underline;font-size:10px}.qp-card__quiz .quiz-question__text{font-family:Avantt,sans-serif;font-size:24px;font-weight:600;color:var(--theoric-brown, #54392d);line-height:120%;letter-spacing:.6px;margin-bottom:16px;width:277px;max-width:100%}.qp-card__quiz .quiz-question__subtitle{font-family:Arial,sans-serif;font-size:14px;line-height:140%;letter-spacing:.6px;color:#54392dbf;opacity:.64;margin-bottom:12px}.qp-card__quiz .quiz-option{border:1px solid #ccc;border-radius:4px;padding:15px 19px;font-family:Avantt,sans-serif;font-size:12px;line-height:160%;color:var(--theoric-brown, #54392d);background:transparent;text-align:left;width:100%}.qp-card__quiz .quiz-option:hover{border-color:var(--theoric-brown, #54392d);background:#f1f0eb80}.qp-card__quiz .quiz-option--selected{border-color:var(--theoric-brown, #54392d);background:#f1f0ebcc}.qp-card__quiz .quiz-back-btn{color:#54392d;font-family:Avantt,sans-serif;font-size:12px;font-weight:400;opacity:.64;margin-bottom:12px;padding-bottom:8px}.qp-card__quiz .quiz-progress{height:3px;background:#e5e4df;margin-bottom:24px;border-radius:2px}.qp-card__quiz .quiz-progress__bar{background:#5a4a4285;height:100%;display:block}.qp-card__quiz .quiz-options{display:flex;flex-direction:column;gap:8px}.qp-card__results .quiz-results__heading{font-family:Avantt,sans-serif;font-weight:600;font-size:50px;line-height:100%;letter-spacing:.44px;text-transform:uppercase;color:var(--theoric-brown, #54392d);margin-bottom:12px;margin-top:0}.qp-card__results .quiz-results__description{font-family:Avantt,monospace;font-size:14px;line-height:140%;letter-spacing:.47px;color:var(--theoric-brown, #54392d);margin-bottom:17px}.qp-card__results .quiz-results__products{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.qp-card__results .quiz-results__products>.featured-product-wrapper{min-height:0;padding:0}.qp-card__results .featured-product-wrapper,.qp-card__results .featured-product-wrapper>a,.qp-card__results .featured-product-wrapper>a>.card-product-featured-asymmetric{height:100%}.qp-card__results .quiz-results__secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}@media(max-width:749px){.qp-card__results .quiz-results__products{grid-template-columns:1fr 1fr;gap:8px}.qp-card__results .quiz-results__secondary-grid{display:contents}.qp-card__results .quiz-results__heading{font-size:32px}}.qp-card__results .featured-product-wrapper{display:block}.qp-card__results .featured-product-wrapper>a{display:block;position:absolute}.qp-card__results .card-product-featured-asymmetric{display:flex;flex-direction:column;background:#e3e3e3;overflow:hidden;position:relative;height:100%}.qp-card__results .card-product-featured-asymmetric .card__media{position:relative;width:100%;height:auto;min-height:0;overflow:hidden;flex:1}.qp-card__results .card-product-featured-asymmetric .card__media.mobile_assy{height:auto!important;min-height:200px;bottom:auto!important;place-self:auto}.qp-card__results .card-product-featured-asymmetric .card__media>img,.qp-card__results .card-product-featured-asymmetric .card__media>img:first-child,.qp-card__results .card-product-featured-asymmetric .card__media>img:not(.card__media-secondary){position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;object-fit:contain!important;display:block}.qp-card__results .card-product-secondary-asymmetric{display:block;height:auto;padding:0}.qp-card__results .card-product-secondary-asymmetric__inner{display:flex;flex-direction:column;background:#e3e3e3;overflow:hidden;position:relative;gap:0;height:100%}.qp-card__results .card-product-secondary-asymmetric__media-link{flex-basis:auto;max-width:none;display:block;width:100%;height:100%}.qp-card__results .card-product-secondary-asymmetric .card__media{position:relative;width:100%;height:auto}.qp-card__results .assy_card.card__media{bottom:auto!important;position:relative}.qp-card__results .assy_card.card__media.mobile_assy_sec{height:auto!important}.qp-card__results .card-product-secondary-asymmetric .card__media>img,.qp-card__results .card-product-secondary-asymmetric .card__media>img:first-child,.qp-card__results .card-product-secondary-asymmetric .card__media>img:not(.card__media-secondary){position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;object-fit:contain!important;display:block}.qp-card__results .card-product-featured-asymmetric__content,.qp-card__results .card-product-secondary-asymmetric__content{position:relative;bottom:auto;left:auto;padding:6px 8px;z-index:2}.qp-card__results .card-product-featured-asymmetric__title,.qp-card__results .card-product-secondary-asymmetric__title{font-family:Avantt,monospace;font-weight:700;font-size:10px;line-height:1.3;letter-spacing:.3px;color:#797979;width:auto;margin:0}.qp-card__results .card-product-featured-asymmetric__title a,.qp-card__results .card-product-secondary-asymmetric__title a{color:inherit;text-decoration:none}.qp-card__results .card-product-featured-asymmetric__price,.qp-card__results .card-product-secondary-asymmetric__price{font-family:Avantt,monospace!important;font-weight:400!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.3px!important;color:#797979!important}.qp-card__results .quiz-product-reason{font-size:9px;color:#999;margin-top:2px;line-height:1.3;font-style:italic;display:none}.qp-card__actions{display:flex;gap:7px;margin-top:17px;overflow:hidden}.qp-card__btn{font-family:Avantt,sans-serif;font-weight:600;font-size:1.4rem;line-height:120%;letter-spacing:01px;text-transform:uppercase;padding:15.53px;cursor:pointer;transition:opacity .2s;border:none;display:flex;align-items:center;justify-content:center}.qp-card__btn--outline{background:transparent;border:1px solid var(--theoric-brown, #54392d);color:var(--theoric-brown, #54392d);flex-shrink:0}.qp-card__btn--filled{background:var(--theoric-brown, #54392d);color:var(--theoric-beige, #f1f0eb);flex:1}.qp-card__btn:hover{opacity:.85}.qp-card__btn:disabled{opacity:.4;cursor:not-allowed}.qp-card .quiz-loading{text-align:center;padding:60px 20px}.qp-card .quiz-loading__spinner{width:40px;height:40px;border:3px solid #e5e4df;border-top-color:#5a4a42;border-radius:50%;animation:quizPageSpin .8s linear infinite;margin:0 auto 1.5rem}.qp-card .quiz-loading__text{font-family:Avantt,sans-serif;font-size:1rem;color:#666}@keyframes quizPageSpin{to{transform:rotate(360deg)}}@keyframes qpCardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qp-card__quiz,.qp-card__results{animation:qpCardFadeIn .4s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-main-quiz-page.css.map */